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

/*-------------------------------------
author:	UI_group		
time：20170515
-------------------------------------*/
/*reset*/
ul, ol{margin: 0;padding: 0;list-style: none;}
body, p, dl, dd, pre, h1, h2, h3, h4, h5, h6{margin: 0px;}
/*form*/
input, button, option, textarea, select, fieldset{font:100% "\5FAE\8F6F\96C5\9ED1";padding: 0;margin:0;outline: none;vertical-align: middle;}
input[type="text"],textarea{box-sizing: border-box;*padding:0;resize: none;}
a{text-decoration: none; color:inherit;}
img,iframe,fieldset{border:none;}
:focus{outline:none;}
/*清除浮动*/
.clearfix:after { content: '\200B'; display: block; height: 0; clear: both;}
.clearfix{*zoom: 1;}
/*æŽ'版*/
body  { color:#333; font:14px/1.7 "\5FAE\8F6F\96C5\9ED1"; }
.footer,.top,.head,.wrap-box,.imgbgBox{min-width:1200px;}
.wrap{width:1200px;margin:0 auto;}
.footer-box .footer{margin-top:0;}
.top-posa{position: absolute;top: 0;width:100% }
.top{color:#fff;height:66px;line-height:66px;background: rgba(1,51,110,.6);}
.logo-box{float: left;height: 66px;}
.logo{display: inline-block;height:40px;vertical-align: middle;}
.logo-p{font-size:28px;vertical-align:middle;margin-left:10px;font-family:"吕建德字体简体";}
.top-a{float:right;color:#fff;}
.t-a{margin-left:20px;}
.t-a:hover{text-decoration: underline;}
.head-pic-sm{display: inline-block;width:23px;height:23px;margin-right:-15px;border:2px solid #fff;border-radius:50%;vertical-align: middle;}

.head{position:relative;line-height: 48px;background: rgba(0,30,66,.5);}

.wrap-box{padding:40px 0;}
.ht-sm{color:#555;font-size: 28px;font-weight: normal;text-align: center;}
.ht-sm:after {content:"";display: block;width: 45px;height: 3px;margin: 15px auto;background: #2470c7;}

.gn-box{text-align: center;margin-top:40px;}
.gn{float:left;width:215px;height:215px;margin: 0 12px 40px;text-align: center; color:#fff;}
.gn-h3{font-size:22px;font-weight:normal;margin:10px 0 5px;}
.gn-p{line-height: 24px;text-align: left;padding:0 20px;}

/*.intro-box{font-size:0;margin-top:40px;}
.intro{display:inline-block;*display:inline;zoom:1;width:50%;margin-bottom:40px;}
.intro-h4{font-size:24px;font-weight:normal;margin-bottom:20px;}
.intro-img{float:left;width:200px;height:150px;margin-right:20px;}
.intro-ul{overflow: hidden;}
.intro-ul dt{font-size: 18px;padding:10px 0;}
.intro-ul dd{font-size:14px;line-height: 30px;padding-left: 20px; background: url(../../images/ico.png) no-repeat 5px -179px;}*/

.reg-wrap .top{}
.reg-t-a{padding: 3px 12px 5px;border:1px solid #fff;transition: all .3s ease-out;}
.reg-t-a:hover{text-decoration: none;background: #ff6000;}
.reg-box a{color:#053597}
.reg-wrap, html {min-width: 1200px;}
.reginfo-wrap .reg-box{box-shadow:none;}
/*登录bg*/
.reginfo-wrap,.reg-wrap{background:url(../images/dl3.jpg) center no-repeat;background-size: cover;height:100vh;position:relative}
.reg-box{position:absolute;top:0;bottom:0;left:0;right:0;width: 887px;height: 630px;margin:auto;border-radius:4px;box-shadow:0 0 13px 7px rgba(1,78,168,1);transition:all 0.3s ease}
.reg-right{margin: 0 0 0 560px;background: #fff;height: 100%;}
.reg-form,.login-form{padding:38px 35px 20px 35px;height: 100%;border-radius:0 4px 4px 0;overflow: hidden;box-sizing: border-box;}
.reg-form{display:none;}
.reg-form-m{position:relative; margin:0 0 24px;}
.reg-input{overflow: hidden;height: 38px;border-radius:3px;border: 1px solid #d1cfcf;transition: all .3s ease-out;}
.reg-text{box-sizing:border-box; width: 100%;height: 38px;padding-left: 10px;font-size: 14px;background: none;border: none;}
.reg-yzm{position:absolute;top: 12px;right: 11px;font-size: 12px;color:#053597;background: #fff;border: none;cursor: pointer;}
.reg-input-focus{ border-color:#2a8cd7;}
.reg-tip{position: absolute;top:47px;font-size:12px;line-height: 1;}
.reg-btn-box{padding:15px 0 0;position: relative;}
.reg-btn-box .login-intro{position: absolute;left: 0;right: 0;bottom: -24px;text-align: center;}
.reg-btn{display:block;width:100%;margin:0 auto;line-height: 45px;text-align:center;font-weight: bold;font-size: 18px;color:#fff;background: #2a8cd7;border:none;border-radius: 4px;transition: all .3s ease-out;cursor: pointer;position: relative;z-index: 1;}
.login-btn{width:102px;margin:0 12px 10px;height:35px;line-height: 35px;text-align:center;font-size: 14px;color:#fff;background: #2a8cd7;border:none;border-radius: 4px;transition: all .3s ease-out;cursor: pointer;position: relative;z-index: 1;}
.IPlogin-btn{background:#fd8521;}
.reg-btn:hover,.btn:hover{background: #1f7cc3;}
.reg-btn-bg{width:260px;height:48px;line-height: 48px;font-size: 18px;color:#fff!important;}
.reg-btn-m{display:inline-block;width:auto;padding:0 20px;margin-right:10px;}
.reg-intro{margin-top:5px; margin-bottom: 22px;text-align: center;font-size: 12px;color: #888;clear: both;}
.reg-intro input{margin:-2px 0 0 0;}
.reg-intro label{cursor:pointer;white-space: nowrap;}
.login-intro{margin-top: 4px;text-align: left;font-size: 12px;color:#888;}
.reg-forget{position: absolute; bottom: 20px; right:42px;text-align: right;}
.reg-forget a{color:#053597;}
.reg-forget a:hover{color:#ff6000;}
.yzm-solve{position: absolute;top:63px;height:0;z-index:2;transition: all .3s ease-out;overflow: hidden;}
.yzm-solve dt{text-shadow:0 0 0 #333;margin-bottom:5px; }
.yzm-solve dl{padding:5px 15px;line-height:1.2;background: #f4f4f4;border:1px solid #d2d2d2;border-radius:4px;}
.yzm-solve dd{color:#666;}
.h155{height:270px;}
.yzm{float:right;position:static;margin-left: 8px;}
.yzm img{display: block;height:40px;}
.reg-login a{color:#053597;}
.reg-top{position:relative;margin: 0 auto 74px;text-align:center;}
.rl-user-head{display:block;width:100px;height:100px;margin: 0 auto;border-radius:50%;overflow:hidden;border:1px solid #e5e5e5;}
.rl-user-head img{width:100%;height:100%;}
.reg-login{position: absolute; bottom: -36px;width: 100%;text-align:center;color:#333;}

.reg-info{position:absolute;top:50%;right: 30px;left: 30px;*margin-top:-120px;transform:translate(0,-50%);padding:45px 0;background: #fff;border-radius:4px;text-align:center;}
.i-suc{float:left;width:47px;height:50px;margin-right:10px;background: url("../images/suc.png") no-repeat;}
.reg-suc-intro{overflow: hidden;text-align: left;}
.reg-success h2{font-size:24px;margin-bottom:5px;}
.reg-success p{color:#666;} 
.reg-suc-m{display: inline-block;*display: inline;zoom:1;margin-bottom:10px;}
.a-link{color:#053597;border-bottom:1px solid #053597;}
.reg-top-tip{/*display: none;*/ position: absolute;bottom: -81px;left: 0;right: 0;padding: .5em;line-height: 1.4;text-align: left;font-size:12px;background: #edf6fd; border: 1px solid #d1e9fb;border-radius: 4px;}
.reg-tip .cr{display: block;overflow: hidden;}

.step-wrap{float: left;width: 560px;height: 100%;box-sizing: border-box;padding:110px 40px 20px;background: #f4f4f4;background: rgba(255,255,255,.7);border-radius:4px 0 0 4px;}
.step-box{margin-top:55px;/*75px*/}
.step{margin-bottom:25px}
.step-ht{font-size:38px;line-height:50px;color:#0f73c0;}
/*.step-ht p{font-family:"汉仪行楷简";}*/
.step-ht p{font-family:"吕建德字体简体";}
.step h1{position:relative;margin-bottom:10px;font-size: 18px;font-weight: normal;text-shadow: 0 0 0 #333;}
.step li:before{content:"";position: absolute;top:9px;left:6px;width:7px;height:7px;vertical-align:middle;background:#b0a7a7;border-radius:50%;}
.step p,.step li{position: relative;margin-bottom: 10px;line-height: 27px;text-indent: 1.5em;color: #555;font-size: 16px;}
.step b{font-size:20px;}
.step-tip{position:relative;display:inline-block;width:15px;height:15px;font-style: normal;border:1px solid #9b9b9c;border-radius:50%;}
.step-tip:before{content:"!";position:absolute;font-size:12px;left: -19px;top: 1px;line-height: 1;text-align: center;font-weight: bold;color: #999;}
.step-toggle{right:0;opacity:0;}
.step-btn{position: absolute;top: 50%;right:-388px;width: 13px;height: 80px;margin-top: -40px;font-size: 0;background: #fff;background: rgba(255,255,255,.23);border-radius: 0 50px 50px 0/0 25px 25px 0;cursor: pointer;transition: all .3s ease-out;}
.step-btn-toggle{ right: -13px;}
.step-btn a{display:block;width:6px;height:16px;margin: 30px 0 0 2px;background:url("../../images/step-btn.png") no-repeat 0 0;}
.step-btn-toggle a{background-position:0 -13px;}
.step-close{position: absolute;right: 15px;top: 6px;color: #999;font-size: 16px;}
.reg-box-toggle{margin-left:-302px;}

.reg-toggle-wrap{position:relative; top: 22px;}
.toggle-a{position: absolute; top: -30px;}

.lay-wrap{display:none; position:fixed; width:400px;top:50%;left:50%;margin-top: -100px;margin-left: -200px;background:#fff;border-radius:4px;z-index:101;transition: all 1s ease-out;}
.lay-head{padding:14px 20px;line-height: 50px;background:#eff2f7;border-bottom:1px solid #d8d8d8;border-radius: 4px 4px 0 0;}
.lay-title{float:left;font:16px "\5FAE\8F6F\96C5\9ED1"}
.lay-close{float:right;width:15px;height:15px;margin-top: 2px;background: url("../../images/ico.png") no-repeat 0 -235px;}
.lay-content{position:relative;padding:40px 20px;text-align:center;}
.form-label{display: inline-block;min-width: 5em;text-align: right;}
.form-label,.input-text,.yzm{vertical-align: middle;}
.input-text{width:90px;height:30px;line-height: 30px;padding-left:5px;margin:0 10px;border:1px solid #cecece;border-radius:2px;}
.lay-footer{padding:15px;text-align:center;border-top:1px solid #d8d8d8;}
.shaw{display:none; position:fixed;top:0;bottom:0;left:0;right:0;background:#000;filter: alpha(opacity=25); background: rgba(0,0,0,.25);z-index:100;}
.lay-content .reg-tip{top:88px;left: 87px;color:red;}
.lay-content .yzm{float:none;}

.yx-footer-box{position: absolute;bottom: 0;width: 100%;text-align:Center;color:#f9f4f4;border-top:1px solid #fff;padding-top:6px;font-size:12px;line-height:19px;}
.btn{display: inline-block;padding:4px 14px;color:#fff;background: #2a8cd7;border:1px solid #337ab7;border-radius:4px;}
.btn-line{color:#337ab7;background:#fff;border:1px solid #337ab7;}
.btn-line:hover{background: #f4f4f4;}
.btn-disabled,.btn-disabled:hover{background:#ccc;color:#999;cursor:not-allowed;}
.reg-yzm.btn-disabled{background:none;}
.lay-footer .btn{margin:0 5px;color:#fff;}
.lay-footer .btn-line{color:#337ab7;}

.y{display: inline-block;width:50px;height:50px;line-height: 50px;border-radius: 50%;margin-top:30px;}
.i{display: inline-block;width:30px;height:30px;vertical-align: middle;background: url("../../images/ico.png") no-repeat;*margin-top:10px;}
.i1{width:20px;height:20px;margin-right: 10px;background-position: 0 0;*margin-top:0;}
.i2{background-position:1px -26px;}
.i3{background-position:3px -57px;}
.i4{background-position:2px -86px;}
.i5{background-position:1px -115px;}
.i6{background-position:2px -146px;}

.bjb{background: #6abfea;}
.bjb .y{background: #299eda}
.bjy{background: #e8cc5a;}
.bjy .y{background: #d8b128}
.bjz{background: #c79ddf;}
.bjz .y{background: #b06ad8}
.bjg{background: #75d98b;}
.bjg .y{background: #46c962}
.bjr{background: #e99898;}
.bjr .y{background: #d67575}

.hide{ overflow: hidden;}
.cg9{color:#999;}
.cr{color:#eb0707;}
.tc{text-align:center;}
.bjf6{background: #f6f6f6;}
.on{display:block;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

/*@media \0screen\,screen\9 {
	  .top,.head{
	    background-color:#01336e;
	    filter:Alpha(opacity=80);
	    position:static; 
	    *zoom:1;
	  }
	  .head{
	    background-color:#001e42;
	    filter:Alpha(opacity=50);
	  }
	  .top div,.head div{
	    position: relative;
	  }  
	  .reg-info{margin-top:-120px;}
	}*/
.u{display: inline-block;width: 20px;height: 20px;margin:0 8px;vertical-align: middle;}
.u4{background-position: 2px -29px;margin: 0 4px 0 0;float: left;}
::-ms-clear,
::-ms-reveal
{display:none;}

.j-name{border:1px solid red;}


 /*新版*/
.account .rl-user-head, .rl-user-head-sm { width: 60px;height: 60px;}
.account .reg-top-tip {bottom: -74px;}
 .account .reg-top { margin: 0 auto 74px;  }
.t-i-box { margin-right: -15px;}
.talk-ht{font-size:14px;color:#999;margin-bottom:16px;font-weight:normal}
.t-i {display: inline-block; width: 44px; height: 44px;border: 1px solid transparent;margin-right: 14px;border-radius: 50%; background-image: url('../../images/talk-ico.png');background-repeat: no-repeat; transition: .3s; }
 .t-qq { background-position: 7px 6px;border-color: #0fa6f0;}
.t-wc {background-position: 7px -79px;border-color: #5fd45f; }
.t-wb {background-position: 7px -37px;border-color: #ed282d;}
.t-wy {background-position: 7px -122px; border-color: #d1201f; }
.t-qq:hover{background-position:-23px 6px;background-color: #0fa6f0;}
 .t-wc:hover {background-position: -23px -79px; background-color: #29b329; }
.t-wb:hover{background-position:-23px -37px;background-color: #ed282d;}
.t-wy:hover{background-position:-23px -122px;background-color: #d1201f;}
.account .reg-forget {bottom:-4px; right: 0;}
/*.account .reg-btn-box { padding: 5px 0 0;}*/
.l-erwei {display: block;width: 190px;height: 190px;margin: 85px auto 0;}
.l-erwei-p {color: #9f9f9f;margin-top: 15px;text-align: center;}
.account-wrap {position: relative; height:463px;}
 .account {position: absolute; overflow: hidden; left: 0; right: 0;height: 100%;}
.account-erwei {left: 100%;background: #fff;z-index: 10;transition: .3s;}
 .account-toggle { position: absolute;top: -48px; right: -42px; width: 105px; height: 105px; background-color: #fdf3ed; background-image: url('../../images/l-erwei.png');z-index: 11; overflow: hidden; transition: .3s;}
.account-toggle:after{content:"";display:Block;width: 200px;height: 200px;background: #fff;position: absolute;top: 34px;left: -101px;transform: rotate(45deg);box-shadow: inset 3px 6px 6px rgba(255,240,216,.8);}
.a-wr-box{left:0;}
.account-ew{ background-image: url('../../images/l-wap.png');}

.jifen-img{margin-top:15px;}
.jifen-img img{max-width:100%;}

@media screen and (max-width: 887px) {
    .reg-wrap, reginfo-wrap {
        width: 887px
    }
}
@media screen and (max-height: 900px) {
    .reg-wrap, reginfo-wrap {
        height:900px;
    }
}


/*@media (max-width:1440px) {
    .top {height: 56px;line-height: 56px;}
.logo-box {height: 56px;}
.reg-box {margin-top: -257px;height: 520px;}
.step-wrap {padding: 30px 40px 20px;}
.reg-form, .login-form {padding: 20px 42px 10px 40px;}
.account-toggle {top: -20px;right: -42px;}
.reg-input {height: 36px;}
.reg-text {height: 36px;}
.reg-btn-box {padding: 0 0 15px;margin-top:-15px;}
.yzm img {height: 38px;}
.reg-btn-box .reg-intro {bottom: -8px;}
.reg-forget { bottom: 8px;}
.account-wrap { height: 402px;}
.reg-tip {top: 44px;}
.account .reg-forget {bottom:-4px;}
.account .rl-user-head, .rl-user-head-sm { width: 55px; height: 55px; }
.account .reg-top,.reg-top { margin: 0 auto 64px; }
}*/
/*@media (max-width: 1200px) {

.step-wrap {padding: 10px;width: 60%;}
.reg-right {margin: 0;overflow: hidden;}
.reg-box {max-width: 98%;margin: 0 auto;transform: translate(-50%,-50%);}
.step-box { margin-top: 45px;}
}*/

@font-face {
    font-family: '吕建德字体简体';
    src: url('../../Site/font/lvjiandeziti.ttf') format('truetype');
}