/*新版注册*/
.dsn{ display:none;}
.register-wrap{ margin:0 auto; width:430px; background-color:#fff; padding-top:40px; padding-bottom:40px;}
.reg-title{ padding-bottom:10px; text-align:center; position:relative;}
.reg-type{ display:inline-block; font-size:22px; padding: 5px 20px 12px; position:relative; cursor:pointer;}
.reg-type:first-child::after{ content:''; position:absolute; right: -0.5px; top:10px; width: 1px; height:22px; background-color:#e1e1e1;}
.reg-type.sel::before{ content:''; position:absolute; left: 20px; right:20px; bottom:0; height: 2px; background-color:#1c84c6;}

.l-f-row{ margin-top:15px;}
.l-f-row:first-child{ margin-top:0;}
.l-f-control,
.l-f-txt{ display: block; width: 260px; padding: 6px 12px;  font-size: 14px; border: 1px solid #e1e1e1;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px; transition:all .3s; -webkit-transition:all .3s;}
.l-f-control:focus,
.l-f-txt:focus{ border-color: #1c84c6; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(54,165,235,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(54,165,235,.6);}
.l-f-txt{ height:100px; resize:none; overflow:auto;}

.reg-from .checkbox{ display: inline-block; padding-left: 25px; position: relative; line-height: 33px; font-size: 14px; cursor:pointer; margin-right: 15px; transition: color .3s; -webkit-transition: color .3s; margin-top:0; margin-bottom:0; font-weight:normal;}
.reg-from .checkbox:hover{ color:#1c84c6;}
.reg-from .checkbox input{position: absolute; top: 50%; left: 0px; margin-top: -10px; display: inline-block; width: 20px; height: 20px; border: 0; outline: 0 !important; background-color: transparent; -webkit-appearance: none; line-height: normal; margin-left:0 !important; opacity:1 !important;}
.reg-from .checkbox input:before{ content: ""; display:inline-block; width:20px; height: 20px; border: 1px solid #e1e1e1;}
.reg-from .checkbox input:checked::after{ content: ''; position:absolute; left:3px; top: 3px; width:14px;height:14px; background:url(../../skin/img/check-icon.png) no-repeat;}
.reg-from .check-l{ float:left; cursor:pointer;}
.reg-from .check-l input{ display:inline-block; margin-right:3px; position:relative; top:2px;}

.l-f-bottom{ margin-top:25px;}
.submit-btn,
.get-code{ display:block; width:100%; border-radius:4px; line-height:45px; height:45px; color:#fff; font-size:16px; text-align:center; cursor:pointer; background-color:#1c84c6; border:none; transition: background-color .3s; -webkit-transition: background-color .3s;}
.submit-btn:hover,
.get-code:hover{background-color:#36a5eb;}

.reg-from{ width:450px; margin: 0 auto;}
.reg-from .l-f-row{ padding-left:100px; position:relative; margin-top:20px;}
.must-h{ color:red; font-size:16px; margin-right:2px;}
.label-name{position:absolute;left: -25px;text-align:right;width: 125px;font-size:14px;line-height:33px;white-space: nowrap;}
.code-row.l-f-row .l-f-control{ width: 160px;}
.get-code{ position: absolute; top:0; left: 265px; text-align:center; line-height:33px; height:33px; width: 90px; font-size:12px;}
.get-code.done{ background-color:#e1e1e1; cursor:not-allowed;}

.Validform_checktip{ position:absolute; left: 357px; white-space:nowrap; top: 9px; line-height:17px; font-size:14px; color:#999;}
.Validform_wrong.Validform_checktip{ color:#d81e06;}
.Validform_right.Validform_checktip{ color:#3c763d;}

.checkbox .Validform_checktip{ left: 257px;}

.upload{display:inline-block;margin-right: 55px;width: 100px;}
.upload:last-child{ margin-right:0px;}
.item{ border: 1px solid #e1e1e1; border-radius: 4px; display:inline-block; width:100px; height:100px; position:relative; cursor:pointer;}
.item .addImg{ position:absolute; left:0px; top:4.5px; background:url(../../skin/img/upload.jpg) no-repeat; background-size:100% 100%; width:98px; height:87px; z-index:2;}
.upload_input{ display: block; width: 0; height: 0; -webkit-opacity: 0.0;   /* Netscape and Older than Firefox 0.9 */   -moz-opacity: 0.0;   /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  -khtml-opacity: 0.0;   /* IE9 + etc...modern browsers */   opacity: .0;   /* IE 4-9 */   filter:alpha(opacity=0);   /*This works in IE 8 & 9 too*/   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   /*IE4-IE9*/  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.preBlock{ display:none;}
.preBlock{position: absolute; left: 0;top: 0;  width: 98px; height:98px; line-height:100px; overflow:hidden;}
.preview{ display:inline-block; width:100%; vertical-align:middle; position:relative; top:-2px;}
.delete { background:url(../../skin/img/close_icon.png) no-repeat; height:16px;width:16px;background-position:0 0; position: absolute;right: -10px;top: -10px;cursor: pointer;display: none;}
.delete:hover{ opacity: 0.7;}

.b-txt{ display:inline-block; width: 100%; margin-top: 5px; text-align:center; font-size:14px; color:#717171;}

.reg-from .l-f-row.custom-check{ margin-top:16px;}
.custom-check{ line-height:33px;}
.custom-check .check-l{ display:inline-block; float:none; font-size:14px; cursor:default;}
.custom-check a{ display:inline-block; margin-left:-15px; font-size:14px;}
.reg-from .submit-btn{ width:260px;}

.sendCode{ position: absolute; top:0; left: 270px; width:88px; height:34px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}
.sendCode img{ display:block; width:100%; height:100%;}

.shadow{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:98;}
.agreement-frame{ display:none; position:fixed; left:50%; top:10%; width:500px; height: 80%; margin-left:-250px; background-color:#fff; z-index:99; border-radius:3px;}
.close-agreement-frame{ position:absolute; top:10px; right:10px; background:url(../../skin/img/gray-close.png) no-repeat; background-size:12px 12px; background-position:center center; border: 1px solid #e1e1e1; border-radius:50%; width:25px; height:25px; cursor:pointer;}
.close-agreement-frame:hover{ background-color:rgba(0,0,0,.075);}
.agreement-frame h3{ position:absolute; left:0px; top:30px; width:100%; text-align:center; font-size:18px;}
.scroll-lump{ position:absolute; left:20px; top:75px; right: 20px; bottom:30px; padding:0 10px; overflow:auto;}
.agreement-frame > div{font-size:14px; line-height:25px;}

.en-reg-type.reg-type{ font-size:18px;}
.en-label-name.label-name{ font-size:12px; left:-32px;}

.hint-span{ position:absolute; left:370px; top:2px; color:red; width:230px;}