﻿.layer-bg{
	width:100%;
	height:100%;
	position:fixed;
	z-index:1999;
	left:0px;
	top:0px;
	display:none;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background:rgba(0,0,0,0.75);
}

.layer{
	width:560px;
	height:auto;
	background:#FFF;
	z-index:2000; 
	/*padding:0 20px;*/
	visibility:hidden;
	position:fixed;
	width:90%;
	left:5%;
	top:50%;
	margin-top:-100px;
	-webkit-transform:scale(0.25,0.25);
	   -moz-transform:scale(0.25,0.25);
	    -ms-transform:scale(0.25,0.25);
	     -o-transform:scale(0.25,0.25);
	        transform:scale(0.25,0.25);
	-webkit-transition:all 0.3s ease-in-out;
	   -moz-transition:all 0.3s ease-in-out;
 	    -ms-transition:all 0.3s ease-in-out;
	     -o-transition:all 0.3s ease-in-out;
	        transition:all 0.3s ease-in-out;
	-webkit-box-shadow:0px 10px 5px rgba(0,0,0,0.35);
	   -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.35);
	    -ms-box-shadow:0px 1px 10px rgba(0,0,0,0.35);
	     -o-box-shadow:0px 1px 10px rgba(0,0,0,0.35);
	        box-shadow:0px 1px 10px rgba(0,0,0,0.35);
}
.layer.w480{ width:440px; margin-left:-240px;}
.layer.active{
	visibility:visible;
	-webkit-transform:scale(1,1);
	   -moz-transform:scale(1,1);
	    -ms-transform:scale(1,1);
	     -o-transform:scale(1,1);
	        transform:scale(1,1);
	}
