@charset "utf-8";blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,optgroup,th,var{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0;font-variant:normal}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sub,sup{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}*{margin:0;padding:0}body,html{overflow-y:auto;overflow-x:hidden}.clearfix{margin-right:auto;margin-left:auto}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}b,em,i{font-style:normal;font-weight:400}body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#4b4b4b;position:relative}body,html{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f4}button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif}a{color:#333;text-decoration:none}a:focus,a:hover{transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms}.rotate360:hover{transform:rotate(360deg)}a:hover{color:#008bff}.rotate360{transition:all .5s ease-in-out}.cx{overflow:hidden}.fl{float:left}.fr{float:right}.w1200{width:1200px;margin:0 auto}.h23{width:100%;height:23px}.hide{display: none;}a,a img{cursor:pointer}img{vertical-align:top;border:0}.bg{background-color:#fff}.ico{background:url(../images/icon.png) no-repeat;background-size:1000px 1000px}.rtiTle{padding:6px 0;overflow:hidden}.rtiTle em,.rtiTle h3{float:left;display:block;padding:0 6px;height:20px;line-height:20px;font-size:20px;color:#4b4b4b;border-left:5px solid #008bff}.rtiTle a{float:right;display:block}.rtiTle a i{display:block;width:18px;height:18px;background-position:-186px -52px;border:1px solid #ddd}.rtiTle a:hover i{border-color:#ff965f}.isoft .rtiTle em{border-color:#01c689}.itiTle{position:relative;height:96px;line-height:96px;z-index:1;overflow:hidden}.itiTle em{position:relative;float:left;display:block;padding:0 12px 0 18px;font-size:30px;color:#354352;height:96px;line-height:96px;font-weight:700}.itiTle em h2,.itiTle em span{position:relative;z-index:2;font-weight:700}.itiTle em i{display:block;position:absolute;z-index:0}.itiTle i:nth-of-type(1){width:46px;height:46px;background-position:-799px -3px;left:0;top:27px}.itiTle i:nth-of-type(2){width:20px;height:20px;background-position:-751px -4px;right:0;bottom:25px}.itiTle a{float:right;display:block;height:96px;font-size:14px;color:#676767}.itiTle a:hover{color:#008bff}.hotTopic .itiTle i:nth-of-type(1){background-position:-710px -142px}.hotTopic .itiTle i:nth-of-type(2){background-position:-658px -142px}.atiTle{height:44px;line-height:44px;z-index:1;overflow:hidden}.atiTle em{float:left;font-size:24px;color:#354352;font-weight:700}.atiTle a{float:right;font-size:12px;color:#c2c2c2}.atiTle a:hover{color:#008bff}.ctiTle{border-bottom:1px solid #f2f2f2;overflow:hidden}.ctiTle em{float:left;display:block;height:54px;line-height:54px;font-size:20px;color:#354352;font-weight:700}.ctiTle a{float:right;display:block}.ctiTle a i{display:block;width:20px;height:20px;background-position:-185px -51px;border:1px solid #ddd;position:relative;top:15px}.ctiTle a:hover i{border-color:#ff965f}body{background-image:url(../images/bgone.png);background-repeat:no-repeat;background-size:100% auto}body.wrap{background-color:#fff}.wrapper{width:1200px;margin:auto;padding:0 8px}header{width:1200px;height:103px;margin:0 auto;overflow:hidden}header>a{float:left;display:block;margin-top:31px}header>a img{width:191px;height:47px}header nav{float:right;margin-top:26px}header nav>i.ico{float:left;width:19px;height:18px;background-position:-5px -49px;position:relative;top:18px}header nav a{float:left;display:block;position:relative;padding:10px 15px 10px 12px}header nav a.current{font-weight:700}header nav a span{display:inline-block;position:relative;font-size:18px;color:#fff}header nav a span:after{content:"";position:absolute;width:0;height:0;top:30px;left:0;right:0;margin:auto;background-color:transparent;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s}header nav a:hover span:after{display:block;width:38px;height:4px;background-color:#ffac01;border-radius:1px;position:absolute;top:30px;left:0;right:0;margin:auto}header nav a.current span i{position:absolute;top:25px;right:42%;display:inline-block;width:62px;height:37px;background-position:-34px -41px}header nav a:hover span i{display:none}header nav a:nth-last-of-type(1){padding-right:0}header nav a>i.ico{display:inline-block;position:relative;top:4px;margin-right:8px}header nav a i.sy{width:18px;height:22px;background-position:-7px -8px}header nav a i.yx{width:27px;height:22px;background-position:-41px -7px}header nav a i.yy{width:18px;height:22px;background-position:-84px -8px}header nav a i.zx{width:20px;height:24px;background-position:-197px -8px;top:5px}header nav a i.hj{width:22px;height:22px;background-position:-118px -8px}header nav a i.phb{width:25px;height:22px;background-position:-156px -8px}.fdLink{background-color:#06060b}.fdLink>div{width:1200px;margin:0 auto;padding:40px 0 12px 0;overflow:hidden}.fdLink .linkTit{font-size:18px;color:#999;font-weight:700}.fdLink .linkTit i{display:inline-block;width:24px;height:23px;background-position:-571px -4px;position:relative;top:4px;margin-right:6px}.fdLink .linkTags{overflow:hidden;margin-top:10px}.fdLink .linkTags a{float:left;font-size:14px;line-height:34px;color:#999;margin-right:16px}.fdLink .linkTags a:hover{color:#fff}footer{width:100%;color:#999;font-size:12px;background-color:#06060b;text-align:center}footer div{width:1240px;margin:0 auto;border-top:1px solid #202020;height:130px;padding-top:20px}footer p:nth-of-type(1){color:#666;line-height:42px;font-weight:600;font-size:14px}footer p:nth-of-type(2){color:#666;font-weight:400}footer p:nth-of-type(3){color:#666;font-weight:400;line-height:24px}footer p a{color:#666;margin:0 10px;font-weight:400}footer p span{color:#666;margin:0 10px;font-weight:400}footer p:nth-of-type(2) a{margin:0}footer a:hover{color:#fff}.backTop{width:50px;height:50px;position:fixed;right:50%;margin-right:-660px;bottom:3.85%;z-index:99;cursor:pointer;display:none}.backTop i{display:block;width:50px;height:50px;background-position:-947px -63px}.backTop:hover i{opacity:.72}.crumb{padding-left:41px;height:40px;line-height:40px;border-bottom:1px solid #f7f7f7;overflow:hidden}.crumb,.crumb a{font-size:12px;color:#aeaeae}.crumb a:hover{color:#008bff}.crumb i{display:inline-block;width:18px;height:14px;background-position:-282px -54px;margin-right:10px;position:relative;top:.5px}.pagecode{padding:3px;margin:10px 0 20px;text-align:center;font-size:16px}.pagecode a{padding:8px 14px;margin-right:8px;color:#666;text-decoration:none;border:1px solid #e6e6e6;background-color:#fff;border-radius:3px}.pagecode>span{display:inline-block;line-height:38px;height:38px;border-radius:3px}.pagecode span a{display:block;padding:0;min-width:38px;line-height:38px;text-align:center;font-weight:700;border-radius:3px}.pagecode span em{margin-right:8px}.pagecode a:hover{color:#fff;background-color:#008bff;border:1px solid #008bff}.pagecode a.current,.pagecode a.current:hover{color:#fff;background-color:#008bff;border:1px solid #008bff}.pagecode a.disabled,.pagecode a.disabled:hover{color:#666;background-color:#efefef;border:1px solid #e6e6e6;cursor:default}.ihot{width:1200px;margin:0 auto;border-radius:8px;background-color:#fff;overflow:hidden}.ihot .tab_box{position:relative;overflow:hidden}.ihot .search{position:absolute;top:20px;right:20px;overflow:hidden}.ihot .hotWords{float:right;font-size:12px;color:#6ebdff;line-height:38px}.ihot .hotWords a{color:#b1b1b1;margin-right:16px}.ihot .hotWords a:hover{color:#008bff}.ihot .searchBar{float:right;width:250px;height:38px;position:relative;border-radius:38px;background-color:#f2f2f2;overflow:hidden}.ihot .searchBar input{background-color:#f2f2f2}.ihot .searchBar .text{width:180px;height:18px;padding:10px 16px;font-size:12px;color:#b1b1b1;border:none}.ihot .searchBar .btnSearch{width:38px;height:38px;border:none;border-radius:38px;text-indent:-9999px;cursor:pointer;position:absolute;right:0;top:0;background-image:url(../images/icon.png);background-size:1000px 1000px;background-color:#008bff;background-repeat:no-repeat;background-position:-140px -40px}.ihot .searchBar input::-webkit-input-placeholder{color:#b1b1b1}.ihot .searchBar input:-moz-placeholder{color:#b1b1b1}.ihot .searchBar input::-moz-placeholder{color:#b1b1b1}.ihot .searchBar input:-ms-input-placeholder{color:#b1b1b1}.ihot .tab_menu{margin-top:17px;padding:0 20px}.ihot .tab_menu span{position:relative;display:inline-block;text-align:center;font-size:20px;color:#595959;font-weight:700;padding:12px;margin-right:23px;cursor:pointer}.ihot .tab_menu span i{display:inline-block;position:absolute;width:0;height:4px;bottom:-5px;left:50%;background-color:transparent;transition:all .5s linear}.ihot .tab_menu span.current i,.ihot .tab_menu span:hover i{width:38px;height:4px;background-color:#17a1ff;border-radius:2px;position:absolute;bottom:-5px;left:32%}.ihot .tab_menu span .hot{display:block;position:absolute;top:-3px;right:-14px;width:29px;height:16px;background-position:-111px -51px}.ihot .sub_box{width:1200px;padding-left:20px;overflow:hidden}.ihot .sub_box a{display:block;float:left;width:100px;text-align:center;margin-right:32.5px;padding:20px 0 3px 0}.ihot .sub_box a img{width:100px;height:100px;border-radius:16px}.ihot .sub_box a p{display:block;width:100%;margin:auto;height:36px;line-height:36px;font-size:14px;color:#4b4b4b;overflow:hidden;white-space:nowrap}.ihot .sub_box a:hover p{color:#008bff}.ihot .sub_box a:hover img{opacity:.9}.ihot ul{padding:20px 0;border-top:1px dashed #e2e2e2;width:1160px;margin:auto}.ihot ul li{width:100%;height:28px;line-height:28px;color:#dee0e7;margin-bottom:10px;overflow:hidden;white-space:nowrap}.ihot ul li span{display:inline-block;padding:0 14px;height:25px;color:#4b4b4b;font-size:16px;font-weight:700;border-left:3px solid #4cc6ff}.ihot ul li a{color:#444;font-size:14px;padding:0 5px;margin:0 8px 0 4px}.ihot ul li a.rc{color:#fff;background-color:#ffc045}.ihot ul li a.ht{color:#c00}.ihot ul li a.nw{color:#ff2a00}.ihot ul li a:hover{color:#008bff}.ihot ul li a.rc:hover{background-color:transparent}.ihot ul li:nth-of-type(2n+1) span{border-color:#4cc6ff}.ihot ul li:nth-of-type(2n+2) span{border-color:#ff6933}.iRec{width:1160px;margin:auto;max-height:692px;background-color:#fff;padding:0 20px;overflow:hidden}.iRecL{float:left;margin-right:26px;width:516px;overflow:hidden}.iRecL .slider{width:516px;height:292px;position:relative;border-radius:8px;overflow:hidden}.iRecL .slider ul{position:relative;overflow:hidden}.iRecL .slider li{width:516px;height:292px;float:left;position:relative}.iRecL .slider li img{width:516px;height:292px;border-radius:8px}.iRecL .slider p{display:block;width:496px;height:42px;line-height:20px;text-align:center;position:absolute;bottom:0;padding:10px;font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;background:rgba(0,0,0,.6)}:root .iRecL .slider .text{-webkit-filter:none;filter:none}.iRecL .slider .dot{position:absolute;bottom:8px;left:0;right:0;margin:auto;width:200px;height:20px;text-align:center;overflow:hidden}.iRecL .slider .dot i{display:inline-block;width:8px;height:8px;overflow:hidden;margin:6px 4px;background-color:rgba(255,255,255,.4);border-radius:8px}.iRecL .slider .dot i.current{width:43px}.iRecL .iRecLgl{margin-top:16px}.iRecL .iRecLgl .rtiTle{padding-bottom:14px;border-bottom:1px solid #ededed}.iRecL .iglt{width:550px;padding:18px 0 8px;overflow:hidden}.iRecL .iglt a{float:left;width:246px;display:block;margin-right:24px;text-align:center;overflow:hidden}.iRecL .iglt a div{width:246px;height:117px;border-radius:8px;overflow:hidden}.iRecL .iglt a img{width:246px;height:117px;border-radius:8px;transition:all .3s linear}.iRecL .iglt a p{height:34px;line-height:34px;font-size:14px;color:#333;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.iRecL .iglb a{width:515px;height:50px;padding:11px;margin-bottom:14px;display:block;background-color:#f7f7f7;border-radius:8px;overflow:hidden}.iRecL .iglb a div{width:402px;overflow:hidden}.iRecL .iglb img{position:relative;float:left;border-radius:8px;width:75px;height:50px;margin-right:15px}.iRecL .iglb p{display:block;font-size:14px;width:400px;line-height:16px;color:#333;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iRecL .iglb span{display:block;font-size:12px;line-height:14px;color:#999;margin-top:12px;white-space:nowrap;overflow:hidden}.iRecL .iglb a:hover p,.iRecL .iglt a:hover p{color:#1b97ff}.iRecL .iglt a:hover img{transform:scale(1.1)}.iRecL .iglb a:hover img{opacity:.9}.iRecM{position:relative;width:410px;float:left}.iRecM .txtBox p{display:block;height:41px;background-color:#f9f9f9;margin-bottom:10px}.iRecM .txtBox p i{display:block;width:129px;height:51px;background-position:-868px -2px}.iRecM .txtBox a{display:block;height:46px;line-height:46px;padding-bottom:8px;border-bottom:2px solid #f6f6f6;font-size:20px;color:#ff7c1e;font-weight:700;text-align:center;overflow:hidden;white-space:nowrap}.iRecM .txtBox a:hover{color:#f50}.iRecM .isubBox ul:nth-of-type(1){padding-top:10px}.iRecM .isubBox ul li{width:100%;font-size:14px;height:36px;line-height:36px;color:#4b4b4b;overflow:hidden}.iRecM .isubBox ul li i,.iRecM ul li a{float:left;display:block}.iRecM .isubBox ul li span{float:right;font-size:12px;color:#999}.iRecM .isubBox ul li i{width:8px;height:8px;background-position:-217px -57px;margin:14px 9px}.iRecM .isubBox ul li a{width:336px;height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.iRecM .isubBox ul:nth-of-type(n+2) li:first-of-type a{font-size:16px;color:red;font-weight:700}.iRecM .isubBox ul:nth-of-type(n+2) li:first-of-type i{width:16px;height:18px;background-position:-554px -95px;margin:8px 6px}.iRecM .itabMenu{position:absolute;top:0;right:0px;height:41px;line-height:41px}.iRecM .itabMenu span{padding:0 10px;color:#4b4b4b;font-size:16px;font-weight:700;cursor:pointer}.iRecM .itabMenu span.current{color:#008bff}.isubMenu{width:320px;height:20px;margin:5px auto 0;overflow:hidden;text-align:center}.isubMenu span{position:relative;display:inline-block;width:12px;height:8px;margin:0 5px;background-color:#888;cursor:pointer}.isubMenu span.current{width:25px;background-color:#ff9500}.iRecR{width:180px;float:right}.iRecR .cont{padding-top:9px}.iRecR .cont a{position:relative;display:block;text-align:center;border-radius:8px;overflow:hidden;margin-bottom:13px}.iRecR .cont a img{width:180px;height:75px;border-radius:8px;transition:all .3s linear}.iRecR .cont a p{position:absolute;bottom:0;left:0;right:0;display:block;background-color:rgba(0,0,0,.65);font-size:14px;color:#fff;text-align:center;width:100%;height:28px;line-height:28px;overflow:hidden;white-space:nowrap;transition:all .4s ease}.iRecR .cont a:hover p{color:#008bff}.iRecR .cont a:hover img{opacity:.9;transform:scale(1.1)}.iRecR .list{padding:20px 0;overflow:hidden}.iRecR .list a{width:160px;height:46px;padding:9px;margin-bottom:21px;display:block;float:left;border:1px solid #e6e6e6;border-radius:8px;transition:all .2s ease}.iRecR .list a div{width:86px;overflow:hidden}.iRecR .list img{position:relative;top:-22px;float:left;border-radius:8px;width:64px;height:64px;margin-right:10px;transition:all .2s ease}.iRecR .list p{display:block;font-size:14px;width:110px;line-height:16px;color:#333;margin-top:5px;white-space:nowrap;overflow:hidden;transition:all .2s ease}.iRecR .list span{display:block;font-size:12px;line-height:14px;color:#999;margin-top:6px;white-space:nowrap;overflow:hidden}.iRecR .list a:hover{border:1px solid #a8d7ff}.iRecR .list a:hover p{color:#1b97ff}.iRecR .list a:hover img{opacity:.9;top:-9px}.hotTab{position:relative;width:1160px;padding:0 20px;margin:0 auto}.hotTab .tab_box{overflow:hidden}.hotTab .tab_menu{float:right;position:relative;width:390px;margin-top:5px;overflow:hidden}.hotTab .tab_menu .hidden_box{height:160px;overflow:hidden;position:relative}.hotTab .tab_menu ul{width:410px;float:left;position:absolute;overflow:hidden}.hotTab .tab_menu li{display:block;width:86px;height:38px;line-height:38px;text-align:center;color:#666;background-color:#eaeaea;float:left;margin:0 15px 13px 0;cursor:pointer}.hotTab .tab_menu li:nth-child(4n+4){margin-right:0}.hotTab .tab_menu li.current{color:#fff;background-color:#008bff}.hotTab .tab_menu li:hover{color:#fff;background-color:#008bff}.hotTab .preNextBox{width:90px;position:absolute;bottom:0;right:0;background-color:#fff;overflow:hidden}.hotTab .preNextBox em{display:block;width:43px;height:38px;line-height:38px;text-align:center;color:#666;background-color:#eaeaea;float:left;font-size:16px;cursor:pointer}.hotTab .preNextBox em:hover{color:#fff;background-color:#008bff}.hotTab .preNextBox em.pre{margin-right:2px}.hotTab .dotTabBox{text-align:right;margin-top:10px}.hotTab .dotTabBox i{display:inline-block;width:10px;height:10px;background:#ccc;margin-left:10px;cursor:default}.hotTab .dotTabBox i.current{background-color:#008bff}.hotTab .tab_cont{float:left;width:736px;height:432px;overflow:hidden}.hotTab .tab_cont ul{width:772px;overflow:hidden}.hotTab .tab_cont li{float:left;width:100px;text-align:center;margin-right:27px;padding-bottom:16px}.hotTab .tab_cont li a{display:block}.hotTab .tab_cont a img{width:100px;height:100px;border-radius:16px}.hotTab .tab_cont a p{display:block;width:100%;margin:auto;height:32px;line-height:32px;font-size:14px;color:#4b4b4b;overflow:hidden;white-space:nowrap}.hotTab .tab_cont a .btn{display:none;width:80px;height:24px;line-height:24px;font-size:14px;color:#fff;border-radius:2px;text-align:center;margin:8px auto 0;background:linear-gradient(to right,#41a1f7 ,#63d0f1)}.hotTab .tab_cont a:hover .btn{display:block}.hotTab .tab_cont a:hover .btn.no{background:linear-gradient(to right,#ffb317 ,#ffc960)}.hotTab .tab_cont a:hover p{display:none}.hotTab .tab_cont a:hover img{opacity:.9}.hotRec{position:absolute;bottom:20px;right:20px;width:390px;overflow:hidden}.hotRec .cont{height:170px;margin-top:18px;border-radius:6px;overflow:hidden}.hotRec .arrowR{position:relative;float:left;width:40px;height:100px;background-color:#ffc045;font-size:20px;line-height:24px;font-weight:700;color:#fff;text-align:center;padding:35px 0}.hotRec .arrowR i{position:absolute;top:50%;margin-top:-10px;right:-19px;width:0;height:0;border-left:10px solid #ffc045;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid transparent;font-size:0;line-height:0}.hotRec .cont a{float:left;overflow:hidden;display:block;width:311px;height:120px;padding:24px 19px;border:1px solid #e6e6e6;border-left:0;border-top-right-radius:6px;border-bottom-right-radius:6px}.hotRec .cont a img{float:left;width:120px;height:120px;border-radius:16px;margin-right:20px}.hotRec .cont .info{float:left;width:170px}.hotRec .cont .info p{font-size:12px;color:#666;height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.hotRec .cont .info .name{font-size:18px;color:#4b4b4b;font-weight:700;height:28px;line-height:28px;overflow:hidden;white-space:nowrap;margin-top:0}.hotRec .cont .info span{display:block;width:58px;height:22px;font-size:12px;color:#fff;background-color:#008bff;border-radius:2px;text-align:center;margin-top:6px}.hotRec .cont a:hover .name{color:#008bff}.hotRec .cont a:hover img{opacity:.9}.isoft .tab_menu{float:left}.isoft .tab_cont{float:right}.isoft .hotRec{left:20px}.isoft.hotTab .tab_menu li.current{background-color:#01c689}.isoft.hotTab .tab_menu li:hover{background-color:#01c689}.isoft.hotTab .tab_cont a .btn{background:linear-gradient(to right,#01c689 ,#6becc4)}.isoft .hotRec .cont .info span{background-color:#01c689}.isoft .hotRec .cont a:hover .name{color:#01c689}.itopic{width:100%;height:347px;margin:36px auto 10px;background:url(../images/bgtwo.png) no-repeat;background-size:100% 100%}.hotTopic{position:relative;width:1160px;height:100%;margin:0 auto}.carousel{width:100%;height:250px;margin:0 auto;overflow:hidden;position:relative}.carousel .caroList{width:1000%;position:absolute;top:0;left:0;overflow:hidden}.carousel .caroList div{float:left;width:1160px}.carousel .caroArrow{position:absolute;bottom:0;left:0;right:0;margin:auto;width:300px;height:80px;line-height:80px;text-align:center}.carousel .caroDot span{display:inline-block;width:10px;height:10px;margin:0 9px;border-radius:50%;background-color:#cecece}.carousel .caroDot span.on{background-color:#008bff}.carousel .caroBtn span{display:block;position:absolute;top:22px;width:34px;height:34px;line-height:32px;text-align:center;border-radius:50%;background-color:#cecece;font-size:22px;color:#fff;cursor:pointer}.carousel .caroPre{left:0}.carousel .caroNext{right:0}.carousel .caroBtn span:hover{background-color:#008bff}.hotTopic ul{width:1220px;overflow:hidden}.hotTopic li{float:left;width:276px;margin-right:18.5px}.hotTopic li a{position:relative;display:block;width:276px;height:174px;border-radius:8px;overflow:hidden;background:linear-gradient(to bottom,#1d2640 ,#3e3547)}.hotTopic li a img{width:276px;height:122px;display:block;margin-top:26px;transition:all .3s linear}.hotTopic li a p{position:absolute;top:44px;left:0;right:0;display:block;background-color:rgba(0,0,0,.5);width:100%;height:86px;line-height:56px;font-size:24px;color:#fff;text-align:center;overflow:hidden;white-space:nowrap;transition:all .4s ease}.hotTopic li a span{display:block;position:absolute;left:0;right:0;bottom:10px;margin:0 auto;line-height:20px;font-size:12px;color:#fff;font-weight:lighter}.hotTopic li a span i{display:inline-block;font-size:12px;color:#ff5a00;margin:0 3px;line-height:20px}.hotTopic li a:hover img{transform:scale(1.1)}.irank{width:1160px;padding:0 20px;margin:0 auto;overflow:hidden}.irank .cont{width:1220px;overflow:hidden}.irank .irList{width:376px;float:left;margin-right:16px;background-color:#f5f5f5;padding-bottom:10px;border-radius:6px;overflow:hidden}.irank .irList>div{width:100%;height:82px;line-height:82px;text-align:center;border-radius:6px;padding:14px 0;margin-bottom:10px}.irank .irList>div span{display:inline-block;font-size:25px;color:#fff;line-height:82px;vertical-align:top}.irank .irList>div i{display:inline-block;margin-right:35px}.irank .irList:nth-of-type(1)>div{background:linear-gradient(to right,#41a1f7 ,#63d0f1)}.irank .irList:nth-of-type(1)>div i{width:58px;height:82px;background-position:-5px -107px}.irank .irList:nth-of-type(2)>div{background:linear-gradient(to right,#d678ea ,#607ae9)}.irank .irList:nth-of-type(2)>div i{width:58px;height:82px;background-position:-93px -107px}.irank .irList:nth-of-type(3)>div{background:linear-gradient(to right,#f1a977 ,#fe5e9c)}.irank .irList:nth-of-type(3)>div i{width:58px;height:82px;background-position:-181px -107px}.irank ul li p{font-size:14px;color:#333}.irank .num{position:relative;float:left;display:block;margin:0 27px;width:16px;height:16px;line-height:16px;border:1px solid #ededed;background-color:#ededed;font-size:12px;color:#999;text-align:center}.irank ul li:nth-child(1) .num{width:24px;height:29px;background-position:-704px -9px;border:none;color:transparent;background-color:transparent}.irank ul li:nth-child(2) .num{width:24px;height:28px;background-position:-659px -5px;border:none;color:transparent;background-color:transparent}.irank ul li:nth-child(3) .num{width:24px;height:27px;background-position:-614px -4px;border:none;color:transparent;background-color:transparent}.irank ul li:nth-child(n+4) .num:before{content:'';display:block;width:0;height:0;border-right:5px solid transparent;border-top:5px solid #f5f5f5;position:absolute;top:-1px;left:-1px;z-index:2}.irank ul li:nth-child(n+4) .num:after{content:'';display:block;width:1px;height:6px;transform:rotate(45deg);background-color:#ededed;position:absolute;top:-1px;left:1px;z-index:2}.irank ul li:nth-child(n+4) .tBox .num:before{border-top-color:#e2f6ff}.irank .tBox{position:relative;background-color:#e2f6ff;padding:7px 0;overflow:hidden}.irank .tBox img{width:70px;height:70px;border-radius:12px;display:block;float:left;margin-right:12px}.irank .tBox .info{float:left;width:210px;height:70px;overflow:hidden}.irank .tBox p{width:210px;line-height:32px}.irank .tBox span{display:block;width:72px;height:24px;line-height:24px;border-radius:24px;background-color:#008bff;color:#fff;font-size:12px;text-align:center;margin-top:6px}.irank .tBox span i{display:inline-block;width:12px;height:11px;background-position:-240px -59px;position:relative;top:1;margin-right:2px}.irank .irList:nth-of-type(1) .tBox span{background-color:#42a3f7}.irank .irList:nth-of-type(2) .tBox span{background-color:#d378ea}.irank .irList:nth-of-type(3) .tBox span{background-color:#fc6897}.irank .tBox img:hover{opacity:.9}.irank .tfBox p{overflow:hidden;white-space:nowrap}.irank .fBox{height:52px;line-height:52px;overflow:hidden}.irank .fBox .num{margin-top:17px}.irank .tBox .num{margin-top:26px}.irank ul li:nth-child(-n+3) .num{margin-left:23px;margin-right:23px}.irank ul li:nth-child(-n+3) .fBox .num{margin-top:12px}.irank ul li:nth-child(-n+3) .tBox .num{margin-top:22px}.appL{float:left;width:866px}.appR{float:right;width:315px}.appL section,.appR section{margin-bottom:18px;border-radius:8px;background-color:#fff;box-shadow::0 1px 5px 0 rgba(0,0,0,.06);overflow:hidden}.appL section:nth-of-type(1),.appR section:nth-of-type(1){box-shadow:0 3px 0 #f0f0f0}.appL .apIntro{padding:6px 0 0 0}.apIntro .cont{position:relative;padding:15px 20px 22px 28px;overflow:hidden}.apIntro .cont>i{position:absolute;top:20px;right:32px;display:block;width:76px;height:60px;background-position:-858px -63px}.apIntro .cont img{float:left;width:176px;height:176px;border-radius:32px;margin-right:19px;cursor:default}.apIntro .info{float:left;width:622px;height:176px;overflow:hidden}.apIntro .info h1{float:left;display:inline-block;max-width:518px;height:46px;line-height:46px;font-size:26px;color:#333;font-weight:700;overflow:hidden;white-space:nowrap}.apIntro .info .guanf{float:left;display:inline-block;width:82px;height:24px;background-position:-210px -554px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .neic{float:left;display:inline-block;width:83px;height:24px;background-position:-313px -554px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .lib{float:left;display:inline-block;width:82px;height:24px;background-position:-417px -554px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .neig{float:left;display:inline-block;width:83px;height:24px;background-position:-520px -554px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .waif{float:left;display:inline-block;width:83px;height:24px;background-position:-624px -554px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .yuy{float:left;display:inline-block;width:83px;height:24px;background-position:-210px -614px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .hongb{float:left;display:inline-block;width:82px;height:24px;background-position:-313px -614px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .ces{float:left;display:inline-block;width:83px;height:24px;background-position:-417px -614px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info .gongc{float:left;display:inline-block;width:82px;height:24px;background-position:-520px -614px;position:relative;top:10px;margin-left:10px;z-index:2}.apIntro .info p{margin-top:11px;font-size:14px;color:#999;line-height:20px;white-space:nowrap;overflow:hidden}.apIntro .info p a{float:left;display:block;padding:0 8px;height:20px;line-height:20px;font-size:12px;color:#4fb3ff;border:1px solid #4fb3ff;margin-right:6px;border-radius:20px}.apIntro .info p a:hover{color:#fff;background-color:#4fb3ff}.apIntro .info p a:nth-of-type(1){color:#ef8692;border:1px solid #ef8692}.apIntro .info p a:nth-of-type(1):hover{color:#fff;background-color:#ef8692}.apIntro .info p a:nth-of-type(2){color:#f4a76d;border:1px solid #f4a76d}.apIntro .info p a:nth-of-type(2):hover{color:#fff;background-color:#f4a76d}.apIntro .info p a:nth-of-type(3){color:#4fb3ff;border:1px solid #4fb3ff}.apIntro .info p a:nth-of-type(3):hover{color:#fff;background-color:#4fb3ff}.apIntro .info p a:nth-of-type(4){color:#93d877;border:1px solid #93d877}.apIntro .info p a:nth-of-type(4):hover{color:#fff;background-color:#93d877}.apIntro .info p a:nth-of-type(5){color:#e79ff6;border:1px solid #e79ff6}.apIntro .info p a:nth-of-type(5):hover{color:#fff;background-color:#e79ff6}.apIntro .info p a:nth-of-type(6){color:#89efe9;border:1px solid #89efe9}.apIntro .info p a:nth-of-type(6):hover{color:#fff;background-color:#89efe9}.apIntro .info ul{margin-top:7px;overflow:hidden}.apIntro .info ul li{float:left;height:28px;line-height:28px;font-size:14px;color:#999;margin-right:22px;overflow:hidden;white-space:nowrap}.apIntro .info ul li em{color:#333}.apIntro .info ul li a{color:#333}.apIntro .info ul li a:hover{color:#008bff}.apIntro .info div{width:636px;overflow:hidden}.apIntro .info button{display:block;float:left;border:none;width:200px;height:45px;color:#fff;font-size:16px;line-height:45px;border-radius:3px;margin:15px 10px 0 0;cursor:pointer;text-align:center}.apIntro .info button>i{display:inline-block;position:relative;margin-right:8px;top:4px}.apIntro .info button.down{background:linear-gradient(to right,#41a1f7 ,#63d0f1)}.apIntro .info button.down>i{width:22px;height:18px;background-position:-349px -51px;top:3px}.apIntro .info button.order{background-color:#ff9e00}.apIntro .info button.order>i{width:20px;height:19px;background-position:-388px -49px}.apIntro .info button.no{background-color:#c5c3c3;margin-right:0}.apIntro .info button.no>i{width:18px;height:20px;background-position:-427px -49px}.apIntro .info button:hover{opacity:.9}.aNav{padding-bottom:30px}.ajump{border-top-left-radius:10px;border-top-right-radius:10px;background-color:#f8f8f8;margin-bottom:26px;overflow:hidden}.ajump li{float:left;cursor:pointer;width:138px;height:57px;line-height:57px;text-align:center;font-size:18px;color:#666;font-weight:700;border-right:1px solid #e6e6e6;border-bottom:1px solid #e9e9e9;cursor:pointer}.ajump li.current{color:#008bff;background-color:#fff;border-bottom-color:transparent}.ajump li:nth-child(1){padding-left:12px}.ajump li:hover{color:#008bff}.editCom{position:relative;width:788px;height:40px;line-height:40px;margin:0 auto 22px}.editCom i{display:block;width:50px;height:50px;background-position:-713px -71px;position:absolute;top:-8px}.editCom p{display:block;width:724px;padding-left:44px;margin-left:18px;height:40px;line-height:40px;font-size:14px;color:#999;background-color:#f4fffa;border:1px solid #cff5e4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.showImg{width:788px;max-height:298px;margin:0 auto}.screenshot .intro{width:788px;position:relative}.screenshot .intro .slider-contain{position:relative;width:788px;height:297px}.screenshot .intro .img-slider{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:788px;height:297px;overflow-x:scroll;overflow-y:hidden;background:#fff}.a_left,.a_right{position:absolute;left:-18px;top:117px;z-index:2;cursor:pointer;width:34px;height:36px;border-radius:50%;box-shadow:0 5px 6px 0 rgba(0,139,255,.3);background-color:#fff;background-position:-453px -40px}.a_right{position:absolute;left:771px;top:117px;z-index:2;cursor:pointer;background-position:-478px -40px}.screenshot .img-slider .img-item{position:relative;line-height:0;font-size:0}.screenshot .a_left:hover,.screenshot .a_right:hover{opacity:.9}.apCont{padding:20px}.apCont .contHid{position:relative;height:1180px;overflow:hidden}.apCont .cont{padding:6px 0 0;font-size:15px;color:#666;line-height:1.5}.apCont .cont a{line-height:25px;text-indent:0;color:#ffa200}.apCont .cont a:hover{border-bottom:.01px solid #ffa200}.apCont .cont p{line-height:26px;color:#666;margin-bottom:16px}.apCont .cont br{height:2px}.apCont .cont img{max-width:788px;display: block;margin: 0 auto;padding: 25px 0px 38px;}.apCont .cont p img{max-width:788px;display: block;margin: 0 auto;padding: 25px 0px 38px;}.apCont .cont h3{margin-bottom:16px;line-height:34px;font-size:18px;color:#333;font-weight:700;padding:0 0 0 18px;border-left:4px solid #008bff;background-color:#f5f5f5}.apCont .cont iframe{width:600px;height:340px;margin:0 auto;display:block;border:none}.apCont .openAp{padding:4px 0 8px;overflow:hidden}.apCont .openAp p{float:left;display:block}.apCont .openAp p span{display:inline-block;margin-right:20px;color:#ababab;font-size:14px}.apCont .openAp p span i{display:inline-block;margin-right:5px;position:relative}.apCont .openAp p span:nth-child(1) i{width:16px;height:13px;background-position:-520px -54px;top:2px}.apCont .openAp p span:nth-child(2) i{width:16px;height:16px;background-position:-555px -54px;top:3px}.apCont .openAp p span:nth-child(3) i{width:14px;height:16px;background-position:-590px -54px;top:3px}.apCont .aopen{text-indent:15px;display:block;float:right;width:70px;height:22px;font-size:12px;color:#fff;line-height:22px;cursor:pointer;margin-right:22px;border-radius:10px;background:linear-gradient(to right,#009cff 66%,#008bff 33%);box-shadow:0 5px 6px 0 rgba(0,156,255,.28)}.apCont .aopen i{display:block;float:right;width:9px;height:5px;position:relative;right:8px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px}.apCont .aopen i.down{background-position:-530px -162px;top:9px}.apCont .aopen i.up{background-position:-506px -162px;top:8px}.apCont .aopen:hover i.down,.apCont .aopen:hover i.up{border-color:#008bff}.apCont .linear{position:absolute;height:40px;bottom:0;width:100%;background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 70%)}.apInfo{padding:20px 20px 23px 20px}.apInfo ul{width:788px;padding-top:6px;overflow:hidden}.apInfo ul li{float:left;display:inline-block;width:375px;margin-right:18px;height:36px;line-height:36px;font-size:15px;color:#666;overflow:hidden;white-space:nowrap}.apInfo ul li span{font-size:15px;color:#666;line-height:36px}.apInfo ul li em{font-size:15px;color:#0dcc7a;line-height:36px}.apsite{padding:20px 20px 23px}.apsite .adown{padding-top:18px;margin-left:8px}.apsite .adown a{display:block}.apsite .adown div{width:280px;height:48px;line-height:48px;color:#fff;font-size:16px;margin-bottom:10px;text-align:center;border-radius:2px}.apsite .adown div i{display:inline-block;width:21px;height:24px;position:relative;top:5px;margin-right:5px}.apsite .adown .adr i{background-position:-291px -109px}.apsite .adown .adr{background-color:#2cbb84}.apsite .adown .ios i{background-position:-333px -109px}.apsite .adown .ios{background-color:#5298ff}.apsite .adown .pc i{width:26px;height:19px;background-position:-375px -113px}.apsite .adown div.pc{background-color:#9c7ebb}.apsite .adown a:hover{opacity:.9}.apsite .adown .none{border:1px solid #fea492;text-align:center;border-radius:3px;color:#fe4a24}.apsite .adown .none span{margin-left:0}.aphot{padding:20px 20px 8px}.aphot .list{width:826px;overflow:hidden}.aphot ul{width:846px;padding-top:28px;overflow:hidden}.aphot li{float:left;width:194px;height:64px;margin:0 14px 26px 0;border:1px solid #e6e6e6;border-radius:8px;transition:all .2s ease}.aphot li a{width:176px;height:46px;padding:9px;display:block;float:left}.aphot li a div{width:98px;overflow:hidden}.aphot li img{position:relative;top:-22px;float:left;border-radius:8px;width:64px;height:64px;margin-right:10px}.aphot li p{display:block;font-size:14px;width:110px;line-height:16px;color:#333;margin-top:5px;white-space:nowrap;overflow:hidden;transition:all .2s ease}.aphot li span{display:block;font-size:12px;line-height:14px;color:#999;margin-top:6px;white-space:nowrap;overflow:hidden}.aphot li:hover{border:1px solid #a8d7ff}.aphot li a:hover p{color:#1b97ff}.aphot li img:hover{opacity:.9}.apRec{position:relative;background-color:#fff;padding:19px 19px 14px;margin-bottom:18px;overflow:hidden}.apRec .aTabMenu{position:absolute;left:162px;top:20px;z-index:2;max-width:686px;white-space:nowrap;overflow:hidden}.apRec .aTabMenu span{display:inline-block;padding:12px 0;font-size:16px;color:#666;cursor:pointer}.apRec .aTabMenu span:after{content:"/";margin:0 15px;color:#ccc}.apRec .aTabMenu span:last-child:after{content:'';margin:0}.apRec .aTabMenu span.current{color:#008bff;font-weight:700}.apRec .aTabMenu span:hover{color:#008bff}.apRec .aRecont{width:826px;height:172px;margin-bottom:27px}.apRec .aRecont a{position:relative;display:block;padding-top:51px}.apRec .aRecont a img{position:absolute;left:11px;top:21px;z-index:1;display:block;width:271px;height:135px;border-radius:8px;transition:all .4s linear}.apRec .aRecont a span{position:absolute;left:298px;top:21px;z-index:2;display:block;width:544px;height:24px;line-height:24px;font-size:18px;color:#333;font-weight:700;padding-bottom:6px}.apRec .aRecont a i{position:absolute;left:11px;top:27px;z-index:3;display:block;padding:0 10px;height:24px;line-height:24px;background-color:rgba(0,0,0,.6);color:#fff;font-size:12px;transition:all .4s linear}.apRec .aRecont a div{background-color:#f6f6f6;padding:21px 21px 21px 296px;border:1px solid #e6e6e6;border-radius:8px}.apRec .aRecont a p{display:block;height:78px;line-height:26px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.apRec .aRecont a:hover span{color:#008bff}.apRec .aRecont a:hover img{top:42px}.apRec .aRecont a:hover i{top:48px}.apRec .aSubBox ul{width:850px;overflow:hidden}.apRec .aSubBox ul li{float:left;width:263px;height:106px;margin:0 19px 18px 0}.apRec .aSubBox li a{position:relative;display:block;padding:10px;float:left;border:1px solid #e6e6e6;border-radius:8px}.apRec .aSubBox li a img{float:left;width:84px;height:84px;border-radius:16px;margin-right:10px}.apRec .aSubBox li a .info p,.apRec .aSubBox li a .info span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apRec .aSubBox li a .info{float:left;width:147px;height:84px;overflow:hidden}.apRec .aSubBox li a .info p{font-size:16px;color:#000;line-height:30px;margin-top:5px}.apRec .aSubBox li a .info span{display:block;font-size:12px;color:#999;line-height:20px}.apRec .aSubBox li a,.apRec .aSubBox li a .btn,.apRec .aSubBox li a .btn i{transition:all .3s linear}.apRec .aSubBox li a .btn{position:absolute;top:58px;right:-1px;width:58px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#008bff;border:1px solid #a8d7ff;border-radius:12px 0 0 12px}.apRec .aSubBox li a .btn i{display:inline-block;width:12px;height:12px;background-position:-296px -148px;margin-right:2px;position:relative;top:1px}.apRec .aSubBox li a:hover .btn{color:#fff;background:linear-gradient(to right,#41a1f7 ,#5ecaf2)}.apRec .aSubBox li a:hover .btn i{background-position:-296px -171px}.apRec .aSubBox li a:hover img{opacity:.9}.apRec .aSubBox li a:hover p{color:#008bff}.apRec .aSubBox li a:hover{border-color:#a8d7ff}.apgather{padding:13px 20px 20px}.apgather ul{width:320px;margin-top:21px;overflow:hidden}.apgather li{float:left;width:80px;height:40px;line-height:40px;text-align:center;margin:0 17px 20px 0}.apgather li a{display:block;font-size:13px;color:#666;background-color:#f5f6f7;border-radius:2px}.apgather a:hover,.apgather li.current a{background-color:#008bff;color:#fff}.aprank{padding:13px 20px}.aprank ul{margin-top:1px;max-height:1300px;overflow:hidden}.aprank li{width:275px}.aprank li a{display:block;height:84px;padding:22px 0;border-bottom:1px dashed #eaeaea;overflow:hidden}.aprank li:last-of-type a{border:0}.aprank li a img{float:left;width:84px;height:84px;border-radius:16px;margin-right:14px}.aprank li a .info{float:left;width:142px;height:84px;overflow:hidden}.aprank li a p{overflow:hidden;white-space:nowrap;font-size:14px;color:#999;line-height:20px}.aprank li a .name{font-size:16px;color:#354352;line-height:20px;font-weight:700}.aprank li a span{display:inline-block;font-size:12px;color:#999;line-height:24px;margin:6px 10px 0 0;padding:0 5px;background-color:#f7f7f7;border-radius:2px}.aprank li a .txt{font-size:14px;color:#888;height:32px;line-height:32px;text-overflow:ellipsis}.aprank li .num{position:relative;float:left;display:block;margin-right:10px;width:16px;height:16px;line-height:16px;border:1px solid #ededed;background-color:#ededed;font-size:12px;color:#999;text-align:center}.aprank li:nth-child(1) .num{margin-top:31px;width:24px;height:29px;background-position:-704px -9px;border:none;color:transparent;background-color:transparent}.aprank li:nth-child(2) .num{margin-top:32px;width:24px;height:28px;background-position:-659px -5px;border:none;color:transparent;background-color:transparent}.aprank li:nth-child(3) .num{margin-top:33px;width:24px;height:27px;background-position:-614px -4px;border:none;color:transparent;background-color:transparent}.aprank li:nth-child(n+4) .num{margin-right:14px;margin-top:36px}.aprank li:nth-child(n+4) .num:before{content:'';display:block;width:0;height:0;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;top:-1px;left:-1px;z-index:2}.aprank li:nth-child(n+4) .num:after{content:'';display:block;width:1px;height:6px;transform:rotate(45deg);background-color:#ededed;position:absolute;top:-1px;left:1px;z-index:2;transition:all .4s ease}.aprank li a:hover{border-bottom:1px solid #a8d7ff}.aprank li a:hover .name{color:#008bff}.aprank li a img:hover{opacity:.9}.apother{padding:13px 20px}.apother ul{width:320px;margin-top:22px;overflow:hidden}.apother li{float:left;width:74px;text-align:center;margin-right:27px;margin-bottom:7px}.apother li a{display:block;padding:0 2px}.apother li a img{width:70px;height:70px;border-radius:12px}.apother li a p{display:block;width:100%;margin:auto;height:40px;line-height:40px;font-size:14px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apother li a:hover p{color:#008bff}.apother li a img:hover{opacity:.9}.apNav{position:relative;background-color:#fff;border-radius:8px;margin-bottom:33px;box-shadow:.5px .8px 5px 0 rgba(0,0,0,.06)}.apNav ul{height:130px;border-radius:8px;padding-left:19px}.apNav ul li{float:left}.apNav ul li a{position:relative;z-index:2;display:block;padding:38px 15px 0;height:92px;line-height:130px;margin-right:7px}.apNav ul li a i{display:block;width:32px;height:32px;margin:0 auto}.apNav ul li a p{font-size:15px;color:#adadad;line-height:44px}.apNav ul li:hover a p{color:#474747}.apNav ul li.current a p{color:#fff}.apNav ul li.current a:before{content:'';position:absolute;top:-5px;left:0;z-index:-2;width:90px;height:140px;border-radius:8px;background:linear-gradient(to right,#41a1f7 ,#63d0f1)}.gaTab ul li:nth-of-type(1) a i{background-position:-6px -376px}.gaTab ul li:nth-of-type(2) a i{background-position:-60px -381px}.gaTab ul li:nth-of-type(3) a i{background-position:-115px -380px}.gaTab ul li:nth-of-type(4) a i{background-position:-161px -376px}.gaTab ul li:nth-of-type(5) a i{background-position:-221px -376px}.gaTab ul li:nth-of-type(6) a i{background-position:-272px -375px}.gaTab ul li:nth-of-type(12) a i{background-position:-657px -378px}.gaTab ul li:nth-of-type(7) a i{background-position:-376px -378px}.gaTab ul li:nth-of-type(8) a i{background-position:-442px -377px}.gaTab ul li:nth-of-type(9) a i{background-position:-497px -376px}.gaTab ul li:nth-of-type(10) a i{background-position:-556px -376px}.gaTab ul li:nth-of-type(11) a i{background-position:-605px -378px}.gaTab ul li.current:nth-of-type(1) a i,.gaTab ul li.current:nth-of-type(1) a:hover i{background-position:-5px -487px}.gaTab ul li.current:nth-of-type(2) a i,.gaTab ul li.current:nth-of-type(2) a:hover i{background-position:-59px -491px}.gaTab ul li.current:nth-of-type(3) a i,.gaTab ul li.current:nth-of-type(3) a:hover i{background-position:-114px -491px}.gaTab ul li.current:nth-of-type(4) a i,.gaTab ul li.current:nth-of-type(4) a:hover i{background-position:-160px -487px}.gaTab ul li.current:nth-of-type(5) a i,.gaTab ul li.current:nth-of-type(5) a:hover i{background-position:-219px -486px}.gaTab ul li.current:nth-of-type(6) a i,.gaTab ul li.current:nth-of-type(6) a:hover i{background-position:-273px -487px}.gaTab ul li.current:nth-of-type(12) a i,.gaTab ul li.current:nth-of-type(12) a:hover i{background-position:-657px -486px}.gaTab ul li.current:nth-of-type(7) a i,.gaTab ul li.current:nth-of-type(7) a:hover i{background-position:-374px -487px}.gaTab ul li.current:nth-of-type(8) a i,.gaTab ul li.current:nth-of-type(8) a:hover i{background-position:-441px -487px}.gaTab ul li.current:nth-of-type(9) a i,.gaTab ul li.current:nth-of-type(9) a:hover i{background-position:-496px -487px}.gaTab ul li.current:nth-of-type(10) a i,.gaTab ul li.current:nth-of-type(10) a:hover i{background-position:-555px -487px}.gaTab ul li.current:nth-of-type(11) a i,.gaTab ul li.current:nth-of-type(11) a:hover i{background-position:-604px -487px}.gaTab ul li:nth-of-type(1) a:hover i{background-position:-7px -430px}.gaTab ul li:nth-of-type(2) a:hover i{background-position:-61px -435px}.gaTab ul li:nth-of-type(3) a:hover i{background-position:-116px -434px}.gaTab ul li:nth-of-type(4) a:hover i{background-position:-162px -430px}.gaTab ul li:nth-of-type(5) a:hover i{background-position:-222px -430px}.gaTab ul li:nth-of-type(6) a:hover i{background-position:-273px -429px}.gaTab ul li:nth-of-type(12) a:hover i{background-position:-657px -432px}.gaTab ul li:nth-of-type(7) a:hover i{background-position:-377px -432px}.gaTab ul li:nth-of-type(8) a:hover i{background-position:-443px -431px}.gaTab ul li:nth-of-type(9) a:hover i{background-position:-498px -430px}.gaTab ul li:nth-of-type(10) a:hover i{background-position:-557px -430px}.gaTab ul li:nth-of-type(11) a:hover i{background-position:-606px -432px}.sfTab ul li:nth-of-type(1) a i{background-position:-8px -219px}.sfTab ul li:nth-of-type(2) a i{background-position:-53px -222px}.sfTab ul li:nth-of-type(4) a i{background-position:-104px -222px}.sfTab ul li:nth-of-type(9) a i{background-position:-161px -222px}.sfTab ul li:nth-of-type(8) a i{background-position:-575px -220px}.sfTab ul li:nth-of-type(10) a i{background-position:-218px -222px}.sfTab ul li:nth-of-type(3) a i{background-position:-272px -221px}.sfTab ul li:nth-of-type(7) a i{width:36px;background-position:-679px -218px}.sfTab ul li:nth-of-type(11) a i{background-position:-376px -219px}.sfTab ul li:nth-of-type(6) a i{background-position:-427px -221px}.sfTab ul li:nth-of-type(12) a i{background-position:-756px -376px}.sfTab ul li:nth-of-type(5) a i{width:34px;background-position:-628px -219px}.sfTab ul li.current:nth-of-type(1) a i,.sfTab ul li.current:nth-of-type(1) a:hover i{background-position:-8px -319px}.sfTab ul li.current:nth-of-type(2) a i,.sfTab ul li.current:nth-of-type(2) a:hover i{background-position:-53px -322px}.sfTab ul li.current:nth-of-type(4) a i,.sfTab ul li.current:nth-of-type(4) a:hover i{background-position:-104px -322px}.sfTab ul li.current:nth-of-type(9) a i,.sfTab ul li.current:nth-of-type(9) a:hover i{background-position:-161px -322px}.sfTab ul li.current:nth-of-type(8) a i,.sfTab ul li.current:nth-of-type(8) a:hover i{background-position:-575px -320px}.sfTab ul li.current:nth-of-type(10) a i,.sfTab ul li.current:nth-of-type(10) a:hover i{background-position:-218px -322px}.sfTab ul li.current:nth-of-type(3) a i,.sfTab ul li.current:nth-of-type(3) a:hover i{background-position:-272px -321px}.sfTab ul li.current:nth-of-type(7) a i,.sfTab ul li.current:nth-of-type(7) a:hover i{background-position:-679px -315px}.sfTab ul li.current:nth-of-type(11) a i,.sfTab ul li.current:nth-of-type(11) a:hover i{background-position:-376px -319px}.sfTab ul li.current:nth-of-type(6) a i,.sfTab ul li.current:nth-of-type(6) a:hover i{background-position:-427px -321px}.sfTab ul li.current:nth-of-type(12) a i,.sfTab ul li.current:nth-of-type(12) a:hover i{background-position:-756px -484px}.sfTab ul li.current:nth-of-type(5) a i,.sfTab ul li.current:nth-of-type(5) a:hover i{background-position:-628px -315px}.sfTab ul li:nth-of-type(1) a:hover i{background-position:-8px -270px}.sfTab ul li:nth-of-type(2) a:hover i{background-position:-53px -273px}.sfTab ul li:nth-of-type(4) a:hover i{background-position:-104px -273px}.sfTab ul li:nth-of-type(9) a:hover i{background-position:-161px -273px}.sfTab ul li:nth-of-type(8) a:hover i{background-position:-575px -270px}.sfTab ul li:nth-of-type(10) a:hover i{background-position:-218px -273px}.sfTab ul li:nth-of-type(3) a:hover i{background-position:-272px -272px}.sfTab ul li:nth-of-type(7) a:hover i{background-position:-679px -267px}.sfTab ul li:nth-of-type(11) a:hover i{background-position:-376px -270px}.sfTab ul li:nth-of-type(6) a:hover i{background-position:-427px -272px}.sfTab ul li:nth-of-type(12) a:hover i{background-position:-756px -430px}.sfTab ul li:nth-of-type(5) a:hover i{background-position:-628px -268px}.aplist ul{width:1230px}.aplist ul li{float:left;width:184px;height:262px;border-radius:8px;margin:0 19px 18px 0;background-color:#fff;overflow:hidden;box-shadow:.5px .8px 5px 0 rgba(0,0,0,.06)}.aplist ul li a{position:relative;display:block;padding:29px 0 17px 0}.aplist ul li img{display:block;width:124px;height:124px;border-radius:22px;margin:0 auto}.aplist ul li p{display:block;height:24px;line-height:24px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:14px;color:#ababab}.aplist ul li a .name{font-size:16px;color:#454545;font-weight:700;margin-top:10px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.aplist ul li p span{margin:0 4px}.aplist ul li .btn{position:absolute;bottom:-48px;width:184px;height:48px;line-height:48px;text-align:center;color:#fff;font-size:16px;border-radius:0 0 8px 8px;background:linear-gradient(to right,#41a1f7 ,#63d0f1);transition:all .4s ease}.aplist ul li .btn.no{background:linear-gradient(to right,#ffb317 ,#ffc960)}.aplist ul li:hover{border-color:#19b955}.aplist ul li:hover .btn{bottom:0;left:0;right:0;margin:auto}.tpNav,.tplist li{box-shadow:.5px .8px 5px 0 rgba(0,0,0,.06)}.tpNav{position:relative;border-radius:8px;width:1200px;height:84px;background:url(../images/bghj.png) no-repeat;background-size:100% 100%}.tpNav p{line-height:84px;font-size:24px;color:#354352;font-weight:700;margin-left:21px}.tpTab{position:absolute;left:490px;top:0}.tpTab ul{height:84px;position:relative;z-index:2;overflow:hidden}.tpTab ul li{float:left;margin-right:22px;text-align:center;padding-left:7px}.tpTab ul li a{display:block;width:84px;height:84px;line-height:84px;font-size:18px;color:#676767;font-weight:700}.tpTab .navCur{position:absolute;top:-8px;left:-7px;width:98px;height:98px;border-radius:8px;background:linear-gradient(to right,#41a1f7 ,#63d0f1)}.tpTab ul li a:hover,.tpTab ul li.current a{color:#fff}.tplist ul{width:1232px;padding-top:20px;overflow:hidden}.tplist li{float:left;width:379px;margin:0 31px 27px 0;border-radius:8px;background-color:#fff;overflow:hidden}.tplist li>a{display:block;position:relative}.tplist li>a p{display:block;position:absolute;bottom:0;left:0;z-index:2;font-size:14px;color:#fff;width:359px;padding:0 10px;height:32px;line-height:32px;overflow:hidden}.tplist li>a p span{float:left}.tplist li>a p em{float:right}.tplist li>a p i{color:#ff5a00;margin:0 5px}.tplist li>a img{display:block;width:379px;height:168px}.tplist li>a:hover img{opacity:.9}.tplist li>a div{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.15)}.tplist li>div{padding:10px 12px 26px}.tplist li>div a{display:block;font-size:20px;color:#4b4b4b;line-height:42px;font-weight:700}.tplist li>div p{display:block;height:72px;font-size:14px;color:#999;line-height:24px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tplist li:hover a{color:#008bff}.tdIntro,.tdlist li{background-color:#fff;box-shadow:.5px .8px 5px 0 rgba(0,0,0,.06)}.tdIntro{margin-bottom:29px;border-radius:8px;padding:6px 0 0 0;overflow:hidden}.tdIntro .cont{position:relative;padding:27px 33px 42px 41px;background:url(../images/bgzt.png) no-repeat;background-size:100% 100%;overflow:hidden}.tdIntro .cont>i{position:absolute;top:48px;right:45px;display:block;width:76px;height:60px;background-position:-858px -63px}.tdIntro .cont img{float:left;width:370px;height:204px;margin-right:25px;cursor:default}.tdIntro .info{float:left;width:730px;height:204px;overflow:hidden}.tdIntro .info h1{max-width:710px;padding-left:12px;height:44px;line-height:44px;font-size:30px;color:#333;font-weight:700;overflow:hidden;white-space:nowrap}.tdIntro .info div{margin-top:11px;font-size:12px;color:#dedede;line-height:12px;white-space:nowrap;overflow:hidden}.tdIntro .info div span{display:inline-block;padding-right:18px;height:20px;line-height:20px;font-size:14px;color:#888}.tdIntro .info div span:nth-of-type(2){padding-left:10px}.tdIntro .info div em{display:inline-block;padding:0 12px;height:32px;line-height:32px;font-size:32px;color:#ffc045;font-weight:700}.tdIntro .info p{padding:12px 16px 2px;margin:16px 0 5px;height:52px;line-height:26px;font-size:14px;color:#888;border-top:1px dashed #e9e9e9;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tdIntro .info label{display:block;float:left;color:#666;font-size:14px;padding-left:16px;line-height:32px}.tdIntro .info a{display:inline-block;max-width:98px;height:32px;line-height:32px;color:#8f8f8f;font-size:14px;margin-right:10px;overflow:hidden;white-space:nowrap}.tdIntro .info a:nth-of-type(6n+1){color:#ef8692}.tdIntro .info a:nth-of-type(6n+2){color:#f4a76d}.tdIntro .info a:nth-of-type(6n+3){color:#4fb3ff}.tdIntro .info a:nth-of-type(6n+4){color:#93d877}.tdIntro .info a:nth-of-type(6n+5){color:#e79ff6}.tdIntro .info a:nth-of-type(6n+6){color:#89efe9}.tdIntro .info a:hover{text-decoration:underline}.ranktop{background:url(../images/bgrank.png) no-repeat;background-size:100% 100%;height:264px}.ranktop div{position:absolute;top:293px;left:0;right:0;z-index:2;width:1162px;margin:0 auto;height:110px;padding:0 19px}.ranktop div ul{width:768px}.ranktop li{position:relative;float:left;width:376px;height:110px;margin-right:16px}.ranktop li:last-child{margin-right: 0;} .ranktop li a{display:block;width:100%;height:82px;line-height:82px;text-align:center;border-radius:6px;padding:14px 0;margin-bottom:10px}.ranktop li a span{display:inline-block;font-size:25px;color:#fff;line-height:82px;vertical-align:top;opacity:.7}.ranktop li a i{display:inline-block;margin-right:35px;opacity:.7}.ranktop li:nth-of-type(1) a{background:linear-gradient(to right,#41a1f7 ,#63d0f1)}.ranktop li:nth-of-type(1) a i{width:58px;height:82px;background-position:-5px -107px}.ranktop li:nth-of-type(2) a{background:linear-gradient(to right,#d678ea ,#607ae9)}.ranktop li:nth-of-type(2) a i{width:58px;height:82px;background-position:-93px -107px}.ranktop li:nth-of-type(3) a{background:linear-gradient(to right,#f1a977 ,#fe5e9c)}.ranktop li:nth-of-type(3) a i{width:58px;height:82px;background-position:-181px -107px}.ranktop li.current a span,.ranktop li:hover a span{opacity:1;font-weight:bold;}.ranktop li.current a i,.ranktop li:hover a i{opacity:1}.ranktop li>i{display:block;position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:0;height:0;transition:all .5s linear}.ranktop li:nth-of-type(1)>i{background-position:-368px -148px}.ranktop li:nth-of-type(2)>i{background-position:-413px -148px}.ranktop li:nth-of-type(3)>i{background-position:-458px -148px}.ranktop li.current>i,.ranktop li:hover>i{width:29px;height:29px;bottom:-14px}.rankList{width:1200px;margin:0 auto;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:url(../images/bgrat.png) no-repeat;background-size:100% auto;padding-top:58px 0 28px 0;box-shadow:.5px .8px 5px 0 rgba(0,0,0,.06)}.rankList ul{padding:58px 0 27px 0}.rankList li{height:190px;padding:0 19px}.rankList li .cont{width:100%;padding-top:23px;height:119px;overflow:hidden}.rankList li .tags{padding:1px 0 25px 248px;border-bottom:1px solid #e6e6e6;overflow:hidden}.rankList ul li:last-child .tags{border-color:transparent}.rankList li .imgBox{float:left;display:block;padding-right:35px}.rankList li .imgBox img{display:block;width:119px;height:119px;border-radius:16px}.rankList li .imgBox img:hover{opacity:.9}.rankList li .info{float:left;width:715px;font-size:14px;color:#999;line-height:24px}.rankList li .info a{display:block;font-size:18px;color:#354352;line-height:20px;font-weight:700;overflow:hidden;white-space:nowrap}.rankList ul li:nth-child(-n+3) .info a{color:#ffac01}.rankList li .info span{display:block;margin:10px 0 6px}.rankList li .info p{display:block;color:#666;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rankList li .btn{float:right;display:block;font-size:14px;color:#008bff;width:108px;height:28px;line-height:28px;border:1px solid #a8d7ff;border-radius:15px;text-align:center;margin:52px 36px 0}.rankList li .btn.no{border-color:#ffc960;color:#ffb317}.rankList li .btn i{display:inline-block;width:12px;height:12px;background-position:-296px -148px;position:relative;top:1px;margin-right:3px}.rankList li .btn.no i{background-position:-326px -148px}.rankList li:hover .btn{color:#fff;background-color:#008bff;border-color:#008bff}.rankList li:hover .btn.no{color:#fff;background-color:#ffb317;border-color:#ffb317}.rankList li:hover .btn i{background-position:-296px -171px}.rankList ul li:hover .info a{color:#ffac01}.rankList ul li:hover .tags{border-color:transparent}.rankList ul li:hover{background:linear-gradient(rgba(255,255,255,.1),#fff 40%,#e7f8fd 100%)}.rankList li .num{position:relative;float:left;display:block;margin:48px 40px 0 19px;width:32px;height:32px;line-height:32px;border:1px solid #ededed;background-color:#ededed;font-size:20px;color:#999;text-align:center}.rankList ul li:nth-child(-n+3) .num{width:40px;height:48px;margin:40px 36px 0 15px;border:none;color:transparent;background-color:transparent}.rankList ul li:nth-child(1) .num{background-position:-2px -602px}.rankList ul li:nth-child(2) .num{background-position:-65px -602px}.rankList ul li:nth-child(3) .num{background-position:-128px -602px}.rankList ul li:nth-child(n+4) .num:before{content:'';display:block;width:0;height:0;border-right:8px solid transparent;border-top:8px solid #fff;position:absolute;top:-1px;left:-1px;z-index:2}.rankList ul li:nth-child(n+4) .num:after{content:'';display:block;width:1px;height:6px;transform:rotate(45deg);background-color:#ededed;position:absolute;top:-1px;left:1px;z-index:2}.rankList .tags a{float:left;display:block;padding:0 8px;height:20px;line-height:20px;font-size:12px;color:#4fb3ff;border:1px solid #4fb3ff;margin-right:6px;border-radius:20px}.rankList .tags a:hover{color:#fff;background-color:#4fb3ff}.rankList .tags a:nth-of-type(1){color:#ef8692;border:1px solid #ef8692}.rankList .tags a:nth-of-type(1):hover{color:#fff;background-color:#ef8692}.rankList .tags a:nth-of-type(2){color:#f4a76d;border:1px solid #f4a76d}.rankList .tags a:nth-of-type(2):hover{color:#fff;background-color:#f4a76d}.rankList .tags a:nth-of-type(3){color:#4fb3ff;border:1px solid #4fb3ff}.rankList .tags a:nth-of-type(3):hover{color:#fff;background-color:#4fb3ff}.rankList .tags a:nth-of-type(4){color:#93d877;border:1px solid #93d877}.rankList .tags a:nth-of-type(4):hover{color:#fff;background-color:#93d877}.rankList .tags a:nth-of-type(5){color:#e79ff6;border:1px solid #e79ff6}.rankList .tags a:nth-of-type(5):hover{color:#fff;background-color:#e79ff6}.rankList .tags a:nth-of-type(6){color:#89efe9;border:1px solid #89efe9}.rankList .tags a:nth-of-type(6):hover{color:#fff;background-color:#89efe9}.newsL{float:left;width:866px}.newsR{float:right;width:315px}.newsL section,.newsR section{margin-bottom:18px;border-radius:8px;background-color:#fff;overflow:hidden;box-shadow::0 1px 5px 0 rgba(0,0,0,.06)}.newsL .crumb{padding-left:19px;border-bottom-color:#f5f5f5}.newsL .nsList{padding-bottom:22px}.nsList li{overflow:hidden}.nsList li>div{padding:32px 0;margin:0 20px;border-top:1px solid #e0e7eb;overflow:hidden}.nsList li:nth-of-type(1)>div{border-top:0}.nsList li>div>a{display:block;float:left;margin-right:27px}.nsList li>div>a img{width:261px;height:145px;border-radius:8px}.nsList li .info{float:left;width:530px;height:145px;overflow:hidden}.nsList li .info>a{display:block}.nsList li .info>a p:first-of-type{font-size:20px;color:#354352;line-height:32px;font-weight:700;overflow:hidden;white-space:nowrap}.nsList li .info .txt{display:block;margin-top:16px;height:52px;font-size:14px;line-height:26px;color:#888;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nsList li .info>p{font-size:12px;color:#888;margin-top:16px}.nsList li .info>p span:nth-of-type(1){float:left}.nsList li .info>p span:nth-of-type(2){float:right;color:#666}.nsList li .info>p span:nth-of-type(1) i{display:inline-block;max-width:260px;height:20px;margin-left:30px}.nsList li .info>p span:nth-of-type(2) i{display:inline-block;width:17px;height:12px;background-position:-568px -161px;position:relative;top:2px;margin-right:8px}.nsList li:hover{background-color:#f4f4f4}.nsList li:hover div,.nsList li:hover+li div{border-color:#f4f4f4}.nsList li:hover .info>a p:first-of-type{color:#008bff}.nsList li img:hover{opacity:.9}.nsRec{padding:10px 20px}.nsRec .nsRecTop{margin-top:18px}.nsRec .nsRecTop a{display:block}.nsRec .nsRecTop img{width:274px;height:142px;margin-bottom:10px;border-radius:8px}.nsRec .nsRecTop p{display:block;height:30px;line-height:30px;font-size:16px;color:#262626;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nsRec .nsRecTop span{display:block;height:26px;line-height:26px;font-size:12px;color:#bdbdbd;margin:4px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nsRec ul li{border-top:1px dashed #f3f3f3}.nsRec ul li a{display:block;padding:20px 0;overflow:hidden}.nsRec ul li .info{width:148px;height:70px;overflow:hidden}.nsRec ul li img{float:left;width:108px;height:70px;margin-right:18px;border-radius:8px}.nsRec ul li p{display:block;height:48px;line-height:24px;font-size:16px;color:#4b4b4b;margin-top:-3px;overflow:hidden;text-overflow:ellipsis}.nsRec ul li span{display:block;height:18px;line-height:18px;font-size:12px;color:#bdbdbd;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nsRec a:hover p{color:#008bff}.nsRec img:hover{opacity:.9}.nsCont{padding-bottom:16px}.nsTitle{padding:20px 20px 0;text-align:center}.nsTitle h1{display:block;line-height:65px;font-size:30px;color:#354352;font-weight:700;margin-bottom:4px}.nsTitle p{font-size:14px;color:#888;line-height:32px;overflow:hidden;white-space:nowrap}.nsTitle p span{display:inline-block;max-width:260px;margin:0 20px;overflow:hidden;white-space:nowrap}.nsCont .cont{padding:8px 20px 0;font-size:16px;color:#444;line-height:32px}.nsCont .cont a{line-height:28px;text-indent:0;color:#ff7800}.nsCont .cont a:hover{opacity:.9}.nsCont .cont p{line-height:28px;color:#666;margin-bottom:14px;text-indent:2em}.nsCont .cont br{height:2px}.nsCont .cont img{display:block;max-width:826px;margin:16px auto;text-align:center}.nsCont .cont p img{display:block;max-width:826px;margin:2px auto;text-align:center}.nsCont .cont h3,.nsCont .cont p h3{margin-bottom:12px;line-height:36px;font-size:20px;font-weight:700;color:#444;text-indent:1.6em}.nsCont .cont iframe{width:600px;height:340px;margin:0 auto;display:block;border:none}.nsGame{width:768px;height:154px;margin:26px auto 12px;padding:20px 33px 20px 25px;box-shadow:0 0 6px 3px #eee;border-radius:8px;background-image:url(../images/bgns.png);background-repeat:no-repeat;background-size:100% 100%}.nsGame>a{display:block;float:left;margin-right:22px}.nsGame>a img{display:block;width:154px;height:154px;border-radius:16px}.nsGame .info{float:left;max-width:410px}.nsGame .info a{display:block;font-size:28px;color:#354352;line-height:62px;overflow:hidden;white-space:nowrap}.nsGame .info p{font-size:14px;color:#999;line-height:36px;overflow:hidden;white-space:nowrap}.nsGame .info p em{color:#333;margin-right:50px}.nsGame .info p span{float:left}.nsGame .info p a{float:left;display:block;padding:0 8px;height:20px;line-height:20px;font-size:12px;color:#4fb3ff;border:1px solid #4fb3ff;margin:8px 3px;border-radius:20px}.nsGame .info p a:hover{color:#fff;background-color:#4fb3ff}.nsGame .info p a:nth-of-type(1){color:#ef8692;border:1px solid #ef8692}.nsGame .info p a:nth-of-type(1):hover{color:#fff;background-color:#ef8692}.nsGame .info p a:nth-of-type(2){color:#f4a76d;border:1px solid #f4a76d}.nsGame .info p a:nth-of-type(2):hover{color:#fff;background-color:#f4a76d}.nsGame .info p a:nth-of-type(3){color:#4fb3ff;border:1px solid #4fb3ff}.nsGame .info p a:nth-of-type(3):hover{color:#fff;background-color:#4fb3ff}.nsGame .info p a:nth-of-type(4){color:#93d877;border:1px solid #93d877}.nsGame .info p a:nth-of-type(4):hover{color:#fff;background-color:#93d877}.nsGame .info p a:nth-of-type(5){color:#e79ff6;border:1px solid #e79ff6}.nsGame .info p a:nth-of-type(5):hover{color:#fff;background-color:#e79ff6}.nsGame .info p a:nth-of-type(6){color:#89efe9;border:1px solid #89efe9}.nsGame .info p a:nth-of-type(6):hover{color:#fff;background-color:#89efe9}.nsGame .nsLink{float:right;margin-top:37px}.nsGame .nsLink a{display:block;width:168px;height:34px;line-height:34px;font-size:14px;color:#fff;text-align:center;background-color:#f5f5f5;border-radius:34px;margin-bottom:13px}.nsGame .nsLink a:first-of-type{background:linear-gradient(to right,#41a1f7 ,#63d0f1)}.nsGame .nsLink a:first-of-type i{display:inline-block;width:16px;height:14px;background-position:-625px -162px;position:relative;top:2px;margin-right:8px}.nsGame .nsLink a:nth-of-type(2){background:linear-gradient(to right,#ffb317 ,#ffc960)}.nsGame .nsLink a:nth-of-type(2) i{display:inline-block;width:18px;height:17px;background-position:-601px -160px;position:relative;top:3px;margin-right:8px}.nsGame .nsLink a:first-of-type:hover{opacity:.9}.nsGame .nsLink a:nth-of-type(2):hover{opacity:.9}.nsGame>a:hover img{opacity:.9}.nsGame .info a:hover{color:#008bff}.nsCopy{padding:0 22px;height:66px;line-height:66px;font-size:16px;color:#888;margin-bottom:9px}.nsCopy span{position:relative;display:inline-block;width:123px;height:26px;line-height:26px;font-size:14px;text-align:center;color:#ff9700;border:1px solid #ff9700;border-radius:4px;margin-right:11px;cursor:pointer}.nsCopy span i{display:inline-block;width:14px;height:14px;vertical-align:top;position:relative;top:7px;margin-right:6px;background-position:-584px -99px}.nsCopy span input{position:absolute;top:0;left:0;z-index:-1}.nsCopy span:hover{font-weight:700}.nextPre{width:826px;height:54px;border-top:1px solid #f3f3f3;margin:0 auto;overflow:hidden}.nextPre p{width:50%;display:block;float:left;color:#999;font-size:14px;line-height:54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nextPre p a{color:#666}.nextPre p a:hover{color:#008bff}.nsRela{padding:20px 20px 26px}.nsRela ul{width:826px;padding-top:8px;overflow:hidden}.nsRela ul li{float:left;width:50%;line-height:32px;color:#666;font-size:14px}.nsRela ul li a{position:relative;float:left;display:inline-block;width:300px;height:32px;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nsRela ul li span{margin-left:10px;color:#999}.nsRela ul li a:before{content:"";position:absolute;z-index:3;width:5px;height:5px;background-color:#9b9b9b;border-radius:50%;-webkit-border-radius:50%;left:5px;top:13px}.nsRela ul li:hover a:before{background-color:#008bff}.nsgRec{padding:19px}.nsgRec ul{width:850px;padding-top:18px;overflow:hidden}.nsgRec ul li{float:left;width:263px;height:106px;margin:0 19px 18px 0}.nsgRec li a{position:relative;display:block;padding:10px;float:left;border:1px solid #e6e6e6;border-radius:8px}.nsgRec li a img{float:left;width:84px;height:84px;border-radius:16px;margin-right:10px}.nsgRec li a .info p,.nsgRec li a .info span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nsgRec li a .info{float:left;width:147px;height:84px;overflow:hidden}.nsgRec li a .info p{font-size:16px;color:#000;line-height:30px;margin-top:5px}.nsgRec li a .info span{display:block;font-size:12px;color:#999;line-height:20px}.nsgRec li a,.nsgRec li a .btn,.nsgRec li a .btn i{transition:all .3s linear}.nsgRec li a .btn{position:absolute;top:58px;right:-1px;width:58px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#008bff;border:1px solid #a8d7ff;border-radius:12px 0 0 12px}.nsgRec li a .btn i{display:inline-block;width:12px;height:12px;background-position:-296px -148px;margin-right:2px;position:relative;top:1px}.nsgRec li a:hover .btn{color:#fff;background:linear-gradient(to right,#41a1f7 ,#5ecaf2)}.nsgRec li a:hover .btn i{background-position:-296px -171px}.nsgRec li a:hover img{opacity:.9}.nsgRec li a:hover p{color:#008bff}.nsgRec li a:hover{border-color:#a8d7ff}.nshRec{padding:10px 20px}.nshRec ul{padding-top:10px}.nshRec ul li a{display:block;padding:15px 0;overflow:hidden}.nshRec ul li .info{width:168px;height:70px;overflow:hidden}.nshRec ul li img{float:left;width:86px;height:58px;margin-right:19px;border-radius:6px}.nshRec ul li p{display:block;height:48px;line-height:24px;font-size:14px;color:#444;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.nshRec a:hover p{color:#008bff}.nshRec img:hover{opacity:.9}.tplist li>div a{width:220px;overflow:hidden;white-space:nowrap}.tplist li>div{position:relative}.tplist li>div span{position:absolute;display:block;width:125px;line-height:46px;background-color:#fff;top:10px;right:12px;text-align:center;overflow:hidden;white-space:nowrap}.tdIntro .info div span:nth-of-type(n+2){padding-left:18px}.apNEnter{padding:20px 20px 8px}.apNEnter ul{margin-top:18px;overflow:hidden}.apNEnter ul li{float:left;width:128px;margin-right:11px;text-align:center;margin-bottom:20px}.apNEnter ul li:nth-child(6n+6){margin-right:0}.apNEnter ul li a{display:block}.apNEnter ul li img{width:104px;height:104px;border-radius:16px}.apNEnter ul li a p{font-size:16px;color:#333;line-height:24px;margin-top:10px;overflow:hidden;white-space:nowrap}.apNEnter ul li a span{font-size:14px;color:#666;line-height:24px;overflow:hidden;white-space:nowrap}.apNEnter ul li a:hover p{color:#008bff}.apNEnter ul li img:hover{opacity:.9}.apHTopic{padding:13px 20px}.apHTopic ul{margin-top:18px;overflow:hidden}.apHTopic ul li{float:left;margin-right:15px;margin-bottom:14px;text-align:center}.apHTopic ul li:nth-child(2n+2){margin-right:0}.apHTopic ul li a{display:block;width:118px;line-height:32px;border:1px solid #ddd;color:#666;text-align:center;height:32px;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apHTopic ul li a:hover{background-color:#008bff;border-color:#008bff;color:#fff}.apHTopic .apHtop{margin-top:18px;overflow:hidden}.apHTopic .apHtop a{display:block;width:130px;text-align:center}.apHTopic .apHtop a:nth-child(1){float:left}.apHTopic .apHtop a:nth-child(2){float:right}.apHTopic .apHtop a img{display:block;width:130px;height:60px}.apHTopic .apHtop a p{font-size:12px;color:#888;line-height:16px;margin-top:10px;overflow:hidden;white-space:nowrap}.apHTopic .apHtop a:hover img{opacity:.9}.apHTopic .apHtop a:hover p{color:#008bff}.apEdition{padding:13px 20px}.apEdition ul{max-height:385px;overflow:hidden}.apEdition li{padding:10px 0;border-bottom:1px solid #eee;overflow:hidden}.apEdition li:last-of-type{border:none}.apEdition li>a:nth-of-type(1){float:left}.apEdition li a img{float:left;width:56px;height:56px;margin-right:20px}.apEdition li a div{float:left;width:600px;height:56px;overflow:hidden}.apEdition li a div p,.apEdition li div span{display:block;overflow:hidden;white-space:nowrap}.apEdition li a div p{font-size:15px;color:#333;line-height:32px}.apEdition li a div span{font-size:12px;color:#999}.apEdition li .btn{float:right;display:block;width:88px;height:28px;margin-top:13px;line-height:28px;text-align:center;font-size:14px;color:#008bff;border:1px solid #a8d7ff;border-radius:4px;transition:all .3s linear}.apEdition li .btn:hover{color:#fff;background:linear-gradient(to right,#41a1f7 ,#5ecaf2)}.apEdition li>a:nth-of-type(1):hover p{color:#008bff}.apEdition li a img:hover{opacity:.9}.nsNav{padding:0 20px;border-bottom:1px solid #eee;line-height:48px;overflow:hidden}.nsNav a{display:block;float:left;font-size:18px;padding:0 12px;border-bottom:2px solid transparent;color:#454545;border-radius:8px;text-align:center;margin-right:20px;max-width:25%;max-height:100px;overflow:hidden;white-space:nowrap}.nsNav a.current{color:#008bff;border-color:#008bff}.nsNav a:hover{color:#008bff}.apInfo{position:relative}.feBaBtn{position:absolute;top:24px;right:0;margin-right:20px;color:#999;font-size:14px;text-align:center;height:22px;line-height:22px;border:1px solid #dadada;width:42px;padding:0 3px 0 20px;border-radius:12px;cursor:pointer;overflow:hidden}.feBaBtn i{display:inline-block;width:18px;height:18px;position:absolute;left:3px;top:2px;background-position:-673px -90px;}.feBaBtn:hover{opacity:.9}#softCont h3,#softCont p{text-indent:0}.videoWrap{margin:10px 0 20px}#videoPlayer{width:866px;height:auto}.end,.ready{position:absolute;left:-30px;z-index:2;display:block;width:60px;height:30px;line-height:30px;text-align:center;background:#fff;font-size:18px;color:#989898}.ready{top:0}.end{bottom:0}#content{position:relative;margin-left:35px;padding:10px 20px 30px 40px;border-left:2px dotted #e4e4e4;z-index:2}#content strong{display:block;position:relative}#content .num{position:absolute;left:-55px;top:0;height:30px;width:30px;line-height:30px;text-align:center;background:#63d0f1;cursor:pointer;color:#fff;border-radius:50%}#content .item{margin-top:20px}.step{position:relative;line-height:30px;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;letter-spacing:2px;margin-right:12px}#autotab{display:none;position:fixed;left:50%;top:0;margin-left:-578px;padding-top:1px;z-index:999;width:30px;text-align:center;background:#fff}#autotab li{display:none;height:30px;line-height:30px;color:#fff;border-radius:50%;background:#c1c1c1;cursor:pointer}#autotab .cur{background:#63d0f1}#autotab .show{display:block}.xHotTags{background-color:#fff;padding:20px;margin-top:20px}.xHotTags ul{width:1230px;margin-top:10px;overflow:hidden}.xHotTags ul li{float:left;margin:10px 20px 5px 0}.xHotTags ul li a{display:block;padding:0 15px;line-height:32px;background-color:#a8d7ff;border-radius:4px;font-size:14px;color:#008bff}.xHotTags ul li:nth-of-type(16n+1) a{color:#f47920;background-color:#fff5ed}.xHotTags ul li:nth-of-type(16n+2) a{color:#7fb80e;background-color:#f9ffed}.xHotTags ul li:nth-of-type(16n+3) a{color:#6f60aa;background-color:#f1edff}.xHotTags ul li:nth-of-type(16n+4) a{color:#009ad6;background-color:#edfaff}.xHotTags ul li:nth-of-type(16n+5) a{color:#c77eb5;background-color:#ffedfb}.xHotTags ul li:nth-of-type(16n+6) a{color:#4e72b8;background-color:#edf3ff}.xHotTags ul li:nth-of-type(16n+7) a{color:#dea32c;background-color:#fff9ed}.xHotTags ul li:nth-of-type(16n+8) a{color:#45b97c;background-color:#edfff5}.xHotTags ul li:nth-of-type(16n+9) a{color:#7bbfea;background-color:#edf8ff}.xHotTags ul li:nth-of-type(16n+10) a{color:#f1516c;background-color:#ffedf0}.xHotTags ul li:nth-of-type(16n+11) a{color:#7fb86e;background-color:#f1ffed}.xHotTags ul li:nth-of-type(16n+12) a{color:#9b95c9;background-color:#efedff}.xHotTags ul li:nth-of-type(16n+13) a{color:#f69c9f;background-color:#ffedee}.xHotTags ul li:nth-of-type(16n+14) a{color:#fcaf18;background-color:#fff9ed}.xHotTags ul li:nth-of-type(16n+15) a{color:#2585a6;background-color:#edfbff}.xHotTags ul li:nth-of-type(16n+16) a{color:#bea901;background-color:#fbf9e3}.xHotTags ul li:nth-of-type(16n+1) a:hover{background-color:#f47920;color:#fff5ed}.xHotTags ul li:nth-of-type(16n+2) a:hover{background-color:#7fb80e;color:#f9ffed}.xHotTags ul li:nth-of-type(16n+3) a:hover{background-color:#6f60aa;color:#f1edff}.xHotTags ul li:nth-of-type(16n+4) a:hover{background-color:#009ad6;color:#edfaff}.xHotTags ul li:nth-of-type(16n+5) a:hover{background-color:#c77eb5;color:#ffedfb}.xHotTags ul li:nth-of-type(16n+6) a:hover{background-color:#4e72b8;color:#edf3ff}.xHotTags ul li:nth-of-type(16n+7) a:hover{background-color:#dea32c;color:#fff9ed}.xHotTags ul li:nth-of-type(16n+8) a:hover{background-color:#45b97c;color:#edfff5}.xHotTags ul li:nth-of-type(16n+9) a:hover{background-color:#7bbfea;color:#edf8ff}.xHotTags ul li:nth-of-type(16n+10) a:hover{background-color:#f1516c;color:#ffedf0}.xHotTags ul li:nth-of-type(16n+11) a:hover{background-color:#7fb86e;color:#f1ffed}.xHotTags ul li:nth-of-type(16n+12) a:hover{background-color:#9b95c9;color:#efedff}.xHotTags ul li:nth-of-type(16n+13) a:hover{background-color:#f69c9f;color:#ffedee}.xHotTags ul li:nth-of-type(16n+14) a:hover{background-color:#fcaf18;color:#fff9ed}.xHotTags ul li:nth-of-type(16n+15) a:hover{background-color:#2585a6;color:#edfbff}.xHotTags ul li:nth-of-type(16n+16) a:hover{background-color:#bea901;color:#fbf9e3}.tablep{padding:6px 0}.tablep>em{display:block;margin:16px 0;line-height:17px;font-size:16px;color:#333;font-weight:700;padding-left:10px;border-left:5px solid #337fe5}.tablep a{color:#00e}.tablep a:hover{text-decoration:underline}
					
