/* Author: itonghui of wisdom
 * Copyright 2017 Admin Designs
===================================================
  userlogin  
=================================================== */

.pr{position: relative;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Microsoft YaHei';}
.login-header{padding: 26px;height: 122px;width:100%;}
.login-wrap{display: block;width: 100%; height:480px;background:url(../image/loginbg.png) no-repeat center;}
.login-con{width:325px;height: 388px;padding: 20px 30px;background: #fff;margin: 65px 30px 27px 0;}
.login-con .login-tit h3{font-weight: normal;font-size: 22px;line-height:28px;}
.login-con .login-tit em{margin: 0 6px;color: #ffc4b2;font-size: 16px;}
.login-a{margin: 10px 0;}
.login-a label{width: 15%;float:left;margin-top: 8px;}
.login-a label img{vertical-align: middle;}
.login-a .log-input{width: 85%;height: 36px;border:0;border-bottom: 1px solid #eee;padding: 2px;font-size: 13px;}
.system-yzm{position: absolute;top:0px;right: 0;}
.system-yzm img{vertical-align: middle;height:26px;width:60px;}
.btn-login{width: 100%;height: 40px;background: #1b7dd0;color: #fff;border-radius: 20px;font-size: 16px;border:0;}
.btn-login:hover{background: #0464b5;color: #fff;}
.login-inp{vertical-align:middle;margin: 0 5px 0 0!important;width:15px;height:15px;}
.login-txt{color: #1084de;}
.item-input{width:16px;height:16px;vertical-align: middle;margin:0 5px 0 0 !important;}
/* 
===================================================
  userRegister  
=================================================== */

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bbbbbb; opacity:1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bbbbbb;opacity:1;}
input:-ms-input-placeholder{color: #bbbbbb;opacity:1;}
input::-webkit-input-placeholder{color: #bbbbbb;opacity:1;}

.log-header{height: 100px;padding: 15px; -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .1);   -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .1); /* 老的 Firefox */box-shadow: 0 3px 8px rgba(0, 0, 0, .1); }
.logo-x { display: table; height: 70px;}
.logo-x a {display: table-cell; height: 70px;width: 280px;vertical-align: middle;}
.logo-x a img { vertical-align: middle; max-width:280px; max-height: 70px;}
input:focus {outline: none} 
.login-box a.c-blue:hover{ color:#ff7d27; text-decoration:underline;}
.reg-box-pan{width:100%;padding:0 30px;}
.ml87{margin-left: 87px;}

.step{ margin:0 auto; display:block; height:100px;margin: 50px 0 40px;}
.step li{ position:relative; text-align:center;}
.step .line_bg{ height:10px; background:#e1e1e1; display:inline-block; width:100%; left: 50%; top:31px; position:absolute; z-index:1;-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.15);-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.15);box-shadow: inset 0 0 5px rgba(0,0,0,.15);}
.step .num{ position:relative; z-index:2;width:72px; height:72px;text-align:center; display:inline-block;}
.step .num i{width:72px; height:72px; display:inline-block; left:0; top:0;position:absolute;  z-index:3; color:#fff; font-style:normal; font-weight:700; }
.step .num .step2-img{background: url(../image/user-flow2b.png) no-repeat center;}
.step .num .step3-img{background: url(../image/user-flow3b.png) no-repeat center;}
.step .num .step4-img{background: url(../image/user-flow4b.png) no-repeat center;}
.step .num .step5-img{background: url(../image/user-flow5b.png) no-repeat center;}

.step .on .num .step1-img{background: url(../image/user-flow1a.png) no-repeat center;}
.step .on .num .step2-img{background: url(../image/user-flow2a.png) no-repeat center;}
.step .on .num .step3-img{background: url(../image/user-flow3a.png) no-repeat center;}
.step .on .num .step4-img{background: url(../image/user-flow4a.png) no-repeat center;}
.step .on .num .step5-img{background: url(../image/user-flow5a.png) no-repeat center;}
.step .lbg-txt{ position:relative; color:#999999; font-size:14px;margin-top: 5px;}
.step .on .lbg-txt{color:#3988e2;}

.txt01{width:400px;line-height: 16px;padding:10px 10px 10px 20px;border: 1px solid #E1E1E1;float: none;font-size: 14px;color: #333;overflow: hidden;}

.txt03{width:300px;line-height: 16px;padding:10px 10px 10px 20px; border: 1px solid #E1E1E1;float: none;font-size: 14px;color: #333;overflow: hidden;}
.reg-box .item {height:70px;line-height:34px;position: relative;z-index:5;}
.reg-box .intelligent-label {display: inline-block; width:110px;text-align: right;font-size: 14px;color: #666;padding-right: 10px;}
.reg-box .item .item-ifo{position: relative;width: 300px;}
.item-up-img{text-align: left;margin-left: 195px;}
.up-box{display: inline-block;width: 110px;height: 80px;background: url(../image/icon-up2.png) no-repeat center ;border: 1px dashed #b3b3b3;text-align: center;padding: 0px;}
.up-img{position: absolute;top:0;left:0;;opacity:0;width: 110px;height: 80px;z-index:2;}


.reg-box .txt03.v_error{border-color:#e9311d;}
.reg-box .txt03:focus{border-color:#3988e2;}
.reg-box .focus{color: #999;}
.reg-box .valid{color: #e9311d !important;}

.reg-box .blank {font-size:18px;position: absolute;left:310px;top:10px;float: none; color:#7abd54}
.reg-box .close{position: absolute;top:10px;right:10px;font-size: 18px;color: #e9311d;opacity: 1;}

.reg-box .focus,.reg-box .focusa,.reg-box .error{position: absolute;top: 30px;left:0;z-index:3; font-weight:normal; font-size:12px; color:#999;line-height: 45px;}
.reg-box .btn-yzm{ height:38px; line-height:38px; padding:0 12px;width: 132px;margin-left: 8px; border: 1px solid #3988e2;color: #3988e2;}

.btn-blue{ background-color:#3988e2;border-color:#3988e2;color:#fff;}
.btn-blue:hover,.btn-blue:active:hover,.btn-blue:focus{background-color:#2f82e0;border-color:#2f82e0;color:#fff;}
.reg-box .btn-blue{ font-size:16px; height:40px; line-height:40px; padding:0; width:216px;}
.reg-box .btn-blue-line{ color:#3988e2;border-color:#3988e2; width: 136px; font-size:16px; height:40px; line-height:40px; padding:0;background: #fff;}
.reg-box .btn-blue-line:hover{background-color:#2f82e0;border-color:#2f82e0;color:#fff;}

.alert-info{ text-align: center; display: inline-block;width: 800px;height: 58px;background: #eaf8fe;border-color: #d5f1fd;padding: 8px 120px; margin: 22px 0;}
.account-plat{display: block;height: 50px;line-height: 50px;border-bottom: 1px solid #eeeeee;text-align: left;padding-left: 100px;}
.part2-con{display: inline-block;width: 800px;margin: 0 100px;}

.reg-box .part1,.reg-box .part2,.reg-box .part3,.reg-box .part4 ,.reg-box .comp-part3{ overflow: hidden; text-align: center;border-top: 1px solid #3988E2;}
.reg-box .part1{border-top: 0;}
.reg-commit{position: absolute;top: 0;right: 0;}
.reg-commit i{display: inline-block; vertical-align: middle; width:305px; height: 177px;}
.reg-commit i img{ max-width:305px; max-height: 177px;}
.reg-select{width: 90px;height: 30px;line-height: 30px;background: #f5f5f5;border: 1px solid #e1e1e1;border-radius: 2px;}


.reg-main{padding: 25px 100px;}
.reg-part-tit{height: 45px;line-height: 45px;text-align: left;}
.reg-part-tit h5{line-height: 45px;}
.reg-part-con .successful-img{display: inline-block; vertical-align: middle; width:300px; height: 150px;}
.reg-part-con .successful-img img { vertical-align: middle; max-width:300px; max-height: 150px;}
.part-bg{ display: inline-block; width: 335px;height: 80px;  background: #f8f8f8;padding: 18px 75px;text-align: left;}
.part-bg em{position: absolute; display: inline-block;width: 18px;height: 18px;background: #fff;border-radius: 50%;}
.fl-circle{top:31px;left:-9px;}
.fr-circle{top:31px;right:-9px;}

.reg-box .strength {color: #999;line-height: 22px;padding-right: 10px;clear: both;float: none;position: absolute;top:39px;right: -9px; display:none}
.reg-box .strength b {float: left;width: 108px;height:16px;overflow: hidden;margin-top: 5px; font-weight:400;}
.reg-box .strength b i{ font-style:normal; font-size:10px; width:34px; height:16px;line-height:16px; display:inline-block; float:left; background:#dbdbdb; text-align:center; margin-left:1px; color:#fff;}
.reg-box .strength b i.on{ background:#ff6160}

/*up-example*/
.example{display: inline-block;}

#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 375px !important; vertical-align: top; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }
.example2 .sm-img{display: inline-block;width: 110px;height: 80px;}

.sm-img-bg{position: absolute;top: 0;left:0;width: 110px;height: 80px;background: rgba(0,0,0,.5); text-align: center;padding: 18px;}

/*table*/
.hiddendiv { display:none;}
.tbqh { width:100%;height:43px;border-bottom:1px solid #3988e2;background: #f8f8f8;padding-left: 40px;}
.tbqh li { float:left;height:43px;line-height:43px; background: #f5f5f5;border: 1px solid #eeeeee;border-bottom:1px solid #3988e2;}
.tbqh li a { display:block;width: 208px; font-size:16px;color:#999;font-weight: 600; text-decoration:none;}
.tbqh li.selected {
	 filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/	
    background:rgba(57, 136, 226, 0.2); /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, rgba(57, 136, 226, 0.2), #fff);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(57, 136, 226, 0.2)), to(#fff));  
    background:-o-linear-gradient(top, rgba(57, 136, 226, 0.2), #fff); 
    border-top: 1px solid #3988e2;border-left: 1px solid #3988e2; border-right: 1px solid #3988e2;border-bottom:1px solid #fff;
    opacity:1;
    }
.tbqh li.selected a { color:#1b7dd0;}
.tbqhlist { width:100%;padding:110px 25px 120px;text-align: center;}

/* 
===================================================
  companyRegister  
=================================================== */
.company .col-xs-2{width:20%!important;}
.com-redio{width: 128px; display: inline-block;float:left;line-height: 35px;}
.reg-box .item .compay-ifo {
    position: relative;
    width: 400px; text-align: left;
}
.compay-ifo label{font-weight: normal;}
.cradio{margin: 0 5px 0 0!important;vertical-align: middle;}

.reg-box .item-pic {height:130px!important;overflow: hidden;}

.examp{width: 127px; text-align: center;float:left;}
.examp .comimg{display: inline-block;width: 127px;height: 97px;}
.company-bg{position: absolute;top: 0;left:0;width: 127px;height: 97px;background: rgba(0,0,0,.5); text-align: center;padding: 18px;}

.com-p{height: 18px;line-height: 18px;}

.reg-box .company-label {display: inline-block; width:124px;vertical-align: middle;text-align: right;font-size: 14px;color: #666;padding-right: 10px;}

.reg-box .comp-item {position: relative;z-index:5;}
.reg-box .comp-item .compay-ifo {position: relative;width: 400px; text-align: left;}

.comp-select{height: 30px;border: 1px solid #e1e1e1;border-radius: 2px;font-size: 14px;padding: 0 0 0 15px;color: #666;}
.modalcon{border-radius: 0;padding-bottom: 40px;}
.modalcon .modal-body{padding:0 40px 0px 40px;overflow: hidden;width: 600px;}
.modalcon .modal-body ul li{line-height: 34px;font-size: 14px;}
.modalcon .modal-body ul li label{font-weight: normal;width: 130px;text-align: right;padding-right: 10px;color: #666;float: left;}
.modalcon .modal-body ul li .comp-mod{float:left;width: 390px;color: #333;}
.modalcon .modal-header{border: 0;}
.modalcon .modal-footer{border:0;}
#true-btn{width:156px;height: 40px;border: 0;font-size: 16px;}
.center-btn{ text-align: center!important; }
.modalcon .edit-btn{color: #3988e2;border-color: #3988e2;width: 156px;font-size: 16px;height: 40px;line-height: 40px;padding: 0;background: #fff;}


.item-up-ifo{width: 580px;}
/* .zoomify { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in;}
.zoomify:hover{background: rgba(0, 0, 0 , .3); }
.zoomify.zoomed { cursor: -webkit-zoom-out; cursor: zoom-out; padding: 0; margin: 0; border: none; 
border-radius: 0; box-shadow: none; position: relative; z-index:9999; }
.zoomify-shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0;
 width: 100%; height: 100%; display: block; z-index: 1500; background: rgba(0, 0, 0 , .3); opacity: 0; }
.zoomify-shadow.zoomed { opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }
 */

/* 
===================================================
  retrieve password  
=================================================== */
.reg-box .steppart1,.reg-box .steppart2,.reg-box .steppart3{ 
	overflow: hidden; text-align: center;
	}

.ret-con{
	width: 1200px;padding: 0 150px;
	margin:50px auto!important;
	}
.reline{
	width: 1px;height: 26px;
	background: #e5e5e5; 
	display: inline-block; 
	vertical-align: middle; 
	margin-right: 20px;
	}
.step .retnum{position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    text-align: center;
    display: inline-block;}
.step .ret-line{ 
	height:4px; 
	background:#e1e1e1; 
    display:inline-block; 
    width:100%; 
    left: 0; 
    top:35px; 
    position:absolute; 
    z-index:1;
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.15);
    box-shadow: inset 0 0 5px rgba(0,0,0,.15);
   }
.step .on .ret-line{ 
	height:4px; 
	background:#8ec253; 
   }
   
.step .retnum .codeicon{
	background: #c8c8c8;
	width:48px; 
	height:48px;
	line-height:40px;
	border:4px solid #f0f0f0; 
	text-align: center; 
	border-radius: 50%;
	display:inline-block; 
	left:0; 
	top:10px;
	position:absolute;  
	z-index:3; 
	color:#fff;
	font-size: 20px; 
	}
.step .on .retnum .codeicon{
	background: #8ec253;
	}
.step .ret-text{ 
	position:relative; 
	color:#3d3d3d; 
	font-size:18px;
	margin-top:15px;
	}
.step .on .ret-text{
	color:#8ec253;
	}
.step-main{
	text-align: center;
    overflow: hidden;
    }
.reg-box .password-label {
	display: inline-block; 
	width:110px;
	line-height: 43px;
	text-align: right;
	font-size: 18px;
	color: #333;
	padding-right: 10px;
	vertical-align: middle;
	}
.reg-box .item .item-inp{
	position: relative;width: 345px;
   }
.ret-input{
	width:345px;
	line-height: 21px;
	padding:10px 10px 10px 20px;
	 border: 1px solid #ccc;
	 float: none;
	 font-size: 14px;
	 color: #333;
	 border-radius: 0;
	 overflow: hidden;
}
.reg-box .yzmbtn{
	background: #016ecb; 
	height:43px; 
	line-height:43px; 
	padding:0 12px;
	width: 103px;
	margin-left: 8px; 
	color: #fff;
	font-size: 14px;
	border-radius:0;
	float: right;
}
.ret-successful {text-align: center;}
.ret-successful .succ-pic{
	vertical-align: middle; 
	width:90px; 
	height:90px;
	display: inline-block;
	}
.ret-successful dd{
	margin-left: 10px; 
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	}
.ret-successful .succ-pic img { 
	vertical-align: middle; 
	max-width:90px; 
	max-height:90px;
	}
.step-btn{ 
	font-size:18px;
	width:342px; 
	height:48px; 
	line-height:48px; 
	background: #016ecb;
	color: #fff;
	padding:0; 
	margin-left: 140px;
   }
.step-btn:hover{
	color: #fff;
	background: #0260b0;
	}
.step-btn:focus{color: #fff;}

.safety {
	top:8px!important;right: -190px!important;
	}