@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;}
.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;
}
.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;}