@charset "utf-8";
/* 4eb6ff */

body {background:#f7f7f7;}


.typeChose {margin-bottom:1rem; font-size:.7rem;}
.typeChose .labels {height:2.4rem; background:#fff; position:relative;}
.typeChose .labels i {position:absolute; height:3px; width:50%; background:#4eb6ff; bottom:0; left:0; z-index:2;}
.typeChose .labels b {position:absolute; height:100%; width:1px; top:0; left:50%; background:#e9e9e9; z-index:1;}
.typeChose .labels label {float:left; width:50%; height:100%; line-height:2.4rem; text-align:center;}
.typeChose .adTxt {height:.9rem; padding-top:.9rem; color:#999; font-size:1em;}
.typeChose .adTxt:before {display:block; text-align:center;}
#companyRadio:checked ~ .labels label.company,
#websiteRadio:checked ~ .labels label.website {color:#4eb6ff;}
#companyRadio:checked ~ .labels i {left:0;}
#websiteRadio:checked ~ .labels i {left:50%;}
#companyRadio:checked ~ .adTxt:before {content:"我是广告主，我要投放广告";}
#websiteRadio:checked ~ .adTxt:before {content:"我是媒介主，我要接单赚钱";}


.userForm {width:86%; margin:0 auto; font-size:.65rem;}
.userForm ul.userFormUl {display:table; width:100%; background:#fff;}
.userForm ul.userFormUl.findPwd {margin-bottom:1rem;}
.userForm ul.userFormUl li {margin:0 1rem; border-top:1px #eee solid;}
.userForm ul.userFormUl li:first-child {border-top:none;}

.userForm ul.userFormUl li .input {position:relative; height:2.4rem;}
.userForm .txt {height:2.4rem; line-height:1.2rem;margin:10px 0;}

.userForm ul.userFormUl li .input.geet {padding-top:5px;}
.userForm ul.userFormUl li .input input {border:none; height:100%; width:100%; font-size:1.05em;}

.userForm ul.userFormUl li .input .eye {position:absolute; width:2rem; height:2rem; right:0; top:50%; margin-top:-1rem; background:url(/front/public/images/icon-forgetPass2.png) left top no-repeat; background-size:100% auto;}
.userForm ul.userFormUl li .input .eye.close {background-position:0 -10rem;}
.userForm ul.userFormUl li .input .eye.open {background-position:0 -12rem;}

.userForm ul.userFormUl li .input .imgYzm {position:absolute; height:1.5rem; top:50%; margin-top:-.75rem; right:0;}
.userForm ul.userFormUl li .input .imgYzm img {height:100%;}

.userForm ul.userFormUl li .input .sms.get {position:absolute; height:1.5rem; line-height:1.5rem; top:50%; margin-top:-.75rem; right:0;}
.userForm ul.userFormUl li .input .sms.get.blue {color:#4eb6ff;}
.userForm ul.userFormUl li .input .sms.get.disabled {color:#999;}


.userForm .txt .fl {float:left;}
.userForm .txt .fr {float:right;}
.userForm .txt .center {display:table; margin:0 auto;}

.userForm .btn {margin-bottom:.6rem;}
.userForm .btn .bigBtn {display:block; height:2rem; line-height:2rem; text-align:center; border-radius:.2rem;}
.userForm .btn .bigBtn.blue {background: -webkit-gradient(linear, left top, right top, from(#7eb6ff) , to(#2eb6ff));background: linear-gradient(to right, #7eb6ff , #2eb6ff); color:#fff;}
.userForm .btn .bigBtn.red {background:#f66; color:#fff;}
.userForm .btn .bigBtn.white {border:1px #4eb6ff solid; color:#4eb6ff;}

.successPart .successBg {padding:1rem;}
.successPart .successBg span {display:table; margin:0 auto; width:60%;}
.successPart .successBg span img {width:100%;}
.successPart .successTxt {display:table; margin:0 auto; padding:.5rem;}
.successPart .successGo {display:table; margin:0 auto; color:#777;}


.popGetYzm .midBox {width:85%;}
.popGetYzm .tit {height:1rem; line-height:1rem; text-align:center;}
.popGetYzm .box {padding:0 1rem;}

.popHasMobile .midBox {width:85%;}
.popHasMobile .tit {height:2.5rem; line-height:2.5rem; text-align:center;}
.popHasMobile .box > span {display:block; height:2rem; line-height:2rem; padding-bottom:10px; text-align:center; color:#999;}
.popHasMobile .box .btns {margin:0 1rem; margin-bottom:1rem;}
.popHasMobile .box .btns .bigBtn {width:43%; height:2rem; line-height:2rem; text-align:center; border-radius:.2rem;}
.popHasMobile .box .btns .bigBtn.cancel {float:left; border:1px #999 solid; color:#666;}
.popHasMobile .box .btns .bigBtn.red {float:right; border:1px #f66 solid; background:#f66; color:#fff;}


.popXieyi .midBox {width:85%;}
.popXieyi .box .theXieYi {padding:0 1.25rem;}
.popXieyi .box .theXieYi .xy-tit {height:2rem; line-height:2rem; text-align:center; color:#4eb6ff;}
.popXieyi .box .theXieYi .xyCon {height:20rem; overflow-y:auto; margin:.75rem 0;}
.popXieyi .box .theXieYi .xyCon .blod {font-weight:bold;}
.popXieyi .box .theXieYi .xyCon .nr {line-height:1.1rem;}
.popXieyi .box .theXieYi .xyCon .part {margin-top:1.5rem;}
.popXieyi .box .theXieYi .xyCon .part .part-tit {color:#d00; font-weight:bold; padding-bottom:.25rem;}
.popXieyi .box .theXieYi .xyCon .part .part-con {line-height:1.2rem;}

/*--- 表单样式 ---*/
ul.userRegLoginform {display:table; width:100%;}
ul.userRegLoginform.hide {display:none;}
ul.userRegLoginform li {display:block; width:100%; margin-bottom:16px;}
ul.userRegLoginform .input {margin-right:2px; position:relative;}
ul.userRegLoginform .input input {width:100%; height:1.6rem; line-height:1.6rem; text-indent:1.6rem; border:1px #e0e0e0 solid; border-radius:4px;}
ul.userRegLoginform .input input {background:#fff url(/front/public/images/icon-forgetPass2.png) left top no-repeat;}
ul.userRegLoginform .input input.error {border:1px #f66 solid;}
ul.userRegLoginform .input input:focus, 
ul.userRegLoginform .input input.error:focus {border:1px #4eb6ff solid;}
ul.userRegLoginform .input input.user {background-position:0 0;}
ul.userRegLoginform .input input.pass {background-position:0 -160px;}
ul.userRegLoginform .input input.pass1 {background-position:0 -120px;}
ul.userRegLoginform .input input.pass2 {background-position:0 -160px;}
ul.userRegLoginform .input input.code {background-position:0 -40px;}
ul.userRegLoginform .input input.smsCode {background-position:0 -80px;}
/*--- 获取验证码 ---*/
ul.userRegLoginform .input .getyzm {position:absolute; top:8px; right:8px;}
ul.userRegLoginform .input .getyzm .sms {float:left; height:26px; line-height:26px; color:#fff; padding:0 10px; border-radius:5px;}
ul.userRegLoginform .input .getyzm .sms.get.blue {background:#4eb6ff; cursor:pointer;}
ul.userRegLoginform .input .getyzm .sms.get.disabled {background:#b9b9b9; cursor:not-allowed;}
/*--- 图形验证码 ---*/
ul.userRegLoginform .input .imgYzm {position:absolute; height:28px; right:7px; top:7px; cursor:pointer;}
ul.userRegLoginform .input .imgYzm img {height:100%;}
/*--- 大按钮 ---*/
ul.userRegLoginform .bigBtn .btn {display:block; height:40px; line-height:40px; color:#fff; text-align:center; border-radius:6px; cursor:pointer;}
ul.userRegLoginform .bigBtn .btn.orange {background:#febd17;}
ul.userRegLoginform .bigBtn .btn.red {background:#f66;}
ul.userRegLoginform .bigBtn .btn.blue {height:38px; line-height:38px; color:#4eb6ff; background:#fff; border:1px #4eb6ff solid;}