部分样式修改优化

src/main/resources/static/css/account/register.css

@@ -1,163 +1,163 @@
-@charset "utf-8";
-li{list-style:none}
-/**
- * PC端
- */
-@media screen and (min-width:768px){
-body{background: #FFF url(/img/account/supplierbg.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:190px;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: #FF5B00;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: #FF5B00;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;float: left;margin-right: 15px;}
-.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
-.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;right: 0;top: 0;cursor: pointer;}
-.formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -114px -140px;}
-.release-from .release-input .release-props{width: 100%;height: 38px;}
-.release-from .release-input .release-props .release-radio{width:150px;height:36px;margin-right:10px;line-height:34px;box-sizing:border-box;font-size:14px;text-align:center;display:inline-block}
-.release-from .release-input .release-props .release-radio.second{width:100px;}
-.release-from .release-input .release-props .release-radio input{display:none}
-.release-from .release-input .release-props .release-radio i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:1px solid #b8bfca;color:#627386;}
-.release-from .release-input .release-props .release-radio i:before{position:absolute;right:0;bottom:0;display:none;width:20px;height:20px;background-position:-208px -253px}
-.release-from .release-input .release-props .release-radio input:checked + i{border-color:#FF5B00;color:#FF5B00}
-.release-from .release-input .release-props .release-radio input:checked + i:before{display:block}
-
-.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 #FF5B00;color:#FF5B00}
-.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:#FF5B00;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: #FF5B00;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;}
-.supplierConfirm{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 999;background: rgba(0,0,0,.3);}
-.purchase{font-size: 18px;width: 127px;margin: 10px auto 0;text-align: center}
-.b .purchase{color: #FF7A51}
-.tips-text{color: #999999;font-size: 14px;line-height: 20px;}
-.formLine p{color:#627386; }
-body.bgNO{background: none}
-}
-
-/**
-* 移动端
-*/
-@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:15vw}
-.selectAccount .cont{margin-top:10vw;}
-.selectAccount .cont span{display:inline-block;width:100%;margin:3.7vw 0;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: #FF5B00;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:#FF5B00;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: #FF5B00;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;}
-.release-from .release-input .release-props{width: 100%;height: 36px;}
-.release-from .release-input .release-props .release-radio{    width: 26.7vw;height: 11.2vw;margin-right: 2.7vw;line-height: 11.2vw;box-sizing: border-box;font-size: 3.4vw;text-align: center;display: inline-block}
-/*.release-from .release-input .release-props .release-radio.second{width:100px;}*/
-.release-from .release-input .release-props .release-radio input{display:none}
-.release-from .release-input .release-props .release-radio i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:.27vw solid #b8bfca;color:#627386;}
-.release-from .release-input .release-props .release-radio i:before{position:absolute;right:0;bottom:0;display:none;width:5.3vw;height:5.3vw;background-position:-75.7vw -8.5vw}
-.release-from .release-input .release-props .release-radio input:checked + i{border-color:#FF5B00;color:#FF5B00}
-.release-from .release-input .release-props .release-radio input:checked + i:before{display:block}
-
-.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 #FF5B00;color:#FF5B00;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: #FF5B00;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 #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
-.subLine .btn-upgrade.disabled{background-color: #999999;}
-.purchase{font-size: 3.8vw;background: #fff;margin: 2.7vw auto;text-align: center}
-.b .purchase{color: #FF5B00}
-.tips-text{color: #999999;font-size: 3.4vw;}
-body.bgNO{background: none}
-}
+@charset "utf-8";
+li{list-style:none}
+/**
+ * PC端
+ */
+@media screen and (min-width:768px){
+body{background: #FFF url(/img/account/supplierbg.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:190px;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: #FF5B00;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: #FF5B00;border-radius: 25px;text-align: center;font-size: 18px;color: #FFF;float: left;margin-right: 15px;}
+.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
+.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;right: 0;top: 0;cursor: pointer;}
+.formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -114px -140px;}
+.release-from .release-input .release-props{width: 100%;height: 38px;}
+.release-from .release-input .release-props .release-radio{width:150px;height:36px;margin-right:10px;line-height:34px;box-sizing:border-box;font-size:14px;text-align:center;display:inline-block}
+.release-from .release-input .release-props .release-radio.second{width:100px;}
+.release-from .release-input .release-props .release-radio input{display:none}
+.release-from .release-input .release-props .release-radio i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:1px solid #b8bfca;color:#627386;border-radius: 20px;}
+.release-from .release-input .release-props .release-radio i:before{position:absolute;right:0;bottom:0;display:none;width:20px;height:20px;background-position:-208px -253px}
+.release-from .release-input .release-props .release-radio input:checked + i{border-color:#FF5B00;color:#FF5B00}
+.release-from .release-input .release-props .release-radio input:checked + i:before{display:block}
+
+.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 #FF5B00;color:#FF5B00}
+.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:#FF5B00;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: #FF5B00;background-color: #ffe6dc;border-radius: 17px;border: solid 1px #FF5B00;text-align: center;}
+.supplierConfirm{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 999;background: rgba(0,0,0,.3);}
+.purchase{font-size: 18px;width: 127px;margin: 10px auto 0;text-align: center}
+.b .purchase{color: #FF7A51}
+.tips-text{color: #999999;font-size: 14px;line-height: 20px;}
+.formLine p{color:#627386; }
+body.bgNO{background: none}
+}
+
+/**
+* 移动端
+*/
+@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:15vw}
+.selectAccount .cont{margin-top:10vw;}
+.selectAccount .cont span{display:inline-block;width:100%;margin:3.7vw 0;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: #FF5B00;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:#FF5B00;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: #FF5B00;background-color: #ffe6dc;border-radius: 5.3vw;border: solid 1px #FF5B00;text-align: center;}
+.release-from .release-input .release-props{width: 100%;height: 36px;}
+.release-from .release-input .release-props .release-radio{    width: 26.7vw;height: 11.2vw;margin-right: 2.7vw;line-height: 11.2vw;box-sizing: border-box;font-size: 3.4vw;text-align: center;display: inline-block}
+/*.release-from .release-input .release-props .release-radio.second{width:100px;}*/
+.release-from .release-input .release-props .release-radio input{display:none}
+.release-from .release-input .release-props .release-radio i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:10vw;background:#FFF;border:.27vw solid #b8bfca;color:#627386;}
+.release-from .release-input .release-props .release-radio i:before{position:absolute;right:0;bottom:0;display:none;width:5.3vw;height:5.3vw;background-position:-75.7vw -8.5vw}
+.release-from .release-input .release-props .release-radio input:checked + i{border-color:#FF5B00;color:#FF5B00}
+.release-from .release-input .release-props .release-radio input:checked + i:before{display:block}
+
+.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 #FF5B00;color:#FF5B00;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: #FF5B00;border-radius: 5.2vw;text-align: center;font-size: 3.4vw;color: #FFF;float: left;margin-bottom: 2.8vw;}
+.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
+.subLine .btn-upgrade.disabled{background-color: #999999;}
+.purchase{font-size: 3.8vw;background: #fff;margin: 2.7vw auto;text-align: center}
+.b .purchase{color: #FF5B00}
+.tips-text{color: #999999;font-size: 3.4vw;}
+body.bgNO{background: none}
+}

src/main/resources/static/css/account/upgrade.css

@@ -1,42 +1,42 @@
-@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;}
-.signAccount.upgrade {width: 968px;margin: 0 auto;}
-.signAccount.upgrade .title {height: 42px;font-size: 32px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
-.signAccount.upgrade .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.upgrade .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: #FF5B00;text-align: center;}
-.signAccount.upgrade .registerClub{width:498px;margin:0 auto;min-height: 900px;}
-.formLine .business input[type="text"] {width: 350px;display: block;float: left;margin-right: 20px;}
-.formLine .business a {display: block;float: left; width: 92px;height: 34px;line-height: 34px;font-size: 14px;color: #FF5B00;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;}
-.formLine .form-upload{width: 128px;height: 90px;float: left;margin-right: 20px;}
-.formLine .formLine-file{width: 128px;height: 90px;position: relative;}
-.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;}
-
-
-
-
-
-
-
-
-
-}
-
-/**
-* 移动端
-*/
-@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}
-
-
-}
+@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;}
+.signAccount.upgrade {width: 968px;margin: 0 auto;}
+.signAccount.upgrade .title {height: 42px;font-size: 32px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
+.signAccount.upgrade .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.upgrade .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: #FF5B00;text-align: center;}
+.signAccount.upgrade .registerClub{width:498px;margin:0 auto;min-height: 900px;}
+.formLine .business input[type="text"] {width: 350px;display: block;float: left;margin-right: 20px;}
+.formLine .business a {display: block;float: left; width: 92px;height: 34px;line-height: 34px;font-size: 14px;color: #FF5B00;background-color: #ffe6dc;border-radius: 17px;border: solid 1px #FF5B00;text-align: center;}
+.formLine .form-upload{width: 128px;height: 90px;float: left;margin-right: 20px;}
+.formLine .formLine-file{width: 128px;height: 90px;position: relative;}
+.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;}
+
+
+
+
+
+
+
+
+
+}
+
+/**
+* 移动端
+*/
+@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}
+
+
+}

src/main/resources/static/css/base/form.css

@@ -104,7 +104,7 @@
 .subLine .errTips{display:block;height:4.4vw;line-height:4.4vw;white-space:nowrap;color:red;font-size:3vw;text-align:left;}
 
 .formLine .address{text-align:justify;line-height:0}
-.formLine .diyBox{width:34vw;height:11.2vw;line-height:11.2vw;margin-right: 2.5vw;margin-bottom: 2.5vw;box-sizing:border-box;text-align:center;display:inline-block;float: left;}
+.formLine .diyBox{width:34vw;height:10vw;line-height:10vw;margin-right: 2.5vw;margin-bottom: 2.5vw;box-sizing:border-box;text-align:center;display:inline-block;float: left;}
 .formLine .diyBox.second{width:20vw;}
 .formLine .diyBox input{display:none}
 .formLine .diyBox i:before{position:absolute;right:0;bottom:0;display:none;width:6vw;height:6vw;background-position:-75vw -7.8vw;}

src/main/resources/static/css/user-center/dashboard.css

@@ -16,7 +16,7 @@ li{list-style:none}
     .user-header .account .name{width:100%;height:36px;float:left;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
     .user-header .account .name a,.user-header .account .name span{display:block;margin-left:8px}
     .user-header .account .name .username{line-height:36px;font-size:18px;font-weight:bold;color:#22272e;display:inline-block;float:left}
-    .user-header .account .name .update{position:relative;width:104px;height:24px;background:#FFE6DC;border:1px solid #FF5B00;opacity:1;border-radius:2px;color:#FF5B00;font-size:12px;line-height:22px;text-align:center}
+    .user-header .account .name .update{position:relative;width:104px;height:24px;background:#FFE6DC;border:1px solid #FF5B00;opacity:1;border-radius:12px;color:#FF5B00;font-size:12px;line-height:22px;text-align:center}
     .user-header .account .name .update .name-tips{width:44px;height:19px;line-height:19px;text-align:center;border-radius:10px;background-color:#ffe6dc;font-size:12px;color:#FF5B00;position:absolute;right:-20px;top:-25px;z-index:99}
     .user-header .account .name .update .name-tips:before{content:'';width:6px;height:6px;background-color:#ffe6dc;position:absolute;bottom:-3px;left:12px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
     .user-header .account .name .agency{width:64px;height:24px;text-align:center;line-height:22px;border-radius:12px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box}

src/main/resources/static/css/user-center/setting/upgrade.css

@@ -1,95 +1,97 @@
-@charset "utf-8";
-li{list-style:none}
-/**
- * PC端
- */
-@media screen and (min-width:768px){
-    footer .footTop{display:none;}
-    .container {width: 100%;height: auto;padding:0 236px;box-sizing: border-box;background-color: #FFFFFF;}
-    .container .title {height: 42px;font-size: 28px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
-    .container .title-tips{margin-bottom: 32px;width: 100%;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%);}
-    .container .title-tips p{width: 100%;height: 48px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 1px;color: #FF5B00;text-align: center;}
-    .container .registerClub{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: #FF5B00;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;float: left;margin-right: 15px;}
-    .subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
-    .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: 16px;height: 16px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
-    .formLine .form-upload-image .icon:before{width: 16px;height: 16px;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: #FF5B00;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #FF5B00;text-align: center;}
-
-
-
-
-
-
-
-
-
-}
-
-/**
-* 移动端
-*/
-@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.3vw}
-.container .title-tips {
-    margin-bottom: 4.3vw;
-    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%);
-}
-.container .title-tips p {
-    width: 100%;
-    height:9.6vw;
-    font-family: Microsoft YaHei;
-    font-size: 3vw;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 9.6vw;
-    color: #FF5B00;
-    text-align: center;
-}
-.container .title{color: #22272e;font-size: 3.7vw;}
-.formLine p{color: #627386}
-input::placeholder,textarea::placeholder{color: #9aa5b5}
-    .formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 5.3vw;}
-    .formLine .formLine-file{width: 36vw;height: 25vw;position: relative;}
-    .formLine .form-upload-tips{width: 5.3vw;height: 25vw;float: left;position: relative;}
-    .formLine .form-upload-tips .icon{width: 5.3vw;height: 5.3vw;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 10.7vw;}
-    .formLine .form-upload-tips .icon-wen{background-position: -22.4vw -38.4vw;cursor: pointer;}
-    .formLine .form-upload-tips .wen-tips{width:48.5vw;height:12.3vw;line-height: 12.3vw;text-align: center;color: #FFF;font-size: 3.4vw; background-color: #1890f9; position: absolute;bottom: -6.4vw;left: -.53vw;border-radius:.8vw;display: none;}
-    .formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 2.1vw;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -4vw;left:1.3vw;}
-    .formLine .form-upload-tips:hover .wen-tips{display: block;}
-    .formLine .file{width:36vw;height:25vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
-    .formLine .formLine-file .icon{width: 36vw;height: 25vw;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: 36vw;height: 25vw;position: relative;}
-    .formLine .form-upload-image .upload-img{width: 36vw;height:25vw;display: block;}
-    .formLine .form-upload-image .icon{width: 4.2vw;height: 4.2vw;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
-    .formLine .business{height:auto;position:relative}
-    .formLine .form-upload-image .mIcon:before {width: 16px;height: 16px;background-position: -90vw -8.5vw;}
-    .formLine{overflow: hidden}
-}
+@charset "utf-8";
+li{list-style:none}
+/**
+ * PC端
+ */
+@media screen and (min-width:768px){
+    footer .footTop{display:none;}
+    .container {width: 100%;height: auto;padding:0 236px;box-sizing: border-box;background-color: #FFFFFF;}
+    .container .title {height: 42px;font-size: 28px;line-height: 42px;font-weight: normal;color: #22272e;padding: 20px 0;text-align: center;}
+    .container .title-tips{margin-bottom: 32px;width: 100%;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%);}
+    .container .title-tips p{width: 100%;height: 48px;font-family: Microsoft YaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 48px;letter-spacing: 1px;color: #FF5B00;text-align: center;}
+    .container .registerClub{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: #FF5B00;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;float: left;margin-right: 15px;}
+    .subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
+    .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: 16px;height: 16px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
+    .formLine .form-upload-image .icon:before{width: 16px;height: 16px;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: #FF5B00;background-color: #ffe6dc;border-radius: 17px;border: solid 1px #FF5B00;text-align: center;}
+
+
+
+
+
+
+
+
+
+}
+
+/**
+* 移动端
+*/
+@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.3vw}
+.container .title-tips {
+    margin-bottom: 4.3vw;
+    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%);
+}
+.container .title-tips p {
+    width: 100%;
+    height:9.6vw;
+    font-family: Microsoft YaHei;
+    font-size: 3vw;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 9.6vw;
+    color: #FF5B00;
+    text-align: center;
+}
+.container .title{color: #22272e;font-size: 3.7vw;}
+.formLine p{color: #627386}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
+    .formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 5.3vw;}
+    .formLine .formLine-file{width: 36vw;height: 25vw;position: relative;}
+    .formLine .form-upload-tips{width: 5.3vw;height: 25vw;float: left;position: relative;}
+    .formLine .form-upload-tips .icon{width: 5.3vw;height: 5.3vw;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 10.7vw;}
+    .formLine .form-upload-tips .icon-wen{background-position: -22.4vw -38.4vw;cursor: pointer;}
+    .formLine .form-upload-tips .wen-tips{width:48.5vw;height:12.3vw;line-height: 12.3vw;text-align: center;color: #FFF;font-size: 3.4vw; background-color: #1890f9; position: absolute;bottom: -6.4vw;left: -.53vw;border-radius:.8vw;display: none;}
+    .formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 2.1vw;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -4vw;left:1.3vw;}
+    .formLine .form-upload-tips:hover .wen-tips{display: block;}
+    .formLine .file{width:36vw;height:25vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+    .formLine .formLine-file .icon{width: 36vw;height: 25vw;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: 36vw;height: 25vw;position: relative;}
+    .formLine .form-upload-image .upload-img{width: 36vw;height:25vw;display: block;}
+    .formLine .form-upload-image .icon{width: 4.2vw;height: 4.2vw;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
+    .formLine .business{height:auto;position:relative}
+    .formLine .business input[type="text"] {width: 58vw;display: block;float: left;margin-right: 3vw;}
+    .formLine .business a {display: block;float: left; width: 30vw;height: 10vw;line-height: 10vw;font-size: 14px;color: #FF5B00;background-color: #ffe6dc;border-radius: 5vw;border: solid 1px #FF5B00;text-align: center;}
+    .formLine .form-upload-image .mIcon:before {width: 16px;height: 16px;background-position: -90vw -8.5vw;}
+    .formLine{overflow: hidden}
+}