@charset "utf-8";
/* !
 * Date: 2017-09-11T08:27Z by luzy
 */
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html, body{ height:100%; font-size:14px; }
body,form,td,li,input,textarea,select,button,label,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-family:"Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; resize:none; }
ol,ul,li{ margin:0px; padding:0px; list-style:none; list-style-position:outside; }
img{ border:0px; }
h1{ font-size:16px; }
h2,h3,h4,h5,h6{ font-size:14px; }
input,select,textarea{ background:url(../images/input_bg.png) repeat-x top #fff; height:34px; line-height:34px; border:1px solid #b2b2b2; border-radius:6px; padding:0 5px; }
select{ color:#000; padding-right:0; height:38px\9; }
input[type="checkbox"],input[type="radio"]{ width:14px; height:14px; border:none; background:none; vertical-align:middle; }
input[readonly]{ background:#eee; color:#999; }
td textarea{ width:98%; height:auto; line-height:24px; margin-left:-5px; }
a{ color:#333; text-decoration:none; }
a:hover{ text-decoration:underline; }
a:focus{ outline:none; }
a img:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
a.c_w{ color:#fff; }
.l{ float:left; }
.r{ float:right; }
.c{ clear:both; }
.non{ background:none; }
label{ margin:0 10px; }
.red{ color:#f00; }
.green{ color:#23940C; }
.gray{ color:#999; }
.blue{ color:#3591f0; }
.tl_l{ text-align:left; }
.w100{ float:left; width:100%; }
.mt15{ margin-top:15px; }
.text_l{ text-align:left; padding-left:10px; }

/* login */
.login_bg{ background:url(../images/login_bg_x.png) repeat-x top #86dbec; }
.login{ min-width:1280px; width:auto; min-height:780px; height:100%; background:url(../images/login_bg.jpg) no-repeat top center; }
.login .main{ float:left; margin:333px 0 0 51%; width:340px; height:360px; }
.login .main .logo{ float:left; width:100%; margin-bottom:10px; }
.login .main .infos{ float:left; width:100%; }
.login .main .infos img{ vertical-align:bottom; margin:0 10px 0 15px; }
.login .main .infos input,.login .main .infos select{ width:245px; }
.login .main .infos li{ float:left; width:100%; margin-top:20px; }
.login .main .infos .psw_l{ float:left; padding:0; margin:0 0 0 55px; }
.login .main .infos .psw_l input{ width:auto; margin:0; }
.login .main .infos .psw_l label{ margin:0; }
.login .main .infos .code_input{ width:100px; margin:0; }
.login .main .infos .code_img{ height:32px; margin:0 0 0 3px; }
.login .main .infos .tips{ float:left; color:#f00; margin-left:60px; }
.login .main .login_btn{ width:315px; height:42px; text-align:center; font-size:18px; color:#fff; border:none; margin-top:20px; background:url(../images/btn_login_bg.png) no-repeat; cursor:pointer; }
.login .main .login_btn:hover{ background-image:url(../images/btn_login_bg_h.png); }
.login .footer{ float:right; margin-top:10px; margin-right:50%; width:520px; color:#222; }
.forget_psw{ float:right; margin:10px 38px 0 0; }
.login .main .btn_btm_links{ float:left; margin:10px 0 0 18px; }
.login .main .app_download_code img{ display:none; }
.login .main .app_download_code:hover img{ display:block; position:absolute; top:420px; width:180px; }
/* forget password */
.col{ width:90%; margin:0 auto; }
.col_ttl{ float:left; width:100%; margin-top:80px; padding:10px 0; text-indent:30px; font-size:18px; border-bottom:1px solid #ddd; background:url(../images/icon_arrow_blue_r.png) no-repeat left center; }
.step{ float:left; width:100%; margin-top:30px; height:36px; line-height:36px; }
.step li{ float:left; width:24.9%; height:36px; line-height:36px; background:#ddd; border-right:1px solid #fff; }
.step li:last-child{ border:none; }
.step li em{ float:left; font-style:normal; width:24px; height:24px; line-height:24px; text-align:center; margin:6px 30px 0 30px; border-radius:12px; color:#fff; background:#aaa; font-weight:bold; }
.step li.ed{ background:#6cb8d6; }
.step li.ed em{ background:#fff; color:#6cb8d6; }
.step li span{ float:left; margin-left:20%; color:#666; font-size:16px; }
.step li.ed span{ color:#fff; }
.step li img{ height:16px; vertical-align:middle; }
.detail_con{ float:right; width:66%; margin:30px 0 0 0; }
.detail_con li{ float:left; width:100%; margin:5px 0; }
.detail_con input{ float:left; width:300px; }
.detail_con .psw_fgt{ border-color:#f00; }
.detail_con .tips{ float:left; margin-top:8px; color:#f00; }
.detail_con .code_input{ width:150px; }
.detail_con .code_img{ float:left; height:38px; vertical-align:middle; margin:0 5px; }
.detail_con .code_txt{ float:left; margin-top:8px; }
.detail_con .btn{ float:left; margin:30px 0 0 0; width:300px; text-align:center; }
.detail_con .btn:hover{ text-decoration:none; }
.detail_con p b{ font-size:16px; }
.detail_con p.txt{ text-indent:32px; margin-bottom:20px; }
.detail_con .time_tips{ float:left; width:auto; background:#fff; margin:0 5px; padding:0 15px; height:34px; line-height:34px; border:1px solid #ccc; cursor:pointer; }
.detail_con .pwdstr{ width:300px; }
.detail_con span{ float:left; margin-top:5px; }
.detail_con .p_pwd_tips{ margin:0 0 0 70px; }

/* index */
.header{ position:fixed; width:100%; min-width:1280px; height:70px; background:url(../images/header_bg_y.png) repeat-y left #3f90ee; border:none; }
.header .logo{ float:left; margin:6px 0 0 10px; }
.header .logo img{ max-height:56px; }
.header .rig{ float:right; font-size:18px; color:#fff; }
.header .rig li{ float:left; line-height:70px; margin-right:20px; }
.header .rig li img{ vertical-align:middle; margin-right:5px; }
.header .rig li a{ color:#fff; }
.header .rig li a:hover,.header .rig li a:hover img{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
.msg{ position:absolute; width:800px; left:280px; top:40px; color:#fff; background:url(../images/header_bg_y.png) repeat-y; border-radius:15px; }
.msg a{ color:#fff; }
.msg .icon,.msg .marquee{ float:left; vertical-align:central; }
.msg .icon{ width:30px; margin-right:5px; }
.msg marquee{ width:750px; margin-top:4px; }
/* left nav */
.lefNav{ position:fixed; width:14%; min-width:180px; margin-top:70px; height:100%; border:none; }
.left_nav{ position:fixed; width:99%; height:100%; overflow-x:hidden; overflow-y:auto;background:#f2f2f2; border-right:1px solid #dfdfdf; }
.left_nav li{ float:left; width:100%; height:60px; line-height:60px; background:url(../images/bg_lef_nav_x.png) repeat-x; border-bottom:1px solid #cdcdcd; color:#555; font-size:16px; text-align:center; }
.left_nav li i{ float:left; width:30px; height:30px; margin:15px 0 0 15px; }
.i01{ background:url(../images/icon_nav_home.png) no-repeat center; }
.i02{ background:url(../images/icon_nav_01.png) no-repeat center; }
.i03{ background:url(../images/icon_nav_02.png) no-repeat center; }
.i04{ background:url(../images/icon_nav_03.png) no-repeat center; }
.i05{ background:url(../images/icon_nav_04.png) no-repeat center; }
.i06{ background:url(../images/icon_nav_05.png) no-repeat center; }
.i07{ background:url(../images/icon_test.png) no-repeat center; }
.i08{ background:url(../images/icon_report.png) no-repeat center; }
.left_nav li a{ display:block; padding-right:15px; background:url(../images/icon_arrow_gray_r.png) no-repeat right center; }
.left_nav li a:hover{ text-decoration:none; font-weight:bold; }
.left_nav li.now{ background-image:url(../images/bg_lef_nav_x_h.png); border-color:#93b0dc; }
.left_nav li.now a{ background-image:url(../images/icon_arrow_white_l.png); color:#fff; font-weight:bold; }
.left_nav li.now .i01{ background-image:url(../images/icon_nav_home_h.png); }
.left_nav li.now .i02{ background-image:url(../images/icon_nav_01_h.png); }
.left_nav li.now .i03{ background-image:url(../images/icon_nav_02_h.png); }
.left_nav li.now .i04{ background-image:url(../images/icon_nav_03_h.png); }
.left_nav li.now .i05{ background-image:url(../images/icon_nav_04_h.png); }
.left_nav li.now .i06{ background-image:url(../images/icon_nav_05_h.png); }
.left_nav li.now .i07{ background-image:url(../images/icon_test_h.png); }
.left_nav li.now .i08{ background-image:url(../images/icon_report_h.png); }
/* mainContent */
.min_body{ min-width:1280px; }
.main_container{ float:right; width:86%; margin:70px 0 0 0; color:#555; font-size:14px; height:auto; min-height:90%; border:none; padding-bottom:15px; }
.position{ float:left; margin:10px 0 0 10px; color:#888; clear:both; }
.position span{ color:#999; }
.main_box{ clear:both; width:96%; margin:0 auto; padding-top:15px; }
.main_box .ttl{ float:left; font-size:24px; color:#000; width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:10px; }
.main_box .ttl span{ float:left; }
.main_box .ttl a.btn_back{ float:right; font-size:14px; padding:5px 30px; background:#eee; border-radius:20px; color:#555; }
.main_box .ttl a.btn_back:hover{ text-decoration:none; color:#000; background:#ddd; }
.main_box .ttl a.print{ float:right; font-size:14px; padding:5px 30px; margin-right:10px; background:#88CAF9; border-radius:20px; color:#fff; }
.main_box .ttl a.print:hover{ text-decoration:none; background:#53AAFC; }
.main_box .ttl a.add{ float:right; font-size:14px; padding:5px 30px;/* background:#70c5ee;*/ border:2px solid #ddd; border-radius:20px; color:#000; cursor:pointer; }
.main_box .ttl a.add:hover{ text-decoration:none; border-color:#ccc; }
.main_box .content{ float:left; width:100%; margin-top:10px; font-size:16px; }
.main_box .content ul{ float:left; width:100%; padding:10px 0; margin:10px 0; background:#eee; border-radius:90px; }
.main_box .content ul li{ float:left; width:100%; margin:5px 0; line-height:30px; }
.main_box .content .t_ttl{ display:block; width:85%; margin:0 auto; padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:10px; }
.main_box .content .l_name{ float:left; width:38%; text-align:right; }
.main_box .content .r_con{ float:left; width:62%; }
/* password */
.r_con .con_one{ width:40%; }
.p_pwd_tips{ margin-left:38%; margin-top:3px; color:#f00; font-size:14px; }
.pwdstr{ float:left; width:40%; margin-top:5px; height:20px; border:1px solid #ccc; background:#ddd; }
.pwdstr .bg{ height:18px; }
.btns{ display:block; width:80%; margin:0 auto; text-align:center; margin-top:20px; }
.font_sm{ font-size:12px; color:#999; }

.control{ float:left; margin:15px 0 0 0; }
.sea{ float:left; margin:20px 10px 0 10px; }
.sea .sea_input{ float:left; width:320px; height:30px; line-height:30px; border-radius:6px 0 0 6px; }
.sea .sea_btn{ float:left; height:30px; height:32px\9; color:#fff; padding:0 10px; border-radius:0 6px 6px 0; border:none; background:#3b79b7; cursor:pointer; }
.sea .sea_btn:hover{ background:#2b6daf; }
.sea .sea_btn img, .add_btn img{ margin-right:5px; vertical-align:middle; }
.filter{ float:left; margin:25px 0 0 10px; background:url(../images/icon_arrow_gray_r2.png) no-repeat right center; padding-right:12px; }
.open{ background-image:url(../images/icon_arrow_gray_l2.png); }
.filter:hover{ text-decoration:none; color:#000; }
.pop_box{ display:none; position:absolute; z-index:10; margin:-50px 0 0 490px; margin-left:0\9; width:600px; padding:20px; background:url(../images/pop_bg.png) repeat; border:1px solid #bfbfbf; border-radius:10px; box-shadow:1px 1px 5px #aaa; }
.pop_box .ttl{ font-size:16px; color:#555; border-bottom-color:#dedede; }
.pop_box .ttl .close{ float:right; color:#999; padding:5px; margin:-2px -5px -5px; font:bold 14px/14px simsun; text-shadow:0 1px 0 #ddd; }
.pop_box .ttl .close:hover{ color:#444; text-decoration:none; }
.pop_box .con{ width:100%; margin-top:0; padding:10px 0; background:#fff; max-height:355px; overflow-y:auto; }
.pop_box .con table{ border:none; }
.pop_box .con td{ border:none; }
.td_sls select{ margin:3px 0; }
.td_sls2{ text-align:left; }
.td_sls2 select{ width:32%; margin:5px 0; }
.td_sls3 input{ width:45%; }
.popover_mask{ z-index:9998; position:fixed; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); display:none; }
.popover{ z-index:9999; position:fixed; top:20%; margin-left:25%; }
td b{ color:#ff0000; }
.p0{ padding:0; }
.add_row{ width:96%; display:block; margin-left:2%; border-radius:10px; background:#ddd; text-align:center; padding:5px 0; font-size:20px; font-weight:bold; color:#000; cursor:pointer; }
.add_row:hover{ text-decoration:none; }
.pop_box .btns{ width:100%;  }

.img_box{ top:5%; left:45%; width:90%; height:90%; margin:0 0 0 -40%; }
.img_box .con{ float:left; padding:0; max-height:90%; height:90%; }
.img_box .con table{ float:left; width:100%; height:100%; }
.img_box .con table,.img_box .con table tr,.img_box .con table td{ height:100%; margin:0; padding:0; }
.img_box .con table td{ background:#ccc }
.img_box .con table td:last-child{ background:#fff; }
.img_box .con td.op{ border-left:1px solid #ddd; width:159px; }
.img_box .con td.op img{ height:24px; }
.img_box .con td img,.img_box .con td video{ max-height:650px; max-width:1000px; margin:0; }
.img_box .con td video{ min-height:400px; }
.pic_name{ position:absolute; margin:20px 0 0 0; width:100%; text-align:center; color:#fff; font-size:12px; text-shadow:0 1px 0 #222; }

.blue_btn{ background:#306ab0; color:#fff; padding:10px 30px; border-radius:20px; border:none; cursor:pointer; margin:0 5px; }
.blue_btn img{ vertical-align:middle; margin-right:10px; }
.blue_btn:hover{ background:#275fab; }
.bg_gray{ background:#aaa; }
.bg_gray:hover{ background:#a0a0a0; }
.bg_red{ background:#f00; }
.bg_red:hover{ background:#D5090D; }

/* list sea bar */
.filter_bar{ border:none; background:#f2f2f2; }
.filter_bar td{ padding:10px 2px; border:none; }
td input, td select{ width:98%; }
.filter_bar input{ vertical-align:middle; margin-right:3px; }
/* table top tools */
.tb_tool{ width:98.99%; margin:0 auto; border:1px solid #dfdfdf; margin-top:15px; border-bottom:none; background:url(../images/th_bg.png) repeat-x bottom; }
.tb_tool li{ float:left; padding:10px 5px; }
.tb_tool > li:first-child{ padding-left:10px; }
.tb_tool a{ float:left; padding:5px 8px 7px 8px; border:1px solid #ccc; border-radius:10px; background:#fff; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; }
.tb_tool a:hover{ text-decoration:none; background:#eee; }
.tb_tool img{ height:18px; vertical-align:middle; }
.tb_tool .p_line{ float:left; color:#999; margin-top:5px; }

/* table list */
table{ border:1px solid #dfdfdf; border-collapse:collapse; text-align:center; width:99%; margin:0 auto; clear:both; color:#333; }
.tb_sml{ margin-top:0; width:100%; }
td{ padding:8px 2px; border-bottom:1px solid #dfdfdf; border-right:1px solid #e0e8f8; }  
th{ font-weight:bold; height:38px; padding:4px; background:url(../images/th_bg.png) repeat-x bottom; border:1px solid #dfdfdf; border-left:none; border-top:none; }
table td.name{ background:#eee; font-weight:bold; }
table .operate{ border-right-color:#dfdfdf; } 
tr.odd{ background:#eee; }  
tr.highlight{ background:#dfeaf2; }  
tr.selected{ background:#cbeafc; }
table .operate img{ height:24px; margin:5px 3px; vertical-align:middle; }
table .operate .invalid img{ filter:alpha(opacity=20); -moz-opacity:0.25; opacity:0.25; }
table .operate .s_num img{ cursor:pointer; }
table .operate .s_num em{ position:absolute; display:none; font-style:normal; margin-top:-60px; color:#55bdee; }
table .operate .s_num:hover em{ display:block; background:#fff; padding:10px; cursor:default; }
.user_info a:hover, table .operate a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
.icon_state_on, .icon_state_off{ background:#32b06b; color:#fff; padding:2px 8px; border-radius:3px; }
.icon_state_off{ background:#b2b2b2; }
.td_icon{ width:10px; vertical-align:middle; }
table a{ color:#2579c8; }
a:hover .td_icon{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
.s_area select{ width:29%; }
.btn_yellow{ background:#f39800; padding:3px 10px; border-radius:12px; color:#fff; font-weight:bold; }
.btn_yellow:hover{ text-decoration:none; }

/* page */
.page{ width:96%; margin:0 auto; text-align:center; padding-top:15px; margin-bottom:15px; }
.page b{ color:#f00; font-weight:normal; }
.page i{ font-style:normal; }
.page a{ padding:3px 7px; padding-right:3px\9; border:1px solid #ddd; border-collapse:separate; *border-collapse:collapse; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#ddd; margin-right:3px; }
.page a:hover{ text-decoration:none; background:#ccc; }
.page a.now{ background:#555; color:#fff; }
.page input{ width:30px; padding:0 3px; height:24px; line-height:24px; margin-top:-5px; border:1px solid #ccc; background:url(../images/input_bg.png) repeat-x top; }
.page input:hover{ border-color:#aaa; }
.p_f_ico,.p_pre_ico,.p_l_ico,.p_next_ico{ background:url(../images/page_icons.png) 0 0; background-size:40px 40px; width:20px; height:20px; overflow:hidden; vertical-align:middle; }
.p_f_ico{ background-position:0 0; }
.p_pre_ico{ background-position:-20px 0; }
.p_l_ico{ background-position:0 -20px; }
.p_next_ico{ background-position:-20px -20px; }

/* User add page */
.tb_add .name{ width:15%; }
.tb_add .con{ width:35%; }
.tb_add td input, .tb_add td select{ width:93%; float:left; }
.tb_add b{ float:right; color:#f00; padding:5px 10px 0 0; }
.ck_list label{ float:left; width:19%; vertical-align:middle; }
.ck_list label input{ margin:5px 5px 0 0; }
.ck_list td{ padding-left:100px; text-align:left; }
.ck_list .name{ padding-left:65px; text-align:left; }

.btm_btn{ float:left; width:100%; margin:20px 0; }
.btm_btn li{ float:left; width:49%; text-align:left; padding-left:10px; }
.btm_btn li:first-child{ text-align:right; padding-right:10px; }

/* Personnel add page */
.info_box{ width:93%; float:left; text-align:left; border:1px solid #ddd; background:#eee; border-radius:3px; height:26px; padding-top:2px; padding-left:4px; }

/* detail page */
.tab{ float:left; width:100%; background:url(../images/tab_bg_x.png) repeat-x bottom #fff; margin-top:20px; zoom:1; }
.tab li{ float:left; padding:8px 20px; margin-top:2px; border:1px solid #ccc; border-left:none; border-bottom:none; cursor:pointer; color:#555; }
.tab li:hover{ background:#eee; text-decoration:none; }
.tab li img{ vertical-align:middle; margin-right:5px; }
.tab > li:first-child{ margin-left:10px; border-left:1px solid #ccc; }
.tab li.on{ border-top:2px solid #6ac0ee; margin-top:0; padding:9px 20px; background:#fff; color:#000;  }
.tab_con{ float:left; width:100%; margin-top:20px; }
.tab_con .tab_con_d{ float:left; width:100%; display:none; }
.tab_con td{ padding:10px 0; }
.tab_con table{ width:100%; }
.tab_con table td{ border:1px solid #dfdfdf; height:auto; }
.tab_con table .op b{ color:#333; }
.tab img{ width:26px; height:26px; }
.tab_con .tab_con_d .sea_bar{ float:left; width:100%; margin-top:0; margin-bottom:10px; }
.tab_con .tab_con_d .sea_bar table,.tab_con .tab_con_d .sea_bar td{ border-color:#eee; border:none; padding:0 0 10px 0; }
.tab_con table.tj td{ padding:15px 0; }

.tab_con_d .tb_tool{ margin-top:0; width:99.98%; }
.tab_con .sub_ttl{ float:left; width:80%; margin:10px; font-weight:bold; }

/* Exploration point */
#expl{ float:left; width:100%; height:600px; }
.expl_info{ position:absolute; }
.expl_close{ position:absolute; padding:5px 15px; background:#D5F4FB; border:1px solid #eee; border-left:none; z-index:100; margin:-15px 0 0 -1px; cursor:pointer; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; }
.expl_close span img{ vertical-align:middle; margin:-2px 5px 0 0; }
/* Exploration Left cate */
.cate{ float:left; width:170px; max-height:450px; overflow:auto; margin:0; color:#555; background:url(../images/pop_bg.png) repeat; padding:10px 0 10px 10px; box-shadow:1px 1px 5px #aaa; }
.cate ul{ background:url(../images/cate_border_bg.png) repeat-y left; }
.cate ul li i{ background:#9be355; color:#fff; width:20px; line-height:16px; font-size:10px; font-weight:bold; margin:0 5px 0 0; vertical-align:middle; font-style:normal; height:auto; padding:0 6px; text-align:center; border-radius:10px; }
.cate .cate_box{ float:left; width:100%; }
.catettl,.cate_box h1,.cate_box h2{ float:left; width:100%; cursor:pointer; line-height:24px; font-weight:normal; padding:5px 0; font-size:14px; }
.cate li{ float:left; width:100%; line-height:24px; background:url(../images/cate_border_bg_x.png) repeat-x left; margin:3px 0; cursor:pointer; }
.cate li span{ display:block; padding-left:10px; }
.cate_two li{ background:none; }
.cate_one li{ background:none; }/* 若开通三级分类，就注掉此行样式 */
.cate .subcate,.cate .cate_one,.cate .cate_two{ padding-left:20px; display:none; }
.cate .cate_one{ background:url(../images/cate_border_bg.png) repeat-y left; float:left; width:100%; }
.cate .now{ background:url(../images/pop_bg_w.png) repeat; color:#000; box-shadow:1px 1px 4px #ccc; }
.cate_dtl{ float:right; width:78%; }
.cate_dtl .it3{ width:26.5%; margin-right:5px; }
.cate_up,.cate_down{ float:left; width:18px; height:18px; overflow:hidden; vertical-align:middle; margin:5px 5px 0 1px; }
.cate_down{ background:url(../images/icon_close.png) no-repeat; }
.cate_up{ background:url(../images/icon_open.png) no-repeat; }
.cate img{ width:18px; height:18px; vertical-align:middle; margin-right:5px; }
/* Exploration right detail info */
.expl_detail{ float:left; width:330px; height:580px; overflow:auto; border:1px solid #ddd; background:url(../images/pop_bg_w.png) repeat; box-shadow:1px 1px 5px #aaa; }
.expl_detail table{ width:100%; background:#fff; }
.zk_list{ width:100%; }
.zk_list .ttl{ float:left; width:100%; background:#fff; text-align:center; font-weight:bold; font-size:14px; margin-top:10px; }
.zk_list .con{ width:320px; margin:0 auto;/* height:195px;*/ height:430px; overflow-x:hidden; overflow-y:auto; }
.zk_list .con li{ width:300px; margin:0 auto; margin-top:5px; display:block; border:1px solid #ddd; }
.zk_list .con .tab{ width:100%; background:url(../images/th_bg.png) repeat-x bottom; padding:5px 0; margin-top:0; border-bottom:1px solid #ddd; color:#0cb1bb; }
.zk_list .con .tab span{ float:left; width:30%; text-align:left; }
.zk_list .con .tab span:last-child{ width:40%; }
.zk_list .con .tab img{ width:18px; height:18px; vertical-align:middle; margin:0 3px; } 
.zk_list .con .detail{ width:292px; line-height:20px; background:#fff; padding:8px 0 8px 4px; }
.zk_list .con .photos{ float:left; width:278px; padding-bottom:5px; }
.zk_list .con .photos img{ float:left; width:50px; height:50px; border:1px solid #ccc; margin:0 5px; }
.test .con{ height:200px; }

.sub_tll{ float:left; width:100%; border-bottom:1px solid #ddd; padding:10px 0; margin-top:10px; }
.sub_tll span{ float:left; font-size:16px; }
.sub_tll img{ float:left; width:16px; height:16px; vertical-align:middle; margin:3px 10px 0 10px; }
.out_img{ float:left; width:100%; }
.out_img img{ max-width:100%; }
.sub_con{ float:left; width:100%; margin-top:10px; line-height:24px; color:#555; text-indent:24px; letter-spacing:2px; }
.loading{ position:absolute; margin:50% 0 0 60%; }
/* map */
.zk{ cursor:pointer; width:60px; height:33px; text-align:center; font-size:12px; color:#fff; background:url(../images/zk_box_n.png) no-repeat; line-height:28px }
.zk:hover{ background:url(../images/zk_box_n_over.png) no-repeat; }
.zk_on{ background:url(../images/zk_box_on.png) no-repeat; }
.zk_on:hover{ background:url(../images/zk_box_on_over.png) no-repeat; }
.box_btn_red{ float:right; color:#f00; border:2px solid #f00; padding:3px 5px; margin-right:5px; vertical-align:text-bottom; word-break:keep-all; border-radius:6px; }
.box_btn_red:hover{ color:#F3282B; border-color:#F3282B; text-decoration:none; }

/* sea bar */
.sea_bar{ float:left; width:100%; margin-top:10px; }
.sea_bar table,.sea_bar td{ border-color:#eee; border:none; padding:5px 0; }

h6{ float:left; font-size:14px; font-weight:normal; margin-top:10px; color:#555; }
h6 b{ margin-left:10px; color:#000; }
.gram{ float:left; width:100%; min-width:1050px; }
.gram .ttl, .gram .zk_list .ttl{ float:left; width:100%; background:#fff; text-align:center; font-weight:bold; font-size:14px; margin-top:0; padding:15px 0; border-left:1px solid #ddd; }
.hc_list,.yt_list,.qy_list,.cs_list{ float:left; width:19%; min-width:190px; }
.cs_list .ttl{ border-right:1px solid #ddd; }
.gram .zk_list .con .tab{ padding:5px; }
.gram .zk_list .con .tab span:last-child{ width:40%; text-align:right; }
.gram .zk_list .con{ height:auto; width:88%; min-width:170px; }
.gram .zk_list .con li{ width:100%; margin:5px 0; }
.gram .zk_list .con .tab span:last-child{ word-break:break-all; }
.gram .zk_list .con .detail,.gram .zk_list .con .photos{ width:96%; }
.gram .zk_list li:hover,.gram .zk_list .li_over{ border:1px solid #f00; box-shadow:1px 1px 5px #f00; }
.hc{ float:left; width:45px; }
.yt{ float:left; width:238px; background:#ECECE8; }
.yt .ttl{ padding:6px 0 24px 0; }
/* yt gram */
.yt ul{ float:left; width:14%; margin-left:5px; height:600px; }
.yt li{ float:left; width:100%; border:1px solid #eee; background:url(../images/bg_dot_s_h.png) #fff repeat; }
.yt li.tt{ background-image:url(../images/bg_yt_tt.png); }/* 填土 */
.yt li.nxt{ background-image:url(../images/bg_yt_nxt.png); }/* 黏性土 */
.yt li.ft{ background-image:url(../images/bg_yt_ft.png); }/* 粉土 */
.yt li.yn{ background-image:url(../images/bg_yt_yn.png); }/* 淤泥 */
.yt li.sst{ background-image:url(../images/bg_yt_sst.png); }/* 碎石土 */
.yt li.st{ background-image:url(../images/bg_yt_st.png); }/* 砂土 */
.yt li.ys{ background-image:url(../images/bg_yt_ys.png); }/* 岩石 */
.h_line{ position:absolute; display:block; margin-left:10px; z-index:10; }
.h_line em{ position:absolute; font-size:12px; font-style:normal; }
.h_sw{ margin-left:50px; }
.h_qt{ margin-left:88px; }
.h_qs{ margin-left:126px; }
.h_dt{ margin-left:164px; }
.h_bg{ margin-left:202px; }
.yt li:hover,.yt .li_over{ border-color:#f00; box-shadow:1px 1px 5px #f00; }
/* sw gram */
.sw li,.qt li,.qs li,.dt li,.bg li{ border:1px solid #ddd; background:#D8C8F3; opacity:0.7; filter:alpha(opacity=70); }
.sw li:hover,.sw .li_over{ opacity:1; filter:alpha(opacity=100); background:#D8C8F3; }
/* qt gram */
.qt li{ background:#4ADDE9; }
.qt li:hover,.qt .li_over{ opacity:1; filter:alpha(opacity=100); background:#4ADDE9; }
/* qs gram */
.qs li{ background:#65B4F5; border-color:#65B4F5; height:1px; }
.qs li:hover,.qs .li_over{ opacity:1; filter:alpha(opacity=100); background:#4ADDE9; }
/* dt gram */
.dt li{ background:#35c2a2; opacity:0.5; filter:alpha(opacity=50); }
.dt li:hover,.dt .li_over{ opacity:1; filter:alpha(opacity=100); background:#35c2a2; }
/* bg gram */
.bguan li{ background:#F0B037; opacity:0.5; filter:alpha(opacity=50); }
.bguan li:hover,.bguan .li_over{ opacity:1; filter:alpha(opacity=100); background:#F0B037; }
/* hc gram */
.hc ul{ width:90%; margin:0 auto; height:600px; }
.hc li{ float:left; width:100%; border:1px dashed #ccc; background:#fff; }
.hc .h_line{ margin-left:8px; }
.hc li:hover,.hc .li_over{ border-color:#f00; box-shadow:1px 1px 5px #f00; }
.line{ border:1px solid #ccc; -background:yellow; -z-index:1; display:table; border-radius:100%; -pointer-events:none; }
.line_on{ border-color:#f00; }
/* qy */
.qy{ position:absolute; display:block; margin-left:100px; z-index:10; }
.qy .name{ position:absolute; width:238px; height:18px; margin:-25px 0 0 -106px; line-height:16px; padding:0 0 2px 10px; color:#555; }
.qy .name li{ float:left; width:38px; text-align:center; line-height:18px; border:1px solid #aaa; background:#ECECE8; }

/* achievement mana */
.left_tree{ float:left; width:21%; overflow:auto; }
.left_tree .tree{ float:left; width:100%; overflow:auto; }
.rig_con{ float:right; width:78%; border-left:1px solid #ddd; }
.set_menu{ float:left; font-size:14px; line-height:24px; margin:5px 0 0 12.5%;  }
.left_tree .btns{ float:left; width:100%; }
.btn_nml{ float:left; padding:5px 8px 7px 8px; margin:5px 5px 5px 0; border:1px solid #ccc; border-radius:10px; background:#fff; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; }
.btn_nml:hover{ text-decoration:none; background:#eee; }
.btn_nml img{ height:18px; vertical-align:middle; }
.file_input, .cata_sl{ float:left; width:70%;}
.file_btn{ float:left; width:65px; margin-left:3px; }
.file{ position:absolute; margin-top:0; height:28px; width:340px; filter:alpha(opacity:0); opacity:0; }

/* index */
.tab_module{ float:left; width:50%; margin-top:15px; }
.tab_module .module_ttl{ float:left; width:97%; border:1px solid #ddd; background:#8BD1FD; }
.tab_module .module_ttl .name{ float:left; width:40%; padding:8px 0; margin-left:10px; font-size:16px; color:#fff; font-weight:bold; }
.tab_module .module_ttl .name img{ height:18px; vertical-align:middle; margin-right:8px; }
.tab_module .module_ttl .ttl_tab{ float:right; width:40%; padding-top:5px; }
.tab_module .module_ttl .ttl_tab li{ float:right; padding:5px 10px; margin-top:3px; background:#4a9cee; color:#fff; border:1px solid #ccc; border-left:none; border-bottom:none; cursor:pointer; }
.tab_module .module_ttl .ttl_tab li:hover{ background:#5eaaf5; }
.tab_module .module_ttl .ttl_tab li.now{ background:#fff; color:#000; }
.tab_module .module_ttl .ttl_tab > li:first-child{ margin-right:10px; border-radius:0 10px 0 0; }
.tab_module .module_ttl .ttl_tab > li:last-child{ border-left:1px solid #ccc; border-radius:10px 0 0 0; }
.tab_module .module_con{ float:left; width:97%; border:1px solid #ddd; border-top:none; }
.tab_module .module_con li{ float:left; width:50%; margin:20px 0; }
.tab_module .module_con li .icon{ float:left; width:30%; text-align:center; padding-top:3px; }
.tab_module .module_con li .icon img{ width:45px; height:45px; }
.tab_module .module_con li .txt{ float:left; width:70%; color:#555; }
.tab_module .module_con li .txt b{ font-size:24px; }
.txt .tj_u,.txt .tj_d,.txt .tj_n{ font-weight:bold; font-size:14px; margin-left:10px; color:#32b16c; }
.txt .tj_d{ color:#f43b3b; }
.txt .tj_n{ color:#a8aa97; }
.txt em{ float:left; width:100%; font-style:normal; }
b.dw{ color:#6bb7d6; }
b.xm{ color:#88abda; }
b.ktd{ color:#60bdb5; }
b.jl{ color:#8f82bc; }
b.ry{ color:#f56057; }
b.fzr{ color:#f19149; }
b.msy{ color:#eb6877; }
b.jsy{ color:#ea68a2; }
.tab_module .kcxx{ height:368px; overflow:hidden; }
.tab_module .module_con table{ border:none; width:100%;  }
.tab_module .module_con table tr td:last-child,.tab_module .module_con table tr th:last-child{ border-right:none; }
.tab_module .module_con table tr td:first-child{ font-weight:bold; }
.tab_module .module_con table tr:last-child td{ border-bottom:none; }
.tab_module .module_con table td{ padding:0; height:40px; line-height:40px; }
.tab_module .module_con table tr th{ background:#d2eaf9; padding:0; height:39px; line-height:39px; }

/* company mana */
.info_list{ margin-top:20px; width:90%; }
.info_list li{ float:left; margin:10px 0; width:50%; }
.info_list li span{ float:left; }
.info_list li .name{ width:35%; text-align:right; padding-top:6px; }
.info_list li .con{ width:65%; text-align:left; }
.info_list li .con em{ float:left; font-style:normal; padding:6px 0 0 5px; }
.info_list li .con input,.info_list li .con select{ width:96%; }
/*.info_list li .con .file_input{ width:70%;}
.info_list li .con .file_btn{ width:25%; margin-left:1%; }
.info_list li .con .file{ width:30%; }*/
.info_list li .sl3 select{ float:left; width:31%; margin-right:2%; margin-bottom:10px; }
.info_list li .sl3 select:last-child{ margin:0; }
.info_list .img_view{ float:left; margin-top:10px; border:1px solid #ccc; }
.info_list img{ max-height:80px; max-width:200px; }
.info_list li .rd{ margin-top:5px; }
.info_list li .rd input{ width:18px; height:18px; }
.info_list .tips{ float:left; width:100%; margin-top:20px; text-align:center; color:#f00; }

/* role menu */
.role_m{ float:left; text-align:left; }
.m_one,.m_two{ float:left; margin:1px 0; margin-left:5px; width:100%; }
.m_two{ margin-left:40px; }

/* added by luzy at 2018 09 04 */
/* register */
.register li{ width:33%; }
.l_btn_one{ width:300px; display:block; text-align:center; margin:0 auto; margin-top:30px; }
.l_btn_one:hover{ text-decoration:none; }
.mt0{ margin-top:0; }
.td_pic{ max-width:130px; max-height:80px; }

/* file pics */
.business_pic{ float:left; width:130px; height:130px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; border-radius:10px; background:url(../images/add_pic_tips.png) no-repeat center #eee; margin-right:10px; }
.business_pic:hover{ background-color:#eaeaea; }
.info_list li .con .business_pic .file{ float:left; width:130px; height:130px; margin-left:-65px; margin-left:0\0; padding:0; cursor:pointer; }
.business_pic img{ max-width:130px; max-height:130px; vertical-align:middle; }

/* System tips */
.sys_tips{ float:left; width:100%; margin:15px 0; padding:15px; border:2px solid #f00; color:#f00; background:#F9E0E1; }

/* test */
.tb_test{ margin-top:15px; width:100%; }
.tb_test th{ background:#eee; font-weight:bold; }
.tb_test .tips{ background:#eee; }
.tb_test .stress th{ background:#FBF1C2; }
.tb_test .stress td{ background:#F9EFD4; color:#000; }
.sub_tb_ttl{ float:left; width:100%; margin-top:20px; font-weight:bold; color:#222; text-align:left; border-top:1px dashed #ccc; padding-top:20px; }
.sub_tb_ttl .ttl{ float:left; width:auto; font-size:18px; font-weight:bold; border-bottom:none; text-align:left; }
.sub_tb_ttl .con{ float:left; margin:5px 0; }
.sub_tb_ttl .con li{ float:left; margin-left:25px; }
.tab_con .tips{ color:#f00; margin:5px 0 10px 0; }
.tl_l b{ margin-left:10px; color:#222; }
.tb_list span{ float:left; width:25%; color:#f00; }
.computer{ background:#FBF8E4; }
.tb_test .blue_btn{ padding:10px 50px; }
.tb_test .bg_red th{ background:#F7CECE; }
.tb_test .bg_red td{ background:#FBE0E1; color:#000; }
.tb_test td{ border-color:#dfdfdf; }
.invalid{ color:#999; /*text-decoration:line-through; */}
.tb_test input{ max-width:80px; }
.icon_invalid{ position:absolute; width:120px; height:52px; top:80px; left:27%; background:url(../images/icon_invalid.png) no-repeat; transform:rotate(45deg); -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg); }
.bg_green{ background:#DAFBC0; }
.bg_blue{ background:#CEF4FC; }
.bg_yellow{ background:#F9EBDC; }
/* test report */
.report{ float:left; width:100%;}
.report .num{ font-weight:bold; }
.report .ttl{ float:left; width:100%; text-align:center; font-size:28px; border:none; }
.report .basic_info{ float:left; width:100%; line-height:24px; margin-bottom:10px; }
.report .basic_info .con{ float:left; width:75%; }
.report .basic_info .time{ float:right; width:15%; }
.btm_infos{ float:left; width:100%; margin:10px 0; color:#888; }
.btm_infos span{ margin:0 60px 0 20px; }
/* import */
.import{ float:left; margin:10px 0; width:100%; padding:20px 10% 60px 10%; background:#eee; border-radius:30px; }
.import li{ float:left; width:100%; padding:0; margin:0 0 15px 0; }
.import li input{ height:auto; }
.import .add{ float:left; line-height:32px; font-size:24px; padding:0 20px; border-radius:10px; color:#555; background:#fff; cursor:pointer; border:1px solid #aaa; margin-left:8px; }
.import .add:hover{ background:#eee; color:#000; border-color:#999; }
.import .file{ position:relative; float:left; width:500px; height:36px; opacity:1; filter:alpha(opacity=100); cursor:pointer; }
.import .blue_btn{ float:left; }
/* test images show */
.test_img td img{ width:23%; margin:5px; }
.w_btn{ position:absolute; margin-top:30px; right:4%; padding:5px 10px; border:1px solid #ddd; background:#fff; }
.w_btn:hover{ text-decoration:none; border-color:#ccc; color:#000; }
/* added by luzy at 2019-07-17 */
.pro_file_ttl{ float:left; text-align:right; margin:3px 0 0 5px; }
.pro_input{ float:left; margin-bottom:10px; }
.pro_file{ float:left; margin-bottom:10px; }
.pro_file_btn{ line-height:32px; font-size:24px; padding:0 70px; border-radius:10px; color:#555; background:#fff; cursor:pointer; border:1px solid #aaa; }