@charset "UTF-8";
html {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; position: relative; height: 100%; font-size: 14px}
html, body {-webkit-user-select: none; user-select: none; height: 100%; color: rgba(0, 0, 0, .87);}
html, body, div, object, iframe, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dl, dt, dd, ol, ul, li, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress {margin: 0; padding: 0; border: 0; vertical-align: baseline; }
a {text-decoration: none; -webkit-touch-callout: none; background-color: transparent; color: rgba(0, 0, 0, .87);}
li {list-style: none; }
.clear{clear:both}

/*手机登录页面·样式*/
.wap_logbg{background: #3e90d9;}
.wap_login{width:100%; height: 100%; position: absolute;}
.wap_login .login_logo{width: 90%; position: relative; text-align: center; margin: 20% auto 0; overflow: hidden;}
.wap_login .login_logo img{width: 100%;}
.wap_login .login_form{width: 70%; margin: 15% auto 0;}
.wap_login .login_form .login_text{width: 100%; overflow: hidden; margin-bottom: 8%; position: relative; border:1px solid #FFFFFF; border-radius: 5px; padding: 1% 0; float: left;}
.wap_login .login_form .login_text .label_user{width: 10%; height: 2rem; background: url(../images/user.png) center no-repeat; display: block; float: left; padding: 0 2%;}
.wap_login .login_form .login_text .label_pass{width: 10%; height: 2rem; background: url(../images/key.png) center no-repeat; display: block; float: left; padding: 0 2%;}
.wap_login .login_form .login_text .label_text{width: 82%; float: left; background-color: transparent; color: #FFFFFF; height: 2rem; border: 0; padding:0 2%;}
.wap_login .login_form .login_text input::-webkit-input-placeholder{color:#FFFFFF;}
.wap_login .login_form .login_text input::-moz-placeholder{color:#FFFFFF;}
.wap_login .login_form .login_text input:-moz-placeholder{color:#FFFFFF;}
.wap_login .login_form .login_text input:-ms-input-placeholder{color:#FFFFFF;}
.wap_login .login_form .login_submit{width: 100%; overflow: hidden; margin-top: 8%; position: relative; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px; padding: 1% 0; float: left;}
.wap_login .login_form .login_submit .label_submit{width: 100%; float: left; background-color: transparent; color: #3e90d9; height: 2rem; border: 0; font-size: 18px; font-weight: 500;}
.wap_login .login_footer{width: 98%; height: 2rem; line-height: 2rem; position: fixed; bottom: 50px; color: #FFFFFF; text-align: center; font-size: 14px; padding: 0 2%;}

/*公共·样式*/
.mobile_bg{background-color:#F8F8F8;}

/*头部·样式*/
.header_box{width: 100%; float: left;}
.hide{display: none;}
.mobile_header{width: 96%; float: left; background-color:#000000; height: 43px; padding:10px 2%; color: #FFFFFF;}
.mobile_header .header_logo{width: 60%; float: left;}
.mobile_header .header_menu{width: 30%; float: right; text-align: right;}

/*导航·样式*/
.app-hide-list i{margin-top: -3px; margin-right: 5px;}
.app-hide-list{background: #f5f5f5; margin:5px 0; color:#FFFFFF;}
.app-slide-menu .mdui-list-item-content{text-align: left; padding-left: .8em;}
.app-collapse-menu{margin:0 16px;}
.app-list-home{padding:0; margin:5px 0 10px; background: #03a9f4;}
.app-list-home:hover{background: #41c0f9;}
.app-list-home i{margin-top: -3px; margin-right: 5px; color:#fff;}
.app-list-home a{color:#fff;}
.app-list-item-link{color:#fff; display: block; width:100%; text-align: left;}
.mdui-collapse-item-body .app-sub-list{padding:0 ; margin: 8px; background: #41c0f9;}
.mdui-collapse-item-body .app-sub-list a{padding-left:23px;}
.app-collapse-list{margin:10px 0;}
.menu-click{background: #41c0f9;}
.app-btn{min-width: 100%; text-align: right; padding:0;}

/*中部·公共·样式*/
.mobile_box{width: 100%; height: 100%;}
.project_title {color: #299b14; }

/*中部·会员·样式*/
.mobile_box .mobile_member{width: 96%; float: left; background-color: #03a9f4; padding:5% 2%;}
.mobile_box .mobile_member .member_photo{width: 20%; float: left; overflow: hidden; padding-right: 2%;}
.mobile_box .mobile_member .member_datas{width: 53%; float: left;}
.mobile_box .mobile_member .member_user{width: 100%; float: left; font-size: 15px; color: #FFFFFF; padding-top: 6%;}
.mobile_box .mobile_member .member_grade{width: 100%; float: left; font-size: 13px; color: #333333; padding-top: 3%;}
.mobile_box .mobile_member .member_opera{width: 25%; float: left; padding-top: 4.2%;}
.mobile_box .mobile_member .member_setup{width: 50%; float: left; text-align: center;}

/*中部·认证·样式*/
.mobile_box .mobile_auth{width: 96%; float: left; background-color: #FFFFFF; padding: 5% 2%;}
.mobile_box .mobile_auth .auth_ident{width: 25%; float: left; height: 40px; text-align: center;}
.mobile_box .mobile_auth .auth_imgs{width: 100%; float: left; text-align: center;}
.mobile_box .mobile_auth .auth_name{width: 100%; float: left; text-align: center; line-height: 30px; font-size: 13px; color: #666666;}

/*中部·快捷·样式*/
.mobile_box .mobile_quick{width: 96%; float: left; background-color: #FFFFFF; padding: 5% 2%; margin-top:15px;}
.mobile_box .mobile_quick .quick_mind{width: 49.5%; height:60px; float: left; border-bottom: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; padding-bottom:5%;}
.mobile_box .mobile_quick .quick_talk{width: 47.5%; height:60px; float: left; border-bottom: 1px solid #EEEEEE; padding-bottom:5%; padding-left: 2%;}
.mobile_box .mobile_quick .quick_music{width: 49.5%; height:60px; float: left; border-right: 1px solid #EEEEEE; padding-top: 5%;}
.mobile_box .mobile_quick .quick_series{width: 47.5%; height:60px; float: left; padding-top: 5%; padding-left: 2%;}
.mobile_box .mobile_quick .quick_icon{width: 60px; height: 60px; float: left; padding-right: 15px;}
.mobile_box .mobile_quick a{color:#525252; font-size: 16px; font-weight: 500; line-height: 60px;}

/*中部·栏目·样式*/
.mobile_box .mobile_cloumn{width: 96%; float: left; background-color: #FFFFFF; padding: 0 2% 5%; margin-top:15px;}
.mobile_box .mobile_cloumn .cloumn_box{width: 100%; height: 50px; float: left; border-bottom: 1px solid #EEEEEE;}
.mobile_box .mobile_cloumn .cloumn_box .cloumn_name{width: 40%; line-height: 50px; float: left; padding-left: 25px; font-size: 15px;}
.mobile_box .mobile_cloumn .cloumn_box .cloumn_more{width: 15%; line-height: 50px; float: right; text-align: right; font-size: 13px;}
.mobile_box .mobile_cloumn .cloumn_box a{color: #999999;}

/*中部·测试·样式*/
.mobile_box .mobile_cloumn .repotr_icon{background: url(../images/tk.png) left no-repeat;}
.mobile_box .mobile_cloumn .report_list{width: 100%; float: left; height: 100%;}
.mobile_box .mobile_cloumn .report_list .li_lf{width: 47%; height: 210px; float:left; border:1px solid #EEEEEE; margin-right:4.8%; margin-top: 15px;}
.mobile_box .mobile_cloumn .report_list .li_rg{width: 47%; height: 210px; float:left; border:1px solid #EEEEEE; margin-top: 15px;}
.mobile_box .mobile_cloumn .report_list h1{width: 150px; height: 60px; line-height: 30px; margin:20px auto 10px; font-size: 16px; color: #525252; text-align: center; font-weight: 500;}
.mobile_box .mobile_cloumn .report_list h1 a{color: #525252;}
.mobile_box .mobile_cloumn .report_list h1 a:hover{color: #42AEF3;}
.mobile_box .mobile_cloumn .report_list .report_result{width: 80px; height: 50px; margin: 0 auto 10px;}
.mobile_box .mobile_cloumn .report_list .report_result .result_no{width: 50px; height: 25px; line-height: 25px; float: left; background: url(../images/no.gif) left no-repeat; padding-left: 20px;color: #A8A8A8; }
.mobile_box .mobile_cloumn .report_list .report_result .result_pro{width: 50px; height: 25px; line-height: 25px; float: left; background: url(../images/yes.png) left no-repeat; padding-left: 30px; color: #299b14;}
.mobile_box .mobile_cloumn .report_list .report_result .result_date{width: 80px; height: 25px; line-height: 25px; float: left; color: #A8A8A8; text-align: center;}
.mobile_box .mobile_cloumn .report_list .report_more{width: 100px; height: 35px; line-height: 35px; text-align:center; margin: 0 auto; border: 1px solid #ddd; border-radius: 5px;}
.mobile_box .mobile_cloumn .report_list .report_more a{color: #999999;}
.mobile_box .mobile_cloumn .report_list .report_more a:hover{color: #42AEF3;}
.mobile_box .mobile_cloumn .report_list .ml{margin-left: 25px;}

/*中部·项目·样式*/
.mobile_box .mobile_cloumn .case_icon{background: url(../images/pr.png) left no-repeat;}
.mobile_box .mobile_cloumn .case_list{width: 100%; height: 100%; float: left;}
.mobile_box .mobile_cloumn .case_list .case_show{width: 100%; float: left; padding: 15px 0; border-bottom: 1px solid #EEEEEE;}
.mobile_box .mobile_cloumn .case_list .case_show .case_img{width: 30%; float: left; padding: 2%; border: 1px solid #e8e8e8;}
.mobile_box .mobile_cloumn .case_list .case_show .case_img img{width: 100%;}
.mobile_box .mobile_cloumn .case_list .case_show .case_dep{width: 62%; float: left; margin-left: 3%;}
.mobile_box .mobile_cloumn .case_list .case_show .case_dep h1{font-size: 15px; padding: 8px 0;}
.mobile_box .mobile_cloumn .case_list .case_show .case_dep p{font-size: 13px; line-height: 20px; color: #a8a8a8;}
.mobile_box .mobile_cloumn .case_list .case_show .case_dep a{color: #525252;}


/*列表·训练·样式*/
.mobile_box .mobile_cloumn .train_icon{background: url(../images/tr.png) left no-repeat;}
.mobile_box .mobile_cloumn .train_list{width: 100%; float: left; height: 100%;}
.mobile_box .mobile_cloumn .train_list .train_lf{width: 43%; float:left; border:1px solid #EEEEEE; margin-right:4.8%; margin-top: 15px; padding: 2%;}
.mobile_box .mobile_cloumn .train_list .train_rg{width: 43%; float:left; border:1px solid #EEEEEE; margin-top: 15px; padding: 2%;}
.mobile_box .mobile_cloumn .train_list .train_img{width: 100%; float: left;}
.mobile_box .mobile_cloumn .train_list .train_title{width: 100%; height: 30px; line-height: 30px; float: left; text-align: center;}

/*列表·分类·样式*/
.mobile_nav{width: 100%; float: left; background-color: #FFFFFF; margin-top:15px;}
.mobile_nav .wrapper {position:relative; height:48px; width: 100%; overflow: hidden; margin:0 auto; background:#FFFFFF}
.mobile_nav .wrapper .scroller {position:absolute}
.mobile_nav .wrapper .scroller li {height: 48px; float: left; line-height: 48px; font-size: 15px; text-align: center}
.mobile_nav .wrapper .scroller li a{display:block; margin:0 .3rem}			
.mobile_nav .wrapper .scroller .cur{background:#3e90d9}
.mobile_nav .wrapper .scroller .cur a{color:#fff;}

/*个人·资料·样式*/
.mobile_datanav{width: 100%; height:48px; float: left; background:#FFFFFF; margin-top: 15px;}
.mobile_datanav .datanav_menu{width: 50%; height: 48px; float: left; line-height: 48px; text-align: center; font-size: 15px;}
.mobile_datanav .pton{background-color:#3e90d9;}
.mobile_datanav .pton a{color: #FFFFFF;}
.mobile_box .mobile_cloumn .data_icon{background: url(../images/dt.png) left no-repeat;}
.mobile_box .mobile_cloumn .data_form{width: 100%; float: left; height: 100%;}
.mobile_form{width: 100%; float: left; height: 30px; line-height: 30px; color: #999999; margin-top: 15px;}
.mobile_form label{color: #333333; float: left; width: 25%; text-align: right;}
.mobile_form .input_box{width: 70%; height: 30px; float: left; margin-left: 2%;}
.mobile_form .input_name{width: 95.5%; height: 28px; border: 1px solid #E1E1E1; line-height: 28px; color: #999999; padding: 0 2%; background: #EFF1F2;}
.mobile_form .input_text{width: 95.5%; height: 28px; border: 1px solid #E1E1E1; line-height: 28px; color: #999999; padding: 0 2%;}
.mobile_form select{width: 100%; height: 28px; border: 1px solid #E1E1E1; line-height: 28px; color: #999999; padding-left: 2%;}
.mobile_submit{width: 100%; height: 40px; float: left; text-align: center; padding: 35px 0 15px;}
.mobile_submit .input_deter{width: 100px; height: 40px; border-radius: 5px; background: #3e90d9; border:1px solid #3e90d9; box-shadow: 0px 2px 3px #dedede; color: #FFFFFF; font-size: 15px; margin-right: 30px;}
.mobile_submit .input_reset{width: 100px; height: 40px; border-radius: 5px; background: #e84e40; border:1px solid #e84e40; box-shadow: 0px 2px 3px #dedede; color: #FFFFFF; font-size: 15px; margin-left: 30px;}

/*详情·展示·样式*/

.mobile_detail{width: 100%; float: left; height: 100%;}
.mobile_detail h1{width: 100%; padding: 6% 0; float:left; text-align: center; font-size: 15px;}
.mobile_detail .detail_hint{width: 96%; padding:0 2%;height: 38px; float: left; line-height: 38px; background-color: #eff1f2;}
.mobile_detail .detail_img{width: 100%; padding: 5% 0; float: left; text-align: center;}
.mobile_detail table{margin-bottom: 15px;}
.mobile_detail table td{width: 25%; height: 30px; line-height: 30px; text-align: center;}
.mobile_detail .detail_trbg{background-color: #eff1f2;}
.mobile_detail .detail_intro{width: 96%; float: left; padding: 15px 2%; line-height: 25px;}

/*详情·视频·样式*/
.voide_icon{background: url(../images/tv.png) left no-repeat;}
.mobile_music{width: 100%; float: left; margin-top:10px;}

/*分页·样式*/
.pages{width: 100%; height: 30px; float: left; margin-top: 25px; text-align:center;}
.pages a{display: inline-block; border: 1px solid #e1e1e1; color: #999999; padding: 5px 10px; border-radius: 2px; cursor: pointer; margin: 0px 3px;}
.pages .active{background: #3e90d9; color: #ffffff; border: 1px solid #3e90d9;}

/*底部·样式*/
.mobile_footer{width: 100%; float: left; padding: 5% 0; text-align: center; line-height: 25px; background-color: #000000; margin-top: 15px; color: #FFFFFF;}

/*底部·菜单·样式*/
.mobile_menu{display: block; position: fixed; bottom: 0; width: 100%; height: 50px; color: #474747; padding: 10px 0; border-top: 1px solid #eee; background-color: #fff;}
.mobile_menu .menu_sub{width: 33%; float: left; cursor: pointer; text-align: center;}
.mobile_menu .menu_name {width: 100%; height: 25px;line-height: 25px;}

.login-tips{ display:block; margin:15px auto 0 auto; height:14px; }
.login-tips i{ display:inline-block; margin-right:5px; width:14px; height:14px; background:url(../images/skin_icons.png) -56px -140px no-repeat; text-indent:-9999px; vertical-align:middle; }
.login-tips b{
             display:inline-block;height:14px; line-height:14px; 
              font-size:12px; font-weight:normal; color:red; 
              vertical-align:middle; }

/*尺寸适配·样式*/
@media only screen and (max-width: 600px) {
    .wap_login .login_logo img{width: 78%;}
     .mobile_header .header_logo img{width: 80%;}
     .mobile_header{height: 28px;}
     .mdui-btn{height: 28px; line-height: 28px;}
}

@media only screen and (min-width: 600px) {
    .wap_login .login_logo img{width: 78%;}
    
    .mobile_bg .mobile_box .mobile_member .member_user{font-size: 18px; padding-top: 10%;}
    .mobile_bg .mobile_box .mobile_member .member_grade{font-size: 14px;}
    .mobile_bg .mobile_box .mobile_member .member_opera{padding-top: 6.2%;}
    .mobile_header .header_logo img{width: 80%;}
}

@media only screen and (min-width: 768px) {
    .wap_login .login_logo img{width: 83%;}
    .wap_login .login_form .login_text .label_user{padding: 0 0.5%;}
    .wap_login .login_form .login_text .label_pass{padding: 0 0.5%;}
    .wap_login .login_form .login_text .label_text{width: 85%;}
    
    .mobile_bg .mobile_box .mobile_member .member_user{font-size: 18px; padding-top: 10%;}
    .mobile_bg .mobile_box .mobile_member .member_grade{font-size: 14px;}
    .mobile_bg .mobile_box .mobile_member .member_opera{padding-top: 6.2%;}
    
    .mobile_header .header_logo img{width:70%;}
} 

@media only screen and (min-width: 992px) {
    .wap_login .login_logo img{width: 83%;}
    .wap_login .login_form .login_text .label_user{padding: 0 0.5%;}
    .wap_login .login_form .login_text .label_pass{padding: 0 0.5%;}
    .wap_login .login_form .login_text .label_text{width: 85%;}
    
    .mobile_bg .mobile_box .mobile_member .member_user{font-size: 18px; padding-top: 10%;}
    .mobile_bg .mobile_box .mobile_member .member_grade{font-size: 14px;}
    .mobile_bg .mobile_box .mobile_member .member_opera{padding-top: 6.2%;}
    .mobile_header .header_logo img{width:32%;}
} 

@media only screen and (min-width: 1200px) {
    .wap_login .login_logo img{width: 83%;}
    .wap_login .login_form .login_text .label_user{padding: 0 0.5%;}
    .wap_login .login_form .login_text .label_pass{padding: 0 0.5%;}
    .wap_login .login_form .login_text .label_text{width: 85%;}
    .mobile_bg .mobile_box .mobile_member .member_user{font-size: 18px; padding-top: 10%;}
    .mobile_bg .mobile_box .mobile_member .member_grade{font-size: 14px;}
    .mobile_bg .mobile_box .mobile_member .member_opera{padding-top: 6.2%;}
    .mobile_header .header_logo img{width:28%;}
}