html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#fff;position: relative;}
.bg{background-color: #fff;}
.wraper{width:1200px;margin:0 auto;overflow: hidden;*zoom: 1;}
.h12{width:100%;height:12px;}
.h20{width:100%;height:20px;}
.h30{width:100%;height:30px;}
.ml20{margin-left: 20px;margin-right: 20px;margin-bottom: 20px;}
.hide{display:none;}
a,img{cursor: pointer;}
img{vertical-align: top;border: 0;}
.red {
    color: #f00 !important;
}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}

.icon{background:url('../../img/icon.png') no-repeat;background-size:800px 800px;}

/*面包屑*/
.site{ width: 100%; height: 20px; font-size: 12px; color: #AEAEAE; margin-top: 1px; padding-top: 16px; padding-bottom: 15px;}
.site i {width: 24px;height: 20px;display: inline-block;background-position: 0px -36px;vertical-align: sub;}
.site a {color: #AEAEAE;}
.site span {display: inline-block;line-height: 12px;margin-left: 5px;} 
.site em{color: #606466;}



/*游戏分类*/
.category{margin-top: 15px;position: relative;}
.category p{display: block;height: 26px;line-height: 26px;}
.category p i{width: 24px;height: 26px;background-position: -606px -35px;display: inline-block;vertical-align: top;margin-right: 10px;}
.category p span{font-size: 24px;color: #2e2e2e;line-height: 24px;font-weight: 400;}
.category p a{float: right;}
.category p a img{width: 52px;height: 24px;vertical-align: bottom;}
.category .info{position: absolute;right: 0;top: 0;}
.category .info span{font-size: 12px;color: #999;line-height: 12px;}
.category .info span i{width: 12px;height: 15px;background-position: -182px -3px;display: inline-block;vertical-align: bottom;margin-right: 6px;}
.category .info span em{font-size: 14px;font-weight: 600;margin: 0 5px;color: #00aff0;}

.sortBox { margin: 0;}
.sortBox * { float: left; }
.sortBox ul { font-size: 14px; width: 100%; }
.sortBox li { border-bottom: 1px dotted #ddd; padding-bottom: 10px; width: 100%; }
.sortTit { line-height: 30px; padding-top: 12px; width: 64px; font-size:16px; font-weight:700; }
.sortCon { width:auto;margin-top: 10px;margin-bottom: 25px;}
.sortCon a, .sortCon span { border: 1px solid #eee; display: inline-block; height: 30px; line-height: 30px; margin: 12px 13px 0 0; text-align: center; width: 88px; color:#666; overflow:hidden; font-size: 14px;}
.sortCon a { background-color: #fafafa; }
.sortCon a:hover { background-color: #4e98f4; border-color: #4e98f4; color: #fff; text-decoration: none; }
.sortCon span { background-color: #4e98f4; border-color: #4e98f4; color: #fff;}
.sortCon .current {
    background-color: #4e98f4;
    border-color: #4e98f4;
    color: #fff;
}


/*游戏列表*/
.htit{margin-top: 15px;position: relative;}
.htit div.h3{display: block;height: 24px;font-size: 24px;color: #2e2e2e;line-height: 24px;font-weight: 400;}
.htit div.h3 i{width: 24px;height: 26px;background-position: -29px -35px;display: inline-block;vertical-align: top;margin-right: 10px;}
.htit div.h3 a{float: right;}
.htit div.h3 a img{width: 52px;height: 24px;vertical-align: bottom;}
.htit p{display: block;height: 26px;line-height: 26px;}
.htit p i{width: 24px;height: 26px;background-position: -29px -35px;display: inline-block;vertical-align: top;margin-right: 10px;}
.htit p span{font-size: 24px;color: #2e2e2e;line-height: 24px;font-weight: 400;}
.htit p a{float: right;}
.htit p a img{width: 52px;height: 24px;vertical-align: bottom;}
.htit .info{position: absolute;right: 0;top: 0;}
.htit .info span{font-size: 12px;color: #999;line-height: 12px;}
.htit .info span i{width: 12px;height: 15px;background-position: -182px -3px;display: inline-block;vertical-align: bottom;margin-right: 6px;}
.htit .info span em{font-size: 14px;font-weight: 600;margin: 0 5px;color: #00aff0;}


ul.tylist{overflow: hidden;margin-top: 20px;}
ul.tylist li{float: left;width: 276px;height: 281px;border: 2px solid #f0f0f0;border-radius: 8px;margin-right: 26px;margin-bottom: 28px;}
ul.tylist li:nth-child(4n){margin-right: 0;}
ul.tylist li:hover.xz{border-color: #ebfaff;background: #ebfaff;}
ul.tylist li:hover.xz p:nth-child(1){font-weight: 600;color: #00aff0;}
ul.tylist li:hover.xz p:nth-child(4){background: #00aff0;color: #fff;}
ul.tylist li:hover.xz p:nth-child(4) i{background-position: -168px -34px;}

ul.tylist li:hover.ck{border-color: #ebfaff;background: #ebfaff;}
ul.tylist li:hover.ck p:nth-child(1){font-weight: 600;color: #00aff0;}
ul.tylist li:hover.ck p:nth-child(4){background: #00aff0;color: #fff;}
ul.tylist li:hover.ck p:nth-child(4) i{background-position: -223px -35px;}

ul.tylist li img{width: 110px;height: 110px;display: block;margin: 20px 85px 18px;border-radius: 18px;}
ul.tylist li p:nth-child(2){
    font-size: 20px;
    color: #2e2e2e;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    padding: 0 5px;
    text-overflow: ellipsis;
}
ul.tylist li p:nth-child(3){font-size: 14px;color: #8f8f8f;line-height: 14px;margin: 18px 15px 0;text-align: center;}
ul.tylist li p:nth-child(3) span{margin-right: 24px;}
ul.tylist li p:nth-child(3) span:nth-child(2){margin-right: 0;}
ul.tylist li p:nth-child(4){display: block;width: 240px;height: 48px;text-align: center;line-height: 48px;font-size: 18px;margin: 16px 18px 0;border-radius: 8px;}
ul.tylist li p:nth-child(4) i{vertical-align: middle;margin-right: 6px;}
ul.tylist li.xz p:nth-child(4){background: #ebfaff;color: #00aff0;}
ul.tylist li.xz p:nth-child(4) i{width: 24px;height: 20px;display: inline-block;background-position: -136px -34px;}
ul.tylist li.ck p:nth-child(4){background: #ebfaff;color: #00aff0;}
ul.tylist li.ck p:nth-child(4) i{width: 20px;height: 24px;display: inline-block;background-position: -198px -35px;}

/*分页*/
.pager{padding:15px 0;text-align:center;font-size:18px;color: #949799;}
.pager a,.pager b{padding:8px 19px;margin:0 5px;color:#949799;text-decoration:none;background-color:#f4f4f4;border-radius: 3px;border: none;display: inline;}
.pager>span{display: inline-block;line-height: 40px;height: 40px;border-radius: 3px;display: inline;}
.pager span a{display: block;padding:0;min-width: 40px;line-height: 40px;text-align: center;border-radius: 3px;}
.pager a i{display: inline-block;width: 12px;height: 20px;background-position: -545px -7px;position: relative;top: 3px;}
.pager a i.ll{background-position: -27px -66px;}
.pager a i.lr{background-position: -46px -66px;}
.pager a:hover i.ll{background-position: -208px -66px;}
.pager a:hover i.lr{background-position: -223px -66px;}
.pager a:hover{color:#fff;background-color: #00aff0;}
.pager a.selected,.pager b.selected,.pager a.selected:hover{color:#fff;background-color: #00aff0;padding: 8px 19px;}
.pager a.disabled,.pager a.disabled:hover{color:#666;background-color:#efefef;cursor:default;}
.pager .total {display: none;}




/* load */
.load .load_l{
    width: 820px;
    float: left;
    /* border-right: 5px solid #EEF1F7; */
}
.load .load_r{
    width: 360px;
    margin-left: 15px;
    float: left;
}
.loadnav{background: url(../../img/loadnav.png) no-repeat;height: 57px;}
.loadnav ul{overflow: hidden;margin-left: 20px;}
.loadnav ul li{float: left;margin-right: 22px;cursor: pointer;}
.loadnav ul li:hover em,.loadnav ul li.current em{background: linear-gradient(#5eabfb,#5edffc);}
.loadnav ul li:hover span,.loadnav ul li.current span{color: #00aff0;font-size: 20px;font-weight: 600;border-bottom: 3px solid #00aff0;padding-bottom: 10px;}
.loadnav ul li em{width: 8px;height: 8px;display: inline-block;background: #d5d5d5;border-radius: 50%;margin-right: 25px;}
.loadnav ul li span{font-size: 16px;line-height: 57px;color: #707070;}

.poly .poly_l{width: 820px;float: left;}
.poly .poly_r{width: 360px;margin-left: 20px;float: left;}
.polyh{height: 290px;box-shadow: 0px 4px 4px 0px rgba(61, 61, 61, 0.08);border-radius: 6px;background: url(../../img/polyh.png) no-repeat;overflow: hidden;}
.polyh img{width: 160px;height: 160px;border-radius: 36px;margin: 25px 35px 30px 33px;float: left;}
.polyh .info{margin-top: 25px;float: left;width: 560px;}
.polyh .info h1{font-size: 24px;color: #2E2E2E;font-weight: 400;line-height: 24px;margin-bottom: 22px;margin-top: 15px;}
.polyh .info p{white-space: nowrap;line-height: 14px;margin-bottom: 16px;}
.polyh .info p a{color: #00AFF0;}
.polyh .info p:nth-child(3){margin-bottom: 20px;}
.polyh .info p:nth-child(4){margin-bottom: 0;}
.polyh .info p:nth-child(4) span{width: auto;max-width: 45%;}

.polyh .info p:nth-child(4) span a{font-size: 13px;color: #00AFF0;background: #EBFAFF;display: inline-block;height: 28px;padding: 0 13px;line-height: 28px;margin-left: 10px;border-radius: 4px;}
.polyh .info p:nth-child(4) span span{font-size: 13px;color: #8F8F8F;background: #eee;display: inline-block;height: 28px;padding: 0 13px;line-height: 28px;margin-left: 10px;margin-right: 0;border-radius: 4px;}

.polyh .info p span{font-size: 14px;line-height: 14px;color: #8F8F8F;width: 120px;margin-right: 50px;display: inline-block;}
.polyh .loadbox{float: left;width: 100%;}
.polyh .loadbox a{display: inline-block;width: 193px;height: 45px;line-height: 45px;text-align: center;color: #fff;border-radius: 3px;box-shadow: 0px 4px 4px 0px rgba(184, 124, 230, 0.08);font-size: 16px;margin-right: 33px;}
.polyh .loadbox a:nth-child(1){margin-left: 33px;}
.polyh .loadbox a i{width: 28px;height: 28px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.polyh .loadbox a.and{background: #4DCD70;}
.polyh .loadbox a.ios{background: #00AFF0;}
.polyh .loadbox a.pc{background: #B87CE5;}
.polyh .loadbox a.yy{background: #cc0000;}
.polyh .loadbox a.and i{background-position: -4px -5px;}
.polyh .loadbox a.ios i{background-position: -43px -2px;height: 36px;width: 23px;}
.polyh .loadbox a.pc i{background-position: -80px -5px;}
.polyh .loadbox a.noload{background-color:#ccc}
.polyh .loadbox a.noload i{display:none}


.cont{margin-top: 20px;}
.cont p{font-size: 13px;color: #616161;line-height: 28px;}
.cont a {color:#00aff0;}
.cont h3{font-size: 16px;line-height: 16px;color: #00aff0;border-left: 4px solid #00aff0;padding-left: 8px;margin: 15px 0;font-weight: 600;}
.cont img{max-width: 700px;margin: 0 auto;display: block;padding: 20px 0;}


.newlv .lvhead{margin: 20px 0;}
.newlv .lvhead p span{font-size: 18px;color: #f98a0b;font-weight: 600;line-height: 18px;}
.newlv .lvhead p span:nth-last-child(1){font-size: 14px;color: #f98a0b;line-height: 18px;cursor: pointer;}
.newlv .lvhead p em{height: 1px;display: inline-block;width: 656px;border-top: 2px dashed #eee;margin: 0 8px;vertical-align: middle;}
.newlv .lvhead p .lv1{width: 20px;height: 20px;display: inline-block;background-position: -137px -2px;vertical-align: bottom;margin-right: 10px;}
.newlv .lvhead p .lv2{width: 15px;height: 15px;display: inline-block;background-position: -161px -3px;vertical-align: middle;margin-left: 5px;}
.newlv .lvtxt{font-size: 16px;color: #616161;line-height: 28px;text-indent: 2em;}
.updown{margin-top: 30px;}
.updown a{width: 370px;height: 36px;line-height: 36px;font-size: 16px;color: #808080;background: #f5f5f5;border-radius: 6px;display: inline-block;text-align: left;padding: 0 20px 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.updown a:nth-child(1){margin-right: 15px;}
.updown a:hover{background: #ebfaff;color: #00aff0;}



/* 截图 */
.showImg2 { width: 820px; height: 296px; padding: 24px 0 28px; background-color: #fff;overflow: hidden;}
.screenshot .intro{width:820px;position:relative}
.screenshot .intro .slider-contain{position:relative;width:820px;height:297px;}
.screenshot .intro .img-slider{width:820px;height:280px;text-align: center;font-size: 0;white-space:nowrap;}
.screenshot .intro .img-slider img{display: block;height:280px;border-radius:0;width:auto;vertical-align:top}
.screenshot .intro .img-slider li{width:auto;margin-right:16px;display:inline-block;height:280px;}
.screenshot .img-slider li:last-child{margin-right: 0;}
.screenshot .intro .video-js{width: 500px;height: 280px;}
.screenshot .slider-inner-contain{position:relative;left:0;width:820px;height: 297px;overflow-x:scroll;overflow-y:hidden;background:#fff;}
.screenshot .slider-contain .a_left{position:absolute;left:0;top:108px;z-index:10;cursor:pointer;width: 50px;height: 50px;}
.screenshot .slider-contain .a_left,.screenshot .slider-contain .a_right{display:none}
.screenshot .slider-contain:hover .a_left,.screenshot .slider-contain:hover .a_right{display:block}
.screenshot .slider-contain .a_right{position:absolute;right:0;top:108px;z-index:10;cursor:pointer;width:50px;height:50px;}
.screenshot .img-slider .img-item{position:relative;line-height:0;font-size:0}
.slider-inner-contain video{width: 500px;height: 280px;margin-right: 16px;}


.screenshot .slider-contain .a_left {
    position: absolute;
    left: 0;
    top: 108px;
    z-index: 10;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../../img/prev.png) no-repeat;
}
.screenshot .slider-contain .a_left,.screenshot .slider-contain .a_right {
    display: none
}
.screenshot .slider-contain:hover .a_left,.screenshot .slider-contain:hover .a_right {
    display: block
}
.screenshot .slider-contain .a_right {
    position: absolute;
    right: 0;
    top: 108px;
    z-index: 10;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../../img/next.png) no-repeat;
}




.loadlv{width: 820px;padding-bottom: 15px;}
.loadlv dl{margin: 20px 0;}
.loadlv dl dt{height: 48px;background: #ebfaff;}
.loadlv dl dt p{line-height: 48px;font-size: 16px;color: #00aff0;}
.loadlv dl dt p span{width: 50%;display: inline-block;text-align: center;}
.loadlv dl dd{height: 48px;background: #fff;}
.loadlv dl dd:nth-child(2n-1){background: #ebfaff;}
.loadlv dl dd p{line-height: 48px;font-size: 16px;}
.loadlv dl dd p span{width: 50%;display: inline-block;text-align: center;color: #474747;}
.loadlv dl dd p a{width: 50%;display: inline-block;text-align: center;color: #f98700;font-weight: 600;}


.loadzt{}
.loadzt .ztbox{overflow: hidden;}
.loadzt .ztop{overflow: hidden;margin-bottom: 20px;}
.loadzt .ztop img{width: 260px;height: 120px;float: left;margin-bottom: 20px;cursor: unset;}
.loadzt .ztop .info{margin-left: 20px;width: 540px;float: left;position: relative;}
.loadzt .ztop .info a{font-size: 20px;color: #333333;font-weight: 400;line-height: 20px;margin-top: 8px;display: block;}
.loadzt .ztop .info span{position: absolute;right: 0;top: 7px;font-size: 14px;color: #999999;}
.loadzt .ztop .info span em{color: #00aff0;}
.loadzt .ztop .info p{font-size: 14px;color: #757575;line-height: 26px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 12px;}
.loadzt .ztop{overflow: hidden;padding-top: 20px;border-bottom: 1px dashed #91dcf9;}
.loadzt .zbot {overflow: hidden;height: 250px;}
.loadzt .zbot li{float: left;margin-right: 21px;margin-bottom: 15px;}
.loadzt .zbot li:nth-child(8n){margin-right: 0;}
.loadzt .zbot li img{width: 84px;height: 84px;border-radius: 14px;}
.loadzt .zbot li p{font-size: 14px;color: #666;line-height: 14px;margin-top: 12px;width: 84px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.loadtxt{}
.loadtxt ul{overflow: hidden;margin-top: 20px;}
.loadtxt ul li{width: 400px;height: 29px;border-right: 2px solid #e5e5e5;border-bottom: 2px solid #e5e5e5;float: left;margin-right: 14px;margin-bottom: 14px;}
.loadtxt ul li:nth-child(2n){margin-right: 0;}
.loadtxt ul li:hover{border-color: #00aff0;}
.loadtxt ul li:hover p{color: #00aff0;}
.loadtxt ul li:hover i{background-position: -161px -71px;}
.loadtxt ul li p{font-size: 16px;color: #474747;line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 400px;}
.loadtxt ul li i{width: 12px;min-height: 10px;background-position: -147px -71px;display: inline-block;margin-right: 10px;}





.loadtj{overflow: hidden;height: auto;position: relative;}
.loadtj ul{overflow: hidden;float: left;margin-top: 20px;}
.loadtj ul li{float: left;margin-left: 22px;margin-bottom: 20px;}
.loadtj ul li:nth-child(3n){margin-left: 20px;}
.loadtj ul li img{width: 88px;height: 88px;display: block;border-radius: 20px;}
.loadtj ul li p{
    max-width: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #252525;
    line-height: 16px;
    margin-top: 14px;
    text-align: center;
}
.loadtj ul li:nth-of-type(n + 10) {
    display: none;
}
.loadtj ul li:hover p{color: #00AFF0;}
.loadtj ul li span{display: inline-block;width: 88px;height: 32px;line-height: 32px;background: #EBFAFF;border-radius: 16px;color: #00AFF0;text-align: center;margin-top: 13px;font-size: 14px;}
.loadtj ul li:hover span{color: #fff;background: #00AFF0;}
.loadtj #setPage{width: 360px;height: 20px;text-align: center;position: absolute;left: 0;bottom: 15px;}
.loadtj #setPage a{display: inline-block; width: 30px; height: 4px; margin-right:5px; background-color: #f0f0f2; vertical-align: middle;}
.loadtj #setPage a.setPageIn{ background-color: #00AFF0;width: 68px;}



.load_r .polybq{border: none;box-shadow: none;border-radius: 6px;}
.load_r .polybq .bqbox{overflow: hidden;margin-left: 0;margin-top: 20px;}
.load_r .polybq .bqbox a{display: inline-block;float: left;height: 32px;line-height: 32px;text-align: center;font-size: 14px;padding: 0 24px;margin-right: 20px;border-radius: 6px;margin-bottom: 20px;}
.load_r .polyrank{border: none;box-shadow: none;border-radius: 6px;}
.load_r .polyrank ul{margin: 0;margin-top: 20px;padding: 0 10px}

.polyrank{border: 1px solid #F5F5F5;box-shadow: 0px 4px 4px 0px rgba(61, 61, 61, 0.08);border-radius: 6px;}
.polyrank ul{margin: 0 18px;}
.polyrank ul li{height: 70px;overflow: hidden;margin-bottom: 30px;}
.polyrank ul li a>i{width: 24px;height: 24px;display: inline-block;float: left;margin-top: 22px;margin-right: 11px;font-size: 14px;color: #fff;text-align: center;line-height: 24px;}
.polyrank ul li:nth-child(n+4) a>i{background: #DCDCDC;border-radius: 50%;}
.polyrank ul li:nth-child(1) a>i{background-position: -66px -71px;}
.polyrank ul li:nth-child(2) a>i{background-position: -91px -71px;}  
.polyrank ul li:nth-child(3) a>i{background-position: -116px -71px;}
.polyrank ul li img{width: 70px;height: 70px;border-radius: 18px;display: inline-block;float: left;}
.polyrank ul li .info{float: left;width: 110px;margin-left: 16px;}
.polyrank ul li .info p:nth-child(1){font-size: 14px;color: #333;line-height: 16px;margin-top: 4px;white-space: nowrap;overflow: hidden;}
.polyrank ul li .info p:nth-child(2){font-size: 13px;color: #999;line-height: 14px;margin-top: 8px;white-space: nowrap;overflow: hidden;}
.polyrank ul li .info p:nth-child(2) em{margin: 0 5px;}
.polyrank ul li .info p:nth-child(2) i{width: 14px;height: 14px;background-position: -114px -2px;display: inline-block;vertical-align: bottom;margin-left: 3px;}
.polyrank ul li .info p:nth-child(3){font-size: 13px;color: #999;line-height: 14px;margin-top: 8px;white-space: nowrap;overflow: hidden;}
.polyrank ul li span{float: right;display: inline-block;width: 88px;height: 32px;line-height: 32px;color: #00AFF0;font-size: 14px;text-align: center;background: #EBFAFF;border-radius: 16px;margin-top: 19px;}
.polyrank ul li:hover span{color: #fff;background: #00aff0;}


/* 预约 */
.orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox{position: absolute;z-index: 5;top: 310px;left: 0;right: 0;margin: auto;background-color: #fff;width: 600px;border-radius: 10px;text-align: center;height: 420px;}
.oClose{position: absolute;top: 26px;right: 21px;z-index: 10;cursor: pointer;}
.oClose i{display: inline-block;width: 30px;height: 30px;background-position: -260px -30px;position: relative;}
.orderBox .oTitle{width: 100%;height: 150px;background: #00aff0;text-align: center;font-size: 24px;border-top-left-radius: 10px;border-top-right-radius: 10px;color: #fff;overflow: hidden;}
.orderBox .oTitle img{float: left;;display:block;width: 124px;height: 88px;position: relative;top:30px;left: 90px;margin: 0 auto;}
.orderBox .oTitle p:nth-child(1){font-size: 30px;color: #fff;font-weight: 600;line-height: 30px;white-space: nowrap;overflow: hidden;text-align: left;}
.orderBox .oTitle p:nth-child(2){font-size: 16px;color: #fff;margin-top: 22px;line-height: 16px;}
.orderBox .oTitle .info1{position: absolute;left: 260px;top: 40px;}
.orderBox form .tel{width:384px;border:1px solid #c2c2c2;background-color:#fff;color:#999;font-size:14px;border-radius:6px;padding:0 10px;line-height: 40px;margin: 36px auto 6px;overflow: hidden;white-space: nowrap;}
.orderBox form p{ color:#666;font-size:16px;line-height: 24px;margin-top: 20px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#cc0000;}
.orderBox form span{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{cursor: pointer;width:220px;border: 0;background-color:#00aff0;color:#fff;font-size:20px;border-radius:8px;line-height: 40px;margin: 26px auto 60px;overflow: hidden;white-space: nowrap; }
.orderBox .msg{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;}
.orderBox .oKnow{display: block;cursor: pointer;width:428px;border: 0;background-color:#00aff0;color:#fff;font-size:20px;border-radius:8px;line-height: 64px;margin: 36px auto;overflow: hidden;white-space: nowrap;height: 64px;position: absolute;bottom: -15px;left: 80px;}
.orderBox .oWin{width: 100%;height: 150px;background: #00aff0;text-align: center;font-size: 24px;border-top-left-radius: 10px;border-top-right-radius: 10px;color: #fff;overflow: hidden;}
.orderBox .oWin img{float: left;;display:block;width: 124px;height: 88px;position: relative;top:30px;left: 90px;margin: 0 auto;}
.orderBox .oWin p:nth-child(1){font-size: 30px;color: #fff;font-weight: 600;line-height: 30px;white-space: nowrap;overflow: hidden;text-align: left;}
.orderBox .oWin p:nth-child(2){font-size: 16px;color: #fff;margin-top: 22px;line-height: 16px;}
.orderBox .oWin .info1{position: absolute;left: 260px;top: 40px;}
.orderBox .oWin .yybg{width: 349px;height: 243px;position: absolute;top: 120px;left: 130px;}


/* 排行榜 */
.rankbg{height: 372px;}
.rank{margin-top: 40px;}
.rank>p{font-size: 32px;color: #2e2e2e;font-weight: 600;line-height: 44px;}
.rank>p i{width: 44px;height: 44px;background-position: -300px -15px;display: inline-block;vertical-align: middle;margin-right: 12px;}
.rank .ranknav{margin-top: 36px;overflow: hidden;}
.rank .ranknav li{width: 286px;height: 46px;float: left;margin-right: 14px;margin-bottom: 20px;}
.rank .ranknav li:nth-child(4n){margin-right: 0s;}
.rank .ranknav li.current a,.rank .ranknav li:hover a{color: #fff;font-weight: 600;background: #05aeee;box-shadow: 0px 4px 4px 0px rgb(4 134 181 / 8%);}
.rank .ranknav li a{display: block;width: 100%;height: 100%;border-radius: 12px;background: #f5f5f5;color: #999;font-size: 18px;line-height: 46px;text-align: center;box-shadow: 0px 4px 4px 0px rgb(61 61 61 / 8%);}
.rankbox{overflow: hidden;}
.rankbox li{float: left;overflow: hidden;height: 140px;width: 100%;padding: 25px 0;border-bottom: 2px solid #ebebeb;}
.rankbox li:hover{border-color: #00aff0;}
.rankbox i{width: 42px;height: 50px;display: inline-block;float: left;background-position: -526px -2px;font-size: 22px;color: #fff;line-height: 42px;text-align: center;margin-top: 46px;margin-right: 22px;font-weight: 600;}
.rankbox li:nth-child(1) i{background-position: -363px -2px;}
.rankbox li:nth-child(2) i{background-position: -413px -2px;}
.rankbox li:nth-child(3) i{background-position: -469px -2px;}
.rankbox img{width: 140px;height: 140px;display: inline-block;float: left;border-radius: 30px;}
.rankbox .info{float: left;width: 800px;margin-left: 26px;}
.rankbox .info>a{font-size: 24px;color: #2e2e2e;line-height: 24px;margin-top: 7px;display: inline-block;}
.rankbox li:hover .info>a{font-weight: 600;color: #00aff0;}
.rankbox .info p{font-size: 16px;color: #949494;line-height: 16px;white-space: nowrap;overflow: hidden;max-width: 800px;}
.rankbox .info p:nth-child(2){margin-top: 20px;}
.rankbox .info p:nth-child(3){margin-top: 10px;}
.rankbox .info p:nth-child(4){margin-top: 16px;}
.rankbox .info p span{margin-right: 20px;}
.rankbox .info p span a{display: inline-block;height: 24px;line-height: 24px;text-align: center;font-size: 14px;padding: 0 14px;border-radius: 12px;margin-left: 10px;}
.rankbox .info p span a:nth-child(n){background: #ebfaff !important;color: #05aeee !important;}
.rankbox .info p span a:nth-child(2n){background: #fff1eb !important;color: #f29b76 !important;}
.rankbox .info p span a:nth-child(3n){background: #ebfff7 !important;color: #67ddab !important;}
.rankbox .info p span a:nth-child(4n){background: #f6ebff !important;color: #b27cda !important;}
.rankbox .info p span a:nth-child(5n){background: #fffaeb !important;color: #fdc723 !important;}
.rankbox li .xzbtn{width: 150px;height: 48px;display: inline-block;float: right;background: #ebfaff;color: #00aff0;border-radius: 12px;text-align: center;line-height: 48px;font-size: 18px;margin-top: 46px;}
.rankbox li:hover .xzbtn{background: #00aff0;color: #fff;}

.rank .dpbox{cursor: pointer;}
.rank .dpbox .zk{width: 100%;height: 34px;}
.rank .dpbox .sq{width: 100%;height: 34px;}




/*专题推荐*/
.g-Kbox{
    overflow:hidden;
    margin-top: 5px;
    margin-bottom: 25px;
}
.g-Kbox ul{
    /* margin-top: 5px; */
    overflow: hidden;
}
.g-Kbox ul li{
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 15px 3px 0px 3px;
    border-radius: 4px;
    width: 47%;
    height: 98px;
    box-sizing: border-box;
}

.g-Kbox ul li:nth-child(n + 9) {
    display: none;
}

.g-Kbox ul li strong{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background:url(../../img/rgba50.png);
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px;
    box-sizing: border-box;
}
.g-Kbox ul li img{
    width: 100%;
    max-height: 135px;
}
.g-Kbox ul li:hover{ box-shadow:0px 0px 5px #333;}
.g-Kbox ul li:hover strong{ background: #4e98f4 }



/* 相关版本 */
.ver-list {margin-top: 20px;}
.ver-list ul{ overflow: hidden; zoom: 1;}
.ver-list ul li{width: 395px; float: left; margin-right: 24px; height: 48px; border:1px solid #e6e6e6; margin-bottom: 10px;transition:background-color 1.2s ease,left 1.2s ease-in-out;border-radius: 5px;}
.ver-list ul li:nth-child(2n) {
    margin-right: 0;
}
.ver-list ul li a{display: block; padding-left: 14px; height: 48px; line-height: 48px; overflow: hidden; zoom: 1;}
.ver-list ul li img{width: 36px; height: 36px; border-radius: 5px; float: left; margin: 6px 20px 0 0; margin-left: -60px;transition:all 1s ease;}
.ver-list ul li p{width: 190px; float: left; color: #333;font-size: 14px;}
.ver-list ul li b{
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 9px 5px 0 0;
    color: #01a0e2;
    background: #EBFAFF;
    padding: 0 25px;
    text-align: center;
    font-size: 14px;
    border-radius: 20px;
}
.ver-list ul li span{display: block; width:80px; float: left; color: #999;font-size: 14px;}
.ver-list ul li:hover{border:1px solid #23b3ee; background: #23b3ee;}
.ver-list ul li:hover a img{transition: all 1s ease; margin-left: 0;}
.ver-list ul li:hover a p{color: #fff;}
.ver-list ul li:hover a span{color: #fff;}
/* .ver-list ul li:hover a b{text-indent: -9999em; background: url(../../img/pc-icons.png) no-repeat; background-position: 20px -183px;} */


.tabs-title {
    width: 740px;
    height: 30px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 20px;
}
.tabs-title li {
    float: left;
    margin-right: 10px;
    border-radius: 2px;
    cursor: pointer;
    background-color: #A3B0BE;
    color: #fff;
    padding: 3px 10px;
    font-size: 13px;
    max-width: 200px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tabs-title li.active {
    background-color: #00aff0;
}






/*专题详情*/
.zhuanti-all,.format-info{ border:1px solid #ececec; padding:20px 0 20px; }
.zhuanti-all .zt-intro{ padding:0 20px; }
.zhuanti-all .intro-img{ float:left; width:385px; height:222px; overflow:hidden; }
.zhuanti-all .intro-img img{ display:block; }
.zhuanti-all .intro-box{ float:right; width:760px;height: 230px; overflow:hidden; position: relative;}
.zhuanti-all .intro-hd h1{ font-size:26px; font-weight:bold; }
.zhuanti-all .intro-hd{ line-height:34px; padding-top:8px; }
.zhuanti-all .intro-hd span{ color:#999; }
.zhuanti-all .intro-desc{ font-size:15px; color:#666; line-height:28px; margin-top:17px; max-height:112px; overflow:hidden; }
.zhuanti-all .intro-time{ font-size:11px; color:#666; line-height:28px;position: absolute;bottom: 0px;overflow:hidden; }
.zhuanti-all .intro-other{ margin-top:12px; }
.zhuanti-all .intro-other .time{ float:left; color:#999; line-height:36px; }
.zhuanti-all .intro-other .fr{ width:242px; }
.zhuanti-all .intro-other label{ float:left; line-height:36px; color:#999; }
.zhuanti-all .zt-title{ border-bottom:2px solid #21c485; height:42px; margin:20px 20px 0; }
.zhuanti-all .zt-title a {display: block;width: 200px;height: 44px;float: left;background: #444;text-align: center;line-height: 44px;font-size: 18px;color: #fff;border-right: 1px solid #555;border-radius: 5px 5px 0px 0px;transition: all .1s linear;}
.zhuanti-all .zt-title a.on{background: #21c485 !important;border-right: 1px solid #21c485 !important;}
.zhuanti-all .zt-title span{ display:block; height:42px; line-height:42px; background:#21c485; font-size:18px; color:#fff; padding:0 18px; overflow:hidden; float:left;}
.zhuanti-all .zt-list{ padding-bottom:24px; }
.zhuanti-all .zt-item{ float:left; background:#fafafa; width:326px; height:166px; padding:16px 20px; border:1px solid #e2e2e2; margin:24px 7px 0 20px; border-radius:12px; position:relative; }

.zhuanti-all .zt-item .name{ font-size:16px; font-weight:bold; line-height:24px; width:326px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zhuanti-all .zt-item .soft{ margin-top:15px; padding-left:85px; height:70px; position:relative; }
.zhuanti-all .zt-item .pic{ display:block; position:absolute; top:0; left:0; }
.zhuanti-all .zt-item .pic img{ display:block; width:70px; height:70px; border-radius:8px; overflow:hidden; }
.zhuanti-all .zt-item .soft span{ display:block; font-size:12px; color:#888; line-height:22px; }
.zhuanti-all .zt-item .soft .s-star{ margin-bottom:3px; }
.zhuanti-all .zt-item .down-link{ position:absolute; top:19px; right:0; display:block; background:#fff; width:85px; height:30px; line-height:30px; text-align:center; border:1px solid #ebfaff;background-color: #ebfaff; color:#00aff0; border-radius: 20px;}
.zhuanti-all .zt-item .down-link:hover{ background-color:#00aff0; color:#fff; }
.zhuanti-all .zt-item .desc{ color:#666; line-height:24px; height:48px; overflow:hidden; margin-top:10px; }
.zhuanti-all .zt-item:hover { box-shadow:0px 7px 7px rgba(0,0,0,0.1); border-color:#e0e0e0;}


/*专题推荐*/
.ztlist{
    overflow:hidden;
    margin-top: 5px;
    margin-bottom: 25px;
}
.ztlist ul{
    /* margin-top: 5px; */
    overflow: hidden;
}
.ztlist ul li{
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 15px 3px 0px 3px;
    border-radius: 4px;
    width: 19%;
    height: 115px;
    box-sizing: border-box;
}
.ztlist ul li strong{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background:url(../../img/rgba50.png);
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px;
    box-sizing: border-box;
}
.ztlist ul li img{
    width: 100%;
    max-height: 135px;
}
.ztlist ul li:hover{ box-shadow:0px 0px 5px #333;}
.ztlist ul li:hover strong{ background: #4e98f4 }

.img_shade {
    font-size: 20px;
    background: rgb(68 68 68 / 80%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #eee;
    text-align: center;
}

.MainBox { padding: 20px; background: #fff; border-radius: 6px; }
.Minbox { width: 1160px; padding: 20px; border-radius: 10px; background: #fff; margin: 20px auto 0; position: relative; z-index: 1; }

.MinTitle { width: 100%; position: relative; height: 27px; line-height: 27px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.MinTitle strong { display: block; float: left; height: 27px; color: #333; font-size: 20px; }

.MinTitle strong::before { display: inline-block; width: 14px; height: 20px; content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAYAAAC9BQwsAAAAl0lEQVR42u3ToQrCYBSG4QMrG9iFdeusBqPJhWHUvCJim8y7sBm8h8Xdw8BsNngVYtje8IdxGOw4hBXDUz542zmyLD6D/CQ84YE71tYwQd3yRmgJL6iVDcQJMIevw2tHuIMgxMttT0yt4UHtqTU8q33/D8cM86FhrPZVX7iFOBlKHPWt5h3hwvIdE1St6PbNI3uIMIP0aQDRKIuk1niYMwAAAABJRU5ErkJggg==) no-repeat; margin: 0 6px -3px 0; }

.MinTitle .more { float: right; font-size: 14px; color: #999; }

.MinTitle .more::after { display: inline-block; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAH5JREFUOE9jZCATMJKpj4E6GmfOnPmfkAvS09PBlqHYCNIIk8BmALI8Xo0zZ86sT09Pb4QZQorGE+np6RZEa5wxY8YkRkZGTwYGBhUGBobt//7968rMzDxAtI0gAzIyMvKIthGmcPr06Q4gm0jWiB6yeJ1KVjwS0oQsT3aSAwDkIFkPQvK3NQAAAABJRU5ErkJggg==) no-repeat; background-size: 100%; content: ""; margin: 0 0 -2px 6px; }

.MinTitle .more:hover { color: #3cadfb; }

.MinTitle .LinkTab a + a { display: none; }

.MinTitle .TabHd { overflow: hidden; margin-left: 20px; max-width: 880px; height: 25px; line-height: 25px; margin-top: 3px; }

.MinTitle .TabHd a { margin-left: 15px; font-size: 14px; color: #666; }

.MinTitle .TabHd a + a::before { content: "/"; color: #ddd; margin-right: 14px; }

.MinTitle .TabHd .on, .MinTitle .TabHd a:hover { color: #3cadfb; }

.MinTitle .time { font-size: 14px; color: #666; }
.NewSoft { 
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    width: 320px; 
    flex-wrap: wrap;
    padding: 0 10px;
}

.NewSoft li { width: 80px; overflow: hidden; margin-top: 15px;}

.NewSoft li:nth-of-type(n + 10) {
    display: none;
}

.NewSoft li:hover p { color: #3cadfb; }

.NewSoft li img { width: 80px; height: 80px; border-radius: 18px; display: block; }

.NewSoft li p { width: 100%; line-height: 30px; overflow: hidden; height: 25px; line-height: 25px; text-align: center; font-size: 16px; color: #333; margin-top: 10px; }