.main{ padding-bottom:30px; }
.main-l { float: left; width: 800px; }
.no-down{float: left;width: 150px;height: 46px;background: #dedede;border-radius: 5px;text-align: center;line-height: 46px;font-size: 16px;color: #666;margin-left: 15px}
.soft-b img {display: block;width: 150px;height: 150px;border-radius: 25px;margin: 24px auto 0;}
.soft-cen {float: left;width: 600px;margin-left: 35px;}
.soft-cen h1 {display: block;color: #333;font-size: 24px;height: 24px;line-height: 24px;margin-top: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.soft-info-list li {float: left;width: 33.33%;color: #999;font-size: 14px;height: 14px;line-height: 14px;margin-top: 15px;}
.soft-info-list li span {color: #666;margin-left: 5px;}
.soft-info-list li a {color: #2985de;margin-left: 5px;}
.soft-info-list {overflow: hidden;margin-top: 20px;}
.soft-t {overflow: hidden;border: solid 1px #e5e5e5;float: left;height: 240px;position: relative;width: 992px;}
.soft-score {float: right;width: 112px;height: 112px;font-size: 30px;color: #fff;line-height: 112px;font-weight: bold;background:url(../images/score-bg-ico.png) 0 0 no-repeat;text-align: center;margin-top: 15px;}
.soft-b {overflow: hidden;float: left;width: 204px;background: #fff;border: solid 1px #e5e5e5;height: 240px;}
.btn-box {overflow: hidden;position: absolute;top: 50%;right: 40px;transform: translateY(-50%);}
.soft-label {display: block;width: 430px;height: 30px;overflow: hidden;margin-top: 20px;}
.btn-box a {display: block;line-height: 46px;color: #fff;font-size: 16px;width: 210px;height: 46px;background-image: linear-gradient(0deg, #1db66c 0%, #2dce97 100%);/* text-indent: 80px; */margin-top: 12px;position: relative;text-align: center;}
.soft-label em {float: left;height: 30px;text-indent: 25px;line-height: 30px;color: #333;position: relative;font-size: 14px;padding-right: 10px;}
.soft-label em:before {content: "";position: absolute;top: 6px;left: 0;width: 15px;height: 19px;background: url(../images/newjlt.png) -59px 0 no-repeat;}
.soft-label a,.soft-label i {font-style:normal;float: left;padding: 0 10px;font-size: 14px;color: #dc8c2e;position: relative;height: 28px;border-radius: 3px;border: solid 1px #ffb053;line-height: 28px;margin-left: 10px;background: #fff7ee;}
.soft-b .zan {display: block;width: 90px;height: 30px;background: #ec383821;border-radius: 15px;text-indent: 38px;line-height: 30px;font-size: 12px;color: #ed4444;position: relative;margin: 20px auto 0;display: none;}
.soft-b .zan:before {content: "";position: absolute;top: 0;left: 0;border-radius: 50%;background: #ec3838;width: 30px;height: 30px;}
.soft-b .zan:after {content: "";position: absolute;top: 50%;left: 5px;transform: translateY(-50%);width: 20px;height: 20px;background: url(http://static.onegreen.net/pc/images/jlt.png) 1px -108px no-repeat;}
.softdown-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: left center;background-size: 100% 250%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .07;z-index: -1;}
.soul_detection{overflow: hidden;margin-top: 20px;display: table;width: 270px;}
.soul_detection span{text-align: center;font-size: 12px;color: #37ad32;position: relative;display: table-cell;text-indent: 6px;}
.soul_detection span i{display: inline-block;width: 12px;height: 12px;border: 1px solid #37ad32;margin-right: 5px;vertical-align: text-bottom;position: relative;border-radius: 50%;}
.soul_detection span:before{content:'';width: 5px;height: 3px;border: 1px solid #37ad32;border-top: none;border-right: none;position: absolute;top: 45%;left: 6px;transform: rotate(-45deg) translateY(-50%);}
.soul_detection span:after {content: '';width: 12px;height: 12px;border: 1px solid #37ad32;border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.soft-ma {float: left;width: 170px;height: 190px;background: #23a65d;margin-top: 35px;position: relative;}
.soft-ma img {width: 150px;height: 150px;display: block;margin: 10px auto;}
.soft-ma canvas{display:block;width:100%;height:100%;}
.soft-ma span {display: block;text-align: center;color: #fff;font-size: 12px;height: 12px;line-height: 12px;}
.soft-ma:after {content: "";position: absolute;top: 35px;right: 0;transform: translateX(100%);border: 8px solid #23a65d;border-color: transparent transparent transparent #23a65d;}
.btn-box a:before {content: "";position: absolute;top: 0;left: 72px;height: 100%;width: 1px;background: #fff;display: none;}
.btn-box .ios-btn {background-image: linear-gradient(0deg, #4579ff 0%, #4598ff 100%);display: none;}
.btn-box .pc-btn {background-image: linear-gradient(0deg, #f75e2e 0%, #de5e51 100%);display: none;}
.btn-box a:after {content: "";position: absolute;top: 50%;left: 23px;width: 25px;height: 42px;transform: translateY(-50%);background: url(../images/newjlt.png) 0 0 no-repeat;display: none;}
.btn-box a.ios-btn:after {background-position-x: -29px;}
/*  */
.info-tab:after { content: ""; display: block; clear: both; }
.info-tab a { float: left; color: #333; font-size: 14px; font-weight: bold; padding: 0 27px; border: solid 1px #eaeaea; line-height: 42px; position: relative; border-bottom: none; transition: all .1s ease; height: 42px; }
.info-tab {border-bottom: 2px solid #2c99f8;}
.info-tab a.active,.info-tab a:hover {color: #2c99f8;font-size: 18px;box-shadow: 0px 0px 13px 0px    rgba(0, 0, 0, 0.1);height: 48px;margin-top: -6px;line-height: 48px;padding: 0 38px;}
.soft-box {overflow: hidden;width: 1200px;margin: 0 auto 45px;}
/* img-lb */
.img-lb .swiper-container { width: 100%; height: 290px; }
.img-lb .swiper-slide{ width:auto; height:100%; }
.img-lb .swiper-slide img{ display:block; width:auto; height:100%; }
.img-lb { margin: 40px auto 50px; position:relative; width: 710px; }
.lb-prev,.lb-next { cursor:pointer; outline:none; width: 32px; height: 44px; position:  absolute; top: 50%; background: url(../images/new-jlt.png) 0 -89px no-repeat; transform:  translateY(-50%); z-index: 2; background: rgba(0,0,0,.5); }
.lb-next { right:  0; background-position-x: -38px; }
.lb-prev.swiper-button-disabled, .lb-next.swiper-button-disabled { opacity: .1; }
.lb-prev:before { content: ""; position: absolute; border: 1px solid #fff; width: 10px; height: 10px; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 60%; border-color: transparent transparent #fff #fff; }
.lb-next:before { content: ""; position: absolute; border: 1px solid #fff; width: 10px; height: 10px; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 40%; border-color: #fff #fff transparent transparent; }
.lb-prev { left: -45px; border-radius: 5px 0 0 5px; }
.lb-next { right: -45px; border-radius: 0 5px 5px 0; }
/* text-count */
.glo-tit { display: block; }
.glo-tit:after { content: ""; display: block; clear: both; }
.glo-txt { float: left; color: #333; font-size: 18px; height: 18px; line-height: 18px; padding-left: 14px; position: relative; }
.glo-txt:before {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 4px;background: #2c99f8;}
.glo-txt em {color: #2c99f8;}
.main-count { padding-top: 25px; }
.count p { display: block; font-size: 14px; color: #333; line-height: 30px; }
.count { margin-top: 20px; }
.count h3 {display: block;color: #333;font-size: 16px;padding: 5px 0;margin: 20px 0 10px;}
.count-txt {/* max-height: 50vh; */overflow: hidden;}
.see-all:before {content: "";display: block;width: 800px;height:180px;position: absolute;bottom: 30px;left: -250px;background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(rgba(255, 255, 255, 0)), to(white));}
.see-all {display: block;background: #efefef;text-align: center;height: 30px;line-height: 30px;font-size: 14px;border-radius: 5px;color: #999;cursor: pointer;position: relative;width: 300px;margin: 0 auto;display: none;}
.count.active .count-txt {max-height: none;}
/* related-veision */
.related-version li a { overflow: hidden; display: block; height: 60px; line-height: 60px; padding: 0 18px; border-top: 1px solid #eaeaea; }
.related-version li h5 { float: left; font-size: 14px; color: #333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 400px; }
.sel-item-down { float: right; width: 60px; height: 28px; background: #fff3e9; border: solid 1px #f17100; text-align: center; line-height: 30px; margin-top: 17px; color: #f17100; font-size: 12px; transition: all .3s ease; }
.related-version li:nth-of-type(odd) { background: #f8f8f8; }
.score-star { width: 79px; height: 12px; background: url(../images/jlt.png) -23px -75px no-repeat; margin-top: 24px; overflow: hidden; margin-left: 20px; float: left; }
.score-star i { height: 100%; display: block; background: url(../images/jlt.png) -23px -89px no-repeat; }
.sel-hot { color: #999; font-size: 12px; height: 60px; line-height: 60px; margin-left: 50px; float: left; }
.sel-hot em { color: #333; margin-right: 3px; }
.related-version li:hover .sel-item-down { background: #f17100; color: #fff; }
.related-version li:hover h5 { color: #ec3838; }
.related-version { border-bottom: 1px solid #eaeaea; margin: 18px auto 50px; }
/* similar-hot */
.hot-list li { float: left; width: 90px; margin: 30px 0 0 48px; }
.hot-list { margin: 0 0 50px -48px; overflow: hidden; }
.hot-list li img {display: block;width: 100%;margin: 0 auto;height: 90px;border-radius: 10px;}
.hot-list li h5 { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333; font-weight: normal; text-align: center; height: 14px; line-height: 14px; margin: 15px auto 0; }
.hot-list li span {display: block;width: 70px;height: 28px;border: solid 1px #2c99f8;text-align: center;line-height: 30px;margin: 15px auto 0;font-size: 12px;color: #2c99f8;}
.hot-list li:hover span {background: #2c99f8;color: #fff;}
/* guess-you-like */
.like-label { float: left; margin-left: 3px; overflow: hidden; margin-top: -6px; white-space: nowrap; height: 30px; width: 710px; }
.like-label a { background: #f3f3f3; height: 30px; line-height: 30px; float: left; text-align: center; border-radius: 4px; padding: 0 10px; font-size: 14px; color: #666; margin-left: 15px; transition: all .3s ease; }
.like-label a:hover,.like-label a.active {color: #fff;background: #2c99f8;}
.guess-like { border-top: 1px solid #eaeaea; margin-top: 10px; padding-top: 15px; }
.like-big img { display: block; float: left; width: 220px; height: 110px; border-radius: 10px; }
.like-r { float: left; width: 565px; margin-left: 15px; }
.like-tit { overflow: hidden; margin-top: 16px; }
.like-tit h5 { float: left; color: #333; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 500px; height: 18px; line-height: 18px; }
.addmore { float: right; color: #f58021; font-size: 14px; height: 18px; line-height: 18px; }
.like-r p { display: block; color: #999; font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; margin-top: 15px; }
.like-list { overflow: hidden; }
.like-list li { float: left; width: 33.33%; border-top: 1px solid #eaeaea; margin-top: -1px; padding: 14px 0; overflow: hidden; }
.like-big a { overflow: hidden; display: block; }
.like-list li img { float: left; display: block; width: 70px; height: 70px; border-radius: 10px; }
.like-list-r { margin-left: 10px; width: 160px; float: left; }
.like-list-r h5 { display: block; color: #333; font-size: 14px; height: 14px; line-height: 14px; font-weight: normal; margin-top: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.like-list-r span { display: block; color: #999; font-size: 12px; height: 12px; line-height: 12px; margin-top: 18px; }
.guess-item.active { display: block; }
.guess-item { display: none; }
/*  */
.main-r { float: left; width: 350px; margin-left: 50px; }
/* hot-game */
.hot-game-top img { float: left; width: 80px; height: 80px; display: block; }
.hot-game-top a { display: block; overflow: hidden; padding: 10px 0; }
.hot-gcen {float: left;margin-left: 15px;width: 190px;}
.hot-game-btn {float: right;width: 60px;height: 28px;background: #ffffff;border: solid 1px #2c99f8;text-align: center;color: #0085f6;line-height: 30px;font-size: 12px;margin-top: 25px;transition: all .3s ease;}
.hot-gcen h5 { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 16px; height: 16px; line-height: 16px; font-weight: normal; margin-top: 10px; }
.hot-gcen em { display: block; color: #999; font-size: 12px; height: 12px; line-height: 12px; margin-top: 12px; }
.hot-gcen .score-star { margin: 10px 0 0 0; }
.hot-game-top li:hover .hot-game-btn {background: #2c99f8;color: #fff;}
.hot-game-top li { border-bottom: 1px solid #eaeaea; }
.hot-game-top { margin-top: 16px; overflow: hidden; }
.hot-game-bot a { display: block; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.hot-game-bot h5 { float: left; height: 40px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 250px; position: relative; text-indent: 15px; }
.hot-game-bot .score-star { float: right; margin: 14px 0 0 0; }
.hot-game-bot h5:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 5px; background: #d7d7d7; border-radius: 50%; }
.hot-game { margin-bottom: 50px; }
/* azgame-type-label */
.azgame-type a { float: left; font-size: 16px; color: #279ddb; height: 16px; line-height: 16px; margin: 20px 0 0 25px; }
.azgame-type a:hover {font-size: 18px;}
.azgame-type { overflow: hidden; margin-left: -25px; height: 145px; }
.azgame-type a:nth-of-type(6n+1) { color: #ec2a2a; }
.azgame-type a:nth-of-type(6n+2) { color: #652aec; }
.azgame-type a:nth-of-type(6n+3) { color: #ff8a00; }
.azgame-type a:nth-of-type(6n+4) { color: #3ebe25; }
.azgame-type a:nth-of-type(6n+6) { color: #e12aec; }
.azgame-type a:nth-of-type(7n+7) { color: #f8c939; }
/* type-rank */
.rank-ol { float: right; border-radius: 4px; overflow: hidden; margin-top: -12px; }
.rank-ol li { float: left; text-align: center; height: 30px; line-height: 30px; width: 62px; color: #666; background: #f3f3f3; font-size: 14px; cursor: pointer; }
.rank-ol li.active { background: #f58021; color: #fff; }
.type-rank-box a img { width: 80px; height: 80px; float: left; display: block; border-radius: 15px; }
.type-rank-box a { display: block; overflow: hidden; padding: 10px 0; position: relative; }
.rank-cen { float: left; margin-left: 15px; width: 180px; }
.rank-cen h5 { display: block; color: #333; font-size: 16px; height: 16px; line-height: 16px; font-weight: normal; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rank-cen em { display: block; font-size: 12px; height: 12px; line-height: 12px; color: #999; margin-top: 12px; }
.rank-cen span { display: block; font-size: 12px; height: 12px; line-height: 12px; color: #999; margin-top: 12px; }
.rank-r { float: right; margin-top: 11px; }
.rank-r .rank-score { display: block; text-align: center; font-style: italic; font-size: 24px; height: 24px; line-height: 24px; color: #ec3838; font-weight: bold; }
.rank-btn {display: block;text-align: center;width: 60px;height: 28px;border: solid 1px #2c99f8;line-height: 30px;color: #2c99f8;font-size: 12px;margin-top: 15px;}
.rank-num { position: absolute; top: 10px; left: 0; width: 22px; height: 22px; background-color: #d2d2d2; text-align: center; line-height: 22px; color: #fff; font-size: 12px; text-shadow: 1px 1px 4px #6b6b6b; }
.type-rank-box ul li:nth-of-type(-n+3) .rank-num { background:#f53b3b; text-shadow: 1px 1px 4px #a91c1c; }
.type-rank { margin: 50px auto; }
.type-rank-box { margin-top: 15px; overflow: hidden; }
.type-rank-box ul { display: none; }
.type-rank-box ul.active { display: block; }
/* game-collection */
.game-collection a { display: block; width: 350px; height: 160px; border-radius: 5px; position: relative; overflow: hidden; margin-top: 20px; }
.game-collection a img { display: block; width: 100%; height: 100%; }
.game-collection a h5 { display: block; position: absolute; bottom: 0; left: 0; width: 90%; height: 60px; padding: 0 5%; color: #fff; background-image: linear-gradient(0deg,    #000000eb 0%,    #00000000 100%); line-height: 75px; font-size: 14px; }
.game-collection { overflow: hidden; margin-top: 5px; }

/**/
.tsStyle{display:block;margin:5px 10px 10px;padding:10px;border:1px solid #ff9947;color:#555;font-size:12px;line-height:1.5em;}
.tsStyle{background:url(../images/hint.png) no-repeat;padding-top:32px;overflow: hidden;zoom:1;}

/*select-version*/
.package-info{margin: 20px 0;/* padding:0 40px; */}
.package-info-list li{line-height:20px;font-size:14px;font-weight:400;color:#999;margin:10px 0 0;display:block;overflow:hidden}
.package-info-list{overflow:hidden;background:#f2f2f2;padding:0 10px 10px;margin-top:20px}
.package-info-list li span{color:#666}

.yuyuemengban {display: none;width: 100%;height: 2000px; position: fixed; z-index: 999; background: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);left: 0;top: 0;}
.yuyuewrap {display: none;width: 400px;height: 300px;position: fixed;left: 50%;top: 45%;margin: -150px 0 0 -200px;background: #fff;border-radius: 8px;z-index: 1000;cursor: initial;}
.yuyuewrap .closebtn {position: absolute;right: 10px;top: 5px;font: 20px/18px microsoft yahei;color: #3bb3f2;cursor: pointer;}
.yuyuewrap .yuyue_con {width: 320px;height: 260px;margin: 0px auto; padding-top: 20px;}
.yuyuewrap .yuyue_con .phone {width: 300px;height: 45px; font-size: 14px;line-height: 45px;padding: 0 10px;border: 1px solid #ccc;display: block; margin: 20px auto 0 auto;border-radius: 5px;}
.yuyuewrap .yuyue_con .tips {width: 320px;text-align: center;line-height: 45px;font: 16/45;margin: 10px auto;color: #999;}
input, select, textarea { font-size: 12px;outline: 0;}
.yuyuewrap .yuyuebtn_bs, .yuyuewrap .yuyuebtn_br { width: 330px;height: 45px;line-height: 45px;text-align: center;border-radius: 3px;margin: 10px auto 20px;font-size: 16px;cursor: pointer;}
.yuyuewrap .yuyuebtn_br {color: #3bb3f2;border: 1px solid #3bb3f2;}
#addressWrap .down_box_r {float: left;margin-left: 70px; margin-top: 15px; width: 400px;height: 300px;}
.yuyuewrap .yuyue_con .tips { width: 320px;text-align: center; line-height: 45px;font: 16/45;margin: 10px auto;color: #999;}
.yuyuewrap .yuyuebtn_bs {background: #3bb3f2; color: #fff;}