@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; clear:both; content:"";}

.index{ width:100%; height:100%; font-family:"Microsoft YaHei"}
.pop{ position:fixed; left:0; top:0; z-index:50000; width:100%; height:100%;}
.pop .pic{ margin-top:10px;}

.loading{ width:100%; height:100%; background:#A5CB0B; text-align:center;}
.loading img{ margin-top:30%;}
.loading span{ font-size:36px; color:#FFF; display:block;}
/*.index .container{width:100%; height:100%;}*/
.navbar{ background:url(../images/menu_bg.png?v=20180725) repeat-x; height:89px; border:none; z-index:5200;}
.navbar-inner{ padding-left:24px; padding-right:15px;top:-5px;}
.navbar-inner .center{ margin-left:0px}
.foot{ height:206px; border:none;}
.foot .toolbar-inner{ height:138px; padding:0;}

.foot .bottom_menu a{ width:25%;  padding-top:25px; padding-bottom:20px; background:#008954;border-top:#FFF 3px solid; border-left:#FFF 2px solid;}

.foot .bottom_menu a:first-child{border-left:none;}
.foot .bottom_menu .active {background:#56b637;}
.foot span.tabbar-label{font-size:20px; color:#FFF;}

.foot .copyright{ position:absolute; top:139px; left:auto; width:100%; text-align:center; line-height:70px; color:#a7a7a7;}

.left_menu{ top:78px;}
.panel.panel-left.panel-cover{ z-index:5100; border:none;}
/*body.with-panel-left-cover .panel-left{transform: translate3d(475px, 0px, 0px);}*/
.panel-overlay{z-index:5090}

.white_bg{ width:0; height:100%; position:absolute; top:0; left:296px; background:#FFF; /*display:none;*/ z-index:5099;}


.left_menu{ background:url(../images/left_menu_bg.png) repeat-y; width:313px;}
.left_menu .content-block{ margin-top:72px;}
.left_menu .content-block li{ font-size:24px; color:#FFF; display:block; margin-bottom:22px; width:313px; height:63px;  line-height:63px; position:relative; top:0; left:0;}
.left_menu .content-block .on{background:url(../images/left_menu_over_bg.gif) left top no-repeat; color:#008954;}
.left_menu .content-block .frist_m{ color:#FFF; font-size:24px;}
.left_menu .content-block .on .frist_m{color:#008954;}
.left_menu .content-block li span{ display:inline-block; width:200px; height:63px;padding-left:96px;}
.left_menu .content-block .m0 span{ background:url(../images/left_menu_pic_0.png) left top no-repeat;}
.left_menu .content-block .m1 span{ background:url(../images/left_menu_pic_1.png) left top no-repeat;}
.left_menu .content-block .m2 span{ background:url(../images/left_menu_pic_2.png) left top no-repeat;}
.left_menu .content-block .m3 span{ background:url(../images/left_menu_pic_3.png) left top no-repeat;}

.left_menu .content-block .on span{ background-position:left bottom;}

.left_menu .content-block .second_menu{ position:absolute; top:0; left:323px; display:none;}
.left_menu .content-block .second_menu a{ height:63px; margin-bottom:22px; display:block; color:#4d4d4d; font-size:24px;}
.left_menu .content-block .second_menu a:active{ color:#2b9e38;}
/*.left_menu .content-block .on .second_menu{ display:block;}*/

.index_page{margin-top:80px;}
.index_page .swiper-container {height: 100%; overflow:hidden;}
.index_page .swiper-slide { position:relative; top:0; left:0;overflow:hidden;}
.index_page .swiper-slide .p_bg{ position:absolute; bottom:0; left:0; z-index:-1;}
.index_page .swiper-slide .title{ text-align:center;}
.index_page .swiper-slide a{ width:100%; height:100%; display:block;}
.index_page .swiper-slide .arrow{position:absolute; bottom:5px; left:0; width:100%; text-align:center;}


.four_functions{ width:100%; height:100%; font-family:"Microsoft YaHei"}
.four_functions .section{margin-top:80px; overflow:scroll;}
.four_functions .section .top_btn{ height:88px; background:#008955; padding-left:6px;}
.four_functions .section .top_btn a{ margin-top:33px; display:inline-block; width:293px; height:52px; border:#9cc008 2px solid; border-radius:50px; margin-left:10px; line-height:52px; text-align:center; background:#008955; font-size:30px; color:#f8f400;}
.four_functions .section .top_btn .on{background:#9cc008; color:#fff; font-weight:Bold;}

.four_functions .section .top_btn span{ display:block; width:100%; padding-top:20px; text-align:center;}

.four_functions .return_top{position: fixed;right:0;bottom:207px;width:20%; display:none; z-index:9;}
.four_functions .return_top img{width:100%;}

.four_functions .arrow{position: fixed; left:0; bottom:207px; width:100%; text-align:center;}


.modal-inner{ height: 80px; line-height:80px; width:300px;}
.modal-buttons{width:330px; height:80px; line-height:80px;}
.modal{width:330px; margin-left:-160px;}
.modal-title{font-size:26px;}
.modal-button{height: 80px; line-height: 80px; font-size:26px;}


#browse_hint ,#browse_game_enter{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.evaluation .evaluation_banner{ margin-top:80px;}

.evaluation .evaluation_banner img{ width:100%;}
.evaluation .professional_title{ width:100%; text-align:center; margin-top:30px; margin-bottom:12px;}
.evaluation .professional_con{text-align:center; width:599px; height:341px; border:#92dba4 1px solid; background-color:#f1feed; border-radius:25px; margin:0 auto;}
.evaluation .professional_con table{ width:100%; margin-top:23px; margin-bottom:19px;}
.evaluation .professional_con table td{ width:25%;}
.evaluation .professional_con .logo_img{ padding-right:16px;}
.evaluation .professional_con .logo_img1{padding-left:5px;}
.evaluation .recommend_title{ width:100%; text-align:center; margin-top:30px; margin-bottom:12px;}
.evaluation .recommend_con{ width:100%; text-align:center;}
.evaluation .recommend_con span{ width:100%; display:inline-block;}
.evaluation .recommend_con .link{ margin-top:20px; margin-bottom:34px; display:inline-block;}
/*.swiper-slide span {text-align:center; display:block; margin:20px; font-size:21px;}*/


.teach .evaluation_banner img{ width:100%;}
.teach .professional_title{ width:100%; text-align:center; margin-top:30px; margin-bottom:12px;}
.teach .professional_con{text-align:center; width:640px; height:341px; margin:0 auto;}
.teach .professional_con table{ width:100%; margin-top:23px; margin-bottom:19px;}
.teach .professional_con table td{ width:25%;}
.teach .professional_con .logo_img{ padding-right:16px;}
.teach .professional_con .logo_img1{padding-left:5px;}
.teach .recommend_title{ width:100%; text-align:center;}
.teach .recommend_con{ width:100%; text-align:center;}
.teach .recommend_con span{ width:100%; display:inline-block;}
.teach .recommend_con .link{ margin-top:20px; margin-bottom:34px; display:inline-block;}