@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: 14px/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: 12px !important;}
.ft16{ font-size: 16px !important;}
.fts60{ font-size: 60px !important;}
.fta{ font-family: Arial}
.fwb{ font-weight: bold}
.fwn{ font-weight: normal}
.bdb{ border-bottom: 1px 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: 2.5px}
.bor3{ border-radius: 3px}
.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: 10px !important;}
.pdt20{ padding-top: 20px !important;}
.pdt30{ padding-top: 30px !important;}
.pdt40{ padding-top: 40px !important;}
.pdt50{ padding-top: 60px !important;}
.pdt80{ padding-top: 80px !important;}
.pdt90{ padding-top: 90px !important;}
.pdt100{ padding-top: 100px !important;}
.pdb40{ padding-bottom: 40px !important;}
.pdb30{ padding-bottom: 30px !important;}
.pdb10{ padding-bottom: 10px !important;}
.pdl30{ padding-left: 30px !important;}
.pdl10{ padding-left: 10px !important;}
.pdl65{ padding-left: 65px !important;}
.pdr20{ padding-right: 20px !important;}
.pdr30{ padding-right: 30px !important;}
.mgt40{ margin-top: 40px !important;}
.mgt20{ margin-top: 20px !important;}
.mgt10{ margin-top: 10px !important;}
.mgb0{ margin-bottom: 0 !important;}
.mgb30{ margin-bottom: 30px !important;}
.mgb20{ margin-bottom: 20px !important;}
.mgb40{ margin-bottom: 40px !important;}
.mgb50{ margin-bottom:50px !important;}
.mgb60{ margin-bottom:60px !important;}
.mgb70{ margin-bottom:70px !important;}
.mgb90{ margin-bottom:90px !important;}
.mgb100{ margin-bottom: 100px !important;}
.mgb120{ margin-bottom:120px !important;}
.mgl10{ margin-left: 10px !important;}
.mgl30{ margin-left: 30px !important;}
.mgr10{ margin-right: 10px !important;}
.mgr15{ margin-right: 15px !important;}
.mgr30{ margin-right: 30px !important;}
.mgr40{ margin-right: 40px !important;}
.mgr70{ margin-right: 70px !important;}
.mgr100{ margin-right: 100px !important;}

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

