@charset "utf-8";
/**
 * Created by sxz on 2018/7/5.
 */

@font-face {
    /* font-properties */

   /* font-family: wawaSC;
    src:url('../img/WawaSC-Regular.otf'),
    url('../img/华康娃娃体W5.TTF');*/
    
    font-family: wawaSC;
    src:url('../font/ALIBABA-PUHUITI-REGULAR.OTF'),
    url('../font/ALIBABA-PUHUITI-REGULAR.ttf');
}

body {font: .14rem/1.8 Microsoft YaHei,Heiti SC,Arial,SimSun,Verdana;-webkit-font-smoothing: antialiased !important; color: #333; background:#fff}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0 ;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, mark, audio, video, canvas { display: block }
address, cite, dfn, em, var, b, sub, sup { font-style: normal }
code, kbd, pre, samp { font-family: courier new, courier, monospace }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100% }
input, textarea, select { font-family: Arial, Verdana, "\5b8b\4f53" }
input:focus{outline:none}
fieldset, img { border: 0 ;}
sup, sub { font-size: 0.6em }
ins{text-decoration: none}
ul, ol,li { list-style: none }
table { border-collapse: collapse; border-spacing: 0 ;}
input { outline: 0 ;}
textarea { -moz-outline: 0; outline: 0; overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none }
img { vertical-align: middle }
iframe { margin: 0; padding: 0; border: 0; font-size: 100% }
a,a:visited{ color: #333; text-decoration: none;outline: none }
a:hover{ color: #4c1d0a; text-decoration: none; transition: color .3s; -moz-transition: color .3s;}

.clearfix:after,.wrapper3840:after{ visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; overflow: hidden }
.clearfix,.wrapper3840{ *zoom:1;}

.block { display: block }
.fl { float: left }
.fr { float: right }
.ft12{ font-size: 0.12rem !important;}
.ft16{ font-size: 0.16rem !important;}
.fts60{ font-size: 0.6rem !important;}
.fta{ font-family: Arial}
.fwb{ font-weight: bold}
.fwn{ font-weight: normal}
.bdb{ border-bottom: 0.01rem solid #f1f2f3;}
.bgn{ background: none !important}
.bdf{ background: #fff}
.bdn{ background: none !important;}
.rmb { font-family: Verdana }
.fntA{ font-family: Arial}
.bgf{ background: #fff !important;}
.bor25{ border-radius: 0.025rem}
.bor3{ border-radius: 0.03rem}
.tac{ text-align: center !important;}
.txtIdt2{text-indent: 2em}

.height-auto{ height: auto !important;}

.light-gray { color: #999 !important }/*灰色高亮*/
.light-gray333 { color: #333 !important}/*灰色高亮333*/
.light-red{ color: #cc0000 !important} /*红色高亮*/
.light-blue{ color:#47afdc !important;}/*蓝色高亮*/
.light-orange{ color:#fe882b !important;}/*橙色高亮*/

.pdt0{ padding-top: 0 !important;}
.pdt10{ padding-top: 0.1rem !important;}
.pdt20{ padding-top: 0.2rem !important;}
.pdt30{ padding-top: 0.3rem !important;}
.pdt40{ padding-top: 0.4rem !important;}
.pdt50{ padding-top: 0.6rem !important;}
.pdt80{ padding-top: 0.8rem !important;}
.pdt90{ padding-top: 0.9rem !important;}
.pdt100{ padding-top: 1rem !important;}
.pdb40{ padding-bottom: 0.4rem !important;}
.pdb30{ padding-bottom: 0.3rem !important;}
.pdb10{ padding-bottom: 0.1rem !important;}
.pdl30{ padding-left: 0.3rem !important;}
.pdl10{ padding-left: 0.1rem !important;}
.pdl65{ padding-left: 0.65rem !important;}
.pdr20{ padding-right: 0.2rem !important;}
.pdr30{ padding-right: 0.3rem !important;}
.mgt40{ margin-top: 0.4rem !important;}
.mgt20{ margin-top: 0.2rem !important;}
.mgt10{ margin-top: 0.1rem !important;}
.mgb0{ margin-bottom: 0 !important;}
.mgb30{ margin-bottom: 0.3rem !important;}
.mgb20{ margin-bottom: 0.2rem !important;}
.mgb40{ margin-bottom: 0.4rem !important;}
.mgb50{ margin-bottom:0.5rem !important;}
.mgb60{ margin-bottom:0.6rem !important;}
.mgb70{ margin-bottom:0.7rem !important;}
.mgb90{ margin-bottom:0.9rem !important;}
.mgb100{ margin-bottom: 1rem !important;}
.mgb120{ margin-bottom:1.2rem !important;}
.mgl10{ margin-left: 0.1rem !important;}
.mgl30{ margin-left: 0.3rem !important;}
.mgr10{ margin-right: 0.1rem !important;}
.mgr15{ margin-right: 0.15rem !important;}
.mgr30{ margin-right: 0.3rem !important;}
.mgr40{ margin-right: 0.4rem !important;}
.mgr70{ margin-right: 0.7rem !important;}
.mgr100{ margin-right: 1rem !important;}

/*::-webkit-scrollbar { width: 0.03rem; height: 0.03rem; }*/
/*::-webkit-scrollbar-track-piece { background: rgba(0,0,0,.1); -webkit-border-radius: 0.02rem; }*/
/*::-webkit-scrollbar-thumb:vertical { height: 0.03rem; background-color: rgba(0,0,0,.1); -webkit-border-radius: 0.02rem; }*/
/*::-webkit-scrollbar-thumb:horizontal { width: 0.03rem; background-color:rgba(0,0,0,.1); -webkit-border-radius: 0.02rem; }*/

.bdt-eee{ border-top:0.01rem solid #eee}
.bdm-eee{ border-bottom:0.01rem solid #eee}
.bdl-gray{ border-left: 0.01rem solid #f1f2f3;}

.wsBtnGrey{ display: inline-block; height: 0.35rem; line-height: 0.35rem; padding: 0 0.2rem; background: #eee; color: #333;}
.wsBtnGrey:visited{ color: #333;}
.wsBtnGrey:hover{ background:#1480cc; color: #fff}

.wsBtnBlue{ display: inline-block; height: 0.35rem; line-height: 0.35rem;padding: 0 0.2rem; background: #1480cc; color: #fff; border-radius: 0.025rem; text-align: center}
.wsBtnBlue:visited{color: #fff}
.wsBtnBlue:hover{ background: #1273b7; color: #fff}
.wsBtnLogin{ font-size: 0.16rem; display: inline-block; width: 100%; height: 0.4rem; line-height: 0.4rem; background: #1480cc; color: #fff; border-radius: 0.025rem; text-align: center}
.wsBtnLogin:visited{color: #fff}
.wsBtnLogin:hover{ background: #1273b7; color: #fff}

.opacity { opacity: 0.5; filter: alpha(opacity=50) }
.shadow{ box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,.1);}

@-webkit-keyframes opt{
    0%{  opacity: .9;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50%{  opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        transform: translateY(-0.3rem)
    }
    100%{ opacity: .9;
        -webkit-transform: scale(.95);
        transform: scale(.95) }
}

.wrapper3840{position: relative; z-index: 0;width:38.4rem; height: 21.6rem}/* height:21.6rem*/
.theme1{ height: 21rem; padding-bottom: 0.6rem; background:#94d4eb url("../img/them1-bg.jpg") center top no-repeat;background-size:100%;  -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0;}
.theme2{ height: 21rem; padding-bottom: 0.6rem; background:#94d4eb url("../img/theme2-bg.jpg") center top no-repeat;background-size:100%;  -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0;}
.theme3{ height: 21rem; padding-bottom: 0.6rem; background:#94d4eb url("../img/theme3-bg.jpg") center top no-repeat;background-size:100%;  -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0;}
.theme4{ height: 21rem; padding-bottom: 0.6rem; background:#94d4eb url("../img/theme4-bg.jpg") center top no-repeat;background-size:100%;  -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0;}

/*首页*/
.homeCnt{ position: relative; width: 38.4rem;height: 20.11rem; background:url("../img/homeCnt-bg.png") center no-repeat; background-size: 38.4rem 20.11rem }
.homeCnt .mapNav{ position: absolute; left: 3.9rem; top:3.58rem; z-index:4; width: 5.28rem;}
.homeCnt .mapNav li{ height: 1.87rem;margin-bottom: 0.55rem}
.homeCnt .mapNav li a{ font-size: 0.8rem; font-family: 'wawaSC'; color: #fff; display: block; width: 5.28rem;height: 1.87rem; text-align: center; line-height: 1.7rem}
.homeCnt .mapNav li a:hover{ transform: scale(1.05); transition: all .3s;}
.homeCnt .mapNav li a.nav-pink{ background: url("../img/nav-bg-pink.png") center no-repeat;background-size:100%; background-size: 5.28rem 1.87rem}
.homeCnt .mapNav li a.nav-yellow{ background: url("../img/nav-bg-yellow.png") center no-repeat;background-size:100%; background-size: 5.28rem 1.87rem}
.homeCnt .mapNav li a.nav-green{ background: url("../img/nav-bg-green.png") center no-repeat;background-size:100%; background-size: 5.28rem 1.87rem}
.homeCnt .mapCnt{ position: absolute; z-index: 3; bottom:1.3rem; left: 12.2rem; width: 24.37rem; height: 15.27rem; background: url("../img/map-bg.png") center no-repeat;background-size:100%; background-size: 24.37rem 15.27rem}
.homeCnt .mapCnt ul { position: absolute; z-index: 3; left: 9.6rem;top:8.65rem}
.homeCnt .mapCnt li{ width: 4.06rem;height: 1.44rem; margin-bottom: 0.35rem}
.homeCnt .mapCnt li a{ font-size: 0.7rem; font-family: 'wawaSC'; color: #fff; font-weight: bold; display: block; width: inherit;height: inherit; background: url("../img/nav-bg-blue406.png") center no-repeat;background-size:100%; background-size: 4.06rem 1.44rem; text-align: center; line-height: 1.25rem; text-shadow:0 0.01rem 0.05rem rgba(131,86,28,.75);}
.homeCnt .mapCnt li a:hover{ transform: scale(1.05); transition: all .3s;}
.homeCnt .mapCnt li:last-child{ margin-bottom: 0;}
.homeCnt .mapCnt .map-icon-book{ position: absolute; z-index: 0; left: 6.14rem; bottom:-2.1rem; width: 10.8rem;height: 5.84rem}
.homeCnt .mapLogo{ position: absolute; left: 17.55rem;top:5.4rem; z-index: 6; display: block; width: 14.26rem; height: 2.21rem; cursor: default;}
.homeCnt .mapLogo.xichengLogo{left:15.36rem;}
.homeCnt .mapLogo img{ display: block; width: 100%;}
.homeCnt .mapLogo .boy{ position: absolute; left: 1.6rem; bottom:0.3rem; display: block; width: 2.98rem; height: 4.26rem; background:url(../img/boy-homeLogo138-197.png) center no-repeat;background-size:100%; -webkit-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 1.5s infinite; }

.homeCnt .ariPlane{ position: absolute; top:6.9rem; right:2rem;display: block; width: 2.44rem;height: 1.28rem; }
.homeCnt .home-icon-2{ position: absolute; z-index: 4; bottom:-0.25rem; right: 3.65rem; display: block; width: 2.06rem;height: 1.68rem}
.homeCnt .home-icon-B{ position: absolute; z-index: 4; bottom:0.35rem; left: 4.4rem; display: block; width: 1.46rem;height: 1.49rem}
.homeCnt .home-icon-C{ position: absolute; z-index: 4; bottom:-1.1rem; left: 7.7rem; display: block; width: 2.97rem;height: 2.46rem}
.homeCnt .home-icon-O{ position: absolute; z-index: 4; bottom:-0.2rem; right: 8rem; display: block; width: 1.8rem;height: 1.47rem}
.homeCnt .busTit{ position: absolute; left: 4.5rem; top:0.3rem;z-index: 4; font-size: 0.6rem; font-family: 'wawaSC'; color: #8e572a; padding-left: 3.2rem; font-weight: 500; height: 1.5rem; line-height: 1.5rem; background:url("../img/bus.png") left center no-repeat;background-size:100%; background-size: 2.88rem 1.48rem;-webkit-animation: btnBusAni 20s infinite linear; -moz-animation:btnBusAni 20s infinite linear }
.homeCnt .loginBox{ position: absolute; z-index: 5; top:0; right: 1rem; width: 7.67rem;height: 5.34rem; background: url("../img/logoBox-bg.png") center no-repeat;background-size:100%; background-size: 7.67rem 5.34rem}
.homeCnt .loginBox p{ position: absolute; top:2.35rem; left: 3.1rem; font-size: 0.42rem; color: #5b3213; font-weight: bold; font-family: 'wawaSC'}
.homeCnt .loginBox .btns{ position: absolute; top:3.05rem; left: 3.1rem; width: 2.09rem;height: 0.78rem}
.homeCnt .loginBox .btns a{  width: 2.09rem;height: 0.78rem}
.homeCnt .loginBox .btns img{ display: block; width: inherit;height: inherit}
.homeCnt .loginBox .btns:hover,.homeCnt .loginBox .btns img:hover{ transform: scale(1.03); transition: all .3s;}

.homeCnt .loginBox .pics{ position: absolute; top:2.32rem; left: 1.38rem; width: 1.51rem;height: 1.51rem; border-radius: 50%; overflow: hidden}
.homeCnt .loginBox .pics img{ display: block; width: inherit; height: inherit; border-radius: 50%; overflow: hidden}

.wrapper-auto{ height: auto !important;}

/*导航底下小孩*/
.homeCnt .btmBoy{ position: absolute; z-index: 3; width: 7.8rem; height:10rem; left: 2.5rem; bottom:1.25rem; overflow:hidden; }
.homeCnt .btmBoy img{ display:block; position: absolute; bottom:0.3rem; right: 0 ;-webkit-animation: boyAni 5s infinite linear; -moz-animation:boyAni 5s infinite linear}
.homeCnt .btmBoy img.none{ display:none; }
.homeCnt .btmBoy .homeBoy-l{ width: 6.39rem;height: 8.95rem;}
.homeCnt .btmBoy .homeBoy-m{ width: 5.51rem;height: 7.71rem;}
.homeCnt .btmBoy .homeBoy-s{ width: 3.89rem;height: 5.43rem;}
.homeCnt .btmBoy .homeBoy-xs{ width: 2.89rem;height: 4.04rem;}

@-webkit-keyframes boyAni{
    0%{ right: 0;transform: translateY(0);}
    20%{ transform: translateY(-0.3rem)}
    40%{ transform: translateY(0.3rem)}
    60%{ transform: translateY(-0.3rem)}
    80%{ transform: translateY(0.3rem)}
    100%{ right: 7.08rem;transform: translateY(0);}
}

/*右侧内容区域宽度：29.65rem*/
@-webkit-keyframes btnBusAni{
    0%{ left: 16.2rem}
    20%{ left: 4.5rem}
    80%{ left: 4.5rem}
    100%{ left:16.02rem}
}

.footer{ position: absolute; z-index: 1; bottom:0; left: 0; width: 100%; height: 0.6rem; line-height: 0.6rem; text-align: center; background: rgba(0,0,0,.1); font-size: 0.28rem; color: #582e0d;}

/*模态层*/
.modalLay{ position:fixed; z-index: 100; left: 0; top:0; width: 100%; height: 100%;}
.modalLay .mask{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.8); filter:alpha(opacity=80); z-index: 100; transform: translateZ(1rem); -webkit-transform: translateZ(1rem); -moz-transform: translateZ(1rem); -ms-transform: translateZ(1rem); -o-transform: translateZ(1rem);}

.modalDio{ display: none; position: fixed; z-index: 101; left: 50%; top:50%; width: 17.98rem; height: 11.2rem; background: url("../img/alertBg1798-1120.png") center no-repeat; background-size:100%; background-size: 17.98rem 11.2rem; transform: translateZ(1.01rem); -webkit-transform: translateZ(1.01rem); -moz-transform: translateZ(1.01rem); -ms-transform: translateZ(1.01rem); -o-transform: translateZ(1.01rem); }
.modalDio h4{ position: relative; margin-bottom: 0.3rem; padding: 0 0.4rem; height: 1.4rem; line-height: 1.4rem; font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #fff; font-family: 'wawaSC'}
.modalDio .close{ position: absolute; z-index: 101; right: -1.1rem; top:-0.85rem; display: inline-block; width: 1.15rem; height: 1.16rem; background: url("../img/close.png") center no-repeat;background-size:100%; background-size: 1.15rem 1.16rem}
.modalDio .icon-flow{ position: absolute; z-index: 101; left: 0.7rem; top:-0.8rem; display: inline-block}
.modalDio .mCnt{ padding: 1.2rem 0.5rem 0.7rem 2rem; height:9.3rem;  }

/*修改化弹层*/
/* 登录 */
.modalLogin .mCnt{ position: relative; z-index: 103;}
.modalLogin{width: 38.4rem; height: 21rem;background: url(../img/modalLoginBg.jpg) no-repeat;background-size: 100% 100%;padding-bottom: 0.6rem;}
.modalLogBox{width: 23.6rem;height: 15rem;background: url(../img/modalLogBox.png) no-repeat;background-size:100% 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:1.5rem auto 0;border-radius: 0.5rem;}
.modalLogBox .cTabs{  padding: 0 0.4rem; height:2rem;text-align: center;}
.modalLogBox .cTabs .cTab{ position:relative;display: inline-block; width: 5.2rem; height: 1.5rem; line-height: 2rem; border-radius: 0.4rem; background: #fff; font-size: 0.8rem; text-align: center; margin-right: 0.45rem;padding-bottom: 0.5rem;margin-top: 0.5rem;color: #666666;}
.modalLogBox .cTabs .cTab:last-child{ margin-right: 0;}
.modalLogin .cTabs .cTab{position:relative;}
.modalLogin .cTabs .cTab i{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width: 2.43rem;height:0.33rem;}
.modalLogin .cTabs .cTab.current{color: #BC520F;  transition: all .3s;font-weight:700;}
.modalLogin .cTabs .cTab.current i{background: #FFF url(../img/cTabCurrent.png) no-repeat;background-size: 2.4rem;}
.modalLogBox .cPanel{font-size: 0.4rem;margin-left: 3rem;margin-top:1.5rem;font-size: 0.7rem;}
.modalLogBox .ul2{margin-top: 2.6rem;}
.modalLogin .panelDzz{ padding-top: 0.6rem}
.ul1{margin-top: 4rem;}
.ul1btns{margin-top: 0.5rem;}
.ul3{margin-top: 0.8rem;}
.modalLogin .li{ position: relative; padding-bottom:1.3rem;  height: 2rem; line-height: 2rem; font-size: 0.7rem;line-height: 2.4rem;}
.modalLogin .li .lbl{ display: inline-block; float: left; line-height: 1.8rem; height: 1.8rem; color: #333; width: 4rem; text-align:right;font-weight: 700;}
.modalLogin .li .iptBox{ display: inline-block; float: left; width:12.58rem; height: 1.6rem;background: #FFFFFF;border: 0.12rem solid #874727;box-shadow: 0 0.14rem 0 0 #E9C88F;border-radius: 0.29rem;}
.modalLogin .li .iptBox input{ float:left; padding: 0 0.3rem; height: 1.6rem; line-height: 1.6rem; width:7rem; margin-bottom: 1rem; text-indent: 0.3rem; font-size: 0.54rem; color: #333; background: none; border:0; outline: none}
.modalLogin .li .iptBox input:focus{ background:none; outline: none }
.modalLogin .li .getCode{  display: inline-block; margin-right: 0.4rem; width: 7.28rem; }
.modalLogin .li .getCode input{ width: 4.53rem}
.modalLogin .li .btnGetCode{ display: inline-block;width: 4.55rem;height: 1.6rem;background: #FFFFFF;border: 0.12rem solid #874727;box-shadow: 0 0.14rem 0 0 #FFD005;border-radius: 0.29rem;}
.btnGetCode img{float: left;width: inherit; height: inherit;}
.btnGetCode em{float: left;width:100%;height:100%;background-color:#FED70E;color: #874727;text-align: center;line-height:1.6rem;border-radius: 0.2rem;}

.modalLogin .li .iptBox select{ float:left;display: inline-block;height: 1.6rem; line-height: 1.6rem; width:100%; text-indent: 0.5rem; font-size: 0.54rem; color: #333; background: url("../img/icon-sel-down.png") right center no-repeat; background-size: auto 1.3rem; border:0;appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none}
select.dzzSel::-ms-expand { display: none; }
.modalLogin .li .iconBox{ display: inline-block; height: 1.3rem; float: left; line-height: 1.3rem}
.modalLogin .li .iconBox a{ font-size: 0.4rem; color: #fc762d; font-family: 'wawaSC'}
.modalLogin .li .iconBox a:hover{ font-weight: bold}
.modalLogin .li .none{ display: none}
.modalLogin .li .tips{ position: absolute; left: 0; bottom:0.5rem; width: 100%;height:1.6rem;text-indent: 4rem; font-size: 0.5rem; overflow: hidden}
.modalLogin .li .tips.err{ color: #f44336;}
.modalLogin .li .tips img{ display: inline-block; margin: 0.18rem 0.2rem 0.22rem 0; width: 0.35rem; height: 0.35rem; vertical-align: middle}
.modalLogin .btns{ width:6.51rem; height: 1.55rem; text-align: center;position: absolute;bottom:-1.6rem;left:0;right:0;margin:0 auto;}
.modalLogin .btns a{ display: inline-block}
.modalLogin .btns img{ display: inline-block; width: 6.32rem; height: 1.88rem}
.modalLogin .btns img:hover{ transform: scale(1.03); transition: all .3s;}
.modalLogin .cpanelPhone .titTips{ position: absolute; top:0.8rem; left: 50%; margin-left: -6.655rem; font-size: 0.5rem; text-align: center; line-height: 1.24rem; color: #4c1d09; font-family: 'wawaSC'; width: 13.31rem;height: 2.28rem; background: url("../img/alert-tit-bg.png") center no-repeat; background-size: 13.31rem 2.28rem}
.modalLogin .cpanelPhone .titTips img{ display: inline-block; width: 0.53rem; height: auto; margin: 0 0.25rem}
.modalLogin .mCnt .bindPhone{ position: absolute; left: -1.25rem; bottom:-0.25rem; width: 6.25rem;height: 2.86rem; background: url("../img/icon-bindPhone.png") center no-repeat; background-size: 6.25rem 2.86rem}
.modalLogin .mCnt .bindPhone:hover{ bottom:-0.2rem; transform: scale(1.03); transition: all .3s;}
.tologin{width:6.51rem;height:2.45rem;background:url(../img/tologin.png) no-repeat;background-size:100%;}
.tologin em{display: inline-block;text-align:center;line-height:2rem;font-size:0.9rem;color:#333;font-weight:700;letter-spacing: 0.2rem;}
.modalLogin .alterbar{display:none;position: absolute;width: 10rem;height: 3rem;line-height: 1.2rem;padding:0.5rem;background: rgba(0,0,0,.8);border-radius: 0.16rem;font-size: 0.7rem;color: #f8c30f;z-index: 100;left: 0;top: 0;right: 0;bottom: 0;margin: auto;text-align: center;}


.modalBindPhone{ background: none}
.modalBindPhone .titPic{ position: absolute; top:-3.48rem; right: 3.12rem; z-index: 102; display: inline-block; width: 10.7rem;height: 5.34rem}
.modalBindPhone .mCnt{background: url(../img/alertBg1798-1120.png) no-repeat;background-size:100%; background-size: 17.98rem 11.2rem;}

.modalExit{ width: 12.24rem; height: 8.76rem; background: url("../img/alertBg1224-876.png") center no-repeat;background-size:100%; background-size: 12.24rem 8.76rem}
.modalExit .mCnt{ padding: 3.4rem 0 0 0; height: 5.36rem; text-align: center}
.modalExit .mCnt .cntTxt{ font-size: 0.7rem; color: #333;}
.modalExit .mCnt .btns a,.modalExit .mCnt .btns a img{ display: inline-block; width: 3.82rem;height: 1.43rem}
.modalExit .icon-boy{ position: absolute; z-index: 104;top:-2.83rem; left: 50%; margin-left: -2.07rem; display: block; width: 4.53rem;height: 5.29rem}

.modelBindOk{ width: 18.85rem; height: 18.85rem; background: url("../img/alertBg1885.png") center no-repeat;background-size:100%; background-size: 18.85rem}
.modelBindOk .mCnt{ padding: 6.2rem 0 0 2rem; height: 12.65rem; width: 16.85rem}
.modelBindOk .mCnt .cntTxt{ font-size: 0.8rem; line-height: 0.8rem; color: #333; font-weight: bold; text-align: center}
.modelBindOk .mCnt .jifen{ margin: 1rem auto 1.1rem; font-size: 0.8rem; color: #533533; font-weight: bold}
.modelBindOk .mCnt .jifen img{ display: inline-block; margin-left: 0.3rem}
.modelBindOk .mCnt .btns{ text-align: center}
.modelBindOk .close{ right: 2.6rem; top:4.3rem}

.modelJfdhOk{ width: 18.85rem; height: 18.85rem; background: url("../img/alertBg1885.png") center no-repeat;background-size:100%; background-size: 18.85rem}
.modelJfdhOk .mCnt{ padding: 6.2rem 0 0 2rem; height: 12.65rem; width: 16.85rem}
.modelJfdhOk .mCnt .cntTxt{ font-size: 0.8rem; line-height: 0.8rem; color: #333;text-align: center; font-weight: bold;}
.modelJfdhOk .mCnt .jifen{ margin: 0.3rem auto 0.3rem; font-size: 0.6rem; color: #533533; }
.modelJfdhOk .mCnt .ads{ text-align:left;padding:0 3.3rem 0 4.8rem; font-size: 0.4rem; color: #333; font-weight: normal}
.modelJfdhOk .close{ right: 2.6rem; top:4.3rem}

.modelSubOk{ width: 18.85rem; height: 18.85rem; background: url("../img/alertBg1885.png") center no-repeat;background-size:100%; background-size: 18.85rem}
.modelSubOk .mCnt{ padding: 6.2rem 0 0 2rem; height: 12.65rem; width: 16.85rem}
.modelSubOk .mCnt .cntTxt{ font-size: 0.8rem; line-height: 0.8rem; color: #333; font-weight: bold; text-align: center}
.modelSubOk .mCnt .jifen{padding: 1rem 0 0 5.4rem; text-align: left; line-height:1rem;font-size: 0.8rem; color: #533533; font-weight: bold}
.modelSubOk .mCnt .jifen img{ display: inline-block; margin-left: 0.3rem}
.modelSubOk .mCnt .txt2{ padding: 0.6rem 0 0 5.4rem; font-size: 0.6rem; color: #333; font-weight: normal; text-align: left}
.modelSubOk .close{ right: 2.6rem; top:4.3rem}

/*闯关说明*/
.modalCgInfo{ width: 15rem;height: 16.52rem; background: url("../img/alertBg1872-2065.png") center no-repeat;background-size:100%; background-size: 100%;}
.modalCgInfo .close{ top:1.8rem}
.modalCgInfo .mCnt{ padding: 4.6rem 0.9rem 1rem; height: 15rem; overflow-y: auto}
.modalCgInfo .mCnt dl{ margin-bottom: 0.6rem}
.modalCgInfo .mCnt dt{ font-size: 0.6rem; font-weight: bold; line-height: 1rem; text-align: center; color: #57260c;}
.modalCgInfo .mCnt dd{ font-size: 0.5rem; line-height: 0.75rem; text-align: center; color: #333;}
.modalCgInfo .mCnt p{ margin-bottom: .6rem;font-size: .5rem; line-height: .75rem; text-align: left;text-indent:2em; color: #333}

/*活动说明*/
.modalEntTips{ width: 14.72rem; height: 8.8rem; background: url("../img/alertTips-1472-880.png") center no-repeat}
.modalEntTips .close{ top:-0.4rem; right:0;}
.modalEntTips .mCnt{ padding:1.2rem 1.2rem 0 5.2rem; height: 7.2rem}
.modalEntTips h4{ color: #333; font-family: 'Microsoft YaHei' }
.modalEntTips .info{ font-size: 0.6rem; line-height: 0.9rem; color: #333; margin-bottom: 0.4rem}
.modalEntTips .btns{ text-align: center; height: 1.18rem}
.modalEntTips .btns a{ display: inline-block}
.modalEntTips .btns a:hover{ transform: scale(1.03); transition: all .3s;}

/*游戏提示*/
.modalTips{ width: 13.65rem; height: 8.82rem; background: url("../img/alertTips-1365-882.png") center no-repeat;background-size:100%;}
.modalTips .close{ top:-0.4rem; right:0;}
.modalTips .mCnt{ padding:1.2rem 1.2rem 0 4.7rem; height: 7.2rem}
.modalTips h4{ color: #333; font-family: 'Microsoft YaHei' }
.modalTips .info{ font-size: 0.6rem; line-height: 0.9rem; color: #333; margin-bottom: 0.4rem}
.modalTips .btns{ text-align: center; height: 1.18rem; display: inline-block;}
.modalTips .btns a{ display: inline-block;}
.modalTips .btns a img{ width: 3.93rem;height:1.48rem;}
.modalTips .btns a:hover{ transform: scale(1.03); transition: all .3s;}

/*闯关成功*/
.modelCGOk{ width: 18.85rem; height: 18.85rem; background: url("../img/alertBg1885.png") center no-repeat;background-size:100%; background-size: 18.85rem}
.modelCGOk .mCnt{ padding: 6.2rem 0 0 2rem; height: 12.65rem; width: 16.85rem}
.modelCGOk .mCnt .cntTxt{ font-size: 0.8rem; line-height: 0.8rem; color: #333; font-weight: bold; text-align: center}
.modelCGOk .mCnt .jifen{ margin: 0.6rem auto 0.5rem; font-size: 0.8rem; color: #533533; font-weight: bold}
.modelCGOk .mCnt .jifen img{ display: inline-block; margin-left: 0.3rem}
.modelCGOk .mCnt .info{ font-size: 0.6rem; line-height: 0.9rem; color: #333; margin-bottom: 0.4rem; font-weight: normal}
.modelCGOk .mCnt .btns{ text-align: center}
.modelCGOk .close{ right: 2.6rem; top:4.3rem}

/*闯关提示*/
.modelPassTips{ width: 18.85rem; height: 18.85rem; background: url("../img/alertBg-noJB1885.png") center no-repeat;background-size:100%; background-size: 18.85rem}
.modelPassTips .mCnt{ padding: 6.2rem 0 0 2rem; height: 12.65rem; width: 16.85rem}
.modelPassTips .mCnt .cntTxt{ font-size: 0.8rem; line-height: 0.8rem; color: #333; font-weight: bold; text-align: center}
.modelPassTips .mCnt h4{ color: #333; font-family: 'Microsoft YaHei'}
.modelPassTips .mCnt .subTit{ font-size: 0.7rem; color: #533533 ; margin-bottom: 0;}
.modelPassTips .mCnt .jifen{ margin: 0.6rem auto 0.5rem; font-size: 0.8rem; color: #533533; font-weight: bold}
.modelPassTips .mCnt .jifen img{ display: inline-block; margin-left: 0.3rem}
.modelPassTips .mCnt .info{ font-size: 0.6rem; line-height: 0.9rem; color: #333; margin-bottom: 0.4rem; font-weight: normal}
.modelPassTips .mCnt .btns{ text-align: center}
.modelPassTips .close{ right: 2.6rem; top:4.3rem}

/*地图练练看提示*/
.modalTipsMap{ width: 14.72rem; height: 8.8rem; background: url("../img/alertTips-1472-880.png") center no-repeat}
.modalTipsMap .close{ top:-0.4rem; right:0;}
.modalTipsMap .mCnt{ padding:1.2rem 1.2rem 0 5.2rem; height: 7.2rem}
.modalTipsMap .mCnt h4{color: #333; font-family: 'Microsoft YaHei'}
.modalTipsMap .mCnt .subT{ color: #533533; font-size: 0.7rem; text-align: center}
.modalTipsMap .mCnt .info{text-align: center; font-size: 0.6rem; margin-bottom: 0.4rem}
.modalTipsMap .btns{ text-align: center; height: 1.18rem}
.modalTipsMap .btns a{ display: inline-block}
.modalTipsMap .btns a:hover{ transform: scale(1.03); transition: all .3s;}

/*闯关排行*/
.modalCgSort{ width: 18.82rem; height: 20.65rem;background: url("../img/alertbg-sort18882-2065.png") center no-repeat;background-size:100%;}
.modalCgSort .close{ top:1.8rem}
.modalCgSort .mCnt{ padding: 4.8rem 0.25rem 0.55rem 0.18rem; height: 15.3rem}
.modalCgSort .mCnt .table{ height: inherit; overflow-y: auto}
.modalCgSort table{ width: 100%;}
.modalCgSort table th{ background: #fff4bb; height: 1.8rem; line-height: 1.8rem; text-align: left; font-size: 0.6rem; color: #333;}
.modalCgSort table tr{ line-height: 2rem; font-size: 0.6rem}

.modalCgSort .col1{ width: 6.2rem; text-indent: 3.95rem; text-align: left; white-space: nowrap;}
.modalCgSort .col2{ width: 6.7rem; text-align: left}
.modalCgSort .col3{ width: 4rem; text-align: left; color: #5b3213;}
.modalCgSort .col1 i{ font-style: normal; text-indent: 0; display: inline-block; width: 0.83rem; height: 0.83rem; background: #fed70e; border:0.03rem solid #5b3213; font-size: 0.54rem; text-align: center; line-height: 0.83rem; color: #5b3213; border-radius: 50%;}
.modalCgSort th.col1 img,.modalCgSort td.col2 img{ display: inline-block; width: 1.2rem;height: 1.2rem; border-radius: 50%; border:0.03rem solid #ffb03b;}

.modalCgSort td.col3{ color: #5b3213;}

.modalTimeSort{background: url("../img/alertbg-time-sort1882-2065.png") center no-repeat}

/*提示*/
.modalLayTips{ display: none; position:fixed; z-index: 100; left: 50%; top:50%;width: 11.8rem;height: 1.5rem; padding-top: 5.2rem;  margin-left:-5.9rem; margin-top:-3.35rem;  background:rgba(0,0,0,.65); border-radius: 0.25rem;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.modalLayTips p{ font-size: 0.6rem; color: #f8c30f; text-align: center}
.modalLayTips img{ position: absolute; z-index: 101; left: 50%; margin-left: -3.15rem; top:-0.36rem; display: block; width: 6.3rem;height: 6.3rem;}

/**弹出视频层*/
.modalVideo{ width: 25.7rem; height: 15.2rem; margin-left: -12.85rem; margin-top:-7.6rem; background: url("../img/showImg-bg.png") center no-repeat;background-size:100%; background-size: 25.7rem 15.2rem}
.modalVideo .mCnt{width: 25.25rem; height: 14.2rem; padding: 0.45rem 0 0 0.28rem }
.modalVideo .mCnt .vdoWrap{ width: 25.25rem; height: 14.2rem; line-height: 14.15rem; text-align: center; border-radius: 0.1rem; overflow: hidden; background: #000;}

/*签到提示*/
.modalSignIn{ width: 18.2rem; height: 16.56rem;  margin-left: -12.85rem; margin-top:-8.28rem; background: url("../img/modal-qd-bg.png") center no-repeat;background-size:100%; background-size: 18.2rem 16.56rem}
.modalSignIn .mCnt{width: 16.45rem; height: 11.16rem; padding: 5.4rem 0.8rem 0 0.95rem }
.modalSignIn .close{ top:2.8rem; right: -1.15rem}
.modalSignIn .qdItem{ height: 5.4rem; text-align: center}
.modalSignIn .qdItem .day{ display: inline-block; margin-left: 1.1rem; float: left}
.modalSignIn .qdItem .day h5{ font-size: 0.6rem; color: #868686; line-height: 0.8rem; font-family: 'Microsoft YaHei'; margin-bottom: 0.3rem}
.modalSignIn .qdItem .day .img{ width: 2.75rem;height: 2.45rem; line-height: 2.45rem; text-align: center}
.modalSignIn .qdItem .day img{ display: inline-block; vertical-align: middle}
.modalSignIn .qdItem .day .active{ display: none}
.modalSignIn .qdItem .day p{ font-size: 0.6rem; line-height: 1.2rem; color: #5d3100; font-weight: bold; text-align: center}
.modalSignIn .qdItem .signIn h5{ color: #5d3100; font-weight: bold}
.modalSignIn .qdItem .r{ margin-right: 0;}

/*积分兑换*/
.modalJf{width: 13.51rem; height: 16.23rem; padding: 1rem 0.7rem 0.5rem 0.9rem; margin-left:-7.755rem ; margin-top:-8.865rem;  background: url("../img/modal-jf-bg.png") center no-repeat;background-size:100%; background-size: 15.11rem 17.73rem}
.modalJf .mCnt{width: 13.51rem; height: 16.23rem; padding: 0; overflow-y: auto}
.modalJf .mCnt .img{ margin-bottom: 0.2rem; width: 13.43rem; height: 4.96rem; line-height: 4.96rem; text-align: center; border:0.04rem solid #431200; border-radius: 0.2rem; box-shadow: 0 0.14rem 0.2rem rgba(126,96,38,.4);}
.modalJf .mCnt .img img{ display: inline-block; max-width: 13.51rem; max-height: 4.96rem;}
.modalJf .mCnt .tit{ font-size: 0.6rem; line-height: 0.7rem; height: 1.4rem; overflow: hidden}
.modalJf .mCnt .dh{ height: 1.2rem; line-height: 1.2rem}
.modalJf .mCnt .dh em{ font-size: 0.6rem; color: #5b3213;}
.modalJf .mCnt .dh .btn-dh{ float: right; display: inline-block; width: 3.23rem; height: 1.2rem; background: url("../img/btn-ljdh.png") center no-repeat;background-size:100%; background-size: 3.23rem 1.2rem}
.modalJf .mCnt .desc{ font-size: 0.5rem; line-height: 0.7rem; color: #333;}
.modalJf .mCnt .desc .h4{ font-weight: bold; padding-top: .2rem}


/*头部*/
.header{/*height:2.5rem;*/padding:0 0.7rem;overflow:hidden;}
.logo{margin-top:1.1rem;position:relative; width: 11.46rem!important; height: 1.23rem!important}
.logo img{ display: block; height: 1.23rem!important;}
.logo .boy{position:absolute;width:1.27rem;height:1.79rem;background:url(../img/boy.png) no-repeat;background-size:100%;bottom:0.35rem;left:0.7rem;-webkit-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 1.5s infinite;}

/**导航**/
.nav{margin-top:0.33rem;/*margin-left: 7rem;*/width: 22rem;float: right;overflow-x: auto;overflow-y:hidden;padding-top: 0.1rem;}
.nav::-webkit-scrollbar{width: 0;height: 0;}
/* .nav{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
} */
.nav ul{min-width: 22rem;float: left;overflow: hidden;padding-top: 0.1rem;}
.nav li{float:left;line-height: 1.2;}
.nav li a{float:left;padding-left:0.8rem;text-align:center;font-size:0.3rem}
.nav li a i{display:inline-block;width:1.32rem;height:1.35rem;background:url(../img/nav.png) no-repeat;background-size:100%;}
.nav li a i span{width:1.14rem;height:1.16rem;display:block;position:relative;margin:0 auto;top:-0.1rem;}
.nav li a p{line-height:1.5;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.nav li a i.BigIndex span{background:url(../img/BigIndex.png) no-repeat;background-size:100%}
.nav li a i.index span{background:url(../img/nav_01.png) no-repeat;background-size:100%;}
.nav li a i.map  span{background:url(../img/nav_03.png) no-repeat;background-size:100%;}
.nav li a i.catalog  span{background:url(../img/nav_05.png) no-repeat;background-size:100%;}
.nav li a i.game  span{background:url(../img/nav_07.png) no-repeat;background-size:100%;}
.nav li a i.sousuo  span{background:url(../img/nav_09.png) no-repeat;background-size:100%;}
.nav li a i.kb  span{background:url(../img/kb.png) no-repeat;background-size:100%;}
.nav li a i.sj  span{background:url(../img/sj.png) no-repeat;background-size:100%;}
.nav li a i.hd  span{background:url(../img/hd.png) no-repeat;background-size:100%;}
.nav li a i.ts  span{background:url(../img/ts.png) no-repeat;background-size:100%;} 
.nav li a i.tujie  span{background:url(../img/tujie.png) no-repeat;background-size:100%}
.nav li.currentNav a i span{top:0;}
.nav li:hover a i span{ -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
.nav li:hover a p{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2); -o-transform: scale(1.2);-ms-transform: scale(1.2);}
.nav li:active a i span{ top:0; }

/*翻页*/
.mapPage{ padding: 0.3rem 0; text-align: center}
.mapPage a{ display: inline-block; margin-left: 0.6rem; padding: 0 0.3rem; height: 0.8rem;line-height: 0.8rem; border:0.08rem solid #4c1d0a; background: #fff; text-decoration: none; color: #666; font-size: 0.4rem; text-align: center; cursor: pointer; border-radius: 0.5rem; box-shadow: 0 0.1rem 0 #eecb05;}
.mapPage a:hover,.mapPage span.current{ background: #efcb05; color: #4c1d0a; border:0.08rem solid #4c1d0a;}
.mapPage span{ display:inline-block; margin-left:0.6rem;font-size: 0.4rem;  height:0.8rem;line-height:0.8rem;background: #fff; color: #ccc; border-radius: 0.5rem;padding: 0 0.3rem; text-align: center; cursor: default}
.mapPage span.more{ background: none; color: #333; font-weight: bold}
.mapPage span.disabled{color: #ccc; border:0.08rem solid #ddd; bordr-radius: 0.5rem }
.swiper-pagination-bullets-dynamic{ display:inline-block; vertical-align: middle; position:static; margin:0 auto; }

/*头部小和元素地标人跳动*/
@-webkit-keyframes float {
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
    50% {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
    }
}
@keyframes float
{
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
    50% {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
    }
}

@-moz-keyframes float /* Firefox */
{
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
    50% {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
    }

}

@-o-keyframes float /* Opera */
{
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
    50% {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
    }
}


/*导航鼠标滑过转动360度*/
@-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    
@-o-keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.nothing{ width: 100%; height: 2rem; font-size: 0.16rem; color: #666; line-height: 2rem; text-align: center}
.none { display: none }
.combo-dropdown{overflow-y:scroll;}
.combo-dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0.2rem rgba(0,0,0,0.3);background-color: rgba(255,255,255,.1);border:none;border-radius:0.5rem;}
.combo-dropdown::-webkit-scrollbar{width: 0.01rem;background-color:rgba(255,255,255,.1);border-radius:0.5rem;}
.combo-dropdown::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,.1);border-radius:0.5rem;}
.combo-dropdown::-webkit-scrollbar-track-piece { background: rgba(0,0,0,0); -webkit-border-radius: .02rem; }
.combo-dropdown::-webkit-scrollbar-thumb:horizontal { width: .03rem; background-color: rgba(0,0,0,0); -webkit-border-radius: .02rem; }

/* 默认提示 */
.alterModelBox{display: none;position: absolute;width:2rem;height:1rem;line-height:1rem;background: rgba(0,0,0,.65);border-radius: .16rem;font-size: .2rem;color: #f8c30f;z-index: 100;left: 0;top: 0;right: 0;bottom: 0;margin: auto;text-align: center;}

/* 下拉菜单-tologin */
.dsselect_menu{ float: left; position: relative; width: 12.58rem;height: 1.6rem; line-height: normal; text-align: left; font-size: 0; font-size: 0.16rem; border: 0.12rem solid #874727;box-shadow: 0 0.14rem 0 0 #E9C88F;border-radius: 0.29rem;background: #FFFFFF; }
a.dsselect_switch{display: inline-block;height: 1.6rem;line-height: 1.6rem;width: 100%;text-indent: 0.5rem;font-size: 0.54rem;color: #333;text-decoration: none; cursor: pointer; overflow: hidden;}
a.dsselect_switch label{ display: block; cursor: pointer; word-wrap: normal;word-break: normal; overflow: hidden;text-overflow: ellipsis; margin-left: 0.1rem; margin-right: 0.25rem;}
a.dsselect_switch i{ position: absolute; right: 0.1rem; top: 50%; margin-top: -0.65rem; display: inline-block; width: 1.3rem; height: 1.3rem; background: url(../img/icon-sel-down.png) no-repeat;background-size: auto 1.3rem;}
.dsselect_data_con{ display: none; position: absolute; top: 100%; margin-top: -0.01rem; left: 0; z-index: 1; min-width: 100%;}
.dsselect_menu.open .dsselect_data_con{ display: block;}
.dsselect_data_list{ max-height: 7.4rem; min-height: 2.14rem; overflow-x: hidden; overflow-y: auto; border: 0.01rem solid #d9dadc; background-color: #fff;}
.dsselect_data_list li{ line-height: 1.5em;}
.dsselect_data_list li a{ display: block; text-decoration: none; line-height: 2em; margin: 0 0.1rem;font-size:0.54rem;color: #333;}
.dsselect_data_list li:hover{ background-color: #eee;}
.frm-txt{ display: inline-block; vertical-align: top; height: 0.4rem; line-height: 0.4rem; padding: 0 0.06rem;}
.dsselect_menu.disabled{ background-color: #e3e3e3;}
.dsselect_menu.disabled label{ color: #bbb;}

/* 文字可修改-聚合页 */
.homeCnt .loginBox p.aviod-p,.sortLogin p.aviod-p{width: 2.96rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;}

.mapLogo img.feitan{width:5.44rem;height: 2.18rem;}
h1.logoTil{position: absolute;top:-0.5rem;left:4.6rem;max-width:12.5rem;height: 2.18rem;line-height:2.18rem;text-align:center;color:#6B462B;font-size:1.38rem;font-weight:900;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 文字可修改-首页 */
.sortLogin p.aviod-p{position: absolute;top: 2.72rem;left: 3.1rem;font-size: 0.42rem;color: #5b3213;font-weight: bold;font-family: 'wawaSC';}
.sortLogo img.feitan{width:3.76rem;height: 1.49rem;position: absolute;bottom: 0;left: 0;}
.sortLogo.shunyi img.feitan{width:1.56rem;height: 1.47rem; left: 1.48rem;top: -0.30rem;}
h2.logoTil{position: absolute;top:-0.5rem;left:3.4rem;max-width:12.5rem;height: 1.62rem;line-height:1.62rem;text-align:center;color:#6B462B;font-size:1.2rem;font-weight:900;text-shadow: 0.02rem 0.03rem 0.02rem #000;white-space: nowrap;text-overflow:ellipsis;/*overflow:hidden;*/}
h2.logoTil .smallTil{font-size: 0.8rem;color: #DF9706;}
.sortLogo.shunyi h2.logoTil .smallTil{position: absolute;left: -1.66rem;bottom: -1.39rem;line-height: 1;letter-spacing: 0.51rem;color: #E09F0D;}
/* 文字可修改-分类 */
h3.logoTil{position: absolute;top:-0.5rem;left:2.58rem;max-width:12.5rem;height: 1.62rem;line-height:1.78rem;text-align:left;color:#6B462B;font-size:0.6rem;font-weight:700;text-shadow: 0.02rem 0.03rem 0.02rem #000;}
h3.logoTil .smallTil{display: inline-block;font-size: 0.6rem;color: #DF9706;text-shadow: 0.02rem 0.03rem 0.02rem #5b3213;}
/* 排行榜 修改2020-12-4*/
.modalCgSort .table .th div,.modalCgSort .table .td div{float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modalCgSort .table .th .grid1{text-align:center;width:38%;margin:0 1%}
.modalCgSort .table .th .grid1 img{margin-right:0.1rem}
.modalCgSort .table .th .grid2{width:30%}
.modalCgSort .table .th .grid3{width:20%;text-align:center}
.modalCgSort .table .td .grid1{text-align:center;width:30%}
.modalCgSort .table .td .grid2{width:38%;margin:0 1%}
.modalCgSort .table .td .grid2 img{margin-right:0.1rem}
.modalCgSort .table .td .grid3{width:20%;text-align:center}
.modalCgSort .th img,.modalCgSort .td .grid2 img{display:inline-block;width:1.2rem;height:1.2rem;border-radius:50%;border:3px solid #ffb03b}
.modalCgSort .table .th{background:#fff4bb;height:1.8rem;line-height:1.8rem;font-size:0.6rem;color:#333;font-weight:700;overflow:hidden;box-sizing:border-box;padding:0 5%}
.modalCgSort .table .td{height:1.8rem;line-height:1.8rem;font-size:0.6rem;color:#333;overflow:hidden;box-sizing:border-box;padding:0 5%}
.modalCgSort .td .grid1 img{width:1.16rem;height:1.19rem}
.modalCgSort .td .grid1 i{font-style:normal;text-indent:0;display:inline-block;width:0.83rem;height:0.83rem;background:#fed70e;border:3px solid #5b3213;font-size:0.54rem;text-align:center;line-height:0.83rem;color:#5b3213;border-radius:50%}


/*#wrapBox3840 {
    display: flex;
    align-items: center;
    background-color: #dff0f4;
    flex-direction: column;
}*/