@charset "utf-8";
/**
 * 弹层
 */
   

   
/*活动说明*/
.modalEntTips{ width: 14.72rem; height: 8.8rem; background: url("../images/alertTips-1472-880.png") center no-repeat;background-size:100% 100%;}
.modalEntTips .close{ top:-.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: .48rem; line-height: .8rem; color: #333; margin-bottom: .4rem}
.modalEntTips .btns{ text-align: center; height: 1.18rem}
.modalEntTips .btns a{ display: inline-block}
.modalEntTips .btns a img{ width:3.14rem;height:1.18rem;}
.modalEntTips .btns a img.btn-view{ width:3.1rem;height:1.17rem;}
.modalEntTips .btns a:hover{ transform: scale(1.03); transition: all .3s}
           

/*无文字背景图片按钮*/
.btnWord {font-size: .48rem;font-weight:bold;color:#333;line-height:1rem;vertical-align:middle;display: inline-block; width: 3.8rem; height: 1.42rem; background: url("../images/btn-bg-1.png") center no-repeat; background-size: 100%}
.nothing{ width: 100%; height: 2rem; font-size: .16rem; color: #666; line-height: 2rem; text-align: center}
.none { display: none }  

/*闯关说明*/
.modalCgInfo{ width: 18.72rem;height: 20.65rem; background: url("../images/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;}


/*游戏提示*/
.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 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("../images/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("../images/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("../images/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("../images/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 .col1 img{width:1.16rem;height:1.19rem;}
.modalCgSort .col2{ width: 6.7rem; text-align: left}
.modalCgSort .col2 img{width:1.51rem;height:1.51rem;}
.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("../images/alertbg-time-sort1882-2065.png") center no-repeat}

.modalExit{ width: 12.24rem; height: 8.76rem; background: url("../images/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}

/*未选择时弹框*/
.alertBigBg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);z-index: 9999;margin:0!important;}
.alertBigBg .alertBg{width: 18.85rem;height: 18.85rem;background: url(../img/alertBg-noJB1885.png) center no-repeat;background-size: 100%;margin: 0 auto;position: absolute;top: 50%;margin-top: -9.425rem;left: 50%;margin-left: -9.425rem;}
.alertBigBg .alertBg h4{font-size: 0.9rem;color: #533533;margin-bottom: 0;margin-left:6.2rem;margin-top: 7rem;}
.alertBigBg .alertBg .alertBtn{width: 3.91rem;height: 1.46rem;margin-left: 8rem;margin-top: 1rem;cursor: pointer;}
.hide{display: none;}