@charset "utf-8";

/* CSS Document */

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;vertical-align:baseline}
.clearfix:after,.clearfix:before{display:table;content:''}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
select{border:none;-webkit-appearance:none;-moz-appearance:none}
iframe{border:0}
a,button,img,input,select{outline:0 none}
img{border:0 none;vertical-align:top}
em,i{font-style:normal}
ol,ul{list-style:none}
button,h1,h2,h3,h4,h5,h6,input,select{font-size:100%;font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
a{color:#333;text-decoration:none}
a:hover{cursor:pointer}
input:focus,textarea:focus{outline:0;border:1px solid #288df0}
.fl{float: left;}
.fr{float: right;}

body{color:#333;font:14px/1.5 PingFangSC-Thin,"Hiragino Sans GB","Microsoft YaHei Light","Microsoft YaHei",Arial,sans-serif}
.header{position:fixed;top:0;left:0;width:100%;min-width:1024px;z-index:999;background:rgba(255,255,255,1);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.header-inner{padding: 0 40px;height: 60px;font-size: 13px;}
.header-inner .logo img{height: 40px;}
.logo{margin-top: 10px;}
.logo-pic2{display: none;}
.nav li{float: left;line-height: 60px;}
.nav li a{padding: 0 20px;}
.header a:hover{color: #2289E0;}
.user-bar{margin-top: 17px;}
.user-bar a{line-height: 24px;display: inline-block;margin-left: 10px;border: 1px solid #333;padding: 0 20px;height: 24px;border-radius: 3px;}
.user-bar a.on,.user-bar a.on:hover{background:#288DF0;color: #fff;border-color: #288DF0;}
.user-bar a:hover{color: #2289E0;border-color: #2289E0;}
.footer{text-align: center;color: #a8a8a8;font-size: 12px;padding: 20px 0;line-height: 30px;}
.footer.fixed{position: absolute;bottom: 0;left: 0;width: 100%;}
.grid{width: 1200px;margin: 0 auto;height: 100%;position: relative;}


/*register.html*/
.register-banner{width:35%;position: absolute;top: 0;left: 0;bottom: 0;background: url(../images/intro.jpg) no-repeat center center;background-size:cover ;}
.register-content{position: absolute;left: 35%;top: 0;right: 0;bottom: 0;overflow-y: auto;}
.rgst-content{width: 600px;margin: 0 auto;}
.rgst-content h2{font-size: 34px;font-weight: 300;margin-top: 40px;border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;margin-bottom: 30px;}
.ui-label{color:#4c4c4c;float:left;margin-right:10px;text-align:right;width:85px;line-height:42px;font-size:15px}
.ui-label span{color:red;margin-left:5px}
.ui-input{border:1px solid #ddd;color:#4d4d4d;font-size:14px;height:18px;line-height:18px;padding:11px 10px;transition:border .2s linear 0s,box-shadow .2s linear 0s;vertical-align:middle;width:360px;border-radius:4px}
.error{display:none;color:#ff5b5b;background:url(../images/error.png) no-repeat left center;height:18px;line-height:18px;padding-left:24px}
.ui-input-correct{background:url(../loginimages/ui-correct.png) no-repeat right center;border-color:#5fb500}
.ui-input-wrong{border-color:#ff5b5b}
.ui-form-item{margin-top:20px;position:relative}
.ui-form-item .error{margin-left:95px;margin-top:5px}
.btn{-moz-user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;margin-bottom:0;padding:11px 12px;text-align:center;touch-action:manipulation;vertical-align:middle;white-space:nowrap}
.btn-default{background-color:#fff;border-color:#ccc;color:#333}
.btn-primary{background-color:#2398ea;border-color:#2289e0;color:#fff}
.btn-primary:hover{background-color:#2289e0;border-color:#2289e0;color:#fff}
.btn-primary-new{background-color:#5fb500;border-color:#529a03;color:#fff}
.btn-primary-new:hover{background-color:#529a03;border-color:#529a03;color:#fff}
.ui-form-item .btn{width:358px;display: block;margin-left: 95px;color: #fff;font-size: 16px;}
.ui-form-item a{color: #2398ea;}
.rgst-content .ui-form-item .btn{box-shadow: 0 6px 15px rgba(29, 182, 94, 0.4);}
/*login.html*/
.banner{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../loginimages/sectionlg.png) no-repeat center center /cover;}
.banner1{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../loginimages/1.png) no-repeat center center /cover;}
.banner2{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../loginimages/11.png) no-repeat center center /cover;}
.login-area{box-shadow: 0 9px 30px rgba(0, 0, 0, 0.2);;background:rgba(255,255,255,1);width: 382px;padding:20px 40px 40px;position: absolute;top: 50%;margin-top: -172px;right: 0;}
.login-area h3{border-bottom: 1px solid #f0f0f0;font-size: 22px;padding-bottom: 15px;font-weight: 300;}
.login-area .error{margin-left: 0;}
.login-info{position: absolute;left: 0;top: 50%;margin-top: -100px;}
.login-info h3{font-size: 30px;letter-spacing: 2px;margin-top: 20px;color: #fff;}
.login-info p{margin-top: 20px;;font-size: 16px;color: #999;background: #2289E0;color: #fff;display: inline-block;padding: 2px 15px;position: relative;box-shadow: 3px 3px 0 #85bfef;letter-spacing: 2px;}
.login-info span{line-height: 30px;color: #f8f8f8;letter-spacing: 2px;display: block;}
.login-info h3 label{font-weight: 100;margin: 0 10px;}
.login-form em{left: 10px;position: absolute;top:10px;width: 20px;height: 20px;background: url(../loginimages/ico-login.png) no-repeat;}
.login-form em.ico-pwd{background-position:0 -20px ;}
.login-form .ui-form-item .ui-input{text-indent: 30px;}

.upload_btn{vertical-align: middle;margin-right: 10px;width: 96px;height: 96px;display: inline-block;background: url(../images/yyzz.png) no-repeat;border: 1px solid #e0e0e0;}
.upload_cell img{vertical-align: middle;width: 96px;height: 96px;display: inline-block;border: 1px solid #e0e0e0;margin-right: 10px;}
.upload-example{vertical-align: middle;position: relative;width: 98px;height: 98px;display: inline-block;}
.upload-example span{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.5);text-align: center;color: #fff;}
.stepLine {
    width: 98%;
    margin-bottom: 40px;
}
.stepLine .stepLineTable {
    width: 100%;
    text-align: center;
}
.stepLine .stepName {
    font-size: 12px;
}
.stepLine .stepPlan {
    position: relative;
}
.stepLine .stepPlanLine {
    width: 100%;
    height: 4px;
    border-radius: 2px;
}
.stepLine .lineFinsh {
    background-color: #06c;
}
.ThemeBGColor3 {
    background-color: #1e88e5!important;
}
.stepLine .stepCircle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: -4px;
}
.stepLine .circleLeft {
    left: 15px;
}
.stepLine .lineUnfinsh {
    background-color: #ececec;
}
.stepLine .circleRight {
    right: 15px;
}
.stepLine .stepCircleS {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin: auto;
    margin-top: 2px;
}
.stepLine .step-leftRadius-line {
    width: 100%;
    height: 4px;
    border-radius: 2px 0 0 2px;
}
.stepLine .step-rightRadius-line {
    width: 100%;
    height: 4px;
    border-radius: 0 2px 2px 0;
}

.payWay .icon-shuaqia,.payWay .icon-xianjin,.payWay .icon-shenghuozhuanzhang{font-size: 24px;vertical-align: middle;margin: 0 10px;}
.payWay a{display: inline-block;border-radius: 4px;border: 1px solid #ccc;padding: 0 10px;color: #696969;margin-right: 8px;}
.payWay a.active{border-color: #3296fa;box-shadow: 0 2px 8px 0 rgba(152,202,252,.5);}
.pay_top{background:url(../images/payBg.png) no-repeat #2280f6 right bottom;background-size:auto 100%;padding:10px 20px;color: #fff;height: 68px;}
.pay_top h3{font-size: 16px;font-weight: 600;margin-top: 10px;}
.pay_top span{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;background: url(../images/16015.png) no-repeat;background-size:cover ;border: 4px solid #4e99f8;margin-right: 10px;}
.pay_top p{margin-top: 5px;}
.pay_top h3 small{font-weight: normal;background:#00C094;font-size: 10px;border-radius: 2px;padding: 2px 5px;vertical-align: middle;margin-left: 10px;}
.pay_top h3 small.shizhu{background: #f9be00;}


@font-face {
	font-family: "iconfont";
	src: url('../registFont/iconfont.eot?t=1503628819377');
	/* IE9*/
	src: url('../registFont/iconfont.eot?t=1503628819377#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../registFont/iconfont.woff?t=1503628819377') format('woff'), /* chrome, firefox */
	url('../registFont/iconfont.ttf?t=1503628819377') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../registFont/iconfont.svg?t=1503628819377#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}


.icon-shangyedichan:before { content: "\e607"; }

.icon-jiating:before { content: "\e73d"; }

.icon-yiliao:before { content: "\e61c"; }

.icon-hugong:before { content: "\e608"; }

.icon-jigou:before { content: "\e6b5"; }

.icon-check_box:before { content: "\e606"; }

.icon-queren-zhengque:before { content: "\e609"; }
.icon-check-active {
	color: #3296fa;
}
.icon-check-active:before { content: "\e87c"; }
.payWay .icon-shangyedichan, .payWay .icon-jiating, .payWay .icon-yiliao, .payWay .icon-hugong, .payWay .icon-jigou{
    font-size: 24px;
    vertical-align: middle;
    margin: 0 10px;
    color: #007AFF;
}
.success_tip{color: #00C094;font-size: 18px;text-align: center;padding: 40px 0 200px;}
.success_tip i{display:block;margin: 0 auto;margin-bottom: 20px;width: 80px;height:80px;background: #00C094;color: #fff;border-radius: 50%;line-height: 80px;text-align: center;font-size: 34px;}