@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*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}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
* {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#454545;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f6f6f6;}
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;}
header, section, footer, aside, nav, article, figure{display: block;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
a:hover{color: #f47a0d;}
.rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.cfx{margin-right:auto;margin-left:auto;*zoom:1}.cfx:before,.cfx:after{display:table;content:"";line-height:0}.cfx:after{clear:both}
.cx{overflow: hidden;*zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
body{word-break: break-all;}
a{cursor: pointer;}
img{vertical-align: top;border: 0;}
a img:hover{opacity: 0.9;cursor: pointer;}
.ico{background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;}


header{height: 83px;background: linear-gradient(to bottom, #f47a0d,#f7c38b);margin:auto;overflow: hidden;}
header>div{position: relative;width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
header>div>a{float: left;width: auto;padding-top: 8px;height: 68px;display: block;overflow: hidden;}
header>div>a img{width: auto;height: 100%;}
header nav{float:right;max-width: 958px;padding-left: 19px;height: 83px;}
header nav a{position: relative;float: left;display:block;position: relative;margin-left: 16px;width: 136px;height: 77px;line-height: 76px;border-bottom: 6px solid rgba(255,255,255,.5);background-color: transparent;text-align: center;font-size: 26px;color: #fff;-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
header nav a span{display: block;position: absolute;top: 58px;left: 6px;font-size: 10px;line-height: 16px;color: #fff;transform: scale(.8);}
header nav a:hover,header nav a.current{color: #fff;background-color:rgba(142, 71, 19, 0.4);border-bottom-color: rgba(255,2555,255,1);}
header nav a:hover span,header nav a.current span{color: rgba(255,255,255,.65);}

footer{width: 100%;color: #666;font-size: 14px;background-color:#000;text-align: center;}
footer>div:nth-of-type(2){padding-top: 15px;height: 45px;background-color: #202020;line-height: 30px;}
footer>div:nth-of-type(2) a{font-size: 14px;color: #999;}
footer>div:nth-of-type(1) div{width:1200px;margin:0 auto;height: auto;padding: 36px 0 15px;line-height: 24px;}
footer>div:nth-of-type(1) div p:nth-of-type(1) a{font-size: 14px;color: #999;}
footer p{margin-bottom: 10px;}
footer p a{margin:0 5px;color: #999;}
footer p span{margin: 0 10px;}
footer div img{width: 30px;height: 30px;margin:0 10px 0 50px;}
footer div a:hover{color: #cfcfcf !important;}

.breadChip{position: relative;width: 1200px;margin: auto;height: 46px;line-height: 46px;}
.breadChip,.breadChip a{font-size:14px;color:#C4C3C3;}
.breadChip:before{content:"";position: relative;top: 2px;display:inline-block;width:12px;height:14px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-310px -4px;margin-right:6px;}
.breadChip a:hover{color:#f47a0d;}

.frLink{position: relative;top: 4px;background-color: #000;margin-bottom: 0;}
.frLink>div{width: 1000px;margin: auto;font-size: 12px;color: #999;line-height: 26px;font-weight: bold;padding: 20px 100px 16px;border-bottom: 1px solid #333;text-align: center;}
.frLink a{position: relative;display: inline-block;vertical-align: middle;color: #999;font-size: 12px;font-weight: lighter;padding: 0 14px 0 10px;line-height: 26px;}
.frLink a:after{content: "";position: absolute;top: 8px;right: 0;display:block;width: 1px;height: 13px;background-color: #8b8b8b;}
.frLink a:hover{color: #f47a0d;}
.frLink a:last-of-type:after{display: none;}

.dTit{position: relative;padding:0 10px 0 17px;height: 42px;margin: auto;}
.dTit strong{position: relative;float: left;font-size: 24px;color: #2E2E30;line-height: 42px;font-weight: bold;}
.dTit a{position: relative;float: right;display: block;width: 33px;height: 18px;padding: 12px 5px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -47px 8px;}
.dTit a:hover{background-position: -100px 8px;}
.dTit a.dTit-more.has-text{width:auto;height:42px;line-height:42px;padding:0;background:none;color:#999;font-size:14px;}
.dTit a.dTit-more.has-text:after{content:"";display:inline-block;vertical-align:middle;width:33px;height:18px;margin-left:6px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-47px 8px;}
.dTit a.dTit-more.has-text:hover{color:#f47a0d;}
.dTit a.dTit-more.has-text:hover:after{background-position:-100px 8px;}

.dhTit{position: relative;padding:0 10px 0 13px;height: 56px;margin: auto;}
.dhTit h2{position: relative;z-index: 1;float: left;display: inline-block;font-size: 34px;color: #2E2E30;line-height: 56px;font-weight: bold;}
.dhTit h2:after{content: "";position: absolute;left: 0;bottom: 11px;z-index: -1;display: block;width: 111%;height: 16px;background: linear-gradient(90deg, #91FFD0, #B1FDA2);}
.dhTit a{position: relative;float: right;display: block;width: 33px;height: 18px;margin-top: 7px;padding: 12px 5px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -47px 8px;}
.dhTit a:hover{background-position: -100px 8px;}

.gstTit{position: relative;height: 30px;margin: auto;}
.gstTit strong{position: relative;z-index: 1;float: left;display: inline-block;font-size: 26px;color: #2E2E30;line-height: 30px;font-weight: bold;}
.gstTit strong:after{content: "";position: absolute;left: 0;bottom: 2px;z-index: -1;display: block;width: 116%;height: 16px;background: linear-gradient(90deg, #91FFD0, #B1FDA2);}
.gstTit a{position: relative;float: right;display: block;width: 33px;height: 18px;margin-right: -11px;padding: 11px 13px 1px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -39px 7px;}
.gstTit a:hover{background-position: -92px 7px;}
.gstTit span{float: left;margin-left: 25px;font-size: 16px;color: #666;line-height: 22px;margin-top: 7px;}
.gstTit span em{color:#FF6633;}

.pagecode{padding:4px 0 35px;text-align:center;font-size:16px;color: #666;}
.pagecode a{padding:9.5px 19px;margin:0 5px;color:#666;text-decoration:none;background-color:#F6F6F6;border-radius: 3px;}
.pagecode>span{display: inline-block;line-height: 40px;height: 40px;border-radius: 3px;}
.pagecode span a{display: block;padding:0;min-width: 40px;line-height: 40px;text-align: center;border-radius: 3px;font-size: 14px;font-weight: bold;}
.pagecode a:hover{color:#fff;background-color: #f47a0d !important;}
.pagecode a.current,.pagecode a.current:hover{color:#fff;background-color: #f47a0d !important;padding: 9.5px 15px;font-weight: normal;}
.pagecode a.disabled,.pagecode a.disabled:hover{color:#666;background-color:#efefef !important;cursor:default;}

.dRec{padding-top: 30px;margin-bottom: 20px;background: url(../images/drecbg.png) no-repeat;background-size: 100% auto;}
.dRec>div{width: 1200px;margin:0 auto 20px;}
.dRecT{position: relative;margin-bottom: 20px;}
.dRecT:before{content: "";position: absolute;top: -7px;left: 0;z-index: 1;display: block;width:139px;height: 44px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -46px; }
.gaHSTop{float: left;position: relative;display:block;width: 392px;height: 228px;border-radius:20px;overflow: hidden;}
.gaHSTop>img{width: 388px;min-height: 100%;height: auto;border: 2px solid #fff;border-radius:20px;top: 0;left: 0; right: 0;position: absolute;background: inherit;}
.gaHSTop .img{display: block;width: 100%;height: 100%;top: 0;left: 0; right: 0;position: absolute;background: inherit;}
.gaHSTop .img img{width: 100%;min-height: 100%;height: auto;top: 0;left: 0; right: 0;position: absolute;background: inherit;}
.gaHSbg{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 58px;margin: auto;overflow: hidden;*zoom: 1;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1))),rgba(114,102,104,.1);background: linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),rgba(114,102,104,.1);}
.gaHSTop .info{padding: 8px 19px 8px 16px;height: 42px;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;*zoom: 1;background: rgba(0,0,0,.1);}
.gaHSTop .info img{float: left;display: block;width: 42px;height: 42px;border-radius: 10px;margin-right: 12px;}
.gaHSTop .info>div{float: left;max-width: 280px;}
.gaHSTop .info>div strong{font-size: 15px;color: #fff;font-weight: 700;line-height: 25px;white-space: nowrap;overflow: hidden;}
.gaHSTop .info>div p{font-size: 12px;line-height: 16px;color: #ccc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gaHSTop .info i{float: right;display: block;width: 27px;height: 28px;background-position: -5px -4px;position: relative;top: 6px;}
/*slider*/
.dSlider_c {float: right;width: 790px;height: 226px;position: relative;border: 2px solid #fff;border-radius: 20px;}
.dSlider {position: absolute;left: 0px;top: 0px;opacity: 0;filter: alpha(opacity=0);text-align: left;width: 100%;height: 226px;border-radius: 20px;overflow: hidden;}
.dSlider img{width: 100%;height: auto;min-height: 100%;}
.dSlider_cleft {display: block;width: 38px;height: 38px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -237px -52px;transform: rotate(180deg);position: absolute;right: 62px;bottom: 14px;margin: auto 0;z-index: 2;cursor: pointer;opacity: 0.5;}
.dSlider_cleft:hover {opacity: 1;}
.dSlider_cright {display: block;width: 38px;height: 38px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -237px -52px;position: absolute;right: 17px;bottom: 14px;margin: auto 0;z-index:2;cursor: pointer;opacity: 0.5;}
.dSlider_cright:hover {opacity: 1;}
.dSlider_btn {position: absolute;bottom: 10px;left: 0;right: 0;margin: 0 auto;text-align: center;width: auto;z-index: 2;}
.dSlider_btn span {display: inline-block;width: 40px;height: 3px;background-color: rgba(255,255,255,.5);margin: 1.5px;cursor: pointer;}
.dSlider_btn span.checked {background: linear-gradient(90deg, #91FFD0, #B1FDA2);}
.dSlider div{display: block;position: absolute;z-index: 1;top: 0;left: 0;width: 390px;height: 226px;background: linear-gradient(90deg, rgba(0,0,0,.96), transparent);border-radius: 20px;}
.dSlider div p{display: block;height: 60px;font-size: 20px;color: #fff;line-height: 30px;font-weight: bold;margin: 51px 0 17px 28px;overflow: hidden;}
.dSlider div span{display: block;width: 134px;height: 38px;font-size: 18px;color: rgba(225, 215, 72, 0);background: linear-gradient(90deg, #E39419 0%, #9D7F37 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;line-height: 38px;margin-left: 29px;border: 2px solid rgba(225, 179, 71, 0.5);border-radius: 10px;}
.dSlider div span:hover{border-color:rgba(208, 188, 20, 0.5);}

.dRecM {position: relative;overflow: hidden;*zoom: 1;height: 90px;}
.dRecM ul {overflow: hidden;*zoom: 1;width: 1000%}
.dRecM ul li,.dRecM ul .dL, .dRecM ul .dF {display: block;overflow: hidden;float: left;border-radius: 10px;}
.dRecM ul img {border-radius: 10px;}
.dRecM ul li {width: 304px;}
.dRecM ul .dL {width: 288px}
.dRecM ul .dL img {width: 284px;height: 84px;border: 2px solid #fff;}
.dRecM ul .dF{width: 0;margin-left: 10px;}
.dRecM ul .dF img {width: 898px;height: 84px;border: 2px solid #fff;}

.dRecbL{float: left;width: 890px;height: 416px;padding: 15px 0;background: linear-gradient(30deg, #D1F7FE, #F5F0EB, #FAD7D6, #F5F0EF);border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,.05);border-radius: 20px;overflow: hidden;margin-right: 10px;}
.dRecbR{float: right;width: 285px;height: 416px;padding: 15px 0;background: linear-gradient(30deg, #D1F7FE, #F5F0EB, #FAD7D6, #F5F0EF);border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,.05);border-radius: 20px;overflow: hidden;}
.dRecbLL{float: left;width: 430px;over flow: hidden;}
.dRecbLL .dTit a{padding-right: 0;}
.dRecbLL .list{padding:11px 0 0 15px;width: 450px;overflow: hidden;*zoom: 1;}
.dRecbLL .list a{float: left;display: block;width: 195px;height: 172px;margin:0 17px 10px 0;font-size: 16px;color: #424242;line-height: 24px;overflow: hidden;}
.dRecbLL .list a img{display: block;width: 100%;height: 110px;border-radius: 10px;margin-bottom: 11px;}
.dRecbLL .list a:hover{color: #f47a0d;}
.dRecbLR{float: right;width: 460px;}
.dRecbLR ul{padding:4.5px 0 8px 0;margin: 0 16px 0 17px;border-bottom: 1px solid rgba(255,255,255,.7);margin-bottom: 5px;}
.dRecbLR ul:nth-of-type(n+2){border-bottom: transparent;}
.dRecbLR li{position: relative;line-height: 34.5px;overflow: hidden;*zoom: 1;}
.dRecbLR li:before{content: "";float: left;margin: 14px 14px 0 1px;display: block;width: 3px;height: 3px;border: 1px solid #3f3636;}
.dRecbLR li a{float: left;display: block;width: 360px;font-size: 15px;color: #333;line-height: 34.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dRecbLR li span{float: right;color: #666;}
.dRecbLR li a:hover{color: #f47a0d;}
.dRecbLR li:hover:before{border-color:#f47a0d;} 
.dRecbLR li:nth-of-type(1):before,.dRecbLR li.bo:before{margin: 11px 6px 0 0;border: 0;width: 14px;height: 14px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -276px -4px;}
.dRecbLR ul li{position: relative;padding-right: 80px;}
.dRecbLR ul li > a{float: none;display: block;width: auto;}
.dRecbLR ul li > span{position: absolute;top: 0;right: 0;color: #666;white-space: nowrap;line-height: 34.5px;}
.dRecbLR ul li:nth-of-type(1):before,.dRecbLR ul li.bo:before{margin: 11px 6px 0 0;}

.dRecbR .dTit strong i{display: inline-block;vertical-align: top;width: 69px;height: 33px;background-position: -298px -52px;}
.dRecbR ul{padding:32px 11px 0;}
.dRecbR li{position: relative;height: 152px;margin-bottom: 28px;}
.dRecbR li:before{content: "";position: absolute;top: 0;left: 42px;display: block;height: 63px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -112px -227px;}
.dRecbR li:nth-of-type(1):before{width: 77px;background-position: -17px -227px;}
.dRecbR li:nth-of-type(2):before{width: 88px;background-position: -122px -227px;}
.dRecbR li a{position: relative;top: 10px;display: block;padding:19px 14px 33px;width: 239px;height: 92px;background: url(../images/drecbrbg.png);background-size: 100% 100%; overflow: hidden;*zoom: 1;}
.dRecbR li a div{float: left;width: 130px;height:92px;}
.dRecbR li a img{float: right;display: block;width: 92px;height: 92px;border-radius: 17px;}
.dRecbR li a p{font-size: 16px;color: #333;line-height: 28px;font-weight: bold;margin-top: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dRecbR li a span{display: block;font-size: 12px;color: #999;line-height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dRecbR li a:hover p{color: #f47a0d;}

.dGame{padding: 20px 0;width: 1196px;margin:0 auto 24px;background: #E4F8FB;border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);border-radius: 20px;}
.dGame .tabBox{padding: 6px 0 0 14px;overflow: hidden;*zoom: 1;}
.dGame .tabMenu{float: left;width: 125px;padding-top: 7px;margin-right: 14px;overflow: hidden;}
.dGame .tabMenu span{position: relative;float: left;display: block;width: 100%;height: 36px;cursor: pointer;margin-bottom: 18px;background: #f2fcfd;text-align: center;border-radius: 18px;font-size: 14px;color: #666;line-height: 36px;overflow: hidden;}
.dGame .tabMenu span:after{content: "\2192";display: none;position: absolute;top: 0;right: 21px;}
.dGame .tabMenu span.current,.dGame .tabMenu span.current:hover{text-align: left;padding-left: 27px;width: 98px;color: #fff;background: #f47a0d;}
.dGame .tabMenu span.current:after, .dGame .tabMenu span.current:hover:after{display: block;}
.dGame .tabMenu span:hover{color:#f47a0d;}
.dGame .tabCont{float: right;}
.dGame ul{width: 1040px;overflow: hidden;*zoom: 1;}
.dGame ul li{float: left;padding: 7px;background: transparent;border-radius: 20px;margin-right:7px;margin-bottom: 12px;}
.dGame ul li a{display: block;padding-top: 23px;width: 150px;height: 169px;background: linear-gradient(180deg, #D5DCF2, #C1E3FD);border-radius: 20px;text-align: center;}
.dGame ul li img{display: block;width: 102px;height: 102px;border-radius: 19px;margin: 0 auto 7px;}
.dGame ul li p{font-size: 16px;color: #000;line-height: 26px;height: 26px;overflow: hidden;white-space: nowrap;}
.dGame ul li span{font-size: 12px;color: #666;line-height: 16px;height: 16px;overflow: hidden;white-space: nowrap;}
.dGame ul li:hover{background: linear-gradient(90deg, #91FFD0, #B1FDA2);}
/*.dGame ul li:hover a{border: 3px solid #fff;padding-top: 20px;width:144px;height:166px;}*/

.dSoft{background: #F3F2FD;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);margin-bottom: 18px;}
.dSoft .tabMenu span{background-color: #f9f9fe;}
.dSoft .tabMenu span.current,.dSoft .tabMenu span.current:hover{background: #785EFF;}
.dSoft .tabMenu span:hover{color: #785EFF;}
.dSoft ul li a{background: linear-gradient(0deg, #D7EBF8, #D6CBF4);}


.dZt{background: url(../images/dhztbg.png) no-repeat;background-size: 100% 100%;margin-bottom: 24px;}
.dZt .cont{position: relative;padding: 25px 0 18px;width: 1200px;margin: auto;}
.dZtList{position: relative;padding: 11px 0;height: 180px;margin-bottom: 10px;overflow: hidden;}
.dZtList ul{position: absolute;width: 1210px;overflow: hidden;*zoom: 1;}
.dZtList li{position: relative;float: left;padding-top: 16px;width: 285px;border-radius: 20px;max-height: 100%;margin-right: 18px;}
.dZtList li:before{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 246px;height: 16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -304px;}
.dZtList li a{position: relative;display: block;border: 2px solid transparent;width: 285px;height: 160px;border-radius: 20px;overflow: hidden;}
.dZtList li a img{width: 100%;min-height: 100%;height: auto;display: block;}
.dZtList li a span{position: absolute;z-index: 2;top: 11px;right:7px;padding:0 4px 0 5px;height: 22px;line-height: 22px;background: rgba(0,0,0,.6);font-size: 12px;color: #fff;border-radius: 10px;}
.dZtList li a div{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;padding: 70px 0 10px;background: linear-gradient(0deg, rgba(0,0,0,.7), transparent);}
.dZtList li a div p{position: relative;padding: 0 11px 0 19px;height: 24px;line-height: 24px;font-size: 16px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dZtList li a div em{display: none;width: 100%;height: 0;line-height: 16px;padding:0 11px 0 19px;font-size: 12px;color: #fff;}
.dZtList li a,.dZtList li a div em{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.dZtList li a:hover em{display: block;height: 16px;}
.dZtList li a:hover{border: 2px solid #B1FDA3;}
.dZtL {position: absolute;right: 47px;top: 31px;display: block;width: 38px;height: 38px;background-position: -237px -52px;transform: rotate(180deg);margin: auto 0;z-index: 2;cursor: pointer;opacity: 0.5;}
.dZtL:hover {opacity: 1;}
.dZtR {position: absolute;right: 0;top: 31px;display: block;width: 38px;height: 38px;background-position: -237px -52px;margin: auto 0;z-index:2;cursor: pointer;opacity: 0.5;}
.dZtR:hover {opacity: 1;}

.dZt .list{width: 1210px;text-align: center;}
.dZt .list a{display: inline-block;vertical-align: top;padding:0 25px;height: 42px;line-height: 42px;font-size: 18px;background: rgba(255,255,255,.5);border-radius: 21px;margin: 0 10px 21px 0;}
.dZt .list a:nth-of-type(11n+1){color: #FF6666;}
.dZt .list a:nth-of-type(11n+2){color: #45B97C;}
.dZt .list a:nth-of-type(11n+3){color: #9999FF;}
.dZt .list a:nth-of-type(11n+4){color: #33CCFF;}
.dZt .list a:nth-of-type(11n+5){color: #FF9966;}
.dZt .list a:nth-of-type(11n+6){color: #9999FF;}
.dZt .list a:nth-of-type(11n+7){color: #FF9966;}
.dZt .list a:nth-of-type(11n+8){color: #00CCFF;}
.dZt .list a:nth-of-type(11n+9){color: #CC99CC;}
.dZt .list a:nth-of-type(11n+10){color: #7FB86E;}
.dZt .list a:nth-of-type(11n+11){color: #FF6666;}
.dZt .list a:last-of-type{color: #fff;height: 38px;line-height: 38px;background: rgba(255,255,255,0);border: 2px solid rgba(255,255,255,0.5);border-radius: 21px;}
.dZt .list a:hover{background: rgba(255,255,255,1);}
.dZt .list a:last-of-type:hover{color: #f47a0d;}

.dNews{width: 1200px;padding-bottom: 6px;margin: auto;overflow: hidden;}
.dNews .dhTit{margin-bottom: 11px;}
.dnGame,.dnSoft{height:300px;margin-bottom: 20px;overflow: hidden;*zoom: 1;}
.dnGL{float: left;width: 200px;height: 300px;background: url(../images/dnewsgbg.png) no-repeat;background-size: 100% 100%;}
.dnSoft .dnGL{background: url(../images/dnewssbg.png) no-repeat;background-size: 100% 100%;}
.dnGL strong{display: block;font-size: 34px;line-height: 42px;color:#fff;text-align: center;font-weight: bold;margin-top: 70px;margin-bottom: 117px;}
.dnGL a{display: block;width: 84px;height: 28px;border: 2px solid rgba(255,255,255,0.5);border-radius: 16px;font-size: 14px;color: #fff;line-height: 28px;text-align: center;margin: auto;}
.dnGL a:hover{border-color: #fff;}
.dnGM{float: left;width: 582px;}
.dnGM a{position: relative;float: left;display: block;width: 270px;height: 140px;border-radius: 10px;margin:0 0 20px 21px;overflow: hidden;}
.dnGM a img{display: block;width: 100%;min-height: 100%;height: auto;}
.dnGM a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.dnGM a:hover img{transform: scale(1.2);}
.dnGM a p{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 250px;padding: 45px 7px 0 13px;height: 38px;font-size: 14px;color: #fff;line-height: 38px;background: linear-gradient(0deg, rgba(0,0,0,.7), transparent);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dnGR{float: right;margin-left: 21px;}
.dnGR a{display: block;width: 396px;height: 93px;background: #FFF;border-radius: 10px;margin-bottom: 10px;overflow: hidden;*zoom: 1;}
.dnGR a img{float: right;display: block;width: 139px;min-height: 100%;height: auto;}
.dnGR a>div{float: left;width: 226px;padding-left: 12px;}
.dnGR a>div p{display: block;height: 42px;font-size: 15px;color: #2E2E30;line-height: 21px;font-weight: bold;margin: 12px 0 11px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dnGR a:hover>div p{color: #f47a0d;}
.dnGR a>div div{overflow: hidden;*zoom: 1;}
.dnGR a>div div span{font-size: 12px;color: #999;line-height: 16px;}
.dnGR a>div div span:before{content: "";position: relative;top:1.5px;margin-right:6px;display: inline-block;vertical-align: top;width: 14px;height: 14px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -158px -4px;}
.dnGR a>div div span:nth-of-type(1){float: left;}
.dnGR a>div div span:nth-of-type(2){float: right;}
.dnGR a>div div span:nth-of-type(2):before{background-position: -192px -4px;}
.dnSoft ul{float: left;width:1000px;}
.dnSoft ul li{float: left;width: 312px;height: 300px;background: #FFF;border-radius: 10px;margin-left: 21px;overflow: hidden;}
.dnSoft ul a{display: block;width: 100%;height: 100%;background: #FFF;border-radius: 10px;margin-bottom: 10px;overflow: hidden;*zoom: 1;}
.dnSoft ul a div:nth-of-type(1){width: 100%;height: 192px;overflow: hidden;}
.dnSoft ul a img{float: right;display: block;width: 100%;min-height: 100%;height: auto;}
.dnSoft ul a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.dnSoft ul a img:hover{transform: scale(1.2);}
.dnSoft ul a p{display: block;padding:0 12px 0 15px;height: 44px;font-size: 15px;color: #2E2E30;line-height: 22px;font-weight: bold;margin: 17px 0 11px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dnSoft ul a:hover p{color: #f47a0d;}
.dnSoft ul a div:nth-of-type(2){overflow: hidden;*zoom: 1;padding:0 16px;}
.dnSoft ul a div span{font-size: 12px;color: #999;line-height: 16px;}
.dnSoft ul a div span:before{content: "";position: relative;top:1.5px;margin-right:6px;display: inline-block;vertical-align: top;width: 14px;height: 14px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -158px -4px;}
.dnSoft ul a div span:nth-of-type(1){float: left;}
.dnSoft ul a div span:nth-of-type(2){float: right;}
.dnSoft ul a div span:nth-of-type(2):before{background-position: -192px -4px;}

.dRank{padding: 20px 0;width: 1196px;margin:0 auto 30px;background: #D6F6F2;border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);border-radius: 20px;}
.drank{padding-bottom: 18px;background: url(../images/hrankbg.png) no-repeat;background-size: 100% auto;}
.drBox{width: 1196px;margin: auto;padding: 9px 0 149px;}
.drBox>div{float: left;position: relative;margin: 0 6px 0 13px;width: 377px;}
.drBox>div>a{display: block;margin-bottom: 12px;width: 373px;height: 46px;font-size: 22px;color: #FF7B4C;line-height: 46px;text-align: center;border: 2px solid rgba(255,255,255,.5);box-shadow: 0px 5px 15px 0px rgba(201,235,235,0.5);border-radius: 25px;white-space: nowrap;overflow: hidden;}
.drBox>div>a strong{position: relative;display: block;width: 100%;font-size: 22px;color: #FF7B4C;line-height: 46px;font-weight: 400;}
.drBox>div>a strong:before{content: "";position: relative;top: 2px;display: inline-block;width: 129px;height: 16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -10px -114px;}
.drBox>div>a strong:after{content: "";position: relative;top: 2px;display: inline-block;width: 129px;height: 16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -170px -114px;}
.drBox>div:nth-of-type(1) a>strong:before{background-position: -10px -114px;}
.drBox>div:nth-of-type(1) a>strong:after{background-position: -170px -114px;}
.drBox>div:nth-of-type(2) a>strong:before{background-position: -10px -144px;}
.drBox>div:nth-of-type(2) a>strong:after{background-position: -170px -144px;}
.drBox>div:nth-of-type(3) a>strong:before{background-position: -10px -174px;}
.drBox>div:nth-of-type(3) a>strong:after{background-position: -170px -174px;}
.drBox>div:nth-of-type(1) a>strong{color: #FF7B4C;}
.drBox>div:nth-of-type(2) a>strong{color: #FE8AAD;}
.drBox>div:nth-of-type(3) a>strong{color: #A573FC;}
.drBox ol{position: relative;top: 134px;padding-top: 106px;padding-bottom: 10px;width: 373px;background: #e1f7f7;border: 2px solid rgba(255,255,255,.5);box-shadow: 0px 10px 15px 0px rgba(213, 239, 246, .75);border-radius: 10px;}
.drBox ol li:nth-of-type(2n+2){background-color: rgba(255,255,255,.6);}
.drBox ol li{position: relative;z-index: 1;height: 90px;margin: 2px 0;}
.drBox ol li a{position: relative;display: block;padding: 12px 0 13px;overflow: hidden;*zoom: 1;}
.drBox ol li i{float: left;display: block;width: 75px;height: 65px;font-size: 24px;color: #C2C2D9;font-family:"Arial";font-weight: bold;font-style: italic;line-height: 65px;text-align: center;}
.drBox ol li img{float: left;width: 65px;height: 65px;border-radius: 10px;margin-right: 15px;}
.drBox ol li div{float: left;width: 210px;height: 69px;overflow: hidden;}
.drBox ol li div p{display: block;font-size: 16px;color: #000;line-height: 26px;margin-top: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.drBox ol li div span{display: block;font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.drBox ol li a>span{display: none;}
.rMore{margin:6px auto 15px;display: block;text-align: center;font-size: 16px;color: #AEAEAE;line-height: 44px;margin-bottom: 0!important;}
.drBox ol li:nth-of-type(n+4) a:after{content: "";position: absolute;top: 30px;right: 20px;display: block;width: 30px;height: 30px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -226px -4px;}
.drBox ol li:nth-of-type(-n+3){position: absolute;top: -136px;width: 114px;height: 226px;margin: 0;background-color: transparent;background: url(../images/drbg1.png) no-repeat;background-size: 100% 100%;}
.drBox ol li:nth-of-type(1){left:130px;background: url(../images/drbg1.png) no-repeat;}
.drBox ol li:nth-of-type(2){left:7px;background: url(../images/drbg2.png) no-repeat;}
.drBox ol li:nth-of-type(3){left:253px;background: url(../images/drbg3.png) no-repeat;}
.drBox ol li:nth-of-type(-n+3) a{padding: 0;}
.drBox ol li:nth-of-type(-n+3) i{position: absolute;top: 0;left: 8px;z-index: 1;float: inherit;font-size: 0;width: 36px;height: 33px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;}
.drBox ol li:nth-of-type(1) i{background-position: -390px -52px;}
.drBox ol li:nth-of-type(2) i{background-position: -441px -52px;top: 19px;}
.drBox ol li:nth-of-type(3) i{background-position: -492px -52px;top: 19px;}
.drBox ol li:nth-of-type(-n+3) img{float: inherit;display: block;width: 70px;height: 70px;border: 2px solid #FEB754;margin: auto;}
.drBox ol li:nth-of-type(1) img{border-color: #FEB754;margin-bottom: 7px;margin-top: 19px;}
.drBox ol li:nth-of-type(2) img{border-color: #FD8EB9;margin-top: 36px;}
.drBox ol li:nth-of-type(3) img{border-color: #B482FC;margin-top: 36px;}
.drBox ol li:nth-of-type(-n+3) div{float: inherit;width: 100%;height: auto;}
.drBox ol li:nth-of-type(-n+3) div p{text-align: center;color: #fff;margin-top: 17px;}
.drBox ol li:nth-of-type(-n+3) div span{text-align: center;color:rgba(255,255,255,.5);line-height: 18px;}
.drBox ol li:nth-of-type(-n+3) a>span{display: block;width: 64px;height: 28px;font-size:14px ;color: rgba(255, 255, 255, 0);background: linear-gradient(-90deg, #91FFD0 0%, #B1FDA2 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 28px;text-align: center;margin:8px auto;border: 2px solid rgba(255,255,255,0.5);border-radius: 16px;}
.drBox ol li a:hover p{color: #f47a0d;}

.gsPartTop{position: relative;background: url(../images/gametopbg.png) no-repeat;background-size: 100% 100%;margin-bottom: 20px;}
.gsPartTop:after{content: "";position: absolute;left: 0;right: 0;bottom: -26px;margin: auto;display: block;width: 100%;height: 26px;background: url(../images/gametopafterbg.png) no-repeat;background-size: 100% 100%;}
.gsPartTop--compact{margin-bottom: 0;}
.gsPartTop--compact:after{display: none;}
.gsPartTop--compact .ztMenu{background: transparent;}
.gsPT{width: 1200px;margin: auto;}
.gsPT .list{width: 1220px;padding:18px 0 15px;overflow: hidden;*zoom: 1;}
.gsPT .list a{float: left;display: block;width: 119px;height: 36px;background: rgba(255,255,255,.8);border: 1px solid rgba(255,255,255,.8);border-radius: 18px;text-align: center;line-height: 36px;margin: 0 14px 17px 0;font-size: 16px;color: #333;overflow: hidden;}
.gsPT .list a.current,.gsPT .list a.current:hover{font-weight: bold;color: #fff;background: linear-gradient(-90deg, #f47a0d,#f7c38b);border: 1px solid #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(238,136,6,0.28);}
.gsPT .list.softTag a.current,.gsPT .list.softTag a.current:hover{color: #fff;background: linear-gradient(90deg, #CDEBFE, #C1AFF3);border: 1px solid #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(193,180,236,0.3);}
.gsPT .list a:hover{color: #f47a0d;}
.gsPT .list.softTag a:hover{ color: #785EFF;}

.gsList{width: 1200px;background: #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);border-radius: 20px;margin: auto;margin-bottom: 31px;}
.gsList ul{padding: 29px 0 0 22px;overflow: hidden;*zoom: 1;}
.gsList ul li{float: left;width: 275px;height: 135px;margin: 0 18px 25px 0;}
.gsList ul li a{display: block;position: relative;padding: 13px 0 0 12px;width: 259px;height: 118px;background: #F6F6F6;border: 2px solid #F6F6F6;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0);border-radius: 10px;}
.gsList ul li a img{float: left;width: 102px;height: 102px;border-radius: 24px;}
.gsList ul li a div{float: left;width: 142px;height: 102px;margin-left: 12px;overflow: hidden;}
.gsList ul li a div p{display: block;margin-bottom: 2px;font-size: 16px;color: #333;line-height: 24px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gsList ul li a div span{display: block;font-size: 12px;color: #999;line-height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gsList ul li a>span{display: block;position: absolute;left: 127px;bottom: 18px;width: 68px;height: 32px;font-size: 14px;color: #f47a0d;background: rgba(249, 165, 6, 0.15);border-radius: 16px;text-align: center;line-height: 32px;}
.gsList ul li.no a>span{color: #FF93C9;background: rgba(255, 118, 254, .15);}
.gsList ul li a:hover{ background: #F1FDFF;border: 2px solid #f47a0d;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);}
.gsList ul li.no a:hover{background: #FFFAFD;border: 2px solid #FFCDE8;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);}
.gsList ul li a:hover div p{color: #f47a0d;}
.gsList ul li.no a:hover div p{color: #FE9FCF;}
.gsList ul li a:hover>span{color: #fff;background: #f47a0d;}
.gsList ul li.no a:hover>span{color: #fff;background: linear-gradient(90deg, #FFC4E7, #FF90C8);}


.ztList{width: 1200px;padding-bottom: 20px;margin: auto;overflow: hidden;}
.ztList ul{width: 1230px;padding-top: 4px;}
.ztList li{position: relative;float: left;width: 384px;height: 300px;background: #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);border-radius: 20px;margin: 7px 23px 23px 0;overflow: hidden;}
.ztList li>a{position: relative;display: block;position: relative;z-index: 1;width: 100%;height: 227px;border-radius: 20px 20px 0 0;overflow: hidden;margin-bottom: 10px;}
.ztList li>a img{width: 100%;min-height: 100%;height: auto;border-radius: 20px 20px 0 0;}
.ztList li a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.ztList li a img:hover{transform: scale(1.2);}
.ztList li>a span{position: absolute;top: 10px;left: 10px;z-index: 1;display: block;padding: 0 11px 0 13px;height: 30px;background: rgba(51, 51, 51, .8);border-radius: 15px;font-size: 12px;color: #fff;line-height: 30px;}
.ztList li div{position: relative;height: 64px;}
.ztList li div a{position: relative;z-index: 1;display: block;padding-left: 16px;font-size: 16px;color: #333;line-height: 26px;height: 26px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztList li div p{display: block;padding-left: 15px;font-size: 12px;color: #999;height: 22px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztList li div span{position: absolute;right: 0;bottom: 24px;display: block;padding-left: 16px;width: 65px;height: 32px;font-size: 12px;color: #fff;line-height: 32px;text-align: center;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -551px -52px;}
.ztList li div a:hover{color: #f47a0d;}
.ztList .pagecode{padding-bottom: 22px;}
.ztList .pagecode a{background:#fff;}

.ztMenu{position: relative;width: 100%;height: 70px;background-color: #fff;}
.ztMenu .cfx{position: relative;width: 1200px;margin: auto;}
.newHot{float: left;margin-top: 16px;padding: 3px;background: rgba(255,255,255,0.5);border: 1px solid #E8E8E9;border-radius: 19px;}
.newHot a{display: inline-block;padding: 0 13px;height: 32px;line-height: 32px;font-size: 14px;color: #666;background: transparent;border-radius: 16px;}
.newHot a.current{background: #EDF2F5;color: #333;font-weight: bold;}
.newHot a:hover{font-weight: bold;color: #333;}
.ztMenu .menu{position: absolute;left: 0;right: 0;margin: auto;padding-top: 15px;text-align: center;width: 600px;overflow: hidden;margin: auto;}
.ztMenu .menu a{display: inline-block;vertical-align: top;padding: 0 14px;margin: 0 10px;height: 40px;font-size: 16px;color: #333;line-height: 40px;background: #F6F6F6;border-radius: 20px;}
.ztMenu .menu a.current,.ztMenu .menu a:hover{font-weight: bold;background: linear-gradient(90deg, #91FFD0, #B1FDA2);}
.dfTime{position: relative;float: right;cursor: pointer;height: 70px;}
.dfTime span{position: relative;display: block;text-align: center;margin-top: 16px;width: 88px;text-align: center;padding: 0 11px 0 22px;height: 36px;font-size: 14px;color: #666;line-height: 36px;background: rgba(255,255,255,0.5);border: 1px solid #E8E8E9;border-radius: 19px;}
.dfTime ul{display: none;position: absolute;left: 0;top: 58px;z-index: 2;padding: 10px 3px 15px;width: 120px;background: #FFFFFF;box-shadow: 0px 3px 20px 0px rgba(76,76,76,0.15);border-radius: 20px;cursor: pointer;}
.dfTime ul li{text-align: center;font-size: 14px;color: #333;line-height: 30px;white-space: nowrap;overflow: hidden;}
.dfTime ul li a{color: #333;}
.dfTime ul li:hover,.dfTime ul li.current{font-weight: bold;}
.dfTime ul li:hover:after,.dfTime ul li.current:after{content: "\2713";position: absolute;font-size: 14px;color: #333;margin-left: 6px;}
.dfTime span:before{content: "";position: absolute;left: 13px;top:13px;vertical-align: top;display: inline-block;width: 16px;height: 12px;margin-right: 9px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -342px -4px;}
.dfTime span:after{content: "";position: absolute;right: 11px;top:16px;vertical-align: top;display: inline-block;width: 7px;height: 4px;margin-left: 11px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -378px -4px;}
.dfTime span:hover,.dfTime span.current{color:#BFBFBF;border: 1px solid #96FFC8;box-shadow: 0px 0px 3px 3px rgba(149,255,202,0.5);}
.dfTime:hover ul{display: block;}
.dfTime:hover ul:hover{display: block;}

.nsMenu{width: auto;height: 65px;margin: 0 2px 0 -10px;}
.nsMenu .menu{float: left;position: relative;text-align: left;padding-top:18px;}
.nsMenu .dfTime span{margin-top:18px;}

.ztPartTop{padding-bottom: 30px;background: url(../images/ztdetopbg.png) no-repeat;background-size: 100% auto;}
.ztPT {width:1200px;margin: auto;padding-top: 16px;}
.ztPT .gaHSTop{float: right;}
.ztPT .ztInfo{position: relative;float: left;margin-right: 10px;padding-left: 418px;height: 225px;background: linear-gradient(30deg, #D1F7FE, #D1F7FE,#F5F0EB,#FAD7D6,#F5F0EB,#F5F0EF);border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,.05);border-radius: 20px;}
.ztInfo .img{position: absolute;left: -2px;top: -21px;padding-top: 19px;width: 405px;height: 229px;border-radius: 20px;margin-right: 14px;overflow: hidden;}
.ztInfo .img img{width: 100%;min-height: 229px;height: auto;border-radius: 20px;}
.ztInfo .img span{position: absolute;left: 10px;top: 30px;padding: 0 12px;height: 29px;font-size: 12px;color:#fff;line-height: 29px;background: rgba(0,0,0,.6);border-radius: 10px;}
.ztInfo .img:before{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 378px;height: 19px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -334px;}
.ztInfo .info{float: left;height: 225px;overflow: hidden;}
.ztInfo .info h1{display: block;height: 42px;line-height: 42px;font-size: 22px;color: #333;margin-top: 15px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztInfo .info em{display: block;margin-bottom: 2px;font-size: 14px;color: #333;line-height: 30px;}
.ztInfo .info em:before{content: "";position: relative;top: 9px;margin-right: 9px;vertical-align: top;display: inline-block;width: 6px;height: 6px;background: rgba(243,242,253,0);border: 3px solid #f47a0d;border-radius: 50%;}
.ztInfo .info p{height:120px;font-size: 15px;color:#717171;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}
/*.ztPT .ztInfo:after{content: "";position: absolute;top: -9px;right: -162px;z-index: 1;display: block;width:139px;height: 44px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -46px; }*/

.ztDeList ul li{position: relative;}
.ztDeList ul li:nth-of-type(-n+3):before{content: "";position: absolute;top: -5px;left: 2px;z-index: 1;display: block;width: 36px;height: 33px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;}
.ztDeList ul li:nth-of-type(1):before{background-position: -390px -52px;}
.ztDeList ul li:nth-of-type(2):before{background-position: -441px -52px;}
.ztDeList ul li:nth-of-type(3):before{background-position: -492px -52px;}

.hotTags{padding: 25px 0 19px 14px;width: 1182px;background: #FFF;border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);border-radius: 20px;margin: auto;margin-bottom: 32px;}
.hotTags .list{padding-top: 24px;width: 1200px;}
.hotTags .list a{display: inline-block;vertical-align: top;padding:0 25px;height: 42px;line-height: 42px;font-size: 18px;background: rgba(246, 246, 246, .5);border-radius: 21px;margin: 0 10px 21px 0;}
.hotTags .list a:nth-of-type(11n+1){color: #FF6666;}
.hotTags .list a:nth-of-type(11n+2){color: #45B97C;}
.hotTags .list a:nth-of-type(11n+3){color: #9999FF;}
.hotTags .list a:nth-of-type(11n+4){color: #33CCFF;}
.hotTags .list a:nth-of-type(11n+5){color: #FF9966;}
.hotTags .list a:nth-of-type(11n+6){color: #9999FF;}
.hotTags .list a:nth-of-type(11n+7){color: #FF9966;}
.hotTags .list a:nth-of-type(11n+8){color: #00CCFF;}
.hotTags .list a:nth-of-type(11n+9){color: #CC99CC;}
.hotTags .list a:nth-of-type(11n+10){color: #7FB86E;}
.hotTags .list a:nth-of-type(11n+11){color: #FF6666;}
.hotTags .list a:hover{color: #fff;}
.hotTags .list a:nth-of-type(11n+1):hover{background-color: #FF6666;}
.hotTags .list a:nth-of-type(11n+2):hover{background-color: #45B97C;}
.hotTags .list a:nth-of-type(11n+3):hover{background-color: #9999FF;}
.hotTags .list a:nth-of-type(11n+4):hover{background-color: #33CCFF;}
.hotTags .list a:nth-of-type(11n+5):hover{background-color: #FF9966;}
.hotTags .list a:nth-of-type(11n+6):hover{background-color: #9999FF;}
.hotTags .list a:nth-of-type(11n+7):hover{background-color: #FF9966;}
.hotTags .list a:nth-of-type(11n+8):hover{background-color: #00CCFF;}
.hotTags .list a:nth-of-type(11n+9):hover{background-color: #CC99CC;}
.hotTags .list a:nth-of-type(11n+10):hover{background-color: #7FB86E;}
.hotTags .list a:nth-of-type(11n+11):hover{background-color: #FF6666;}

.nsPartTop{margin-bottom: 19px;padding-bottom: 10px;background: url(../images/newstopbg.png) no-repeat;background-size: 100% 100%;}
.nsPartTop.nsPartTop--plain{margin-bottom: 8px;padding-bottom: 4px;}
.nsPartTop.nsPartTop--plain{background: none !important;background-image: none !important;background-color: transparent !important;}
.gsPT{position: relative;}
.hotWords{position: absolute;top: 10px;right: 0;max-width: 1000px;font-size: 14px;color: #999;line-height: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hotWords a{font-size: 14px;color: #999;margin-left: 16px;line-height: 22px;}
.hotWords a:hover{color: #f47a0d;}
.hotWords a:nth-of-type(1){margin-left: 8px;}
.topPicks{width:1220px;margin-top: 20px;padding-bottom: 11px;overflow: hidden;*zoom: 1;}
.topPicks li{float: left;width: 282px;height: 270px;background: #FFF;border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);border-radius: 10px;margin-right: 18px;margin-bottom: 10px;overflow: hidden;}
.topPicks a{display: block;width: 100%;height: 100%;background: #FFF;border-radius: 10px;margin-bottom: 10px;overflow: hidden;*zoom: 1;}
.topPicks a div:nth-of-type(1){width: 100%;height: 170px;overflow: hidden;}
.topPicks a img{float: right;display: block;width: 100%;min-height: 100%;height: auto;}
.topPicks a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.topPicks a img:hover{transform: scale(1.2);}
.topPicks a p{display: block;padding:0 12px 0 15px;height: 44px;font-size: 15px;color: #2E2E30;line-height: 22px;font-weight: bold;margin: 12px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.topPicks a div:nth-of-type(2){overflow: hidden;*zoom: 1;padding:0 16px;}
.topPicks a div span{font-size: 12px;color: #999;line-height: 16px;}
.topPicks a div span:before{content: "";position: relative;top:1.5px;margin-right:6px;display: inline-block;vertical-align: top;width: 14px;height: 14px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -158px -4px;}
.topPicks a div span:nth-of-type(1){float: left;}
.topPicks a div span:nth-of-type(2){float: right;}
.topPicks a div span:nth-of-type(2):before{background-position: -192px -4px;}
.topPicks a:hover p{color: #f47a0d;}

.wrapper{width: 1200px;margin: auto;}
.wrapL{float: left;width: 845px;margin-right: 20px;margin-bottom: 13px;overflow: hidden;}
.wrapR{float: right;width: 335px;border-radius: 20px;margin-bottom: 13px;overflow: hidden;}
.wrapper.wrapper-page-full .wrapL{float: none;width: auto;margin-right: 0;}
.wrapper.wrapper-page-full .pageFullCont{padding: 28px 24px 18px;background: #fff;background-image: none;}
.wrapper.wrapper-page-full .pageFullCont h1{margin-bottom: 16px;}
.wrapper.wrapper-page-full .pageFullCont .cont{line-height: 32px;}
.wrapper.wrapper-page-full .pageFullCont .cont p{text-indent: 0;margin-bottom: 12px;}
.wrapper.wrapper-page-full .pageFullCont .cont img,
.wrapper.wrapper-page-full .pageFullCont .cont p img{max-width: 100%;}
.wrapper.wrapper-page-full .pageFullCont .cont iframe{width: 100%;max-width: 100%;}
.wrapper section{margin-bottom: 20px;background: #fff;border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,0.05);border-radius: 20px;}
.newsList{position: relative;margin: auto;padding-left:14px;padding-right: 13px;padding-bottom: 8px;margin-bottom: 20px;}
.newsList>ul{padding-bottom: 10px;}
.newsList>ul li{width:815px;height: 140px;padding: 20px 0;overflow: hidden;*zoom: 1}
.newsList>ul li a{display: block;}
.newsList>ul li>a{float: left;margin-right: 16px;width: 270px;height: 140px;border-radius: 10px;overflow: hidden;}
.newsList>ul li>a img {width:100%;min-height: 100%;height: auto;display: block;transition: all .3s linear;border-radius: 10px;}
.newsList>ul li>a:hover img {transform: scale(1.1)}
.newsList>ul li>div{float: left;width: 528px;height: 140px;}
.newsList>ul li>div a{height: 28px;font-size: 16px;color: #333;line-height: 28px;font-weight: bold;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsList>ul li>div p{display: block;padding: 8px 8px 11px;max-height:43px;font-size: 14px;color: #999;line-height: 24px;background-color: rgba(247, 247, 247, .6);border-radius: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsList>ul li>div div{overflow: hidden;*zoom: 1;margin-top:15px;}
.newsList>ul li>div span{font-size: 12px;color: #999;line-height: 16px;}
.newsList>ul li>div span:before{content: "";position: relative;top:1.5px;margin-right:6px;display: inline-block;vertical-align: top;width: 14px;height: 14px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -158px -4px;}
.newsList>ul li>div span:nth-of-type(1){float: left;}
.newsList>ul li>div span:nth-of-type(2){float: right;}
.newsList>ul li>div span:nth-of-type(2):before{background-position: -192px -4px;}
.newsList>ul li:hover div a{color: #f47a0d;}
.newsList .pagecode{padding-top: 25px;padding-bottom: 27px; border-top: 1px solid #f2f2f2;}
.newsList .pagecode a{background-color:#ecebee;}
.newsList .gstTit{margin-top: 18px;margin-bottom: 2px;}

.hotNews{padding: 13px 0 9px;}
.hotNews ol{padding:16px 0 0 13px;margin-bottom: ;}
.hotNews li{padding: 0 7px;margin-bottom: 12px;width: 290px;height: 40px;line-height: 40px;background: #F6F6F6;border-radius: 20px;overflow: hidden;*zoom: 1;}
.hotNews li i{float: left;width: 31px;font-size: 20px;color: #EAA877;font-style: italic;text-align: center;}
.hotNews li a{float: left;width: 255px;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotNews>a{display:block;text-align: center;line-height: 40px;font-size: 16px;color: #AEAEAE;}
.hotNews>a:hover{color: #f47a0d;}
.hotNews li:hover a{color: #f47a0d;}

.hotTag{padding: 13px 0 20px;}
.hotTag .list{padding: 10px 0 0px 13px ;overflow: hidden;*zoom: 1;}
.hotTag .list a{float: left;padding: 0 13.9px;font-size: 14px;color: #8d8d8d;background: #f8f8f8;height: 32px;line-height: 32px;border-radius: 16px;margin:0 8px 8px 0;}
.hotTag .list a:after{content: "";position: relative;top: 11px;vertical-align: top;margin-left: 6px;display: inline-block;width: 7px;height: 10px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -401px -4px;}
.hotTag .list a:hover{color: #fff;background: rgba(227, 153, 12, 0.70);}
.hotTag .list a:hover:after{top: 12px;background-position: -401px -19px;}

.hotGame{padding: 13px 0 132px;border: 0!important;}
.hotGame ol{position: relative;top: 120px;padding-top: 106px;width: 335px;background: rgba(255,255,255,.5);border-radius: 10px;}
.hotGame ol li:nth-of-type(2n+2){background: #F6FDFE;;}
.hotGame ol li{position: relative;z-index: 1;height: 90px;margin: 2px 0;}
.hotGame ol li a{position: relative;display: block;padding: 12px 0 13px;overflow: hidden;*zoom: 1;}
.hotGame ol li i{float: left;display: block;width: 65px;height: 65px;font-size: 20px;color: #C2C2D9;font-family:"Arial";font-weight: bold;font-style: italic;line-height: 65px;text-align: center;}
.hotGame ol li img{float: left;width: 65px;height: 65px;border-radius: 10px;margin-right: 15px;}
.hotGame ol li div{float: left;width: 180px;height: 69px;overflow: hidden;}
.hotGame ol li div p{display: block;font-size: 16px;color: #000;line-height: 26px;margin-top: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotGame ol li div span{display: block;font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotGame ol li a>span{display: none;}
.hotGame ol li:nth-of-type(n+4) a:after{content: "";position: absolute;top: 30px;right: 20px;display: block;width: 30px;height: 30px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -226px -4px;}
.hotGame ol li:nth-of-type(-n+3){position: absolute;top: -122px;width: 114px;height: 226px;margin-top: 13px;background-color: transparent;}
.hotGame ol li:nth-of-type(1){left:115px;}
.hotGame ol li:nth-of-type(2){left:10px;}
.hotGame ol li:nth-of-type(3){left:220px;}
.hotGame ol li:nth-of-type(-n+3) a{padding: 0;}
.hotGame ol li:nth-of-type(-n+3) i{position: absolute;top: 0px;left: 8px;z-index: 1;float: inherit;font-size: 0;width: 36px;height: 33px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;}
.hotGame ol li:nth-of-type(1) i{background-position: -390px -52px;}
.hotGame ol li:nth-of-type(2) i{background-position: -441px -52px;top: 10px;}
.hotGame ol li:nth-of-type(3) i{background-position: -492px -52px;top: 10px;}
.hotGame ol li:nth-of-type(-n+3) img{float: inherit;display: block;width: 70px;height: 70px;border: 2px solid #FEB754;margin: auto;}
.hotGame ol li:nth-of-type(1) img{border-color: #FEB754;margin-bottom: 7px;margin-top: 19px;}
.hotGame ol li:nth-of-type(2) img{border-color: #FD8EB9;margin-top: 30px;}
.hotGame ol li:nth-of-type(3) img{border-color: #B482FC;margin-top: 30px;}
.hotGame ol li:nth-of-type(-n+3) div{float: inherit;width: 100%;height: auto;}
.hotGame ol li:nth-of-type(-n+3) div p{font-size: 14px;font-weight: bold;text-align: center;color: #333;margin-top: 4px;}
.hotGame ol li:nth-of-type(1) div p{margin-top: 7px;}
.hotGame ol li:nth-of-type(-n+3) div span{text-align: center;color:#999;line-height: 18px;}
.hotGame ol li:nth-of-type(-n+3) a>span{display: block;width: 68px;margin: auto;margin-top: 12px;height: 32px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;background: linear-gradient(90deg, #91FFD0, #B1FDA2);border-radius: 16px;}
.hotGame ol li a:hover p{color: #f47a0d;}
.hotGame ol li:nth-of-type(n+4) a:after{display: none;}
.hotGame ol li:nth-of-type(n+4):hover a:after{display: block;}

.otherGame{padding: 13px 0 11px;border: 0!important;}
.otherGame ul{padding-top: 11px;position: relative;width: 335px;background: rgba(255,255,255,.5);}
.otherGame ul li:nth-of-type(2n+1){background: #F6FDFE;;}
.otherGame ul li{position: relative;z-index: 1;height: 90px;margin: 2px 0;}
.otherGame ul li a{position: relative;display: block;padding: 12px 0 13px 15px;overflow: hidden;*zoom: 1;}
.otherGame ul li i{float: left;display: block;width: 65px;height: 65px;font-size: 20px;color: #C2C2D9;font-family:"Arial";font-weight: bold;font-style: italic;line-height: 65px;text-align: center;}
.otherGame ul li img{float: left;width: 65px;height: 65px;border-radius: 10px;margin-right: 15px;}
.otherGame ul li div{float: left;width: 180px;height: 69px;overflow: hidden;}
.otherGame ul li div p{display: block;font-size: 16px;color: #000;line-height: 26px;margin-top: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.otherGame ul li div span{display: block;font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.otherGame ul li a:after{content: "";position: absolute;top: 30px;right: 20px;display: block;width: 30px;height: 30px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -226px -4px;}
.otherGame ul li a:hover p{color: #f47a0d;}
.otherGame .rMore{border-top: 1px solid #F6F6F6;padding-top: 5px;margin-top: 0;}


.selNews{padding: 13px 0 9px;}
.selNews .rMore{margin-top: 1px;}
.selNews .list{padding: 0 13px;position: relative;top: -4px;}
.selNews .list a{display: block;width: 100%;height: 70px;background: #FFF;padding: 15px 0;border-bottom: 1px solid #f2f2f2;overflow: hidden;*zoom: 1;}
.selNews .list img{float: right;display: block;width: 108px;min-height: 100%;height: auto;border-radius: 6px;}
.selNews .list a>div{float: left;width: 180px;}
.selNews .list a>div p{display: block;margin-top: -2px;height: 44px;font-size: 15px;color: #2E2E30;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.selNews .list a>div div{margin-top: 12px;overflow: hidden;*zoom: 1;}
.selNews .list a>div div span{font-size: 12px;color: #999;line-height: 16px;}
.selNews .list a>div div span:before{content: "";position: relative;top:1.5px;margin-right:6px;display: inline-block;vertical-align: top;width: 14px;height: 14px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -158px -4px;}
.selNews .list a>div div span:nth-of-type(1){float: left;}
.selNews .list a>div div span:nth-of-type(2){float: right;}
.selNews .list a>div div span:nth-of-type(2):before{background-position: -192px -4px;}
.selNews .list a:hover>div p{color: #f47a0d;}

.hotZt{padding: 13px 0 7px}
.hotZt .list{padding:8px 0 0 13px;}
.hotZt .list a{position: relative;display: block;width: 305px;height: 94px;border-radius: 10px;margin-bottom: 16px;overflow: hidden;}
.hotZt .list a img {width:100%;min-height: 100%;height: auto;display: block;transition: all .3s linear;border-radius: 10px;}
.hotZt .list a:last-of-type{margin-bottom: 0;}
.hotZt .list a:hover img {transform: scale(1.1)}
.hotZt .list a p{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;display: block;width: 100%;height: 100%;height: 94px;line-height: 94px;text-align: center;font-size: 20px;color: #fff;font-weight: bold;text-shadow: 0 0 12px rgba(0,0,0,1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: rgba(0,0,0,.2);border-radius: 10px;}

.tagGame{width: 1196px;margin: auto;margin-bottom: 20px; background: #fff; border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgb(76 76 76 / 5%);border-radius: 20px;}
.tagGame ul{padding:23px 0 23px 22px;overflow: hidden;*zoom: 1;}
.tagGame ul li{float: left;width: 146px;height: 188px;background: #F6F6F6;border: 2px solid #F6F6F6;box-shadow: 0px 10px 25px 0px transparent;border-radius: 20px;text-align: center;margin: 0 17px 16px 0;}
.tagGame ul li a{display: block;}
.tagGame ul li img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: 16px auto 6px;}
.tagGame ul li p{font-size: 12px;color: #9A9A9A;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;}
.tagGame ul li p:nth-of-type(1){font-size: 16px;color: #000;line-height: 26px;height: 26px;}
.tagGame ul li span{display: none;width: 68px;height: 32px;background: #f47a0d;line-height: 32px;border-radius: 16px;font-size: 14px;color: #fff;text-align: center;margin: auto;margin-top: 16px;}
.tagGame ul li.no span{background: linear-gradient(90deg, #FFC4E7, #FF90C8);}
.tagGame ul li a:hover p{display: none;}
.tagGame ul li a:hover span{display: block;}
.tagGame ul li:hover{background: #F1FDFF;border: 2px solid #f47a0d;box-shadow: 0px 10px 25px 0px rgb(76 76 76 / 5%);}
.tagGame ul li.no:hover{background: #FFFAFD;border: 2px solid #FFCDE8; box-shadow: 0px 10px 25px 0px rgb(76 76 76 / 5%);}

.relGame{padding: 18px 5px 11px 6px;}
.relGame .gstTit{padding:  0 8px 0 7px;}
.relGame ul{padding-top: 18px;overflow: hidden;*zoom: 1;}
.relGame ul li{float: left;padding: 7px;border-radius: 20px;background:transparent;text-align: center;margin: 0 2px 16px 0;}
.relGame ul li a{display: block;width: 144px;height: 188px;border-radius: 20px;background: #F6F6F6;border: 3px solid #F6F6F6;box-shadow: 0px 10px 25px 0px transparent;}
.relGame ul li img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: 16px auto 6px;}
.relGame ul li p{font-size: 12px;color: #9A9A9A;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;}
.relGame ul li p:nth-of-type(1){font-size: 16px;color: #000;line-height: 26px;height: 26px;}
.relGame ul li:hover a{background: linear-gradient(180deg, #D4DCF2, #C2E3FD);border-color: #fff;box-shadow: 0px 10px 25px 0px rgb(76 76 76 / 5%);}
.relGame ul li:hover{background: linear-gradient(90deg, #91FFD0, #B1FDA2);}

.wrapper .infoCont{padding: 28px 14px 12px;margin-bottom: 20px;background: url(../images/newsdetopbg.png) no-repeat;background-color:#fff;background-size: 100% auto;}
.infoCont h1{font-size: 32px;color: #000;font-weight: bold;text-align: center;line-height: 46px;margin-bottom: 12px;}
.infoCont .intro{text-align: center;height:30px;font-size: 14px;color: #ccc;line-height: 30px;overflow: hidden;padding-bottom: 10px;margin-bottom: 15px;}
.infoCont .intro span{font-size: 14px;color: #ccc;line-height: 24px;margin-right: 18px;margin-left: 1px;}
.infoCont .intro i{font-size: 14px;color: #ccc;line-height: 24px;margin-right: 18px;margin-left: 2px;}
.infoCont .intro i:before{content: "";position: relative;top: 1px;margin-right: 6px;display: inline-block;width: 17px;height: 12px;background: url(../images/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -366px -20px;}

.infoCont .cont{font-size: 16px;color: #666;line-height: 32px;overflow: hidden;}
.infoCont .cont a{line-height: 31px; text-indent: 0;color: #f47a0d;}
.infoCont .cont p{line-height: 32px;color: #666;margin-bottom: 12px;text-indent: 2em;}
.infoCont .cont br{height: 1px;}
.infoCont .cont img{max-width:806px;max-height: 1500px;margin:20px auto;display: block;}
.infoCont .cont p img{max-width:806px;}
.infoCont .cont h3{position: relative;line-height: 42px;font-size: 20px;color: #000;font-weight: bold;overflow: hidden;*zoom:1;margin-bottom: 10px;}
.infoCont .cont iframe{width: 660px;height:360px;margin: 0 auto;display: block;border: none;}
.infoCont .cont table{max-width: 100%;margin: auto;}
.infoCont .cont table a{color:#0000ee}
.infoCont .cont table a:hover{text-decoration:underline}
.infoCont .cont .info{margin:0 0 20px;overflow: hidden;background: #f9f9f9;height: 113px;}
.infoCont .cont .info img{width: 80px;height: 80px;display: block;float: left;border-radius: 12px;margin: 17px 20px 16px 15px;}
.infoCont .cont .info p{text-indent:0;margin-bottom:10px;}
.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;}
.qaboxs .name:hover{color: #f47a0d;font-weight: bold;}
.infoCont .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;}

.infoZan{margin:0 auto 18px;cursor: pointer;width: 135px;height: 65px;text-align: center;background: linear-gradient(0deg, #f47a0d, #42DFD5);box-shadow: 0px 3px 5px 0px rgba(54,219,221,0.3);border-radius: 33px;font-size: 14px;color: #fff;line-height: 65px;font-weight: bold;}
.infoZan i{display: inline-block;position: relative;top: 1px;margin-right: 5px;width: 20px;height: 18px;background-position: -428px -4px;}
.infoZan i{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.infoZan:hover i{-o-transform: translateY(-5px);-webkit-transform:translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px);transform: translateY(-5px);}

.infoCopy {border-bottom: 1px solid #f1f1f1;height: 66px;line-height: 67px;font-size: 16px;color: #888;}
.infoCopy span {position: relative;top: 19px;display: inline-block;vertical-align: top; width: 123px; height: 26px;line-height: 26px;font-size: 14px;text-align: center;color: #ff4600;border: 1px solid #ff4600; border-radius: 4px;margin-right: 11px;cursor: pointer}
.infoCopy span i { display: inline-block; width: 14px; height: 14px;vertical-align: top; position: relative; top: 7px;margin-right: 6px; background-position: -464px -4px}
.infoCopy span input { position: absolute; top: 0;left: 0;z-index: -1}

.pageBox{margin:9px 0;height: 36px;overflow: hidden;*z-index: 1;}
.pageBox p{display: block;padding: 0 14px;width: 360px;height: 36px;border-radius: 10px;font-size: 14px;color: #8F8F8F;line-height: 36px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;cursor: pointer;}
.pageBox p:nth-of-type(1){float: left;}
.pageBox p:nth-of-type(2){float: right;}
.pageBox p span,.pageBox p a{white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.pageBox p.pagePre {float: left;}
.pageBox p.pageNext{float: right;}
.pageBox p a{color: #333;}
.pageBox p:hover a{color: #f47a0d;}

.infoGame{padding-bottom: 16px;background:url(../images/newsrecgamebg.png) no-repeat;background-size: 100% auto;}
.infoGame a{position: relative;display: block;padding: 15px 18px;overflow: hidden;*zoom: 1;}
.infoGame a:after{content: "";position: absolute;top: 50px;right: 23px;display: block;width: 38px;height: 38px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -494px -4px;}
.infoGame a img{float: left;width: 92px;height: 92px;border-radius: 17px;margin-right: 66px;}
.infoGame a>div{float: left;width: 580px;}
.infoGame strong{display: block;margin-top: 10px;font-size: 16px;color: #333;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.infoGame p{font-size: 14px;color: #999;margin-bottom: 6px;}
.infoGame p span{font-size: 14px;color: #666;margin-right: 32px;line-height: 20px;}
.infoGame a div div{height: 24px;overflow: hidden;*zoom: 1;}
.infoGame a div div span{float: left;padding: 0 12px;border: 1px solid #fff;font-size: 14px;color: #999;height: 22px;border-radius: 6px;margin-right: 10px;} 
.infoGame a:hover strong{color: #f47a0d;}

.rkWrap{background: url(../images/ranktopbg.png) no-repeat;background-size: 100% auto;}
.rkWrap h1{position: relative;width: 1200px;margin: auto;height: 179px;text-align: center;font-size: 0;}
.rkWrap h1:after{content: "";position: absolute;top: 12px;left: 0;right: 0;margin: auto;display: block;width: 309px;height: 159px;background: url(../images/ranktextbg.png) no-repeat;background-size: 100% auto;}
.rkCont{width: 1200px;margin: auto;}
.rkCont ul{width: 1200px;height: 46px;text-align: center;margin-bottom: 20px;background: rgba(255,255,255,0);border: 2px solid rgba(255,255,255,.6);box-shadow: 0px 5px 15px 0px rgba(0,0,0,.1);border-radius: 25px;}
.rkCont ul li{display: inline-block;margin-right: 8px;width: 368px;height: 46px;line-height: 46px;text-align: center;background-color: rgba(255,255,255,.2);transform:skewX(-35deg);-webkit-transform:skewX(-35deg);-moz-transform:skewX(-35deg);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rkCont ul li a{position: relative;display: block;font-size: 22px;color: #fff;transform:skewX(35deg);-webkit-transform:skewX(35deg);-moz-transform:skewX(35deg);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rkCont ul li.current{background: linear-gradient(90deg, #91FFD0, #B1FDA2);}
.rkCont ul li.current a{font-weight: bold;color: #FF7B4C;}
.rkCont ul li a:before{content: "";position: relative;top: 2px;display: inline-block;width: 106px;height: 16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -372px;}
.rkCont ul li a:after{content: "";position: relative;top: 2px;display: inline-block;width: 106px;height: 16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -125px -372px;}

.rkCont ul li.current a:before{content: "";position: relative;top: 2px;display: inline-block;width: 106px;height: 16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -402px;}
.rkCont ul li.current a:after{content: "";position: relative;top: 2px;display: inline-block;width: 106px;height: 16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -125px -402px;}

.rkMenu{padding: 10px 24px;margin-bottom: 20px;background: rgba(255,255,255,.6);border: 2px solid rgba(255,255,255,.6);box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);border-radius: 10px;}
.rkMenu div{width: 1200px;overflow: hidden;*zoom: 1;margin-top: 18px;}
.rkMenu div a{float: left;display: block;padding: 0 18px;margin: 0 16px 16px 0;height: 32px;line-height: 32px;border-radius: 4px;background: rgba(27, 209, 240, .28);font-size: 16px;color: #666;}
.rkMenu div a:hover,.rkMenu div a.current{background: rgba(27, 209, 240, 1);color: #fff;}
.rkMenu em{display: block;color: #999;line-height: 32px;}

.rkCont{padding-bottom: 200px;}
.rkCont ol{position: relative;top: 165px;padding-top: 150px;padding-bottom: 80px;width: 1196px;background: rgba(235, 248, 251, .5);border: 2px solid rgba(255,255,255,.5);box-shadow: 0px 10px 15px 0px rgba(213, 239, 246, .5);border-radius: 20px;}
.rkCont ol li:nth-of-type(2n+2){background-color: rgba(255,255,255,.5);}
.rkCont ol li{position: relative;z-index: 1;height: 206px;}
.rkCont ol li>a{position: relative;display: block;padding: 45px 23px 45px 12px;overflow: hidden;*zoom: 1;}
.rkCont ol li i{float: left;display: block;width: 93px;height: 116px;font-size: 32px;color: #C2C2D9;font-family:"Arial";font-weight: bold;font-style: italic;line-height: 116px;text-align: center;}
.rkCont ol li img{float: left;width: 116px;height: 116px;border-radius: 20px;margin-right: 15px;}
.rkCont ol li div{float: left;width: 210px;height:116px;overflow: hidden;}
.rkCont ol li div p{display: block;font-size: 20px;color: #333;font-weight: bold;line-height: 34px;margin-bottom: 4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rkCont ol li div span{display: block;font-size: 14px;color: #9A9A9A;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rkCont ol li>a>span{display: none;}
.addMore{position: relative;top: 90px;cursor: pointer;margin:auto;display: block;height: 72px;text-align: center;font-size: 16px;color: #AEAEAE;line-height: 72px;}
.addMore:hover{color:#f47a0d;}
.rkCont ol li:nth-of-type(n+4)>a:after{content: "";position: absolute;top: 84px;right: 379px;display: block;width: 38px;height: 38px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -494px -4px;}
.rkCont ol li:nth-of-type(-n+3){position: absolute;top: -164px;width: 181px;height: 293px;margin: 0;background-color: transparent;background: url(../images/rktbg1.png) no-repeat;background-size: 100% 100%;}
.rkCont ol li:nth-of-type(1){left:508px;background: url(../images/rktbg1.png) no-repeat;background-size: 100% 194px;background-position: bottom;}
.rkCont ol li:nth-of-type(2){left:249px;background: url(../images/rktbg2.png) no-repeat;background-size: 100% 170px;background-position: bottom;}
.rkCont ol li:nth-of-type(3){left:768px;background: url(../images/rktbg3.png) no-repeat;background-size: 100% 170px;background-position: bottom;}
.rkCont ol li:nth-of-type(-n+3)>a{padding: 0;overflow: inherit;}
.rkCont ol li:nth-of-type(-n+3) i{position: absolute;top: -24px;left: 22px;z-index: 1;float: inherit;font-size: 0;width: 50px;height: 45px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;}
.rkCont ol li:nth-of-type(1) i{background-position: -655px -52px;}
.rkCont ol li:nth-of-type(2) i{background-position: -718px -52px;}
.rkCont ol li:nth-of-type(3) i{background-position: -788px -52px;}
.rkCont ol li:nth-of-type(-n+3) img{float: inherit;display: block;width: 95px;height: 95px;border: 3px solid #FEB754;margin: auto;}
.rkCont ol li:nth-of-type(1) img{border-color: #FEB754;margin-bottom: 7px;margin-top: 21px;}
.rkCont ol li:nth-of-type(2) img{border-color: #FD8EB9;margin-top: 45px;}
.rkCont ol li:nth-of-type(3) img{border-color: #B482FC;margin-top: 45px;}
.rkCont ol li:nth-of-type(-n+3) div{float: inherit;width: 100%;height: auto;}
.rkCont ol li:nth-of-type(-n+3) div p{font-size: 18px;line-height: 28px;text-align: center;color: #fff;margin-top: 18px;margin-bottom: 0;}
.rkCont ol li:nth-of-type(-n+3) div span{text-align: center;color:rgba(255,255,255,.5);line-height: 20px;}
.rkCont ol li:nth-of-type(-n+3)>a>span{display: block;width: 64px;height: 28px;font-size:14px ;color: rgba(255, 255, 255, 0);background: linear-gradient(-90deg, #91FFD0 0%, #B1FDA2 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 28px;text-align: center;margin:8px auto;border: 2px solid rgba(255,255,255,0.5);border-radius: 16px;}
.rkCont ol li>a:hover p{color: #f47a0d;}
.rkCont ol li>a:hover{background: rgba(27, 209, 240, .1);}
.rkCont ol li>a div div{margin-top: 8px;height: 24px;overflow: hidden;*zoom: 1;}
.rkCont ol li>a div div span{float: left;padding: 0 12px;border: 1px solid rgba(0,0,0,.08);font-size: 14px;color: #999;height: 22px;border-radius: 6px;margin-right: 10px;} 
.rkCont ol li:nth-of-type(-n+3)>a div div{display: none;} 
.rkCont ol li:nth-of-type(-n+3)>a:after{content: "\4E0B\8F7D";display: block;width: 64px;height: 28px;border: 2px solid rgba(255,255,255,.5);border-radius: 16px;margin: auto;line-height: 28px;text-align: center;font-size: 14px;background: linear-gradient(-90deg, #91FFD0 0%, #B1FDA2 100%);margin: 10px auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.rkCont ol li:nth-of-type(1)>a:after{margin-top: 14px;}
.rkCont ol li:nth-of-type(-n+3):hover a{background-color: transparent;}
.rkCont ol li:nth-of-type(-n+3) .list{display: none;}
.rkCont ol li .list{position: absolute;top: 22px;right:28px;width: 300px;height: 162px;border-radius: 10px;overflow: hidden;text-align: right;}
.rkCont ol li .list a{display: block;padding: 0;}
.rkCont ol li .list img{float: inherit;width: 300px;min-height: 162px;height: auto;margin: auto;border-radius: 10px;}

.relVer{padding: 13px 0;border: 0!important;}
.relVer ul{position: relative;padding: 10px 0 16px;}
.relVer ul li:nth-of-type(2n+1){background: #FEFAF6;;}
.relVer ul li{position: relative;z-index: 1;}
.relVer ul li a{position: relative;display: block;padding: 10px 16px;overflow: hidden;*zoom: 1;}
.relVer ul li img{float: left;width: 50px;height: 50px;border-radius: 10px;margin-right: 11px;}
.relVer ul li div{float: left;width: 240px;height: 50px;overflow: hidden;}
.relVer ul li div p{display: block;font-size: 14px;color: #000;line-height: 18px;margin-bottom: 1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relVer ul li div span{display: block;font-size: 12px;color: #999;line-height:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relVer ul li a:after{content: "";position: absolute;top: 20px;right: 16px;display: block;width: 30px;height: 30px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -226px -4px;}
.relVer ul li a:hover div p{color:#f47a0d;}
.relVer ul li a:hover{background: rgba(27, 209, 240, .1);}

.relInfor{position: relative;padding: 18px 13px 10px 12px;}
.relInfor ul{margin: 18px 0 23px;overflow: hidden;*zoom: 1;}
.relInfor li{float: left;width: 50%;font-size: 15px;color: #666;line-height: 36px;white-space: nowrap;overflow: hidden;*zoom: 1;}
.relInfor li.appInfo-empty{float: none;width: 100%;text-align: center;color: #999;background: transparent;}
.relInfor li span{vertical-align: top;display: inline-block;width: 62px;color: #999;margin:0 19px 0 20px;}
.relInfor li i,.relInfor li a{color: #1CD1F0;cursor: pointer;}
.relInfor li i:hover,.relInfor li a:hover{text-decoration: underline;}
.relInfor li:nth-of-type(4n+1),.relInfor li:nth-of-type(4n+4){background: #F6FDFE;}
.feBaBtn{position: absolute;top: 20px;right: 11px;display: block;padding-left: 14px;width: 50px;height: 32px;font-size: 12px;color: #fff;line-height: 24px;text-align: center;background-position: -552px -4px;cursor: pointer;}
.feBaBtn:hover{text-decoration: underline;}

.relHj{position: relative;padding: 18px 13px 20px;}
.relHj .tabCont{padding-top: 40px;}
.hjInfo{position: relative;display: block;padding-left: 416px;margin-left: 140px;margin-bottom: 18px;background: linear-gradient(-153deg, #D1F7FE,#D1F7FE,#F5F0EB,#FAD7D6,#FAD7D6,#F5F0EF);border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,.05);border-radius: 20px;}
.hjInfo .img{position: absolute;left: -2px;top: -21px;padding-top: 19px;width: 400px;height: 254px;border-radius: 20px;margin-right: 14px;overflow: hidden;}
.hjInfo .img img{width: 100%;min-height: 100%;height: auto;border-radius: 20px;}
.hjInfo .img span{position: absolute;right: 10px;top: 30px;padding: 0 12px;height: 29px;font-size: 12px;color:#fff;line-height: 29px;background: rgba(0,0,0,.6);border-radius: 10px;}
.hjInfo .img:before{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 378px;height: 19px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -334px;}
.hjInfo .info{width: 240px;height: 254px;overflow: hidden;}
.hjInfo .info strong{display: block;height: 42px;line-height: 42px;font-size: 18px;color: #000;margin-top: 15px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hjInfo .info em{display: block;margin-bottom: 1px;font-size: 14px;color: #333;line-height: 26px;}
.hjInfo .info em:before{content: "";position: relative;top: 7px;margin-right: 9px;vertical-align: top;display: inline-block;width: 6px;height: 6px;background: rgba(243,242,253,0);border: 3px solid #26D3F3;border-radius: 50%;}
.hjInfo .info p{height:144px;font-size: 15px;color:#717171;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.hjInfo:after{content: "";position: absolute;top: -9px;right: -162px;z-index: 1;display: block;width:139px;height: 44px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -46px; }
.hjInfo:hover .info strong{text-decoration: underline;}
.relHj .tabMenu{position: absolute;left: 14px;top: 71px;width: 125px;height: 280px;overflow: hidden;}
.relHj .tabMenu span{position: relative;display: block;padding-left: 25px;width: 95px;padding-right: 5px;height: 36px;cursor: pointer;margin-bottom: 12px;background: #F6F6F6;border-radius: 18px;font-size: 14px;color: #666;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relHj .tabMenu span:after{content: "\2192";display: none;position: absolute;top: 0;right: 0;padding-right: 24px;background: #f47a0d;padding-left: 5.2px;}
.relHj .tabMenu span.current,.relHj .tabMenu span.current:hover{color: #fff;background: #f47a0d;}
.relHj .tabMenu span.current:after,.relHj .tabMenu span.current:hover:after{display: block;}
.relHj .tabMenu span:hover{color: #f47a0d;}
.relHj ul{width: 110%;overflow: hidden;*zoom: 1;}
.relHj ul li{float: left;width: 146px;height: 180px;background: transparent;border: 2px solid transparent;box-shadow: 0px 10px 25px 0px transparent;border-radius: 20px;text-align: center;margin: 0 16px 4px 0;}
.relHj ul li a{display: block;}
.relHj ul li img{display: block;width: 102px;height: 102px;border-radius: 20px;margin: 16px auto 7px;}
.relHj ul li p{font-size: 12px;color: #999;line-height: 16px;height: 16px;overflow: hidden;white-space: nowrap;}
.relHj ul li p:nth-of-type(1){font-size: 16px;color: #000;line-height: 26px;height: 26px;}
.relHj ul li span{display: none;width: 68px;height: 32px;background: #f47a0d;line-height: 32px;border-radius: 16px;font-size: 14px;color: #fff;text-align: center;margin: auto;margin-top: 16px;}
.relHj ul li.no span{background: linear-gradient(90deg, #FFC4E7, #FF90C8);}
.relHj ul li a:hover p{display: none;}
.relHj ul li a:hover span{display: block;}
.relHj ul li:hover{background: #F1FDFF;border: 2px solid #f47a0d;box-shadow: 0px 10px 25px 0px rgb(76 76 76 / 5%);}
.relHj ul li.no:hover{background: #FFFAFD;border: 2px solid #FFCDE8; box-shadow: 0px 10px 25px 0px rgb(76 76 76 / 5%);}

.dJump {padding: 0 22px;height: 56px;background: #F6F6F6;border: 1px solid #FFF;box-shadow: 0px 8px 20px 0px rgba(76,76,76,.05);border-radius: 29px;margin:0 auto 14px;}
.dJump span{display: inline-block;vertical-align: middle;font-size: 22px;line-height: 58px;color: #666;padding-left: 34px;cursor: pointer;}
.dJump span:after{content: "/";font-size: 22px;color: rgba(51,51,51,.15);margin-left: 32px;font-weight: lighter;}
.dJump span.current{color: #2E2E30;font-size: 28px;font-weight: bold;line-height: 58px;}
.dJump span.current:after{font-weight: normal;}
.dJump span:hover{color: #2E2E30;}

.appTop{padding: 22px 24px;}
.appTop-card{display: flex;gap: 20px;align-items: flex-start;}
.appTop-icon img{width: 96px;height: 96px;border-radius: 18px;object-fit: cover;}
.appTop-meta{flex: 1;min-width: 0;}
.appTop-meta h1{font-size: 24px;color: #2E2E30;font-weight: bold;line-height: 34px;margin-bottom: 6px;}
.appTop-info{font-size: 14px;color: #999;line-height: 22px;}
.appTop-info em{font-style: normal;color: #666;margin-left: 4px;}
.appTop-tags{margin-top: 8px;overflow: hidden;*zoom: 1;}
.appTop-tags a,.appTop-tags span{float: left;padding: 0 10px;margin: 0 8px 8px 0;height: 26px;line-height: 26px;border-radius: 13px;background: #f8f8f8;font-size: 12px;color: #8d8d8d;}
.appTop-tags a:hover{color: #fff;background: rgba(25, 208, 242, .5);}
.appTop-download{margin-left: 10px;align-self: flex-start;display: flex;flex-direction: column;gap: 8px;}
.appTop .downBtn{margin-top: 0;}
.appTop .downBtn a{float: none;margin-right: 0;}
.appTop .downBtn a:before{display: none;}
.appTop-nav{margin-top: 16px;padding-top: 12px;border-top: 1px solid #f2f2f2;}
.appTop-nav a{display: inline-block;margin-right: 18px;font-size: 14px;color: #666;line-height: 28px;}
.appTop-nav a:after{content: "/";color: rgba(51,51,51,.15);margin-left: 18px;}
.appTop-nav a:last-of-type:after{content: "";margin-left: 0;}
.appTop-nav a.current{color: #2E2E30;font-weight: bold;}
.appTop-nav a:hover{color: #f47a0d;}
@media (max-width: 960px){
    .appTop-card{flex-wrap: wrap;}
    .appTop-download{width: 100%;}
    .appTop .downBtn a{width: 100%;text-align: center;}
}

.yxCont{padding: 19px 13px;}
.yxCont{position: relative;margin-bottom: 23px;}
.yxCont .cont{font-size: 15px;color: #717171;line-height: 26px;overflow: hidden;}
.yxCont .cont a{line-height: 27px;color: #f47a0d;}
.yxCont .cont a:hover{border-bottom: .01px solid  #f47a0d;}
.yxCont .cont p{line-height: 26px;color: #717171;margin-bottom: 12px;}
.yxCont .cont br{height: 1px;}
.yxCont .cont img{max-width:845px;margin:16px auto;display: block;}
.yxCont .cont p img{max-width:845px;}
.yxCont .cont h3{position: relative;display: block;font-size: 20px;color: #2E2E30;font-weight: bold;line-height: 26px;margin-bottom: 16px;}
.yxCont .cont h3:before{content: "-";font-size: 20px;color: #2E2E30;font-weight: 400;}
.yxCont .cont h3:after{content: "-";font-size: 20px;color: #2E2E30;font-weight: 400;}
.yxCont .cont iframe{width: 690px;height:360px;margin: 0 auto;display: block;border: none;}
.yxCont .cont table{max-width: 100%;margin: auto;}
.yxCont .cont table a{color:#0000ee}
.yxCont .cont table a:hover{text-decoration:underline}

.shotSlider{position: relative;padding: 0 52px;}
.shotTrack{overflow-x: auto;overflow-y: hidden;scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none;}
.shotTrack::-webkit-scrollbar{display:none;}
.shotList{display: flex;gap: 16px;flex-wrap: nowrap;}
.shotItem{flex: 0 0 calc((100% - 48px) / 4);}
.shotItem img{display: block;width: 100%;height: auto;border-radius: 12px;object-fit: cover;background: #f5f5f5;}
.shotNav{position: absolute;top: 50%;z-index: 2;width: 38px;height: 38px;margin-top: -19px;border: none;border-radius: 50%;background: #fff url(../images/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -237px -52px;cursor: pointer;opacity: .6;box-shadow: 0 2px 6px rgba(0,0,0,.12);}
.shotNav:hover{opacity: 1;}
.shotPrev{left: 0;transform: rotate(180deg);}
.shotNext{right: 0;}
.shotNav.is-disabled{opacity: .2;cursor: default;pointer-events: none;}
@media (max-width: 960px){
    .shotSlider{padding: 0 44px;}
    .shotItem{flex-basis: calc((100% - 16px) / 2);}
}
@media (max-width: 640px){
    .shotSlider{padding: 0 36px;}
    .shotItem{flex-basis: 100%;}
}

.mTit{position: relative;}
.mTit h3{position: relative;display: block;font-size: 20px;color: #2E2E30;font-weight: bold;line-height: 36px;margin-bottom: 6px;}
.mTit h3:before{content: "-";font-size: 20px;color: #2E2E30;font-weight: 400;}
.mTit h3:after{content: "-";font-size: 20px;color: #2E2E30;font-weight: 400;}
.rLog{ position: absolute;top:3px;right: 0px;font-size: 14px;color: #1CD1F0;line-height: 36px;cursor: pointer;}
.rLog:hover{text-decoration: underline;}


.recMark{position: relative;padding-top: 12px;margin-bottom: 11.5px;}
.recMark i{position: absolute;top: 0;left: 0;display: block;width:139px;height: 44px;background-position: -330px -227px;}
.recMark p{margin-left: 25px;padding-left: 128px;width: 660px;;height: 39px;font-size: 15px;color: #06D69B;line-height: 39px;background: linear-gradient(90deg, transparent ,rgba(145, 255, 208, .4), rgba(177, 253, 162, .4),transparent);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recMark a{color: #06D69B;}
.recMark a:hover{font-weight: bold;}

.tagList{margin-top: 12px;padding: 6px 0 ;overflow: hidden;*zoom: 1;}
.tagList a{float: left;padding: 0 12px;font-size: 14px;color: #8d8d8d;background: #f8f8f8;height: 32px;line-height: 32px;border-radius: 16px;margin:0 4px 5px 0;}
.tagList a:after{content: "";position: relative;top: 11px;vertical-align: top;margin-left: 6px;display: inline-block;width: 7px;height: 10px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -401px -4px;}
.tagList a:hover{color: #fff;background: rgba(25, 208, 242, .5);}
.tagList a:hover:after{top: 12px;background-position: -412px -32px;}

.tagList a:last-of-type{padding: 0;width: 32px;line-height: 30px;text-align: center;font-weight: bold;font-size: 20px;color: #c1c1c1;}
.tagList a:last-of-type:after{display: none;}
.tagList a:last-of-type:hover{color: #fff;}

.gsIntro{position: relative;padding-bottom: 30px;margin: 26px auto 44px;padding-left: 741px;width:455px;min-height: 286px;background: linear-gradient(30deg, #D1F7FE, #D1F7FE,#F5F0EB,#FAD7D6,#F5F0EB,#F5F0EF);border: 2px solid #FFF;box-shadow: 0px 10px 25px 0px rgba(76,76,76,.05);border-radius: 20px;}
.gsIntro:before,.gsIntro:after{content: "";position: absolute;top: 90px;width: 64px;height: 86px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -58px -568px; }
.gsIntro:before{left: -90px;}
.gsIntro:after{right: -90px;}
.gsIntro>img{position: absolute;left: 619px;top: 23px;z-index: 2;width: 92px;height: 92px;border: 5px solid rgba(255,255,255,.5);border-radius: 24px;}
.gsIntro h1{max-height: 84px;font-size: 30px;color: #2E2E30;font-weight: bold;line-height: 42px;overflow: hidden;margin-top: 24px;margin-bottom: 8px;}
.gsIntro .tag{overflow: hidden;*zoom: 1;margin-bottom: 6px;}
.gsIntro .tag span{display: block;float: left;padding: 0 12px;height: 22px;line-height: 22px;font-size: 14px;color: #999;border: 1px solid #FFF;border-radius: 6px;margin:0 11px 6px 0;}
.gsIntro>div{overflow: hidden;*zoom: 1;}
.gsIntro dl{float: left;width: 50%;font-size: 14px;color: #999;line-height: 30px;}
.gsIntro dt{float: left;width: 72px;}
.gsIntro dd{float: left;width: 150px;color: #666;white-space: nowrap;overflow: hidden;}
.gsIntro dl:last-of-type{width: 100%;}
.gsIntro .age{position: absolute;top: 0;right: 0;display: block;padding-right: 7px;width: 80px;height: 46px;font-size: 12px;color: #FFF;line-height: 30px;text-align: right;background-position: -158px -442px;white-space: nowrap;overflow: hidden;}

.downBtn{margin-top: 20px;overflow: hidden;*zoom: 1;}
.downBtn a,.downBtn button{float: left;margin-right: 7px;cursor: pointer;text-align: center;position: relative;display: block;border: none;min-width: 130px;padding: 0 6px;height: 55px;font-size: 18px;color: #fff;line-height: 55px;background: linear-gradient(-90deg, #06D79A, #05C8AF);box-shadow: 0px 7px 10px 0px rgba(197,235,233,0.8);border-radius: 27px;margin-bottom: 12px;box-sizing: content-box;}
.downBtn a:before,.downBtn button:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 0;display: block;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;}
.downBtn .iosBtn{background: linear-gradient(25deg, #8989FF, #7878FE);box-shadow: 0px 7px 10px 0px rgba(120,120,254,.2);}
.downBtn .iosBtn:before{width: 44px;height: 54px;background-position: -436px -114px;}
.downBtn .adrBtn{background: linear-gradient(90deg, #06D79A, #05C8AF);box-shadow: 0px 7px 10px 0px rgba(197,235,233,.8);}
.downBtn .adrBtn:before{width: 42px;height: 45px;background-position: -511px -114px;}
.downBtn .pcBtn{background: linear-gradient(25deg, #FF8876, #FF6F8E);box-shadow: 0px 7px 10px 0px rgba(255,111,142,.2);}
.downBtn .pcBtn:before{width: 55px;height: 49px;background-position: -584px -114px;}
.downBtn .orderBtn{width: 200px;background: linear-gradient(-155deg, #FF8E58, #FFB14F);box-shadow: 0px 7px 10px 0px rgba(255,144,88,.25);}
.downBtn .orderBtn:before{width: 46px;height: 46px;background-position: -670px -114px;}
.downBtn .noBtn{width: 200px;background: linear-gradient(25deg, #B2B2B2, #999);box-shadow: 0px 7px 10px 0px rgba(154,154,154,.2);}
.downBtn .noBtn:before{width: 46px;height: 46px;background-position: -747px -114px;}
.pcAdd{position: relative;top: 8px;display: inline-block;vertical-align: top;font-size: 18px;line-height: 22px;}
.pcAdd span{display: block;font-size: 12px;line-height: 16px;font-weight: normal;}
.oTip{display: block;width: 100%;line-height: 18px;font-size: 12px;color: #808080;overflow: hidden;}
.oTip label{color: #FB381F;margin-right: 3px;font-weight: bold;}
.downBtn a:hover,.downbtn button:hover{opacity: .9;}
.downBtn .orderBtn:after{content: "\2192";font-weight: lighter;}
.downBtn .noBtn:after{content: ":(";font-weight: lighter;}
.appTop .downBtn a,.appTop .downBtn button{height: 44px;line-height: 44px;font-size: 16px;border-radius: 22px;min-width: 136px;padding: 0 14px;margin-right: 0;margin-bottom: 0;box-sizing: border-box;}
.appTop-download.is-single{align-self: center;justify-content: center;}
.appTop-download.is-single a,.appTop-download.is-single button{height: 50px;line-height: 50px;font-size: 18px;border-radius: 25px;min-width: 172px;padding: 0 18px;}

.showImg{position: absolute;left: 33px;top: -24px;width:639px;height: 366px;background: rgba(0,0,0,.3);border-radius: 20px;overflow: inherit !important;}
.showImg:before{content:"";position: absolute;left: -23px;top: 54px;display: block;width: 23px;height: 273px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -5px -442px;}
.showImg .gallery-top {width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.showImg .swiper-slide {position: relative;text-align: center;height: 100%;overflow: hidden;}
.showImg .gallery-top .swiper-slide video {position: relative;width: auto;height: 100%;}
.showImg .gallery-top .vjs-has-started .vjs-control-bar{z-index: 3;}
.showImg .gallery-top .swiper-slide>div {width: 100%;height: 100%}
.showImg .gallery-top .swiper-slide>div img {width: 100%;opacity: .9;object-fit: cover;-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px)}
.showImg .gallery-top .swiper-slide>img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 100%;width: auto;opacity: 1;}
.showImg .gallery-thumbs {position: absolute;bottom: 0;width: 100%;height: 56px;padding-top: 10px;border-radius: 0 0 20px 20px;overflow: hidden;*zoom: 1;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),rgba(114,102,104,.2);background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),rgba(114,102,104,.2);}
.showImg .gallery-thumbs .swiper-wrapper{justify-content: center;}
.showImg .gallery-thumbs .swiper-slide {position: relative;text-align: center;width: 60px;height: 46px;cursor: pointer;border-radius: 10px;overflow: hidden;}
.showImg .gallery-thumbs .swiper-slide div{height: 100%;width: 100%;}
.showImg .gallery-thumbs .swiper-slide img {display: block;width: 100%;height: auto;min-height: 100%}
.showImg .gallery-thumbs .swiper-slide:after{content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;background: rgba(0,0,0,.45);-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.showImg .gallery-thumbs .swiper-slide-thumb-active {opacity: 1}
.showImg .gallery-thumbs .swiper-slide-thumb-active {position: relative;border: 1px solid rgba(253, 190, 1, 0.7);;width: 58px !important;height: 44px}
.showImg .gallery-thumbs .swiper-slide-thumb-active:after{content: "";position: absolute;top: -9px;left: 0;right: 0;margin: auto;width:16px;height: 8px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -169px -21px;}
.showImg .gallery-thumbs .swiper-slide-thumb-active:after{display: none;}
.showImg .gallery-thumbs .swiper-slide:hover:after{display: none;}
/*biaoqian*/
.bqdTop{position: relative;padding: 13px;margin-bottom: 20px;}	
.bqdTop>div{position: relative; overflow: hidden;*zoom: 1;}
.bqdTop img{float: left;width: 190px;height: 190px;border-radius: 28px;margin-right: 23px;}
.bqdTop .intro{float:left;width: 558px;}
.bqdTop .intro p,.bqdTop .intro li{overflow: hidden;white-space: nowrap;}
.bqdTop .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%);}
.bqdTop h1{display: inline-block;font-size: 28px;color: #333;margin-right: 18px;line-height: 32px;font-weight: 600;}
.bqdTop .name i{display: block;position: absolute;width: 66px;height: 26px;background-position: -258px -395px;right: -81px;top: 10px;}
.bqdTop .intro ul{margin-top: 8px;width: 400px;min-height: 60px;overflow: hidden;*zoom: 1;}
.bqdTop .intro li{float: left;width: 150px;height: 30px;line-height: 30px;font-size: 14px;color: #808080;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bqdTop .intro li span,.bqdTop .intro li em{color: #333;}
.bqdTop .intro li:last-of-type{width: 200px;}
.bqdTop .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;}
.bqdTop .intro .txt label{font-weight: bold;color: #808080;}
.bqdTop>.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;}
.bqdTop>.txt label{font-weight: bold;color: #808080;}
.bqdTop .downbtn{position: absolute;top: 56px;right: 5px;width: 138px;overflow: hidden;}

.adown a,.adown button{float: left;display: block;border: none;width: 132px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;border-radius: 23px;background-color: #EF493C;margin-right: 20px;box-sizing: content-box;}
.adown .iosBtn{background: #0568FA;border: 3px solid #c5e1ff;box-shadow: 0px 6px 6px 0px rgba(64,159,255,0.16);}
.adown .adrBtn{background: #12E493;border: 3px solid #A1FDCD;box-shadow: 0px 6px 6px 0px rgba(49,223,132,0.2);}
.adown .pcBtn{background-color: #fb371f;border: 3px solid #f7a7a1;}
.adown .orderBtn{background: #FAE037;border: 3px solid #fedfbb;box-shadow: 0px 6px 6px 0px rgba(252,182,96,0.2);}
.adown .noBtn{border: 3px solid #edeef3; background-color: #ccc;cursor: default;}
.adown a:hover,.adown  button:hover{opacity: .9;}

.gsTag{position: relative;padding: 13px 0 10px;background: #fff;border-radius: 20px;box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.08);margin-bottom: 20px;}
.gsTag .list{padding: 6px 0 6px 14px ;overflow: hidden;*zoom: 1;}
.gsTag .list a{float: left;padding: 0 8px 0 12px;font-size: 14px;color: #8d8d8d;background: #f8f8f8;height: 32px;line-height: 32px;border-radius: 16px;margin:0 8px 12px 0;}
.gsTag .list a:after{content: "\2192";position: relative;top:0;vertical-align: top;margin-left: 12px;display: inline-block;font-size: 12px;}
.gsTag .list a:hover{color: #fff;background: rgba(25, 208, 242, .5);}

.otherBan{position: relative;padding:18px 13px 10px;background-color: #fff;border-radius: 12px;margin-bottom: 24px;}
.otherBan ul{width: 850px;padding-top:18px;overflow: hidden;*zoom: 1;}
.otherBan ul li{float: left;width: 215px;height: 142px;padding: 0 20px 0 20px;border-radius: 6px;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;}
.otherBan ul li 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;}
.otherBan ul li a:nth-of-type(2){display: block;overflow: hidden;*zoom: 1}
.otherBan ul li a:nth-of-type(2) img{float: left;width: 70px;height: 70px;border-radius: 16px;margin-right: 16px;}
.otherBan ul li a:nth-of-type(2) div{float: left;width:112px;}
.otherBan ul li a:nth-of-type(2) p{font-size: 14px;color: #999;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.otherBan ul li:hover{background: rgba(25, 208, 242, .05);border-color: #f47a0d;}
.otherBan ul li:hover a:nth-of-type(1){color: #f47a0d;}


::-webkit-scrollbar{width: 6px !important;}
::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #DFDFDF!important;}
/* rizhi */
.rizhi {position: relative;font-size: 14px;color: #666;line-height: 22px;}
.rizhi strong{display: block;color: #5b5b5b;line-height: 30px;font-size: 15px;font-weight:bold;}
.rizhi p{margin-bottom: 8px;display: block;}
.rizhi p span{display: block;}
.rizhi p br{display: none;}

.gLog{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .65);}
.logBox{position: absolute;z-index: 5;top: 80px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 20px;width: 520px;text-align: center;}
.gLog .gLclose{position: absolute;top: 20px;right:20px;margin: auto;z-index: 10;cursor: pointer;}
.gLog .gLclose i{display: inline-block;width: 20px;height: 20px;background-position: -807px -287px;}
.gLog .lTitle{position: relative;display: block;text-align: left;height: 63px;width: 100%;height: 63px;background: linear-gradient(0deg, #f47a0d, #42DFD5);border-radius: 20px 20px 0 0;}
.gLog .lTitle p{display: block;font-size: 24px;color: #fff;font-weight: bold;line-height: 63px;white-space: nowrap;overflow: hidden;margin-left: 30px;}
.gLog .gSure{display: block;cursor: pointer;border: 0;color:#fff;font-size:22px;margin: 18px auto 42px;width: 224px;height: 48px;line-height: 48px;background: linear-gradient(-155deg, #FF8E58, #FFB14F);box-shadow: 0px 7px 10px 0px rgba(255,144,88,0.25);border-radius: 24px;  }
.logMain{display: block;height: 460px;border:none;padding:0 16px 0 5px;line-height: 28px;font-size: 14px;color: #666;margin: 20px 23px 30px;text-align: left;overflow: auto;}
.logMain strong{display: block;color: #333;line-height: 26px;font-size: 16px;font-weight:bold;}
.logMain p{margin-bottom: 6px;display: block;}
.logMain p span{display: block;}
.logMain p br{display: none;}
/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.65);}
.orderBox{position: absolute;z-index: 5;top: 210px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 24px;width: 490px;text-align: center;}
.orderBox .oClose{position: absolute;bottom: -64px;left: 0;right: 0;margin: auto;z-index: 10;cursor: pointer;}
.orderBox .oClose i{display: inline-block;width: 42px;height: 42px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -740px -287px;position: relative;}
.orderBox .oClose:hover i{opacity: .9;}
.orderBox .oTitle{position: relative;margin:30px auto 18px;text-align: center;}
.orderBox .oTitle i{position: relative;margin: 0 auto;display:block;width: 279px;height: 54px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -500px -189px;color: transparent;}
.orderBox .oTelBox{position: relative;display: block;margin: auto;width: 398px;height: 60px;background: #FFF;border: 1px solid #E3E3E3;border-radius: 7px;margin-bottom: 15px;}
.orderBox .oTelBox i{position: absolute;top: 14px;left: 20px;display: block;width: 22px;height: 33px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -682px -287px;}
.orderBox .oTelBox:before{content: "";position: absolute;top: 10px;left: 60px;display: block;width: 1px;height: 42px;background:#E3E3E3;}
.orderBox form .tel{width: 317px;height: 60px;line-height: 60px;background: transparent !important;border: none;color:#666;font-size:18px;border-radius:7px;padding:0 10px 0 71px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .tel::-webkit-input-placeholder {color: #ccc;}
.orderBox form .tel:-moz-placeholder { color: #ccc;}
.orderBox form .tel::-moz-placeholder { color:#ccc;}
.orderBox form .tel:-ms-input-placeholder { color: #ccc;}
.orderBox form .tel:focus{color: #808080;}
.orderBox form p{display: block;margin: auto;width: 480px;color:#404040;font-size:20px;text-align: center;line-height: 30px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#FF3333;}
.orderBox form p:last-of-type{font-size: 16px;color: #ccc;line-height: 26px;}
.orderBox form span{color: #ff3232;font-size: 12px;text-align: left;display: block;width:400px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;border: 0;color:#fff;font-size:22px;margin: 18px auto 42px;width: 224px;height: 48px;line-height: 48px;background: linear-gradient(-155deg, #FF8E58, #FFB14F);box-shadow: 0px 7px 10px 0px rgba(255,144,88,0.25);border-radius: 24px; }
.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: 3px;text-align: center;}
.orderBox .oWin>strong{display: block;font-size:24px;color: #3FE7BD;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 16px;}
.orderBox .oWin>i{display:block;width: 56px;height: 57px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -500px -287px;margin: auto;position: relative;top: 8px;}
.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oAgin>strong{display: block;font-size:24px;color: #77E5FF;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 20px;}
.orderBox .oAgin>i{display:block;width: 53px;height: 62px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -592px -287px;margin: auto;position: relative;top: 6px;}
/* power */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .65);}
.ruleTxt{position: absolute;z-index: 5;top: 80px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 20px;width: 520px;text-align: center;}
.gRule .gRclose{position: absolute;top: 18px;right:21px;margin: auto;z-index: 10;cursor: pointer;}
.gRule .gRclose i{display: inline-block;width: 20px;height: 20px;background-position: -852px -290px;}
.gRule .oTitle{position: relative;display: block;text-align: left;margin-top: -44px;}
.gRule .oTitle i{display: block;width: 250px;height: 129px;background-position: -278px -442px;margin-left: 156px;}
.gRule .gSure{display: block;cursor: pointer;border: 0;width: 224px;height: 48px;background: linear-gradient(0deg, #f47a0d, #42DFD5);box-shadow: 0px 3px 5px 0px rgba(54,219,221,.3);border-radius: 24px;color:#fff;font-size:22px;line-height: 48px;margin: 20px auto 42px;overflow: hidden;white-space: nowrap; }
.ruleMain{display: block;height: 460px;border:none;padding:0 18px 0 10px;line-height: 28px;font-size: 18px;color: #333;font-weight: lighter;margin: 20px 23px 30px;text-align: left;overflow: auto;}
.ruleMain strong{display: block;font-size: 18px;color:#333;line-height: 36px;}
.ruleMain p:nth-of-type(1){font-weight: bold;margin-bottom: 4px;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 20px;}
.ruleTxt:after{content: "";position: absolute;bottom: 108px;left: 0;right: 0;margin: auto;display: block;width: 452px;height: 43px;background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);border-radius: 0px 0px 12px 12px;}
/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .65);}
.privacyTxt{position: absolute;z-index: 5;top: 80px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 20px;width: 520px;text-align: center;}
.gPrivacy .gPclose{position: absolute;top: 18px;right:21px;margin: auto;z-index: 10;cursor: pointer;}
.gPrivacy .gPclose i{display: inline-block;width: 20px;height: 20px;background-position: -852px -290px;}
.gPrivacy .oTitle{position: relative;display: block;text-align: left;margin-top: -44px;}
.gPrivacy .oTitle i{display: block;width: 250px;height: 129px;background-position: -278px -599px;margin-left: 156px;}
.gPrivacy .gSure{display: block;cursor: pointer;border: 0;width: 224px;height: 48px;background: linear-gradient(0deg, #f47a0d, #42DFD5);box-shadow: 0px 3px 5px 0px rgba(54,219,221,.3);border-radius: 24px;color:#fff;font-size:22px;line-height: 48px;margin: 20px auto 42px;overflow: hidden;white-space: nowrap; }
.privacyMain{display: block;height: 460px;border:none;padding:0 18px 0 10px;line-height: 28px;font-size: 18px;color: #333;font-weight: lighter;margin: 20px 23px 30px;text-align: left;overflow: auto;}
.privacyMain strong{display: block;font-size: 18px;color:#333;line-height: 36px;}
.privacyMain p:nth-of-type(1){font-weight: bold;margin-bottom: 4px;}
.privacyMain p:nth-last-of-type(1){margin-bottom: 20px;}
.privacyTxt:after{content: "";position: absolute;bottom: 108px;left: 0;right: 0;margin: auto;display: block;width: 452px;height: 43px;background: linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);border-radius: 0px 0px 12px 12px;}

/* feedback */
.feBaBtn{cursor: pointer;}
.feedBack{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .65); }
.feBackBox{position: absolute;z-index: 5;top: 80px;left: 0;right: 0;margin: auto;background: #fff;border-radius: 20px;width: 520px;text-align: center;}
.feBaClose{position: absolute;top: 18px;right:21px;margin: auto;z-index: 10;cursor: pointer;}
.feBaClose i{display: inline-block;width: 20px;height: 20px;background-position: -852px -290px;}
.feBackBox .fTitle{position: relative;display: block;text-align: left;margin-top: -44px;}
.feBackBox .fTitle i{display: block;width: 250px;height: 129px;background-position: -592px -442px;margin-left: 156px;}
.feBackBox .feSubmit input{display: block;cursor: pointer;border: 0;width: 224px;height: 48px;background: linear-gradient(-155deg, #FF8876, #FF6F8E);box-shadow: 0px 3px 5px 0px rgba(255,111,142,.4);border-radius: 24px;color:#fff;font-size:22px;line-height: 48px;margin: 20px auto 42px;overflow: hidden;white-space: nowrap; }
.feBack{margin: 10px 32px 25px;}
.feBack>span{font-size: 22px;color: #000;line-height: 42px;margin-bottom: 5px;display: block;text-align: left;}
.feBack .info{margin: auto;margin-bottom: 10px;}
.feBack .info p{font-size: 14px;color: #333;line-height: 88px;}
.feBack textarea{width: 416px;height: 69px;margin-bottom: 6px;border: none;resize:none;padding: 15px 18px;font-size: 16px;color: #666;background-color: #F6F6F6;border-radius: 3px;}
.checkbox {position: relative;height: 42px;line-height: 42px;}
.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: 48px;line-height: 48px;width: 420px;font-size: 18px;color: #666;text-align: left;padding-left: 36px;}
.checkbox label:after {content: '';position: absolute;left: 0;top: 11px;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #ccc;text-align: center;line-height: 14px;font-size: 12px;cursor: pointer;}
.checkbox input[type='checkbox']:checked + label:after {top: 11px;width: 24px;height: 24px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position: -908px -290px;border: 0;}
.telBox{overflow: hidden;background-color: #f6f6f6;}
.telBox input{display: block;border: none;padding:0 20px;width: 416px;height: 53px;line-height: 53px;background: #F6F6F6;border-radius: 10px;font-size: 16px;color: #666;}
.telBox input::-webkit-input-placeholder {color: #999;}
.telBox input:-moz-placeholder { color: #999;}
.telBox input::-moz-placeholder { color: #999;}
.telBox input:-ms-input-placeholder { color: #999;}

.infoGame strong{margin-bottom: 2px;}
.infoGame a div div{padding: 2px 0 1px;}
.infoGame a div div p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.infoGame a div div span{border: none;width: auto;padding: 0;}
.infoGame a div div span:nth-of-type(n+2):before{content: "/";float: left;color: #ccc;margin: 0 8px 0 0;}
.relApps{padding-bottom: 16px;}
.relApps-grid{display: flex;flex-wrap: wrap;gap: 16px;}
.relApp-card{display: block;width: calc(50% - 8px);flex: 0 0 calc(50% - 8px);box-sizing: border-box;background: #fff;border: 1px solid #f2f2f2;border-radius: 12px;overflow: hidden;}
.relApp-body{display: flex;align-items: center;gap: 12px;padding: 12px;}
.relApp-icon{width: 64px;height: 64px;border-radius: 14px;object-fit: cover;flex-shrink: 0;}
.relApp-info{flex: 1;min-width: 0;}
.relApp-info h6{font-size: 14px;color: #333;line-height: 20px;margin-bottom: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.relApp-meta{font-size: 12px;color: #999;line-height: 18px;margin-bottom: 2px;}
.relApp-btn{display: inline-block;min-width: 52px;padding: 0 8px;height: 30px;line-height: 30px;text-align: center;background: #f47a0d;color: #fff;border-radius: 16px;font-size: 12px;flex-shrink: 0;}
.relApp-empty{text-align: center;color: #999;padding: 18px 0;width: 100%;}
.relNews{padding-bottom: 16px;}
.relNews-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}
.relNews-card{display: block;background: #fff;border: 1px solid #f2f2f2;border-radius: 12px;overflow: hidden;}
.relNews-thumb{position: relative;width: 100%;padding-top: 66.666%;background: #f6f6f6;overflow: hidden;}
.relNews-thumb img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;display: block;}
.relNews-body{padding: 10px 12px;}
.relNews-body h6{font-size: 14px;color: #333;line-height: 20px;max-height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relNews-meta{margin-top: 6px;font-size: 12px;color: #999;line-height: 18px;display: flex;gap: 10px;flex-wrap: wrap;}
.relNews-empty{text-align: center;color: #999;padding: 18px 0;grid-column: 1/-1;width: 100%;}
@media (max-width: 960px){
    .relApp-card{width: 100%;flex-basis: 100%;}
}
@media (max-width: 1024px){
    .relNews-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px){
    .relNews-grid{grid-template-columns: 1fr;}
}
.rkCont ol li div{width: 100%;}
.rkCont ol li:nth-of-type(n+4)>a:after{display: none;}
.rkCont ol li .list a{position: absolute;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: 168px;height: 48px;cursor: pointer;background: #f47a0d;border-radius: 24px;font-size: 16px;color: #fff;line-height: 48px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rkCont ol li:nth-of-type(n+4)>a>div:nth-of-type(1){width: 588px;}
.rkCont ol li>a div div{font-size: 14px;color: #666;white-space: nowrap;text-overflow: ellipsis;}

        /* qrcode */
        .qr-trigger {
            width: 142px;
            height: 55px;
            color: white;
            font-size: 18px;
            cursor: pointer;
            border-radius: 27.5px;
            background-color: #535353;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            transition: background-color 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .qr-popup {
            position: fixed;
            z-index: 999999;
            padding: 12px;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.2);
            text-align: center;
           /*  min-width: 180px;*/
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s, visibility 0.2s;
            pointer-events: none;
        }
        .qr-trigger:hover + .qr-popup,
        .qr-popup:hover {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
        .qr-popup img {
            width: 150px;
            height: 150px;
            display: block;
            margin-bottom: 8px;
        }
        .qr-popup p {
            margin: 0;
            font-size: 12px;
            color: #666;
        }

/* mobile layout reset */
.nav-toggle{display:none;}
html.is-mobile, html.is-mobile body{
    width:100%;
    min-width:0;
    min-height:0;
    overflow-x:hidden;
}
html.is-mobile *{
    box-sizing:border-box;
}
html.is-mobile img{
    max-width:100%;
    height:auto;
}
html.is-mobile header{
    position:relative;
    z-index:1200;
    height:auto;
}
html.is-mobile header>div{
    width:100%;
    padding:10px 12px;
    position:relative;
}
html.is-mobile header>div>a{
    height:44px;
    padding-top:0;
}
html.is-mobile .nav-toggle{
    display:block;
    position:absolute;
    right:12px;
    top:16px;
    width:38px;
    height:30px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:6px;
    background:transparent;
    cursor:pointer;
    z-index:1300;
}
html.is-mobile .nav-toggle span{
    display:block;
    width:22px;
    height:2px;
    margin:5px auto;
    background:#fff;
}
html.is-mobile header nav{
    display:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    float:none;
    max-width:none;
    height:auto;
    padding:10px 12px;
    background:rgba(244,122,13,.98);
    border-radius:0 0 12px 12px;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    z-index:1250;
}
html.is-mobile header.nav-open nav{
    display:flex !important;
    flex-wrap:wrap;
    gap:8px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
html.is-mobile header nav a{
    width:calc(50% - 4px);
    margin:0;
    height:42px;
    line-height:42px;
    border-bottom:none;
    border-radius:10px;
    font-size:16px;
}
html.is-mobile header nav a span{
    display:none;
}
html.is-mobile .dTit,
html.is-mobile .dhTit,
html.is-mobile .gstTit{
    height:auto;
    overflow:visible;
}
html.is-mobile .dTit a,
html.is-mobile .dhTit a{
    min-height:32px;
    min-width:32px;
    width:32px;
    height:32px;
    padding:0;
    background-position:-47px 8px;
    background-image:url(../images/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    right:8px;
    top:8px;
    overflow:visible;
}
html.is-mobile .gstTit a{
    min-height:32px;
    min-width:32px;
    width:32px;
    height:32px;
    padding:0;
    background-position:-39px 7px;
    background-image:url(../images/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    right:8px;
    top:8px;
    overflow:visible;
}
html.is-mobile .wrapper,
html.is-mobile .dRec>div,
html.is-mobile .dNews,
html.is-mobile .dGame,
html.is-mobile .dSoft,
html.is-mobile .dZt .cont{
    width:100%;
}
html.is-mobile .wrapper{
    padding:0 12px;
}
html.is-mobile .wrapL{
    float:none;
    width:100%;
    margin:0;
}
html.is-mobile .wrapR{
    display:none;
}
html.is-mobile .breadChip{
    width:100%;
    padding:0 12px;
}
html.is-mobile .dRec{
    padding-top:16px;
}
html.is-mobile .dRecT{
    display:flex;
    flex-direction:column;
    gap:12px;
}
html.is-mobile .gaHSTop{
    float:none;
    width:100%;
    height:220px;
    margin-bottom:12px;
}
html.is-mobile .gaHSTop>img,
html.is-mobile .gaHSTop .img img{
    width:100%;
    height:100%;
    left:0;
    right:0;
    object-fit:cover;
    object-position:center;
}
html.is-mobile .gaHSTop .info{
    height:auto;
    min-height:42px;
    padding-right:42px;
}
html.is-mobile .gaHSTop .info>div{
    width:calc(100% - 92px);
    max-width:none;
}
html.is-mobile .gaHSTop .info>div p{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
html.is-mobile .dSlider_c{
    float:none;
    width:100%;
    height:220px;
}
html.is-mobile .dSlider{
    height:100%;
}
html.is-mobile .dSlider img{
    width:100%;
    height:100%;
    object-fit:cover;
}
html.is-mobile .dSlider div{
    width:70%;
    height:100%;
}
html.is-mobile .dSlider div p{
    margin:36px 12px 14px;
    height:48px;
    font-size:16px;
    line-height:24px;
}
html.is-mobile .dSlider div span{
    margin-left:14px;
    width:110px;
    height:34px;
    line-height:34px;
    font-size:14px;
}
html.is-mobile .dRecM{
    height:auto;
}
html.is-mobile .dRecM ul{
    width:100%;
}
html.is-mobile .dRecM ul li{
    width:100%;
    margin-bottom:10px;
}
html.is-mobile .dRecM ul .dL,
html.is-mobile .dRecM ul .dL img{
    width:100%;
    height:auto;
}
html.is-mobile .dRecM ul .dF{
    display:none;
}
html.is-mobile .dRecbL,
html.is-mobile .dRecbR{
    float:none;
    width:100%;
    height:auto;
    margin:0 0 12px;
}
html.is-mobile .dRecbLL,
html.is-mobile .dRecbLR{
    float:none;
    width:100%;
}
html.is-mobile .dRecbLL .list{
    width:100%;
    padding:10px 12px;
}
html.is-mobile .dRecbLL .list a{
    width:calc(50% - 8px);
    height:auto;
    margin:0 8px 8px 0;
}
html.is-mobile .dRecbLR ul{
    margin:0 12px;
}
html.is-mobile .dRecbLR li{
    padding-right:62px;
}
html.is-mobile .dRecbLR li a{
    width:100%;
}
html.is-mobile .dRecbR ul{
    padding:16px 10px 4px;
}
html.is-mobile .dRecbR li{
    height:auto;
    margin-bottom:12px;
}
html.is-mobile .dRecbR li a{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    height:auto;
    padding:12px;
    top:0;
}
html.is-mobile .dRecbR li a div{
    float:none;
    width:calc(100% - 102px);
    height:auto;
}
html.is-mobile .dRecbR li a img{
    float:none;
    width:88px;
    height:88px;
    border-radius:14px;
    object-fit:cover;
    display:block;
}
html.is-mobile .dGame,
html.is-mobile .dSoft{
    padding:16px 0;
}
html.is-mobile .dGame .tabBox,
html.is-mobile .dSoft .tabBox{
    padding:0 12px;
}
html.is-mobile .dGame .tabMenu,
html.is-mobile .dSoft .tabMenu{
    float:none;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 12px;
    padding:0;
}
html.is-mobile .dGame .tabMenu span,
html.is-mobile .dSoft .tabMenu span{
    width:auto;
    margin:0;
    height:32px;
    line-height:32px;
    padding:0 12px;
}
html.is-mobile .dGame .tabMenu span.current,
html.is-mobile .dGame .tabMenu span.current:hover,
html.is-mobile .dSoft .tabMenu span.current,
html.is-mobile .dSoft .tabMenu span.current:hover{
    width:auto;
    padding:0 12px;
    text-align:center;
}
html.is-mobile .dGame .tabMenu span.current:after,
html.is-mobile .dSoft .tabMenu span.current:after{
    display:none;
}
html.is-mobile .dGame .tabCont,
html.is-mobile .dSoft .tabCont{
    float:none;
    width:100%;
}
html.is-mobile .dGame .tabCont>.subBox,
html.is-mobile .dSoft .tabCont>.subBox{
    width:100%;
    display:none !important;
    flex-wrap:wrap;
    gap:8px;
}
html.is-mobile .dGame .tabCont>.subBox.is-active,
html.is-mobile .dSoft .tabCont>.subBox.is-active{
    display:flex !important;
}
html.is-mobile .dGame .tabCont>.subBox.hide,
html.is-mobile .dSoft .tabCont>.subBox.hide{
    display:none !important;
}
html.is-mobile .dGame .tabCont>.subBox li,
html.is-mobile .dSoft .tabCont>.subBox li{
    width:calc(50% - 4px);
    margin:0;
    padding:6px;
    float:none;
}
html.is-mobile .dGame .tabCont>.subBox li a,
html.is-mobile .dSoft .tabCont>.subBox li a{
    width:100%;
    height:auto;
    padding:12px 8px;
}
html.is-mobile .dGame .tabCont>.subBox li img,
html.is-mobile .dSoft .tabCont>.subBox li img{
    width:72px;
    height:72px;
}
html.is-mobile .dNews .dnGame,
html.is-mobile .dNews .dnSoft{
    height:auto;
}
html.is-mobile .dnGL,
html.is-mobile .dnGM,
html.is-mobile .dnGR{
    float:none;
    width:100%;
    margin:0 0 12px;
}
html.is-mobile .dnGL{
    height:180px;
}
html.is-mobile .dnGL strong{
    margin-top:40px;
    margin-bottom:48px;
    font-size:24px;
}
html.is-mobile .dnGM{
    width:100%;
}
html.is-mobile .dnGM a{
    width:calc(50% - 8px);
    margin:0 8px 8px 0;
}
html.is-mobile .dnGR a{
    width:100%;
    height:auto;
}
html.is-mobile .dnSoft ul{
    width:100%;
    float:none;
}
html.is-mobile .dnSoft ul li{
    width:calc(50% - 8px);
    height:auto;
    margin:0 8px 8px 0;
}
html.is-mobile .dnSoft ul a div:nth-of-type(1){
    height:140px;
}
html.is-mobile .gsPT{
    width:100%;
    padding:0 12px;
}
html.is-mobile .gsList,
html.is-mobile .ztList{
    width:100%;
    margin:0 auto 16px;
}
html.is-mobile .gsPT .gstTit{
    height:auto;
    margin-bottom:8px;
}
html.is-mobile .gsPT .gstTit span{
    float:none;
    display:block;
    margin:4px 0 0;
}
html.is-mobile .gsPT .list .d2{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
html.is-mobile .gsPT .list .d2 a{
    width:auto;
    margin:0;
}
html.is-mobile .gsList ul{
    padding:14px 10px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
html.is-mobile .gsList ul li{
    width:100%;
    margin:0;
    float:none;
    height:auto;
}
html.is-mobile .gsList ul li a{
    width:100%;
    height:auto;
    padding:10px;
}
html.is-mobile .gsList ul li a img{
    width:72px;
    height:72px;
    border-radius:14px;
}
html.is-mobile .gsList ul li a div{
    width:calc(100% - 92px);
    height:auto;
}
html.is-mobile .gsList ul li a>span{
    position:static;
    display:inline-block;
    margin-top:6px;
}
html.is-mobile .newsList{
    padding:0 12px;
}
html.is-mobile .newsList .ztMenu{
    height:auto;
}
html.is-mobile .newsList .ztMenu .menu{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:10px;
}
html.is-mobile .newsList .ztMenu a{
    margin:0;
}
html.is-mobile .newsList>ul li{
    width:100%;
    height:auto;
    padding:12px 0;
}
html.is-mobile .newsList>ul li>a{
    float:none;
    width:100%;
    height:auto;
    margin:0 0 10px;
}
html.is-mobile .newsList>ul li>div{
    float:none;
    width:100%;
    height:auto;
}
html.is-mobile .newsList>ul li>div div{
    margin-top:8px;
}
html.is-mobile .ztList ul{
    width:100%;
    padding:12px;
}
html.is-mobile .ztList ul li{
    width:100%;
    margin:0 0 12px;
    float:none;
    height:auto;
}
html.is-mobile .ztList ul li>a{
    width:100%;
}
html.is-mobile .ztList ul li div{
    width:calc(100% - 118px);
}
html.is-mobile .infoCont{
    padding:18px 12px 14px;
    background-size:100% auto;
}
html.is-mobile .infoCont h1{
    font-size:22px;
    line-height:32px;
}
html.is-mobile .infoCont .cont img,
html.is-mobile .yxCont .cont img{
    max-width:100%;
    height:auto;
}
html.is-mobile .infoCont .cont iframe,
html.is-mobile .yxCont .cont iframe{
    width:100%;
    height:220px;
}
html.is-mobile .appTop{
    margin:0 12px 12px;
}
html.is-mobile .appTop-card{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
}
html.is-mobile .appTop-meta{
    width:100%;
}
html.is-mobile .appTop-download{
    width:100%;
}
html.is-mobile .appTop-download a{
    width:100%;
}
html.is-mobile .appTop-nav{
    flex-wrap:wrap;
    gap:8px;
}
html.is-mobile .appTop-nav a{
    width:calc(50% - 4px);
    text-align:center;
}
html.is-mobile .downloadSection{
    margin:0 12px 12px;
}
html.is-mobile .shotSlider{
    padding:0 40px;
}
html.is-mobile .shotItem{
    flex:0 0 calc(50% - 8px);
}
html.is-mobile .relApps-grid{
    gap:10px;
}
html.is-mobile .relApp-card{
    width:100%;
    flex:0 0 100%;
}
html.is-mobile .relNews-grid{
    grid-template-columns:1fr;
    gap:10px;
}
html.is-mobile .pagecode{
    padding:10px 0 18px;
}
html.is-mobile .pagecode a{
    margin:3px 2px;
    padding:8px 10px;
}
html.is-mobile .frLink>div{
    width:100%;
    padding:12px;
}
html.is-mobile .frLink a{
    display:inline-block;
    margin:4px 6px 0 0;
}
html.is-mobile footer>div:nth-of-type(1) div{
    width:100%;
    padding:16px 12px;
}
html.is-mobile footer>div:nth-of-type(2){
    height:auto;
    padding:10px 12px;
    line-height:20px;
}

@media (max-width: 560px){
    html.is-mobile header nav a{
        width:100%;
    }
    html.is-mobile .appTop-nav a{
        width:100%;
    }
    html.is-mobile .shotItem{
        flex:0 0 100%;
    }
}
@media (max-width: 389px){
    html.is-mobile .dGame .tabCont>.subBox li,
    html.is-mobile .dSoft .tabCont>.subBox li,
    html.is-mobile .dnGM a,
    html.is-mobile .dnSoft ul li{
        width:100%;
    }
}

/* mobile overrides 1.0.8 */
@media (max-width: 1024px){
    html.is-mobile,
    html.is-mobile body{
        min-width:0 !important;
        width:100% !important;
        overflow-x:hidden !important;
    }

    html.is-mobile header{
        height:auto !important;
        overflow:visible !important;
    }
    html.is-mobile header>div{
        width:100% !important;
        padding:10px 12px !important;
        overflow:visible !important;
    }
    html.is-mobile header>div>a{
        width:auto !important;
        max-width:calc(100% - 58px) !important;
        height:44px !important;
        padding-top:0 !important;
    }
    html.is-mobile header>div>a img{
        max-width:100%;
        height:100%;
        object-fit:contain;
    }
    html.is-mobile .nav-toggle{
        display:block !important;
        position:absolute !important;
        right:12px !important;
        top:16px !important;
        z-index:1400 !important;
        pointer-events:auto !important;
    }
    html.is-mobile header nav{
        display:none !important;
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        top:100% !important;
        z-index:1350 !important;
        width:100% !important;
        max-width:none !important;
        height:auto !important;
        margin:0 !important;
        padding:10px 12px !important;
        float:none !important;
        background:rgba(244,122,13,.98) !important;
        border-radius:0 0 12px 12px !important;
        box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
    }
    html.is-mobile header.nav-open nav{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:8px !important;
    }
    html.is-mobile header nav a{
        float:none !important;
        width:calc(50% - 4px) !important;
        height:40px !important;
        line-height:40px !important;
        margin:0 !important;
        border-bottom:none !important;
        border-radius:10px !important;
        font-size:15px !important;
    }
    html.is-mobile header nav a span{
        display:none !important;
    }

    html.is-mobile .wrapper,
    html.is-mobile .dRec>div,
    html.is-mobile .dNews,
    html.is-mobile .dGame,
    html.is-mobile .dSoft,
    html.is-mobile .dZt .cont{
        width:100% !important;
        max-width:100% !important;
    }
    html.is-mobile .wrapper{
        padding:0 12px !important;
    }
    html.is-mobile .wrapL{
        float:none !important;
        width:100% !important;
        margin:0 !important;
    }
    html.is-mobile .wrapR{
        display:none !important;
    }

    html.is-mobile .dTit,
    html.is-mobile .dhTit,
    html.is-mobile .gstTit{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
        width:100% !important;
        min-height:42px !important;
        height:auto !important;
        padding:0 12px !important;
        overflow:visible !important;
        clear:both !important;
    }
    html.is-mobile .dTit strong,
    html.is-mobile .dhTit h2,
    html.is-mobile .gstTit strong,
    html.is-mobile .gstTit span{
        float:none !important;
        margin:0 !important;
    }
    html.is-mobile .dhTit h2{
        font-size:34px !important;
        line-height:1.25 !important;
    }
    html.is-mobile .dTit strong{
        font-size:24px !important;
        line-height:1.25 !important;
    }
    html.is-mobile .dTit a,
    html.is-mobile .dhTit a,
    html.is-mobile .gstTit a{
        float:none !important;
        flex:0 0 auto !important;
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
        margin:0 !important;
        padding:0 !important;
        top:auto !important;
        right:auto !important;
        overflow:visible !important;
    }
    html.is-mobile .dTit a,
    html.is-mobile .dhTit a{
        background-image:url(../images/icon.png) !important;
        background-repeat:no-repeat !important;
        background-size:1000px 1000px !important;
        background-position:-47px 8px !important;
    }
    html.is-mobile .gstTit a{
        background-image:url(../images/icon.png) !important;
        background-repeat:no-repeat !important;
        background-size:1000px 1000px !important;
        background-position:-39px 7px !important;
    }
    html.is-mobile .dhTit + .tabBox,
    html.is-mobile .dTit + .tabBox,
    html.is-mobile .gstTit + .tabBox{
        clear:both !important;
    }

    html.is-mobile .gaHSTop{
        float:none !important;
        width:100% !important;
        height:220px !important;
    }
    html.is-mobile .gaHSTop>img,
    html.is-mobile .gaHSTop .img img{
        left:0 !important;
        right:0 !important;
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
    }
    html.is-mobile .gaHSTop .info{
        height:auto !important;
        min-height:48px !important;
        padding-right:42px !important;
    }
    html.is-mobile .gaHSTop .info>div{
        max-width:none !important;
        width:calc(100% - 92px) !important;
    }
    html.is-mobile .gaHSTop .info>div strong,
    html.is-mobile .gaHSTop .info>div p{
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    html.is-mobile .dSlider_c{
        float:none !important;
        width:100% !important;
        height:220px !important;
    }
    html.is-mobile .dSlider{
        height:220px !important;
    }
    html.is-mobile .dSlider img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }
    html.is-mobile .dSlider div{
        width:72% !important;
        height:100% !important;
    }

    html.is-mobile .dGame .tabBox,
    html.is-mobile .dSoft .tabBox{
        clear:both !important;
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        padding:0 12px !important;
        overflow:visible !important;
    }
    html.is-mobile .dGame .tabMenu,
    html.is-mobile .dSoft .tabMenu{
        float:none !important;
        width:100% !important;
        display:flex !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        margin:0 0 12px !important;
        padding:0 !important;
        overflow:visible !important;
    }
    html.is-mobile .dGame .tabMenu span,
    html.is-mobile .dSoft .tabMenu span{
        float:none !important;
        width:auto !important;
        margin:0 !important;
        padding:0 12px !important;
        height:32px !important;
        line-height:32px !important;
    }
    html.is-mobile .dGame .tabMenu span.current,
    html.is-mobile .dGame .tabMenu span.current:hover,
    html.is-mobile .dSoft .tabMenu span.current,
    html.is-mobile .dSoft .tabMenu span.current:hover{
        width:auto !important;
        padding:0 12px !important;
        text-align:center !important;
    }
    html.is-mobile .dGame .tabMenu span.current:after,
    html.is-mobile .dSoft .tabMenu span.current:after{
        display:none !important;
    }
    html.is-mobile .dGame .tabCont,
    html.is-mobile .dSoft .tabCont{
        float:none !important;
        width:100% !important;
        margin:0 !important;
    }
    html.is-mobile .dGame ul,
    html.is-mobile .dSoft ul{
        width:100% !important;
    }
    html.is-mobile .dGame .tabCont>.subBox,
    html.is-mobile .dSoft .tabCont>.subBox{
        display:none !important;
        width:100% !important;
        flex-wrap:wrap !important;
        gap:8px !important;
    }
    html.is-mobile .dGame .tabCont>.subBox.is-active,
    html.is-mobile .dSoft .tabCont>.subBox.is-active{
        display:flex !important;
    }
    html.is-mobile .dGame .tabCont>.subBox li,
    html.is-mobile .dSoft .tabCont>.subBox li{
        float:none !important;
        width:calc(50% - 4px) !important;
        margin:0 !important;
        padding:6px !important;
        height:auto !important;
    }
    html.is-mobile .dGame .tabCont>.subBox li a,
    html.is-mobile .dSoft .tabCont>.subBox li a{
        width:100% !important;
        height:auto !important;
        padding:12px 8px !important;
    }
    html.is-mobile .dGame .tabCont>.subBox li img,
    html.is-mobile .dSoft .tabCont>.subBox li img{
        width:72px !important;
        height:72px !important;
        object-fit:cover !important;
    }

    html.is-mobile .dnGame,
    html.is-mobile .dnSoft{
        height:auto !important;
    }
    html.is-mobile .dnGL,
    html.is-mobile .dnGM,
    html.is-mobile .dnGR{
        float:none !important;
        width:100% !important;
        margin:0 0 12px !important;
    }
    html.is-mobile .dnGM a,
    html.is-mobile .dnSoft ul li{
        width:calc(50% - 8px) !important;
        margin:0 8px 8px 0 !important;
    }
    html.is-mobile .dnSoft ul{
        float:none !important;
        width:100% !important;
    }
    html.is-mobile .dnGR a{
        width:100% !important;
        height:auto !important;
    }
    html.is-mobile .dnGR a>div{
        width:calc(100% - 151px) !important;
    }

    html.is-mobile .gsPT,
    html.is-mobile .newsList,
    html.is-mobile .infoCont,
    html.is-mobile .yxCont{
        width:100% !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }
    html.is-mobile .gsList{
        width:100% !important;
    }
    html.is-mobile .gsList ul{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:10px !important;
        padding:14px 10px !important;
    }
    html.is-mobile .gsList ul li{
        float:none !important;
        width:100% !important;
        margin:0 !important;
        height:auto !important;
    }
    html.is-mobile .gsList ul li a{
        width:100% !important;
        height:auto !important;
    }

    html.is-mobile .infoCont .cont img,
    html.is-mobile .yxCont .cont img,
    html.is-mobile .infoCont .cont iframe,
    html.is-mobile .yxCont .cont iframe{
        max-width:100% !important;
        width:100% !important;
        height:auto !important;
    }

    html.is-mobile .pagecode{
        padding:10px 0 18px !important;
    }
    html.is-mobile .pagecode a{
        display:inline-block !important;
        margin:3px 2px !important;
        padding:8px 10px !important;
    }

    html.is-mobile .frLink>div,
    html.is-mobile footer>div:nth-of-type(1) div{
        width:100% !important;
        padding:12px !important;
    }
    html.is-mobile footer>div:nth-of-type(2){
        height:auto !important;
        padding:10px 12px !important;
        line-height:20px !important;
    }
}

@media (max-width: 560px){
    html.is-mobile header nav a{
        width:100% !important;
    }
}

@media (max-width: 389px){
    html.is-mobile .dGame .tabCont>.subBox li,
    html.is-mobile .dSoft .tabCont>.subBox li,
    html.is-mobile .dnGM a,
    html.is-mobile .dnSoft ul li{
        width:100% !important;
    }
}

/* mobile hotfix: header overlap + title icon clipping + news row alignment */
@media (max-width: 1024px){
    html.is-mobile header{
        position:relative !important;
        overflow:visible !important;
    }
    html.is-mobile header>div{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:8px !important;
        min-height:44px !important;
        padding:10px 12px !important;
        overflow:visible !important;
    }
    html.is-mobile header>div>a{
        float:none !important;
        display:block !important;
        flex:1 1 auto !important;
        width:auto !important;
        max-width:calc(100% - 60px) !important;
        height:44px !important;
    }
    html.is-mobile .nav-toggle{
        top:17px !important;
        right:12px !important;
        margin:0 !important;
    }

    html.is-mobile .dRec{
        padding-top:8px !important;
    }

    html.is-mobile .dTit,
    html.is-mobile .dhTit,
    html.is-mobile .gstTit{
        padding-right:20px !important;
    }
    html.is-mobile .dTit a,
    html.is-mobile .dhTit a,
    html.is-mobile .gstTit a{
        transform:translateX(-8px) !important;
    }

    html.is-mobile .dRecbLR ul li{
        display:flex !important;
        align-items:center !important;
        gap:6px !important;
        padding-right:0 !important;
        line-height:34px !important;
        overflow:hidden !important;
    }
    html.is-mobile .dRecbLR ul li:before{
        float:none !important;
        flex:0 0 auto !important;
        margin:0 6px 0 0 !important;
    }
    html.is-mobile .dRecbLR ul li:nth-of-type(1):before,
    html.is-mobile .dRecbLR ul li.bo:before{
        margin:0 6px 0 0 !important;
    }
    html.is-mobile .dRecbLR ul li>a{
        float:none !important;
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        margin:0 !important;
        line-height:34px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
    html.is-mobile .dRecbLR ul li>span{
        position:static !important;
        float:none !important;
        flex:0 0 auto !important;
        margin-left:8px !important;
        line-height:34px !important;
        white-space:nowrap !important;
    }
}

/* mobile final fix: top overlap + title icon clipping + latest news single-row */
@media (max-width: 768px){
    html.is-mobile header{
        position:relative !important;
        z-index:1200 !important;
        overflow:visible !important;
        background:#f47a0d !important;
    }
    html.is-mobile header>div{
        min-height:56px !important;
        padding:10px 12px !important;
        overflow:visible !important;
    }
    html.is-mobile .nav-toggle{
        z-index:1500 !important;
        pointer-events:auto !important;
        touch-action:manipulation !important;
    }

    html.is-mobile .dRec{
        margin-top:0 !important;
        padding-top:0 !important;
        background:none !important;
    }
    html.is-mobile .dRecT{
        margin-top:8px !important;
    }

    html.is-mobile .dTit,
    html.is-mobile .dhTit,
    html.is-mobile .gstTit{
        padding-right:12px !important;
        overflow:visible !important;
    }
    html.is-mobile .dTit a,
    html.is-mobile .dhTit a{
        float:none !important;
        position:relative !important;
        right:auto !important;
        top:auto !important;
        width:33px !important;
        height:18px !important;
        min-width:33px !important;
        min-height:18px !important;
        padding:12px 5px !important;
        margin:0 8px 0 0 !important;
        box-sizing:content-box !important;
        transform:none !important;
        overflow:visible !important;
        background:url(../images/icon.png) no-repeat !important;
        background-size:1000px 1000px !important;
        background-position:-47px 8px !important;
    }
    html.is-mobile .gstTit a{
        float:none !important;
        position:relative !important;
        right:auto !important;
        top:auto !important;
        width:33px !important;
        height:18px !important;
        min-width:33px !important;
        min-height:18px !important;
        padding:11px 13px 1px !important;
        margin:0 6px 0 0 !important;
        box-sizing:content-box !important;
        transform:none !important;
        overflow:visible !important;
        background:url(../images/icon.png) no-repeat !important;
        background-size:1000px 1000px !important;
        background-position:-39px 7px !important;
    }

    html.is-mobile .dRecbLR ul li{
        display:flex !important;
        align-items:center !important;
        gap:6px !important;
        padding-right:0 !important;
        overflow:hidden !important;
        line-height:34px !important;
    }
    html.is-mobile .dRecbLR ul li:before{
        float:none !important;
        flex:0 0 auto !important;
        margin:0 6px 0 0 !important;
    }
    html.is-mobile .dRecbLR ul li>a{
        float:none !important;
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        margin:0 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        line-height:34px !important;
    }
    html.is-mobile .dRecbLR ul li>span{
        position:static !important;
        float:none !important;
        flex:0 0 auto !important;
        margin-left:8px !important;
        white-space:nowrap !important;
        line-height:34px !important;
    }
}

/* mobile patch: list/category/download alignment */
@media (max-width: 768px){
    html.is-mobile .gsPT .list{
        width:100% !important;
        padding:10px 0 8px !important;
        overflow:visible !important;
    }
    html.is-mobile .gsPT .list .d2{
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:8px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
        padding-bottom:4px !important;
    }
    html.is-mobile .gsPT .list .d2::-webkit-scrollbar{
        display:none !important;
    }
    html.is-mobile .gsPT .list .d2 a{
        flex:0 0 auto !important;
        width:auto !important;
        white-space:nowrap !important;
    }

    html.is-mobile .newsList>ul li>div p{
        display:none !important;
    }
    html.is-mobile .newsList>ul li>div div{
        margin-top:10px !important;
    }

    html.is-mobile .appTop{
        width:100% !important;
        margin:0 0 12px !important;
        box-sizing:border-box !important;
    }
    html.is-mobile .appTop-card{
        flex-direction:column !important;
        align-items:center !important;
        text-align:center !important;
        gap:12px !important;
    }
    html.is-mobile .appTop-icon{
        margin:0 auto !important;
    }
    html.is-mobile .appTop-meta{
        width:100% !important;
        text-align:center !important;
    }
    html.is-mobile .appTop-meta h1{
        text-align:center !important;
    }
    html.is-mobile .appTop-info{
        text-align:center !important;
    }
    html.is-mobile .appTop-tags{
        display:flex !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        gap:6px !important;
    }
    html.is-mobile .appTop-tags a,
    html.is-mobile .appTop-tags span{
        float:none !important;
        margin:0 !important;
    }
    html.is-mobile .appTop-download{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        margin:0 !important;
    }
    html.is-mobile .appTop .downBtn a{
        width:min(240px, 100%) !important;
        min-width:0 !important;
        height:40px !important;
        line-height:40px !important;
        font-size:15px !important;
        margin-bottom:0 !important;
    }

    html.is-mobile .appTop-nav{
        display:flex !important;
        flex-wrap:nowrap !important;
        justify-content:flex-start !important;
        gap:8px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
        white-space:nowrap !important;
    }
    html.is-mobile .appTop-nav::-webkit-scrollbar{
        display:none !important;
    }
    html.is-mobile .appTop-nav a{
        flex:0 0 auto !important;
        width:auto !important;
        margin:0 !important;
        padding:0 10px !important;
    }
    html.is-mobile .appTop-nav a:after{
        margin-left:10px !important;
    }

    html.is-mobile .downloadSection{
        width:100% !important;
        max-width:none !important;
        margin:0 0 12px !important;
        box-sizing:border-box !important;
    }
    html.is-mobile #app-shot{
        overflow:hidden !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }
    html.is-mobile #app-intro{
        overflow:hidden !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }
    html.is-mobile #app-shot .shotSlider{
        position:relative !important;
        width:100% !important;
        padding:0 28px !important;
        box-sizing:border-box !important;
    }
    html.is-mobile #app-shot .shotTrack{
        width:100% !important;
        overflow-x:auto !important;
    }
    html.is-mobile #app-shot .shotList{
        gap:10px !important;
    }
    html.is-mobile #app-shot .shotItem{
        flex:0 0 calc((100% - 10px) / 2) !important;
        min-width:0 !important;
    }
    html.is-mobile #app-shot .shotNav{
        top:50% !important;
        bottom:auto !important;
        width:30px !important;
        height:30px !important;
        margin-top:0 !important;
        background:#fff !important;
        background-image:none !important;
        transform:translateY(-50%) !important;
    }
    html.is-mobile #app-shot .shotNav::before{
        content:'' !important;
        position:absolute !important;
        left:50% !important;
        top:50% !important;
        width:9px !important;
        height:9px !important;
        border-top:2px solid #666 !important;
        border-right:2px solid #666 !important;
        transform:translate(-55%, -50%) rotate(45deg) !important;
    }
    html.is-mobile #app-shot .shotPrev{
        left:2px !important;
        transform:translateY(-50%) !important;
    }
    html.is-mobile #app-shot .shotPrev::before{
        transform:translate(-45%, -50%) rotate(-135deg) !important;
    }
    html.is-mobile #app-shot .shotNext{
        right:2px !important;
        transform:translateY(-50%) !important;
    }
}