@font-face { font-family: tbmh; src: url('../fonts/tbmh.ttf'), url('../font/tbmh.ttf'), url('../font/tbmh.eot');  /* IE9 */ }
img { width: 100%; height: 100%; }
.playVideo img { width: 100%; height: 100%; }
html, body, .wrap { margin: 0; height: 100%; width: 100%; position: relative; }

.gogame { right: 0; top: 0; width: 1.16rem; height: 1.07rem; z-index: 99; display: none; }
 .game_Inline { width: 100%; height: 100%; background: #020202; position: relative; margin: 0 auto; }
.tablist { position: relative; overflow: hidden; width: 100%; height: 0.65rem; background: #182535; }
.tablist .list { width: 4.2rem; height: 0.65rem; float: left; line-height: 0.65rem; text-align: center;text-indent: -999em;}
.tablist .list1 { background: url(../images/list1.png) no-repeat 0 0;-moz-background-size:  100%;background-size:  100%;}
.tablist .list2 { width: 4.08rem;background: url(../images/list2.jpg) no-repeat 0 0;-moz-background-size:  100% 100%;background-size:  100% 100%; border-left: 1px solid #020202; border-right: 1px solid #020202; width: 1}
.tablist .list3 {background: url(../images/list3.png) no-repeat 0 0.05rem;-moz-background-size:  100%;background-size:  100%;}
.tablist .list1.curr {background: url(../images/list1_c.png) no-repeat 0 0;-moz-background-size:  100% 100%;background-size:  100% 100%;}
.tablist .list2.curr {background: url(../images/list2_c.jpg) no-repeat 0 0;-moz-background-size:  100% 100%;background-size:  100% 100%;}
.tablist .list3.curr {background: url(../images/list3_c.png) no-repeat 0 0;-moz-background-size:  100% 100%;background-size:  100% 100%;}

.tabBox .show { display: block; position: absolute; top: 0.65rem; left: 0.04rem;right: 0.04rem;bottom: 0.04rem; }
.flList { background: url(../images/leftbg.png) no-repeat 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;width: 2.4rem; -moz-background-size: 100% 100%; background-size: 100% 100%;}
.flListText { font-family: "tbmh"; width: 99%;height: 0.68rem; line-height: 0.68rem;margin: 0.04rem auto; background: url(../images/left_list.png) no-repeat 0 0; -moz-background-size: 100% 100%; background-size: 100% 100%; text-align: center; font-size: 0.3rem; z-index: 9; }
.flListText:last-child{font-size: 0.24rem;}
.flListText.curr { width: 2.81rem;color: #e4e5b0; background: url(../images/curr.png) no-repeat 0 0; -moz-background-size: 100% 100%; background-size: 100% 100%; position: relative; z-index: 9; }
.curr_triangle { background: url(../images/curr.png) no-repeat 0 0; -moz-background-size: 2.81rem 0.68rem; background-size: 2.81rem 0.68rem; position: absolute; z-index: 1; }
.frBoxCen { position: absolute; left: 2.4rem;top: 0; right: 0; bottom: 0; z-index: 0; overflow-y: auto;background: blue;}
.tab1bg { background: url(../images/tab1.png) no-repeat 0 0; -moz-background-size: 100% 100%; background-size: 100% 100%; }
.tab1bg .frBoxShow { margin: 0.28rem 0.23rem 0; height: 95%; overflow-y: auto; display: none; }
/*.overwrap { overflow-y: auto; }*/
.playVideo { width: 100%; position: relative;max-width: 10.24rem;height: 5.67rem;margin: 0 auto 0.18rem;border: 1px solid #65819c; }
.video_tips { background: url(../images/video_tips.png) no-repeat 0 0; -moz-background-size: 100% 100%; background-size: 100% 100%; height: 0.55rem;line-height: 0.6rem;bottom: 0px; left: 0.01rem; right: 0.01rem; text-align: center; color: #8cd9f8; font-family: "tbmh"; }

.btn_play { width: 1.06rem; height: 1.06rem; background: url(../images/play_btn.png) no-repeat 0 0; display: block; -moz-background-size: cover; background-size: cover; top: 50%; left: 50%; margin-left: -0.53rem; margin-top: 0.47rem; text-indent: -999em; }
#tab3, #tab3 dl, #tab3 dt, #tab3 dd { font-family: "tbmh"; }
.item { width: 94%; margin: 0 auto 0.1rem; }
.item dt { width: 100%;height: 0.46rem;line-height: 0.50rem;text-align: center; width: 100%; background: url(../images/gl_tit_bg.png) no-repeat 0 0; -moz-background-size: 100% 100%; background-size: 100% 100%; color: #e4e5b0; position: relative; font-family: "tbmh"; font-size: 0.3rem;}

.item dt .after { content: ''; position: absolute;  right: 0.15rem;background: url(../images/siled.png) no-repeat 0 bottom; top: 50%; margin-top: -0.13rem;display: block;width: 0.26rem;height: 0.26rem;-moz-background-size: 0.26rem 0.84rem;background-size: 0.26rem 0.84rem;}
.item dt.active { background: url(../images/gl_tit_curr.png) no-repeat 0 0;
-moz-background-size: 100% 100%;
     background-size: 100% 100%; }
.item dt.active .after { background: url(../images/siled.png) no-repeat 0 0;top: 55%;-moz-background-size: 0.26rem 0.84rem;background-size: 0.26rem 0.84rem; }

.item dd { color: #e4e5b0; line-height: 0.337331rem; font-family: "tbmh"; display: none; padding: 0.1rem 0;font-size: 0.18rem;}

#forward { background: url(../images/tab3.png) no-repeat 0 0; -moz-background-size: 100% 100%; background-size: 100% 100%;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
#forward p { text-align: center; color: #e4e5b0; } /**/


/*弹出*/
#maskLayer { display: none; position: absolute; z-index: 10000; left: 0; top: 0; width: 100%; margin: 0 auto; height: 100%; background: #040001; opacity: 0.9; filter: alpha(opacity=90); }
#alertInfo { display: none; background: rgba(255, 255, 255, 0); left: 50%; top: -100%; position: absolute; z-index: 10000; width: 66%; }
#alertInfo .close { position: absolute; right: -0.48rem; top: 0; overflow: hidden; font-size: 0; text-indent: -999em; display: block; width: 0.48rem; height: 0.48rem; cursor: pointer; background: url(../images/close.png) no-repeat center center; -moz-background-size: 0.262369rem 0.262369rem; background-size: 0.262369rem 0.262369rem; z-index: 220; -webkit-transition: -webkit-transform ease-in 0.2s; transition: -webkit-transform ease-in 0.2s; -moz-transition: transform ease-in 0.2s, -moz-transform ease-in 0.2s; transition: transform ease-in 0.2s; transition: transform ease-in 0.2s, -webkit-transform ease-in 0.2s, -moz-transform ease-in 0.2s; }
#alertInfo .close:hover { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.pop_warp { width: 100%; height: 5rem;margin: 0 auto; background: rgba(0, 0, 0, .5); position: relative; overflow: hidden; }
.pop_warp .before{height: 100%;}



.video_tips{font-size: 0.32rem;}

.addImg{width: 12.80rem;margin: 0.28rem auto 0;overflow-y:auto;height: 94%;}
.addImg img{width: 100%;height: 7.2rem;margin-bottom: 0.5rem;}

#tab3 .flListText:last-child{
    font-size: 0.3rem;
}
/* [data-dpr="1"] #forward p { font-size: 20px; }
[data-dpr="2"] #forward p { font-size: 40px; }
[data-dpr="3"] #forward p { font-size: 60px; }

[data-dpr="1"] .video_tips { font-size: 16px; }
[data-dpr="2"] .video_tips { font-size: 32px; }
[data-dpr="3"] .video_tips { font-size: 48px; } */


p.add_5{font-size: 0.24rem;}