@charset "utf-8";
/* CSS 定制的公共样式 */
html,body{font-family:"Lantinghei SC", "Microsoft yahei";font-size:14px; line-height:24px;color:#666;  overflow-x:hidden;}
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, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,input{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
a{color:#333; text-decoration:none;outline:none} /* for firefox */
a:hover{color:#23b8ff;}
ul,dl,li{list-style-type:none;}li{vertical-align:top;}
.clear{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
img{ border:none;}
input,textarea,select{font-family:"Microsoft yahei"; font-size:14px;color:#666; border:none; outline: medium none;}
input:focus{ }
.img_bfb img{ width:100%;}
/* CSS 活动的公共样式 */
.left{ float:left;}.right{ float:right;}.display_bk{ display:block;}.display_in_bk{ display:inline-block;}.display_no{ display:none;}.overflow{ overflow:hidden;}.text_center{ text-align:center;}.text_right{ text-align:right;}.text_left{ text-align:left;}
.web_widht{ width:1200px; margin:0 auto;}/* 网页的内容宽 */
.relative{ position:relative;}.absolute{ position:absolute;}.fixed{ position:fixed;}.pointer{cursor: pointer}

/* CSS 边距 */
.mt_10{ margin-top:10px;}.mt_15{ margin-top:15px;}.mt_20{ margin-top:20px;}.mt_25{ margin-top:25px;}.mt_30{ margin-top:30px;}.mt_35{ margin-top:35px;}.mt_40{ margin-top:40px;}.mt_50{ margin-top:50px;}
.ml_10{ margin-left:10px;}.ml_15{ margin-left:15px;}.ml_20{ margin-left:20px;}.ml_25{ margin-left:25px;}.ml_30{ margin-left:30px;}.ml_35{ margin-left:35px;}.ml_40{ margin-left:40px;}.ml_50{ margin-left:50px;}
.mr_10{ margin-right:10px;}.mr_15{ margin-right:15px;}.mr_20{ margin-right:20px;}.mr_25{ margin-right:25px;}.mr_30{ margin-right:30px;}.mr_35{ margin-right:35px;}.mr_40{ margin-right:40px;}.mr_50{ margin-right:50px;}
.mb_10{ margin-bottom:10px;}.mb_15{ margin-bottom:15px;}.mb_20{ margin-bottom:20px;}.mb_25{ margin-bottom:25px;}.mb_30{ margin-bottom:30px;}.mb_35{ margin-bottom:35px;}.mb_40{ margin-bottom:40px;}.mb_50{ margin-bottom:50px;}
.m_auto{ margin:0 auto;}
.pt_10{ padding-top:10px;}.pt_15{ padding-top:15px;}.pt_20{ padding-top:20px;}.pt_25{ padding-top:25px;}.pt_30{ padding-top:30px;}.pt_35{ padding-top:35px;}.pt_40{ padding-top:40px;}.pt_45{ padding-top:45px;}.pt_50{ padding-top:50px;}
.pb_10{ padding-bottom:10px;}.pb_15{ padding-bottom:15px;}.pb_20{ padding-bottom:20px;}.pb_25{ padding-bottom:25px;}.pb_30{ padding-bottom:30px;}.pb_35{ padding-bottom:35px;}.pb_40{ padding-bottom:40px;}.pb_45{ padding-bottom:45px;}.pb_50{ padding-bottom:50px;}
.pl_10{ padding-left:10px;}.pl_15{ padding-left:15px;}.pl_20{ padding-left:20px;}.pl_25{ padding-left:25px;}.pl_30{ padding-left:30px;}.pl_35{ padding-left:35px;}.pl_40{ padding-left:40px;}.pl_45{ padding-left:45px;}.pl_50{ padding-left:50px;}
.pr_10{ padding-right:10px;}.pr_15{ padding-right:15px;}.pr_20{ padding-right:20px;}.pr_25{ padding-right:25px;}.pr_30{ padding-right:30px;}.pr_35{ padding-right:35px;}.pr_40{ padding-right:40px;}.pr_45{ padding-right:45px;}.pr_50{ padding-right:50px;}
.p_10{ padding:10px;}.p_20{ padding:20px;}.p_30{ padding:30px;}.p_40{ padding:40px;}.p_50{ padding:50px;}.p_60{ padding:60px;}.p_70{ padding:70px;}.p_80{ padding:80px;}
/* 字体 */
.tahoma{font-family:"Tahoma"; }
.arial{font-family:"Arial, Helvetica, sans-serif";}
.verdana{font-family:Verdana, Geneva, sans-serif;}
.yahei{font-family:"Microsoft yahei";}
.fzlth{font-family:"Lantinghei SC";}
.bold{font-weight:bold;}
.upper{text-transform:uppercase;}
/* 字体大小 */
.font10{ font-size:10px;}.font11{ font-size:11px;}.font12{ font-size:12px;}.font13{ font-size:13px;}.font14{ font-size:14px;}.font15{ font-size:15px;}.font16{ font-size:16px;}.font18{ font-size:18px;}.font20{ font-size:20px;}.font21{ font-size:21px;}.font22{ font-size:22px;}.font24{ font-size:24px;}.font26{ font-size:26px; line-height:26px;}.font28{ font-size:28px; line-height:26px;}.font30{ font-size:30px; line-height:30px;}.font32{ font-size:32px; line-height:32px;}.font34{ font-size:34px; line-height:34px;}.font36{ font-size:36px; line-height:36px;}

/* 字体颜色 */
.color_0{ color:#000;}.color_3{ color:#333;}.color_6{ color:#666;}.color_9{ color:#999;}.color_c{ color:#CCC;}
.color_f,.color_f a,.color_f:hover{ color:#fff;}
.col_red{color:#F00;}
.col_blue,.col_blue a{ color:#23b8ff;}
.col_blue a:hover{color:#000;}
.col_orange,.col_orange a{ color:#ffb800;}
.col_green,.col_green a{color: #008000;}
/* 行高 */
.lh_16{ line-height:16px;}.lh_18{ line-height:18px;}.lh_20{ line-height:20px;}.lh_21{ line-height:21px;}.lh_24{ line-height:24px;}.lh_25{ line-height:25px;}.lh_30{ line-height:30px;}.lh_40{ line-height:40px;}.lh_50{ line-height:50px;}
/* 边框线 */
.bord_top{border-top:1px solid #f2f2f2;}
.bord_bot{border-bottom:1px solid #f2f2f2;}
.bord_bol{border-left:1px solid #f2f2f2;}
.bord_bor{border-right:1px solid #f2f2f2;}
.bord_no{ border-bottom:none;}
/* 页面背景图片与颜色 */
.i{display:block; overflow:hidden; position:absolute; left:0; top:50%;}
.back_white{ background:#fff;}
.gray_bj{ background:#fafafa;}
.blue_bj{background:#57bbe4;}
/*效果 */
.alpha1{filter: Alpha(Opacity=10);opacity: 0.1;}
.alpha2{filter: Alpha(Opacity=20);opacity: 0.2;}
.alpha3{filter: Alpha(Opacity=30);opacity: 0.3;}
.alpha4{filter: Alpha(Opacity=40);opacity: 0.4;}
.alpha5{filter: Alpha(Opacity=50);opacity: 0.5;}
.alpha6{filter: Alpha(Opacity=60);opacity: 0.6;}
.alpha6,a:hover img{filter: Alpha(Opacity=70);opacity: 0.7;}
.radius_3{border-radius:3px;}.radius_5{border-radius:5px;}.radius_10{border-radius:10px;}
.radius_bf5{border-radius:50%;}
.fil_box{box-shadow: 0px 0px 20px 0px #e6e6e6;}
.user_card:hover{box-shadow: 0px 0px 20px 0px #ccc;}
.expstu_box{box-shadow: 0px 0px 20px 0px #d9d9d9;}
.i,img,textarea,a
,.user_card,.photo_a_nul span:after,.but_a a:after,.but_a i,.but_a,.sel_com i,.but_line a:after,.layui-input
{transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; }
/*弹性盒子*/
.flex{display:flex;}
.flex_center{display:flex;justify-content:center;align-items:center;}/*水平垂直居中 */
.justify_content{display:flex;justify-content:center;}/*水平居中 */
.align_content{display:flex;align-items:center;}/*垂直居中 */
.justify_between{display:flex;justify-content:space-between;}/*两端对齐 */
.flex_wrap{display:flex;flex-wrap:wrap;}/*自动换行 */
.flex_1{flex:1;}.flex_2{flex:2;}

/*按钮表单*/
.btn{display:inline-block;box-sizing: border-box;line-height:40px;height:40px;padding:0 25px;background-color:#263d80;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:3px;cursor:pointer;vertical-align:middle;overflow: hidden;position: relative;}
.btn_primary{border:1px solid #263d80;background:none;color:#263d80;box-sizing: border-box;vertical-align: middle;}
.btn:hover{opacity:.7;}
.btn:active{opacity:1;}
.btn_fluid{width: 100%;}
.btn_sm{line-height:30px;height:30px;padding:0 15px;font-size: 12px;}
.btn_xs{line-height:20px;height:20px;padding:0 7px;font-size: 12px;min-width:20px;}
.btn_lg{line-height: 50px;height: 50px;padding:0 40px;font-size: 16px;}
.btn_disabled{cursor:not-allowed;background: #e6e6e6;color: #666;}
.btn_primary.btn_disabled{background:none;border-color: #ccc;color: #999;}
.btn_red{background: #cc0000;}
.btn_primary.btn_red{background:none;border-color: #cc0000;color: #cc0000;}
.btn_orange{background: #ff9600;}
.btn_primary.btn_orange{background:none;border-color: #ff9600;color: #ff9600;}
.btn_gray{background: #ddd;color: #333;}
.btn_primary.btn_gray{background:none;border-color: #ddd;color: #333;}
.btn_radius{border-radius: 100px;}
.btn_con .btn{margin-left:20px;}
.btn_con .btn:first-child{margin-left: 0;}

.form_item{margin-bottom:20px;line-height: 40px;}
.form_label{text-align:right;width:90px; display:inline-block;padding-right: 10px;}
.f_in_bk{flex:1;}
.input{width: 100%;border: 1px solid #ddd;line-height: 40px;height: 40px;box-sizing: border-box;border-radius: 5px;padding: 0 10px;font-size: 14px;}
.input:focus{border-color: #263d80;}
.input_disabled{background: none;color: #999;}
.select_a{overflow: hidden;position: relative;}
.select_a select{width:calc(100% + 30px);color: #333;background: none;}
.select_a i{position:absolute;right:10px; top: 0;color: #999;font-size: 12px;}
.radio{display: inline-block;position: relative;line-height: 18px;margin-right: 10px;cursor: pointer;}
.radio input{display: none;}
.radio .radio-bg{display: inline-block;height: 18px;width: 18px;margin-right: 5px;padding: 0;background: none;border: 1px solid #ddd;border-radius: 100%;vertical-align: top;cursor: pointer;}
.radio .radio-on{display: none;}
.radio input:checked + span.radio-on{width: 10px;height: 10px;position: absolute;border-radius: 100%;background: #263d80;top:5px;left:5px;display: inline-block;}
.che_rad{line-height: 18px;display: flex;flex-wrap: wrap;}
.che_rad label{cursor:pointer;line-height: 18px;display: flex;align-items: center;margin-right:30px;}
.che_rad label:last-child{margin-right: 0;}
.che_rad label i{font-size:0;font-style:normal;display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;margin-right:8px; color:#fff;vertical-align:middle;border:#263d80 1px solid;}
.che_rad input[type="checkbox"],.che_rad input[type="radio"] {display:none;}
.che_rad input[type="radio"] + i{border-radius:50%;}
.che_rad input[type="checkbox"]:checked + i,.che_rad input[type="radio"]:checked + i {background:#263d80;font-size:12px;}
.che_rad input[type="checkbox"]:disabled + i,.che_rad input[type="radio"]:disabled + i {border-color:#ccc;}
.che_rad input[type="checkbox"]:checked:disabled + i,.che_rad input[type="radio"]:checked:disabled + i {background:#ccc;}
/* 共用 */
body::-webkit-scrollbar {width:8px; height:2px; background:#f2f2f2; border-radius:10px;}
body::-webkit-scrollbar-thumb{ display:block; width:8px; margin:0 auto; border-radius: 10px; background:#000;}
.layui-layout-admin .layui-logo{height: 90px;overflow:hidden; border-bottom: 1px solid #313131; line-height:24px; text-align: left;color: #fff;font-size: 16px;}
.d-table{display:table;}
.logo_m,.d-table-n{vertical-align:middle;display:table-cell;width: 100%;}
.layui-logo .d-table{height: 90px;width:190px;}
.logo_m img{width: 50px;margin-right: 10px;}
.layadmin-side-shrink .layui-layout-admin .layui-logo{background-image: none;}
.logo_m span{opacity: 1;visibility: visible;}
.layadmin-side-shrink .layui-layout-admin .layui-logo span{visibility:hidden;opacity: 0;}
.layadmin-side-shrink .layui-layout-admin .layui-logo img{width: 30px;}
.layui-side-menu .layui-nav{margin-top: 90px;}
.layui-side-menu .ico_danwei{font-size: 12px;}
.fil_box{background: #fff;padding-bottom: 5px;}
.fil_box .layui-form-item .layui-inline{margin-right: 0;margin-bottom: 10px;}
.fil_box_inpt100 .layui-form-item .layui-input-inline{width: 100px;}
.fil_box .layui-form-label{font-size: 12px;width:60px; padding: 9px 10px 9px 0;}
.fil_box .layui-form-item{margin-bottom: 0;}

.sta_cs span{font-size: 12px;color: #CCC;padding: 0 10px;}
.sta_cs a{color: #999;}
.no_data{padding:10%;}
.no_data .ico_bukaixin{font-size:90px;}
.layui-btn .font14{font-size: 14px;}

.site_inf ul{height:232px;}
.fast_card .ico,.fast_card .layui-icon{color: #e0e0e0;font-size:50px;margin-right: 10px;}
.fast_card .layuiadmin-card-list{padding:30px 15px;}
.fast_card .layui-btn{right: 20px;}
.fast_card .layui-btn:hover{color: #23b8ff;}
.tab_a .layui-tab-title{background: #f2f2f2;border-bottom: none;}
.tab_a.layui-card .layui-tab-brief .layui-tab-title li {margin:0; padding: 0 25px;}
.tab_a.layui-card .layui-tab-brief .layui-tab-title li.layui-this{background: #fff;}
.tab_a .layui-tab-brief>.layui-tab-more li.layui-this:after, .tab_a .layui-tab-brief>.layui-tab-title .layui-this:after{border-top: 2px solid #23b8ff; border-bottom: none;}
.layui-form-label{font-size: 12px;}
.layui-field-title{margin: 0;}
.layui-elem-field legend{font-size: 18px;color:#23b8ff;}
.layui-disabled2{background: #F2F2F2;}
.s_line{padding: 0 10px;}
.layui-upload-bfb .layui-upload-drag{padding:10% 0;width: 100%;}
.w_70{width:70px;}.w_80{width:80px;}.w_90{width:90px;}.w_100{width:100px;}.w_190{width:190px;}

.line{display: inline-block;font-size: 12px;color: #ccc;padding: 0 5px;}
.layui-table-sm .layui-table[lay-size=sm] td,.layui-table-sm .layui-table[lay-size=sm] th{padding: 10px;}
.btn_ar{right: 0;top: 0;}
.yzm_h36 img{height: 36px;}
.yzm_h36{top: 1px;right: 1px;}
.photo_2round{ width:150px;height:150px;border-radius: 50%;}
.photo_h80{ height:80px; width: auto;max-width: 100%; }
.layui-table img{max-width: 100%;}

/* 学员信息管理 */
.user_card{padding: 20px;min-height: 180px;}
.user_card dl{position: relative;}
.user_card dt img{width: 130px;height: 180px;}
.user_card dt{position: absolute;left: 0;top: 0;background: #000;}
.user_card dd{padding-left:150px;}
.user_card dd h1{font-size: 18px;color: #333;margin-bottom: 15px;}
.user_card dd h1:after{content: " ";display: block;width: 30px;height: 2px;background: #e5e5e5;margin-top: 15px;}
.user_card .layui-btn-sm{right: -20px;top: 0;visibility:hidden;opacity: 0;transition: all 0.3s linear 0.2s;}
.user_card .layui-btn-xs{transform: translateX(20px); visibility:hidden;opacity: 0;}
.user_card:hover .layui-btn-sm{right: 0;top: 0;opacity: 1;visibility: visible;}
.user_card:hover .layui-btn-xs{transform: translateX(0);opacity: 1;visibility: visible;}
.layui-btn-primary:hover{color: #23b8ff;}
.user_card:hover{transform: translateY(-5px);}
.photo_144{width: 144px;height: 200px;}
.layui-table_a{min-height: 600px;}

.layui-table_a .layui-table[lay-size=lg] td, .layui-table_a .layui-table[lay-size=lg] th{padding: 15px 0 15px 15px;border-bottom: none;}
.layui-table_a .layui-table[lay-size=lg] td{padding: 15px 5px 0px 5px;}
.layui-table_xno .layui-table[lay-size=lg] td,.layui-table_xno  .layui-table[lay-size=lg] th{padding: 15px;}
.layui-table_a .layui-table tr:hover{background: none;}
.layui-table_a .layui-table tr:hover th{background: #f2f2f2;}
.layui-table_a .layui-table tbody tr:last-child td{padding-bottom: 15px;}
.layui-table_lg .layui-table[lay-size=lg] td, .layui-table_lg .layui-table[lay-size=lg] th{padding:15px 10px;}
/*
.layui-table_lg .layui-table tbody tr td:first-child,.layui-table_a .layui-table tbody tr td:first-child{text-align: center;}
 */
.max_img_bfb img{max-width: 100%;}

.step_tip li{position: relative;height: 100px;}
.step_tip li:after{content: " ";position: absolute;width: 100%;height: 1px;background: #f2f2f2;top: 50%;left: 0;}

.step_tip li span{display:inline-block;border: 1px solid #F2F2F2;background: #fff;width:24px;height: 24px;line-height: 24px;border-radius: 50%;font-weight: bold; position: absolute;top: 50%;margin-top: -13px;left: 50%;margin-left: -13px; z-index: 1;}
.expstu_box .layui-upload-drag{padding: 30px 0; width: 100%;}

.layui-table_xno .layui-table td,.layui-table_xno .layui-table th{border: none;}
.layui-table_xno table[lay-even] tr:nth-child(even){background: #f8f8f8;}
.layui-table_xno table tr:hover{background: none;}

.photo_a span{position:absolute;width: 100%;bottom: 0;left: 0;z-index: 1;background-color:rgba(0,0,0,0.5);text-align: center;color: #fff;font-size: 12px;padding: 5px 0;line-height: 16px;}
.photo_a span b { font-weight: normal; }
.photo_a_nul img{border-top: 2px solid #000;border-right: 2px solid #000;}
.photo_a_nul:after{content: " ";position: absolute;width:4px;height:2px;background: #fff;top:0;left: 0;}
.photo_a_nul:before{content: " ";position: absolute;width:2px;height:2px;background: #fff;bottom:0;right: 0px;z-index: 2;}
.photo_a_nul a{display: block;position: absolute;width: 100%;height: 100%;z-index: 3;left: 0;top: 0;}
.photo_a_nul span:after{content: " ";position: absolute;width:100%;height:0px;background: #000;left: 0;bottom: 0;z-index: -1;overflow: hidden;}
.photo_a_nul:hover span:after{height:100%;background: #23b8ff;}

.photo_main{padding-left: 164px;}
.photo_main .photo_a{position: absolute;left: 0;top: 0;}
.photo_list{min-height: 500px;}
.photo_list ul{margin-left: -20px;}
.photo_list li{display: inline-block; width: 180px;margin: 20px  0 0 20px;}
.photo_list li .img{padding-top:130%;background-size: cover;background-position: center center;position: relative;}
.photo_list li .img span{position: absolute;z-index: 2;left: 10px;top: 10px;background-color: rgba(35,184,255,0.7);color: #fff;padding: 0 10px;border-radius: 3px;line-height: 22px;font-size: 12px;}
.photo_list li h5{padding: 5px 0;}
.photo_list li p{font-size: 12px;color: #999;line-height: 20px;}
.photo_list .layui-elem-field{margin-top: 20px;}
.photo_list .layui-elem-field:first-child{margin-top: 0;}

.bas_inf{padding-left: 100px;position: relative;}
.bas_inf .photo_a{position: absolute; left: 0;top: 0;}
.but_a a{padding:4px 0;display: inline-block;position: relative;}
.but_line a{position: relative;}
.but_a a:after,.but_line a:after{content: " ";position: absolute;width:0;height:1px;background: #000;left: 0;bottom: 0;}
.but_a a:hover:after,.but_line a:hover:after{width:100%;background: #23b8ff;}
.but_a a i{margin-right:5px;}
.but_a a:hover i{margin-right:10px;}

.ved_ope tr:hover .but_a{opacity: 1;visibility: visible;transform: translateX(0px);}
.ved_ope .but_a{visibility:hidden;opacity: 0;transform: translateX(20px);}
.sel_com i{position: absolute;top: 1px;right:1px;color: #23b8ff;cursor: pointer;background: #fff;line-height: 36px;padding: 0 10px;}
.sel_com i:hover{background: #f2f2f2;}
.table_a td{padding: 10px;}
.overflow_x{overflow-x: auto;}
.layui-form-item_mb0 .layui-form-item{margin-bottom: 0;}
.layui-laypage{margin: 0;}
.checkbox_wzclo h2 .layui-form-checkbox[lay-skin=primary] span{color: #23b8ff;}

#mydiv{position: fixed;}
.log_box{width:500px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: 0px 0px 40px 0px #059de6;}
.log_box .layui-form{padding: 0 50px 30px 0;}
.layui-tree li a i{display: none;}
.layui_tree_box{border: 1px solid #ddd;height:340px;overflow-x: auto;padding: 10px 0;}
.h_line{width: 20px;height: 2px;overflow: hidden;background: #23b8ff;display:block;}
.reg_box{width:500px; margin:100px auto;padding-bottom: 20px;position: relative;}
.dx_yzm{right: 0;top: 0;position: absolute;}
.layui-table .layui-form-switch{margin-top: 0;}

.layui-tab-brief .layui-tab-title li{font-size: 16px;line-height: 50px;margin-right: 20px;padding: 0;}
.layui-tab-brief .layui-tab-title li a{padding: 0 15px;}
.layui-tab-brief .layui-tab-title .layui-this:after{height: 51px;}
.layui-tab-brief .layui-tab-title{height: 50px;}
.layui-tab-brief>.layui-tab-title .layui-this a{color: #23b8ff;}
.layui-tab-brief>.layui-tab-title .layui-this{font-weight: bold;}
.bord_a{border: 1px solid #f0f0f0;}
.sh_img_li img{width: 120px;height: 120px;}
.sh_img_li li{margin-right:15px;margin-bottom: 10px;}

.gr_info{position: fixed; margin: 0 -20px; width: 260px; padding: 0 20px 20px; background: #fff; }
.gr_info .p1 { display: flex; }
.gr_info span { display: inline-flex; align-items: center; padding-left: 6px; line-height: 16px; word-break: break-all; }
.gr_info .showImg { max-width: 100%; }
.gr_table{min-height:500px; padding-left:280px;}

@media screen and (max-device-width: 768px) {
    .fil_box_inpt100 .layui-form-item .layui-input-inline{width:auto;}
}

.layui-input:disabled{ color: #d2d2d2; }

.layadmin-tabsbody-item { display: block; visibility: hidden; }
.layadmin-tabsbody-item.layui-show { z-index: 2; visibility: visible; }

.tips-txt .layui-icon, .tips-txt .txt { display: inline-block; vertical-align: middle; color: #F59A23 }

.vcode-box { width: 102px; height: 38px }
.vcode-box .vcode-img{ width: 100%; height: 100% }

.passwordConfirmBox { padding: 20px; }
.passwordConfirmBox .p1 { margin-bottom: 6px; }
.passwordConfirmBox .p1 .forSeeKey { word-break: break-all; }
.passwordConfirmBox .p2 { display: flex; }
.passwordConfirmBox .p2 .layui-input { flex: 1; }
.passwordConfirmBox .p2 .vcode-box { margin-left: 12px; width: 134px; }
.passwordConfirmBox .p2 .vcode-box .layui-btn { width: 100%; }
.passwordConfirmBox .p3 { word-break: break-all; }
.passwordConfirmBox .p4 { margin-top: 10px; }
.passwordConfirmBox .btn-box { text-align: right; padding-top: 50px; }

.eyes-box {
    position: relative;
    z-index: 0;
}
.eyes-box input {
    position: relative;
    z-index: 1;
    padding-right: 50px;
}
.eyes-box .ic {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 12px;
    margin-top: -7px;
    width: 25px;
    height: 14px;
    cursor: pointer;
    background: url('../images/icon/icon_eye.png');
    background-size: 100% 100%;
}
.eyes-box .ic.hover {
    width: 23px;
    height: 14px;
    background: url('../images/icon/icon_eye_h.png');
    background-size: 100% 100%;
}

.layui-table-cell { word-break: break-all; }

.common-layer { padding: 12px; }

/** 查看试卷 **/
.examMainContainer {
    width: 100%;
    margin-top: 40px;
}
.examMainContainer .examContainer {
    background-color: #fff;
    padding: 10px 50px;
}
.examMainContainer .examContainer .p1 {
    padding: 10px 0;
}
.examMainContainer .examContainer .p1 .ti {
    margin-right: 32px;
}
.examMainContainer .examContainer .subject {
    padding: 10px;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #c9c9c9;
}
.examMainContainer .examContainer .subjectInfor {
    padding: 10px 0;
    border-bottom: 1px solid #c9c9c9;
}
.examMainContainer .examContainer .subjectInfor p {
    line-height: 28px;
}
.examMainContainer .examContainer .subjectContainer {
    margin-top: 40px;
}
.examMainContainer .examContainer .subjectContainer h1 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 60px;
}
.examMainContainer .examContainer .subjectContainer dl {
    margin-top: 10px;
    font-size: 14px;
}
.examMainContainer .examContainer .subjectContainer dl dt {
    padding: 5px 0;
}
.examMainContainer .examContainer .subjectContainer dl dd {
    padding: 5px 0;
}
.examMainContainer .examContainer .subjectContainer dl dd .input-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.examMainContainer .examContainer .subjectContainer dl dd input {
    display: inline-block;
}
.examMainContainer .examContainer .subjectContainer dl dd.selected .input-box input {
    display: inline-block;
}
.examMainContainer .examineeContainer {
    width: 220px;
    background-color: #fff;
    float: left;
    margin-left: 20px;
}
.examMainContainer .examineeContainer .titCont {
    line-height: 48px;
    height: 48px;
    background-color: #e0e0e0;
    text-indent: 10px;
}
.examMainContainer .examineeContainer .inforCont {
    width: 200px;
    padding: 10px 0;
    margin-left: 10px;
    border-bottom: 1px solid #c9c9c9;
}
.examMainContainer .examineeContainer .inforCont p {
    line-height: 26px;
}
.examMainContainer .examineeContainer .subCont {
    text-align: center;
    margin: 15px 0;
}
.examMainContainer .examineeContainer .subCont input {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #015293;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
}
.examMainContainer .examineeContainer .operatCont {
    display: block;
    padding: 0 10px 0 10px;
    margin-bottom: 15px;
}
.examMainContainer .examineeContainer .tiemCont {
    width: 220px;
    margin-left: 5px;
    border-top: 1px solid #c9c9c9;
    height: 60px;
    line-height: 60px;
    text-align:center;
}
.examMainContainer .examineeContainer .tiemCont span {
    font-size: 18px;
}
.examMainContainer .examineeContainer .cameraCont {
    width: 198px;
    height: 140px;
    margin: 0 auto;
    background-color: #9f9f9f;
    margin-bottom: 10px;
}
/** 查看试卷 **/

.tblue {
    color: #015293;
}
.tgary {
    color: #666;
}
.tred {
    color: #e00000;
}
.tgreend {
    color: #00aa14;
}