.bdt-eee{ border-top:1px solid #eee}
.bdm-eee{ border-bottom:1px solid #eee}
.bdl-gray{ border-left: 1px solid #f1f2f3}

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

.wsBtnBlue{ display: inline-block; height: 35px; line-height: 35px;padding: 0 20px; background: #1480cc; color: #fff; border-radius: 2.5px; text-align: center}
.wsBtnBlue:visited{color: #fff}
.wsBtnBlue:hover{ background: #1273b7; color: #fff}
.wsBtnLogin{ font-size: 16px; display: inline-block; width: 100%; height: 40px; line-height: 40px; background: #1480cc; color: #fff; border-radius: 2.5px; 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 5px 15px 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(-30px)
    }
    100%{ opacity: .9;
        -webkit-transform: scale(.95);
        transform: scale(.95) }
}

.wrapper3840{position: relative; z-index: 0;width:3840px; height: 2160px}/* height:2160px*/
.theme1{ height: 2100px; padding-bottom: 60px; background:#94d4eb url("../img/them1-bg.jpg") center top no-repeat; -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0}
.theme2{ height: 2100px; padding-bottom: 60px; background:#94d4eb url("../img/theme2-bg.jpg") center top no-repeat; -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0}
.theme3{ height: 2100px; padding-bottom: 60px; background:#94d4eb url("../img/theme3-bg.jpg") center top no-repeat; -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0}
.theme4{ height: 2100px; padding-bottom: 60px; background:#94d4eb url("../img/theme4-bg.jpg") center top no-repeat; -moz-transform-origin: 0 0;  -webkit-transform-origin: 0 0; -o-transform-origin: 0 0}

/*首页*/
.homeCnt{ position: relative; width: 3840px;height: 2011px; background:url("../img/homeCnt-bg.png") center no-repeat; background-size: 3840px 2011px }
.homeCnt .mapNav{ position: absolute; left: 390px; top:358px; z-index:4; width: 528px;}
.homeCnt .mapNav li{ height: 187px;margin-bottom: 55px}
.homeCnt .mapNav li a{ font-size: 80px; font-family: 'wawaSC'; color: #fff; display: block; width: 528px;height: 187px; text-align: center; line-height: 170px}
.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: 528px 187px}
.homeCnt .mapNav li a.nav-yellow{ background: url("../img/nav-bg-yellow.png") center no-repeat; background-size: 528px 187px}
.homeCnt .mapNav li a.nav-green{ background: url("../img/nav-bg-green.png") center no-repeat; background-size: 528px 187px}
.homeCnt .mapCnt{ position: absolute; z-index: 3; bottom:130px; left: 1220px; width: 2437px; height: 1527px; background: url("../img/map-bg.png") center no-repeat; background-size: 2437px 1527px}
.homeCnt .mapCnt ul { position: absolute; z-index: 3; left: 960px;top:865px}
.homeCnt .mapCnt li{ width: 406px;height: 144px; margin-bottom: 35px}
.homeCnt .mapCnt li a{ font-size: 70px; 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: 406px 144px; text-align: center; line-height: 125px; text-shadow:0 1px 5px 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: 614px; bottom:-210px; width: 1080px;height: 584px}
.homeCnt .mapLogo{ position: absolute; left: 1755px;top:540px; z-index: 6; display: block; width: 1426px; height: 221px; cursor: default;}
.homeCnt .mapLogo.xichengLogo{left:1536px;}
.homeCnt .mapLogo img{ display: block; width: 100%; }
.homeCnt .mapLogo .boy{ position: absolute; left: 160px; bottom:30px; display: block; width: 298px; height: 426px; 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:690px; right:200px;display: block; width: 244px;height: 128px; }
.homeCnt .home-icon-2{ position: absolute; z-index: 4; bottom:-25px; right: 365px; display: block; width: 206px;height: 168px}
.homeCnt .home-icon-B{ position: absolute; z-index: 4; bottom:35px; left: 440px; display: block; width: 146px;height: 149px}
.homeCnt .home-icon-C{ position: absolute; z-index: 4; bottom:-110px; left: 770px; display: block; width: 297px;height: 246px}
.homeCnt .home-icon-O{ position: absolute; z-index: 4; bottom:-20px; right: 800px; display: block; width: 180px;height: 147px}
.homeCnt .busTit{ position: absolute; left: 450px; top:30px;z-index: 4; font-size: 60px; font-family: 'wawaSC'; color: #8e572a; padding-left: 320px; font-weight: 500; height: 150px; line-height: 150px; background:url("../img/bus.png") left center no-repeat; background-size: 288px 148px;-webkit-animation: btnBusAni 20s infinite linear; -moz-animation:btnBusAni 20s infinite linear }
.homeCnt .loginBox{ position: absolute; z-index: 5; top:0; right: 100px; width: 767px;height: 534px; background: url("../img/logoBox-bg.png") center no-repeat; background-size: 767px 534px}
.homeCnt .loginBox p{ position: absolute; top:235px; left: 310px; font-size: 42px; color: #5b3213; font-weight: bold; font-family: 'wawaSC'}
.homeCnt .loginBox .btns{ position: absolute; top:305px; left: 310px; width: 209px;height: 78px}
.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:232px; left: 138px; width: 151px;height: 151px; 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: 780px; height:1000px; left: 250px; bottom:125px; overflow:hidden; }
.homeCnt .btmBoy img{ display:block; position: absolute; bottom:30px; right: 0 ;-webkit-animation: boyAni 5s infinite linear; -moz-animation:boyAni 5s infinite linear}
.homeCnt .btmBoy img.none{ display:none; }

@-webkit-keyframes boyAni{
    0%{ right: 0;transform: translateY(0)}
    20%{ transform: translateY(-30px)}
    40%{ transform: translateY(30px)}
    60%{ transform: translateY(-30px)}
    80%{ transform: translateY(30px)}
    100%{ right: 780px;transform: translateY(0)}
}

/*右侧内容区域宽度：2965px*/
@-webkit-keyframes btnBusAni{
    0%{ left: 1620px}
    20%{ left: 450px}
    80%{ left: 450px}
    100%{ left:1620px}
}

/*.footer{ position: absolute; z-index: 1; bottom:0; left: 0; width: 100%; height: 60px; line-height: 60px; text-align: center; background: rgba(0,0,0,.1); font-size: 28px; 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);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}

.modalDio{ display: none; position: fixed; z-index: 101; left: 50%; top:50%; width: 1798px; height: 1120px; background: url("../img/alertBg1798-1120.png") center no-repeat; background-size: 1798px 1120px}
.modalDio h4{ position: relative; margin-bottom: 30px; padding: 0 40px; height: 140px; line-height: 140px; font-size: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #fff; font-family: 'wawaSC'}
.modalDio .close{ position: absolute; z-index: 101; right: -110px; top:-85px; display: inline-block; width: 115px; height: 116px; background: url("../img/close.png") center no-repeat; background-size: 115px 116px}
.modalDio .icon-flow{ position: absolute; z-index: 101; left: 70px; top:-80px; display: inline-block}
.modalDio .mCnt{ padding: 120px 50px 70px 200px; height:930px}

/*修改化弹层*/
.modalLogin .mCnt{ position: relative; z-index: 103}
.modalLogin .cTabs{ position: absolute; top:-145px; padding: 0 40px; height:130px}
.modalLogin .cTabs .cTab{ display: inline-block; width: 520px; height: 105px; line-height: 105px; border-radius: 40px; border:7px solid #4c1d09; background: #fff; font-size: 54px; color: #333; text-align: center; margin-right: 45px}
.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: 60px}
.modalLogin .li{ position: relative; padding-bottom:90px;  height: 148px; line-height: 148px}
.modalLogin .li .lbl{ display: inline-block; float: left;  font-size: 54px; line-height: 148px; height: 148px; color: #333; width: 300px; padding-right: 60px; text-align:right}
.modalLogin .li .iptBox{ display: inline-block; float: left; width:925px; height: 148px; background: url("../img/ipt-bg925-148.png") center no-repeat; background-size: 925px 148px}
.modalLogin .li .iptBox input{ display: inline-block; padding: 30px; height: 70px; line-height: 70px; width:865px; text-indent: 30px; font-size: 54px; 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: 40px; width: 513px; background:url("../img/ipt-bg513-148.png") center no-repeat; background-size: 513px 148px}
.modalLogin .li .getCode input{ width: 453px}
.modalLogin .li .getCode .btnGetCode{ display: inline-block; width: 368px; height: 148px}
.modalLogin .li .getCode .btnGetCode img{ display: inline-block; width: inherit; height: inherit}

.modalLogin .li .iptBox select{ display: inline-block;height: 130px; line-height: 130px; width:100%; text-indent: 50px; font-size: 54px; color: #333; background: url("../img/icon-sel-down.png") right center no-repeat; background-size: auto 130px; 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: 130px; float: left; line-height: 130px}
.modalLogin .li .iconBox a{ font-size: 40px; 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:15px; height: 75px; width: 100%; line-height: 75px; text-indent: 360px; font-size: 32px; overflow: hidden}
.modalLogin .li .tips.err{ color: #f44336}
.modalLogin .li .tips img{ display: inline-block; margin: 18px 20px 22px 0; width: 35px; height: 35px; vertical-align: middle}
.modalLogin .btns{ height: 155px; text-align: center}
.modalLogin .btns a{ display: inline-block}
.modalLogin .btns img{ display: inline-block; width: 414px; height: 155px}
.modalLogin .btns img:hover{ transform: scale(1.03); transition: all .3s}
.modalLogin .cpanelPhone {padding-top: 100px}
.modalLogin .cpanelPhone .titTips{ position: absolute; top:80px; left: 50%; margin-left: -665.5px; font-size: 50px; text-align: center; line-height: 124px; color: #4c1d09; font-family: 'wawaSC'; width: 1331px;height: 228px; background: url("../img/alert-tit-bg.png") center no-repeat; background-size: 1331px 228px}
.modalLogin .cpanelPhone .titTips img{ display: inline-block; width: 53px; height: auto; margin: 0 25px}
.modalLogin .mCnt .bindPhone{ position: absolute; left: -125px; bottom:-25px; width: 632px;height: 330px; background: url("../img/icon-bindPhone.png") center no-repeat; background-size: 632px 330px}
.modalLogin .mCnt .bindPhone:hover{ bottom:-20px; transform: scale(1.03); transition: all .3s}

.modalBindPhone{ background: none}
.modalBindPhone .titPic{ position: absolute; top:-348px; right: 312px; z-index: 102; display: inline-block; width: 1070px;height: 534px}
.modalBindPhone .mCnt{background: url(../img/alertBg1798-1120.png) center no-repeat; background-size: 1798px 1120px;}

.modalExit{ width: 1224px; height: 876px; background: url("../img/alertBg1224-876.png") center no-repeat; background-size: 1224px 876px}
.modalExit .mCnt{ padding: 340px 0 0 0; height: 536px; text-align: center}
.modalExit .mCnt .cntTxt{ font-size: 70px; color: #333}
.modalExit .mCnt .btns a,.modalExit .mCnt .btns a img{ display: inline-block; width: 382px;height: 143px}
.modalExit .icon-boy{ position: absolute; z-index: 104; top:-283px; left: 50%; margin-left: -207px; display: block; width: 453px;height: 529px}

.modelBindOk{ width: 1885px; height: 1885px; background: url("../img/alertBg1885.png") center no-repeat; background-size: 1885px}
.modelBindOk .mCnt{ padding: 620px 0 0 200px; height: 1265px; width: 1685px}
.modelBindOk .mCnt .cntTxt{ font-size: 80px; line-height: 80px; color: #333; font-weight: bold; text-align: center}
.modelBindOk .mCnt .jifen{ margin: 100px auto 110px; font-size: 80px; color: #533533; font-weight: bold}
.modelBindOk .mCnt .jifen img{ display: inline-block; margin-left: 30px}
.modelBindOk .mCnt .btns{ text-align: center}
.modelBindOk .close{ right: 260px; top:430px}

.modelJfdhOk{ width: 1885px; height: 1885px; background: url("../img/alertBg1885.png") center no-repeat; background-size: 1885px}
.modelJfdhOk .mCnt{ padding: 620px 0 0 200px; height: 1265px; width: 1685px}
.modelJfdhOk .mCnt .cntTxt{ font-size: 80px; line-height: 80px; color: #333;text-align: center; font-weight: bold;}
.modelJfdhOk .mCnt .jifen{ margin: 30px auto 30px; font-size: 60px; color: #533533; }
.modelJfdhOk .mCnt .ads{ text-align:left;padding:0 330px 0 480px; font-size: 40px; color: #333; font-weight: normal}
.modelJfdhOk .close{ right: 260px; top:430px}

.modelSubOk{ width: 1885px; height: 1885px; background: url("../img/alertBg1885.png") center no-repeat; background-size: 1885px}
.modelSubOk .mCnt{ padding: 620px 0 0 200px; height: 1265px; width: 1685px}
.modelSubOk .mCnt .cntTxt{ font-size: 80px; line-height: 80px; color: #333; font-weight: bold; text-align: center}
.modelSubOk .mCnt .jifen{padding: 100px 0 0 540px; text-align: left; line-height:100px;font-size: 80px; color: #533533; font-weight: bold}
.modelSubOk .mCnt .jifen img{ display: inline-block; margin-left: 30px}
.modelSubOk .mCnt .txt2{ padding: 60px 0 0 540px; font-size: 60px; color: #333; font-weight: normal; text-align: left}
.modelSubOk .close{ right: 260px; top:430px}

/*闯关说明*/
.modalCgInfo{ width: 1872px;height: 2065px; background: url("../img/alertBg1872-2065.png") center no-repeat; background-size: 1872px 2065px}
.modalCgInfo .close{ top:180px}
.modalCgInfo .mCnt{ padding: 460px 90px 100px; height: 1500px; overflow-y: auto}
.modalCgInfo .mCnt dl{ margin-bottom: 60px}
.modalCgInfo .mCnt dt{ font-size: 60px; font-weight: bold; line-height: 100px; text-align: center; color: #57260c}
.modalCgInfo .mCnt dd{ font-size: 50px; line-height: 75px; text-align: center; color: #333}

/*活动说明*/
.modalEntTips{ width: 1472px; height: 880px; background: url("../img/alertTips-1472-880.png") center no-repeat}
.modalEntTips .close{ top:-40px; right:0}
.modalEntTips .mCnt{ padding:120px 120px 0 520px; height: 720px}
.modalEntTips h4{ color: #333; font-family: 'Microsoft YaHei' }
.modalEntTips .info{ font-size: 60px; line-height: 90px; color: #333; margin-bottom: 40px}
.modalEntTips .btns{ text-align: center; height: 118px}
.modalEntTips .btns a{ display: inline-block}
.modalEntTips .btns a:hover{ transform: scale(1.03); transition: all .3s}

/*游戏提示*/
.modalTips{ width: 1365px; height: 882px; background: url("../img/alertTips-1365-882.png") center no-repeat;background-size:100%;}
.modalTips .close{ top:-40px; right:0}
.modalTips .mCnt{ padding:120px 120px 0 470px; height: 720px}
.modalTips h4{ color: #333; font-family: 'Microsoft YaHei' }
.modalTips .info{ font-size: 60px; line-height: 90px; color: #333; margin-bottom: 40px}
.modalTips .btns{ text-align: center; height: 118px}
.modalTips .btns a{ display: inline-block}
.modalTips .btns a:hover{ transform: scale(1.03); transition: all .3s}

/*闯关成功*/
.modelCGOk{ width: 1885px; height: 1885px; background: url("../img/alertBg1885.png") center no-repeat; background-size: 1885px}
.modelCGOk .mCnt{ padding: 620px 0 0 200px; height: 1265px; width: 1685px}
.modelCGOk .mCnt .cntTxt{ font-size: 80px; line-height: 80px; color: #333; font-weight: bold; text-align: center}
.modelCGOk .mCnt .jifen{ margin: 60px auto 50px; font-size: 80px; color: #533533; font-weight: bold}
.modelCGOk .mCnt .jifen img{ display: inline-block; margin-left: 30px}
.modelCGOk .mCnt .info{ font-size: 60px; line-height: 90px; color: #333; margin-bottom: 40px; font-weight: normal}
.modelCGOk .mCnt .btns{ text-align: center}
.modelCGOk .close{ right: 260px; top:430px}

/*闯关提示*/
.modelPassTips{ width: 1885px; height: 1885px; background: url("../img/alertBg-noJB1885.png") center no-repeat; background-size: 1885px}
.modelPassTips .mCnt{ padding: 620px 0 0 200px; height: 1265px; width: 1685px}
.modelPassTips .mCnt .cntTxt{ font-size: 80px; line-height: 80px; color: #333; font-weight: bold; text-align: center}
.modelPassTips .mCnt h4{ color: #333; font-family: 'Microsoft YaHei'}
.modelPassTips .mCnt .subTit{ font-size: 70px; color: #533533 ; margin-bottom: 0}
.modelPassTips .mCnt .jifen{ margin: 60px auto 50px; font-size: 80px; color: #533533; font-weight: bold}
.modelPassTips .mCnt .jifen img{ display: inline-block; margin-left: 30px}
.modelPassTips .mCnt .info{ font-size: 60px; line-height: 90px; color: #333; margin-bottom: 40px; font-weight: normal}
.modelPassTips .mCnt .btns{ text-align: center}
.modelPassTips .close{ right: 260px; top:430px}

/*地图练练看提示*/
.modalTipsMap{ width: 1472px; height: 880px; background: url("../img/alertTips-1472-880.png") center no-repeat}
.modalTipsMap .close{ top:-40px; right:0}
.modalTipsMap .mCnt{ padding:120px 120px 0 520px; height: 720px}
.modalTipsMap .mCnt h4{color: #333; font-family: 'Microsoft YaHei'}
.modalTipsMap .mCnt .subT{ color: #533533; font-size: 70px; text-align: center}
.modalTipsMap .mCnt .info{text-align: center; font-size: 60px; margin-bottom: 40px}
.modalTipsMap .btns{ text-align: center; height: 118px}
.modalTipsMap .btns a{ display: inline-block}
.modalTipsMap .btns a:hover{ transform: scale(1.03); transition: all .3s}

/*闯关排行*/
.modalCgSort{ width: 1882px; height: 2065px;background: url("../img/alertbg-sort18882-2065.png") center no-repeat}
.modalCgSort .close{ top:180px}
.modalCgSort .mCnt{ padding: 480px 25px 55px 18px; height: 1530px}
.modalCgSort .mCnt .table{ height: inherit; overflow-y: auto}
.modalCgSort table{ width: 100%}
.modalCgSort table th{ background: #fff4bb; height: 180px; line-height: 180px; text-align: left; font-size: 60px; color: #333}
.modalCgSort table tr{ line-height: 200px; font-size: 60px}

.modalCgSort .col1{ width: 620px; text-indent: 395px; text-align: left; white-space: nowrap;}
.modalCgSort .col2{ width: 670px; text-align: left}
.modalCgSort .col3{ width: 400px; text-align: left; color: #5b3213}
.modalCgSort .col1 i{ font-style: normal; text-indent: 0; display: inline-block; width: 83px; height: 83px; background: #fed70e; border:3px solid #5b3213; font-size: 54px; text-align: center; line-height: 83px; color: #5b3213; border-radius: 50%}
.modalCgSort th.col1 img,.modalCgSort td.col2 img{ display: inline-block; width: 120px;height: 120px; border-radius: 50%; border:3px 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: 1180px;height: 150px; padding-top: 520px;  margin-left:-590px; margin-top:-335px;  background:rgba(0,0,0,.65); border-radius: 25px;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)}
.modalLayTips p{ font-size: 60px; color: #f8c30f; text-align: center}
.modalLayTips img{ position: absolute; z-index: 101; left: 50%; margin-left: -315px; top:50px; display: block; width: 630px;height: 630px;}

/**弹出视频层*/
.modalVideo{ width: 2570px; height: 1520px; margin-left: -1285px; margin-top:-760px; background: url("../img/showImg-bg.png") center no-repeat; background-size: 2570px 1520px}
.modalVideo .mCnt{width: 2525px; height: 1420px; padding: 45px 0 0 28px }
.modalVideo .mCnt .vdoWrap{ width: 2525px; height: 1420px; line-height: 1415px; text-align: center; border-radius: 10px; overflow: hidden; background: #000}

/*签到提示*/
.modalSignIn{ width: 1820px; height: 1656px;  margin-left: -1285px; margin-top:-828px; background: url("../img/modal-qd-bg.png") center no-repeat; background-size: 1820px 1656px}
.modalSignIn .mCnt{width: 1645px; height: 1116px; padding: 540px 80px 0 95px }
.modalSignIn .close{ top:280px; right: -115px}
.modalSignIn .qdItem{ height: 540px; text-align: center}
.modalSignIn .qdItem .day{ display: inline-block; margin-left: 110px; float: left}
.modalSignIn .qdItem .day h5{ font-size: 60px; color: #868686; line-height: 80px; font-family: 'Microsoft YaHei'; margin-bottom: 30px}
.modalSignIn .qdItem .day .img{ width: 275px;height: 245px; line-height: 245px; 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: 60px; line-height: 120px; 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: 1351px; height: 1623px; padding: 100px 70px 50px 90px; margin-left:-775.5px ; margin-top:-886.5px;  background: url("../img/modal-jf-bg.png") center no-repeat; background-size: 1511px 1773px}
.modalJf .mCnt{width: 1351px; height: 1623px; padding: 0; overflow-y: auto}
.modalJf .mCnt .img{ margin-bottom: 20px; width: 1343px; height: 496px; line-height: 496px; text-align: center; border:4px solid #431200; border-radius: 20px; box-shadow: 0 14px 20px rgba(126,96,38,.4)}
.modalJf .mCnt .img img{ display: inline-block; max-width: 1351px; max-height: 496px;}
.modalJf .mCnt .tit{ font-size: 60px; line-height: 70px; height: 140px; overflow: hidden}
.modalJf .mCnt .dh{ height: 120px; line-height: 120px}
.modalJf .mCnt .dh em{ font-size: 60px; color: #5b3213;}
.modalJf .mCnt .dh .btn-dh{ float: right; display: inline-block; width: 323px; height: 120px; background: url("../img/btn-ljdh.png") center no-repeat; background-size: 323px 120px}
.modalJf .mCnt .desc{ font-size: 50px; line-height: 70px; color: #333}
.modalJf .mCnt .desc .h4{ font-weight: bold; padding-top: 20px}


/*头部*/
.header{height:250px;padding:0 70px;}
.logo{margin-top:110px;position:relative; width: 1146px!important; height: 123px !important}
.logo img{ display: block; height: 123px;}
.logo .boy{position:absolute;width:127px;height:179px;background:url(../img/boy.png) no-repeat;background-size:100%;bottom:35px;left:70px;-webkit-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 1.5s infinite;}


/**导航**/
.nav{margin-top:43px}
.nav li{float:left;}
.nav li a{float:left;padding-left:80px;text-align:center;font-size:30px}
.nav li a i{display:inline-block;width:132px;height:135px;background:url(../img/nav.png) no-repeat;background-size:100%}
.nav li a i span{width:114px;height:116px;display:block;position:relative;margin:0 auto;top:-10px;}
.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.currentNav a i span{top:0;}
.nav li.currentNav a i span{ -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
.nav li.currentNav 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: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: 30px 0; text-align: center}
.mapPage a{ display: inline-block; margin-left: 60px; padding: 0 30px; height: 80px;line-height: 80px; border:8px solid #4c1d0a; background: #fff; text-decoration: none; color: #666; font-size: 40px; text-align: center; cursor: pointer; border-radius: 50px; box-shadow: 0 10px 0 #eecb05}
.mapPage a:hover,.mapPage span.current{ background: #efcb05; color: #4c1d0a; border:8px solid #4c1d0a}
.mapPage span{ display:inline-block; margin-left:60px;font-size: 40px;  height:80px;line-height:80px;background: #fff; color: #ccc; border-radius: 50px;padding: 0 30px; text-align: center; cursor: default}
.mapPage span.more{ background: none; color: #333; font-weight: bold}
.mapPage span.disabled{color: #ccc; border:8px solid #ddd; bordr-radius: 50px }
.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(-20px);
    transform: translateY(-20px);
    }
}
@keyframes float
{
    0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    }
    50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    }
}

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

}

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


/*导航鼠标滑过转动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: 200px; font-size: 16px; color: #666; line-height: 200px; text-align: center}
.none { display: none }

.combo-dropdown{overflow-y:scroll;}
.combo-dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,0.3);background-color: rgba(255,255,255,.1);border:none;border-radius:50px;}
.combo-dropdown::-webkit-scrollbar{width: 1px;background-color:rgba(255,255,255,.1);border-radius:50px;}
.combo-dropdown::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,.1);border-radius:50px;}

/*无文字背景图片按钮*/
.btnWord {font-size: 48px;font-weight:bold;color:#333;line-height:100px;vertical-align:middle;display: inline-block; width: 380px; height: 142px; background: url("../img/btn-bg-1.png") center no-repeat; background-size: 100%}

/* 滚动条 */
.scroll-dropdown{overflow-y:scroll;}
.scroll-dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);background-color: #c0b1b7;border:6px;border-radius:50px;}
.scroll-dropdown::-webkit-scrollbar{width: 10px;background-color:#c0b1b7;border-radius:50px;}
.scroll-dropdown::-webkit-scrollbar-thumb{background-color: #8b6e64;border-radius:50px;}

/* 默认提示 */
.alterModelBox{display: none;position: absolute;width:200px;height:100px;line-height:100px;background: rgba(0,0,0,.65);border-radius: 16px;font-size: 20px;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: 925px;height: 148px; line-height: normal; text-align: left; font-size: 0; font-size: 16px; background: url(../img/ipt-bg925-148.png) center no-repeat;background-size: 925px 148px; }
a.dsselect_switch{display: inline-block;height: 130px;line-height: 130px;width: 100%;text-indent: 50px;font-size: 54px;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: 10px; margin-right: 25px;}
a.dsselect_switch i{ position: absolute; right: 10px; top: 50%; margin-top: -65px; display: inline-block; width: 130px; height: 130px; background: url(../img/icon-sel-down.png) no-repeat;background-size: auto 130px;}
.dsselect_data_con{ display: none; position: absolute; top: 100%; margin-top: -1px; left: 0; z-index: 1; min-width: 100%;}
.dsselect_menu.open .dsselect_data_con{ display: block;}
.dsselect_data_list{ max-height: 740px; min-height: 214px; overflow-x: hidden; overflow-y: auto; border: 1px 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 10px;font-size:54px;color: #333;}
.dsselect_data_list li:hover{ background-color: #eee;}
.frm-txt{ display: inline-block; vertical-align: top; height: 40px; line-height: 40px; padding: 0px 6px;}
.dsselect_menu.disabled{ background-color: #e3e3e3;}
.dsselect_menu.disabled label{ color: #bbb;}

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

.mapLogo img.feitan{width:544px;height: 218px;}
h1.logoTil{position: absolute;top:-50px;left:460px;max-width:1250px;height: 218px;line-height:218px;text-align:center;color:#6B462B;font-size:138px;font-weight:900;text-shadow: 2px 3px 2px #000;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
/* 文字可修改-首页 */
.sortLogin p.aviod-p{position: absolute;top: 272px;left: 310px;font-size: 42px;color: #5b3213;font-weight: bold;font-family: 'wawaSC';}
.sortLogo img.feitan{width:376px;height: 149px;position: absolute;bottom: 0;left: 0;}
h2.logoTil{position: absolute;top:-50px;left:340px;max-width:1250px;height: 162px;line-height:162px;text-align:center;color:#6B462B;font-size:120px;font-weight:900;text-shadow: 2px 3px 2px #000;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
h2.logoTil .smallTil{font-size: 80px;color: #DF9706;text-shadow: 2px 3px 2px #5b3213;}
/* 文字可修改-分类 */
h3.logoTil{position: absolute;top:-50px;left:258px;max-width:1250px;height: 162px;line-height:178px;text-align:center;color:#6B462B;font-size:60px;font-weight:700;text-shadow: 2px 3px 2px #000;}
h3.logoTil .smallTil{display: inline-block;font-size: 60px;color: #DF9706;text-shadow: 2px 3px 2px #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:10px;}
.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:10px;}
.modalCgSort .table .td .grid3 {width:20%;text-align:center;}
.modalCgSort .th img,.modalCgSort .td .grid2 img{display: inline-block;width: 120px;height: 120px;border-radius: 50%;border: 3px solid #ffb03b;}
.modalCgSort .table .th{background: #fff4bb;height:180px;line-height:180px;font-size:60px;color:#333;font-weight:700;overflow: hidden;box-sizing: border-box;padding:0 5%;}
.modalCgSort .table .td{height:180px;line-height:180px;font-size:60px;color:#333;overflow: hidden;box-sizing: border-box;padding:0 5%;}
.modalCgSort .td .grid1 img{width: 116px;height:119px;}
.modalCgSort .td .grid1 i{font-style: normal; text-indent: 0; display: inline-block; width: 83px; height: 83px; background: #fed70e; border:3px solid #5b3213; font-size: 54px; text-align: center; line-height: 83px; color: #5b3213; border-radius: 50%}