.nsCont .cont .info{overflow: hidden;background: #f9f9f9;height: 113px;}
.nsCont .cont .info img{width: 80px;height: 80px;display: block;float: left;border-radius: 12px;margin: 17px 20px 16px 15px;}
.qaboxs{float: left;width: 62%;}
.qaboxs .name{font-size: 18px;color: #333;margin-top: 25px;margin-bottom: 16px;}
.qaboxs p span{font-size: 14px;color: #999;margin-right: 45px;}
.qaboxs p span em{font-size: 14px;color: #666;}
.nsCont .cont .info>a{display: block;float: right;width: 130px;height: 32px;color: #fff;line-height: 32px;text-align: center;background: #ffa622;margin-top: 41px;border-radius: 3px;margin-right: 18px;}
.xHotTags{overflow: hidden;width: 1160px;margin: auto;}
.apIntro .info button.no{cursor: default;}
.hideImg{display: none;}			
			
.downbtn a,.downbtn button{display: block;float: left;border: none;width: 200px; height: 45px;color: #fff;font-size: 16px;line-height: 45px;border-radius: 3px;margin: 15px 10px 0 0;cursor: pointer;text-align: center;}
.downbtn a i{display: inline-block;width: 21px;height: 24px;position: relative;top: 5px;margin-right: 5px;}
.downbtn .adr i{background-position: -291px -109px;}
.downbtn .adr{background-color: #2cbb84;}
.downbtn .ios i{background-position: -333px -109px;}
.downbtn .ios{background-color: #5298ff;}
.downbtn .pc{position: relative;background-color: #9c7ebb;}
.downbtn .pc i{width: 26px;height: 19px;background-position: -375px -113px;}
.downbtn a:hover,.downbtn button:hover {opacity: 0.9;}
			
.btnTx span{color: #fff;}
.btnTx:hover {opacity: 0.9;}
.btnTx{position: relative;background-color: #9c7ebb;display: block;float: left;border: none;width: 220px !important; height: 45px; color: #fff;font-size: 16px;line-height: 45px; border-radius: 3px; margin: 15px 10px 0 0;cursor: pointer;text-align: center;}
.btnTx i{display: inline-block;position: relative;margin-right: 5px;top: 4px;width: 22px !important;height: 18px !important;background-position: -349px -51px !important;top: 3px !important;}
.btnTx:after{position: absolute;content: "广告";display: block;top:0px;right: 0px;background-color: rgba(0,0,0,.2);line-height: 20px;padding: 0 2px;font-size: 12px;color: #F1F1F1;}
.downbtn .adr i{width: 26px;background-position: -423px -110px;position: relative;top: 8px;}						
			
/* List revision */
.ranktop li:nth-of-type(1) a i { width: 49px; height: 68px; margin: 7px 37px 0 0; background-position: -18px -671px; }
.ranktop li:nth-of-type(2) a i { width: 60px; height: 60px; margin: 11px 34px 0 0; background-position: -99px -673px; }
.ranktop li a span { font-size: 28px; }
.recommendRank { width: 1200px; padding: 74px 0 14px 0; margin: 0 auto; background: url(../images/bgrat.png) no-repeat; background-size: 100% auto; position: relative; background-color: #fff; border-radius: 0 0 8px 8px; box-shadow: 0.5px 0.86px 5px 0 #00000006; margin-bottom: 34px; }
.rankTlt, .theGameList h1, .rankDL h1 { text-align: center; font-size: 24px; line-height: 24px; color: #354352; font-weight: bold; position: relative; }
.rankTlt::before, .rankTlt::after, .theGameList h1::before, .theGameList h1::after, .rankDL h1::before, .rankDL h1::after{ content: ""; position: absolute; left: 375px; top: 6px; background: url(../images/icon.png) 1000px 1000px no-repeat; width: 144px; height: 12px; background-position: -121px -789px; }
.rankTlt::after, .theGameList h1::after { left: 682px; transform: rotate(180deg); }
.recommendRank .hotRank { margin-top: 25px; }
.recommendRank .hotRank li { float: left; margin: 0 0 24px 20px;position: relative; }
.recommendRank .hotRank li.current::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000030; border-radius: 6px; z-index: 1; }
.recommendRank .hotRank li a { display: block; width: 216px; height: 134px; border-radius: 6px; background: #e8f5ff; position: relative; overflow: hidden; }
.recommendRank .hotRank li a .mask { position: absolute; width: 216px; height: 134px; top: 0; left: 0; z-index: -1; -webkit-filter: blur(2px); filter: blur(2px); }
.recommendRank .hotRank li a .tlt { height: 36px; line-height: 36px; color: #fff; font-size: 16px; font-weight: bold; text-indent: 13px; background: #00000030; border-radius: 6px 6px 0 0; position: relative; white-space: nowrap; overflow: hidden;z-index: 2; }
.recommendRank .hotRank li a .tlt i { width: 30px; height: 34px; position: absolute; left: 0; bottom: -34px; background-position: -194px -675px; }
.recommendRank .hotRank li a .cont img { float: left; width: 72px; height: 72px; border-radius: 16px; border: 2px solid #fff; margin: 12px 10px 0 12px; position: relative; z-index: 1; }
.recommendRank .hotRank li a .cont { position: relative; z-index: 1 }
.recommendRank .hotRank li a .cont .name { float: left; width: 110px; height: 22px; line-height: 22px; margin-top: 26px; font-size: 14px; color: #333333; white-space: nowrap; overflow: hidden; }
.recommendRank .hotRank li a .cont .type { float: left; width: 110px; height: 26px; line-height: 26px; font-size: 12px; color: #999999; white-space: nowrap; overflow: hidden; }
.recommendRank .hotRank li.current a .cont .name { color: #fff; }
.recommendRank .hotRank li.current a .cont .type { color: #fff; }
/* .recommendRank .hotRank li.current a .tlt { color: #e8f5ff; } */
.recommendRank .hotRank li.current .mask { z-index: 0; transform: scale(1.1); transition: all ease .5s; }
.recommendRank  .rankLists { height: 112px; margin-left: 20px; overflow: hidden; }
.recommendRank .rankLists li { float: left; }
.recommendRank  .rankLists li a { display: block; height: 36px; line-height: 36px; font-size: 14px; background: #eeeeee; border-radius: 4px; margin: 0 20px 20px 0; font-size: 12px; color: #666666; padding: 0 12px; }
.recommendRank  .rankLists li:hover a { background: #008bff; color: #fff; }
.recommendRank .hideRank { position: absolute; bottom: -23px; left: 0; right: 0; margin: auto; width: 108px; height: 41px; line-height: 41px; text-align: center; background-position: -2px -774px; cursor: pointer; }
.recommendRank .hideRank i { display: inline-block; width: 14px; height: 10px; background-position: -199px -722px; margin-left: 3px; }
.theGameList{ width: 1182px; margin: 0 auto; position: relative; background-color: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 #00000006; padding: 30px 0 10px 18px; margin-bottom: 34px; overflow: hidden; }
.theGameList h1 { margin-bottom: 28px; }
.theGameList h1::before { left: 366px; }
.theGameList h1::after { left: 673px; }
.theGameList>.more { position: absolute; font-size: 14px; color: #676767; top: 32px; right: 20px; }
.theGameList .more:hover { color: rgb(144, 130, 130); }
.theGameList .commonRank { float: left; width: 375px; height: 618px; border-radius: 8px; border: 1px solid #e6e6e6; margin: 0 15px 22px 0; position: relative; }
.theGameList .commonRank h3 { width: 290px; white-space: nowrap; overflow: hidden; font-size: 20px; color: #ef136e; font-weight: bold; padding: 20px 0 20px 35px; position: relative; }
.theGameList .commonRank h3::before { content: ""; position: absolute; left: 20px; width: 5px; height: 20px; background: #ef136e; top: 20px; }
.theGameList .commonRank>.more { position: absolute; top: 18px; right: 16px; width: 20px; height: 20px; background-position: -296px -723px; border: 1px solid #dddddd; }
.theGameList .commonRank>.more:hover { border:1px dashed #ff965f; background-position: -316px -723px; } 
.theGameList ul li:first-child{ border-top: 1px solid #e6e6e6; }
.theGameList ul li a:nth-child(1) { display: none; height: 84px; background: #e2f6ff; padding-left: 24px; }
.theGameList ul li a:nth-child(1) i.rank { float: left; width: 18px; height: 18px; line-height: 18px; background-color: #ededed; font-size: 12px; color: #999999; text-align: center; border-radius: 6px 0 0 0; margin: 34px 26px 0 0; }
.theGameList ul li a:nth-child(1) img { float: left; width: 70px; height: 70px; border-radius: 16px; margin: 7px 12px 0 0; }
.theGameList ul li a:nth-child(1) p { float: left; width: 216px; height: 41px; line-height: 41px; color: #333333; font-size: 14px; white-space: nowrap; overflow: hidden; margin-top: 5px; }
.theGameList ul li a:nth-child(1) div { float: left; width: 72px; height: 24px; line-height: 24px; border-radius: 12px; text-align: center; color: #fff; font-size: 12px; background: linear-gradient(to right, #fd6407, #ee0e73); }
.theGameList ul li a:nth-child(1) div i { display: inline-block; width: 12px; height: 12px; background-position: -342px -680px; margin: 6px 2px 0 0; vertical-align: top; }
.theGameList ul li a:nth-child(2) { display: block; height: 50px; line-height: 50px; padding-left: 26px; }
.theGameList ul li a:nth-child(2) i.rank { float: left; width: 18px; height: 18px; line-height: 18px; background-color: #ededed; font-size: 12px; color: #999; text-align: center; border-radius: 6px 0 0 0; margin: 16px 26px 0 0; }
.theGameList ul li a:nth-child(2) p { float: left; width: 280px; height: 50px; line-height: 50px; color: #333; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theGameList ul li:nth-child(1) a i.rank, .theGameList ul li:nth-child(2) a i.rank, .theGameList ul li:nth-child(3) a i.rank { width: 24px; height: 29px; background-position: -248px -675px; background-color: transparent; border-radius: 0; margin-top: 28px; }
.theGameList ul li:nth-child(1) a:nth-child(2) i.rank, .theGameList ul li:nth-child(2) a:nth-child(2) i.rank, .theGameList ul li:nth-child(3) a:nth-child(2) i.rank { margin-top: 11px; }
.theGameList ul li:nth-child(2) a i.rank { background-position: -248px -718px; }
.theGameList ul li:nth-child(3) a i.rank { background-position: -294px -674px; }
.theGameList .commonRank:nth-child(3) h3 { color: #d078ea; }
.theGameList .commonRank:nth-child(3) h3::before { background: #d078ea; }
.theGameList .commonRank:nth-child(3) li a:nth-child(1) div { background: linear-gradient(to right, #d078ea, #657ae9); }
.theGameList .commonRank:nth-child(4) h3 { color: #fc6897; }
.theGameList .commonRank:nth-child(4) h3::before { background: #fc6897; }
.theGameList .commonRank:nth-child(4) li a:nth-child(1) div { background: linear-gradient(to right, #f2a579, #fd619a); }
.theGameList .commonRank:nth-child(5) h3 { color: #ffa800; }
.theGameList .commonRank:nth-child(5) h3::before { background: #ffa800; }
.theGameList .commonRank:nth-child(5) li a:nth-child(1) div { background: linear-gradient(to right, #fea701, #ee8910); }
.theGameList .commonRank:nth-child(6) h3 { color: #45a6f6; }
.theGameList .commonRank:nth-child(6) h3::before { background: #45a6f6; }
.theGameList .commonRank:nth-child(6) li a:nth-child(1) div { background: linear-gradient(to right, #43a3f7, #61cef1); }
.theGameList .commonRank:nth-child(7) h3 { color: #3dc575; }
.theGameList .commonRank:nth-child(7) h3::before { background: #3dc575; }
.theGameList .commonRank:nth-child(7) li a:nth-child(1) div { background: linear-gradient(to right, #3dc577, #3dc5a1); }
.theGameList ul li.current a:nth-child(1) { display: block; }
.theGameList ul li.current a:nth-child(2) { display: none; }
/* rank detail */
.rankDR { float: right; width: 296px; background: #fff; border-radius: 8px; box-shadow: 0.5px 0.86px 5px 0 #00000006; padding: 11px 0 10px 19px; }
.rankDR .tlt { height: 54px; line-height: 54px; font-size: 20px; color: #354352; font-weight: bold; border-bottom: 1px solid #f2f2f2; margin-bottom: 18px; }
.rankDR ul li { float: left; margin: 0 14px 20px 0; }
.rankDR ul li a { display: block; height: 36px; line-height: 36px; font-size: 14px; background: #f5f5f5; border-radius: 4px; font-size: 12px; color: #5f5f5f; padding: 0 10px; }
.rankDR ul li a:hover { background: #008bff; color: #fff; }
.rankDL { float: left; width: 866px; border-radius: 8px; background: url(../images/bgrat2.png) no-repeat; background-size: 100% auto; background-color: #fff; padding-bottom: 33px; margin-bottom: 38px; box-shadow: 0.5px 0.86px 5px 0 #00000006; }
.rankDL .crumb { padding-left: 18px; border: none; height: 46px; line-height: 46px; margin-bottom: 36px; }
.rankDL h1::before { left: 132px; }
.rankDL h1::after { left: 588px; transform: rotate(180deg); }
.rankDL .rankState { border-bottom: 1px dashed #e4e4e4; padding-bottom: 31px; margin: 24px 26px 0 23px;position: relative; }
.rankDL .rankState p { text-indent: 33px; position: relative; line-height: 32px; color: #444444; font-size: 16px; }
.rankDL .rankState i { position: absolute; width: 26px; height: 20px; left: 0; top: 3px; background-position: -373px -676px; }
.rankDL .rankState span { position: absolute; bottom: 0; left: 0; line-height: 32px; font-size: 14px; color: #ccc; padding-left: 24px; }
.rankDL .rankState span::before { content: ""; position: absolute; left: 1px; top: 9px; width: 15px; height: 15px; background: url(../images/icon.png) no-repeat; background-size: 1000px 1000px; background-position: -289px -788px; }
.rankDL ul li { min-height: 194px; padding: 0 19px; }
.rankDL li .cont { width:100%; padding-top:23px; height:119px; overflow:hidden }
.rankDL li .tags { padding:1px 0 19px 248px; border-bottom:1px solid #e6e6e6; overflow:hidden }
.rankDL ul li:last-child .tags { border-color:transparent }
.rankDL li .imgBox { float:left; display:block; padding-right:35px }
.rankDL li .imgBox img { display:block; width:119px; height:119px; border-radius:16px }
.rankDL li .imgBox img:hover { opacity:.9 }
.rankDL li .info { float:left; width:394px; font-size:14px; color:#999; line-height:24px }
.rankDL li .info a { display:block; font-size:18px; color:#354352; line-height:20px; font-weight:700; overflow:hidden; white-space:nowrap }
.rankDL ul li:nth-child(1) .info a { color:#008bff }
.rankDL ul li:nth-child(2) .info a { color:#a652ff }
.rankDL ul li:nth-child(3) .info a { color:#fbb72c }
.rankDL li .info span { display:block; margin:10px 0 6px }
.rankDL li .info p { display:block; color:#666; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.rankDL li .btn { float:right; display:block; font-size:14px; color:#008bff; width:108px; height:28px; line-height:28px; border:1px solid #a8d7ff; border-radius:15px; text-align:center; margin:52px 0 0 62px; }
.rankDL li .btn.no { border-color:#ffc960; color:#ffb317 }
.rankDL li .btn i { display:inline-block; width:12px; height:12px; background-position:-296px -148px; position:relative; top:1px; margin-right:3px }
.rankDL li .btn.no i { background-position:-326px -148px }
.rankDL li:hover .btn { color:#fff; background-color:#008bff; border-color:#008bff }
.rankDL li:hover .btn.no { color:#fff; background-color:#ffb317; border-color:#ffb317 }
.rankDL li:hover .btn i { background-position:-296px -171px }
.rankDL ul li:hover .tags { border-color:transparent }
.rankDL ul li:hover { background:linear-gradient(rgba(255, 255, 255, .1), #fff 40%, #e7f8fd 100%) }
.rankDL li .num { position:relative; float:left; display:block; margin:48px 40px 0 19px; width:32px; height:32px; line-height:32px; /* border:1px solid #ededed; */ background-color:#ededed; font-size:20px; color:#999; text-align:center }
.rankDL ul li:nth-child(-n+3) .num { width:16px; height:58px; margin:10px 34px 0 15px; border:none; color:transparent; background-color:transparent; font-size: 15px; color: #fff; line-height: 16px; padding: 40px 12px 0; }
.rankDL ul li:nth-child(1) .num { background-position:-434px -659px }
.rankDL ul li:nth-child(2) .num { background-position:-502px -662px }
.rankDL ul li:nth-child(3) .num { background-position:-567px -661px }
.rankDL ul li:nth-child(n+4) .num:before { content:''; display:block; width:0; height:0; border-right:8px solid transparent; border-top:8px solid #fff; position:absolute; top:-1px; left:-1px; z-index:2 }
.rankDL ul li:nth-child(n+4) .num:after { content:''; display:block; width:1px; height:6px; transform:rotate(45deg); background-color:#ededed; position:absolute; top:-1px; left:1px; z-index:2 }
.rankDL .tags span { float:left; display:block; padding:0 8px; height:20px; line-height:20px; font-size:12px; color:#4fb3ff; border:1px solid #4fb3ff; margin:0 6px 6px 0; border-radius:20px }
.rankDL .tags span:hover { color:#fff; background-color:#4fb3ff }
.rankDL .tags span:nth-of-type(1) { color:#ef8692; border:1px solid #ef8692 }
.rankDL .tags span:nth-of-type(1):hover { color:#fff; background-color:#ef8692 }
.rankDL .tags span:nth-of-type(2) { color:#f4a76d; border:1px solid #f4a76d }
.rankDL .tags span:nth-of-type(2):hover { color:#fff; background-color:#f4a76d }
.rankDL .tags span:nth-of-type(3) { color:#4fb3ff; border:1px solid #4fb3ff }
.rankDL .tags span:nth-of-type(3):hover { color:#fff; background-color:#4fb3ff }
.rankDL .tags span:nth-of-type(4) { color:#93d877; border:1px solid #93d877 }
.rankDL .tags span:nth-of-type(4):hover { color:#fff; background-color:#93d877 }
.rankDL .tags span:nth-of-type(5) { color:#e79ff6; border:1px solid #e79ff6 }
.rankDL .tags span:nth-of-type(5):hover { color:#fff; background-color:#e79ff6 }
.rankDL .tags span:nth-of-type(6) { color:#89efe9; border:1px solid #89efe9 }
.rankDL .tags span:nth-of-type(6):hover { color:#fff; background-color:#89efe9 }			

/* add */
.gSecret,.gPower{color: #009cff !important;cursor: pointer;}
.orderList i,.gRule i,.gPrivacy i,.feedBack i{background: url(../images/maskicon.png) 300px 1200px no-repeat;}
/* feedBack */
.feedBack{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.feBaBox{position: absolute;z-index: 5;top: 140px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.feBaClose{position: absolute;top: 21px;right: 21px;z-index: 10;cursor: pointer;}
.feBaClose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.feHead{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.feHead i{display:block;width: 225px;height: 171px;background-position: -38px -771px;position: relative;top: -97px;margin: 0 auto;}
.feHead p{position: relative;top: -90px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}

.feBack{margin: 0 50px 5px;padding-top: 20px;}
.feBack p{font-size: 20px;color: #4c4c4c;font-weight: bold;margin: 18px 0 16px;text-align: left;}
.feBack p:nth-of-type(1){margin-top: 0;}
.feBack .info{border: 1px solid #dcdcdc;border-radius: 8px;background-color: #fafafa;}
.feBack .info p{font-size: 16px;color: #303030;line-height: 88px;border-bottom: 1px solid #dcdcdc;}
.feBack textarea{display: block;width: 402px;height: 52px;border: none;resize:none;background: #fafafa;padding: 15px 18px;font-size: 16px;color: #8f8f8f;}
.checkbox {position: relative;height: 42px;line-height: 42px;border-bottom: 1px solid #dcdcdc;}
.checkbox:nth-last-child(1){border-bottom: none;}
.checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.checkbox label {position: absolute;left: 0px;top: 0;height: 42px;line-height: 42px;width: 420px;font-size: 16px;color: #8f8f8f;text-align: left;padding-left: 10px;}
.checkbox label:after {content: '';position: absolute;right: 10px;top: 14px;width: 14px;height: 14px;border: 4px solid #fff;border-radius: 3px;border: 1px solid #bfbfbf;text-align: center;line-height: 14px;font-size: 12px;}
.checkbox input[type='checkbox']:checked + label:after {background-color: #38a6fd;content: '√';color: #fff;border-color: #38a6fd;}
.telBox{overflow: hidden;margin-bottom: 20px;}
.telBox input{display: block;border: none;width: 398px;height: 42px;line-height: 42px;font-size:16px;padding:0 20px;border: 1px solid #dcdcdc;border-radius: 8px;}
.telBox input::-webkit-input-placeholder {color: #8f8f8f;}
.telBox input:-moz-placeholder { color: #8f8f8f;}
.telBox input::-moz-placeholder { color: #8f8f8f;}
.telBox input:-ms-input-placeholder { color: #8f8f8f;}
.feSubmit input{border: 0;display: block;cursor: pointer;width:330px;border: 0;background:linear-gradient(to right,#38a6fd,#008bff);color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap; }
.feSubmit input:hover{opacity: .96;}
/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox{position: absolute;z-index: 5;top: 260px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 420px;border-radius: 6px;text-align: center;}
.orderBox .oClose{position: absolute;top: 21px;right: 21px;z-index: 10;cursor: pointer;}
.orderBox .oClose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.orderBox .oTitle{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.orderBox .oTitle i{display:block;width: 225px;height: 153px;background-position: -38px -101px;position: relative;top: -82px;margin: 0 auto;}
.orderBox .oTitle p{position: relative; top:-72px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.orderBox form .tel{width:298px;border:none;background-color:#f5f5f5;color:#999;font-size:18px;border-radius:6px;padding:0 10px;line-height: 62px;margin: 20px auto 12px;overflow: hidden;white-space: nowrap;}
.orderBox form .tel::-webkit-input-placeholder {color: #999;}
.orderBox form .tel:-moz-placeholder { color: #999;}
.orderBox form .tel::-moz-placeholder { color: #999;}
.orderBox form .tel:-ms-input-placeholder { color: #999;}
.orderBox form .tel:focus{color: #808080;}
.orderBox form p{ color:#666;font-size:16px;line-height: 24px;margin-top: 20px;overflow: hidden;white-space: nowrap;}
.orderBox form{position: relative;}
.orderBox .maskclear{position: absolute;width: 18px;height: 18px;top: 43px;right: 70px;background-position: -68px -47px;}
.orderBox .onclear{background-position: -68px -24px;}
.orderBox .trueclear{width: 26px;height: 19px;background-position: -105px -24px;}
.orderBox form p em{ color:#cc0000;}
.orderBox form span{color: #ff3232;font-size: 14px;text-align: left;display: block;width:306px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;width:318px;border: 0;background:linear-gradient(to right,#38a6fd,#008bff);color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 10px auto 42px;overflow: hidden;white-space: nowrap; }
.orderBox form .oBtn{margin-top: 22px;}
.orderBox .msg{display: block;color: #ff3232;font-size: 14px;text-align: left;width:326px;margin: 0 auto;}
.orderBox .oWin{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;}
.orderBox .oWin>p{background-color: #fff;display:block;font-size:16px;color: #666;line-height: 72px;}
.orderBox .oWin>i{background-color: #fff;display:block;width: 80px;height: 78px;background-position: -128px -13px;position: relative;margin: 20px auto 0;}
.orderBox .oLose{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;}
.orderBox .oLose>p{background-color: #fff;display:block;font-size:16px;color: #666;line-height: 72px;}
.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;}
.orderBox .oAgin>p{background-color: #fff;display:block;font-size:16px;color: #666;line-height: 72px;}

/* power */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.ruleTxt{position: absolute;z-index: 5;top: 150px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gRule .gRclose{position: absolute;top:21px;right: 21px;z-index: 10;cursor: pointer;}
.gRule .gRclose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.gRule .oTitle{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.gRule .oTitle i{display:block;width: 225px;height: 154px;background-position: -38px -334px;position: relative;top: -82px;margin: 0 auto;}
.gRule .oTitle p{position: relative; top:-72px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.gRule .gSure{display: block;cursor: pointer;width:400px;border: 0;background:linear-gradient(to right,#38a6fd,#008bff);color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap;  }
.ruleMain{background-color: #fff;display: block;height: 400px;border:none;padding:10px 15px;line-height: 28px;font-size: 16px;margin: 10px 26px;text-align: left;overflow: auto;}
.ruleMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.ruleMain p:nth-of-type(1){font-size: 20px;font-weight: bold;color: #333;margin-bottom: 10px;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 20px;}
/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.privacyTxt{position: absolute;z-index: 5;top: 150px;left: 0;right: 0;margin: auto;background: url(../images/maskbg.png) no-repeat;background-size: 100% auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gPrivacy .gPclose{position: absolute;top:21px;right:21px;z-index: 10;cursor: pointer;}
.gPrivacy .gPclose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.gPrivacy .oTitle{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.gPrivacy .oTitle i{display:block;width: 225px;height: 153px;background-position: -38px -562px;position: relative;top: -82px;margin: 0 auto;}
.gPrivacy .oTitle p{position: relative;top: -72px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.gPrivacy .gSure{display: block;cursor: pointer;width:400px;border: 0;background:linear-gradient(to right,#38a6fd,#008bff);color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap; }
.privacyMain{background-color: #fff;display: block;height: 400px;border:none;padding:10px 15px;line-height: 28px;font-size: 16px;margin: 10px 26px;text-align: left;overflow: auto;}
.privacyMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.privacyMain p:nth-of-type(1){font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.privacyMain p:nth-last-of-type(1){margin-bottom: 20px;}

/* footer add */
.botNavList{padding:30px 20px 25px;margin-top:20px;background-color:#06060b;border-top:1px solid #008bff;}
.botNavList>div{display: flex;position:relative;overflow:hidden;width:1200px;margin:auto}
.botNavList dl{position:relative;padding-right:22px;flex: 1;}
.botNavList dl:last-of-type{padding: 0;}
.botNavList dl dt{display:block;overflow:hidden;white-space:nowrap;font-size:16px;color:#ced6de;font-weight:700;line-height:24px;margin-bottom:10px;padding-bottom: 12px;border-bottom:1px solid #454545;}
.botNavList dl dd{float:left;width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.botNavList dl dd a{font-size:14px;color:#999;line-height:24px}
.botNavList dl dd a:hover{color:#fff}

.pcAdd{display: flex;align-items: center;justify-content: center;width: 100% !important;}
.pcAdd i{vertical-align: middle;}
.pcAdd p{text-align: left;margin-top:5px !important;margin-left: 6px;color: #fff !important;}
.pcAdd p span{display: block;}
.pcAdd p span:first-of-type{font-size: 16px;line-height: 20px;}
.pcAdd p span:nth-of-type(2){font-size: 12px;line-height: 16px;}

.iRecL .iRecLgl{position: relative;}
.iRecLgl .itabMenu{position:absolute;top:0;left:128px;height:35px;line-height:35px;}
.iRecLgl .itabMenu span{padding: 2px 6px;background-color: #ccc;color:#fff;font-size:15px;cursor:pointer;margin-left: 10px;}
.iRecLgl .itabMenu span.current{background-color: #5eb7f9;}
.iglm{padding: 10px 0 10px;overflow: hidden;*zoom: 1;}
.iglm li{float: left;width: 50%;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.iglm li a{display: block;font-size: 14px;color: #333;}
.iglm li a:before{content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50%;background-color: #333;margin: 19px 10px;vertical-align: top;}
.iglm li a:hover{color: #008BFF;}
.iglm li a:hover:before{background-color: #008BFF;}

.tdlist ul{width:1232px}
.tdlist ul li{position:relative;float:left;width: 351px;height: 162px;margin:0 28px 22px 0;border-radius:8px;padding:16px 15px;overflow:hidden}
.tdlist ul li>i{position:absolute;width:36px;height:32px;top:-2px;right:-2px}
.tdlist ul li:nth-of-type(1)>i{background-position:-2px -550px}
.tdlist ul li:nth-of-type(2)>i{background-position:-56px -550px}
.tdlist ul li:nth-of-type(3)>i{background-position:-110px -550px}
.tdlist ul li>a{display:block;float:left;width:110px;height:110px;margin-right:24px}
.tdlist ul li>a img{width:110px;height:110px;border-radius:12px;}
.tdlist ul li div{float:left;width:216px;height:110px}
.tdlist ul li div>a{display: block;}
.tdlist ul li div p{font-size:14px;color:#999;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tdlist ul li div .name{font-size:18px;color:#4b4b4b;height:40px;line-height:40px;font-weight:700}
.tdlist ul li div p span{color:#666;margin:0 5px}
.tdlist ul li div .btn{display:block;font-size:14px;color:#008bff;width:108px;height:28px;line-height:28px;border:1px solid #a8d7ff;border-radius:15px;text-align:center;margin-top:15px}
.tdlist ul li div .btn.no{border-color:#ffc960;color:#ffb317}
.tdlist ul li div .btn i{display:inline-block;width:12px;height:12px;background-position:-296px -148px;position:relative;top:1px;margin-right:3px}
.tdlist ul li div .btn.no i{background-position:-326px -148px}
.tdlist ul li a:hover .btn{color:#fff;background-color:#008bff;border-color:#008bff}
.tdlist ul li a:hover .btn.no{color:#fff;background-color:#ffb317;border-color:#ffb317}
.tdlist ul li a:hover .btn i{background-position:-296px -171px}
.tdlist ul li .txt{float:left;display:block;line-height:22px;height:44px;font-size:14px;color:#888;padding-top:10px;letter-spacing:.5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tdlist ul li>a:hover img{opacity: .9;}
.tdlist ul li a .name:hover{color: #008bff;}

.apIntro .catalog span{float:left;display:block;padding:0 8px;height:20px;line-height:20px;font-size:12px;color:#4fb3ff;border:1px solid #4fb3ff;margin-right:6px;border-radius:20px;cursor: pointer;}
.apIntro .catalog span:hover{color:#fff;background-color:#4fb3ff}
.apIntro .catalog span:nth-of-type(6n+1){color:#ef8692;border:1px solid #ef8692}
.apIntro .catalog span:nth-of-type(6n+1):hover{color:#fff;background-color:#ef8692}
.apIntro .catalog span:nth-of-type(6n+2){color:#f4a76d;border:1px solid #f4a76d}
.apIntro .catalog span:nth-of-type(6n+2):hover{color:#fff;background-color:#f4a76d}
.apIntro .catalog span:nth-of-type(6n+3){color:#4fb3ff;border:1px solid #4fb3ff}
.apIntro .catalog span:nth-of-type(6n+3):hover{color:#fff;background-color:#4fb3ff}
.apIntro .catalog span:nth-of-type(6n+4){color:#93d877;border:1px solid #93d877}
.apIntro .catalog span:nth-of-type(6n+4):hover{color:#fff;background-color:#93d877}
.apIntro .catalog span:nth-of-type(6n+5){color:#e79ff6;border:1px solid #e79ff6}
.apIntro .catalog span:nth-of-type(6n+5):hover{color:#fff;background-color:#e79ff6}
.apIntro .catalog span:nth-of-type(6n+6){color:#89efe9;border:1px solid #89efe9}
.apIntro .catalog span:nth-of-type(6n+6):hover{color:#fff;background-color:#89efe9}

.rzinfo{position: relative;overflow: hidden;}
.rzbbox{background: rgba(244, 244, 244, 1);max-height: 260px;height: auto;overflow: hidden;padding: 30px 20px 30px 32px;margin-bottom: 20px;} 
.rzbox{overflow: hidden;text-overflow: ellipsis;max-height: 265px;height: auto;}
.rzbox span{font-size: 14px;color: #999999;margin-bottom: 10px;display: block;}
.rzbox p{font-size: 14px;color: #666666;line-height: 22px !important;margin-bottom: 8px !important;}
.rzbox strong{font-size: 15px;color: #525252;font-weight: bold;}
.rzbox::-webkit-scrollbar {width: 4px;height: 1px;}
.rzbox::-webkit-scrollbar-thumb {border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(170,170,170,1);background: #535353;}
.ckrz{display: block;position: absolute;top: -2px;right: 20px;color: #999;cursor: pointer;font-size: 14px;font-weight: 300;}
.bbico{position: relative;}
.bbico:before{background: url(../images/icon-laba.png) no-repeat !important;background-size: 16px 18px !important;top: 3px !important;}
								
.rModel{overflow:hidden;}
.rModel{position: fixed; top: 0; left: 0;right: 0; bottom: 0; margin: auto; z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.rTmodel{font-size: 14px;background: #fff;border-radius: 10px;left: 50%;top:50%;margin-left: -300px;margin-top: -330px;padding-bottom: 5px;position: absolute;_position: absolute;width: 600px;height: 660px;z-index: 999;*zoom: 1;cursor: default;-webkit-box-shadow: 0 4px 16px rgba(0,0,0,.4);box-shadow: 0 4px 16px rgba(0,0,0,.4);display: block;}
.rTmodel strong{display: block;padding:15px 0px 0px;overflow:hidden;color: #454545;line-height: 28px;font-size: 16px; font-weight: bold;border-top: 1px dashed #eee;}
rTmodel p{padding:0px 0px 20px;overflow:hidden;line-height: 26px;color: #555;font-size: 14px;border-bottom: 1px solid #eee;}
.rModel p.rTit{display: block;text-indent: 0;font-style:normal;height: 50px;line-height: 50px;overflow: hidden;background: linear-gradient(to left,#38a6fd,#008bff);color: #fff;padding: 0 2px 0 18px;font-size: 16px;border-radius: 10px 10px 0 0;font-weight: bold;}
.rModel p.rTit span{float: right;width: 50px;height: 50px;display: block;font-size: 36px;text-align: center;cursor: pointer;font-weight: 400;color: #fff;text-decoration: none;text-indent: 0em;}
.rMlist{overflow-y:scroll;height: 580px;padding: 0px 20px;}
.rModel p{padding-bottom: 6px;border-bottom: none;text-indent: 2em;}
.rModel p span{display: block;text-indent: 2em;}
.rModel p br{display: none;}

.adown pre{position: relative;bottom: 21.5px;left:8px;font-size: 12px;color: #fff;height: 20px;line-height: 20px;}
.adown .ios  b{position: relative;top: -8px;font-size: 16px;}

.ctiTle em{line-height: 44px;}
.ctiTle a i{top: 11px}
.cHotAsk{padding: 10px 20px 10px;}
.cHAList{margin: 5px 0;}
.cHAList a{line-height:30px;margin-right: 16px;}
.cHAList a:hover{text-decoration:underline;}
.cHAList a:nth-of-type(10n+1){font-size:16px;color:#f1516c;}
.cHAList a:nth-of-type(10n+2){font-size:18px;font-weight:700;color:#45b97c;}
.cHAList a:nth-of-type(10n+3){font-size:16px;color:#796cb0;}
.cHAList a:nth-of-type(10n+4){font-size:16px;font-weight:700;color:#009ad6;}
.cHAList a:nth-of-type(10n+5){font-size:14px;color:#4e72b8;}
.cHAList a:nth-of-type(10n+6){font-size:18px;color:#dea32c;}
.cHAList a:nth-of-type(10n+7){font-size:16px;color:#f69c9f;}
.cHAList a:nth-of-type(10n+8){font-size:14px;color:#45b97c;}
.cHAList a:nth-of-type(10n+9){font-size:18px;color:#93c244;}
.cHAList a:nth-of-type(10n+10){font-size:14px;font-weight:700;color:#c77eb5;}

.apCont .linear{display: none}
.apCont .openAp{margin-top: 2px;}
.catalog{height:22px}
/* 20220614 */
header nav a{padding: 10px 8px;}
header nav a i.bq { width: 26px;height: 23px;background-position: -232px -8px;top: 5px;}
.tagJHList ul{overflow: hidden;*zoom: 1;padding: 20px 0 6px;width: 106%;}
.tagJHList li{float: left;width: 185px;height: 215px;margin:0 10px 10px 0;overflow: hidden;background-color: #fff;box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);border-radius: 8px;}
.tagJHList li a{position: relative;display: block;width: 185px;height: 183px;padding-top: 32px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.tagJHList li img{display: block;width: 120px;height: 120px;margin:0 auto;border-radius: 24px;}
.tagJHList li p{display: block;font-size: 20px;color: #333;line-height: 48px;margin: 0 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.tagJHList li span{position: absolute;left: 0;right: 0;bottom: -30px;margin: auto;display: block;width: 0;height: 30px;background:#008bff;border-radius: 4px;font-size: 14px;color: #fff;line-height: 30px;text-align: center;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.tagJHList li a:hover p{display: none;color: #6ac20c;}
.tagJHList li a:hover img{opacity: .9;}
.tagJHList li a:hover span{bottom: 20px;width: 100px;}
.xydTop{position: relative;padding: 6px 0 0 0;}	
.xydCont{position: relative; padding: 15px 20px 25px 28px;overflow: hidden;*zoom: 1;}
.xydTop img{float: left;width: 190px;height: 190px;border-radius: 28px;margin-right: 23px;}
.xydTop .intro{float:left;width: 600px;}
.xydTop .intro p,.xydTop .intro li{overflow: hidden;white-space: nowrap;}
.xydTop .name{display: block;position: relative;background-color: #fff;padding-right: 20px;max-width: 576px;height: 40px;line-height: 40px;font-size: 14px;color: #808080;overflow: hidden;-moz-box-shadow: 4px 4px 0px rgba(0,0,0,.1);box-shadow: 4px 4px 0px rgb(0 0 0 / 10%);}
.xydTop h1{display: inline-block;font-size: 28px;color: #333;margin-right: 18px;line-height: 32px;font-weight: 600;}
.xydTop .name i{display: block;position: absolute;width: 66px;height: 26px;background-position: -258px -395px;right: -81px;top: 10px;}
.xydTop .intro ul{margin-top: 8px;width: 300px;min-height: 60px;overflow: hidden;*zoom: 1;}
.xydTop .intro li{float: left;width: 136px;height: 30px;line-height: 30px;font-size: 14px;color: #808080;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xydTop .intro li span,.xydTop .intro li em{color: #333;}
.xydTop .intro li:nth-of-type(2n+2){width: 200px;}
.xydTop .intro li:nth-of-type(5){width: 100%;}
.xydTop .intro .txt{display:block;max-height: 70px;border-top: 1px solid #e0e0e0;margin-top: 5px;padding-top: 8px;line-height: 24px;font-size: 14px;color: #4c4c4c;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}
.xydTop .intro .txt label{font-weight: bold;color: #808080;}
.xydTop>.txt{display:block;max-height: 70px;margin-top: 5px;line-height: 24px;font-size: 14px;color: #4c4c4c;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}
.xydTop>.txt label{font-weight: bold;color: #808080;}
.xydTop .downbtn{position: absolute;top: 56px;right: 5px;width: 220px;height: 68px;overflow: hidden;}
.downbtn .order {background-color: #ff9e00}
.downbtn .order>i {width: 20px;height: 19px;background-position: -388px -49px}
.downbtn .no {background-color: #c5c3c3;margin-right: 0}
.downbtn .no>i {width: 18px;height: 20px;background-position: -427px -49px}
.downbtn button>i {display: inline-block;position: relative;margin-right: 8px;top: 4px}
.xydEdition{padding:16px 20px 2px;}
.xydEdition ul{width: 850px;padding-top:10px;overflow: hidden;*zoom: 1;}
.xydEdition ul li{float: left;width: 220px;height: 142px;padding: 0 16px 0 20px;margin:0 22px 22px 0;border: 1px solid transparent;background-color: #f6f6f6;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.xydEdition a:nth-of-type(1){display: block;width: 110%;font-size:18px;color: #333;height: 52px;line-height: 52px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xydEdition a:nth-of-type(2){display: block;overflow: hidden;*zoom: 1}
.xydEdition a:nth-of-type(2) img{float: left;width: 70px;height: 70px;border-radius: 16px;margin-right: 16px;}
.xydEdition a:nth-of-type(2) div{float: left;width:132px;}
.xydEdition a:nth-of-type(2) p{font-size: 14px;color: #999;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xydEdition ul li:hover{background-color: #f4fcfe;border-color: #a8d7ff;}
.xydEdition ul li:hover a:nth-of-type(1){color: #008bff;}
.reldGame{padding:16px 20px 6px;}
.reldGame ul {width: 850px;padding-top:10px;overflow: hidden;*zoom: 1;}
.reldGame ul li {float: left;width: 263px;height: 116px;margin: 0 19px 18px 0}
.reldGame li a {position: relative;display: block;padding: 15px 5px 15px 15px;float: left;border: 1px solid #e6e6e6;border-radius: 8px}
.reldGame li a img {float: left;width: 84px;height: 84px;border-radius: 16px;margin-right: 10px}
.reldGame li a .info p,.reldGame li a .info span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.reldGame li a .info {float: left;width: 147px;height: 84px;overflow: hidden}
.reldGame li a .info p {font-size: 16px;color: #000;line-height: 30px;margin-top: 5px}
.reldGame li a .info span {display: block;font-size: 12px;color: #999;line-height: 20px}
.reldGame li a,.reldGame li a .btn,.reldGame li a .btn i {transition: all .3s linear}
.reldGame li a .btn {position: absolute;top: 58px;right: -1px;width: 58px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #008bff;border: 1px solid #a8d7ff;border-radius: 12px 0 0 12px}
.reldGame li a .btn i {display: inline-block;width: 12px;height: 12px;background-position: -296px -148px;margin-right: 2px;position: relative;top: 1px}
.reldGame li a:hover .btn {color: #fff;background: linear-gradient(to right, #41a1f7, #5ecaf2)}
.reldGame li a:hover .btn i {background-position: -296px -171px}
.reldGame li a:hover img {opacity: .9}
.reldGame li a:hover p {color: #008bff}
.reldGame li a:hover {border-color: #a8d7ff}

.xydTop .intro ul{width: 360px;}

.downbtn .pc img{float: none;width:100%;position: relative;top:-2px; left: 0px;background-color: #fff;height: auto;cursor:pointer;border-radius: 0;margin: 0}
.downbtn .pc img:hover{-webkit-animation: scaleDraw 2s ease-in-out infinite;animation: scaleDraw 2s ease-in-out infinite;}
@keyframes scaleDraw {0%{ transform: scale(1);}25%{transform: scale(1.03); }50%{transform: scale(1);} 75%{ transform: scale(1.03);}}
.iytopic{width: 100%;height: 347px;margin: 36px auto 10px; background: url(../images/bgtwo.png) no-repeat; background-size: 100% 100%;}

.gaTab ul li:nth-of-type(8) a i{background-position: -708px -377px;;}
.gaTab ul li:nth-of-type(8) a:hover i{background-position:-708px -431px;}
.gaTab ul li.current:nth-of-type(8) a i, .gaTab ul li.current:nth-of-type(8) a:hover i{background-position: -708px -485px;}

.hotTab .tab_menu .hidden_box{height: 190px}

.tagJHList li{text-align: center;height: 235px;}
.tagJHList li a{height: 203px;}
.tagJHList li i{display: block;font-size: 14px;color: #999;line-height: 20px;}
.tagJHList li a:hover i{margin-top: 8px;}

.glList ul{width: 101%;padding-left: 20px;margin-top: 20px;overflow: hidden;*zoom: 1;}
.glList li{float: left;width: 262px;height: 312px;margin-right: 20px;}
.glList li .img{display: block;width: 100%;height: 152px;border-radius: 6px;margin-bottom: 7px;overflow: hidden;}
.glList li .img img{width: 100%;min-height: 100%;height: auto;}
.glList li .img img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.glList li .img:hover img{transform: scale(1.2);}
.glList li a{margin-bottom: 7px;}
.glList li a:nth-of-type(2){display: block;max-height: 52px;line-height: 26px;font-size: 18px;color: #4D4D4D;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.glList li:hover a:nth-of-type(2){color: #008bff;}
.glList li p{display: block;height: 48px;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.glList li span{display:block;height: 30px;overflow: hidden;font-size:14px;color: #999;line-height: 30px;}

.glDeList {background: #fff; margin-bottom: 20px;border-radius: 8px; box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);}
.glDeList li {overflow: hidden}
.glDeList li>div {padding: 32px 0; margin: 0 20px;border-top: 1px solid #e0e7eb;overflow: hidden}
.glDeList li:nth-of-type(1)>div {border-top: 0}
.glDeList li>div>a {display: block; float: left;margin-right: 27px;width: 261px;height: 145px; border-radius: 8px;overflow: hidden;}
.glDeList li>div>a img{width: 100%;min-height: 100%;height: auto;}
.glDeList li>div>a img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.glDeList li>div>a:hover img{transform: scale(1.2);}
.glDeList li .info {float: left;width: 860px;height: 145px;overflow: hidden}
.glDeList li .info>a { display: block}
.glDeList li .info>a p:first-of-type {font-size: 20px;color: #354352;line-height: 32px; font-weight: 700; overflow: hidden;white-space: nowrap}
.glDeList li .info .txt {display: block;margin-top: 16px;height: 52px;font-size: 14px;line-height: 26px;color: #888; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.glDeList li .info>p {font-size: 12px; color: #888;margin-top: 16px}
.glDeList li .info>p span:nth-of-type(1) {float: left}
.glDeList li .info>p span:nth-of-type(2) {float: right; color: #666}
.glDeList li .info>p span:nth-of-type(1) i { display: inline-block;max-width: 260px;height: 20px;margin-left: 30px}
.glDeList li .info>p span:nth-of-type(2) i {display: inline-block; width: 17px;height: 12px;background-position: -568px -161px;position: relative; top: 2px;margin-right: 8px}
.glDeList li:hover { background-color: rgba(0,139,255,.05);}
.glDeList li:hover div,.glDeList li:hover+li div { border-color: rgba(0,139,255,.05);}
.glDeList li:hover .info>a p:first-of-type {color: #008bff}
.nsList li .info>p{overflow: hidden;*zoom: 1;}
.nsList li .info{position: relative;}
.nsList li .info .tags{position: absolute;bottom: 9px;left: 168px;max-width: 336px;max-height: 20px;overflow: hidden;*zoom: 1;}
.nsList li .info .tags a { float:left; display:block;max-width: 200px; padding:0 8px; height:18px; line-height:18px; font-size:12px; color:#4fb3ff; background: #fff;border:1px solid #4fb3ff; margin-right:6px; border-radius:9px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nsList li .info .tags a:hover { color:#fff; background-color:#4fb3ff }
.nsList li .info .tags a:nth-of-type(6n+1) { color:#ef8692; border:1px solid #ef8692 }
.nsList li .info .tags a:nth-of-type(6n+1):hover { color:#fff; background-color:#ef8692 }
.nsList li .info .tags a:nth-of-type(6n+2) { color:#f4a76d; border:1px solid #f4a76d }
.nsList li .info .tags a:nth-of-type(6n+2):hover { color:#fff; background-color:#f4a76d }
.nsList li .info .tags a:nth-of-type(6n+3) { color:#4fb3ff; border:1px solid #4fb3ff }
.nsList li .info .tags a:nth-of-type(6n+3):hover { color:#fff; background-color:#4fb3ff }
.nsList li .info .tags a:nth-of-type(6n+4) { color:#93d877; border:1px solid #93d877 }
.nsList li .info .tags a:nth-of-type(6n+4):hover { color:#fff; background-color:#93d877 }
.nsList li .info .tags a:nth-of-type(6n+5) { color:#e79ff6; border:1px solid #e79ff6 }
.nsList li .info .tags a:nth-of-type(6n+5):hover { color:#fff; background-color:#e79ff6 }
.nsList li .info .tags a:nth-of-type(6n+6) { color:#89efe9; border:1px solid #89efe9 }
.nsList li .info .tags a:nth-of-type(6n+6):hover { color:#fff; background-color:#89efe9 }
.step {display: none !important;}
.adown .pc{position: relative;overflow: hidden;}
.adown .pc:after{content: "广告";position: absolute;top: -2px;right: -3.2px;display: block;padding: 0 6px;height: 20px;line-height: 20px;background: rgba(0,0,0,.26);transform: scale(.8);font-size: 12px;color: #fff;border-radius: 0 3px 0 0;}
.newsTags{padding: 0 22px;line-height: 24px;font-size: 16px; color: #333;margin-bottom: 18px;}	
.newsTags label{font-weight: bold;}
.newsTags a{display: inline-block;padding: 0 10px;font-size: 15px;line-height: 24px;background: #e2f6ff;color: #008bff;margin-left: 10px;margin-bottom: 6px;border-radius: 12px;}
.rankDL ul{margin-bottom: 20px;}
.rankDL {padding-bottom: 13px;}
.scores{position: absolute;z-index: 1;top: 0;right: 0;padding: 50px 110px 50px 30px;height: 47px;width: 98px;text-align: center;background: url(../images/garbg.png) no-repeat;background-size: 100% 100%;overflow: hidden;}
.scores strong{display: block;font-size: 18px;color: #fd9543;font-weight: bold;line-height: 32px;margin-top: 10px;white-space: nowrap;}
.scores span{font-size: 20px;color: #4d4d4d;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.iRecM .isubBox ul li a{float: left;width: auto;}
.iRecM .isubBox ul li a:nth-of-type(2){max-width: 220px}
.iRecM .isubBox ul li a:nth-of-type(1){max-width: 336px}

.topNav{position: relative;top: 0;z-index: 2;width: 100%;height: 42px;box-shadow: 0px 0px 5px 1px rgb(255, 255, 255, .32) inset;}
.topNav>div{width: 1200px;margin: auto;height: 42px;line-height: 42px;overflow: hidden;*zoom: 1;}
.topNav p{float: left;font-size: 14px;color: #fff;line-height: 42px;}
.topNav div div{float: right;max-width: 720px;font-size: 14px;color: #fff;line-height: 42px;}
.topNav a{position: relative;font-size: 14px;color: #fff;line-height: 42px;}
.topNav a:nth-of-type(n+2):before{content: "|";font-size: 12px;color: #ededed;margin: 0 10px 0 6px;position: relative;top: -1px;}
.topNav a:hover{color: #ffcf83;}


.pagecode > a,.pagecode > b{
  display: inline-block;
  padding: 0;
  min-width: 38px;
  line-height: 38px;
  text-align: center;
  font-weight: 700;
  border-radius: 3px;
  
}

.pagecode > a:hover,.pagecode > b{
  color: #fff;
  background-color: #008bff;
  border: 1px solid #008bff;
}

a.menu{
  display: none;
}

a.menu  i.ico{
  width: 18px;
  height: 22px;
  background-position: -84px -8px;

  position: relative;
  top: 4px;
  margin-right: 8px;
  display: inline-block;

}


@media(max-width:960px)
{
/*
white-space: nowrap;
overflow-x: scroll;
display: flex;
*/
/*
横向滚动条
*/

.topNav p{
  width: 60%;
  overflow: hidden;
}
body, html{
  min-width: unset !important;
  min-height: unset !important;
  background-size: inherit;
}
header{
  width: 100% !important;
}

.topNav > div{
  width: 100% !important;
}

a.menu{
  display: block !important;
  margin-right: 1rem !important;
}

header nav.nav{
  
  position:fixed;top:0;left:0;width:220px;height:100%;background-color:#373737;z-index:9999;
  margin-top: 0px !important;
}

header nav.nav a{
  width:calc(100% - 20px )!important;
  margin: 0.75rem auto !important;
  padding: 0.5rem 0 !important;
  float: right;
}
.show-nav {transform:translateX(0); transition: all 0.35s cubic-bezier(.6,0.28,.74,.05);}
.hide-nav {transform:translateX(-220px);transition: all 0.35s cubic-bezier(.6,0.28,.74,.05);}

.topNav{
  position:fixed;top:0;left:0;width:100%;z-index:9998;
  background-color: #02b5ff;
}

header.f-head{
  /* position:fixed;top:0;left:0;width:100%;z-index:9998; */
  margin-top: 42px !important;

}

.wrapper{
  width: 100% !important;
  padding: 12px 0 !important;
}

.newsL,.newsR,.appL,.appR{
  width: 96% !important;
  margin: 1rem 2% !important;
}

.nsTitle h1{
  font-size: 1.2rem !important;
  line-height: 1.2rem !important;
  text-align: left !important;
}

.nsTitle p span{
  max-width: unset !important;
  width: 80% !important;
  text-align: left;
  display: block !important;
}

#content img{
  max-width: 80% !important;
  height: auto !important;
}

.nsCopy{
  display: flow-root !important;
  height: fit-content !important;
}
.nsCopy{
  font-size: 1rem !important;
  line-height: 1.2rem !important;
}

.nsCopy em{
  font-size: 1rem !important;
  line-height: 1.2rem !important;
  font-weight:200 !important;
}

.aphot .list,.aphot ul,.nsRela ul,.aprank ul{
  width: 100% !important;
  display: flow-root !important;
  height: fit-content !important;
  overflow: visible !important;
  max-height: unset !important;
}

.aphot li{
  width: 90% !important;
  margin: 1rem calc(2.5% - 2px) !important;

}

.nsRela ul li{
  width: 100% !important;
}

.nsRela ul li a{
  width: calc(100% - 90px) !important;
}

.aprank li{
  width: 100% !important;
}
.aprank li a img{
  width: 60px !important;
  height: 60px !important; 
}

.aprank li a .info{
  width: calc(100% - 110px) !important;
}

footer div{
  width: 100% !important;
  display: flow-root !important;
  height: fit-content !important;
}

.apIntro .cont img{
  width: 90px !important;
  height: 90px !important;
}

.apIntro .info,.apIntro .info div{
  width: 100% !important;
  display: flow-root !important;
  height: fit-content !important;
}

.apIntro .info ul li{
  display: block !important;
  width: 80% !important;
}

.editCom,.showImg,.screenshot .intro,.screenshot .intro .slider-contain,.screenshot .slider-inner-contain{
  width: 100% !important;
}

.a_right{
  left: unset !important;
  right: 1rem !important;
}
.a_left{
  left:  1rem !important;
}


.apCont .cont img{
  max-width: 80% !important;
  height: auto !important;
}


.apNEnter ul li{
  width: 45% !important;
  margin: 1rem 2.5% !important;
}

.apNEnter ul li img{
  width: 70% !important;
  margin: auto 15% !important;
  height: auto !important;
}

.nsList li .info{
  width: 100% !important;
}


.nsList li > div > a img{
  max-width: 80% !important;
  min-width: 220px !important;
}

.nsList li .info > a p:first-of-type{
  margin-top: 0.5rem !important;
  line-height: 1.2rem ;
  font-size: 1.2rem ;

}

.pagecode{
  white-space: nowrap;
  overflow-x: scroll;
  display: flex;
}

.aplist ul{
  width: 100% !important;
}

.aplist ul li{
  width: 45% !important;
  margin: 0.5rem 2.5% !important;
}

.aplist ul li img{
  width: 70% !important;
  margin: auto 15% !important;
  height: auto !important;
}

.aplist ul li .btn{
  width: 100% !important;
}

.ihot,.ihot .sub_box,.iRec{
  width: 100% !important;
}
.ihot .sub_box{
  padding: 10px 0 !important;
  white-space: nowrap;
  overflow-x: scroll;
  display: flex;
  margin-bottom: 1rem !important;
}

.iRec{
  padding: 10px 0 !important;
  max-height: unset !important;
}

.iRecL,.iRecM,.iRecR{
  width: 98% !important;
  margin: 0.5rem 1% !important;

}

.iRecL .slider{
  width: 360px !important;
  height: 220px !important;
  margin: 1rem auto !important;
}

.iRecL .slider li{
  width: 360px !important;
  height: 220px !important;
}



.iRecL .slider li img{
  width: 100% !important;
  height: auto !important;
}

.iRecL .slider p{
  width: 100% !important;
}

.iRecL .iglt{
  width: 100% !important;
  padding: 10px 0 !important;
}

.iRecL .iglt a{
  width: 80% !important;
  margin: 0.5rem 10% !important;
}

.iRecL .iglt a div,.iRecL .iglt a img{
  width: 100% !important;
}
.iRecL .iglb a{
  width: 100% !important;
}

.iRecL .iglb a div{
  width: calc(100% - 100px) !important;
}

.iRecM .isubBox ul li a:nth-of-type(2){
  max-width: unset !important;
  width: calc(100% - 146px) !important;
}


.hotTab{
  width: calc(100% ) !important;
  padding: 10px 0 !important;
  display: flow-root !important;
  height: fit-content !important;
  position: unset !important;
}

.hotTab .tab_box{
  overflow: visible !important;
  display: flow-root !important;
  height: fit-content !important;
}

.hotTab .tab_cont,.hotTab .tab_cont ul{
  width: 100% !important;
  overflow: visible !important;
  display: flow-root !important;
  height: fit-content !important;
}

.hotRec{
  position: unset !important;
  width: 100% !important;
}


.hotRec .cont a{
  width: calc(100% - 50px ) !important;
  padding: 10px 2px;
}
.hotRec .cont a img{
  width: 90px !important;
  height: 90px !important;
}

.hotRec .cont .info{
  width: calc(100% - 110px) !important;
}

.hotRec .cont{
  height: 142px !important;
}

.hotTab .tab_cont li{
  width: 45% !important;
  margin: 0.5rem 2.5% !important;
}

.fdLink > div{
  width: 100% !important;
}

.fdLink .linkTags{
  overflow: visible;
  width: 100% !important;
}

.hotTopic{
  width: 100% !important;
}


.tplist ul{
  width: 100% !important;
  display: flow-root !important;
  height: fit-content !important;
}

.tplist li{
  width: 96% !important;
  margin: 0.5rem 2% !important;
}

.tplist li > a p{
  width: calc(100% - 20px) !important;

}

.tplist li > a img{
  width: 100% !important;
}



}