@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('../img/Alibaba-PuHuiTi.otf')
}

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) }
}
     
/*模态层*/
.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);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}

.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}
.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 .cTabs{ position: absolute; top:-1.45rem; padding: 0 0.4rem; height:1.3rem}
.modalLogin .cTabs .cTab{ display: inline-block; width: 5.2rem; height: 1.05rem; line-height: 1.05rem; border-radius: 0.4rem; border:0.07rem solid #4c1d09; background: #fff; font-size: 0.54rem; color: #333; text-align: center; margin-right: 0.45rem}
.modalLogin .cTabs .cTab:last-child{ margin-right: 0;}
.modalLogin .cTabs .cTab.current,.modalLogin .cTabs .cTab:hover{ background:#ffb92e; color: #000; transition: all .3s;}
.modalLogin .panelDzz{ padding-top: 0.6rem}
.modalLogin li{ position: relative; overflow: hidden; padding-bottom:0.9rem;  height: 1.48rem; line-height: 1.48rem}
.modalLogin li .lbl{ display: inline-block; float: left;  font-size: 0.54rem; line-height: 1.48rem; height: 1.48rem; color: #333; width: 3rem; padding-right: 0.6rem; text-align:right}
.modalLogin li .iptBox{ display: inline-block; float: left; width:9.25rem; height: 1.48rem; background: url("../img/ipt-bg925-148.png") center no-repeat;background-size:100%; background-size: 9.25rem 1.48rem}
.modalLogin li .iptBox input{ display: inline-block; padding: 0.3rem; height: 0.7rem; line-height: 0.7rem; width:8.65rem; 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: 5.13rem; background:url("../img/ipt-bg513-148.png") center no-repeat;background-size:100%; background-size: 5.13rem 1.48rem}
.modalLogin li .getCode input{ width: 4.53rem}
.modalLogin li .getCode .btnGetCode{ display: inline-block; width: 3.68rem; height: 1.48rem}
.modalLogin li .getCode .btnGetCode img{ display: inline-block; width: inherit; height: inherit}

.modalLogin li .iptBox select{ display: inline-block;height: 1.3rem; line-height: 1.3rem; 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:100%; 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.15rem; height: 0.75rem; width: 100%; line-height: 0.75rem; text-indent: 3.6rem; font-size: 0.32rem; 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{ height: 1.55rem; text-align: center}
.modalLogin .btns a{ display: inline-block}
.modalLogin .btns img{ display: inline-block; width: 4.14rem; height: 1.55rem}
.modalLogin .btns img:hover{ transform: scale(1.03); transition: all .3s;}
.modalLogin .cpanelPhone {padding-top: 1rem}
.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:100%; 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:100%; background-size: 6.25rem 2.86rem}
.modalLogin .mCnt .bindPhone:hover{ bottom:-0.2rem; transform: scale(1.03); transition: all .3s;}

.modalBindPhone{ background: none}
.modalBindPhone .titPic{ position: absolute; top:-3.48rem; right: 3.12rem; z-index: 102; display: inline-block; width: 10.8rem;height: 4.78rem}
.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.52rem; left: 50%; margin-left: -2.645rem; 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: 18.72rem;height: 20.65rem; background: url("../img/alertBg1872-2065.png") center no-repeat;background-size:100%; background-size: 18.72rem 20.65rem}
.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;}

/*活动说明*/
.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: 14.72rem; height: 8.8rem; background: url("../img/alertTips-1472-880.png") center no-repeat;background-size:100%;}
.modalTips .close{ top:-0.4rem; right:0;}
.modalTips .mCnt{ padding:1.2rem 1.2rem 0 5.2rem; 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}
.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.5rem; 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: 9.2rem!important; height: 1.23rem!important}
.logo img{ display: block; width: 9.2rem; height: 1.23rem }
.logo .boy{position:absolute;width:1.53rem;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;}
 

/*翻页*/
.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; }