@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;color:#333;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f4;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#333;text-decoration:none;}
.rotate360:hover{transform: rotateY(360deg);}
.rotate360{transition:all 2s ease-in-out;transform: rotateY(360deg);}
.cx{overflow: hidden;*zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;position: relative;}
.h23{width:100%;height:23px;}
.hide{display:none;}
a,img{cursor: pointer;}
img{height: auto;max-width: 100%;vertical-align: middle;border: 0;}
.wrapper{width:1200px;margin:0 auto;*zoom: 1;}
.hide{display:none;}
body{background-color: #fafafa;}
.icon{background: url(../images/icon.png) no-repeat;background-size: 800px 800px;}

:root{--defcolor:#0dc265;--linearcolor: #aee7ce}

/* -----返回顶部----- */
.backTop{width: 50px;height: 50px;position: fixed;right: 50%;margin-right: -660px;bottom: 3.85%;z-index: 99;cursor: pointer;display: none;}
.backTop i{display: block;width: 50px;height: 50px;background-position: -176px -68px;}

.toBackBox{}

.toBackBox{overflow: hidden;width: 90px;height: auto;position: fixed;top: 300px;left: 50%;cursor: pointer;margin-left: 646px;z-index: 9900;display: none;}
.toBackBox span.m-hover,.toBackBox span:hover{background:var(--defcolor);color: #fff;border:1px solid var(--defcolor);}
.toBackBox span{display: block;line-height: 35px;height:35px;width:88px;font-style: normal;text-align: center;background: #fff;margin-bottom: 8px;color: #999; border:1px solid #f0f0f0;cursor: pointer;}
.toBackBox i{display: block;background: url(../images/icon.png?v=8.13.1) no-repeat 0 -99px; width:46px; height: 45px;margin: 0 auto;}

.toBackBox span:hover{background:var(--defcolor);color: #fff;border:1px solid var(--defcolor);}
.toBackBox i:hover{background-position:-77px -99px }



/* -----头部----- */
.hdNav{overflow: hidden;height: 31px;background: #f2f2f2;border-bottom: 1px solid #ececec;line-height: 31px;}
.hdNav div span{line-height: 31px;color: #666;font-size: 12px;display: inline;float: left;}
.hdNav div p{display: inline;float: right;overflow: hidden;color: #666;}
.hdNav div p a{padding: 0px 10px;font-size: 12px;color: #666;border-right: 1px solid #d6d6d6;}
.hdNav div p a:last-child{border-right: none;}
.hdNav div p a:hover{color: var(--defcolor);text-decoration: underline;;}
.hdLogo{background: #fff;overflow: hidden;height: 120px;}
.hdLogo .logo{display: inline;float: left; overflow: hidden;margin-top: 20px;}
.hdLogo .logo a{float: left;display: inline;}
.hdLogo .logo a > img{height: 80px;width: auto;}
.hdLogo .logo span{overflow: hidden;margin-top: 20px;display: inline;float: left;}
.hdLogo .search{display: inline;float: right; overflow: hidden;border: 2px solid #f60;height: 36px;width: 420px;margin-top: 40px;}
.hdLogo .search div{background: url(../images/sou2019ico.png) no-repeat 5px 7px;padding-left: 32px;overflow: hidden;}
.hdLogo .search div input:nth-child(1){height: 36px;line-height: 36px;width: 300px;border: 0px;float: left;}
.hdLogo .search div input:nth-child(2){height: 36px;line-height: 36px;color: #fff;width: 84px;text-align: center;background: #f60;border: 0px;font-size: 15px;cursor: pointer;margin: 0px;padding: 0px;float: right;}
nav{overflow: hidden;background: #333;height: 45px;}
nav li{float: left;width: 115px;}
nav li a{display: block;line-height: 45px;text-align: center;color: #fff;font-size: 16px;font-family: "Microsoft YaHei";}
nav li.current,nav li:hover{background:var(--defcolor);}
/* -----面包屑----- */
.brNav{overflow: hidden;padding-top: 15px;margin-bottom: 15px;}
.brNav p{height: 19px;line-height: 19px;color: #999;}
.brNav p i{display: inline;float: left; height: 19px;width: 20px; background-position:-252px -15px;}
.brNav p a{color: #999;}
.brNav p a:hover{color: #f60;}
/* -----复用标题-----*/
.Title{height: 50px;line-height: 49px;font-size: 18px;color: #333;border-bottom: 1px solid #ebebeb;}
.Title p{display: block;font-weight: bold; height: 48px;background: #fff;width: 140px;border-right: 1px solid #ebebeb;text-align: center;float: left;border-top: 2px solid var(--defcolor);font-family: "microsoft yahei";font-size: 18px;}
.Title strong{float: right;font-weight: normal;color: #999;font-size: 14px;padding-right: 15px;}
.Title strong em{font-size: 16px;color: #f25657;font-weight: normal;padding: 0px 3px;}
.Title a{float: right;margin: 21px 10px 0px 0px;cursor: pointer;width: 38px;height: 15px;display: block;overflow: hidden;background: url(../images/icon.png) no-repeat -186px -20px;}
.Title a:hover{background-position-x:-121px ;}
/* -----复用标题2------- */
.Title2{height: 50px;font-size: 18px;color: #333;text-indent: 15px;border-bottom: 1px solid #ebebeb;font-family: "microsoft yahei";}
.Title2 i{width: 5px;height: 24px;background: var(--defcolor);float: left;margin-top: 13px;}
.Title2 p{display: block;float: left;height: 24px;line-height: 24px;font-size: 18px;font-weight: bold;margin-top: 13px;}
.Title2 a{float: right;margin: 23px 10px 0px 0px;cursor: pointer;width: 38px;height: 15px;display: block;overflow: hidden;background: url(../images/icon.png) no-repeat -186px -20px;}
.Title2 a:hover{background-position-x:-121px ;}
/* -----底部------ */
footer{overflow: hidden;background-color: #292929;margin-top: 40px;padding: 20px 0px;}
footer div p{color: #8e9193;line-height: 36px;height: 36px;text-align: center;}
footer div p a{color: #8e9193;padding: 0px 20px;}
/* -----分页------ */
.pages{padding: 18px 0;text-align: center;}
.pages ul{margin: 0 auto;overflow: hidden;display: inline-block;}
.pages ul li{float: left;margin-left: 8px;width: 38px;height: 38px;line-height: 38px;text-align: center;color: #666666;font-size: 16px;cursor: pointer;background-color: #fff;border: 1px solid #eaeaea;transition: all 0.2s ease;overflow: hidden;white-space: nowrap;border-radius: 4px;}
.pages ul li a{display: block;}
.pages ul li:first-child{margin-left: 0;}
/*.pages ul li:nth-of-type(1),.pages ul li:nth-of-type(2),.pages ul li:nth-last-child(1),.pages ul li:nth-last-child(2){width: 60px;}*/
.pages ul li.page_long_btn{width: 60px;}
.pages ul li.current a{background:var(--defcolor);color: #fff;}
.pages ul li:hover a{background:var(--defcolor);color: #fff;}

/* ----------------------------游戏列表页--------------------------- */
.list-L{width: 885px;background-color: #fff;float: left;}
.list-L>ul{overflow: hidden;padding: 15px 0px 0px 16px;}
.list-L>ul li{float: left;border: 1px solid #ebebeb;width: 200px;height: 288px;overflow: hidden;position: relative;margin: 0px 15px 15px 0;}


.list-L>ul li a p,.list-L li a span{display: block;}
.list-L>ul li > a > p:first-child{height: 160px;overflow: hidden;}
.list-L>ul li > a > p:first-child img{width: 115px;height: 115px;display: block;border-radius: 16px;margin: 22.5px auto 0;}
.list-L>ul li > a > p:nth-child(2){height: 39px;line-height: 39px;text-align: center;overflow: hidden;padding: 0 14px;font-size: 18px;color: #434343;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;}
.list-L>ul li:hover > a > p:nth-child(2){color: var(--defcolor);}
.list-L>ul li > a > p:nth-child(3){overflow: hidden;height: 1px;width: 156px;background-color: #f8f8f8;margin: 0 auto;}
.list-L>ul li > a > p:nth-child(4){height: 14px;margin-top: 8px;margin-bottom: 7px;}
.list-L>ul li > a > p:nth-child(4) img{height: 14px;display: block;margin: 0px auto;}
.list-L>ul li > a > p:nth-child(5){text-align: center;height: 22px;line-height: 22px;overflow: hidden;font-size: 12px;color: #767676;margin-top: 2px;}
.list-L>ul li > a > p:nth-child(5) i{color: #e4e4e4;margin: 0 12px;display: inline-block;font-style: normal;}
.list-L>ul li > a > p:nth-child(6){font-size: 12px;color: red;text-align: center;margin-top: 2px;height: 22px;line-height: 22px;}
.list-L>ul li > a > div{background-color: #ff7700;height: 288px;overflow: hidden;padding:0 12px;position: absolute;left: 0;top: 0;width: 177px;display: none;}
.list-L>ul li > a > div > p{overflow: hidden;text-overflow: ellipsis}
.list-L>ul li > a > div > p:nth-child(1){height: 96px;overflow: hidden;line-height: 24px;font-size: 12px;color: #fff;text-indent: 2em;margin-top: 12px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-align: justify;}
.list-L>ul li > a > div > span:nth-child(2){width: 118px;height: 28px;border: 1px solid #fff;line-height: 28px;text-align: center;color: #fff;font-size: 12px;margin: 8px auto 0;}
.list-L>ul li > a > div > img{display: block;width: 120px;height: 120px;margin: 12px auto 0;border-radius: 24px;}
.list-L>ul li:hover > a > div{display: block;}

.list-R{width: 300px;border-left: 15px solid #fafafa;float: right;background-color: #fff;}
.list-R .class-u{overflow: hidden;}
.list-R .class-u ul{padding: 15px 15px 0px 15px;overflow: hidden;}
.list-R .class-u li{float: left;overflow: hidden;padding-bottom: 15px;width: 90px;}
.list-R .class-u li a{background: #eee;color: #333;border-radius: 4px;height: 32px;line-height: 32px;width: 80px;text-align: center;display: block;margin: 0px 5px;}
.list-R .class-u li:hover a,.list-R .class-u li.current a{background:var(--defcolor);color: #fff;}
.list-R .jptj-u{overflow: hidden;border-top: 15px solid #fafafa;}
.list-R .jptj-u div:nth-child(2){padding: 0px 10px 20px 10px;overflow: hidden;}
.list-R .jptj-u div:nth-child(2) a{width: 93px;height: auto;float: left;display: inline;overflow: hidden;margin-top: 20px;}
.list-R .jptj-u div:nth-child(2) a img{width: 60px;height: 60px;border-radius: 14px;margin: auto;display: block;overflow: hidden;}
.list-R .jptj-u div:nth-child(2) a p{width: 100%;height: 16px;line-height: 16px;font-size: 14px;font-weight: normal;color: #333;text-align: center;margin: 10px 0 0;display: block;overflow: hidden;}
.list-R .jptj-u div:nth-child(2) a:hover p{color: #ff6600;}

.downrank-u{overflow: hidden;border-top: 15px solid #fafafa;}
.downrank-u ul{padding: 0px 15px;}
.downrank-u li{border-bottom: 1px dashed #eee;height: 45px;line-height: 45px;display: block;}
.downrank-u li a i{display: block;width: 22px;height: 22px;border-radius: 3px;font-style: normal;float: left;text-align: center;line-height: 22px;margin-right: 10px;color: #fff;background: #afafaf;margin-top: 12px;}
.downrank-u li a>p{color: #333;float: left;width: 170px;font-size: 14px;height: 45px;overflow: hidden;}
.downrank-u li a div{display: none;}
.downrank-u li a>span{display: block; float: right;font-size: 12px;color: #999;}
.downrank-u li a>img{display: none;}

.downrank-u li.on{height: 90px;}
.downrank-u li.on a i{display: block;margin-top: 15px; width: 22px;height: 22px;border-radius: 3px;font-style: normal;float: left;text-align: center;line-height: 22px;margin-right: 10px;color: #fff;}
.downrank-u li.on a div{display: block;}
.downrank-u li.on a>span{display: none;}
.downrank-u li.on a>p{display: none;}
.downrank-u li.on a>img{display: block;float: left;width: 60px;height: 60px;border-radius: 14px;margin: 15px 0;}
.downrank-u li.on a div{width: 149px; float: left;margin: 15px 0 15px 10px;}
.downrank-u li.on a div p{ font-size: 14px;overflow: hidden;line-height: 20px;color:#333;height: 20px;white-space: nowrap;text-overflow: ellipsis;}
.downrank-u li.on:hover a div p{color: var(--defcolor);}
.downrank-u li.on a div img{display: block;height: 14px;}
.downrank-u li.on a div span{font-weight: normal;height: 20px;line-height: 20px;overflow: hidden;color: #999;font-size: 12px;display: block;}

.downrank-u li:nth-child(1) a i{background: #ff5555;}
.downrank-u li:nth-child(2) a i{background: #ff6600;}
.downrank-u li:nth-child(3) a i{background: #ff9900;}
.downrank-u li:last-child{border: none;}

/* ----------------------游戏下载页------------------------- */
.gcont-l{width: 210px;background-color: #fff;float: left;}
.gcont-l .l-top{border-bottom: 15px solid #fafafa;}
.gcont-l .l-top>img{width: 125px;height: 125px;margin: 25px auto 10px;display: block;border-radius: 16px;}
.gcont-l .l-top h1{overflow: hidden;line-height: 30px;font-size: 20px;font-weight: bolder;color: #333;text-align: center;padding: 0px 15px;margin-bottom: 10px;}

.downBtnBox{display: none;}
.downBtnBox > a,.downBtnBox > span{text-align: center; cursor: pointer; position: relative;border-radius: 4px;display: block;width: 175px;height: 40px;line-height: 40px;margin: 0 auto 12px auto;z-index: 2;color: #fff;background:#999; font-size: 16px;font-weight: 400;}
.downBtnBox > a > i,.downBtnBox > span > i{vertical-align: top;display: inline-block;width: 22px;height: 25px;background: url("../images/qicon.png") no-repeat;position: relative;top: 5px;margin-right: 5px;}
.downBtnBox .yy{background: #f89635;}
.downBtnBox .and{background: #25c88a;}
.downBtnBox .ios{background: #5298ff;}
.downBtnBox .pc,.downBtnBox .aqBtn{background: #f89635;}

.downBtnBox .and > i{background-position: -170px -185px;}
.downBtnBox .ios > i{background-position: -197px -186px;}
.downBtnBox .pc > i{background-position:-227px -185px;}
.downBtnBox .aqBtn > i{background-position: -227px -185px;}

.downBtnBox > a:hover,.downBtnBox > span:hover{opacity: .9;}
.downBtnBox em.aqtishi{display: block;font-size: 12px;color: #999;text-align: center;width: 200px;height: 20px;line-height: 20px;margin-bottom: 10px;}

.gcont-l .l-top p{overflow: hidden;border-bottom: 1px solid #ebebeb;padding-bottom: 15px;}
.gcont-l .l-top p a{display: block;width: 80px;height: 26px;border: 1px solid #eeeeee;float: left;line-height: 26px;}
.gcont-l .l-top p a:nth-child(1){margin: 0px 11px 0px 17px;}
.gcont-l .l-top p a b{display: block;float: left;width: 35px;height: 26px;background: #fff;text-align: center;color: #666;font-weight: normal;font-size: 12px;}
.gcont-l .l-top p a span{background: #f8f8f8;color: #666;display: block;float: left;height: 26px;width: 45px;font-size: 12px;text-align: center;}
.gcont-l .l-top ul{overflow: hidden;padding: 10px 17px;border-top: 1px solid #ebebeb;}
.gcont-l .l-top ul li{height: 30px;line-height: 30px;overflow: hidden;color: #666;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
.gcont-l .l-top ul li img{height: 14px;width: auto;display:inline-block;margin-bottom: 3px;}

.gcont-l .l-jptj li{border-bottom: 1px dashed #ebebeb;position: relative;overflow: hidden;height: 60px;padding: 12px 10px 12px 9px;}
.gcont-l .l-jptj li a img{display: block;float: left; width: 60px;height: 60px;border-radius: 14px;margin-right: 5px;}
.gcont-l .l-jptj li a p{color: #333;height: 28px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;width: 120px;}
.gcont-l .l-jptj li:hover a p{color:var(--defcolor);}
.gcont-l .l-jptj li a span{color: #999;font-size: 12px;height: 20px;line-height: 20px;display: block;margin-top: 4px;}
.gcont-l .l-jptj li:last-child{border: none;}

.gcont-m{width: 715px;margin-left: 15px;background-color: #fff;float: left;}
.gcont-m .m-top{overflow: hidden;}
.gcont-m .m-top .Title span{font-weight: bold; display: block;background: #fff;width: 140px;border-right: 1px solid #ebebeb;text-align: center;float: left;font-family: "microsoft yahei";font-size: 18px;height: 48px;border-top: 2px solid #ebebeb;cursor: pointer;}
.gcont-m .m-top .Title span.current{border-top: 2px solid var(--defcolor);color: var(--defcolor);height: 48px;}
.gcont-m .m-top .Title .downBtn{position: relative; width: 150px;border-right: none;text-align: inherit;text-indent: 52px;display: block;height: 49px;float: left;color: #fff;background: #f60;border-top: 2px solid #ebebeb;font-family: "microsoft yahei";font-size: 18px;cursor: pointer;}
.gcont-m .m-top .Title .downBtn i{background-position:-346px -13px;width: 26px;height: 26px;display: inline-block;position: absolute;left: 18px;top: 12px;}
.gcont-m .m-top .showImg{padding:  15px;overflow: hidden;padding-bottom: 10px;}
.gcont-m .m-top .showImg ul{white-space: nowrap;position: relative;}
.gcont-m .m-top .showImg ul li{ display: inline-block; position: relative;margin-right: 10px;overflow: hidden;}
.gcont-m .m-top .showImg ul li:last-child{margin-right: 0;}
.gcont-m .m-top .showImg ul li a{display: block;}
.gcont-m .m-top .showImg ul li img{max-height: 300px;border-radius: 10px;}
.gcont-m .m-top .showImg div{overflow-x:scroll;}

.gcont-m .m-1{overflow: hidden;position: relative;}
.gcont-m .m-1 div:nth-child(1){margin: 16px 0 0 0;line-height: 25px;font-size: 14px;background: #fff;overflow: hidden;height: 30px;width: 700px;white-space: nowrap;}
.gcont-m .m-1 div:nth-child(1) b{margin-right: 10px; font-size: 15px;color: #666;display: block;float: left;padding-left: 16px;border-left: 5px solid var(--defcolor);font-weight: 400;}
.gcont-m .m-1 div:nth-child(1) a{color: #00b0f0;display: inline-block;height: 26px;line-height: 26px;margin: 0 10px 0 0;padding: 0 10px;border: 1px solid #ddd;border-radius: 3px;}

.gcont-m .m-1 div:nth-child(2){overflow: hidden;padding: 0px 20px 25px 20px;color: #666;font-size: 15px;line-height: 28px;position: relative;}
.gcont-m .m-1 div:nth-child(2) p{line-height: 26px;color: #666;margin: 15px 0px 0px 0px;}
.gcont-m .m-1 div:nth-child(2) p img{display: block;margin: 0px auto;max-width: 800px;border-radius: 10px;}
.gcont-m .m-1 div:nth-child(2) h3{color: #333;font-size: 18px;margin-top: 15px;overflow: hidden;height: 48px;position: relative;border-bottom: 1px #000 solid;}
.gcont-m .m-1 div:nth-child(2) h3 span{border-bottom: 4px solid #000;display: inline-block;padding-bottom: 12px;padding-right: 5px;}

.gcont-m .m-2{overflow: hidden;border-top: 15px solid #fafafa;}
.gcont-m .m-2 .Title b{width: auto;height: 26px;line-height: 26px;background: #f60;font-size: 12px;font-weight: normal;color: #fff;padding: 0 10px;border-radius: 5px;text-indent: 0;float: right;display: block;overflow: hidden;margin: 12px 12px 0 0;cursor: pointer;}
.gcont-m .m-2 ul{width: 100%;height: auto;margin: 0 auto 10px;display: block;overflow: hidden;}
.gcont-m .m-2 ul li{width: 48%;height: 20px;line-height: 20px;font-size: 14px;font-weight: normal;color: #333;float: left;margin: 10px 0 0 2%;display: inline;overflow: hidden;}
.gcont-m .m-2 ul li span{width: 270px;display: inline-block;}

.xgbb{overflow: hidden;border-top: 15px solid #fafafa;}
.xgbb > ul{    padding: 15px 15px 9px 15px;
    overflow: hidden;}
.xgbb > ul > li{height: 30px;
    overflow: hidden;
    background: #fafafa;
    border-radius: 2px;
    margin-bottom: 6px;
    padding: 6px 8px;}
.xgbb > ul > li > a{display: block;    color: #2a2a2a;}
.xgbb > ul > li > a > img{    display: block;
    float: left;
    width: 30px;
    height: 30px;    border-radius: 6px;}
.xgbb > ul > li > a > p{height: 30px;
    float: left;
    line-height: 30px;
    width: 280px;
    margin: 0px 15px;
    overflow: hidden;}
.xgbb > ul > li > a > span{    display: block;
    float: left;
    color: #666;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 15px;}
.xgbb > ul > li > a > span:nth-child(3){padding-left: 0;}
.xgbb > ul > li > a > span:last-child{display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    width: 68px;
    text-align: center;
    border-radius: 4px;
    background: var(--defcolor);
    color: #fff;padding: 0;}
.xgbb > ul > li:hover > a > p{color: var(--defcolor);}
.cnxh{overflow: hidden;border-top: 15px solid #fafafa;}
.cnxh .Title div{float: left;font-weight: normal;color: #999;margin-left: 20px !important;height: 50px;overflow: hidden;width: 550px;text-align: left;}
.cnxh .Title div span{cursor: pointer;color: #999;font-size: 15px;padding: 0px 15px;}
.cnxh .Title div span.current{color: var(--defcolor);}
.cnxh .tabBox>div {display: none;}
.cnxh .tabBox>div:first-child{display: block;}
.cnxh .tabBox>div .hd{overflow: hidden;position: relative;padding-left: 255px;height: 120px;margin: 15px 15px 0px 15px;}
.cnxh .tabBox>div .hd>a{display: block;width: 240px;height: 120px;position: absolute;left: 0px;top: 0px;}
.cnxh .tabBox>div .hd>a img{width: 240px;height: 120px;border-radius: 10px;}
.cnxh .tabBox>div .hd>p{height: 30px;font-weight: bold; line-height: 30px;overflow: hidden;font-size: 16px;color: #333;}
.cnxh .tabBox>div .hd div{height: 78px;line-height: 26px;margin-top: 4px;overflow: hidden;color: #999;font-size: 14px;}
.cnxh .tabBox>div .hd div a{color:var(--defcolor);}
.cnxh .tabBox>div ul{padding: 0px 0 15px 15px;overflow: hidden;}
.cnxh .tabBox>div li{float: left;width: 233px;overflow: hidden;margin: 15px 0px 5px 0px;}
.cnxh .tabBox>div li>a>p{font-size: 14px;height: 25px;line-height: 25px;overflow: hidden;margin-bottom: 8px;color: #666;width: 230px;}
.cnxh .tabBox>div li:hover>a>p{color: var(--defcolor);}
.cnxh .tabBox>div li>a div>img{display: block; width: 70px;height: 70px;float: left;border-radius: 14px;}
.cnxh .tabBox>div li>a div div{float: left;margin-left: 10px;}
.cnxh .tabBox>div li>a div div img{height: 14px;display: inline;}
.cnxh .tabBox>div li>a div div p{color: #999999;font-size: 12px;margin-bottom: 5px;}
.cnxh .tabBox>div li>a div div p:nth-of-type(1){margin-bottom: 0;line-height: 14px;}
.cnxh .tabBox>div li>a div div span{font-size: 14px;height: 24px;line-height: 24px;background: var(--defcolor);color: #fff;text-align: center;width: 78px;display: block;border-radius: 3px;}

.xgwz{border-top: 15px solid #fafafa;overflow: hidden;}
.xgwz ul{padding: 15px 10px 15px 15px;overflow: hidden;}
.xgwz li{overflow: hidden;height: 35px;line-height: 35px;float: left;width: 327px;margin-right: 15px;}
.xgwz li > a{width: 320px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xgwz li > a::before{content: '';display: inline-block;    background: url(../images/icon.png) no-repeat;
    background-size: 800px 800px;background-position: -111px -69px;width: 6px;height: 10px;margin-right: 5px;}
.xgwz li a:hover{color: var(--defcolor);}


/*.xgwz li i{display: inline-block; background-position: -111px -69px;width: 6px;height: 10px;margin-right: 5px;}
.xgwz li a{width: 320px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
*/

.gcont-m .m-5{border-top: 15px solid #fafafa;}
.gcont-m .m-5 ul{width: auto;height: auto;display: block;overflow: hidden;margin: 0 0px 15px 0px;}
.gcont-m .m-5 li{width: 70px;height: auto;float: left;margin: 16px 16px 0 16px;display: inline;overflow: hidden;}
.gcont-m .m-5 li a{width: 70px;height: auto;margin: auto;display: block;overflow: hidden;}
.gcont-m .m-5 li a img{border-radius: 14px;width: 70px;height: 70px;}
.gcont-m .m-5 li a p{width: 100%;height: 26px;line-height: 26px;font-size: 14px;font-weight: normal;color: #444;text-align: center;margin: 9px 0 0;display: block;overflow: hidden;}
.gcont-m .m-5 li a span{display: none;width: 100%;height: 26px;line-height: 26px;font-size: 14px;font-weight: normal;color: #fff;text-align: center;margin: 9px 0 0;overflow: hidden;border-radius: 3px;background: var(--defcolor);}
.gcont-m .m-5 li a:hover span{display: block;color: #fff;}
.gcont-m .m-5 li a:hover p{display: none;}

.gcont-r{width: 245px;background-color: #fff;float: left;margin-left: 15px;}
.gcont-r .m-top ul li{border-bottom: 1px dashed #ebebeb;position: relative;overflow: hidden;height: 60px;padding: 12px 10px 12px 8px;}
.gcont-r .m-top ul li:last-child{border: none;}
.gcont-r .m-top ul li a img{float: left; width: 60px;height: 60px;border-radius: 14px;margin-right: 10px;}
.gcont-r .m-top ul li a p{color: #333;height: 28px;line-height: 28px;overflow: hidden;}
.gcont-r .m-top ul li a span{color: #999;font-size: 12px;height: 20px;line-height: 20px;display: block;margin-top: 4px;}
.gcont-r .m-top ul li:hover > a > p:nth-child(2){color: var(--defcolor);}

.gcont-r .gm-class{border-top: 15px solid #fafafa;}
.gcont-r .gm-class div:nth-child(2){padding: 0px 4px 16px 6px;}
.gcont-r .gm-class div:nth-child(2) a{height: auto;float: left;width: 78px;margin-top: 16px;display: inline;overflow: hidden;}
.gcont-r .gm-class div:nth-child(2) img{width: 60px;height: 60px;border-radius: 14px;margin: auto;display: block;overflow: hidden;}
.gcont-r .gm-class div:nth-child(2) p{width: 100%;height: 16px;line-height: 16px;font-size: 14px;font-weight: normal;color: #333;text-align: center;margin: 10px 0 0;display: block;overflow: hidden;}
.gcont-r .gm-class div:nth-child(2) a:hover > p{color: var(--defcolor);}


.gcont-r .downrank-u li a>p{width: 120px;}
.gcont-r .downrank-u li.on a i{margin-right: 5px;}
.gcont-r .downrank-u li.on a div{width: 120px;float: left;margin: 15px 0 15px 8px;}


/* ---------------游戏攻略合集------------------- */
.gl-l{width: 885px;float: left;background-color: #fff;}
.gl-l>ul{overflow: hidden;}
.gl-l>ul li{overflow: hidden;position: relative;padding: 15px;height: 140px;border-bottom: 1px dashed #eee;}
.gl-l>ul li a{display: block;}
.gl-l>ul li a img{display: block;float: left;width: 210px;height: 140px;margin-right: 15px;}
.gl-l>ul li a div p:first-child{height: 26px;line-height: 26px;overflow: hidden;margin: 0px 0 6px 0;font-size: 18px;font-weight: bold;color: #333;display: block;}
.gl-l>ul li a div p:nth-child(2){color: #999;height: 78px;line-height: 26px;overflow: hidden;}
.gl-l>ul li a div p:nth-child(3){font-weight: normal;display: block;height: 26px;margin-top: 2px;}
.gl-l>ul li a div p:nth-child(3) span{height: 26px;line-height: 26px;color: #999;font-style: normal;display: block;float: left;margin-right: 15px;}
.gl-l>ul li a div p:nth-child(3) span i{vertical-align: top;margin-top: 5px; margin-right: 6px;width: 16px;height: 16px;display: inline-block; font-size: 0; background-position: -2px -68px;}
.gl-l>ul li a div p:nth-child(3) span:nth-child(2) i{background-position-x: -35px;}
.gl-l>ul li a:hover div p:first-child{color:var(--defcolor);}


.gl-r{width: 300px;float: right;}
.gl-r .class-u{overflow: hidden;}
.gl-r .class-u ul{padding: 15px 15px 0px 15px;overflow: hidden;}
.gl-r .class-u li{float: left;overflow: hidden;padding-bottom: 15px;width: 90px;}
.gl-r .class-u li a{background: #eee;color: #333;border-radius: 4px;height: 32px;line-height: 32px;width: 80px;text-align: center;display: block;margin: 0px 5px;}
.gl-r .class-u li:hover a{background: #f60;color: #fff;}

.hot-tj{overflow: hidden;/*border-top: 15px solid #fafafa;*/background: #fff;}
.hot-tj ul{padding: 5px 10px 8px 10px;overflow: hidden;}
.hot-tj ul li{overflow: hidden;height: 35px;line-height: 35px;}
.hot-tj ul li i{width: 6px;height: 6px;background: #e6e6e6;border-radius: 50%;margin: 15px 10px 0 5px;display: block;float: left;}
.hot-tj ul li a{display: block;float: left;height: 35px;overflow: hidden;color: #333;width: 256px;text-overflow: ellipsis;white-space: nowrap;}
.hot-tj ul li:hover i{background: var(--defcolor);}
.hot-tj ul li:hover a {color: var(--defcolor);}


.hot-yd{overflow: hidden;margin-top: 15px;background: #fff;}
.hot-yd ul{padding: 5px 10px 8px 10px;overflow: hidden;}
.hot-yd ul li{overflow: hidden;height: 35px;line-height: 35px;padding-left: 32px;position: relative;}
.hot-yd ul li i{position: absolute;left: 0px;top: 6.5px;height: 22px;width: 22px;display: block;line-height: 22px;text-align: center;background: #c7c7c7;color: #fff;border-radius: 3px;font-style: normal;}
.hot-yd ul li a{display: block;float: left;height: 35px;overflow: hidden;color: #333;width: 256px;text-overflow: ellipsis;white-space: nowrap;}
.hot-yd ul li:hover i{background: var(--defcolor);}
.hot-yd ul li:hover a {color: var(--defcolor);}
.hot-yd ul li:nth-child(1) i{background:#ff5555;}
.hot-yd ul li:nth-child(2) i{background: #ff6600;}
.hot-yd ul li:nth-child(3) i{background: #ff9900;}

.gl-jptj{overflow: hidden;margin-top: 15px;background: #fff;}
.gl-jptj .Title2 span{float: right;color: #999;font-weight: normal;padding-right: 5px;height: 24px;margin-top: 13px;}
.gl-jptj .Title2 span b{color: #999;height: 20px;line-height: 20px;cursor: pointer;display: inline-block;text-indent: 0px;font-size: 14px;font-weight: normal;padding: 0px 12px;border-left: 1px solid #ddd;}
.gl-jptj .Title2 span b:nth-child(1){border-left: none !important;}
.gl-jptj .Title2 span b.current{color: var(--defcolor);}

.gl-jptj>div:nth-child(2) div{padding: 0px 10px 20px 10px;overflow: hidden;display: none;}
.gl-jptj>div:nth-child(2) div:first-child{display: block;}
.gl-jptj>div:nth-child(2) div a{width: 93px;height: auto;float: left;display: inline;overflow: hidden;margin-top: 20px;}
.gl-jptj>div:nth-child(2) div a img{width: 60px;height: 60px;border-radius: 14px;margin: auto;display: block;overflow: hidden;}
.gl-jptj>div:nth-child(2) div a p{width: 100%;height: 16px;line-height: 16px;font-size: 14px;font-weight: normal;color: #333;text-align: center;margin: 10px 0 0;display: block;overflow: hidden;}
.gl-jptj>div:nth-child(2) div a:hover p{color: #ff6600;}

.hot-zt{overflow: hidden;margin-top: 15px;background: #fff;}
.hot-zt > div:nth-child(2){padding: 0 10px 15px;}
.hot-zt > div:nth-child(2) > a{display: block;
    position: relative;
    width: 280px;
    height: 150px;
    margin: 18px 0 0 0;
    overflow: hidden;}
.hot-zt > div:nth-child(2) > a > img{    width: 280px;
    min-height: 150px;
    height: auto;
    transition: all .4s ease;}
.hot-zt > div:nth-child(2) > a > p{    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, .7);
    font-size: 14px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.hot-zt > div:nth-child(2) > a:hover > img{    transform: scale(1.1);}
.hot-zt > div:nth-child(2) > a:hover > p{color: var(--defcolor);}

/* -------------攻略内容页------------------- */
.glc-L{width: 885px;background-color: #fff;float: left;}
.glc-L h1{line-height: 42px;font-size: 24px;font-weight: bold;padding: 25px 15px 10px;text-align: center;}
.glc-L>p{overflow: hidden;height: 24px;line-height: 24px;text-align: center;color: #999;border-bottom: 1px dashed #ebebeb;padding-bottom: 15px;}
.glc-L>p span{color: #999;padding: 0px 10px;}

.glc-L .glc-main{overflow: hidden;padding: 0px 20px 25px 20px;color: #666;font-size: 15px;line-height: 28px;}
.glc-L .glc-main p{line-height: 26px;color: #666;margin: 15px 0px 0px 0px;}
.glc-L .glc-main h3{color: #333;font-size: 18px;margin-top: 15px;overflow: hidden;height: 48px;position: relative;border-bottom: 1px #000 solid;}
.glc-L .glc-main h3 span{border-bottom: 4px solid #000;display: inline-block;padding-bottom: 12px;padding-right: 5px;}

.glc-L .cnxh .tabBox>div li{width: 285px;}
.glc-L .cnxh .tabBox>div li>a div div{margin-left: 23px;}
.glc-L .xgwz li{width: 385px;margin-right: 40px;}
.glc-L .xgwz li a{width: 385px;}

.glc-R{width: 300px;float: left;margin-left: 15px;}
.glc-R .gm-down{overflow: hidden;background: #fff;}
.glc-R .gm-down>div:first-child{position: relative;overflow: hidden;height: 100px;padding: 15px 15px 15px 127px;border-bottom: 1px solid #ebebeb;}
.glc-R .gm-down>div:first-child>a{display: block;overflow: hidden;}
.glc-R .gm-down>div:first-child>a img{display: block;border-radius: 14px;width: 100px;height: 100px;position: absolute;left: 15px;top: 15px;}
.glc-R .gm-down>div:first-child p{color: #666;line-height: 25px;overflow: hidden;height: 25px;}
.glc-R .gm-down>div:first-child p span{display: block;float: left;}
.glc-R .gm-down>div:first-child p img{display: block;float: left;height: 14px;margin-top: 3px;}
.glc-R .gm-down>div:first-child p a{border-radius: 4px;background-color: #fafafa;display: block;height: 25px;line-height: 25px;width: 95px;float: left;text-align: center;}
.glc-R .gm-down>div:first-child p a i{display: inline-block;float: left;border-right: 1px solid #e7e7e7;width: 27px;height: 25px;background-position: -293px -9px;}

.glc-R .gm-down>div:nth-child(2){margin: 15px;overflow: hidden;padding: 10px 0;background: #fafafa;}
.glc-R .gm-down>div:nth-child(2)>div span{text-align: center; cursor: pointer; position: relative;border-radius: 4px;display: block;width: 175px;height: 40px;line-height: 40px;margin: 6px auto 6px auto;z-index: 9;color: #fff;font-size: 16px;font-weight: 400;}
.glc-R .gm-down>div:nth-child(2)>div span i{vertical-align: top;width: 28px;height: 40px;display: inline-block;}
.glc-R .gm-down>div:nth-child(2)>div span.and{background:#25c88a;}
.glc-R .gm-down>div:nth-child(2)>div span.and i{background-position: -16px -151px;}
.glc-R .gm-down>div:nth-child(2)>div span.and:hover{background: #2cbb84;}
.glc-R .gm-down>div:nth-child(2)>div span.ios{background:#5298ff;}
.glc-R .gm-down>div:nth-child(2)>div span.ios i{background-position: -53px -151px;}
.glc-R .gm-down>div:nth-child(2)>div span.ios:hover{background: #5895f0;}

/* -----------------游戏专题页面----------------------- */
.zt{background-color: #fff;}
.zt .Title span{float: right;font-weight: normal;color: #999;}
.zt .Title span b{padding: 0px 15px;color: #999;cursor: pointer;font-size: 15px;border-left: 1px solid #ddd;}
.zt .Title span b:first-child{border-left:none !important;}
.zt .Title span b.current{color: var(--defcolor);}

.zt .tabBox{padding-bottom: 20px;}
.zt .tabBox>div{overflow: hidden;padding: 0px 0px 0px 15px;display: none;}
.zt .tabBox>div:first-child{display: block;}
.zt .tabBox>div ul li{display: block;float: left;width: 280px;height: 260px;background: #fff;margin: 14px 14px 0px 0px;border: 1px solid #f2f2f2;}
.zt .tabBox>div ul > li:nth-child(4n){margin-right: 0;}
.zt .tabBox>div ul li a img{width: 280px;height: 140px;}
.zt .tabBox>div ul li a > div{width: 250px;margin: 8px auto 0;}
.zt .tabBox>div ul li a > div > p{overflow:hidden;text-overflow: ellipsis;}
.zt .tabBox>div ul li a > div > p:nth-child(1){height: 26px;line-height: 26px;font-size: 16px;white-space: nowrap;}
.zt .tabBox>div ul li a > div > p:nth-child(1) > strong{float: left;max-width: 170px;font-weight: unset;overflow: hidden;text-overflow: ellipsis;}
.zt .tabBox>div ul li a > div > p:nth-child(1) > span{color: red;float: right;font-size: 14px;}
.zt .tabBox>div ul li a > div > span:nth-child(2){color: #999;font-size: 14px;}
.zt .tabBox>div ul li a > div > p:nth-of-type(2){-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 66px;color: #999;font-size: 12px;line-height: 22px;margin-top: 8px;}

.zt .tabBox>div ul li:hover a > div > p:nth-child(1){color: var(--defcolor)}

/*
.zt .tabBox>div ul li a span{display: block;width: 250px;height: 26px;line-height: 26px;margin: 8px auto 0;color: #404040;font-size: 16px;overflow: hidden;}
.zt .tabBox>div ul li:hover a span{color: #ff6600;}
.zt .tabBox>div ul li a span em{font-style: normal;color: red;float: right;font-size: 14px;}
.zt .tabBox>div ul li a div{text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 66px;width: 250px;margin: 0 auto;color: #999;font-size: 12px;line-height: 22px;overflow: hidden;margin-top: 8px;}*/

/* -----------------专题内容页----------------- */
.zt-cont{background-color: #fff;}
.zt-tit{padding: 15px;overflow: hidden;}
.zt-tit img{width: 600px;height: 300px;float: left;display: block;}
.zt-tit>div{overflow: hidden;width: 550px;height: 300px;float:right;}
.zt-tit>div h1{font-size: 2em;font-weight: bold;}
.zt-tit>div div{width: 100%;max-height: 150px;line-height: 30px;font-size: 14px;font-weight: normal;font-family: "microsoft yahei";color: #666;text-indent: 24px;overflow: auto;}
.zt-tit>div > p:nth-of-type(1){text-indent: 0px;line-height: 30px;font-weight: bold;color: #333;margin-top: 4px;overflow: hidden;max-height: 60px;}
.zt-tit>div > p:nth-of-type(1) a{color: #2b7fd5;font-weight: normal;}
.zt-tit>div > p:nth-of-type(1) a:hover{color: #f60;}
.zt-tit>div > p:nth-of-type(2){overflow: hidden;font-size: 14px;height: 36px;line-height: 36px;margin-top: 6px;}
.zt-tit>div p:nth-of-type(2) span{display: block;float: left;color: #9e9e9e;padding-right: 25px;font-size: 14px;}
.zt-tit>div p:nth-of-type(2) span b{font-size: 16px;color: #f25657;font-weight: normal;padding: 0px 3px;}

.zt-list{overflow: hidden;padding: 0px 15px;border-top: 15px solid #fafafa;}
.zt-list>div:first-child{border-bottom: 1px solid #efefef;background: #fff;padding: 20px 0px;overflow: hidden;text-align: center;}
.zt-list>div:first-child p{color: #f60;display: inline-block;width: 170px;text-align: center;font-size: 18px;cursor: pointer;font-weight: bold;height: 20px;line-height: 20px;}
.zt-list>div:nth-child(2){overflow: hidden;padding: 15px 0px 0px 0px;}
.zt-list>div:nth-child(2) ul{width: 1185px;overflow:hidden;}
.zt-list>div:nth-child(2) ul li{float: left;width: 380px;height: 206px;position: relative;z-index: 99;background: #fff;margin: 0px 15px 15px 0px;}
.zt-list>div:nth-child(2) ul li>div{z-index: 99;background: #fff;position: relative;border: 1px solid #ebebeb;padding: 15px;height: 176px;top: 0px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.zt-list>div:nth-child(2) ul li>div>i{display: none; position: absolute;left: -7px;z-index: 999;top: -7px;width: 112px;height: 112px;}
.zt-list>div:nth-child(2) ul li:nth-of-type(1)>div>i{background-position: -416px -216px;display: block;}
.zt-list>div:nth-child(2) ul li:nth-of-type(2)>div>i{background-position: -539px -216px;display: block;}
.zt-list>div:nth-child(2) ul li:nth-of-type(3)>div>i{background-position: -671px -216px;display: block;}
.zt-list>div:nth-child(2) ul li>div div{position: relative;}
/*.zt-list>div:nth-child(2) ul li:nth-child(1)>div div,.zt-list>div:nth-child(2) ul li:nth-child(2)>div div,.zt-list>div:nth-child(2) ul li:nth-child(3)>div div{padding: 0px 85px 0px 60px;}*/
.zt-list>div:nth-child(2) ul li>div div > a:nth-child(1){display: block;position: absolute;right: 0;top: 0;z-index: 99;width: 75px;}
.zt-list>div:nth-child(2) ul li>div div a img{width: 73px;height: 73px;border-radius: 8px;border: 1px solid #efefef;vertical-align: middle;display: table-cell;text-align: center;}
.zt-list>div:nth-child(2) ul li>div div a span{display: block;width: 58px;border: 1px solid #e8e8e8;height: 22px;color: #999;text-align: center;line-height: 22px;text-align: center;margin: 10px auto 0;}
.zt-list>div:nth-child(2) ul li>div div a:hover span{background: var(--defcolor);color: #fff;border: 1px solid var(--defcolor);}
/*.zt-list>div:nth-child(2) ul li>div div p:nth-of-type(1){cursor: pointer;font-size: 16px;margin-bottom: 8px;display: block;height: 24px;line-height: 24px;overflow: hidden;color: #333;width: 260px;text-overflow: ellipsis;white-space: nowrap;}*/
.zt-list>div:nth-child(2) ul li>div > div > a:nth-child(2){font-size: 16px;margin-bottom: 8px;display: block;height: 24px;line-height: 24px;overflow: hidden;color: #333;width: 260px;text-overflow: ellipsis;white-space: nowrap;}
.zt-list>div:nth-child(2) ul li>div > div > a:nth-child(2):hover{color: var(--defcolor);}

.loding_btn{display:block;height: 32px;line-height: 32px;background-color:var(--defcolor);color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;width: 95px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}



/*.zt-list>div:nth-child(2) ul li:nth-child(1)>div div p:nth-of-type(1),
.zt-list>div:nth-child(2) ul li:nth-child(2)>div div p:nth-of-type(1),
.zt-list>div:nth-child(2) ul li:nth-child(3)>div div p:nth-of-type(1){width: 193px;overflow: hidden;}*/
.zt-list>div:nth-child(2) ul li>div div>img{display: block;height: 14px;display: block;margin-bottom: 10px;}
.zt-list>div:nth-child(2) ul li>div div p{margin-bottom: 10px;height: 22px;line-height: 22px;overflow: hidden;}
.zt-list>div:nth-child(2) ul li>div div p span{ display: block;line-height: 22px;float: left;overflow: hidden;width: 100px;height: 22px;white-space: nowrap;}
.zt-list>div:nth-child(2) ul li>div div p span i{width: 20px;height: 22px;display: inline-block;vertical-align: top;}
.zt-list>div:nth-child(2) ul li>div div >p:nth-child(4) span:nth-child(1) i{background-position: -8px -258px;}
.zt-list>div:nth-child(2) ul li>div div >p:nth-child(4) span:nth-child(2) i{background-position: -8px -284px;}
.zt-list>div:nth-child(2) ul li>div div >p:nth-child(5) span:nth-child(1) i{background-position: -8px -303px;}
.zt-list>div:nth-child(2) ul li>div div >p:nth-child(5) span:nth-child(2) i{background-position: -8px -213px;}
.zt-list>div:nth-child(2) ul li>div>p{color: #999;font-size: 14px;line-height: 28px;height: 56px;overflow: hidden;}
.zt-list>div:nth-child(2) ul li>div>p span{color: #f60;}
.zt-list>div:nth-child(2) ul li>i{background: #ededed;width: 100%;height: 30px;position: absolute;left: 0;bottom: 0;z-index: 9;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.zt-list>div:nth-child(2) ul li:hover>div{top: -10px;}
.zt-list>div:nth-child(2) ul li:hover>i{width: 94%;left: 3%;bottom: -2px;}

.rmzt{margin-top: 15px;background-color: #fff;}
.rmzt .zt-swiper{position: relative;}
.rmzt .zt-swiper .btn-box span{position: absolute;top: 112px;width: 40px;height: 70px;z-index: 999;cursor: pointer;}
.rmzt .zt-swiper .btn-box .lt{left: -40px;background-position: 0 -400px;}
.rmzt .zt-swiper .btn-box .rt{right: -52px;background-position: -66px -400px;}
.rmzt .zt-swiper .btn-box .lt:hover{background-position: 0 -500px;}
.rmzt .zt-swiper .btn-box .rt:hover{background-position: -66px -500px;}
.rmzt .swp-box{overflow: hidden;width: 1180px;margin: 15px auto 5px;position: relative;}
.rmzt .swp-box div{overflow: hidden;position: relative;}
.rmzt .swp-box div ul{float: left;width: 1180px;}
.rmzt .swp-box ul li{float: left;overflow: hidden;position: relative;width: 285px;margin-right: 10px;margin-bottom: 10px;}
.rmzt .swp-box ul li > a{}
.rmzt .swp-box ul li > a > img{width: 285px;height: 143px}
.rmzt .swp-box ul li a strong{background: rgba(0,0,0,.5); display: block;position: absolute;left: 0px;bottom: 0px;color: #fff;text-align: center;height: 30px;line-height: 30px;font-weight: normal;width: 285px;font-size: 15px;}
.rmzt .swp-box ul li:hover a strong{color: var(--defcolor);}


/* ----------------------------首页-------------------------- */
.banner{position: relative;height: 480px;width: 100%;overflow: hidden;}
.banner-btn{height: 30px;position: absolute;width: 100%;z-index: 8;top: 268px;left: 0px;}
.banner-btn ul{display: block; float: right;}
.banner-btn ul li{margin-left: 8px;width: 12px;height: 12px;-webkit-border-radius: 15px;-webkit-background-clip: padding-box;-moz-border-radius: 15px;color: #fff;font-size: 0px;line-height: 12px;text-align: center;-moz-background-clip: padding;border-radius: 15px;background-clip: padding-box;border: 2px #fff solid;background: #fff;display: inline-block;cursor: pointer;}
.banner-btn ul li.current{background: var(--defcolor);color: var(--defcolor);}
.banner-img{position: absolute;left: 50%;margin-left: -960px;top: 0;height: 480px;overflow: hidden;}
.banner-img div{position: relative;}
.banner-img div ul{position: relative;overflow: hidden;padding: 0px;margin: 0px;}
.banner-img div ul li{float: left;width: 1920px;}
.banner-img div ul li a img{width: 1920px;}

.index-1{position: relative;}
.index-1 .main{width: 1200px;margin: 0px auto;position: absolute;top: -180px;height: 240px;left: 0px;background-color: #fff;}
.index-1 .main .game-list{height: 125px;overflow: hidden;padding: 15px 15px 20px 15px;width: 1170px;margin: 0px auto;}
.index-1 .main .game-list ul{width: 577px;height: 125px;overflow: hidden;}
.index-1 .main .game-list ul:nth-child(1){float: left;}
.index-1 .main .game-list ul:nth-child(2){float: right;}
.index-1 .main .game-list ul li{float: left;width: 100px;height: 125px;margin-left: 8px;background-color: #F1F1F1;text-align: center;overflow: hidden;}
.index-1 .main .game-list ul li:first-child{height: 125px;width: 35px;color: #fff;background-color: #F8AB1D;text-align: center;font-size: 14px;display: inline-block;margin:0 2px 0 0;}
.index-1 .main .game-list ul li:first-child i{display: inline-block;width: 20px;height: 20px;margin-top: 12px;}
.index-1 .main .game-list ul li:first-child p{width: 20px;margin: 0 auto;font-family: "Microsoft YaHei";}
.index-1 .main .game-list ul:nth-child(1) li:first-child{background-color: #ff4939;}
.index-1 .main .game-list ul:nth-child(1) li:first-child i{background-position: -94px -163px;}
.index-1 .main .game-list ul:nth-child(2) li:first-child i{background-position: -130.5px -163px;}
.index-1 .main .game-list ul li a{display: block;}
.index-1 .main .game-list ul li a img{width: 80px;height: 80px;border-radius: 14px;margin: 12px 0 5px 0;}
.index-1 .main .game-list ul li a p{display: inline-block;color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px;}
.index-1 .main .game-list ul li a:hover p{color: var(--defcolor);}

.index-1 .main .font-list{overflow: hidden;line-height: 20px;}
.index-1 .main .font-list p{width: 1150px;height: 21px;line-height: 21px;font-size: 16px;padding-bottom: 20px; color: #dddddd;white-space: nowrap;overflow: hidden;margin-left: 20px;}
.index-1 .main .font-list p em{font-size: 16px;color: #4b4b4b;}
.index-1 .main .font-list p em i{display: inline-block;width: 9px;height: 13px;background-position: -51px -276px;vertical-align: top;margin: 5px 5px 0 6px;}
.index-1 .main .font-list p a{font-size: 14px;color: #444444;padding: 0 12px;border-right: 1px solid #ebebeb;}
.index-1 .main .font-list p a:hover{color: var(--defcolor);}

.index-2{height: 272px;margin: 75px auto 0px;overflow: hidden;background-color: #fff;padding-left: 15px;width: 1185px;zoom: 1;color: #fff;}
.index-2 ul li{height: 240px;display: block;float: left;width: 280px;background: #fff;margin: 15px 14px 15px 0px;border: 1px solid #ebebeb;}
.index-2 ul li>a{position: relative;display: block;width: 280px;height: 140px;}
.index-2 ul li>a span{position: absolute;display: block;color: #fff;text-align: center;padding: 0px 10px;overflow: hidden;background:rgba(0,0,0,.5);height: 26px;line-height: 26px;left: 0px;bottom: 0px;z-index: 9;width: 260px;font-size: 15px;}
.index-2 ul li div{overflow: hidden;padding: 15px;height: 70px;}
.index-2 ul li div a{display: block;position: relative;padding: 0px 0px 0px 80px;height: 70px;}
.index-2 ul li div a>img{width: 70px;position: absolute;left: 0px;top: 0px;height: 70px;border-radius: 14px;display: block;overflow: hidden;}
.index-2 ul li div a p strong{height: 20px;line-height: 20px;font-size: 15px;font-weight: normal;color: #333;margin: 2px 0 0 0;display: block;overflow: hidden;}
.index-2 ul li div a p img{width: auto;border-radius: 0px;height: 14px;display: block;overflow: hidden;padding: 8px 0 5px 0;position: static;}
.index-2 ul li div a p span{height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #999;display: block;overflow: hidden;}
.index-2 ul li div a>span{position: absolute;background: var(--defcolor);color: #fff;width: 60px;text-align: center;height: 27px;line-height: 27px;border-radius: 3px;right: 0px;top: 21px;}
.index-2 ul li>a:hover span{color: var(--defcolor);}
.index-2 ul li div a:hover p strong{color: var(--defcolor);}

.index-3{background-color: #fff;margin-top: 15px;}
.index-3 .i-l{width: 810px;border-right: 15px solid #fafafa;overflow: hidden;float: left;}
.index-3 .Title span{float: left;font-weight: normal;color: #999;width: 620px;text-align: right;}
.index-3 .Title span b{padding: 0px 15px;color: #999;cursor: pointer;font-size: 15px;border-left: 1px solid #ddd;}
.index-3 .Title span b:first-child{border-left:none !important;}
.index-3 .Title span b.current{color: var(--defcolor);}

.update .i-l>div:nth-child(2) ul{margin: 16px 0px 3px 15px;overflow: hidden;display: none;}
.update .i-l>div:nth-child(2) ul:first-child{display: block;}
.update .i-l>div:nth-child(2) ul li{margin: 0px 12px 12px 0px;overflow: hidden;float: left;width: 250px;border: 1px solid #ebebeb;border-radius: 2px;}
.update .i-l>div:nth-child(2) ul li a{display: block;overflow: hidden;position: relative;height: 80px;padding: 17px 12px 17px 102px;}
.update .i-l>div:nth-child(2) ul li a img{width: 80px;height: 80px;border-radius: 14px;position: absolute;left: 12px;top: 17px;}
.update .i-l>div:nth-child(2) ul li a p{height: 22px;line-height: 22px;overflow: hidden;}
.update .i-l>div:nth-child(2) ul li:hover a p{color: var(--defcolor);}
.update .i-l>div:nth-child(2) ul li a span{color: red;height: 20px;line-height: 20px;overflow: hidden;display: block;font-size: 12px;margin: 8px 0px;}
.update .i-l>div:nth-child(2) ul li a strong{font-weight: normal;color: #999;display: block;height: 20px;line-height: 20px;overflow: hidden;font-size: 12px;}

.index-3 .i-r{width: 375px;float: right;}
.update .i-r div:nth-child(2){padding: 14px 0px 8px 15px;overflow: hidden;}
.update .i-r div:nth-child(2) a{display: block;width: 111px;height: 121px;float: left;margin: 0px 6px 6px 0px;background-color: #F1F1F1;text-align: center;overflow: hidden;border-radius: 3px;}
.update .i-r div:nth-child(2) a img{width: 80px;height: 80px;border-radius: 14px;margin: 10px 0 5px 0;}
.update .i-r div:nth-child(2) a p{display: inline-block;color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px;}
.update .i-r div:nth-child(2) a:hover p{color: var(--defcolor);}
.games .i-l ul,.ios .i-l ul{overflow: hidden;margin: 0px 0px 22px 14px;display: none;}
.games .i-l ul:nth-of-type(1),.ios .i-l ul:nth-of-type(1){display: block;}
.games .i-l ul li{width: 90px;padding: 32px 26px 0px 16px;float: left;text-align: center;}
.games .i-l ul li a img{width: 80px;height: 80px;margin: 0 auto 5px auto;border-radius: 14px;}
.games .i-l ul li a p{color: #333;height: 22px;line-height: 22px;overflow: hidden;}
.games .i-l ul li a span{font-size: 12px;color: #999;}
.games .i-l ul li a:hover p{color:var(--defcolor);}

.games .i-r ul:nth-of-type(1) li{height: 80px;margin: 15px 15px 0px 15px;padding: 0px 0px 15px 0px;border-bottom: 1px dashed #ebebeb;}
.games .i-r ul:nth-of-type(1) li a img{width: 80px;height: 80px;border-radius: 14px;display: block;float: left;}
.games .i-r ul:nth-of-type(1) li a div{width: 170px;height: 80px;margin: 0 10px 0 10px;float: left;}
.games .i-r ul:nth-of-type(1) li a div p:nth-child(1){display: block;width: 170px;height: 30px;line-height: 30px;font-size: 15px;color: #333;overflow: hidden;margin-bottom: 2px;white-space: nowrap;text-overflow: ellipsis;}
.games .i-r ul:nth-of-type(1) li:hover a div p:nth-child(1){color: var(--defcolor);}
.games .i-r ul:nth-of-type(1) li a div p:nth-child(2){font-size: 12px;color: #999;width: 170px;height: 46px;line-height: 23px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.games .i-r ul:nth-of-type(1) li a span{display: block;width: 70px;float: left;height: 50px;border-left: 1px solid #f5f5f5;margin-top: 15px;text-align: center;line-height: 50px;color:var(--defcolor);font-size: 36px;;}

.games .i-r ul:nth-of-type(2){overflow: hidden;padding: 15px 15px 2px 10px;}
.games .i-r ul:nth-of-type(2) li{overflow: hidden;height: 22px;margin-bottom: 13px;line-height: 22px;}
.games .i-r ul:nth-of-type(2) li b{color: var(--defcolor);display: block;float: left;font-weight: normal;height: 22px;}
.games .i-r ul:nth-of-type(2) li a strong{display: block;float: left;width: 143px;height: 22px;line-height: 22px;overflow: hidden;font-weight: normal;color: #333;white-space: nowrap;text-overflow: ellipsis;margin-right: 10px;}
.games .i-r ul:nth-of-type(2) li a p{display: block;width: 65px;overflow: hidden;height: 22px;color: #999;line-height: 22px;font-size: 12px;float: left;}
.games .i-r ul:nth-of-type(2) li a span{display: block;float: right;background: #f4f4f4;border-radius: 3px;color: #666;font-size: 12px;text-align: center;width: 48px;height: 22px;line-height: 22px;}
.games .i-r ul:nth-of-type(2) li a:hover strong{color:var(--defcolor);}
.games .i-r ul:nth-of-type(2) li a:hover span{background-color:var(--defcolor);color: #fff;}

.wz .i-l .tabBox>div{display:none;padding: 0px 0px 0px 15px;}
.wz .i-l .tabBox>div:nth-child(1){display:block;}
.wz .i-l .slider{position: relative;overflow: hidden;float: left;width: 520px;margin-top: 15px;}
.wz .i-l .slider .slider-cont ul li{position: relative;overflow: hidden;width: 520px;height: 260px;}
.wz .i-l .slider .slider-cont ul li a img{width: 520px;height: 260px;}
.wz .i-l .slider .slider-cont ul li a p{position: absolute;left: 0px;bottom: 0px;height: 32px;background: rgba(0,0,0,.5);color: #fff;text-indent: 18px;line-height: 32px;width: 420px;padding-right: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wz .i-l .slider .slider-cont ul li:hover a p{color: #f60;}
.wz .i-l .slider .slider-btn{position: absolute;z-index: 9;right: 10px;bottom: 10px;}
.wz .i-l .slider .slider-btn li{width: 10px;float: left;height: 10px;background-color: #999999;-webkit-border-radius: 50%;border-radius: 50%;margin-right: 5px;cursor: pointer;text-indent: -99999px;}
.wz .i-l .slider .slider-btn li.current{background-color: var(--defcolor);}

.wz .i-l .img{width: 245px;float: right;margin-right: 15px;}
.wz .i-l .img p{position: relative;overflow: hidden;margin-top: 15px;}
.wz .i-l .img p a{display: block;}
.wz .i-l .img p a img{width: 245px;height: 123px;}
.wz .i-l .img p a span{position: absolute;left: 0px;bottom: 0px;width: 225px;padding: 0px 10px;height: 28px;line-height: 28px;overflow: hidden;color: #fff;background: rgba(0,0,0,.5);text-align: center;}
.wz .i-l .img p a:hover span{color: #f60;}


.wz .i-l .tabBox>div>div:last-child>ul li{overflow: hidden;position: relative;padding: 15px;height: 140px;border-bottom: 1px dashed #eee;}
.wz .i-l .tabBox>div>div:last-child>ul li a{display: block;}
.wz .i-l .tabBox>div>div:last-child>ul li a img{width: 210px;height: 140px;display: block;float: left;margin-right: 20px;}
.wz .i-l .tabBox>div>div:last-child>ul li a p:nth-of-type(1){height: 26px;line-height: 26px;overflow: hidden;margin: 2px 0 5px 0;font-size: 16px;font-weight: bold;color: #333;display: block;}
.wz .i-l .tabBox>div>div:last-child>ul li a p:nth-of-type(2){color: #999;max-height: 78px;line-height: 26px;overflow: hidden;}
.wz .i-l .tabBox>div>div:last-child>ul li a span{color: #999;display: block;height: 22px;margin-top: 5px;}
.wz .i-l .tabBox>div>div:last-child>ul li a:hover p:nth-of-type(1){color: var(--defcolor);}
.wz .i-l .tabBox>div>div:last-child>ul li:last-child{border: none;}

.wz .i-r ul:nth-of-type(1){overflow: hidden;padding: 15px 15px 0px 15px;}
.wz .i-r ul:nth-of-type(1) li{display: block;float: left;padding: 0 0 20px 0;}
.wz .i-r ul:nth-of-type(1) li a span{display: block;float: left;width: 22px;height: 22px;background: #f2f2f2;color: #666;text-align: center;line-height: 22px;font-size: 12px;margin-right: 12px;border-radius: 2px;}
.wz .i-r ul:nth-of-type(1) li a p{display: block;float: left;width: 302px;height: 22px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #333;}
.wz .i-r ul:nth-of-type(1) li a b{font-weight: normal; width: 147px;height: 14px;line-height: 14px;color: #999;margin-top: 12px;font-size: 12px;}
.wz .i-r ul:nth-of-type(1) li a img{display: none;}
.wz .i-r ul:nth-of-type(1) li a b{display: none;}
.wz .i-r ul:nth-of-type(1) li:nth-child(1) a span{background-color: #ff5555;color: #fff;}
.wz .i-r ul:nth-of-type(1) li:nth-child(2) a span{background-color: #ff6600;color: #fff;}
.wz .i-r ul:nth-of-type(1) li:nth-child(3) a span{background-color: #ff9900;color: #fff;}

.wz .i-r ul:nth-of-type(1) li.on a img{width: 150px;height: 100px;display: block; float: left;margin-right: 10px;}
.wz .i-r ul:nth-of-type(1) li.on a span{height: 50px;line-height: 50px;margin-top: 30px;}
.wz .i-r ul:nth-of-type(1) li.on a p{white-space:normal; width: 147px;max-height: 72px;height: auto; line-height: 24px;font-size: 14px;font-weight: bold;color: #333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;float: left;}
.wz .i-r ul:nth-of-type(1) li.on a b{display: block;float: left; width: 147px;height: 14px;line-height: 14px;color: #999;margin-top: 12px;font-size: 12px;}


.wz .i-r ul:nth-of-type(2){overflow: hidden;padding: 0px 15px;}
.wz .i-r ul:nth-of-type(2) li{background: #F1F1F1;height: 100px;overflow: hidden;margin-bottom: 15px;}
.wz .i-r ul:nth-of-type(2) li a{display: block;overflow: hidden;padding: 12px;}
.wz .i-r ul:nth-of-type(2) li a > p:nth-child(1){color: #333;line-height: 24px;height: 24px;overflow: hidden;display: block;font-weight: bold;margin-bottom: 4px;}
.wz .i-r ul:nth-of-type(2) li a > p:nth-child(2){color: #999;font-size: 12px;line-height: 24px;max-height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*.wz .i-r ul:nth-of-type(2) li a span{color: #333;line-height: 24px;height: 24px;overflow: hidden;display: block;font-weight: bold;margin-bottom: 4px;}
.wz .i-r ul:nth-of-type(2) li a p{color: #999;font-size: 12px;line-height: 24px;max-height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.wz .i-r ul:nth-of-type(2) li:hover a span{color: #f60;}
*/
.wz .i-r ul:nth-of-type(2) li:hover a > p:nth-child(1){color: #f60;}


.indexRank{background-color: #fff;margin-top: 15px;}
.indexRank .Title span{float: right;font-weight: normal;color: #999;text-align: right;}
.indexRank .Title span b{padding: 0px 15px;color: #999;cursor: pointer;font-size: 15px;border-left: 1px solid #ddd;}
.indexRank .Title span b:first-child{border-left:none !important;}
.indexRank .Title span b.current{color: var(--defcolor);}


.indexRank>div:nth-of-type(2){padding: 15px 0px 0px 15px;overflow: hidden;}
.indexRank .tabBox>div{display: none;}
.indexRank .tabBox>div:nth-child(1){display: block;}

.rank{width: 360px;margin-right: 35px;overflow: hidden;float: left;}
.rank>div:nth-child(1){overflow: hidden;}
.rank>div>span{display: block;float: left;width: 5px;height: 16px;background: var(--defcolor);margin: 4px 20px 0 0;}
.rank>div p{font-size: 18px;color: #333;font-weight: bold;float: left;}
.rank>div:nth-child(1) > a{float: right;    color: #a8a8a8;
    font-size: 12px;line-height: 25px;}
.rank>div:nth-child(1) > a:hover{color: var(--defcolor);}
.rank ul{display: block;width: 360px;margin-top: 15px;overflow: hidden;}
.rank ul li{width: 100%;display: block;float: left;padding-bottom: 24px;position: relative;}
.rank ul li a span:nth-of-type(1){display: block;float: left;width: 22px;height: 22px;background: #f2f2f2;color: #666;text-align: center;line-height: 22px;font-size: 12px;margin-right: 12px;border-radius: 2px;}
.rank ul li:nth-child(1) a span:nth-of-type(1){background-color: #ff5555;color: #fff;}
.rank ul li:nth-child(2) a span:nth-of-type(1){background-color: #ff6600;color: #fff;}
.rank ul li:nth-child(3) a span:nth-of-type(1){background-color: #ff9900;color: #fff;}
.rank ul li a img{display: none;}
.rank ul li a span:nth-of-type(2){display: none;}
.rank ul li a p:nth-of-type(1){display: block;float: left;width: 220px;height: 22px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #333;}
.rank ul li a p:nth-of-type(2){font-size: 12px;color: #999;float: right;display: none;}
.rank ul li a div{float: right; width: 100px;line-height: 22px;text-align: right;font-size: 12px;color: #999;height: 22px;overflow: hidden;white-space: nowrap;margin-right: 4px;}

.rank ul li.on a span:nth-of-type(1){height: 50px;line-height: 50px;margin-top: 15px;}
.rank ul li.on a img{display: block;}
.rank ul li.on a img:nth-of-type(1){width: 80px;height: 80px;border-radius: 14px;float: left;margin-right: 10px;}
.rank ul li.on a img:nth-of-type(2){height: 14px;width: auto;display: block;margin-bottom: 8px;}
.rank ul li.on a p:nth-of-type(1){display: block;float: left;width: 220px;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;font-weight: bold;color: #333;}
.rank ul li.on a p:nth-of-type(2){float: left;display: block;}
.rank ul li.on a span:nth-of-type(2){position: absolute;right:30px;top: 40px;display: block; width: 70px;text-align: center;height: 30px;line-height: 30px;background: #f5f5f5;color: #666666;font-size: 14px;border-radius: 4px;}
.rank ul li.on:hover a span:nth-of-type(2){background: var(--defcolor);color: #fff;}
.rank ul li.on:hover a p:nth-of-type(1){color: var(--defcolor);}
.rank ul li.on a div{display: none;}

.friend{background-color: #fff;margin-top: 15px;}
.friend div:nth-child(2){overflow: hidden;padding: 15px 20px;}
.friend div a{display: block;float: left;color: #333;margin-right: 22px;overflow: hidden;margin-bottom: 6px;}
.friend div a:hover{color: #f60;}





/* 预约 */
.orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox{position: absolute;z-index: 5;top: 170px;left: 0;right: 0;margin: auto;width: 480px;border-radius: 30px;height: 417px;background: #fff;text-align: center;}
.orderBox .oClose{position: absolute;top: -74px;right: -54px;z-index: 10;cursor: pointer;}
.orderBox .oClose i{width: 36px;height: 36px;display: block;background-position: -261px -80px;}
.orderBox .oTitle{width: 100%;background-size: 100% 100%;text-align: center;font-size: 24px;border-radius: 10px;color: #fff;}
.orderBox .oTitle i{display:block;width: 36px;height: 36px;background-position: -754px -337px;position: relative;top: 42px;margin: 0 auto;}
.orderBox .oTitle p{font-size: 24px;color: #fff;font-weight: 500;}
.orderBox form .tel{width:358px;border:1px solid #c2c2c2;background-color:#fff;color:#999;font-size:14px;border-radius:6px;padding:0 10px;line-height: 56px;margin: 0 auto 6px;overflow: hidden;white-space: nowrap;}
.orderBox form p{ color:#666;font-size:16px;line-height: 24px;margin-top: 20px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#cc0000;}
.orderBox form span{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{cursor: pointer;width: 184px;border: 0;color:#fff;font-size:20px;line-height: 40px;margin: 90px auto 0;overflow: hidden;white-space: nowrap;background: #f89635;}
.orderBox .msg{color: #fe684d;font-size: 14px;text-align: left;display: block;width:392px;margin: 0 auto;}
.orderBox .oKnow{display: block;cursor: pointer;width: 184px;border: 0;color:#fff;font-size: 18px;border-radius:8px;line-height: 40px;margin: 138px auto 0;overflow: hidden;font-weight: 600;background: #FF7D3C;white-space: nowrap;position: relative;}
.orderBox .oWin{width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oWin p:nth-child(4){font-size: 24px;color: #333;line-height: 24px;margin-bottom: 26px;position: relative;margin-top: 88px;font-weight: 600;}
.orderBox .oWin span.yycg{width: 163px;height: 101px;display: inline-block;background: url(../images/icon.png) no-repeat;background-position: -533px -400px; vertical-align: sub;position: absolute;left: 156px;top: 216px;}
.orderBox .oWin p:nth-child(5){font-size: 16px;color: #666666;position: relative;}
.orderBox .oWin p em{color: #FF3E2D;}
.orderBox .oWin i{display:inline-block;width: 167px;height: 101px;background-position: -621px -677px;position: relative;}
.orderBox .oLose{position: relative; width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oLose p{font-size:18px;color: #141414;font-weight: 500;line-height: 36px;padding-bottom: 80px;}
.orderBox .oLose i{position: absolute;top: 140px;left: 157px;  width: 163px;height: 101px;background-position: -324px -400px;}
.orderBox .oAgin{width: 100%;padding: 48px 0;font-size: 18px;border-radius: 10px;text-align: center;}
.orderBox .oAgin p{font-size:18px;color: #141414;font-weight: 500;line-height: 36px;padding-bottom: 80px;}
.orderBox .oAgin i{position: absolute;top: 140px;left: 157px;  width: 163px;height: 101px;background-position: -134px -400px;}


.oOrder{position: relative;}
.oOrder .oTitle{position: absolute;}
.oOrder .oTitle p{margin-top: 46px;font-size: 32px;font-weight: 600;}
.oWin .oTitle{position: absolute;}
.oWin .oTitle p{font-size: 32px;font-weight: 600;}
.oOrder form{position: absolute;top: 170px;left: 60px;width: 380px;}
.yybg{width: 480px;height: 121px;display: block;position: absolute;background: url(../images/yy1.png) no-repeat;top: 0;}
.oOrder>p{font-size: 16px;color: #666666;top: 270px;left: 60px;position: absolute;}
.oOrder>p span{color: #FF3E2D;}


.popupsIcon { }
#popupsBox { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: #00000050; z-index: 99; }
#popupsBox .orderBox { width: 401px; margin: 200px auto 0; border-radius: 0 0 16px 16px; position: relative; }
.popupsClose { position: absolute; bottom: -58px; left: 0; right: 0; width: 38px; height: 38px; margin: auto; background-position: -279px -1px; cursor: pointer; }
.orderBg { width: 100%; height: 168px; overflow: hidden; background: url(../img/popupsBg1.png) no-repeat center; }
.orderBg>p { margin-top: 104px; line-height: 64px; font-size: 24px; font-weight: bold; text-align: center; color: #404040; }
#popupsBox .orderBox .order { position: relative; width: 100%; padding-bottom: 50px; border-radius: 0 0 16px 16px; background-color: #fff; }
#popupsBox .orderBox .order input[type=text]{ width: 268px; height: 48px; border: 1px solid #e3e3e3; border-radius: 6px; background: #f5f5f5; padding-left: 54px; font-size: 15px; color: #cccccc; margin: 15px 0 0 39px; }
#popupsBox .orderBox .order .phone { position: absolute; width: 27px; height: 34px; top: 23px; left: 54px; border-right: 1px solid #e3e3e3; background-position: -339px 2px; }
#popupsBox .orderBox .order .errTips { height: 24px; line-height: 24px; color: #fa5e4f; font-size: 14px; margin-left: 40px; }
#popupsBox .orderBox .order .msg { height: 27px; line-height: 27px; color: #404040; font-size: 15px; text-align: center; }
#popupsBox .orderBox .order .tip { height: 24px; line-height: 24px; color: #cccccc; font-size: 12px; text-align: center; }
#popupsBox .orderBox .order .nextBtn, #popupsBox .orderBox .orderWin .knowBtn, #popupsBox .orderBox .hasOrder .knowBtn { width: 182px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: #fa5e4f; border-radius: 20px; margin: 26px auto 0; cursor: pointer; background: linear-gradient(to right, #ffc900, #ffae00); box-shadow: 0 5px 8px 0 rgba(255, 202, 0, .3); }
#popupsBox .orderBox .order .nextBtn:hover, #popupsBox .orderBox .orderWin .knowBtn:hover, #popupsBox .orderBox .hasOrder .knowBtn:hover { opacity: .9; }
#popupsBox .orderBox .orderWin, #popupsBox .orderBox .hasOrder { padding-bottom: 50px; border-radius: 0 0 16px 16px; background-color: #fff; }
#popupsBox .orderBox .orderWin>i, #popupsBox .orderBox .hasOrder>i { display: block; width: 162px; height: 96px; background-position: 0 -304px; margin: 0 auto 20px; }
#popupsBox .orderBox .hasOrder>i { background-position: -193px -305px; }
#popupsBox .orderBox .orderWin p, #popupsBox .orderBox .hasOrder p { height: 24px; line-height: 24px; font-size: 20px; color: #14cab4; text-align: center; font-weight: bold; }
#popupsBox .orderBox .hasOrder p { color: #ffb800; }
#popupsBox .feedback, #popupsBox .permissionStatement{ width: 485px; height: 568px; margin: 200px auto 0; background: #ffffff; border-radius: 16px; position: relative; }
#popupsBox .permissionStatement .topBg { height: 114px; background: url(../img/popupsBg3.png) no-repeat; }
#popupsBox .feedback .topBg { height: 114px; background: url(../img/popupsBg2.png) no-repeat; }
#popupsBox .feedback .topBg>i.logo, #popupsBox .permissionStatement .topBg>i.logo { position: absolute; width: 88px; height: 88px; top: -36px; left: 0; right: 0; margin: 0 auto; background-position: -0px -0px; }
#popupsBox .feedback .topBg>i.logo { background-position: -95px 0; }
#popupsBox .feedback .topBg>i.close, #popupsBox .permissionStatement .topBg>i.close { position: absolute; top: 20px; right: 20px; width: 21px; height: 21px; background-position: -200px 0;cursor: pointer;}
#popupsBox .permissionStatement .topBg p, #popupsBox .feedback .topBg p { height: 60px; line-height: 60px; color: #4b4b4b; font-size: 24px; font-weight: bold; text-align: center; padding-top: 34px; }
#popupsBox .permissionStatement .state { height: 338px; overflow: auto; margin: 13px 19px 0 26px; padding-bottom: 21px; border-bottom: 1px dashed #d7d7d7; position: relative; }
#popupsBox .permissionStatement .linear { content: ""; position: absolute; bottom: 82px; left: 26px; width: 434px; height: 30px; background: linear-gradient(to top, #fff, transparent); }
#popupsBox .privacyStatement .know, #popupsBox .permissionStatement .know { width: 212px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: linear-gradient(to right, #ec003e, #f81862); border-radius: 20px; margin: 26px auto 0; cursor: pointer; box-shadow: 0 5px 8px 0 #ec003e30; }
#popupsBox .permissionStatement .state::-webkit-scrollbar { width: 6px;background: transparent; }
#popupsBox .permissionStatement .state::-webkit-scrollbar-thumb { background: #dfdfdf;border-radius: 6px; }
#popupsBox .permissionStatement .state p { line-height: 30px; font-size: 14px; color: #333333; }
#popupsBox .permissionStatement .state .h3 { line-height: 27px; font-size: 16px; color: #333333; font-weight: bold; }
#popupsBox .permissionStatement .orderBg>i { width: 70px; background-position: -116px -145px; }
#popupsBox .feBack { padding: 4px 0 0 26px; }
#popupsBox .feBack>p { height: 44px; line-height: 44px; font-size: 16px; color: #000000; }
#popupsBox .feBack .info {overflow: hidden;}
#popupsBox .feBack .radio {position: relative;height: 34px;line-height: 34px;width: 244px;float: left;}
#popupsBox .feBack .radio:nth-child(2n){width: 212px;}
#popupsBox .feBack .radio input[type='radio'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
#popupsBox .feBack .radio label {position: absolute;left: 0px;top: 0;height: 34px;line-height: 34px;width: 100%;font-size: 14px;color: #333333;text-align: left;padding-left: 24px;}
#popupsBox .feBack .radio label::before {content: '';position: absolute;left: 4px;top: 10px;width: 14px;height: 14px;border: 1px solid #d7d7d7;border-radius: 2px;box-sizing: border-box;}
#popupsBox .feBack .radio input[type='radio']:checked + label::before {background: url(../img/icon2.png) 400px 400px no-repeat;background-position: -248px 0;border: none;}
#popupsBox .feBack textarea{width: 418px;height: 80px;border: none;border-radius: 4px;resize:none;background: #f0f0f0;padding: 10px;font-size: 14px;color: #999999;margin-bottom: 4px;}
#popupsBox input[type=tel]{border: none;height: 40px;width: 426px;font-size:14px;padding-left: 12px;border-radius: 4px;color: #999999;background: #f0f0f0;}
#popupsBox input[type=tel]::-webkit-input-placeholder {color: #888;}
#popupsBox input[type=tel]:-moz-placeholder { color: #888;}
#popupsBox input[type=tel]::-moz-placeholder { color: #888;}
#popupsBox input[type=tel]:-ms-input-placeholder { color: #888;}
#popupsBox input[type=button]{display: block;font-size: 16px;margin: 26px auto 0;width: 212px;height: 42px;line-height: 42px;text-align: center;color: #fff;border: none;border-radius: 24px; background: linear-gradient(to right, #775cff, #6f7fff); box-shadow: 0 5px 8px 0 #775cff30; }
#popupsBox input[type=button]:hover{opacity: .96;}


/*排行榜*/
.rankPageL{width: 280px;    float: left;    background: #fff;overflow: hidden;margin-right: 15px;}
.rankPageR{    width: 905px;float: left;    background: #fff;}

.rankMenu{    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;padding: 0 15px;}
.rankMenu > ul{overflow: hidden;}
.rankMenu > ul > li{margin-bottom: 5px;}
.rankMenu > ul > li > a{display: block;background: #fcfcfc;height: 50px;    text-align: center;    font-size: 15px;color: #666;line-height: 50px;}
.rankMenu > ul > li:hover > a,.rankMenu > ul > li.current > a{background: var(--defcolor);color: #fff;}


.rankTit{border-bottom: 1px solid #5c5761;
    color: #333;
    font-family: microsoft yahei;
    font-size: 22px;
    height: 64px;
    line-height: 64px;
    margin: 0 15px;
    position: relative;}
.rankTit::before{content: '';display: inline-block;background: url(../images/u-rankico.png) no-repeat 0;
    float: left;
    height: 36px;
    margin-right: 8px;
    margin-top: 12px;
    width: 35px;}
.rankTit > h1{font-weight: 700;    float: left;color: #000;}
.rankTit > span{    position: absolute;
    right: 5px;
    bottom: 0;
    line-height: 32px;
    font-size: 14px;
    color: #999;}
.rankContent{    background-color: #fbfbfb;
    border-radius: 2px;
    color: #666;
    font-family: microsoft yahei;
    font-size: 14px;
    line-height: 26px;
    margin: 15px 15px 0;
    padding: 20px;
    position: relative;}
.rankContent::before,.rankContent::after{    background-repeat: no-repeat;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;}
.rankContent::before{    background-image: url(../images/info-tag-top.png);
    left: 0;
    top: 0;}
.rankContent::after{    background-image: url(../images/info-tag-bottom.png);
    bottom: 0;
    right: 0;}

.rankYxList{overflow: hidden;padding: 0 15px;}
.rankYxList > ul{overflow: hidden;}
.rankYxList > ul > li{    padding: 22px 0;    border-bottom: 1px dashed #eee;}
.rankYxList > ul > li > a{display: block;height: 100px;position: relative;}
.rankYxList > ul > li > a > i{    background: url(../images/numberico.png) no-repeat -111px 1px;
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 35px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    width: 25px;
}
.rankYxList > ul > li:nth-child(1) > a > i{background-position: 0 1px}
.rankYxList > ul > li:nth-child(2) > a > i{background-position: -37px 1px}
.rankYxList > ul > li:nth-child(3) > a > i{background-position: -74px 1px}
.rankYxList > ul > li > a > img{display: block;float: left;width: 100px;height: 100px;    margin: 0 15px 0 12px;    border-radius: 16px;}
.rankYxList > ul > li > a > div{display: block;width: 720px;float: left;overflow: hidden;}
.rankYxList > ul > li > a > div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rankYxList > ul > li > a > div > p:nth-child(1){    color: #333;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;}
.rankYxList > ul > li > a > div > p:nth-child(2){margin-top: 8px;    color: #999;    font-size: 14px;    height: 16px;    line-height: 16px;}

.rankYxList > ul > li > a > div > p:nth-child(2) > span {
}

.rankYxList > ul > li > a > div > p:nth-child(2) > span::before {
    content: "/";
    font-size: 14px;
    color: #999;
    margin: 0 12px
}

.rankYxList > ul > li > a > div > p:nth-child(2) > span:first-child::before {
    content: unset
}
.rankYxList > ul > li > a > div > p:nth-child(3){margin-top: 6px;    color: #999;
    display: block;
    font-size: 12px;white-space:unset;    height: 46px;
    line-height: 23px;}
.rankYxList > ul > li > a > span{
    border-radius: 4px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;    color:var(--defcolor);text-align: center;line-height: 35px;border: 1px solid var(--defcolor);}

.rankYxList > ul > li:hover > a > div > p:nth-child(1){color: var(--defcolor);}
.rankYxList > ul > li:hover > a > span{background: var(--defcolor);color: #fff;}