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

.shade{ width:100%; height:100%; overflow:auto; position:fixed; top:0px; left:0px; z-index:999; background:rgba(0,0,0,0.50);}

.shade span.title{ width:100%; height:42px; float:left; box-sizing:border-box; padding:0 20px; background:#8B6DC9;}
.shade span.title em{ max-width:400px; height:42px; float:left; line-height:42px; font-weight:bold; font-style:normal; font-size:15px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.shade span.title a{ line-height:42px; float:right; color:#D5C7F4;}
.shade span.title a:hover{ color:#FFF;}

.shade span.button{ width:100%; float:left; padding:15px 0; text-align:center; font-size:0; border-top:1px solid #F6F6F6; background:#FFF;}
.shade span.button a{ height:32px; line-height:32px; color:#FFF; font-size:14px; padding:0 26px; display:inline-block; vertical-align:top;}
.shade span.button a:hover{ opacity:0.8;}
.shade span.button a.bc{ background:#6327CF; margin:0 6px; border:1px solid #6327CF; box-shadow:inset 0 1px 0 #935EF3; border-radius:2px;}
.shade span.button a.qx{ background:#A2A2A2; margin:0 6px; border:1px solid #A2A2A2; box-shadow:inset 0 1px 0 #C4C4C4; border-radius:2px;}



.shade_mask{ width:500px; margin:0 auto; position:absolute; top:10%; left:0; right:0; background:#FFF;box-shadow:0 0 5px rgba(0,0,0,0.20);}
.frame{ padding:6px; background:url(../images/shade@bg.png);}

.shade .pic{ width:100%; height:340px; background:#FFF;}
.shade .video{ width:540px; height:278px; float:left; margin:10px;}


/* 文件上传 ---------- */
.shade .upload{ width:500px; float:left; position:absolute; top:8%; left:50%; margin:0 0 0 -250px; overflow:hidden; border-radius:5px; background:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.20);}
.shade .upload dl.mian{ width:100%; max-height:209px; float:left; overflow:auto; padding:20px 0 10px 0;}
.shade .upload dl.mian dd{ width:100%; float:left; padding:0 0 10px 0;}
.shade .upload dl.mian dd u{ width:140px; height:30px; float:left; line-height:30px; text-align:right; padding:0 10px 0 0; text-decoration:none;}
.shade .upload dl.mian dd input{ width:230px; height:28px; float:left; line-height:28px; padding:0 0 0 10px; border:1px solid #D5D5D5;}
.shade .upload dl.mian dd select{ width:242px; height:30px; float:left; border:1px solid #D5D5D5;}
.shade .upload dl.mian dd textarea{ width:220px; height:66px; float:left; padding:5px 10px; border:1px solid #D5D5D5;}
.shade .upload dl.mian dd a{ width:66px; height:30px; float:left; text-align:center; color:#FFF; margin:0 0 0 -66px; line-height:30px; background:#009EFF;}
.shade .upload dl.mian dd p{ float:left; line-height:20px; padding:7px 40px 0 150px; color:#666;}
.shade .upload dl.mian dd p a{ width:auto; height:auto; float:none; color:#000; margin:0px; line-height:20px; background:none; color:#FF3030;}



.shade .picture{ width:500px; height:352px; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0;}
.shade .picture a{ width:50px; height:50px; float:left; line-height:50px; text-align:center; position:absolute; top:-50px; right:0; color:#FFF; border-radius:50px; background:rgba(0,0,0,0.80);}
.shade .picture img{ max-width:100%; max-height:352px; margin:0 auto; position:absolute; top:0; left:0; right:0; right:0; border-radius:5px;}

.shade .erma{ width:280px; height:280px; margin:auto; padding:5px; background:#FFF; position:absolute; top:0; left:0; right:0; bottom:0;}
.shade .erma a{ width:50px; height:50px; float:left; line-height:50px; text-align:center; position:absolute; top:-50px; right:-50px; color:#FFF; border-radius:50px; background:rgba(0,0,0,0.80);}
.shade .erma img{ width:100%; height:100%; float:left;}

.shade .upload ul{ height:240px; display:block; overflow:auto; padding:0 10px;}
.shade .upload ul li{ width:50%; height:39px; float:left;}
.shade .upload ul li input{ width:13px; height:13px; float:left; margin:13px 0;}
.shade .upload ul li label{ height:39px; line-height:39px; padding:0 10px; display:block; overflow:hidden;}

.postulant{ display:none;}
.show{ display:block;}

/* 审核 --------------- */
dl.examine{ width:100%; float:left; padding:20px 0 10px 0; background:#FFF;}
dl.examine dt{ width:100%; height:30px; float:left; line-height:30px; margin:0 0 10px 0; color:#0095EB; text-indent:150px; font-size:14px;background:#DBEDFF;}
dl.examine dd{ width:100%; float:left; padding:0 0 10px 0;}
dl.examine dd u{ width:140px; height:30px; float:left; line-height:30px; text-align:right; padding:0 10px 0 0; text-decoration:none;}
dl.examine dd input{ width:218px; height:28px; float:left; line-height:28px; padding:0 0 0 10px; border:1px solid #D5D5D5;}
dl.examine dd input.file{ width:228px; padding:0;}
dl.examine dd a.choice{ width:66px; height:29px; float:left; line-height:29px; text-align:center; color:#FFF; margin:0 0 0 -66px; background:#009EFF;}

dl.examine dd select{ width:230px; height:30px; float:left; border:1px solid #D5D5D5;}
dl.examine dd textarea{ width:208px; height:66px; float:left; padding:5px 10px; border:1px solid #D5D5D5;}
dl.examine dd span{ display:block; overflow:hidden;}
dl.examine dd span label{ height:30px; float:left; margin:0 20px 0 0;}
dl.examine dd span label input{ width:13px; height:13px; float:left; margin:8px 0;}
dl.examine dd span label em{ height:30px; float:left; line-height:30px; padding:0 0 0 8px; font-style:normal;}

p.cause{ width:92%; float:left; line-height:26px; text-align:justify; text-indent:2em; padding:15px 4% 20px 4%; background:#FFF;}

dl.examine dd span.choice{ display:block; overflow:hidden; padding:0 60px 0 0;}
dl.examine dd span.choice label{ height:30px; float:left; padding:0 20px 0 0;}
dl.examine dd span.choice label input.choice{ width:13px; height:13px; float:left; margin:8px 0; padding:0;}
dl.examine dd span.choice input.fillin{ width:60px; height:16px; padding:3px 0; margin:3px 0; border:0; border-bottom:1px solid #C8C8C8;}
dl.examine dd span.choice input.fillin:focus{ border:0px; border-bottom:1px solid #9CCAFF;}
dl.examine dd span.choice em{ height:30px; float:left; line-height:30px; font-style:normal; padding:0 0 0 6px;} 



span.experience{ width:480px; height:200px; float:left; padding:10px;}
span.experience textarea{ width:100%; height:200px; float:left;}


.performer{ width:460px; float:left; padding:0 20px 15px 20px; background:#FFF;}
.performer span.tment{ width:100%; height:29px; float:left; padding:12px 0; /*border-bottom:1px solid #E8E8E8;*/}
.performer span.tment u{ height:29px; float:left; padding:0 15px 0 0; line-height:29px; text-decoration:none;}
.performer span.tment select{ width:180px; height:29px; float:left; border:1px solid #D5D5D5;}
.performer dl.work{ width:100%; height:178px; float:left; overflow:auto;}
.performer dl.work dd{ height:29px; float:left; padding:0 17px 0 0;}
.performer dl.work dd input{ float:left; margin:8px 0;}
.performer dl.work dd label{ height:29px; float:left; line-height:29px; padding:0 0 0 8px; word-wrap:normal;}

.remove{ width:480px; height:245px; float:left; overflow:auto; padding:0 10px; margin:10px 0;}
.remove table{ width:100%; float:left; background:#FFF; border-right:1px solid #E3E3E3;}
.remove table input{ float:left;}
.remove table tr.odd{ background:#FFF;}
.remove table tr.even{ background:#DCF2FF;}
.remove table tr.active{ background:#FFFED6;}
.remove table th{ height:28px; padding:0 6px; color:#FFF; text-align:left; background:#77CDFF; border-left:1px solid #96D9FF;}
.remove table td{ height:30px; padding:0 6px; color:#444; text-align:left; border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7;}
.remove table td a.button{ height:20px; display:inline-block; vertical-align:top; line-height:20px; margin:2px 3px 2px 0; padding:0 15px; color:#FFF; background:#009EFF; white-space:nowrap;}

.doc{ width:480px; height:260px; float:left; padding:0 10px; margin:15px 0; overflow:auto; background:#FFF;}
.doc dd{ width:30.33%; float:left; text-align:center; padding:10px 1.5% 0 1.5%; /*border-bottom:1px solid #DDD;*/}
.doc dd a{ width:100%; height:40px; float:left; line-height:40px; padding:51px 0 0 0; background:url(../images/doc.png) center 5px no-repeat;}
.doc dd a:hover{ background:#EFEFEF url(../images/doc.png) center 5px no-repeat; border-radius:5px;}

.shade dl.check{ width:480px; max-height:220px; float:left; overflow:auto; padding:10px; background:#FFF;}
.shade dl.check dt{ width:100%; height:25px; float:left; padding:5px 0; margin:0 0 10px 0; background:#E7E7E7;}
.shade dl.check dd{ width:50%; height:25px; float:left; padding:3px 0;}
.shade dl.san dd{ width:33%; float:left;}
.shade dl.check label{ height:25px; float:left; line-height:25px; padding:0 0 0 10px;}
.shade dl.check input{ height:25px; float:left; margin:0 0 0 10px;}

.shade ul.yushe{ width:480px; float:left; padding:0 10px 20px 10px;}
.shade ul.yushe li{ width:100%; float:left; line-height:20px; padding:8px 0; border-bottom:1px solid #E7E7E7;}

.shade span.checkbox{ width:480px; max-height:210px; float:left; padding:10px; overflow:auto;}
.shade span.checkbox label{ width:33.3%; height:25px; float:left; padding:5px 0; line-height:25px;}
.shade span.checkbox label input{ height:25px; float:left; margin:0 0 0 10px;}
.shade span.checkbox label em{ height:25px; float:left; margin:0 0 0 10px; font-style:normal;}


.shade .groom{ width:100%; max-height:220px; float:left; overflow:auto;}
.shade .groom_mian{ display:block; overflow:hidden; padding:0 10px 10px 10px; border-bottom:1px solid #E7E7E7;}
.shade .groom i{ width:100%; height:28px; float:left; line-height:28px; font-style:normal; text-indent:10px; margin:0 0 10px 0; background:#E7E7E7;}
.shade .groom label{ width:33.3%; height:25px; float:left; padding:5px 0; line-height:25px;}
.shade .groom label input{ height:25px; float:left; margin:0 0 0 10px;}
.shade .groom label em{ height:25px; float:left; margin:0 0 0 10px; font-style:normal;}
.shade .groom label a{ width:25px; height:25px; float:right; background:url(../images/close_ti.png) center no-repeat; background-size:10px;}

.shade span.down{ width:100%; height:29px; float:left; padding:15px 0; background:#F6F6F6;}
.shade span.down u{ height:29px; float:left; line-height:29px; padding:0 10px 0 20px; text-decoration:none;}
.shade span.down em.time{ height:27px; float:left; line-height:28px; padding:0 5px; margin:0 -1px; font-style:normal; border:1px solid #B2B2B2;}
.shade span.down select{ width:140px; height:29px; float:left; *margin:3px 0; border-radius:2px; border:1px solid #B2B2B2;}
.shade span.down input{ width:130px; height:27px; float:left; padding:0 0 0 10px; margin:0 0 0 10px; border-radius:2px; border:1px solid #B4D7FF;}
.shade span.down a.button{ height:27px; float:left; margin:0 0 0 10px; line-height:27px; color:#FFF; padding:0 15px; border-radius:2px;
	box-shadow:inset 0 1px 0 #D4BFFF;
	background:#B796FB;
	border:1px solid #A981FC;
}
.shade span.down a.button:hover{ background:#8C64DF; border:1px solid #7A4ED5; box-shadow:inset 0 1px 0 #C5AEF4;}


.sheade_data{ width:100%; float:left; padding:30px 0;}
.sheade_data span.list{ display:block; overflow:hidden; padding:10px 30px;} 
.sheade_data span.list u{ width:80px; height:32px; float:left; line-height:32px; text-decoration:none;}
.sheade_data span.list input{ width:200px; height:30px; float:left; padding:0 0 0 10px; border:1px solid #DDD;}
.sheade_data span.list a.uews{ height:32px; float:left; line-height:32px; color:#FFF; padding:0 25px; margin:0 0 0 -1px; background:#00BBF2;}
.sheade_data span.list i.icon{ height:32px; float:left; line-height:32px; font-size:18px; padding:0 8px 0 80px; color:#006BBB;}
.sheade_data span.list a.dxz{ height:32px; float:left; line-height:32px; color:#006BBB;}


.volunteer{ width:600px; float:left; position:absolute; top:10%; left:50%; margin:0 0 0 -300px; background:#FFF; overflow:hidden; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.20);}
.volunteer .volunteer_main{ width:580px; max-height:228px; float:left; margin:10px 0; overflow:auto; padding:0 10px;}
.volunteer .volunteer_main table{ width:100%; float:left; background:#E7E7E7;}
.volunteer .volunteer_main table input{ float:left;}
.volunteer .volunteer_main table th{ height:28px; padding:0 0 0 10px; text-align:left; background:#F0F0F0;}
.volunteer .volunteer_main table td{ height:32px; padding:0 0 0 10px; color:#444; text-align:left; background:#FFF;}




.audit{ width:460px; float:left; overflow:hidden; position:absolute; top:10%; left:50%; margin:0 0 0 -230px; border-radius:4px; background:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.20);}
.audit span.lanmu{ display:block; overflow:hidden; padding:15px;}
.audit span.lanmu a{ width:100%; height:34px; float:left; line-height:34px; border-bottom:1px dashed #DFEBF4;}
.audit span.lanmu a i{ height:36px; float:left; font-size:14px; font-style:normal;}
.audit span.lanmu a em{ height:36px; float:right; font-style:normal; color:#F84580; padding:0 20px 0 0; background:url(../images/audit.png) right no-repeat;}

.recruit{ display:block; overflow:hidden; margin:8% 20%; padding:5px; background: url(../images/mask@bg.png);}
.recruit .recruit_main{ display:block; overflow:hidden; padding:20px 30px; background:#FFF;}
.recruit .recruit_main span.bt{ width:100%; float:left; padding:10px 0; line-height:30px; font-size:18px; border-bottom:1px dashed #DFEBF4;}
.recruit .recruit_main ul.xqing{ width:100%; float:left; padding:10px 0;}
.recruit .recruit_main ul.xqing li{ height:30px; float:left; line-height:30px; padding:0 30px 0 0;}
.recruit .recruit_main ul.xqing li i,.recruit .recruit_main ul.weizi li i{ float:left; font-style:normal; color:#6E6E6E;}
.recruit .recruit_main ul.weizi{ width:100%; float:left; padding:10px 0; border-bottom:1px dashed #DFEBF4;}
.recruit .recruit_main ul.weizi li{ width:100%; height:30px; float:left; line-height:30px;}
.recruit .recruit_main span.rubric{ width:100%; height:40px; float:left; line-height:40px; font-size:16px; padding:0 0 6px 0;}
.recruit .recruit_main p{ width:100%; float:left; line-height:24px; text-align:justify;}


.field{ width:936px; float:left; position:absolute; top:10%; left:50%; padding:6px; margin:0 0 0 -474px; background:url(../images/shade@bg.png);}
.field a.gb{ height:42px; float:left; line-height:42px; color:#FFF; padding:0 10px; position:absolute; top:5; right:6px;}


.field .field_main{ display:block; overflow:hidden; padding:10px; background:#FFF;}
.field .field_main span.bt{ width:100%; height:20px; float:left; font-size:16px; line-height:20px; margin:0 0 10px 0;}
.field .field_main table{ width:100%; float:left; background:#FFF; border-right:1px solid #E3E3E3;}
.field .field_main table input{ float:left;}
.field .field_main table tr.odd{ background:#FFF;}
.field .field_main table tr.even{ background:#DCF2FF;}
.field .field_main table tr.active{ background:#FFFED6;}
.field .field_main table th{ height:28px; padding:0 6px; color:#FFF; text-align:left; background:#77CDFF; border-left:1px solid #96D9FF;}
.field .field_main table td{ height:30px; padding:0 6px; color:#444; text-align:left; border-bottom:1px solid #E7E7E7;border-left:1px solid #E7E7E7;}
.field .field_main table td a.button{ height:20px; display:inline-block; vertical-align:top; line-height:20px; margin:2px 3px 2px 0; padding:0 15px; color:#FFF; background:#009EFF; white-space:nowrap;}



.qrcode{ width:340px; float:left; position:absolute; top:50%; left:50%; margin:-237px 0 0 -170px; box-shadow:0 0 5px rgba(0,0,0,0.20);}
.qrcode span.bt{ width:100%; height:48px; float:left; line-height:48px; background:#F6F6F6;}
.qrcode span.bt i{ display:block; padding:0 50px 0 10px; font-style:normal; font-size:15px; color:#3096FF; font-weight:bold;}
.qrcode span.bt a{ height:48px; float:left; text-align:center; position:absolute; top:0; right:10px;}

.qrcode span.ma{ width:100%; float:left; padding:10px 0; border-top:1px solid #3096FF; background:#FFF;}
.qrcode span.ma img{ width:240px; display:block; margin:0 auto;}
.qrcode span.ma a{ display:block; margin:0 auto; text-align:center; line-height:16px; padding:10px 20px;}

.qrcode span.button{ text-align:center;}