|
@@ -76,7 +76,7 @@ body{background: #fff}
|
|
|
.gosecond {color: #1683E1;border-right: 1px solid #F2F2F2;}
|
|
|
.close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;font-size: 24px;}
|
|
|
.bjmain .title{width: -webkit-fill-available;color: #627386;padding: 15px;display: inline-block;border: solid 1px #e2e7ef;font-size: 14px}
|
|
|
- .unlogin-label{height: 26px;color:#9aa5b5}
|
|
|
+ .unlogin-label{height: 26px;color:#627386}
|
|
|
}
|
|
|
|
|
|
/*移动端*
|
|
@@ -96,41 +96,39 @@ body{background: #fff}
|
|
|
.secondradio div.buy {width: 39.2vw;}
|
|
|
.mIcon.select:before {background-position: -75.5vw -8.8vw;width: 5.3vw;height: 4.8vw;position: absolute;bottom: 0;right: 0;transition: none;}
|
|
|
.mIcon.buy:before {left: 34vw;}
|
|
|
- .secondradio {margin-bottom: 15px;}
|
|
|
- .linqi_text {width: 425px;height: 45px;background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17);text-align: center;line-height: 45px;color: #ffffff;margin: auto}
|
|
|
- .jiaobiao {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;top: 20.8vw;right: 50%;border-bottom: 10px solid #1890f9;position: absolute}
|
|
|
- #shoplogo {height: 36px;border-radius: 2px;padding-left: 10px;width: 508px;border: solid 1px #b8bfca;color: #9aa5b5}
|
|
|
- #shoplogoTwo {height: 36px;margin-top: 2.7vw;}
|
|
|
- .login-form input[type="text"] {width: 100% !important;height: 9.6vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;padding-left: 2.7vw;color: #22272e;box-sizing: border-box}
|
|
|
+ .secondradio {margin-bottom:4vw;}
|
|
|
+ .linqi_text {width: 100%;height:9.6vw;background-color: #1890f9;box-shadow: 0px .8vw 1.3vw 0px rgba(24, 144, 249, 0.17);text-align: center;line-height: 9.6vw;color: #ffffff;margin: auto;font-size: 3.2vw;}
|
|
|
+ .jiaobiao {width: 0;height: 0;border-left: 2.7vw solid transparent;border-right: 2.7vw solid transparent;top: 20.8vw;right: 50%;border-bottom: 2.7vw solid #1890f9;position: absolute}
|
|
|
+ #shoplogoTwo {height:9.6vw;margin-top: 2.7vw;}
|
|
|
+ .login-form input[type="text"] {width: 100% !important;height: 9.6vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 2.7vw;color: #22272e;box-sizing: border-box}
|
|
|
input[type="text"]::placeholder, textarea::placeholder {color: #9aa5b5;;}
|
|
|
- .shrink-spacing {margin: 20px 0;position: relative;}
|
|
|
+ .shrink-spacing {margin: 5.3vw 0;position: relative;}
|
|
|
.red-color {color: #f94b4b;}
|
|
|
- .address-input {width: 28.5vw;height: 10.7vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;padding-left: 6.7vw;color: #9aa5b5}
|
|
|
+ .address-input {width: 28.5vw;height: 10.7vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;padding-left: 6.7vw;color: #9aa5b5}
|
|
|
.address-item i{position: relative;}
|
|
|
.address-input.city {margin: 0 2.6vw;}
|
|
|
.border-grey {width: 100%;height: 56.3vw;background-color: #ffffff;border-radius: .53vw;border: solid .27vw #b8bfca;margin-top: 5.3vw;resize: none;padding: 2.7vw;box-sizing: border-box}
|
|
|
#description {margin-top: 0;}
|
|
|
.upload-file {position: relative;float: left;margin: 2.7vw 2.7vw 2.7vw 0px;cursor: pointer;width: 21.3vw;height: 21.3vw;border-radius: .53vw;border: solid .27vw #b8bfca}
|
|
|
- .input-file {width: 80px;height: 80px;opacity: 0;cursor: pointer;position: absolute;}
|
|
|
- .upload-img {width: 100%;height: 100%;display: block;border-radius: 2px;}
|
|
|
- .add-text {font-size: 12px;color: #333330;opacity: 0.5;position: absolute;top: 60%;right: 13px}
|
|
|
+ .input-file {width: 21.3vw;height: 21.3vw;opacity: 0;cursor: pointer;position: absolute;}
|
|
|
+ .upload-img {width: 100%;height: 100%;display: block;border-radius: .53vw;}
|
|
|
+ .add-text {font-size: 3.2vw;color: #333330;opacity: 0.5;position: absolute;top: 60%;right:3.3vw}
|
|
|
.release-main-container {overflow: hidden;}
|
|
|
#uploadGoodsImages {width: 100%;overflow: auto;}
|
|
|
.mIcon.add:before {width: 6.7vw;height: 6.7vw;background-position: -8.8vw -61vw;position: absolute;top: 4.5vw;right: 7.2vw}
|
|
|
.mIcon.del:before {width: 5.3vw;height: 5.3vw;background-position: -89.6vw -7.7vw;position: absolute;top: -1vw;right: -.8vw}
|
|
|
.form-upload-tips .icon-wen:before {width: 5.3vw;height: 6.3vw;background-position: -76.5vw 0px;cursor: pointer;}
|
|
|
- .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: -4vw;left: 27.2vw;}
|
|
|
- .form-upload-tips {width: 5.3vw;float: left;margin-top: 10px;}
|
|
|
+ .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: 27.2vw;}
|
|
|
+ .form-upload-tips {width: 5.3vw;float: left;margin-top: 2.7vw;}
|
|
|
.wen-tips {width: 100%;height: 12.5vw;line-height: 6.4vw;text-align: center;color: #FFF;font-size: 2.7vw;background-color: #1890f9;box-shadow: 0 .8vw 1.6vw 0 rgba(24, 144, 249, 0.17);position: absolute;right: 0;border-radius: .8vw;display: none;}
|
|
|
.form-upload-tips:hover .wen-tips {display: block;}
|
|
|
- #word-limit {position: absolute;right: 0;bottom: 10px;font-size: 12px;color: #9aa5b5}
|
|
|
- .unlogin-item {margin-top: 20px;}
|
|
|
+ #word-limit {position: absolute;right: 2.7vw;bottom: 2.7vw;font-size: 3.2vw;color: #9aa5b5}
|
|
|
.textarea-wrapper {letter-spacing: .4vw;line-height: 6.4vw;color: #627386;position: relative;width: 100%;font-size: 3.2vw}
|
|
|
- .BtnAll {margin-top: 30px;width: 100%;overflow: hidden}
|
|
|
+ .BtnAll {margin-top: 8vw;width: 100%;overflow: hidden}
|
|
|
.BtnAll button {width: 100%;height: 15vw;border-radius: .53vw;line-height: 15vw;text-align: center;font-size: 4.5vw;cursor: pointer;margin-bottom: 2.7vw;box-sizing: border-box;}
|
|
|
.Read {border: solid .27vw #e15616;background-color: #ffe6dc;color: #e15616;}
|
|
|
#btn-submit {background-color: #e15616;color: #fff;}
|
|
|
- input[type=checkbox] {margin: 1.27vw 7px 0px -14px;}
|
|
|
+ input[type=checkbox] {margin: 1.27vw 7px 0px -3.4vw;width: 3.5vw;height: 3.5vw;line-height: 3.5vw}
|
|
|
select {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
|
|
|
.mIcon.selected:before {width: 6.7vw;height: 6.7vw;background-position: -49vw 2.4vw;position: absolute;right: -27vw}
|
|
|
.mIcon.province:before {right: -26.4vw;}
|
|
@@ -138,7 +136,7 @@ body{background: #fff}
|
|
|
|
|
|
/**/
|
|
|
.select {position: relative;display: block;width: 100%;color: #9aa5b5;vertical-align: middle;text-align: left;height: 9.6vw;user-select: none}
|
|
|
- .select .placeholder {position: relative;display: block;padding-left: 10px;border-radius: 2px;cursor: pointer;border: solid 1px #b8bfca;height: 36px;line-height: 36px}
|
|
|
+ .select .placeholder {position: relative;display: block;padding-left: 2.7vw;border-radius: .53vw;cursor: pointer;border: solid .27vw #b8bfca;height:9.6vw;line-height: 9.6vw}
|
|
|
.select.is-open .placeholder:after {content: '\f077';}
|
|
|
.select.is-open ul {display: block;}
|
|
|
.select.select--white .placeholder {background: #fff;color: #999;}
|
|
@@ -151,12 +149,12 @@ body{background: #fff}
|
|
|
.thebj {position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 999999;opacity: 0;}
|
|
|
.thebj.show {opacity: 1;}
|
|
|
.theresult {position: absolute;right: 14%;top: 30%;width: 63.7vw;background-color: #fff;border-radius: .53vw;padding: 2.7vw;}
|
|
|
- .theresult span{padding: 5px 0;border-bottom: 1px solid #e2e7ef;width: 100%;display: block;color: #627386}
|
|
|
+ .theresult span{padding: 1.3vw 0;border-bottom: .27vw solid #e2e7ef;width: 100%;display: block;color: #627386}
|
|
|
.theresult p {font-size: 3.7vw;color: #22272e;line-height: 6.7vw;padding: 2vw 2vw}
|
|
|
.paybtn {width: 100%;}
|
|
|
.paybtn span {display: block;text-align: center;font-size: 3.7vw;cursor: pointer;}
|
|
|
.paybtn .cancel {margin: 2.7vw 0;width: 100%;height: 9.9vw;background: rgba(225, 86, 22, 1);color: #fff;line-height: 9.9vw;border-radius: .53vw}
|
|
|
- .paybtn .thegopay {border: 1px solid #E0E0E0;height: 8.5vw;line-height: 8.5vw;border-radius: .53vw;color: #333333;padding: 0 1.3vw 0 1.3vw}
|
|
|
+ .paybtn .thegopay {border: .27vw solid #E0E0E0;height: 8.5vw;line-height: 8.5vw;border-radius: .53vw;color: #333333;padding: 0 1.3vw 0 1.3vw}
|
|
|
.gosecond {color: #1683E1;border-right: .27vw solid #F2F2F2;}
|
|
|
.close {position: absolute;right: 0;top: 0;width: 10.7vw;height: 10.7vw;line-height: 10.7vw;text-align: center;cursor: pointer;font-size: 6.4vw;}
|
|
|
.brand.mIcon:before{
|