.logo-bg{ background: url(/img/CCEAdataTradPlat/login-bg.jpg) no-repeat center top; height:616px;}
.login-box{ width: 330px; padding: 40px 35px 30px; background: #fff; border-radius:20px; border: 4px solid #fff; margin-top: 80px;
      background:#fffaed;
      background:-webkit-linear-gradient(left,#fffaed,#ffffff);
      background:-moz-linear-gradient(left,#fffaed,#ffffff);
      background:-ms-linear-gradient(left,#fffaed,#ffffff);
      background:linear-gradient(left,#fffaed,#ffffff);
}
.login-box .tab{margin-bottom: 28px;}
.login-box .tab ul li{ display: inline-block; text-align: center; font-size: 20px; width: 150px; position: relative; line-height: 54px; cursor: pointer;}
.login-box .tab ul li.on{ color: #d50401; font-weight: bold;}
.login-box .tab ul li.on::after{ content: ''; display: block; width: 30px; height: 4px; border-radius: 2px; background: #d50401; position: absolute; left: 50%; margin-left: -15px; bottom: 0;}

.login-con ul li{ margin-bottom: 10px; position: relative;}
.login-con ul li .inputxt{ width:270px; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 20px; background: #f6f7f9; border: none;}
.login-con ul li .inputxt::placeholder{ font-size: 14px; color: #b5b5b5;}
.login-con ul li .inputxt.inputCom01{ background: url(/img/CCEAdataTradPlat/icon09.png) no-repeat 25px 10px #f6f7f9; padding-left: 45px;}
.login-con ul li .inputxt.inputCom02{ background: url(/img/CCEAdataTradPlat/icon10.png) no-repeat 25px 12px #f6f7f9; padding-left: 45px;}
.login-con ul li .inputxt.inputCom03{ background: url(/img/CCEAdataTradPlat/icon11.png) no-repeat 25px 12px #f6f7f9; padding-left: 45px;}
.login-con ul li .yzmCode{ position: absolute; right:90px; top:2px; cursor: pointer;}
.login-con a{ color: #d50401;}
.login-con .btn{ display: block; width: 320px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #d50401; border-radius: 20px; color: #fff; font-size: 16px; margin: 20px auto;}
.login-con p label::before{display: inline-block; cursor: pointer; width: 16px; height: 16px; content: ''; background: url(/img/CCEAdataTradPlat/mark.png) no-repeat; vertical-align: top; margin:3px 5px 0 0;}
.login-con p label.on::before{background: url(/img/CCEAdataTradPlat/mark-on.png) no-repeat;}
.midCenter{ text-align: center;}


.reg-mod{ border-radius: 8px;background: #fff; margin: 20px auto; padding: 30px;}
.reg-mod .title{border-bottom: 1px solid #f5f6fa; padding-bottom: 20px; margin:0 0 20px;}
.reg-mod span a{ color: #d50401;}


.reg-mod .reg-con{ width:555px; margin: 0 auto;}
.reg-mod .reg-con ul li{ margin-bottom: 10px;}
.reg-mod .reg-con ul li strong{ display: inline-block; line-height: 33px; vertical-align: top; width:130px; text-align: center;}
.reg-mod .reg-con ul li .inputxt{ display: inline-block; vertical-align: top; border: none; width: 380px; height: 40px; border-radius: 20px; line-height: 40px; background: #f6f7f9; padding: 0 20px;}
.reg-mod .reg-con ul li .inputxt::placeholder{ color: #999;}
.reg-mod .reg-con ul li .txtHeight{ border:none; height: 80px; width: 390px; border-radius: 8px;background: #f6f7f9;  line-height: 24px; padding: 15px; font-size: 14px;}
.reg-mod .reg-con ul li .timeInput{background:url(/img/CCEAdataTradPlat/arrow.png) no-repeat 370px  center #f9fafb; display: inline-block; vertical-align: top; border: none; width: 380px; height: 40px; border-radius: 20px; line-height: 40px; padding: 0 20px;}
.reg-mod .reg-con ul li em{ position: absolute; right: 55px; top:10px;}
.reg-mod .reg-con ul li .btn{ color: #d50401; position: absolute; right: 25px; top: 10px;}
.reg-mod .reg-con ul li .btn:hover{ text-decoration: none;}
.reg-mod .reg-con ul li p{ margin: 10px 0 0 85px; display: none;}
.reg-mod .reg-con .sure-btn{display: block; width: 140px; height:40px; margin: 35px auto 0; line-height: 40px; border-radius: 20px; background: #d50401; text-align: center; color: #fff; font-size: 16px;}
.reg-mod .reg-con .sure-btn:hover{text-decoration: none;}
.reg-mod .reg-con ul li .upload{ width: 0px; height: 0px; display: inline-block; overflow: hidden;}
.reg-mod .reg-con ul li .upload-btn{border: none; cursor: pointer; display: inline-block; position: relative; width: 68px; height: 30px; line-height: 30px; text-align: center; background: #ffeaea; color: #d50401;}
.reg-mod .reg-con ul li .citySelect{appearance: none;width:420px; height: 40px; padding: 0 15px; line-height: 40px; border-radius: 20px; background:url(/img/CCEAdataTradPlat/arrow.png) no-repeat 370px  center #f6f7f9;outline: none; border: none;}
.reg-mod .reg-con ul li .citySelect option:first-child{ color: #999;}
.reg-mod .reg-con ul li i{ color: #d50401;}
.reg-mod .reg-con ul li.agreement{ text-align: center;}
.reg-mod .reg-con ul li.agreement label::before{display: inline-block; cursor: pointer; width: 16px; height: 16px; content: ''; background: url(/img/CCEAdataTradPlat/mark.png) no-repeat; vertical-align: top; margin:3px 5px 0 0;}
.reg-mod .reg-con ul li.agreement label.on::before{background: url(/img/CCEAdataTradPlat/mark-on.png) no-repeat;}
.reg-mod .reg-con ul li.agreement a{color: #d50401;}


.step-mod{border-radius: 8px;background: #fff; margin: 20px auto; padding: 30px;}
.step-mod .title{border-bottom: 1px solid #f5f6fa; padding-bottom: 20px; margin:0px 0 20px;}
.step-mod .step-con{ width: 500px; margin: 30px auto;}
.step-mod .step-con .tab{ background: url(/img/CCEAdataTradPlat/step-bg01.png) no-repeat; height:56px; line-height: 56px;}
.step-mod .step-con .tab li{ text-align: center; display: inline-block;width:218px; font-size: 16px; color: #fff;}
.step-mod .step-con .tab li:last-child{ color: #666;}
.step-mod .step-con .tab li:last-child strong{ color: #dfdfdf;}
.step-mod .step-con .tab li strong{ font-size: 44px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.step-mod .step-list {margin-top: 30px;}
.step-mod .step-list label{ display:inline-block; width: 100px; text-align: center; font-weight: bold;}
.step-mod .step-list .inputxt{ width:320px; background: #f6f7f9; height: 40px; line-height: 40px; border-radius: 20px; padding: 0 15px; border: none; font-size: 14px;}
.step-mod .step-list .inputxt::placeholder{ color: #999;}
.step-mod .step-list li{ margin-bottom: 10px;position: relative;}
.step-mod .step-list li .code{ position: absolute; right: 65px; top: 10px; color: #d50401;}
.step-mod .step-list li .code:hover,.step-mod .step-list li .btn:hover{ text-decoration: none;}
.step-mod .step-list li .btn{ display: block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 20px; background: #d50401; color: #fff; text-align: center; margin: 30px auto;}
.step-mod .step-con.step02 .tab{ background: url(/img/CCEAdataTradPlat/step-bg02.png) no-repeat;}
.step-mod .step-con.step02 .tab :last-child{ color: #fff;}
.step-mod .step-con.step02 .seeImg,.step-mod .step-con.step02 .seeImg.on{display: block; width: 21px; height:19px;background: url(/img/CCEAdataTradPlat/icon12.png) no-repeat; position: absolute; right:70px;top:13px;}
.step-mod .step-con.step02 .seeImg.on{background: url(/img/CCEAdataTradPlat/icon13.png) no-repeat;}