.layer .title{height:44px; line-height:44px; background:#f3f4f8; width:100%; padding:0 20px; margin-bottom: 20px;}
.layer .title .name{ display:block; float:left; height:44px; font-size:15px; font-weight:bold; color:#333;}
.layer .title .close-btn{ width:16px; height:16px; float:right; margin-top:14px; background-position:0px -90px; cursor:pointer}
.layer .title .close-btn:hover{ background-position:-30px -90px;}
.layer .tips-cnt{ line-height:2; padding:20px 0; font-size:14px; overflow:hidden; margin-bottom:20px;}
.layer .tips-cnt .btn{ width:88px; height:34px; color:#FFF; line-height:32px; margin:20px 10px 0px;}
.layer .tips-cnt .ico-tip{ width:24px; height:24px; background-position:0px -310px; float:left; display:block; margin:3px 0 0 16px;}
.layer .fr-box{ width:490px; float:right;}
.layer-bot{ width:100%; padding:20px;  overflow:hidden; border-top:#eee 1px solid; text-align:center;}
.l-c-btn{ min-width:120px; height:40px; line-height:40px; text-align:center; margin:0 10px;}
.btns{ height:40px; line-height:40px; padding:0 10px; border:#d19a09 1px solid; background:#d19a09; text-align:center; color:#FFF; font-size:14px; cursor:pointer; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.btns:hover{ color:#fff !important; background:#255555; border-color:#255555;}
.btns.bbgf{background:#fff; border:#ccc 1px solid; color:#666;}
.btns.bbgf:hover{ background:#FFF; color:#d19a09;}
.btns.bred{ background:#fff; border:#ffdae1 1px solid; color:#ff3257;}
.btns.bgreen{ background:#2ec225; border-color:#2ec225; color:#fff;}
.btns.bgrey{
	border:#e6e6e6 1px solid;
	color:#666;
	background:#ccc;
	background-image:-webkit-gradient(linear,center 0%,center 100%,from(#fdfdfd),to(#f4f4f4));
	background-image:-webkit-linear-gradient(top,#fdfdfd,#f4f4f4);
	background-image:   -moz-linear-gradient(top,#fdfdfd,#f4f4f4);
	background-image:    -ms-linear-gradient(top,#fdfdfd,#f4f4f4);
	background-image:     -o-linear-gradient(top,#fdfdfd,#f4f4f4);
	background-image:        linear-gradient(top,#fdfdfd,#f4f4f4);
	}
.btns.bgrey:hover{ border-color:#fed6e1; background:#fef3f7; color:#d19a09;}
.btns.bblue{ background:#08BBE2; border-color:#08BBE2;}
.btns.fail{ background:#ccc !important; border-color:#ccc !important;}
.btns.fail:hover{ background:#ccc; border-color:#ccc;}
/* 弹窗模块样式开始 */
.popBtn{ 
	height:30px;
	line-height:30px;
	padding:0 12px;
	border:#d19a09 1px solid;
	background:#d19a09;
	text-align:center;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	display:inline-block;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
	    -ms-transition:all 0.2s;
	     -o-transition:all 0.2s;
	        transition:all 0.2s;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
	     -o-border-radius:3px;
	        border-radius:3px;
	}
.popBtn:hover{ color:#fff; background:#255555; border-color:#255555;}
.popBtn-outlined{ background:#FFF; border-color:#d19a09; color:#d19a09;}
.popBtn-cancle{ background:#c3c4c8; border-color:#c3c4c8; color:#fff;}
.popBtn-cancle:hover{background:#b3b4b8; border-color:#b3b4b8; color:#fff;}

.popMsg{
	height:24px;
	line-height:24px;
	font-size:14px;
	color:#FFF;
	position:fixed;
	z-index:999;
	left:50%;
	top:50%;
	opacity:0;
	visibility:hidden;
	padding:10px 30px;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background:rgba(0,0,0,0.75);
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
 	    -ms-transition:all 0.3s;
	     -o-transition:all 0.3s;
	        transition:all 0.3s;
	-webkit-transform:translateY(50px);
	   -moz-transform:translateY(50px);
	    -ms-transform:translateY(50px);
	     -o-transform:translateY(50px);
	        transform:translateY(50px);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
}
.popMsg.active{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}
.popBg{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	left:0px;
	top:0px;
	display:none;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background:rgba(0,0,0,0.25);
}

.popDialog{
	width:360px;
	height:auto;
	z-index:1000;
	background:rgba(0,0,0,0.1);
	padding:5px;
	opacity:0;
	visibility:hidden;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
 	    -ms-transition:all 0.3s;
	     -o-transition:all 0.3s;
	        transition:all 0.3s;
}
.popDialog.active{opacity:1; visibility:visible;}
.popDialogBox{
	padding:0 20px;
	background:#FFF;
	overflow:hidden;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	}
.popDialogTitle{height:40px; line-height:40px; background:#f3f4f8; border-bottom:#e3e4e8 1px solid; width:100%; padding:0 20px; margin:0 -20px; position:relative;}
.popDialogTitle .name{ display:block; float:left; height:40px; font-size:16px; color:#333;}

.popDialogBox .pop-icon{ background-image:url(../img/pop-icon.png);}
.popDialogTitle .close-btn{ width:40px; height:40px; position:absolute; right:0px; top:50%; margin-top:-20px; background-position:0 0; cursor:pointer;}
.popDialogTitle .close-btn:hover{ background-position:-40px 0;}
.popDialogBot{ width:100%; padding:10px 20px; margin:0 -20px; background:#f3f4f8; font-size:0; text-align:center;}
.popDialogBot .popBtn{width:80px; padding:0; margin:0 10px;}
.popDialogContent{ padding:24px 0 25px 50px ;  line-height:24px; position:relative;}
.popDialogContent i{ width:32px; height:32px; display:block; position:absolute; left:0; top:20px;}
.pop-icon-alert{  background-position:-80px 0px;}
.pop-icon-error{background-position:-120px 0px;}
.pop-icon-prompt{ background-position:-160px 0px;}
.pop-icon-yes{ background-position:0px -40px;}
/* 弹窗模块样式结束 */


.u-form{ font-size:14px; padding:20px; color:#333;} 
.u-form li{ margin-top:15px; line-height:36px;}
.u-form .name{width:140px;text-align:right; margin-right:10px; font-size:12px;  line-height:36px; float:left; font-weight:bold;}
.u-form .input-box{ float:left; position:relative;}
.u-form .input-box font{font-size:16px; display:inline-block; vertical-align:-3px;}
.u-form .input-txt{ width:280px;}
.u-form .input-tra{ height:48px; line-height:16px;}
.u-form .label{ margin-right:20px;}
.u-form .select{ height:40px; margin-right:10px; border:#ddd 1px solid; padding:0 4px;} 
.u-form .opn{ margin:0 0 0 150px;}
.u-form .opn .btn{ width:120px; height:36px; line-height:34px; font-size:15px; border-radius:2px;}
.u-form .pic{ width:150px; height:150px; padding:4px; border:#e5e5e5 1px solid; font-size:0px; line-height:0px; position:relative; cursor:pointer; float:left;}
.u-form .pic img{ width:150px; height:150px;}
.u-form .getyzm{ width:120px; height:34px; line-height:34px; padding:0;}
.u-avatar{ width:500px; min-height:250px; padding:4px; border:#E5E5E5 1px solid;background: #ccc;}
.u-avatar img{ width:100%;}
.plrb20{ padding:0 20px 20px; }
.carttable.thsp td{ padding:15px 12px;}
.carttable.thsp .title td{ padding:0 12px;}
.scpz-btn{ width:150px; height:36px; border:none; font-size:14px; color:#333; cursor:pointer;}
.mb0{ margin-bottom:0 !important;}
.layer .tips-cnt .bt{ font-size:18px; color:#333; font-weight:bold;}
.layer .tips-cnt .bt img{width:24px; height:24px; display:inline-block; vertical-align:middle; margin:-2px 10px 0 0;}
.carttable.plr10 tr.title td{ padding:0 10px;}
.u-form .dsp{ margin-top:10px; line-height:1; font-size:12px; margin-left:150px;}
.u-form .tips{ margin-top:10px; height:16px; line-height:16px; font-size:12px; color:#d30830;}
.u-form .tips img{ display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}
.u-form .input-txt.areacode{ width:80px; font-size:12px;}
.u-form .input-txt.telephone{ width:120px; font-size:12px;}
.u-form .input-txt.ext{ width:100px; font-size:12px;}
.sfz-what{ padding:10px; margin:0; display:inline-block; vertical-align:middle; position:relative; cursor:pointer;}
.sfz-what:hover .tip-box{ display:block;}
.sfz-what{ padding:10px; display:inline-block; vertical-align:middle; position:relative; cursor:pointer;}
.sfz-what .tip-box{
	display:none;
	width:300px;
	height:auto;
	background:#FFF;
	line-height:1.5;
	padding:15px;
	font-size:12px;
	border:#ccc 1px solid;
	background:#FFF;
	position:absolute;
	right:0px;
	top:28px;
	-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	-o-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	-ms-box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	box-shadow:0px 1px 5px rgba(0,0,0,0.25);
	}
.sfz-what .tip-box .line{ border-bottom:#CCC 1px dotted; margin:10px 0;}
.btn.convert{ width:120px; height:36px; border-radius:0px; margin-left:10px;}
.ur-thq{ width:960px;}
.ur-thq .item{ width:280px; height:174px; background:url(../img/thq.png) no-repeat left top; color:#FFF; margin:40px 40px 0 0; float:left;}
.ur-thq .text{ padding:43px 20px 20px 90px; line-height:30px; font-size:15px;}
.line-bt{ padding:10px 0; font-size:14px; font-weight:bold; color:#333; margin-top:20px;}
.mrdz-btn{height:22px; line-height:22px;}
.certified-flag{height:16px; line-height:16px; padding:0 10px; display:inline-block; border:#2ec225 1px solid; color:#2ec225; font-size:12px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.tap {
    display: block;
    position: relative;
}
.logininfo{ height:30px; line-height:30px; float:right; font-size:15px; margin-top:30px; color:#FFF;}
.logininfo a{ color:#FFF;}
.logininfo .c5{ margin-left:5px; color:#d19a09 !important; border-bottom:#d19a09 1px solid;}

.header .tel{ float:right; padding:22px 0 0 30px; text-align:right;}
.header .tel .small{ font-size:14px; color:#eee; line-height:1;}
.header .tel .big{ font-size:24px; color:#eee; line-height:1; margin-top:10px;}

.suspension{ width:70px; position:fixed; z-index:205; bottom:150px; right:0;}
.suspension .item{ width:70px; height:70px; margin-top:5px; position:relative;}
.suspension .tap{ width:68px; height:68px; background:#fafafa; border:#ddd 1px solid; display:block; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.suspension .tap .icon{ width:30px; height:30px; display:block; margin:9px auto 0;}
.suspension .tap p{ line-height:1; text-align:center; color:#999; padding-top:8px;}
.suspension .tap:hover{ background:#f0f0f0;}
.suspension .tap:hover p{ color:#d19a09;}
.suspension .tap .icon-qqkf{ background-position:-60px -420px;}
.suspension .tap:hover .icon-qqkf{ background-position:-100px -420px;}
.suspension .tap .icon-fhdb{ background-position:-140px -420px;}
.suspension .tap:hover .icon-fhdb{ background-position:-180px -420px;}



.u-tips{
	padding:20px 25px;
	border:#ffdede 1px solid;
	background:#fff5f5;
	line-height:2;
	font-size:14px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	}

.location font{float:left; margin-right:5px; margin-top:12px;}
.job-list-tpl4 dt.open {overflow:hidden;border-radius:100%;color: #000;background: #c8a063; position:absolute; left:10px; z-index:2;-webkit-transition: all .53s ease-out;-moz-transition: all .53s ease-out;-o-transition: all .53s ease-out;
-ms-transition: all .53s ease-out;transform:rotate(360deg);-ms-transform:rotate(360deg); 	/* IE 9 */-moz-transform:rotate(360deg); 	/* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); 	/* Opera */}
.lstext{margin-left:120px; margin-right:5px; color:#c8a063;font-size:16px; line-height:22px; }
.lsbg{width:100%; background:url(../img/lisbg_03.png) top center repeat-y;}


/* quick login start */
.qlogin-box{ width:240px; position:absolute; right:50%; top:50%; margin:-77px -560px 0 0; padding:20px 30px 30px; z-index:105;  background:#fff; border-radius:10px;}
.qlogin-box .tit{ height:60px; font-size:18px; font-weight:bold; text-align:center; line-height:60px; color:#333;}
.ql-btn{width:100%; height:44px; line-height:44px; text-align:center; background:#eb4e3e; font-size:18px; color:#fff; display:block; border:none; -webkit-border-radius:8px; border-radius:8px;}
.ql-btn:hover{ color:#FFF;} 
/* quick login end */

.suspension .tap .icon-dhzx{ background-position:-240px -420px;}
.suspension .tap:hover .icon-dhzx{ background-position:-280px -420px;}
.suspension-box{ width:320px; background: #FFF; border:#ddd 1px solid; position:absolute; top:0; right:70px; -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.15); -moz-box-shadow:0 1px 10px rgba(0,0,0,0.15); -ms-box-shadow:0 1px 10px rgba(0,0,0,0.15); box-shadow:0 1px 10px rgba(0,0,0,0.15); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); opacity:0; visibility:hidden;}
.suspension .item:hover .suspension-box{ opacity:1; visibility:visible; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.suspension-box:after{ content:''; position:absolute; right:-8px; top:27px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff; }
.dhzx{ width:160px; padding:20px 20px;}
.dhzx .small{ font-size:14px; line-height:1; color:#999;}
.dhzx .big{ font-size:24px; line-height:1; margin-top:10px;}
