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: 0px; padding: 0px; }fieldset, img { border: 0px; }:focus { outline: 0px; }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: 0px; 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 { }body { line-height: 1.5; }ol, ul { list-style: none; }table { border-collapse: collapse; border-spacing: 0px; }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: none; }
* { margin: 0px; padding: 0px; }body, html { overflow: hidden auto; }.clearfix { margin-right: auto; margin-left: auto; }.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: 0px; font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, SimSun, "Hiragino Sans GB", sans-serif; font-size: 14px; line-height: 20px; color: rgb(51, 51, 51); position: relative; }html, body { width: 100%; min-width: 1200px; margin: 0px auto; overflow-x: hidden; min-height: 1000px; }button, input, select, textarea, th { background: rgb(255, 255, 255); font-size: 12px; line-height: 1.5em; font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, SimSun, "Hiragino Sans GB", sans-serif; }
a { color: rgb(51, 51, 51); text-decoration: none; }
/* a:hover, a:focus { transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms; } */
a:hover { color: #f89635; }
.rotate360:hover { transform: rotate(360deg); }.rotate360 { transition: all 0.3s ease-in-out 0s; }
.cx { overflow: hidden; }.fl { float: left; }.fr { float: right; }
.h20 { width: 100%; height: 20px; }
.hide { display: none; }
a,a img { cursor: pointer; }
img { vertical-align: top; border: 0px; }
.w1200{width: 1200px;margin: 0px auto;}
body{background: #fafafa url(../img/bg.png) top center;}
.icon{background: url(../img/icon.png) no-repeat;background-size: 800px 800px;}
/* ------------------------------------------------------------------------------------ */
header{height: 110px;background:#fff;box-shadow: rgb(0 0 0 / 10%) 0px 0px 6px 0px;}
header div>a{width: 180px;height: 110px;display: block;float: left;}
nav{margin-left: 84px;float: left;}
nav a{float: left;position: relative;z-index: 2;font-size: 20px;color: #535353;text-align: center;position: relative; display: block;height: 110px;width: 110px; line-height: 110px;margin-right: 40px;}
nav a::after{content: "";display: none;position: absolute;width: 8px;top: 38px;right: -8px;height: 8px;border-radius: 4px;background: #f89635;box-shadow: 0 2px 4px rgb(248 150 53 / 80%);}
nav a:first-child{width: 54px;}
nav a.current,nav a:hover{font-weight: 600;color: #f89635;font-size: 26px;}
nav a.current::after,nav a:hover::after{display: block;}

.cur{height: 20px;font-size: 12px;color: #aaaaaa;margin: 16px auto;background: none;}
.cur a{color: #aaaaaa;}
.cur i{display: inline-block;width: 16px;height: 14px;margin-right:8px;vertical-align: sub;background-position: 0 0;}

.Title1{margin: 0 20px;position: relative;}
.Title1 p{font-size: 18px;color: #1a1a1a;line-height: 40px;font-weight: 600;border-bottom: 2px solid #eeeeee;position: relative;}
.Title1 p>i{width: 45px;height: 36px;display: inline-block;background-position: 0 -31px;vertical-align: top;margin-right: 10px;}
.Title1 p span{position: absolute;bottom: -15px;left: 0;}
.Title1 p span em{display: inline-block;width: 65px;height: 2px;background: #f89635;}
.Title1 p span i{width: 14px;height: 2px;display: inline-block;background-position: 0 -23px;}

.Title2{position: relative;height: 24px;}
.Title2 p{font-size: 20px;font-weight: 600;color: #0b0b2f;line-height: 24px;margin-left: 16px;position: absolute;z-index: 3;}
.Title2 p::before{content: ""; width: 6px;height: 6px;display: inline-block;border-radius: 3px;background: #8f99a5;position: absolute;top: 4px;left: -15px;}
.Title2 span{width: 95px;height: 8px;display: inline-block;background: #f89635;position: absolute;bottom: -4px;left: 0;}

.Title3{margin: 15px 20px 22px;}
.Title3 p{font-size: 24px;font-weight: 600;}
.Title3 p i{width: 45px;height: 36px;display: inline-block;background-position: 0 -31px;vertical-align: sub;margin-right: 10px;}

.pages{padding: 20px 0;text-align: center;font-size: 18px;color: rgb(102, 102, 102);}
.pages a{padding: 8px 15px;margin: 0px 5px;color: #b4b4b4;text-decoration: none;background-color: #f5f5f5;border-radius: 22px;}
.pages a.current,.pages a:hover{color: #fff;background-color: #f89635;}

footer{width: 100%;height: 140px;color: rgb(153, 153, 153);font-size: 14px;background-color: rgb(20, 20, 20);text-align: center;padding-top: 15px;margin-top: 25px;}
footer p{color: rgb(153, 153, 153);font-weight: 400;margin-top: 20px;}
footer p a{color: rgb(153, 153, 153);margin: 0px 10px;font-weight: 400;}
/* --------------------------应用列表页------------------- */
.gameBox{background: #fff;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;border-radius: 6px;overflow: hidden;margin-bottom: 20px;height: 258px;}
.gameBox ul{margin: 20px 20px 0;overflow: hidden;padding-top: 20px;border-radius: 6px;}
.gameBox ul li{width: 176px;height: 90px;display: inline-block;float: left;border-radius: 12px;background: #eeeeee;margin-right: 20px;margin-bottom: 20px;}
.gameBox ul li[data-none="1"]{display: none !important;}
.gameBox ul li:nth-child(6n) {margin-right: 0;}
.gameBox ul li a{font-size: 20px;color: #b2b2b2;line-height: 90px;text-align: center;width: 100%;height: 100%;display: block;}
.gameBox ul li a i{width: 40px;height: 46px;display: inline-block;margin-right: 14px;vertical-align: middle;}
.gameBox ul li.current, .gameBox ul li:hover {background: linear-gradient(135deg, #f89635 0%, #f89635 100%);box-shadow: 0 2px 4px rgb(248 150 53  / 80%);}
.gameBox ul li.current a, .gameBox ul li:hover a{color: #fff;font-weight: 600;transition: none;}

.gameBox ul li:nth-child(1) a i{background-position:-229px -474px;}
.gameBox ul li:nth-child(2) a i{background-position:-290px -475px;}
.gameBox ul li:nth-child(3) a i{background-position:-383px -633px;}
.gameBox ul li:nth-child(4) a i{background-position:-541px -633px;}
.gameBox ul li:nth-child(5) a i{background-position:-63px -633px}
.gameBox ul li:nth-child(6) a i{background-position:-582px -633px;}
.gameBox ul li:nth-child(7) a i{background-position:-9px -736px;width: 42px;}
.gameBox ul li:nth-child(8) a i{background-position:-121px -471px;}
.gameBox ul li:nth-child(9) a i{background-position:-330px -633px;}
.gameBox ul li:nth-child(10) a i{background-position:-171px -633px;}
.gameBox ul li:nth-child(11) a i{background-position:-410px -479px;}
.gameBox ul li:nth-child(12) a i{background-position:-345px -474px;}
.gameBox ul li:nth-child(13) a i{background-position:-116px -632px;}
.gameBox ul li:nth-child(14) a i{background-position:-231px -632px;}
.gameBox ul li:nth-child(15) a i{background-position:-741px -631px;}

.gameBox ul li.current:nth-child(1) a i,.gameBox ul li:nth-child(1):hover a i{background-position: -229px -525px;}
.gameBox ul li.current:nth-child(2) a i,.gameBox ul li:nth-child(2):hover a i{background-position:-290px -525px;}
.gameBox ul li.current:nth-child(3) a i,.gameBox ul li:nth-child(3):hover a i{background-position:-383px -578px;}
.gameBox ul li.current:nth-child(4) a i,.gameBox ul li:nth-child(4):hover a i{background-position:-541px -578px;}
.gameBox ul li.current:nth-child(5) a i,.gameBox ul li:nth-child(5):hover a i{background-position:-63px -578px}
.gameBox ul li.current:nth-child(6) a i,.gameBox ul li:nth-child(6):hover a i{background-position:-582px -578px;}
.gameBox ul li.current:nth-child(7) a i,.gameBox ul li:nth-child(7):hover a i{background-position:-9px -684px;}
.gameBox ul li.current:nth-child(8) a i,.gameBox ul li:nth-child(8):hover a i{background-position:-121px -523px;}
.gameBox ul li.current:nth-child(9) a i,.gameBox ul li:nth-child(9):hover a i{background-position:-330px -578px;}
.gameBox ul li.current:nth-child(10) a i,.gameBox ul li:nth-child(10):hover a i{background-position:-171px -578px;}
.gameBox ul li.current:nth-child(11) a i,.gameBox ul li:nth-child(11):hover a i{background-position:-410px -524px;}
.gameBox ul li.current:nth-child(12) a i,.gameBox ul li:nth-child(12):hover a i{background-position:-345px -524px;}
.gameBox ul li.current:nth-child(13) a i,.gameBox ul li:nth-child(13):hover a i{background-position:-116px -578px;}
.gameBox ul li.current:nth-child(14) a i,.gameBox ul li:nth-child(14):hover a i{background-position:-231px -578px;}
.gameBox ul li.current:nth-child(15) a i,.gameBox ul li:nth-child(15):hover a i{background-position:-741px -578px;}

.apps ul li:nth-child(2) a i{background-position:-9px -372px;}
.apps ul li:nth-child(3) a i{background-position:-65px -372px;}
.apps ul li:nth-child(4) a i{background-position:-231px -371px;}
.apps ul li:nth-child(5) a i{background-position:-121px -473px;}
.apps ul li:nth-child(6) a i{background-position:-434px -372px}
.apps ul li:nth-child(7) a i{background-position:-381px -372px;}
.apps ul li:nth-child(8) a i{background-position:-488px -372px;}
.apps ul li:nth-child(9) a i{background-position:-281px -372px;}
.apps ul li:nth-child(10) a i{background-position:-588px -372px;}
.apps ul li:nth-child(11) a i{background-position:-175px -372px;}
.apps ul li:nth-child(12) a i{background-position:-329px -372px;}
.apps ul li:nth-child(13) a i{background-position:-639px -372px;}
.apps ul li:nth-child(14) a i{background-position:-688px -372px;}
.apps ul li:nth-child(15) a i{background-position:-740px -372px}
.apps ul li:nth-child(16) a i{background-position:-4px -471px}
.apps ul li:nth-child(17) a i{background-position:-64px -471px;width: 42px;}
.apps ul li:nth-child(18) a i{background-position:-120px -372px}


.apps ul li.current:nth-child(2) a i,.apps ul li:nth-child(2):hover a i{background-position:-9px -420px;}
.apps ul li.current:nth-child(3) a i,.apps ul li:nth-child(3):hover a i{background-position:-65px -420px;}
.apps ul li.current:nth-child(4) a i,.apps ul li:nth-child(4):hover a i{background-position:-231px -420px;}
.apps ul li.current:nth-child(5) a i,.apps ul li:nth-child(5):hover a i{background-position:-121px -525px;}
.apps ul li.current:nth-child(6) a i,.apps ul li:nth-child(6):hover a i{background-position:-434px -420px;}
.apps ul li.current:nth-child(7) a i,.apps ul li:nth-child(7):hover a i{background-position:-381px -420px;}
.apps ul li.current:nth-child(8) a i,.apps ul li:nth-child(8):hover a i{background-position:-488px -420px;}
.apps ul li.current:nth-child(9) a i,.apps ul li:nth-child(9):hover a i{background-position:-281px -420px;}
.apps ul li.current:nth-child(10) a i,.apps ul li:nth-child(10):hover a i{background-position:-588px -420px;}
.apps ul li.current:nth-child(11) a i,.apps ul li:nth-child(11):hover a i{background-position:-175px -420px;}
.apps ul li.current:nth-child(12) a i,.apps ul li:nth-child(12):hover a i{background-position:-329px -420px;}
.apps ul li.current:nth-child(13) a i,.apps ul li:nth-child(13):hover a i{background-position:-639px -420px;}
.apps ul li.current:nth-child(14) a i,.apps ul li:nth-child(14):hover a i{background-position:-688px -420px;}
.apps ul li.current:nth-child(15) a i,.apps ul li:nth-child(15):hover a i{background-position:-740px -420px;}
.apps ul li.current:nth-child(16) a i,.apps ul li:nth-child(16):hover a i{background-position:-4px -525px;}
.apps ul li.current:nth-child(17) a i,.apps ul li:nth-child(17):hover a i{background-position:-64px -525px;}
.apps ul li.current:nth-child(18) a i,.apps ul li:nth-child(18):hover a i{background-position:-120px -420px;}


.unfoldSort,.foldSort{cursor: pointer;font-size: 20px;color: #b2b2b2;line-height: 90px;text-align: center;width: 100%;height: 100%;display: block;}
.unfoldSort i,.foldSort i{width: 46px;height: 46px;display: inline-block;margin-right: 14px;vertical-align: middle;}
.unfoldSort:hover,.foldSort:hover{color: #fff;font-weight: 600;transition: none;}
.unfoldSort i{background-position: -228px -740px;}
.unfoldSort:hover i{background-position: -228px -686px;}
.foldSort i{background-position: -228px -740px;}
.foldSort:hover i{background-position: -228px -686px;}

.gamelist{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;overflow: hidden;padding-top: 14px;background: #fff;padding-bottom: 10px;}
.gamelist .Title1 p span em{width: 128px;}
.gamelist ul{margin-top: 24px;margin-left: 20px;overflow: hidden;}
.gamelist ul li{width: 218px;height: 258px;border: 1px solid #e6e6e6;border-radius: 8px;float: left;margin-right: 14px;margin-bottom: 15px;background: rgba(255, 255, 255, .2);}
.gamelist ul li a img{width: 100px;height: 100px;display: block;border-radius: 20px;margin: 20px auto 0;}
.gamelist ul li a p:nth-of-type(1){font-size: 18px;color: #333333;text-align: center;width: 210px;white-space: nowrap;overflow: hidden;margin-top: 18px;line-height: 18px;}
.gamelist ul li a p:nth-of-type(2){font-size: 14px;color: #999;text-align: center;margin-top: 10px;}
.gamelist ul li a p:nth-of-type(2) span{margin-right: 20px;}
.gamelist ul li a p:nth-of-type(2) span:last-child{margin-right: 0;}
.gamelist ul li a>span{display: block;width: 182px;height: 40px;border: 1px solid #f89635;border-radius: 20px;text-align: center;line-height: 40px;font-size: 18px;color: #f89635;margin: 14px auto 0;}
.gamelist ul li:hover {border-color: #f89635;background: rgba(248,150,53,.2);}
.gamelist ul li:hover p:nth-of-type(1) {font-weight: 600;color: #f89635;}
.gamelist ul li:hover p:nth-of-type(2) {color: #f89635;}
.gamelist ul li:hover a>span {color: #fff;font-weight: 600;background: #f89635;}
.gamelist ul li:nth-child(5n) {margin-right: 0;}

/* ------------------------------咨询页-------------------------------- */
.cont-l{width: 856px;float: left;border-radius: 6px;}
.newrec{overflow: hidden;margin-bottom: 5px;background: #fff;}
.newrecL { width: 808px; height: 320px; position: relative; float: left; overflow: hidden; border-radius: 6px;margin:24px;}
.newrecL ul { position: relative; overflow: hidden; }
.newrecL li { width: 808px; height: 320px; float: left; position: relative; overflow: hidden; border-radius: 6px; }
.newrecL li img { width: 808px; height: 320px; }
.newrecL .text {position: absolute;left: 0px;bottom: 0px;font-size: 24px;color: rgb(255, 255, 255);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));display: block;width: 768px;padding: 106px 20px 18px;white-space: nowrap;overflow: hidden;border-radius: 10px;}
:root .newrecL .text { filter: none; }
.newrecL .text span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;width: 725px;font-weight: 600;line-height: 26px;}
.newrecL .dot {width: 30px;position: absolute;bottom: 18px;right: 5px;overflow: hidden;}
.newrecL .dot div { padding-right: 5px; float: right; }
.newrecL .dot i { display: block; width: 8px; height: 8px; overflow: hidden; margin: 5px 4px 0px 0px; background-color: rgb(153, 153, 153); float: left; cursor: pointer; }
.newrecL .dot i.current { background: #56e39d; }


.glmain{overflow: hidden;position: relative;padding: 28px 24px 8px;background: #fff;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;margin-top: 20px;}
.glmain ul{}
.glmain li{overflow: hidden;margin-bottom: 24px;}
.glmain li a img{width: 240px;height: 150px;display: inline-block;border-radius: 6px;float: left;}
.glmain li a div{width: 548px;float: left;position: relative;margin-left: 20px;height: 150px;border-bottom: 1px solid #eee;}
.glmain li a div p:nth-child(1){font-size: 20px;color: #333333;line-height: 22px;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: 12px;}
.glmain li:hover a div p:nth-child(1){color: #f89635;}
.glmain li a div p:nth-child(2){font-size: 16px;color: #808080;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 12px;}
.glmain li a div p:nth-child(3){font-size: 16px;color: #a6a6a6;line-height: 18px;position: absolute;bottom: 20px;left: 0;}
.glmain li a div p:nth-child(3) i{width: 18px;height: 18px;display: inline-block;background-position: -3px -106px;vertical-align: bottom;margin-right: 8px;}
.glmain li a div p:nth-child(3) span{font-size: 16px;color: #666666;}

.cont-r{width: 320px;float: left;margin-left: 24px;}
.tj-hot{border-radius: 6px;background: #fff; box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;width: 280px;height: 362px;position: relative;padding: 24px 20px 0;}
.tj-hot ul{overflow: hidden;margin-top: 28px;display: none;}
.tj-hot ul:nth-of-type(1){display: block;}
.tj-hot ul li{float: left;margin-right: 20px;margin-bottom: 20px;}
.tj-hot ul li:nth-child(3n){margin-right: 0;}
.tj-hot ul li img{width: 80px;height: 80px;display: block;border-radius: 16px;}
.tj-hot ul li p{font-size: 16px;color: #333333;text-align: center;width: 80px;white-space: nowrap;overflow: hidden;line-height: 18px;margin-top: 12px;}
.tj-hot>span{display: block;width: 88px;height: 32px;text-align: center;line-height: 32px;color: #fff;background: #f89635;border-radius: 6px;position: absolute;bottom: 26px;left: 116px;cursor: pointer;}

.jxtj{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;width: 280px;position: relative;padding: 24px 20px 10px;background: #fff;margin: 24px 0;}
.jxtj div:nth-child(2){margin-top: 28px;overflow: hidden;}
.jxtj div a{text-align: center; display: block;border-radius: 14px;color: #fff; width: 86px;height: 28px;line-height: 28px; float: left;margin-right: 10px;margin-bottom: 12px;}
.jxtj div a{background: #f36e5d;}
.jxtj div a:nth-child(1) {background: #f36e5d;}
.jxtj div a:nth-child(2) {background: #fabf00;}
.jxtj div a:nth-child(3) {background: #61bba1;}
.jxtj div a:nth-child(4) {background: #92d1f4;}
.jxtj div a:nth-child(5) {background: #f9abb8;}
.jxtj div a:nth-child(6) {background: #a37bad;}
.jxtj div a:nth-child(7) {background: #b6ddc8;}
.jxtj div a:nth-child(8) {background: #30aed1;}
.jxtj div a:nth-child(9) {background: #f5ae7a;}
.jxtj div a:nth-child(10){background: #c49990;}
.jxtj div a:nth-child(11){background: #81c347;}
.jxtj div a:nth-child(12){background: #d6a7c9;}
.jxtj div a:nth-child(13){background: #98bce4;}
.jxtj div a:nth-child(14){background: #c6ae92;}
.jxtj div a:nth-child(15){background: #f4c6a2;}
.jxtj div a:nth-child(16){background: #f36e5d;}
.jxtj div a:nth-child(3n){margin-right: 0;}

.gl-rank{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;width: 280px;position: relative;padding: 24px 20px 24px;background: #fff;margin: 24px 0;}
.gl-rank ul{margin-top: 8px;overflow: hidden;}
.gl-rank ul li{width: 280px;border-bottom: 1px dashed #eee;height: 42px;}
.gl-rank li img{display: none;}
.gl-rank li a div{display: none;}
.gl-rank li a i{float: left;width: 24px;height: 24px;display: block;background: #c4d0db;color: #fff;line-height: 24px;text-align: center;border-radius: 6px;margin-top: 9px;}
.gl-rank li a>p{float: left;width: 170px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;display: inline-block;font-size: 16px;color: #333333;line-height: 42px;margin-left: 15px;}
.gl-rank li a>span{float: right;font-size: 16px;color: #666666;line-height: 42px;}
.gl-rank li.on{height: 110px;padding-top: 20px;}
.gl-rank li.on a i{margin-top: 32px;}
.gl-rank li.on a>span{display: none;}
.gl-rank li.on a img{width: 90px;height: 90px;display: block;border-radius: 25px;float: left;margin: 0 15px;}
.gl-rank li.on a>p{display: none;}
.gl-rank li.on a div{width: 135px;float: left;display: block;}
.gl-rank li.on a div p:nth-child(1){font-size: 18px;color: #333;line-height: 20px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.gl-rank li.on a div p:nth-child(2){font-size: 16px;color: #a6a6a6;line-height: 18px;margin-top: 10px;}
.gl-rank li.on a div p:nth-child(2) span{color: #666666;}
.gl-rank li.on a div>span{display: block; width: 84px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #f89635;margin-top: 10px;border-radius: 6px;border: 1px solid #f89635;}
.gl-rank li:hover img{opacity: .8;}
.gl-rank li.on:hover a div p:nth-child(1){color: #f89635;font-weight: 600;}
.gl-rank li:nth-child(1) a i {background: #f44334;}
.gl-rank li:nth-child(2) a i {background: #fe7416;}
.gl-rank li:nth-child(3) a i {background: #f8b551;}

.zt-game{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;width: 280px;position: relative;padding: 24px 20px 10px;background: #fff;}
.zt-game ul{margin-top: 18px;}
.zt-game li{margin-bottom: 14px;width: 100%;position: relative;}
.zt-game li a{width: 100%;}
.zt-game li a p{width: 230px;display: inline-block; white-space: nowrap;overflow: hidden;line-height: 20px;font-size: 16px;}
.zt-game li a span{font-size: 14px;color: #999999;line-height: 20px;width: 50px;text-align: right;}
.zt-game li a div{width: 280px;height: 140px;display: none;overflow: hidden;}
.zt-game li a div img{width: 280px;height: 140px;}
.zt-game li a div p{font-size: 24px;position: absolute;left: 0;top: 58px;font-weight: 600;color: #fff;text-align: center;width: 280px;line-height: 26px;background: rgba(0,0,0,.6);}
.zt-game li.on a span{display: none;}
.zt-game li.on a div{display: block;}
.zt-game li.on a p{position: absolute;text-align: center;top: 60px;left: 0;font-size: 24px;line-height: 26px;color: #fff;font-weight: 600;width: 270px;background: rgba(0,0,0,.6);white-space: nowrap;text-overflow: ellipsis;padding: 0 5px;}
.zt-game li.on a div:hover img{-webkit-transform: scale(1.1);-webkit-transition: all 0.3s ease-out;}

/* ----------------------------------专题----------------------------------- */
.zt-list li{overflow: hidden;width: 280px;height: 290px;border-radius: 6px;background: #fff;position: relative;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;float: left;margin-right: 26px;margin-bottom: 26px;}
.zt-list li a div:nth-child(1){background: rgba(0, 0, 0, 0.3);top: 0;left: 0;width: 280px;height: 140px;overflow: hidden;position: relative;}
.zt-list li a div:nth-child(1) img{width: 280px;height: 140px;display: block;position: absolute;top: 0;left: 0;}
.zt-list li a div:nth-child(2){height: 108px;}
.zt-list li a div:nth-child(2) p:nth-of-type(1){margin: 10px 18px 0;font-size: 16px;font-weight: 600;}
.zt-list li a div:nth-child(2) p:nth-of-type(2){font-size: 14px;color: #808080;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 3;overflow: hidden;margin: 6px 18px 0;}
.zt-list li a>p{font-size: 16px;color: #a6a6a6;line-height: 18px;position: absolute;bottom: 22px;left: 18px;}
.zt-list li a>p i{width: 18px;height: 18px;display: inline-block;background-position: -3px -106px;vertical-align: bottom;margin-right: 8px;}
.zt-list li a>p span{font-size: 16px;color: #666666;}
.zt-list li a:hover div:nth-child(1) img{-webkit-transform: scale(1.1);-webkit-transition: all 0.3s ease-out;}
.zt-list li:nth-child(4n){margin-right: 0;}
.zt-list ul li:hover {box-shadow: rgb(248 150 53 / 10%) 0px 6px 10px 3px;}
.page{background: #fff;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;border-radius: 6px;margin-bottom: 30px;}

/* ---------------------------专题内容-------------------------------------- */
.zt-tit{height: 290px;background: #fff;box-shadow: rgb(0 0 0 / 4%) 0px 10px 10px 0px;overflow: hidden;border-radius: 6px;margin-bottom: 20px;}
.zt-tit img{width: 576px;height: 290px;float: left;}
.zt-tit>div{width: 578px;margin: 0 20px;float: left;position: relative;}
.zt-tit>div h1{font-size: 30px;color: #333333;line-height: 32px;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: 36px;}
.zt-tit>div p{font-size: 16px;color: #a6a6a6;line-height: 18px;margin-top: 24px;}
.zt-tit>div p i{width: 18px;height: 18px;display: inline-block;background-position: -3px -106px;vertical-align: bottom;margin-right: 8px;}
.zt-tit>div p span{font-size: 16px;color: #666666;}
.zt-tit>div div{width: 536px;height: 88px;background: #f5f5fa;font-size: 16px;color: #808080;line-height: 32px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;padding: 14px 20px 14px;margin-top: 24px;overflow-y: scroll;}

.zt-cont{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;overflow: hidden;background: #fff;padding-bottom: 10px;}
.zt-cont ul{margin-top: 24px;margin-left: 20px;overflow: hidden;}
.zt-cont ul li{width: 218px;height: 258px;border: 1px solid #e6e6e6;border-radius: 8px;float: left;margin-right: 14px;margin-bottom: 15px;background: rgba(255, 255, 255, .2);}
.zt-cont ul li a img{width: 100px;height: 100px;display: block;border-radius: 20px;margin: 20px auto 0;}
.zt-cont ul li a p:nth-of-type(1){font-size: 18px;color: #333333;text-align: center;width: 210px;white-space: nowrap;overflow: hidden;margin-top: 18px;line-height: 18px;}
.zt-cont ul li a p:nth-of-type(2){font-size: 14px;color: #999;text-align: center;margin-top: 10px;}
.zt-cont ul li a p:nth-of-type(2) span{margin-right: 20px;}
.zt-cont ul li a p:nth-of-type(2) span:last-child{margin-right: 0;}
.zt-cont ul li a>span{display: block;width: 182px;height: 40px;border: 1px solid #f89635;border-radius: 20px;text-align: center;line-height: 40px;font-size: 18px;color: #f89635;margin: 14px auto 0;}
.zt-cont ul li:hover {border-color: #f89635;background: rgba(248,150,53,.2);}
.zt-cont ul li:hover p:nth-of-type(1) {font-weight: 600;color: #f89635;}
.zt-cont ul li:hover a>span {color: #fff;font-weight: 600;background: #f89635;}
.zt-cont ul li:nth-child(5n) {margin-right: 0;}

.zt-tj{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;overflow: hidden;padding-top: 14px;background: #fff;padding-bottom: 24px;margin: 24px auto;}
.zt-tj ul{overflow: hidden;margin: 24px 20px 0;}
.zt-tj ul li{float: left;margin-right: 17px;margin-bottom: 16px;}
.zt-tj ul li:nth-child(8n){margin-right: 0;}
.zt-tj ul li:nth-child(n+9){margin-bottom: 0;}
.zt-tj ul li a{display: block;width: 110px;height: 32px;font-size: 16px;color: #fff;border-radius: 16px;text-align: center;white-space: nowrap;overflow: hidden;padding: 0 10px;line-height: 32px;}
.zt-tj ul li a:nth-child(1) {background: #f36e5d;}
.zt-tj ul li a:nth-child(2) {background: #fabf00;}
.zt-tj ul li a:nth-child(3) {background: #61bba1;}
.zt-tj ul li a:nth-child(4) {background: #92d1f4;}
.zt-tj ul li a:nth-child(5) {background: #f9abb8;}
.zt-tj ul li a:nth-child(6) {background: #a37bad;}
.zt-tj ul li a:nth-child(7) {background: #b6ddc8;}
.zt-tj ul li a:nth-child(8) {background: #30aed1;}
.zt-tj ul li a:nth-child(9) {background: #f5ae7a;}
.zt-tj ul li a:nth-child(10){background: #c49990;}
.zt-tj ul li a:nth-child(11){background: #81c347;}
.zt-tj ul li a:nth-child(12){background: #d6a7c9;}
.zt-tj ul li a:nth-child(13){background: #98bce4;}
.zt-tj ul li a:nth-child(14){background: #c6ae92;}
.zt-tj ul li a:nth-child(15){background: #f4c6a2;}
.zt-tj ul li a:nth-child(16){background: #f36e5d;}
.zt-tj ul li:hover a{background: #f89635 !important;}

/* ---------------------------攻略内容--------------------------------- */
.gl-info{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;margin-bottom: 24px;}
.gl-info div:nth-child(1){position: relative;background-color: #fff;border-bottom:1px dashed #999;}
.gl-info div:nth-child(1) h1{padding-top: 53px; font-size: 30px;color: #2b1300;overflow: hidden;width: 770px;text-align: center;margin: 0 auto;margin-bottom: 20px; line-height: 32px;font-weight: 600;}
.gl-info div:nth-child(1) p{font-size: 14px;color: #808080;width: 816px;margin: 0 auto;text-align: center;padding-bottom: 30px;}
.gl-info div:nth-child(1) p span{padding-right: 35px;}
.gl-info div:nth-child(2){padding: 36px 20px 0;background: #fff;overflow: hidden;}
.gl-info div:nth-child(2) p{line-height: 32px;color: rgb(68, 68, 68);margin:10px 0;text-indent: 2em;font-size: 18px;}
.gl-info div:nth-child(2) h3{font-size: 20px;color: #0b0b2f;height: 40px;line-height: 40px;font-weight: 600;}
.gl-info div:nth-child(2) strong{margin: 20px 0;}
.gl-info div:nth-child(2) img{display: block;margin: 16px auto;text-align: center;max-width: 450px;max-height: 527px;}
.gl-info div:nth-child(2) p img{display: block;margin: 2px auto;text-align: center;}

.gl-xz{background: #fff; box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;height: 168px;position: relative;}
.gl-xz a img{width: 120px;height: 120px;display: block;float: left;border-radius: 25px;margin: 24px 50px 0 25px;}
.gl-xz a div{width: 420px;float: left;margin-top: 24px;}
.gl-xz a div p{font-size: 16px;line-height: 18px;color: #959595;margin-top: 16px;}
.gl-xz a div p:nth-child(1){font-size: 24px;font-weight: 600;color: #333333;line-height: 26px;white-space: nowrap;overflow: hidden;margin-top: 14px;display: block;}
.gl-xz a div p span{color: #4d4d4d;}
.gl-xz a>span{width: 140px;height: 40px;display: block;position: absolute;line-height: 40px;text-align: center; color: #fff;border-radius: 20px;background: linear-gradient(to right, #f89635, #fecd2b);top: 64px;right: 107px;font-size: 16px;}
.gl-xz a:hover>span{box-shadow: 0 6px 6px rgb(248 150 53 / 24%);}

.cnxh{box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;border-radius: 6px;background: #fff;margin-top: 24px;position: relative;padding: 24px 0 0 20px;}
.cnxh>a{position: absolute;font-size: 14px;color: #f89635;right: 20px;top: 28px;}
.cnxh>a i{width: 9px;height: 9px;display: inline-block;background-position: -354px -113px;margin-left: 6px;}
.cnxh>p{margin-top: 28px;}
.cnxh>p span{cursor: pointer;width: 94px;text-align: center;font-size: 18px;color: #8f99a5;margin-right: 35px;display: inline-block;position: relative;}
/*.cnxh>p span:nth-child(1){margin-left: 55px;}*/
.cnxh>p span:nth-last-child(1){margin-right: 0;}
.cnxh>p span.current,.cnxh>p span:hover{font-weight: 600;color: #f89635;}
.cnxh>p span.current i,.cnxh>p span:hover i{width: 4px;height: 4px;display: inline-block;border-radius: 2px;background: #f89635;position: absolute;}
.cnxh>p span.current i:nth-of-type(1),.cnxh>p span:hover i:nth-of-type(1){left: 0;top: 8px;}
.cnxh>p span.current i:nth-of-type(2),.cnxh>p span:hover i:nth-of-type(2){right: 0;top: 8px;}
.cnxh>p span.current em,.cnxh>p span:hover em{display: inline-block;width: 94px;height: 12px;background: rgba(248,150,53,.1);position: absolute;border-radius: 6px;bottom: -6px;left: 0;}

.cnxh .tabBox>div{overflow: hidden;margin-top: 28px;display: none;}
.cnxh .tabBox>div:first-child{display: block;}
.cnxh .info{width: 442px;height: 192px;background: #f5f5fa;border-radius: 6px;float: left;overflow: hidden;position: relative;}
.cnxh .info p{font-size: 22px;color: #000;line-height: 24px;font-weight: 600;margin-top: 18px;margin-left: 20px;display: block;}
.cnxh .info div{margin: 12px 20px 0;font-size: 16px;line-height: 30px;color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.cnxh .tabBox>div>a>img{width: 354px;height: 192px;display: block;border-radius: 6px;float: left;margin-left: 20px;}
.cnxh ul{overflow: hidden;float: left;margin-top: 24px;}
.cnxh ul li{margin-right: 32px;float: left;margin-bottom: 24px;}
.cnxh ul li a img{width: 110px;height: 110px;display: block;border-radius: 24px;}
.cnxh ul li a p{font-size: 16px;color: #333333;text-align: center;line-height: 18px;white-space: nowrap;overflow: hidden;width: 110px;margin-top: 10px;}
.cnxh ul li a span{display: block;width: 84px;height: 30px;color: #fff;font-size: 16px;border-radius: 6px;text-align: center;line-height: 30px;margin: 10px auto 0;background: #f89635;border: 1px solid #f89635;}
.cnxh ul li:nth-child(6n) {margin-right: 0;}
.cnxh ul li:hover img{opacity: .8;}
.cnxh ul li:hover p{color: #f89635;font-weight: 600;}
.cnxh ul li span{background: #ffbc03;border-color: #ffbc03;}
.cnxh ul li:hover span{background: rgba(255, 188, 3, .1);color: #f89635;}

.zxlr{box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;border-radius: 6px;background: #fff;margin-top: 24px;position: relative;padding: 24px 0 0 20px;}
.zxlr div:nth-child(2){overflow: hidden;margin-top: 24px;}
.zxlr div:nth-child(2) a{display: block; margin-right: 32px;float: left;margin-bottom: 24px;}
.zxlr div:nth-child(2) a img{width: 110px;height: 110px;display: block;border-radius: 24px;}
.zxlr div:nth-child(2) a p{font-size: 16px;color: #333333;text-align: center;line-height: 18px;white-space: nowrap;overflow: hidden;width: 110px;margin-top: 10px;}
.zxlr div:nth-child(2) a:nth-child(6n){margin-right: 0;}
.zxlr div:nth-child(2) a:hover img{opacity: .8;}
.zxlr div:nth-child(2) a:hover p{color: #f89635;font-weight: 600;}

.xggl{box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;border-radius: 6px;background: #fff;margin-top: 24px;position: relative;padding: 24px 0 20px 20px;}
.xggl ul{overflow: hidden;margin-top: 8px;}
.xggl ul li{float: left;margin-right: 69px;}
.xggl ul li:nth-child(2n){margin-right: 0;}
.xggl ul li a{display: block;width: 342px;height: 35px;line-height: 35px;font-size: 14px;color: #666666;padding-left: 22px;position: relative;}
.xggl ul li a::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto;width: 4px;height: 4px;border-radius: 50%;border: 1px solid #cfcfcf;}
.xggl ul li a p:nth-child(1){float: left;width: 280px;font-size: 16px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color ease .2s;}
.xggl ul li a span:nth-child(2){float: right;}
.xggl ul li:hover a p:nth-child(1){color: #f89635;}
.xggl ul li:hover a::before{background: #f89635;}

.gl-game{border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;width: 280px;position: relative;padding: 24px 20px 10px;background: #fff;margin-bottom:24px;}
.gl-game ul{margin-top: 18px;}
.gl-game ul li{margin-bottom: 15px;width: 100%;position: relative;}
.gl-game ul li a{width: 100%;}
.gl-game ul li a p{font-size: 16px;color: #4c4c4c;line-height: 18px;display: inline-block;width: 230px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.gl-game ul li a span{font-size: 14px;color: #999999;line-height: 20px;width: 50px;text-align: right;float: right;}
.gl-game ul li a div{display: none;width: 280px;height: 140px;overflow: hidden;}
.gl-game ul li a div img{width: 280px;height: 140px;}
.gl-game ul li.current a p{position: absolute;top: 60px;left: 0;font-size: 20px;line-height: 22px; color: #fff;font-weight: 600;width: 270px;background: rgba(0,0,0,.6);white-space: nowrap;text-overflow: ellipsis;padding: 0 5px;}
.gl-game ul li.current a span{display: none;}
.gl-game ul li.current a div{display: block;}
.gl-game li.current a div:hover img{-webkit-transform: scale(1.1);-webkit-transition: all 0.3s ease-out;}

/* ---------------------------------------游戏下载------------------------------------ */
.gmc-1{background: url(../img/load1.png) no-repeat;height: 242px;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;position: relative;}
.gmc-1 img{width: 180px;height: 180px;display: block;border-radius: 40px;float: left;margin: 32px 32px 0 35px;}
.gmc-1>div{width: 400px;float: left;margin-top: 32px;}
.gmc-1 div h1{font-size: 32px;color: #000;line-height: 34px;white-space: nowrap;overflow: hidden;margin-top: 14px;font-weight: 600;}
.gmc-1 div p{margin-top: 22px;color: #a6a6a6;}
.gmc-1 div p:nth-of-type(2){margin-top: 12px;}
.gmc-1 div p span{display: inline-flex;line-height: 18px;}
.gmc-1 div>div span{float: left;margin-right: 20px; cursor: pointer; border: none;width: 180px;height: 48px;line-height: 48px;margin-top: 15px; text-align: center;border-radius: 6px;color: #fff;font-size: 16px;font-weight: 600;background: #a6a6a6;}
.gmc-1 div>div span i{width: 20px;height: 22px;display: inline-block;margin-right: 6px;vertical-align: sub;}
.gmc-1 div>div span.adr{background: #56e39d;box-shadow: 0px 2px 8px rgb(86 227 157 / 80%);}
.gmc-1 div>div span.adr i{background-position: 0 -73px;}
.gmc-1 div>div span.ios{background: #569fe3;box-shadow: 0px 2px 8px rgb(86 159 227 / 80%);}
.gmc-1 div>div span.ios i{background-position: -24px -74px;}
.gmc-1 div>div span.yy{background: #f89635;box-shadow: 0px 2px 8px rgb(248 150 53 / 80%);}
.gmc-1 div>div span.yy i{background-position: -48px -74px;}
.gmc-1 div>div span.shield_down{background-color: #ccc;}
.gmc-1 div>div.downBtxBox a{float: left;margin-right: 20px; cursor: pointer; border: none;width: 180px;height: 48px;line-height: 48px;margin-top: 15px; text-align: center;border-radius: 6px;color: #fff;font-size: 16px;font-weight: 600;background: #a6a6a6;}
.gmc-1 div>div.downBtxBox a i{width: 20px;height: 22px;display: inline-block;margin-right: 6px;vertical-align: sub;}
.gmc-1 div>div.downBtxBox a.adr{background: #56e39d;box-shadow: 0px 2px 8px rgb(86 227 157 / 80%);}
.gmc-1 div>div.downBtxBox a.adr i{background-position: 0 -73px;}
.gmc-1 div>div.downBtxBox a.ios{background: #569fe3;box-shadow: 0px 2px 8px rgb(86 159 227 / 80%);}
.gmc-1 div>div.downBtxBox a.ios i{background-position: -24px -74px;}

.gmc-1 div>div span.none{background: #999;}
.gmc-1 div>div span.none i{display: none;}

.noGm{line-height: 15px;height: 15px;color: #999;width: 385px; padding-top: 20px;padding-left: 195px;position: absolute;}
.noGm i{display: inline-block;width: 16px;height: 16px;margin-bottom: 5px; font-size: 12px;color: #fff;background-color: red;border-radius: 50%;text-align: center;margin-right: 4px;position: relative;vertical-align: top;}


.gmc-2{background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;position: relative;margin-top: 24px;}
.gmc-2>p{display: inline-flex;margin-top: 24px;}
.gmc-2>p span{display: inline-block;width: 110px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #8f99a5;margin-right: 44px;cursor: pointer;}
.gmc-2>p span.current,.gmc-2>p span:hover{background: #f89635;color: #fff;font-weight: 600;border-radius: 6px;box-shadow: 0 2px 4px rgb(248 150 53 / 80%);}
.gmc-2>p span:nth-child(1){margin-left: 66px;}

.edit_comment{}
.gmc-2>p.edit_comment{width: 720px; position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 16px;color: #808080;line-height: 30px;padding: 20px;background: url(../img/bg2.png) no-repeat;background-position: right;border: 1px solid #f5f5fa;margin: 25px 20px 0;border-radius: 5px;padding-left: 70px; }
.gmc-2>p.edit_comment i{width: 50px;height: 52px;display: block;position: absolute;left: 7px;top: 10px;background-position: -14px -170px; }


.gmc-2>div{margin-top: 40px;}
.gmc-2 .Title2{margin-left: 20px;}
.gmc-2>div>p{font-size: 16px;color: #808080;line-height: 30px;padding: 20px;background: url(../img/bg2.png) no-repeat;background-position: right;border: 1px solid #f5f5fa;margin: 25px 20px 0;border-radius: 5px;}
.gmc-2 .cont{margin: 18px 24px 0px;padding-bottom: 20px;}
.gmc-2 .cont p{line-height: 32px;color: #808080;font-size: 16px;margin: 15px 0px;}
.gmc-2 .cont h3{font-size: 20px;color: #0b0b2f;height: 52px;line-height: 52px;font-weight: 600;}
.gmc-2 .cont p img{display: block;padding: 5px 0px;margin: 0px auto;max-width: 450px;max-height: 527px;}


.gmc-3{background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;position: relative;margin-top: 24px;padding-top: 24px;}
.gmc-3 .Title2 {margin-left: 20px;}
.showImg{width: 788px;min-height: 298px;margin: 0 auto;height: 280px;position: relative;padding: 28px 0 24px;}
.showImg i{ position: absolute;top:117px;left: -18px; z-index: 2;width: 34px;height: 36px;cursor: pointer;border-radius: 50%;box-shadow: 0 5px 6px 0 rgb(0 139 255 /30%);background-size: 1000px 1000px; background-color: #fff;background-position: -22px 7px;}
.showImg i:nth-of-type(2){position: absolute;top:117px;left: 771px;background-position: -51px 7px;}
.showImg >div{overflow-x: scroll; overflow-y: hidden; position: relative;left: 0;width: 788px;height: 297px;background-color: #fff;}
.showImg ul{white-space: nowrap;text-align: center;height: 280px;font-size: 0;}
.showImg ul li{display: inline-block;margin-right: 16px;}
.showImg ul li:nth-last-child(1){margin-right: 0;}
.showImg ul li a img{display: block;height: 280px;width: auto;}
.showImg ul li>div{width: 500px;height: 280px;} 

.gmc-4{background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;position: relative;margin-top: 24px;padding-top: 24px;padding-bottom: 26px;}
.gmc-4 .Title2 {margin-left: 20px;}
.gmc-4 ul{overflow: hidden;margin: 0 20px;}
.gmc-4 ul li{width: 270px;float: left;margin-top: 28px;height: 54px;}
.gmc-4 ul li p{font-size: 16px;color: #8f99a5;}
.gmc-4 ul li span{font-size: 18px;color: #333333;line-height: 22px;display: block;margin-top: 12px;font-weight: 600;}
.gmc-4>span{position: absolute;top: 28px;right: 25px;cursor: pointer;font-size: 14px;color: #a8a8a8;}
.gmc-4>span i{width: 17px;height: 18px;display: inline-block;margin-right: 3px;background-position: -4px -132px;vertical-align: sub;}


.bjtj{background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;position: relative;margin-top: 24px;position: relative;padding: 24px 0 0 20px;}
.bjtj ul{overflow: hidden;float: left;margin-top: 24px;}
.bjtj ul li{margin-right: 32px;float: left;margin-bottom: 24px;}
.bjtj ul li a img{width: 110px;height: 110px;display: block;border-radius: 24px;}
.bjtj ul li a p{font-size: 16px;color: #333333;text-align: center;line-height: 18px;white-space: nowrap;overflow: hidden;width: 110px;margin-top: 10px;}
.bjtj ul li a span{display: block;width: 84px;height: 30px;color: #fff;font-size: 16px;border-radius: 6px;text-align: center;line-height: 30px;margin: 10px auto 0;background: #f89635;border: 1px solid #f89635;}
.bjtj ul li:nth-child(6n) {margin-right: 0;}
.bjtj ul li:hover img{opacity: .8;}
.bjtj ul li:hover p{color: #f89635;font-weight: 600;}
.bjtj ul li span{background: #ffbc03;border-color: #ffbc03;}
.bjtj ul li:hover span{background: rgba(255, 188, 3, .1);color: #f89635;}


/* ----------------------首页--------------------------- */
.in-1{height: 380px;background: url(../img/indextopbg.png) no-repeat center;overflow: hidden;position: relative;}
.in-1>div{position: relative;height: 378px;overflow: hidden;}
.in-1 ul{width: 1200px; position: absolute;margin-top: 30px;}
.in-1 li{width: 220px;height: 320px;display: block;float: left;border-radius: 10px;position: relative;margin-right: 25px;overflow: hidden;}
.in-1 li:last-child{margin-right: 0;}
.in-1 li:hover a div{bottom: 0;transition: all .3s linear;height: 100%;}
.in-1 li a img{width: 220px;height: 320px;display: block;border-radius: 10px;}
.in-1 li a div{position: absolute;bottom: -320px;left: 0;height: 0;width: 100%;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(0, 0, 0,0.8));border-radius: 10px;}
.in-1 li a div p:nth-child(1){font-size: 24px;color: #fff;text-align: center;line-height: 24px;white-space: nowrap;margin-top: 32px;}
.in-1 li a div p:nth-child(2){margin: 0 auto;text-align: center;margin-top: 20px;}
.in-1 li a div span{position: absolute;bottom: 0;display: block;height: 48px;width: 220px;background: #f89635;font-size: 20px;text-align: center;line-height: 48px;color: #fff;box-shadow: 0 3px 25px rgb(248 150 53 / 80%);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.in-2{height: 246px;background: #fff;margin-top: 28px;overflow: hidden;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;border-radius: 8px;}
.in-2 ul{overflow: hidden; padding: 24px 20px 17px;}
.in-2 li{float: left;margin-right: 30px;}
.in-2 li:last-child{margin-right: 0;}
.in-2 li:hover a img{opacity: .8;}
.in-2 li:hover a p{color: #f89635;}
.in-2 li a img{width: 88px;height: 88px;display: block;border-radius: 24px;}
.in-2 li a p{width: 88px;white-space: nowrap;overflow: hidden;font-size: 18px;color: #333333;text-align: center;line-height: 20px;margin-top: 14px;}
.in-2>p{width: 1168px;height: 28px;line-height: 28px;color: #dee0e7;margin: 0 auto 10px; overflow: hidden;white-space: nowrap;}
.in-2>p span{display: inline-block;padding:0 10px;height: 26px;color: #f4f4f5;font-size: 14px;background-color: #66b0ff;text-align: center;border-radius: 13px;margin-right: 6px;font-weight: 600;line-height: 26px;}
.in-2>p:nth-of-type(1) span{background: #ee6767;}
.in-2>p a{color: #666666;font-size: 16px;margin: 0 10px;}
.in-2>p a:hover{color: #f89635;}

.in-3{margin-top: 26px;margin-bottom: 20px;}

.inban { width: 390px; height: 340px; position: relative; float: left; overflow: hidden; border-radius: 6px;}
.inban ul { position: relative; overflow: hidden; }
.inban li { width: 390px; height: 340px; float: left; position: relative; overflow: hidden; border-radius: 6px; }
.inban li img { width: 390px; height: 340px; }
.inban .text {position: absolute;left: 0px;bottom: 0px;font-size: 14px;color: rgb(255, 255, 255);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));display: block;width: 350px;padding: 106px 20px 14px;white-space: nowrap;overflow: hidden;border-radius: 10px;}
:root .inban .text { filter: none; }
.inban .text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 335px; }
.inban .dot {width: 30px;position: absolute;bottom: 18px;right: 5px;overflow: hidden;}
.inban .dot div { padding-right: 5px; float: right; }
.inban .dot i { display: block; width: 8px; height: 8px; overflow: hidden; margin: 5px 4px 0px 0px; background-color: rgb(153, 153, 153); float: left; cursor: pointer; }
.inban .dot i.current { background: #f89635; }

.in-3 .main{float: left;margin-left: 20px;background: #fff;width: 460px;height: 340px;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;}
.in-3 .main div{text-align: center;padding:0 15px 5px;overflow: hidden;margin-top: 15px;}
.in-3 .main div>a{display: block; text-overflow: ellipsis; font-size: 20px;color: #ff2317;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.in-3 .main div>a:hover{color: #f89635;}
.in-3 .main div p{width: 90%;margin: auto;white-space: nowrap;overflow: hidden;margin-top: 3px;line-height: 25px;height: 25px;}
.in-3 .main div p a{font-size: 12px;color: #666;display: inline-block; line-height: 25px;max-width:60%;overflow: hidden;vertical-align: middle;}
.in-3 .main div p a:hover{color: #f89635;}

.in-3 .main ul{margin: 4px 20px 0;border-top: 1px dashed #dcdcdc;padding-top: 3px;}
.in-3 .main li{height: 34px;overflow: hidden;white-space: nowrap;line-height: 34px;}
.in-3 .main li a p{font-size: 16px;color: #4c4c4c;float: left;line-height: 34px;width: 370px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in-3 .main li a span{font-size: 14px;color: #999999;float: right;line-height: 34px;}
.in-3 .main li:hover a p{color: #f89635;}

.in-3 .right{float: left;margin-left: 20px;background: #fff;width: 310px;height: 332px;border-radius: 6px;padding-top: 8px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;}
.in-3 .right>div:nth-child(2){overflow: hidden;margin: 18px 20px 0;}
.in-3 .right>div:nth-child(2) a{display: block;width: 270px;height: 80px; }
.in-3 .right>div:nth-child(2) a img{width: 80px;height: 80px;display: block;border-radius: 20px;float: left;margin-right: 20px;}
.in-3 .right>div:nth-child(2) a p:nth-of-type(1){font-size: 16px;color: #1a1a1a;line-height: 18px;white-space: nowrap;overflow: hidden;margin-top: 7px;}
.in-3 .right>div:nth-child(2) a p:nth-of-type(2){font-size: 14px;color: #808080;line-height: 16px;margin-top: 12px;}
.in-3 .right>div:nth-child(2) a p:nth-of-type(3){font-size: 14px;color: #808080;line-height: 16px;margin-top: 8px;}
.in-3 .right>div:nth-child(2) a p span{font-size: 14px;color: #333;line-height: 16px;}
.in-3 .right>div:nth-child(2)>p{font-size: 14px;color: #808080;line-height: 24px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;float: left;margin-top: 10px;}
.in-3 .right>div:nth-child(3){overflow: hidden;margin: 14px 20px 0;}
.in-3 .right>div:nth-child(3) a{display: inline-block;float: left;margin-right: 18px;}
.in-3 .right>div:nth-child(3) a:last-child{margin-right: 0;}
.in-3 .right>div:nth-child(3) a img{width: 78px;height: 78px;display: block;border-radius: 16px;}
.in-3 .right>div:nth-child(3) a p{font-size: 16px;color: #333333;line-height: 18px;margin-top: 8px;text-align: center;width: 78px;white-space: nowrap;overflow: hidden;}
.in-3 .right>div:nth-child(3) a:hover p{color: #f89635;}


.in-5{background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;overflow: hidden;padding-bottom: 5px;}
.in-5>div{width: 848px;margin: 0 20px;float: left;}
.in-5>div>p{background: url(../img/indextitbg.png) no-repeat;height: 22px;margin-top: 27px;text-align: center;}
.in-5>div>p span{font-size: 20px;color: #8f99a5;margin-right: 50px;cursor: pointer;position: relative;}
.in-5>div>p span:nth-child(2){margin-right: 0;}
.in-5>div>p span.current,.in-5>div>p span:hover{font-weight: 600;color: #f89635;}
.in-5>div>p span.current em,.in-5>div>p span:hover em{width: 40px;height: 4px;display: block;position: absolute;background: #f89635;border-radius: 4px;left: 20px;bottom: -6px;}
.in-5 ul{margin-top: 32px;display: none;}
.in-5 ul:nth-of-type(1){display: block;}
.in-5 li{float: left;margin-bottom: 20px;margin-right: 37px;}
.in-5 li:nth-child(6n){margin-right: 0;}
.in-5 li a img{width: 110px;height: 110px;border-radius: 26px;display: block;}
.in-5 li a p{font-size: 16px;color: #333;line-height: 18px;text-align: center;white-space: nowrap;overflow: hidden;width: 110px;margin-top: 11px;}
.in-5 li:hover a img{opacity: .8;}
.in-5 li:hover a p{color: #f89635;}
.in-5>a{display: block;width: 290px;margin-left: 4px;float: left;}
.in-5>a img{height: 517px;width: 290px;display: block;border-radius: 12px;margin-top: 24px;}

.in-6{height: 238px;background: #fff;border-radius: 6px;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;margin-top: 24px;margin-bottom: 24px;overflow: hidden;position: relative;}
.in-6>div:nth-child(2){position: relative;overflow: hidden;margin: 0 20px;}
.in-6>div:nth-child(2) ul{position: relative;}
.in-6>div:nth-child(2) ul li{margin-right: 14px;position: relative;box-shadow: rgb(0 0 0 / 20%) 0px 10px 30px 0px;width: 280px;height: 140px;overflow: hidden;float: left;}
.in-6>div:nth-child(2) ul li:last-child{margin-right: 0;}
.in-6>div:nth-child(2) ul li a img{width: 280px;height: 140px;display: block;}
.in-6>div:nth-child(2) ul li a div{width: 280px;height: 140px;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74));box-shadow: rgb(0 0 0 / 20%) 1px 10px 30px 0px;position: absolute;left: 0px;bottom: 0px;z-index: 3;}
.in-6>div:nth-child(2) ul li a div p{display: block;color: rgb(255, 255, 255);font-size: 18px;margin: 60px 10px 0px;white-space: nowrap;overflow: hidden;text-align: center;font-weight: 600;}
.in-6>div:nth-child(2) ul li:hover a div p{margin-top: 58px;font-size: 24px;line-height: 24px;}
.in-6>div:nth-child(2) ul li:hover a em{width: 280px;height: 62px;background: rgba(0, 0, 0, .4);display: block;position: absolute;top: 40px;left: 0;}

.in-6>div:nth-child(3){height: 32px;position: absolute;top: 20px;right: 22px;}
.in-6>div:nth-child(3) span{width: 97px;height: 32px;margin-right: 16px;font-size: 14px;color: #999999;background: #f0f0f0;display: inline-block;cursor: pointer;line-height: 32px;}
.in-6>div:nth-child(3) span:nth-child(1){border-top-left-radius: 16px;border-bottom-left-radius: 16px;}
.in-6>div:nth-child(3) span:nth-child(2){border-top-right-radius: 16px;border-bottom-right-radius: 16px;margin-right: 0;padding-left: 10px;width: 87px;}
.in-6>div:nth-child(3) span i{vertical-align: top;}
.in-6>div:nth-child(3) span:nth-child(1) i{width: 36px;height: 32px;display: inline-block;background-position: -209px -31px;margin-right: 10px;cursor: pointer;}
.in-6>div:nth-child(3) span:nth-child(2) i{width: 36px;height: 32px;display: inline-block;background-position: -254px -31px;cursor: pointer;margin-left: 9px;}
.in-6>div:nth-child(3) span:hover{background: #fffbeb;color: #f89635;}
.in-6>div:nth-child(3) span:nth-child(1):hover i{background-position-x: -120px;}
.in-6>div:nth-child(3) span:nth-child(2):hover i{background-position-x: -166px;}

.appZ .Title3 p i{background-position: -38px -104px;}

.in-rank{width: 100%;height: 615px;margin-bottom: 24px;}
.in-rank>div{overflow: hidden;display: flex;}
.in-rank .rankBox{background: url(../img/grirank.png) no-repeat;width: 380px;height: 613px;overflow: hidden;margin-right: 30px;}
.in-rank .rankBox>p{display: block;width: 264px;position: relative;margin-top: 32px;margin-left: 56px;height: 60px;}
.in-rank .rankBox>p i{background-position: -534px -5px;width: 264px;height: 60px;position: absolute;left: 0;top: 0;}
.in-rank .rankBox>p span{position: absolute;z-index: 3;text-align: center;font-size: 24px;color: #fff;line-height: 24px;width: 264px;display: block;font-weight: 600;margin-top: 8px;}
.in-rank .rankBox>div{overflow: hidden;}
.in-rank .rankBox>div a{float: left;margin-top: 60px;position: relative;}
.in-rank .rankBox>div a:nth-child(1){margin-left: 30px;}
.in-rank .rankBox>div a:nth-child(2){margin: 50px 42px 0 40px;}
.in-rank .rankBox>div a:nth-child(3){margin-right: 20px;}
.in-rank .rankBox>div a img{width: 80px;height: 80px;display: block;border-radius: 18px;}
.in-rank .rankBox>div a:nth-child(2) img{width: 88px;height: 88px;}
.in-rank .rankBox>div a p{font-size: 18px;color: #333333;line-height: 20px;text-align: center;width: 80px;white-space: nowrap;overflow: hidden;margin-top: 14px;}
.in-rank .rankBox>div a:nth-child(2) p{margin-top: 16px;width: 88px;}
.in-rank .rankBox>div a i{position: absolute;top: -10px;left: -14px;}
.in-rank .rankBox>div a:nth-child(1) i{width: 28px;height: 24px;display: inline-block;background-position: -439px -2px;}
.in-rank .rankBox>div a:nth-child(2) i{width: 38px;height: 34px;display: inline-block;background-position: -392px -2px;top: -16px;}
.in-rank .rankBox>div a:nth-child(3) i{width: 28px;height: 24px;display: inline-block;background-position: -474px -3px;}
.in-rank .rankBox ul{margin: 12px 20px 0;}
.in-rank .rankBox ul li{height: 46px;border-top: 1px solid #e5e5e5;}
.in-rank .rankBox ul li a i{width: 24px;height: 24px;display: inline-block;border-radius: 4px;color: #fff;line-height: 24px;text-align: center;font-size: 14px;background: #e5e5e5;margin-right: 20px;float: left;margin-top: 10px;}
.in-rank .rankBox ul li:hover a i{background: #f89635;}
.in-rank .rankBox ul li a p{font-size: 18px;color: #333;line-height: 46px;display: inline-block;width: 215px;white-space: nowrap;overflow: hidden;float: left;}
.in-rank .rankBox ul li a span{display: inline-block;font-size: 16px;color: #999999;line-height: 46px;float: right;}
.in-rank .rankBox>div a:hover img{opacity: .6;}
.in-rank .rankBox>div a:hover p{color: #f89635;}
.in-rank .rankBox ul li:hover a p{color: #f89635;}
.in-rank .rankBox:last-child{margin-right: 0;}

.in-rank .rankBox:nth-child(2)>p i{background-position-y: -74px;}
.in-rank .rankBox:nth-child(3)>p i{background-position-y: -140px;}

.friend{background: #fff;border-radius: 6px;overflow: hidden;box-shadow: rgb(0 0 0 / 10%) 0px 3px 6px 0px;margin: 25px auto;padding-top: 14px;}
.friend div:nth-child(2){width: 1160px;height: 90px;overflow: hidden;position: relative;margin: 20px 20px;}
.friend div:nth-child(2) a{text-align: center; font-size: 16px;color: #5c5c5c;width: 124px;height: 31px;display: inline-block;}
.friend div:nth-child(2) a:hover{color: #f89635;}



/* 反馈 */
.feBaBtn:hover{text-decoration: underline;}
.feedBack{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.feBaBox{position: fixed;top: 75px;left: 0;right: 0;margin: auto;width: 480px;border-radius: 8px;background-color: #fff;border-radius: 18px 18px 20px 20px;}
.feBaBox .fClose{position: absolute;top: 0;right:17px;margin: auto;z-index: 10;text-align: center;}
.feBaBox .fClose i{display: inline-block;width: 36px;height: 36px;background-position: -64px -32px;position: relative;cursor: pointer;top: -62px;right: -30px;}
.feBaBox .fTitle{position: relative;width: 100%;height: 121px;background-color: transparent;background-image: url(../img/fkbg1.png);background-size: 480px 100%;text-align: center;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.feBaBox .fTitle p{font-size: 32px;color: #fff;font-weight: bold;padding-top: 24px;line-height: 70px;white-space: nowrap;overflow: hidden;}
.feBack{padding: 15px 26px 5px;position: relative;top: -18px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.feBack p{font-size: 22px;color: #000;margin: 15px 0;line-height: 28px;}
.feBack p:nth-of-type(1){margin-bottom: 5px;}
.feBack textarea{width: 403px;height: 99px;border: none;resize:none;background: #F0F0F0;padding-left: 2px;padding: 12px;font-size: 16px;color: #999;border-radius: 6px;}
.radio {position: relative;height: 50px;line-height: 50px;}
.radio:nth-last-child(1){border-bottom: none;}
.radio input[type='radio'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.radio label {position: absolute;left: 0px;top: 0;height: 50px;line-height: 50px;width: 390px;font-size: 18px;color: #666;text-align: left;padding-left: 38px;}
.radio label:after {content: '';position: absolute;left: 2px;top: 16px;width: 14px;height: 14px;border-radius: 50%;border: 3px solid #fff;text-align: center;line-height: 20px;box-shadow: 0 0 0 1px #ddd;}
.radio input[type='radio']:checked + label:after {background-color: #f89635;}
.telBox{height: 53px;line-height: 53px;overflow: hidden;background: #F6F6F6;border-radius: 6px;}
.telBox input{border: none;height: 53px;width: 415px;font-size:16px;padding-left: 12px;background: #F6F6F6;}
.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;}
.feSubmit{position: relative;}
.feSubmit input{display: block;background: #f89635;font-size: 24px;margin: 10px auto 40px;width:380px;height: 64px;line-height: 64px;text-align: center;color: #fff;border: none;border-radius: 6px;}
.feSubmit input:hover{opacity: .96;}


/* 预约 */
.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: 410px;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: -64px -32px;}
.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(../img/icon.png) no-repeat;background-position: -400px -242px; 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: -191px -242px;}
.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: 0 -242px;}


.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(../img/yy1.png) no-repeat;top: 0;}
.oOrder>p{font-size: 16px;color: #666666;top: 270px;left: 60px;position: absolute;}
.oOrder>p span{color: #FF3E2D;}