@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
body{background: #FFF url(/img/account/register.png) no-repeat center 84px;background-attachment: fixed;}
footer .footTop{display:none;}
.registerClub{padding: 20px 0 100px 0;}
.selectAccount{width:1184px;height:558px;text-align:center;margin:0 auto;}
.selectAccount .title{height:42px;font-size:32px;line-height:42px;font-weight:bold;color:#22272e;padding-top:102px}
.selectAccount .cont{margin-top:44px}
.selectAccount .cont span{display:inline-block;width:168px;margin:0 55px;line-height:42px;color:#3b77ff;font-size:24px;cursor:pointer}
.selectAccount .cont img{display:inline-block;width:168px;height:168px;background-color:#c2d8fa;border-radius:84px}
.signAccount.upgrade {width: 968px;margin: 0 auto;}
.signAccount .title {height: 42px;font-size: 32px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
.signAccount .title-tips{margin-bottom: 32px;width: 968px;height: 48px;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
.signAccount .title-tips p{width: 968px;height: 48px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 1px;color: #e15616;text-align: center;}
.signAccount .registerClub{width:498px;margin:0 auto;min-height: 900px;}
.subLine{margin-top: 20px;float: left;}
.subLine .btn-upgrade {cursor: pointer;display: block;width: 232px;height: 50px;line-height: 50px;background-color: #e15616;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;float: left;margin-right: 15px;}
.subLine .btn-upgrade.none{border: 1px solid #E15616;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #e15616;}
.subLine .btn-upgrade.disabled{background-color: #999999;}
.formLine{width: 100%;float: left;}

.formLine .form-upload{width: 128px;height: auto;float: left;margin-right: 20px;}
.formLine .formLine-file{width: 128px;height: 90px;position: relative;}
.formLine .form-upload-tips{width: 20px;height: 90px;float: left;position: relative;}
.formLine .form-upload-tips .icon{width: 20px;height: 20px;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 40px;}
.formLine .form-upload-tips .icon-wen{background-position: -84px -144px;cursor: pointer;}
.formLine .form-upload-tips .wen-tips{width: 182px;height: 46px;line-height: 46px;text-align: center;color: #FFF;font-size: 14px; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: -24px;left: -2px;border-radius: 3px;display: none;}
.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
.formLine .form-upload-tips:hover .wen-tips{display: block;}
.formLine .file{width: 128px;height: 90px;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
.formLine .formLine-file .icon{width: 128px;height: 90px;display: block;}
.formLine .formLine-file .file-biss{background: url("/img/account/icon-bisse.png") no-repeat;}
.formLine .formLine-file .file-door{background: url("/img/account/icon-door.png") no-repeat;}
.formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;}
.formLine .form-upload-image{width: 128px;height: 90px;position: relative;}
.formLine .form-upload-image .upload-img{width: 128px;height: 90px;display: block;}
.formLine .form-upload-image .icon{width: 20px;height: 20px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;}
.formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -116px -140px;}

.signAccount{width:498px;margin:0 auto;min-height: 900px;}
.signAccount .title{height:42px;line-height:42px;font-weight:bold;font-size:32px;color:#22272e;text-align:center;padding:30px}
.signAccount .advisory{height:38px;position:relative;display:inline-block;margin-bottom:20px;cursor:pointer;}
.signAccount .advisory>.icon{height:28px;line-height:28px;font-size:16px;color:#1890f9;}
.signAccount .advisory>.icon:before{width:28px;height:28px;background-position:-42px -140px;vertical-align:top;margin-right:10px}
.advisoryInfo{display:none;cursor:default;position:absolute;top:40px;left:-32px;box-sizing:border-box;width:386px;padding:32px;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16);z-index:9}
.advisoryInfo:before{content:'\25B2';position:absolute;top:-30px;left:26px;font-size:50px;-ms-transform:scaleX(2);-webkit-transform:scaleX(2);transform:scaleX(2);text-shadow:2px 0 10px #b8bfca;width:50px;height:30px;overflow:hidden;line-height:50px;text-align:center;color:#FFF}
.advisoryInfo .info{margin-bottom:15px;color:#1890f9;font-size:14px}
.advisoryInfo .btn{cursor: pointer; display:block;width:232px;height:50px;line-height:50px;margin:0 auto;font-size:18px;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;color:#e15616}
.signAccount .advisory:hover .advisoryInfo{display:block;transition:all .5s}
.supplierConfirm .cont{width:880px;height:550px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; box-sizing:border-box;background:#fff;padding:46px;border-radius:4px;color:#333;font-size:16px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16)}
.supplierConfirm .cont h3{text-align:center;font-size:24px}
.supplierConfirm .cont p:first-of-type{color:#E36125;margin-top:30px}
.supplierConfirm .cont p:nth-of-type(2){color:#666;margin:54px 0 36px 0}
.supplierConfirm .cont li{line-height:20px;margin-bottom:20px}
.supplierConfirm .btnLine{margin-top:64px;height:24px;line-height:24px;text-align:center;font-weight:bold;position:relative;}
.supplierConfirm .btnLine p{color:#000;}
.supplierConfirm .btnLine input{margin-right:10px;vertical-align:text-top;margin-top:3px}
.supplierConfirm .btnLine button{width:340px;height:50px;background:#E15616;color:#fff;margin-top:20px;cursor:pointer}
.registerShop .tit{color:#22272e;font-size:24px;font-weight:normal;margin:20px 0}
.formLine .business{height:auto;position:relative}
.formLine .business input[type="text"] {width: 350px;display: block;float: left;margin-right: 15px;}
.formLine .business a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #e15616;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;}
.supplierConfirm{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 999;background: rgba(0,0,0,.3);}


}

/**
* 移动端
*/
@media screen and (max-width:768px){
body{width:100%;height:100%;background:#FFF url(/img/account/register.png) no-repeat center bottom;background-size:100% auto;background-attachment: fixed;}
footer{display:none}
.registerClub{padding: 20px 0;}
.registerShop{padding: 20px 0;}
.selectAccount{width:100%;height:90vh;text-align:center;}
.selectAccount .title{height:6vw;font-size:4.2vw;font-weight:bold;line-height:6vw;color:#22272e;padding-top:36vw}
.selectAccount .cont{margin-top:10vw;}
.selectAccount .cont span{display:inline-block;width:24.8vw;margin:0 6.7vw;line-height:4.6vw;color:#3b77ff;font-size:3.4vw;cursor:pointer}
.selectAccount .cont img{display:inline-block;width:24.8vw;height:24.8vw;background-color:#c2d8fa;border-radius:12.4vw}
.signAccount .title-tips{margin-bottom: 3.2vm;width: 100%;height:9.6vw;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
.signAccount .title-tips p{width: 100%;height:9.6vw;font-family: Microsoft YaHei;font-size:3.1vw;font-weight: normal;font-stretch: normal;line-height: 9.6vw;letter-spacing:0;color: #e15616;text-align: center;}
.signAccount{width:100%;min-height:90vh;font-size:3.4vw;color:#627386;}
.signAccount .advisory>.duv{float: right;line-height: 5.6vw;padding-right: 4vw;}
.signAccount .advisory>.duv span{display: inline-block;float: left;}
.signAccount .advisory>.duv>.mIcon{height:5.6vw;line-height:5.6vw;font-size:1.6vw;color:#1890f9;display: block;}
.signAccount .advisory>.duv>.mIcon:before{width:5.6vw;height:5.6vw;background-position:-84.2vw -0vw;}
.signAccount .title{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;padding:5.2vw 0}
.registerShop .tit{color:#22272e;font-size:3.7vw;font-weight:normal;margin:3vw 0}
.signAccount form{width:93.4vw;margin:0 auto;}
.supplierConfirm .cont{width:100%;min-height:90vw;box-sizing:border-box;padding:3.3vw;color:#333;font-size:3.4vw;}
.supplierConfirm .cont h3{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;}
.supplierConfirm .cont p:first-of-type{color:#E36125;margin-top:3vw}
.supplierConfirm .cont p:nth-of-type(2){color:#666;margin:5vw 0 3vw 0}
.supplierConfirm .cont li{line-height:5vw;margin-bottom:2vw}
.supplierConfirm .btnLine{margin-top:5vw;line-height:5vw;text-align:center;font-weight:bold;position:relative;}
.supplierConfirm .btnLine p{color:#000;}
.supplierConfirm .btnLine input{margin-right:1vw;}
.supplierConfirm .btnLine button{display:block;font-size:3.4vw;margin:5vw auto;width:93.4vw;height:11.2vw;line-height:11.2vw;background:#E15616;color:#fff;}
.formLine { width: 100%;position: relative;font-size: 3.4vw;float: left;}
.formLine .business{height:auto;position:relative}
.formLine .business input[type="text"] {width:66vw;display: block;float: left;margin-right: 3vw;}
.formLine .business a {display: block;float: left; width:21.4vw;height: 10.5vw;line-height: 10.5vw;font-size:3.4vw;color: #e15616;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;}

.advisory .mask{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
.advisory .mask.active{display: block;}
.advisoryInfo.active{display: block;}
.advisoryInfo .icon-close{position:absolute;top:0;right: 0; padding: 1vw;width: 6.4vw;height: 6.4vw;text-align: center;}
.advisoryInfo .icon-close:before {content: '\2715';font-size: 4.5vw;font-weight: bold;}
.advisoryInfo{z-index: 999;box-sizing:border-box;width:74.7vw;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16);padding:6.2vw;border-radius:1vw;display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.advisoryInfo form{width:100%}
.advisoryInfo .formLine p{line-height:8vw}
.advisoryInfo .info{margin-bottom:3vw;color:#1890f9;font-size:3.1vw}
.advisoryInfo .btn{display:block;width:46vw;height:9.8vw;line-height:9.8vw;margin:3vw auto 0;font-size:3.4vw;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;color:#e15616;text-align:center}
.formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 4vw;}
.formLine .formLine-file{width: 36vw;height: 25.3vw;position: relative;}
.formLine .form-upload-image{width: 36vw;height: 25.3vw;position: relative;}
.formLine .form-upload-image .upload-img{width: 36vw;height: 25.3vw;display: block;}
.formLine .form-upload-image .mIcon{width: 4vw;height:4vw;;display: block;position: absolute;left: 0;top: 0;cursor: pointer;}
.formLine .form-upload-image .mIcon:before{width: 4vw;height: 4vw;background-position: -91vw -8.5vw;}
.formLine .form-upload-tips{width: 4.8vw;height: 25.3vw;float: left;position: relative;}
.formLine .form-upload-tips .mIcon{width: 4.8vw;height: 4.8vw;float: left;display: block;margin-top: 10vw;}
.formLine .form-upload-tips .mIcon:before{width: 4.8vw;height: 4.8vw;background-position:-76.6vw -1.2vw;}
.formLine .form-upload-tips .wen-tips{width: 36vw;height: 9.2vw;line-height: 9.2vw;text-align: center;color: #FFF;font-size: 2.4vw; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: 0;left: -1vw;border-radius: 3px;display: none;}
.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
.formLine .form-upload-tips:hover .wen-tips{display: block;}
.formLine .file{width: 36vw;height: 25.3vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
.formLine .formLine-file .mIcon{width: 36vw;height: 25.3vw;display: block;}
.formLine .formLine-file .file-biss{background: url("/img/account/icon-bisse.png") no-repeat;background-size: cover;}
.formLine .formLine-file .file-door{background: url("/img/account/icon-door.png") no-repeat;background-size: cover;}
.formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;background-size: cover;}
.subLine{margin-top:2vw;float: left;}
.subLine .btn-upgrade {cursor: pointer;display: block;width: 93.4vw;height: 11.2vw;line-height: 50px;background-color: #e15616;border-radius: 0.2vw;text-align: center;font-size: 3.4vw;color: #FFF;float: left;margin-bottom: 2.8vw;}
.subLine .btn-upgrade.none{border: 1px solid #E15616;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #e15616;}
.subLine .btn-upgrade.disabled{background-color: #999999;}
}
