@charset "utf-8"; li{list-style:none} /** * PC端 */ @media screen and (min-width:768px){ .container{width: 100%;min-height:900px;box-sizing: border-box;padding: 20px 236px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);} .container .title{width: 100%;height: 54px;line-height: 54px;text-align: left;font-size: 24px;color: #22272e;float: left;} .container .formLine p span.mm{color: #22272e;} .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;margin-bottom: 10px;} .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;right: 0;top: 0;cursor: pointer;} .formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -116px -140px;} .formLine .business{height:auto;position:relative} .formLine .business input[type="text"] {width: 324px;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;} .formLine p{color: #627386} input::placeholder,textarea::placeholder{color: #9aa5b5} } /** * 移动端 */ @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} .container{padding:3.2vw;font-size:3.4vw;color:#627386;} .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;} .container{padding:3.3vw} .title{color: #22272e;font-size: 3.7vw} .formLine p{color: #627386} input::placeholder,textarea::placeholder{color: #9aa5b5} }