@charset "utf-8"; *{ padding: 0; margin: 0; list-style: none; word-break: break-all; word-wrap: break-word; } body{background: #f1f1f1;} .registLogo{height: 100px;line-height: 100px;padding: 0 30px;} .clearBox:after{display: block;content: '';clear: both;} .registL{float: left;display: block;width: 175px;height: 50px;cursor: pointer;} .registT{float: left;color: #464646;font-size: 24px;margin-left: 30px;} .registT:hover{color: #464646;} .backLogin{float: right;cursor: pointer;color: #1d79e7;font-size: 18px;} .backLogin:hover{text-decoration: underline;} .registBox{width: 540px;background: #ffffff;border-radius: 5px;margin: 0 auto;} .registTitle{height: 50px;line-height: 50px;border-bottom: 1px solid #e1e1e1;position:relative} .registTitle span{position: absolute;right: 21px;top: 0;cursor:pointer;} .registTitle span.left{position: inherit;color: #777777;} .registUl,.registContent,.registBottom{width: 500px;margin: 0 auto;} .sameLs li{float: left;text-align: center;position: relative;transition: all .3s linear;cursor: pointer;color: #3a3a3a;} .sameLs li i{position: absolute;height: 3px;background: #009cff;width: 0;bottom: -2px;left: 50%;transition: all .3s linear;border-radius: 1px;} .sameLs li:hover i,.sameLs li.sameSelectL i{width: 100%;left: 0;} .sameLs li.sameSelectL,.sameLs li:hover{color: #009CFF;} .registUl li:not(:first-child){margin-left: 70px;} .registUl li{width: 120px;} #registBoxTwo .registUl li{width: auto;} .hide{display: none;} .sameRegistRow table tr td{padding: 10px 0;} .sameRegistRow table tr td:nth-child(1){width: 120px;text-align: right;color: #676767;font-size: 14px;} .sameRegistRow table tr td:nth-child(2){padding-left: 10px;} .sameRegistRow table tr td:nth-child(2) input{border:1px solid #f1f1f1;transition: all .3s linear;border-radius: 5px;width: 352px;height: 48px;background: #f1f1f1;outline: none;color: #444444;font-size: 14px;padding-left: 10px;} .sameRegistRow table tr td:nth-child(2) input:focus{background-color: #ffffff;border-color: #009cff;} .registBox .registContent .sameRegistRow table tr td .BdR{border:1px solid #ff4100;} .registBottom{padding-bottom: 30px;} .registContent{padding-top: 15px;} /*自定义单选*/ .registAgree,.registBtn{padding-left: 133px;} .registAgree{margin-top: 15px;} .radioBox{display: inline-block;cursor: pointer;font-size: 14px;} .sameRadio-box{margin-bottom: 2px;margin-right: 1px;transition: all .2s linear;display: inline-block;vertical-align: middle;width: 19px;height: 19px;background-repeat: no-repeat;background-position: center;} .radioBox[data-name='0'] .sameRadio-box{background-image: url(../../images/radioSelect.png);} .radioBox[data-name='1'] .sameRadio-box{background-image: url(../../images/radioSelected.png);} .radioBox[data-name='0']{color: #676767;} .radioBox[data-name='1']{color: #009CFF;} .radioBox span.sameRadio-text{transition: all .2s linear;position: relative; top: 1px;} .registAgree .sameRadio-text:hover{text-decoration: underline;} .registBtn{margin-top: 30px;} .registBtn button{background: #009cff;color: #FFFFFF;width: 220px;text-align: center;font-size: 14px;border-radius: 20px;border: none;outline: none;padding: 10px 15px;transition: all .3s linear;cursor: pointer;} .registBtn button:hover{background:#0e5391;box-shadow: 0px 0px 11px #009cff;} .sameRequire{display: inline-block;width: 7px;height: 7px;margin:0 2px;background: url(../../images/requiredImg.png) no-repeat center;background-size: 100% 100%;} /*忘记密码*/ .forgetTile{height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #e1e1e1;} .forgetTile .forgetUl{display: inline-block;} .forgetTile .forgetUl li:nth-child(1){margin-right: 25px;} .forgetTile .forgetUl li:nth-child(2){margin-left: 25px;} @keyframes showSecond{ from{transform:translate3d(-35px,0px,0);} to{transform:translate3d(0,0,0);} } .countryTD{ position: relative; } .sameRegistRow table tr td{ padding: 10px 0px; } .sameRegistRow table tr td:nth-child(1){ width: 160px;text-align: right; } .sameRegistRow table tr td:nth-child(2){ padding-left: 8px;position:relative; } .sameRegistRow table tr td:nth-child(2) input { height: 48px; outline: none; transition: all .3s linear; cursor: pointer; width: 290px; padding-left: 5px; line-height:28px; } .sameRegistRow table tr td:nth-child(2) input#val_regCountry{background-image: url(../../../images/icon14.png); background-position: right 20px center; background-repeat: no-repeat;} .sameRegistRow table tr td:nth-child(2) span{ color: #e74918; } .sameRegistRow table tr td:nth-child(2) input:hover{ border-color: #222222; } .sel{ width: 126px; height: 48px; color: #666; border: 1px #f1f1f1 solid; background:#f1f1f1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #regAgreeTerms{text-decoration:none;color:#3a3a3a;} /* 提示信息文本 */ /* 异常信息 */ .showThis_error{ font-size: 12px; color:red; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: showSecond; animation-name: showSecond; word-break: break-word; overflow-wrap: break-word; } .showThis_normal{ font-size: 12px; color:#dddddd; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: showSecond; animation-name: showSecond; } .showThis_ok{ font-size: 12px; color:#28e018; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: showSecond; animation-name: showSecond; } .lsel{width: 290px;margin-right:10px;float: left;} .lsel .layui-input{width: 297px !important;} .radioBox .layui-input-block{margin:0;} .radioBox .layui-input-block .layui-form-radio{font-size: 14px; color: #676767;background: #f1f1f1;border:1px solid #f1f1f1;border-radius:16px;line-height: 32px;padding:0 16px;margin-right: 0;} .radioBox .layui-input-block .layui-form-radio.layui-form-radioed{background: #e8f2ff;border-color:#009cff;} .radioBox .layui-anim.layui-icon{display: none;} .counmoney .lsel-min{width: 92px;position: absolute;left: 211px;border-left:1px solid #d7d7d7;top:11px;} .counmoney .lsel-min input{width:92px !important;border:0px 5px 5px 0 !important;} .counmoney{ float: left;} .loadFile{text-align: left;background:#f1f1f1 url(../../images/img_icon.png) no-repeat right 20px center !important;} .mapBox{width: 100%;height: 100%;position:fixed;top:0;left:0;width: 1000px;height: 80%;position:fixed;top: 10%;left: 50%;margin-left: -500px;border-radius: 5px;overflow: hidden;} .mapBox .close{background:#ffffff url(../../images/close.png) no-repeat center;position:absolute; right: 10px;top:10px;width: 40px; height: 40px;z-index: 9} .mapFoot{position: absolute;left: 0;bottom: 0;width: 100%;background: #ffffff;text-align: right;padding: 10px 0;} .mapFoot>div{padding: 0px 30px;font-size: 12px;height: 28px;margin-right:10px;border-radius: 15px;line-height: 28px;display: inline-block;text-align: center;transition: all .3s linear;cursor: pointer;vertical-align: middle;background: #e6e6e6;overflow: hidden;} .mapFoot>div:hover{background-color:#d8d8d8} .mapFoot .map_sure{background: #009cff; color: #fff;} .mapFoot .map_sure:hover{background: #0085da;} .mapBoxBg{background-color: rgb(0, 0, 0);opacity: 0.4;top: 0; left: 0; width: 100%; height: 100%;position:fixed;} .mapMainBox{width: 100%;height: 100%;} .radiodian.radioBox .layui-input-block .layui-form-radio{width:145px;padding:0;text-align: center} .radiodian.radioBox .layui-input-block.layopenMap{width:297px;padding:0;text-align: center; font-size: 14px;color: #676767;background: #f1f1f1;border: 1px solid #f1f1f1;border-radius: 5px;line-height: 32px;} .radiodian.radioBox .layui-input-block.layopenMap .layopenMapBox{color:#676767;padding-left:20px;background:url(../../images/input_nor.png) no-repeat left center;} .radiodian.radioBox .layui-input-block.layopenMap:hover{background: #e8f2ff; border-color: #009cff;} .radiodian.radioBox .layui-input-block.layopenMap:hover .layopenMapBox{background:url(../../images/input_hover2.png) no-repeat left center;} .register-city-half{width:44%;float:left;border-bottom:1px solid #c2c2c2;position:relative;} #val_dialog_address{background: none !important;border:none !important;border-bottom:1px solid #dedede !important;;} .register-city-half:last-child{margin-left: 3px;} .register-city-half input{width:100% !important;background-color: #ffffff!important;border:none !important;border-radius:0 !important;} .countryTD .register-city-half ul{min-width: 100%;width: auto;white-space: nowrap;} .radiodian .layui-input-block .layui-unselect>div{padding-left:14px;background:url(../../images/local_nor.png) no-repeat left center;} .radiodian .layui-input-block .layui-form-radioed.layui-unselect>div{padding-left:14px;background:url(../../images/local_hover2.png) no-repeat left center;} .radiodian .layui-input-block .layui-unselect:last-child div{background:url(../../images/input_nor.png) no-repeat left center;} .radiodian .layui-input-block .layui-form-radioed.layui-unselect:last-child div{background:url(../../images/input_hover2.png) no-repeat left center;} .register-city-half input.addnonw,#val_dialog_address.addnonw{background:#f3f3f3 !important;cursor: no-drop;} .register-city-half .layui-edge { position: absolute; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; border-width: 6px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s; } #registContent .showThis_error{ position: absolute; } .countryTD ul { position: absolute; max-height: 200px; width: 295px; border: 1px solid #dedede; background-color: #ffffff; z-index: 22; overflow-y: auto; display: none; } .countryTD ul li { transiton: all .3s linear; height: 26px; line-height: 26px; cursor: pointer; padding-left: 2px; display: block; } .countryTD ul li:hover{ color: #FFF; background: #353f4b; } .snpicBox{float:left;position:relative;} .snpicBox p{text-align: center;width: 100%;line-height: 28px;} .snpicBox p:first-child{position:absolute;top:0;} .snpicBox p:nth-child(2){position:absolute;bottom:0;} .ccpicBox{float:left;margin-left:40px;text-align: center;} .ccpicBox p{text-align: center;width: 100%;line-height: 28px;} @media only screen and (max-width: 410px) { .registLogo{width: 480px;} } .tripartiteTips{color: #d2993f;font-size: 14px;text-align: center;} .tripartiteList{width: 100%;text-align: center;padding:20px 0;overflow: auto;} .tripartiteList li{width: 50%;float: left;cursor: pointer;} .tripartiteList li i{width: 13px;height: 13px;background: url(../../images/check.png) no-repeat left top;vertical-align: middle;} .tripartiteList li.active{color: #009cff;} .tripartiteList li.active i{display: inline-block;margin-right:5px;} #val_dialog_tripartite_btn{width: 294px;line-height: 50px; background-color: #e5f2fa; border-radius: 4px; border: solid 1px #addbf8;display: block;color: #009cff;text-align: center;font-size:14px;cursor:pointer;} .tripartiteTo .layui-form-radio font{font-size: 12px;color: #888888;} .sameTips{display:inline-block;position:relative;width: 15px;height: 15px;cursor:pointer; vertical-align:middle;background:url(../../images/tishi.png) no-repeat center;text-indent: 10em;background-size:12px;margin:0 3px} .sameTips .tipsText{display: none;} .sameTips:hover .tipsText{display: block;position:absolute;top:15px;right:0; background: #ffffff;border-radius:5px;box-shadow: 0px 0px 10px #b9b9b9;width: 298px;padding: 10px;font-style: normal;z-index: 9;text-indent: 0;color: #666;} .tipsText a:hover{color: #0c79e6;} .tipsTextTwo{color: #a7a7a7; font-size: 12px; margin-bottom: 5px; text-align: left;padding: 0 13px 0 32px;font-weight: bold;color: #333333;} .captcha-box{display:flex;width:296px} .captcha-box input{width:157px !important} .captcha-right{display:flex;flex-direction:column;align-items:center;margin-left:12px} .captcha-img{width:128px;height:50px;border-radius:5px;background-color:#F1F1F1} .captcha-refresh{margin-top:4px;font-size:12px;font-weight:500;color:#AAAAAA;cursor:pointer;overflow-wrap: break-word;word-break: break-word;} .captcha-text{position:relative;top:-10px} .registBtn button.not-allow.not-allow{background-color:rgba(1,156,255,0.3);cursor:not-allowed} .registBtn button.not-allow:hover{box-shadow:none !important;transition:none !important}