@charset "utf-8";
/* CSS Document */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	outline: 0;
	background: transparent;
	outline-style: none;outline-width: 0;
}
input,select{  outline: none; background:#fff; }
LI,OL,UL{LIST-STYLE-TYPE: none}
BUTTON {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; CURSOR: pointer; PADDING-TOP: 0px; }
IMG{ border:none;}	
BODY{ margin:0 auto;font-family: Microsoft Yahei,hei; Simsun;font-size:12px;  background:#f3f3f5;  word-wrap: break-word;word-break:break-all;} 
table{BORDER-COLLAPSE: collapse}
a{text-decoration:none; color:#2d2d2d; }
a:hover{ text-decoration:underline;}
.hr{ height:1px; background:#ddd; overflow:hidden; clear:both;width:100%; }
input,button,select,textarea{outline:none; resize:none;}

/*------------------------- blank -------------------------*/
.blank_10{width:100%;height:10px;clear:both; overflow:hidden;}
.blank_20{width:100%;height:20px;clear:both;overflow:hidden;}
.blank_30{width:100%;height:30px;clear:both;}
.blank_40{width:100%;height:40px;clear:both;}
.blank_50{width:100%;height:50px;clear:both;}
.blank_80{width:100%;height:80px;clear:both;}
.height_20{ height:20px; overflow:hidden;}
.lh18{ line-height:18px;}
.lh20{ line-height:20px;}
.lh25{ line-height:25px;}
.lh35{ line-height:35px;}
.lh45{ line-height:45px;}
.wryh{ font-family:"微软雅黑";}

/*------------------------- 字体颜色 -------------------------*/
.font_size11{ font-size:11px;}
.font_size12{ font-size:12px;}
.font_size14{ font-size:14px;}
.font_size16{ font-size:16px;}
.font_size18{ font-size:18px;}
.font_size20{ font-size:20px;}
.font_size24{ font-size:22px;}
.font_size26{ font-size:26px;}
.font_size30{ font-size:30px;}
.font_arial{ font-family:Arial, Helvetica, sans-serif;}
.font_line{ text-decoration:line-through;}
.font_00808d{ color:#00808d;}
.font_999{ color:#999;}
.font_333{ color:#333;}
.font_666{ color:#666;}
.font_red{ color:#de2020;}
.font_green{ color:#259c0d;}

.pd_lr_20{ padding:0 12px;}


.hidden{ display:none;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.relative{ position:relative;}
.panel_rt{ margin-left:30px;}
.bg_white{ background:#fff;}
.content{ background:#fafafc;-webkit-border-radius:20px;-moz-order-radius:20px;-o-border-radius:20px;	-ms-border-radius:20px;border-radius:20px;box-shadow:inset -3px -3px 3px 0px rgba(0,0,0,.1),  0px 0px 3px 0px rgba(0,0,0,.1);}
.icon{ background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
.delIcon{ cursor:pointer; width:25px; height:25px; display:inline-block; position:absolute; right:0; top:0; background-size:250px 250px; background-position:-115px 0px;}
.moreIcon{ background-position:-75px -2px; width:15px; height:17px; background-size:250px 250px; margin-left:5px;}
.addIcon{ background-position:-20px -45px; width:20px; height:17px; background-size:250px 250px; margin-left:5px;}
.infoIcon{ width:12px; height:10px; display:inline-block; vertical-align:middle; margin-left:10px; background-position:0px -40px; background-size:220px 220px; }
.checkIcon{ background-size:290px 290px; background-position:-50px -50px; width:50px; height:50px;}
.ck_wait{background-size:300px 300px; background-position:0px -74px; width:32px; height:32px;}
.ck_NG{background-size:300px 300px; background-position:0px -108px; width:32px; height:32px;}
.ck_OK{background-size:300px 300px; background-position:0px -140px; width:32px; height:32px;}
.dl_checkIcon{background-size:300px 300px; background-position:-110px -29px; width:20px; height:17px;}
.searchIcon{background-size:240px 240px; background-position:-85px -60px; width:20px; height:17px;}
.resetIcon{background-size:220px 220px; background-position:-150px -20px; width:20px; height:17px;}
.userIcon{ background-position:-65px -208px;width:17px; height:17px; background-size:450px auto; vertical-align:middle;  margin-right:5px;}
.timeIcon{ background-position:-67px -233px; width:17px; height:17px;background-size:450px auto;vertical-align:middle;  margin-right:5px; }
.tipIcon{background-size:330px 330px; background-position:-175px -70px; width:15px; height:15px; }
.multipleIcon{ width:17px; height:17px;background-position:-181px -50px;background-size:300px 300px; }
.uploadBtnIcon{width:17px; height:17px;background-position:-159px -33px;background-size:200px 200px; margin-right:5px;}
.delBtnIcon{width:17px; height:17px;background-position:-195px 0px;background-size:220px 220px; margin-right:5px;}
.okBtnIcon{width:17px; height:17px;background-position:-195px -17px;background-size:220px 220px; margin-right:5px;}
.uploadIcon{ background-position:-158px -16px; background-size:200px auto; width:18px; height:15px; display:inline-block; vertical-align:middle; margin-bottom:2px; margin-right:5px;}
.copyIcon{ background-position:-155px -65px; width:15px; height:17px;background-size:240px 240px; margin-left:5px; }
.copyBtn{ position:relative;}
.copyBtn span{position:absolute; left:20px; top:20px; display:none; width:50px; height:22px; line-height:22px; background:#a6a6a6; font-size:12px; color:#fff; webkit-border-radius:3px;-moz-order-radius:3px;-o-border-radius:3px;	-ms-border-radius:3px;border-radius:3px; z-index:3; text-align:center; }
.copyBtn:hover i{ background-position:-135px -65px;}
.copyBtn:hover span{ display:inline-block;}

.gray_btn{-webkit-border-radius:20px;-moz-order-radius:20px;-o-border-radius:20px;	-ms-border-radius:20px;border-radius:20px;border:1px #bebebe solid;  height:35px; line-height:35px; padding:0 40px; color:#fff; background:#bebebe; display:inline-block;}
.gray_btn:hover{ background:#a3a2a2; text-decoration:none;border:1px #a3a2a2 solid;}
.gray_btn i{ vertical-align:middle;}
.ok_btn{-webkit-border-radius:20px;-moz-order-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px; height:35px; line-height:35px; padding:0 40px; color:#fff; background:#00808d; display:inline-block;border:1px #00808d solid; }
.ok_btn:hover{ background:#ecb223; text-decoration:none;border:1px #ecb223 solid; zoom:1;}
.white_btn{ border:1px #b1b1b1 solid; background:none; color:#666;background:#fff;}
.white_btn:hover{ border:1px #666 solid; background:#fff;}
.iconBtnLink{ padding:0 20px;}
.orange_btn{ border:1px #f7b500 solid; background:#f7b500;-webkit-border-radius:10px;-moz-order-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px; line-height:33px;}

.search_btn{ background:#00808C; color:#fff;  border:1px #00808C solid;}
.search_btn:hover{ text-decoration:none; background:#ecb223; border:1px #ecb223 solid;}
.reset_btn{ background:#fff;  color:#666; border:1px #BEBEBE solid;}
.reset_btn:hover{ text-decoration:none; border:1px #999 solid; color:#333; }


.search_btn_list{ clear:both; text-align:center;padding-top:40px; padding-bottom:20px; min-height:40px;}
.search_btn_list a{ margin:0 20px;webkit-border-radius:10px;-moz-order-radius:10px;-o-border-radius:10px;	-ms-border-radius:10px;border-radius:10px; padding:7px 15px; height:20px; line-height:20px;}
.search_btn_list a i{ display:inline-block;  vertical-align:middle; margin-right:5px; margin-top:-2px;}

.space1{ width:7px; display:inline-block; height:5px; overflow:hidden;}
.space2{ width:15px; display:inline-block; height:5px; overflow:hidden;}
.space3{ width:30px; display:inline-block; height:5px; overflow:hidden;}

.clear{	CLEAR: both; DISPLAY: block; FONT-SIZE:0px; OVERFLOW:hidden; HEIGHT:0px;line-height:0px; overflow:hidden;}
.font_simsun{ font-family:simsun;}
.font_normal{ font-weight:normal;}
.font_bold{ font-weight:bold;}
.font_line{ text-decoration:underline;}
.font_cline{ text-decoration:line-through;}
.font_blue{ color:#2a87bd;}
.textWrap{ word-wrap: break-word;word-break:break-all;}

/*分页*/
.pageList { font-size:14px; color:#666; padding:20px 20px; float:right;}
.pageInput{ text-align:center; color:#666; width:50px; height:28px; border:1px #ddd solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.pageInput:focus{ border:1px #00808C solid; }
.pageOk{ width:50px; height:30px; background:#00808C; border:1px #00808C solid; color:#fff; font-size:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.pagination  ul{ float:left; padding-right:20px;}
.pagination > li{ float:left;}
.pagination > li.active a{ border:1px #00808C solid; color:#00808C;}
.pagination > li.disabled  > a{ color:#999;}
.pagination > li.disabled  > a:hover{ color:#999;  border:1px #bebebe solid;}
.pagination > li > a{ display:inline-block; padding:5px 10px; color:#bfbfbf; border:1px #bebebe solid;}
.pagination > li > a:hover{ color:#00808C; text-decoration:none; border:1px #00808C solid;}
.pagination > li > a.prePage{color:#00808C; font-family:Arial, Helvetica, sans-serif; padding:6px 10px;}
.pagination > li > a.nextPage{ color:#00808C;font-family:Arial, Helvetica, sans-serif;padding:6px 10px;}
.aHover:hover{ color:#2ab4be; text-decoration:none;}
.pageList .selectBox{ margin-left:10px;}
 
 /*下拉框 */
.selectBox{ font-size:14px; float:left; width:210px; background:#fff; height:31px; line-height:31px; padding:0 5px; color:#333; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border:1px #BEBEBE solid;}
.selectBox a:hover{ text-decoration:none; font-size:14px;}
.selectBox ul{ position:absolute; z-index:2; top:31px; left:-1px; width:220px; background:#fff; border:1px #00808C solid; display:none; }
.selectBox ul li a{ font-size:14px;padding:7px 5px; display:block; display:block; border-bottom:1px #c7c9cb solid; line-height:18px; }
.selectBox ul li a:hover{ background:#00808C; color:#fff;}
.selectBox .value{ color:#333; position:relative; width:100%; display:block; height:31px; overflow:hidden;}
.selectBox .value i{ background:url(../images/selectIcon.png) no-repeat center; background-size:15px auto; width:30px; height:33px; position:absolute; top:0px; right:-5px;}
.selectBox300{ width:330px;}
.selectBox300 ul{ width:340px;}
.selectBox220{ width:220px;}
.selectBox220 ul{ width:230px;}
.selectBox100{ width:100px;}
.selectBox100 ul{ width:110px; padding-right:0px; }

/*input 框*/
.input_bg{ border:1px #BEBEBE solid; height:20px; line-height:20px;  float:left; font-size:12px; color:#666;-webkit-border-radius:5px;-moz-order-radius:5px;-o-border-radius:5px;	-ms-border-radius:5px;border-radius:5px; padding:5px 10px; width:200px;}
.input_bg.error{ color:#666;}
.input_bg:disabled{ background:#f1f1f1;}
.input_bg:focus{border:1px #00808C solid; color:#333;}
.input_bg_fcfcfe{ background:#fcfcfe;}
.input_bg + .input_bg{margin-left:20px;}
.input_300{ width:300px;}
.area_screen{ width:80%; border:1px #BEBEBE solid;-webkit-border-radius:5px;-moz-order-radius:5px;-o-border-radius:5px;	-ms-border-radius:5px;border-radius:5px; height:100px; line-height:20px;}
.area_screen:focus{border:1px #00808C solid; color:#333;}
.read_detail_input{ line-height:20px; font-size:14px; padding:5px 10px; color:#333;}
.read_detail_input.font_999{ color:#999;}
.area_200{ width:220px;}

.update_list li >h3{ border-bottom:1px #e7e7e9 solid; line-height:50px; padding-top:0px;}

/*图片居中*/
.pro_img{ width:101px; height:100px; overflow:hidden;  position:relative; background:#fff; border:1px #BEBEBE solid; text-align:center;border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; background:#f1f1f1;}
.pro_img img{ vertical-align:middle; position:absolute;left: 50%;top: 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);	-ms-transform:translate(-50%,-50%);	transform:translate(-50%,-50%); max-width:100px; max-height:100px; }


/*top*/
.top{  height:50px; line-height:50px; background:#fff; padding:20px 30px ; box-shadow:0px 0px 10px rgba(0,0,0,.2); margin-right:-30px; }
.position{ float:left; color:#666; font-size:16px;}
.position h2{ font-size:22px; color:#333; display:inline-block;}
.t_user{ float:right; line-height:50px; font-size:16px; color:#333; position:relative; }
.t_user:hover{ color:#00808d; text-decoration:none;}
.t_user i{ width:20px; height:20px; display:inline-block; vertical-align:middle; margin-left:10px; background-position:0px -52px; background-size:300px 300px; }
.t_user ul{ position:absolute; left:0px; top:48px; right:0px; display:none; }
.t_user ul li a{ height:30px; line-height:30px; color:#333; background:#00808C; display:block; text-align:center; color:#fff; font-size:14px;}
.t_user ul li a:hover{ text-decoration:none; background:#ecb223;}
.t_user.active ul{ display:inline-block;}


.pl_opera{ height:70px; overflow:hidden; padding-top:10px; position:relative; clear:both; }
.pl_oa_btn{ margin-top:30px; height:40px; line-height:40px; float:right; padding-right:25px;}
.pl_oa_btn li{ float:left; margin-left:20px;}
.pl_oa_btn li a{ background:#00808C; display:block; padding:0px 30px; height:40px; font-size:18px; color:#fff;-webkit-border-radius:10px 10px 0px 0px;-moz-order-radius:10px 10px 0px 0px;-o-border-radius:10px 10px 0px 0px;	-ms-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px; }
.pl_oa_btn li a:hover{ background:#ecb223; color:#fff; text-decoration:none;}
.pl_opera h3{ color:#00808d; font-size:18px; padding-top:20px; line-height:20px;}
.pl_opera h3 i{ background:#ecb223;webkit-border-radius:3px;-moz-order-radius:3px;-o-border-radius:3px;	-ms-border-radius:3px;border-radius:3px; overflow:hidden; width:8px; height:16px; display:inline-block; vertical-align:middle; margin-right:10px;}
.return_link{ position:absolute; top:35px; right:20px; font-size:16px; color:#00808C; line-height:20px;}
.return_link i{ width:20px; height:20px; vertical-align:middle; margin-right:10px; background-size:230px 230px; background-position:-84px -2px;}



.all{padding-left:220px; padding-right:30px;}
/*菜单*/
.menu{ width:220px; background:#fff; position:fixed; left:0px; top:0px; bottom:0px; box-shadow:0px 5px 10px rgba(0,0,0,.2); z-index:2;}
.menu .logo{ height:90px; text-align:center; vertical-align:middle;}
.menu .logo img{ display:inline-block; margin-top:20px; max-width:75%; max-height:50px;}
.menu a:hover{ text-decoration:none;}
.menu dl{}
.menu dt{ height:50px; line-height:50px; font-size:16px;}
.menu dt a{ display:block; height:50px; padding-left:40px;}
.menu dt a:hover{ color:#00808C;}
.menu dt i{ margin-right:10px;}
.menu dt i.icon{ width:17px; height:17px; display:inline-block; margin-left:10px; }
.menu dd{  margin-left:-20px; height:0px; overflow:hidden ;  -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;	-ms-transition:all 1s;transition:all 1s;  }
.menu dd ul li{ height:40px; line-height:40px; overflow:hidden; font-size:14px; }
.menu dd ul li a{color:#B1B1B1; padding-left:75px; display:block;}
.menu dd ul li a i{ width:5px; height:14px; margin-right:10px; display:inline-block; vertical-align:middle; background:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;}
.menu dd ul li a:hover{color:#00808C;}
.menu dd ul li a:hover i{background:#00808C; }
.menu dd ul li.on  a{color:#00808C;}
.menu dd ul li.on  i{background:#00808C;}
.menu dl.active dt a{ background:#00808C; color:#fff;}
.menu dl.active dd{ height:auto;}
.menuIcon{ background:url(../images/menuIcon.png) no-repeat; display:inline-block; background-size:65px auto; width:17px; height:17px; display:inline-block; vertical-align:middle; margin-right:5px; overflow:hidden; }
.menuIcon_2{ background-position:-2px -26px; height:14px; }
.menuIcon_3{ background-position:-2px -47px; height:14px; }
.menuIcon_4{ background-position:0px -46px; }
.menuIcon_5{ background-position:0px -62px; height:14px; }
.menuIcon_6{ background-position:0px -78px; }
.menuIcon_7{ background-position:-2px -90px; }
.menuIcon_8{ background-position:-1px -114px; }
.menuIcon_9{ background-position:-1px -133px; }
.menuIcon_10{ background-position:-1px -153px; }
.menuIcon_11{ background-position:-1px -171px; }
.menuIcon_12{ background-position:-1px -190px; }

.menu dl.active .menuIcon{ background-position:-30px 0px;}
.menu dl.active .menuIcon_2{  background-position:-30px -26px;}
.menu dl.active .menuIcon_3{  background-position:-30px -46px;}
.menu dl.active .menuIcon_4{  background-position:-30px -46px;}
.menu dl.active .menuIcon_5{  background-position:-30px -62px;}
.menu dl.active .menuIcon_6{  background-position:-22px -78px;}
.menu dl.active .menuIcon_7{  background-position:-32px -90px;}
.menu dl.active .menuIcon_8{  background-position:-22px -114px;}
.menu dl.active .menuIcon_9{  background-position:-22px -133px;}
.menu dl.active .menuIcon_10{  background-position:-22px -153px;}
.menu dl.active .menuIcon_11{  background-position:-22px -171px;}
.menu dl.active .menuIcon_12{  background-position:-22px -190px;}
.menu dl.active .moreIcon{ background-position:-75px -20px;}


/*单选和多选*/
.select_list > li{ padding-right:10%; float:left;}
.check_list li{ float:left; padding-right:10%; position:relative; padding-left:25px; padding-top:5px; height:20px; line-height:20px; overflow:hidden;}
.check_list li a{ color:#999;}
.check_list li.active .radioIcon{ border:1px #00808d solid;}
.check_list li.active a{ color:#00808d;}
.check_list li a:hover{ text-decoration:none; color:#00808d;}
.check_list li.active .radioIcon i{ background:#00808d;}
.radioIcon{ position:absolute; left:0px; top:8px;width:15px; height:15px; display:inline-block; border:1px #bebebe solid; background:#fff;webkit-border-radius:50%;-moz-order-radius:50%;-o-border-radius:50%;	-ms-border-radius:50%;border-radius:50%;}
.radioIcon i{ background:#fff; width:9px; height:9px; float:left; margin-left:3px; margin-top:3px;webkit-border-radius:50%;-moz-order-radius:50%;-o-border-radius:50%;	-ms-border-radius:50%;border-radius:50%;}






.pro_list{ width:100%; }
.pro_list .pro_img{ position:absolute; left:30px; top:30px; width:160px; height:160px;}
.pro_list .pro_img img{ max-height:160px; max-width:160px;}
.pro_list >li{ position:relative;clear:both; width:100%; margin-bottom:20px; }
.pro_lt_link{ height:185px; background:#f2f6f9; padding:20px;background:#fafafc;-webkit-border-radius:20px;-moz-order-radius:20px;-o-border-radius:20px;	-ms-border-radius:20px;border-radius:20px;box-shadow:inset -3px -3px 3px 0px rgba(0,0,0,.1),  0px 0px 3px 0px rgba(0,0,0,.1);display:block; padding-left:220px;}
.pro_lt_link:hover{ text-decoration:none;}
.pro_lt_link>h2{ color:#333; font-size:18px; height:40px; line-height:20px; overflow:hidden; margin-top:10px;}
.pro_lt_link>h2 .pl_check_all{ margin-left:7px;}
.pro_lt_info{ clear:both;}
.pro_lt_info >li{ width:33.3%; float:left; color:#969799; padding-top:10px; height:20px; overflow:hidden; line-height:20px;}
.pro_lt_info >li label{ color:#333;}
.pro_lt_info >li.pli_li_one{ width:100%;}


.check_file{ position:absolute; right:20px; top:20px; color:#00808C; padding:5px 10px; height:20px; line-height:20px; font-size:14px; }
.check_file:hover{text-decoration:none;}
.pro_lt_link.bg_none{ background:none;box-shadow:inherit;}

.check_file .delIcon{ background-position:-20px 2px; width:17px; height:17px; background-size:180px auto; margin-left:10px; position:static;}





/****************详细页**************/
.detail_box{ clear:both; font-size:14px; background:#fafafc; padding:20px;-webkit-border-radius:20px;-moz-order-radius:20px;-o-border-radius:20px;	-ms-border-radius:20px;border-radius:20px;box-shadow:inset -3px -3px 3px 0px rgba(0,0,0,.1),  0px 0px 3px 0px rgba(0,0,0,.1); padding-top:10px; position:relative;  }
.detail_bottom_border{width:100%;height:8px;clear:both; overflow:hidden; background:#fcfcfe; border-radius:5px;box-shadow:inset 0px 3px 3px 0px rgba(0,0,0,.1); margin-top:30px;}
.detail_box h3{ color:#333333; font-size:16px; padding-top:20px; line-height:20px;}
.detail_box h3 i{ background:#ecb223;webkit-border-radius:3px;-moz-order-radius:3px;-o-border-radius:3px;	-ms-border-radius:3px;border-radius:3px; overflow:hidden; width:6px; height:11px; display:inline-block; vertical-align:middle; margin-right:7px;}
.detail_info_tbl td{ padding-top:20px;}
.dl_io_name{ color:#333; float:left; width:80px; text-align:right; line-height:30px; display:inline-block;} 
.dl_io_name .font_red{ font-size:16px; margin-right:5px; font-weight:bold; vertical-align:middle; height:30px; display:inline-block; line-height:30px;}
.dl_io_lbl_100{ width:100px;}
.dl_io_lbl_120{ width:120px;}
.dl_io_lbl_200{ width:200px;}
h3.title{ color:#333333; font-size:16px; padding-top:20px; line-height:20px;}
h3.title i{ background:#ecb223;webkit-border-radius:3px;-moz-order-radius:3px;-o-border-radius:3px;	-ms-border-radius:3px;border-radius:3px; overflow:hidden; width:6px; height:11px; display:inline-block; vertical-align:middle; margin-right:7px;}


/*图片上传*/
.upload_img{ width:100%;}
.upload_img li{ float:left; position:relative; height:100px; overflow:inherit; height:100px; margin-right:25px;}
.upload_img li .delIcon{ display:none; top:5px;}
.upload_img li >a{ display:block; width:100px; height:100px; position:relative; }
.upload_img li >a >div{ border:1px #BEBEBE solid; width:101px; height:100px; overflow:hidden; position:absolute; left:0; top:0; background:#fff; text-align:center; -webkit-border-radius:10px;-moz-order-radius:10px;-o-border-radius:10px;	-ms-border-radius:10px;border-radius:10px;}
.upload_img li >a >div img{ vertical-align:middle; position:absolute;left: 50%;top: 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);	-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%); max-width:100px; max-height:100px;}
.upload_img li >a:hover .delIcon{ display:inline-block;}
.upload_img li.upload_add a{border:1px #ddd dashed; font-size:40px; font-family:Arial, Helvetica, sans-serif; color:#999; display:block; text-align:center; line-height:100px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#fff;}
.upload_img li.upload_add a:hover{ text-decoration:none;}

.ruku_certificate{}
.ruku_certificate li{ padding-bottom:10px;}
.dl_subtitle{ font-size:16px; color:#00808d; line-height:40px; font-weight:bold; padding-top:10px; border-bottom:1px #81cbd2 dashed; margin:0 12px;}


/****************列表页**************/
/*列表搜索*/
.search_box{ position:relative; padding:20px 30px; font-size:14px; }

.list_tbl{}
.list_tbl th{ background:#dfedf0; color:#333; padding:10px 20px; font-size:14px; line-height:20px;}
.list_tbl td{ padding:10px 20px; color:#666; font-size:12px; border-bottom:1px solid #DFDFDF; }
.list_tbl .tr_hover{box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);}
.list_tbl .tr_hover td{ background:#fff; }
.list_opera{}
.list_opera li{ padding:0 5px; display:inline-block; text-align:center;}
.list_opera li a{ position:relative;}
.list_opera li a span{position:absolute; left:0px; top:30px; display:none; width:50px; height:22px; line-height:22px; background:#a6a6a6; font-size:12px; color:#fff; webkit-border-radius:3px;-moz-order-radius:3px;-o-border-radius:3px;	-ms-border-radius:3px;border-radius:3px; z-index:3; }
.list_opera li a:hover span{ display:inline-block;}
.list_opera i{ background-size:200px auto; width:18px; height:15px; display:inline-block; vertical-align:middle;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;	-ms-transition:all 1s;transition:all 1s;}
.list_opera i.op_stop_icon{background-position:-184px -67px; background-size:250px 250px; width:22px;}
.list_opera i.op_start_icon{background-position:-210px -67px; background-size:250px 250px; width:22px;}
.list_opera .list_set i{ background-size:200px auto;background-position:-144px -69px;}
.list_opera .list_set:hover i{background-position:-144px -89px;}
.list_opera .list_read i{ background-position:0px 2px;}
.list_opera .list_read:hover i{ background-position:0px -15px;}
.list_opera .list_del i{ background-position:-22px 1px; width:16px; height:16px;}
.list_opera .list_del:hover i{background-position:-22px -16px;}
.list_opera .list_edit i{background-position:-42px 1px; width:14px;}
.list_opera .list_edit:hover i{background-position:-42px -16px;}
.list_opera .list_main i{background-position:-118px 2px;}
.list_opera .list_main:hover i{background-position:-118px -15px;}
.list_opera .multipleIcon i{ width:16px; height:18px; background-position:-208px -52px;background-size:310px 310px; vertical-align:middle;-webkit-transition:none;-moz-transition:none;-o-transition:none;	-ms-transition:none;transition:none;}
.list_opera .multipleIcon i.on{background-position:-187px -52px;}
.list_opera .multipleIcon.active{}
.list_opera .list_upload i{ background-position:-158px 0px;}
.list_opera .list_upload:hover i{ background-position:-158px -16px;}

.list_opera .list_activate i{ background-position:-20px -116px;}
.list_opera .list_activate:hover i{ background-position:-20px -133px;}

.list_opera .list_check i{ background-position:-0px -134px;}
.list_opera .list_check:hover i{ background-position:-0px -150px;}

.td_img{ text-align:center; vertical-align:middle;}
.td_img .pro_img{ width:60px; height:60px;}
.td_img .pro_img img{ max-width:60px; max-height:60px;}
.td_img .pro_img i{ position:absolute; left:0px; right:0px; bottom:0px; height:20px; line-height:20px; color:#fff; font-style:inherit; background:rgba(0,128,141,.5);} 

.list_read{ color:#888; margin-left:8px;}
.list_read >i{ background-position:0px 0px; width: 18px;height: 15px;display: inline-block;vertical-align: middle; background-size: 200px auto; margin-right:3px;}
.list_read:hover{ color:#00808d; text-decoration:none;}
.list_read:hover i{ background-position:0px -118px;}


.detail_btn_box{ padding:30px;}
.detail_opera{ padding-top:20px; font-size:14px;}
.detail_opera li{ padding-right:20px; float:left; height:20px; line-height:20px;}
.detail_opera li a{ color:#00808d;}
.detail_opera li a i{ display:inline-block;vertical-align:middle; margin-right:5px; margin-top:-2px;}

.ruku_ok{ font-size:20px; font-weight:bold; text-align:center; color:#333;}
.ruku_ok .checkIcon{ margin-right:20px;}
.shenQiRen{ width:100%; height:20px; line-height:20px; margin-top:5px; color:#222; font-size:14px; font-weight:bold;} 
.shenQiRen li{ float:left; padding-right:50px;}
.shenHe_list li{ color:#333;}
.shenHe_list .check_file{ background:#00808d; color:#fff; font-weight:bold; padding:7px 15px; font-size:16px; webkit-border-radius:15px;-moz-order-radius:15px;-o-border-radius:15px;	-ms-border-radius:15px;border-radius:15px; }
.shenHe_list .check_file i{background-size:280px 280px; background-position:-100px -47px; width:20px; height:20px; float:left; margin-left:0px; margin-right:10px; }
.shenHe_list .check_file:hover{ background:#ecb223;}

.tip{ height:30px; line-height:30px; color:#999; margin-left:5px;font-size:12px;}
.tip i{ vertical-align:middle; margin-right:5px; }


/**********查看*************/
.check_info{ position:relative; padding-left:200px; padding-top:20px;}
.ck_io_status{ color:#00808d; font-weight:bold; font-size:22px; height:40px; line-height:40px; position:absolute; left:0px; top:15px;}
.ck_io_status i{ margin-right:10px;}
.faqi_process{}
.faqi_process li{ position:relative; padding-left:30px; min-height:50px; line-height:18px; color:#666; clear:both; width:100%;}
.faqi_process li .border{ position:absolute; left:8px; top:19px; bottom:-2px; background:#00808d; width:1px; overflow:hidden;}
.faqi_process li>span{ float:left; margin-right:50px;}
.ck_io_cnt{ max-width:40%}
.ck_io_dot{ position:absolute; left:0px; top:2px;width:15px; height:15px; display:inline-block; border:1px #00808d solid; background:#fff;webkit-border-radius:50%;-moz-order-radius:50%;-o-border-radius:50%;	-ms-border-radius:50%;border-radius:50%;}
.ck_io_dot i{ background:#00808d; width:9px; height:9px; float:left; margin-left:3px; margin-top:3px;webkit-border-radius:50%;-moz-order-radius:50%;-o-border-radius:50%;	-ms-border-radius:50%;border-radius:50%;}


/*弹出框*/
.allBlur{ filter:blur(5px);  z-index:-1; background-size:cover;}/*网页面面模糊*/
.popup{   position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:9;  }
.popup_box{ width:300px; margin:0 auto; color:#333; background:#fafafc;-webkit-border-radius:10px;-moz-order-radius:10px;-o-border-radius:10px;	-ms-border-radius:10px;border-radius:10px;box-shadow:inset -3px -3px 3px 0px rgba(0,0,0,.1),  0px 0px 3px 0px rgba(0,0,0,.1); margin-top:10%; padding:15px 20px; position:relative; min-height:100px; }
.popup_box_400{ width:300px;}
.popup_box_500{ width:400px;}

.popup_box_900{ width:900px; margin-top:1%;}

.popup_alert_tle{ font-size:18px; line-height:20px; font-weight:bold; text-align:center; padding:30px 0px; color:#00808d;}
.popup_closed{ position:absolute; top:10px; right:10px; }
.popup_closed i{ width:25px; height:25px; display:inline-block; position:absolute; right:0; top:0; background-size:250px 250px; background-position:-115px -0px;}
.popup_closed:hover i{background-position:-115px -26px;}
.popup_btn{display:-moz-box; display:-webkit-box; display:box; padding-bottom:10px;	}
.popup_btn li{flex:1;  -moz-box-flex:1.0;-webkit-box-flex:1.0; text-align:center; }
.popup_btn li> a{}
.popup_ask_tle{ color:#00808d; font-size:16px; height:20px; line-height:20px;}
.popup_ask_cnt{ padding:30px 10px; text-align:center; font-size:14px;}


.transparent{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; z-index:-1;}
.noTransparent{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; z-index:1;}

.Choose_pro_box{ margin-left:1.5%;height:400px;}
.Choose_pro_box li{width:47%; float:left; margin-right:3%; display:block; }
.Choose_pro_box h3{ font-weight:normal; line-height:50px; font-size:14px;}
.Choose_pro_box .td_img .pro_img{ width:50px; height:50px;}
.Choose_pro_box .td_img .pro_img img{ max-width:50px; max-height:50px;}
.Choose_pro_box .list_tbl th{ font-size:13px; font-weight:normal; padding-left:10px; padding-right:10px;}
.Choose_pro_box .list_tbl td{ font-size:12px; padding:10px;}
.popup_search{ padding:10px 0px;}
.canChoose_pro{height:400px; overflow-y:scroll;}

.Choose_pro_box .list_opera li.on .multipleIcon i{background-position:-187px -52px;}
.canChoose_pro .list_del{ display:none;}
.alreadyChoose_pro{height: 400px;    overflow-y: scroll;}
.alreadyChoose_pro .multipleIcon{ display:none;}


.search_tbl td{ padding-top:0px;}
.search_tbl .search_btn_list{ text-align:left;}

.pl_check_all .multipleIcon{width:16px; height:18px; background-position:-208px -52px;background-size:310px 310px; vertical-align:middle; margin-right:5px;}
.pl_check_all .multipleIcon.active{background-position:-187px -52px;}

.po_oa_tab{ float:left;}
.po_oa_tab li a{-webkit-border-radius:20px;-moz-order-radius:20px;-o-border-radius:20px; color:#666;-ms-border-radius:20px;border-radius:20px; height:35px; line-height:35px; font-size:14px; border:1px #b1b1b1 solid; background:#fff; }
.po_oa_tab li a.active,.po_oa_tab li a:hover{ background:#00808d; border:1px #00808d solid; color:#fff;}


.img_detail_box{ position:relative; padding-left:450px;}
.ig_dl_img .imgbox{ position:relative;}
.ig_dl_img{position:absolute; left:10px; top:25px; background:#fff;}
.ig_dl_img .pro_img{ width:400px; height:400px;}
.ig_dl_img .pro_img img{ max-width:400px; max-height:400px;}

.dropdown{ position:relative; float:left;}
.dropdown-submenu a:hover{ background:#00808d;}


.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9998;border: 10px solid #fff;}
.bigImg_pre{position: fixed;left: 25%;top: 49%; border-radius:3px; color:#fff; z-index:99; background:url(../images/leftIcon.png) no-repeat center rgba(0,0,0,.5); padding:15px 0px; width:28px; height:28px; display:none;z-index:9999;}
.bigImg_next{position: fixed;right: 25%;top: 49%; border-radius:3px; color:#fff; z-index:99; background:url(../images/rightIcon.png) no-repeat center rgba(0,0,0,.5);padding:15px 0px; width:28px; height:28px; display:none;z-index:9999;}

.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.8;filter: Alpha(opacity=80);z-index: 98;transition:all 1s;display: none}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>a{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>a:hover{cursor:pointer}

.screen_detail{ padding:0 15px; color:#333;}
.uploadBtn{ color:#4985ff; position:absolute; top:30px; right:20px;}

.read_list{ margin-left:-35px;}
.read_list li{ padding-left:50px; float:left; padding-top:20px;}
.read_list li a{ color:#007f8c; }

.error{ line-height:30px; color:#ff0000;}
.errorTip{ color:#db0000; background:url(../images/errorIcon.png) no-repeat left center; background-size:13px auto; padding-left:20px; line-height:18px; display:none; }


/* 本例子css */
		.picScroll-left{ overflow:hidden; position:relative;  }
		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picScroll-left .prev,.picScroll-left .next{ display:block;  width:28px; height:28px;overflow:hidden;cursor:pointer; position:absolute;  top:50px;}
		.picScroll-left .prev{background:url(../images/leftIcon.png) no-repeat; left:0px;}
		.picScroll-left .next{ background:url(../images/rightIcon.png) no-repeat; right:0px; }

		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display:none; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px 50px; padding-top:30px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }
		
.welcome_box{ position:fixed; left:210px; top:100px; right:10px; bottom:10px; z-index:5; background:#fff; text-align:center; background:url(../images/welcome_img.jpg) no-repeat center #fff; background-size:70% auto;}

.null_box{ text-align:center;}
.null_box h3{ color:#ecb223; padding:50px 0px; font-size:18px;}
.null_box img{ width:30%;}

.sortList i{  background:url(../images/sortIcon.png) no-repeat; display:inline-block; width:15px; height:17px; vertical-align:middle; margin-left:10px; cursor:pointer;}
.sortList i.sortTop{ background-position:-14px 0px;}
.sortList i.sortBottom{ background-position:-29px 0px;}


.select_all{ padding:0 30px; padding-top:30px;}

.add_list .add_address{ font-size: 30px; font-weight: bold; color:#999; width: 20px; height: 28px; display: inline-block; line-height: 28px;}
.add_list li{ height:30px; padding-bottom:20px;  float: none;}
.add_list .input_bg{ width:80%;}

.add_list .del_icon{background-position: -22px 1px; width: 16px; height: 16px;background-size: 200px auto; display: inline-block;  vertical-align: middle; margin-left: 5px;}
.text_btn{
    color: rgb(22, 130, 230);
	float: left;
	cursor: pointer;
	line-height: 32px;
	margin-left: 10px;
}
.del_address{
	color: red;
}

.address_list li{
	overflow: hidden;
	margin-bottom: 12px;
}
.customize_popup{
	position: relative;
}
#map{
	width: 100%;
	height: 600px;
}
.operate_block {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 32px;
	font-size: 14px;
	padding: 8px;
}
.tangram-suggestion-main{
	z-index: 10000000;
}
.operate_block>*{
	float: left;
}
.operate_block .search_btn{
	border-radius: 4px;
	height: 30px;
	padding: 0 6px;
}
.btn_wrap{
	text-align: center;
	padding: 12px;
}
.inheritor_info_tbl{
	background-color: #f0f1f2;
	border-radius: 10px;
	position: relative;
}
.del_inheritor{
	position: absolute;
	right: 4px;
	top: 4px;
	text-align: center;
	padding: 6px 16px;
	background-color: red;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.inheritor_info_tbl + .inheritor_info_tbl{
	margin-top: 10px;
}
.inheritor_list .sex{
	box-sizing: border-box;
	width: 222px;
	height: 32px;
}
.inheritor_list .upload_box{
	width: 120px;
	height: 160px;
	box-sizing: border-box;
	border: 1px dashed #ddd;
	border-radius: 10px;
	text-align: center;
	line-height: 160px;
	position: relative;
	overflow: hidden;
	background: #fff;
	margin-right: 10px;
	margin-top: 10px;
}
.inheritor_list .upload_box .text_btn{
	margin: 0;
	float: none;
	display: inline;
	line-height: unset;
}
.upload_box .has_img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.upload_box .has_img img{
	display: block;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	
}
.upload_box .has_img .delIcon{
	display: none;
	top: 5px;
}
.upload_box .has_img:hover .delIcon{
	display: block;
}