|
|
@@ -1,1097 +1,161 @@
|
|
|
body{background: #fff}
|
|
|
.errcolor{border: 1px solid red}
|
|
|
@media screen and (min-width:768px) {
|
|
|
- #secondHandrelease {
|
|
|
- width: 1184px;
|
|
|
- margin: auto;
|
|
|
- }
|
|
|
- .bannerimg{
|
|
|
- width: 100%;
|
|
|
- height: auto;
|
|
|
- }
|
|
|
- .bannerimg img{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- .mt-top {
|
|
|
- line-height: 105px;
|
|
|
- letter-spacing: 0px;
|
|
|
- color: #22272e;
|
|
|
- text-align: center;
|
|
|
- font-size: 32px;
|
|
|
- font-weight: bold;
|
|
|
- height: 105px
|
|
|
- }
|
|
|
-
|
|
|
- .newsTitle {
|
|
|
- height: 60px;
|
|
|
- line-height: 30px;
|
|
|
- background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(225, 86, 22, .1), rgba(255, 255, 255, 0));
|
|
|
- text-align: center;
|
|
|
- padding: 7px 157px;
|
|
|
- color: #e15616
|
|
|
- }
|
|
|
-
|
|
|
- .mt-bottom {
|
|
|
- width: 50%;
|
|
|
- margin: 20px auto;
|
|
|
- }
|
|
|
-
|
|
|
- #mt-form {
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- .unlogin-label {
|
|
|
- width: 146px;
|
|
|
- margin-bottom: 10px;
|
|
|
- color: #627386;
|
|
|
- padding-left: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .secondradio div {
|
|
|
- width: 154px;
|
|
|
- height: 36px;
|
|
|
- line-height: 36px;
|
|
|
- background-color: #ffffff;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- color: #627386;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .secondradio div:nth-child(2) {
|
|
|
- margin: 0 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .secondradio div.active {
|
|
|
- color: #e15616;
|
|
|
- border: solid 1px #e15616;
|
|
|
- }
|
|
|
-
|
|
|
- .secondradio div.buy {
|
|
|
- width: 180px;
|
|
|
- }
|
|
|
-
|
|
|
- .icon.select:before {
|
|
|
- background-position: -207px -254px;
|
|
|
- width: 22px;
|
|
|
- height: 19px;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 133px
|
|
|
- }
|
|
|
-
|
|
|
- .icon.buy:before {
|
|
|
- left: 159px;
|
|
|
- }
|
|
|
-
|
|
|
- .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: 74px;
|
|
|
- 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: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .login-form input[type="text"] {
|
|
|
- width: 496px;
|
|
|
- height: 36px;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 2px;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- padding-left: 10px;
|
|
|
- color: #9aa5b5;
|
|
|
- }
|
|
|
-
|
|
|
- input[type="text"]::placeholder, textarea::placeholder {
|
|
|
- color: #9aa5b5;;
|
|
|
- }
|
|
|
-
|
|
|
- .shrink-spacing {
|
|
|
- margin: 20px 0;
|
|
|
- }
|
|
|
-
|
|
|
- .red-color {
|
|
|
- color: #f94b4b;
|
|
|
- }
|
|
|
-
|
|
|
- .address-input {
|
|
|
- width: 155px;
|
|
|
- height: 36px;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 2px;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- padding-left: 10px;
|
|
|
- color: #9aa5b5;
|
|
|
- }
|
|
|
-
|
|
|
- .address-input.city {
|
|
|
- margin: 0 18px;
|
|
|
- }
|
|
|
-
|
|
|
- .border-grey {
|
|
|
- width: 496px;
|
|
|
- height: 114px;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 2px;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- margin-top: 20px;
|
|
|
- resize: none;
|
|
|
- padding: 10px
|
|
|
- }
|
|
|
-
|
|
|
- #description {
|
|
|
- margin-top: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .upload-file {
|
|
|
- position: relative;
|
|
|
- float: left;
|
|
|
- margin: 10px 10px 10px 0px;
|
|
|
- cursor: pointer;
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
- border-radius: 2px;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-add {
|
|
|
- }
|
|
|
-
|
|
|
- .input-file {
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
- opacity: 0;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- }
|
|
|
-
|
|
|
- .upload-img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- display: block;
|
|
|
- border-radius: 2px;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-del {
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .add-text {
|
|
|
- font-size: 12px;
|
|
|
- color: #333330;
|
|
|
- opacity: 0.5;
|
|
|
- position: absolute;
|
|
|
- top: 60%;
|
|
|
- right: 13px
|
|
|
- }
|
|
|
-
|
|
|
- .release-main-container {
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- #uploadGoodsImages {
|
|
|
- width: 496px;
|
|
|
- }
|
|
|
-
|
|
|
- .icon.add:before {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- background-position: -168px -374px;
|
|
|
- position: absolute;
|
|
|
- top: 17px;
|
|
|
- right: 29px;
|
|
|
- }
|
|
|
-
|
|
|
- .icon.del:before {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- background-position: -116px -138px;
|
|
|
- position: absolute;
|
|
|
- top: -3px;
|
|
|
- right: -3px;
|
|
|
- }
|
|
|
-
|
|
|
- .form-upload-tips .icon-wen:before {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- background-position: -84px -144px;
|
|
|
- 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: -15px;
|
|
|
- left: 35px;
|
|
|
- }
|
|
|
-
|
|
|
- .form-upload-tips {
|
|
|
- width: 20px;
|
|
|
- height: 90px;
|
|
|
- float: left;
|
|
|
- position: relative;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .wen-tips {
|
|
|
- width: 462px;
|
|
|
- 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: 10px;
|
|
|
- left: -32px;
|
|
|
- border-radius: 3px;
|
|
|
- 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;
|
|
|
- }
|
|
|
-
|
|
|
- .textarea-wrapper {
|
|
|
- letter-spacing: 1.5px;
|
|
|
- line-height: 24px;
|
|
|
- color: #627386;
|
|
|
- position: relative;
|
|
|
- width: 496px;
|
|
|
- }
|
|
|
-
|
|
|
- .BtnAll {
|
|
|
- margin-top: 30px;
|
|
|
- width: 520px;
|
|
|
- overflow: hidden
|
|
|
- }
|
|
|
-
|
|
|
- .BtnAll button {
|
|
|
- width: 232px;
|
|
|
- height: 50px;
|
|
|
- border-radius: 2px;
|
|
|
- line-height: 50px;
|
|
|
- text-align: center;
|
|
|
- font-size: 18px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .Read {
|
|
|
- border: solid 1px #e15616;
|
|
|
- background-color: #ffe6dc;
|
|
|
- color: #e15616;
|
|
|
- float: left;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- #btn-submit {
|
|
|
- background-color: #e15616;
|
|
|
- color: #fff;
|
|
|
- float: right;
|
|
|
- }
|
|
|
-
|
|
|
- input[type=checkbox] {
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- select {
|
|
|
- appearance: none;
|
|
|
- -moz-appearance: none;
|
|
|
- -webkit-appearance: none;
|
|
|
- }
|
|
|
-
|
|
|
- .icon.selected:before {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- background-position: -87px 11px;
|
|
|
- position: absolute;
|
|
|
- right: 87px
|
|
|
- }
|
|
|
-
|
|
|
- .icon.province:before {
|
|
|
- left: 125px;
|
|
|
- }
|
|
|
-
|
|
|
- .icon.cCity:before {
|
|
|
- right: 263px;
|
|
|
- }
|
|
|
+ #secondHandrelease {width: 1184px;margin: auto;}
|
|
|
+ .bannerimg{width: 100%;height: auto;}
|
|
|
+ .bannerimg img{width: 100%;height: 100%;}
|
|
|
+ .mt-top {line-height: 105px;letter-spacing: 0px;color: #22272e;text-align: center;font-size: 32px;font-weight: bold;height: 105px}
|
|
|
+ .newsTitle {height: 60px;line-height: 30px;background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(225, 86, 22, .1), rgba(255, 255, 255, 0));text-align: center;padding: 7px 157px;color: #e15616}
|
|
|
+ .mt-bottom {width: 50%;margin: 20px auto;}
|
|
|
+ #mt-form {position: relative;overflow: hidden;}
|
|
|
+ .secondradio div {width: 154px;height: 36px;line-height: 36px;background-color: #ffffff;border: solid 1px #b8bfca;text-align: center;display: inline-block;cursor: pointer;position: relative;color: #627386;}
|
|
|
+ .secondradio div:nth-child(2) {margin: 0 20px;}
|
|
|
+ .secondradio div.active {color: #e15616;border: solid 1px #e15616;}
|
|
|
+ .secondradio div.buy {width: 180px;}
|
|
|
+ .icon.select:before {background-position: -207px -254px;width: 22px;height: 19px;position: absolute;bottom: 0;left: 133px}
|
|
|
+ .icon.buy:before {left: 159px;}
|
|
|
+ .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: 74px;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: 10px;}
|
|
|
+ .login-form input[type="text"] {width: 496px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;padding-left: 10px;color: #9aa5b5;}
|
|
|
+ input[type="text"]::placeholder, textarea::placeholder {color: #9aa5b5;;}
|
|
|
+ .shrink-spacing {margin: 20px 0;}
|
|
|
+ .red-color {color: #f94b4b;}
|
|
|
+ .address-input {width: 155px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;padding-left: 10px;color: #9aa5b5;}
|
|
|
+ .address-input.city {margin: 0 18px;}
|
|
|
+ .border-grey {width: 496px;height: 114px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;margin-top: 20px;resize: none;padding: 10px}
|
|
|
+ #description {margin-top: 0;}
|
|
|
+ .upload-file {position: relative;float: left;margin: 10px 10px 10px 0px;cursor: pointer;width: 80px;height: 80px;border-radius: 2px;border: solid 1px #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}
|
|
|
+ .release-main-container {overflow: hidden;}
|
|
|
+ #uploadGoodsImages {width: 496px;}
|
|
|
+ .icon.add:before {width: 25px;height: 25px;background-position: -168px -374px;position: absolute;top: 17px;right: 24px;}
|
|
|
+ .icon.del:before {width: 20px;height: 20px;background-position: -116px -138px;position: absolute;top: -3px;right: -3px;}
|
|
|
+ .form-upload-tips .icon-wen:before {width: 20px;height: 20px;background-position: -84px -144px;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: -15px;left: 35px;}
|
|
|
+ .form-upload-tips {width: 20px;height: 90px;float: left;position: relative;margin-top: 10px;}
|
|
|
+ .wen-tips {width: 462px;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: 10px;left: -32px;border-radius: 3px;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;}
|
|
|
+ .textarea-wrapper {letter-spacing: 1.5px;line-height: 24px;color: #627386;position: relative;width: 496px;}
|
|
|
+ .BtnAll {margin-top: 30px;width: 520px;overflow: hidden}
|
|
|
+ .BtnAll button {width: 232px;height: 50px;border-radius: 2px;line-height: 50px;text-align: center;font-size: 18px;cursor: pointer;}
|
|
|
+ .Read {border: solid 1px #e15616;background-color: #ffe6dc;color: #e15616;float: left;position: relative;}
|
|
|
+ #btn-submit {background-color: #e15616;color: #fff;float: right;}
|
|
|
+ input[type=checkbox] {margin-right: 10px;}
|
|
|
+ select {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
|
|
|
+ .icon.selected:before {width: 25px;height: 25px;background-position: -87px 11px;position: absolute;right: 87px}
|
|
|
+ .icon.province:before {left: 125px;}
|
|
|
+ .icon.cCity:before {right: 263px;}
|
|
|
|
|
|
/**/
|
|
|
- .select {
|
|
|
- position: relative;
|
|
|
- display: block;
|
|
|
- width: 508px;
|
|
|
- color: #9aa5b5;
|
|
|
- vertical-align: middle;
|
|
|
- text-align: left;
|
|
|
- height: 36px;
|
|
|
- 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.is-open .placeholder:after {
|
|
|
- content: '\f077';
|
|
|
- }
|
|
|
-
|
|
|
- .select.is-open ul {
|
|
|
- display: block;
|
|
|
- }
|
|
|
-
|
|
|
- .select.select--white .placeholder {
|
|
|
- background: #fff;
|
|
|
- color: #999;
|
|
|
- }
|
|
|
-
|
|
|
- .select.select--white .placeholder:hover {
|
|
|
- background: #fafafa;
|
|
|
- }
|
|
|
-
|
|
|
- .select ul {
|
|
|
- position: absolute;
|
|
|
- overflow: hidden;
|
|
|
- width: 100%;
|
|
|
- background: #fff;
|
|
|
- border-radius: 2px;
|
|
|
- top: 100%;
|
|
|
- left: 0;
|
|
|
- list-style: none;
|
|
|
- margin: 2px 0 0 0;
|
|
|
- padding: 0;
|
|
|
- z-index: 100;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- max-height: 350px;
|
|
|
- overflow: auto;
|
|
|
- }
|
|
|
-
|
|
|
- .select ul li {
|
|
|
- display: block;
|
|
|
- text-align: left;
|
|
|
- padding: 0.8em 1em 0.8em 1em;
|
|
|
- color: #999;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .select ul li:hover {
|
|
|
- background-color: #ffe6dc;
|
|
|
- color: #e15616
|
|
|
- }
|
|
|
-
|
|
|
- .release-tips {
|
|
|
- display: block;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- white-space: nowrap;
|
|
|
- color: red;
|
|
|
- font-size: 12px
|
|
|
- }
|
|
|
-
|
|
|
- .icon.errTips:before {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- background-position: -172px -296px;
|
|
|
- vertical-align: top;
|
|
|
- }
|
|
|
-
|
|
|
- .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: fixed;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- margin-top: -150px;
|
|
|
- margin-left: -243px;
|
|
|
- width: 400px;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 2px;
|
|
|
- height: 230px
|
|
|
- }
|
|
|
-
|
|
|
- .theresult p:nth-child(1) {
|
|
|
- color: #627386;
|
|
|
- }
|
|
|
-
|
|
|
- .theresult p {
|
|
|
- font-size: 14px;
|
|
|
- color: #22272e;
|
|
|
- line-height: 25px;
|
|
|
- padding: 15px 15px 0;
|
|
|
- }
|
|
|
-
|
|
|
- .paybtn {
|
|
|
- font-size: 0;
|
|
|
- padding-left: 152px
|
|
|
- }
|
|
|
-
|
|
|
- .paybtn span {
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- margin: 15px 0 0 10px;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .paybtn .cancel {
|
|
|
- border-right: 1px solid #F2F2F2;
|
|
|
- width: 72px;
|
|
|
- height: 32px;
|
|
|
- background: rgba(225, 86, 22, 1);
|
|
|
- color: #fff;
|
|
|
- line-height: 32px;
|
|
|
- border-radius: 2px;
|
|
|
- }
|
|
|
-
|
|
|
- .paybtn .thegopay {
|
|
|
- border: 1px solid #E0E0E0;
|
|
|
- width: 130px;
|
|
|
- height: 32px;
|
|
|
- line-height: 32px;
|
|
|
- border-radius: 2px;
|
|
|
- color: #333333;
|
|
|
- padding: 0 5px 0 5px
|
|
|
- }
|
|
|
-
|
|
|
- .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
|
|
|
- }
|
|
|
+ .select {position: relative;display: block;width: 508px;color: #9aa5b5;vertical-align: middle;text-align: left;height: 36px;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.is-open .placeholder:after {content: '\f077';}
|
|
|
+ .select.is-open ul {display: block;}
|
|
|
+ .select.select--white .placeholder {background: #fff;color: #999;}
|
|
|
+ .select.select--white .placeholder:hover {background: #fafafa;}
|
|
|
+ .select ul {position: absolute;overflow: hidden;width: 100%;background: #fff;border-radius: 2px;top: 100%;left: 0;list-style: none;margin: 2px 0 0 0;padding: 0;z-index: 100;border: solid 1px #b8bfca;max-height: 350px;overflow: auto;}
|
|
|
+ .select ul li {display: block;text-align: left;padding: 0.8em 1em 0.8em 1em;color: #999;cursor: pointer;}
|
|
|
+ .select ul li:hover {background-color: #ffe6dc;color: #e15616}
|
|
|
+ .release-tips {display: block;height: 20px;line-height: 20px;white-space: nowrap;color: red;font-size: 12px}
|
|
|
+ .icon.errTips:before {width: 20px;height: 20px;background-position: -172px -296px;vertical-align: top;}
|
|
|
+ .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: fixed;left: 50%;top: 50%;margin-top: -150px;margin-left: -243px;width: 400px;background-color: #fff;border-radius: 2px;height: 230px}
|
|
|
+ .theresult p:nth-child(1) {color: #627386;}
|
|
|
+ .theresult p {font-size: 14px;color: #22272e;line-height: 25px;padding: 15px 15px 0;}
|
|
|
+ .paybtn {font-size: 0;padding-left: 152px} .paybtn span {display: inline-block;text-align: center;margin: 15px 0 0 10px;font-size: 14px;cursor: pointer;}
|
|
|
+ .paybtn .cancel {border-right: 1px solid #F2F2F2;width: 72px;height: 32px;background: rgba(225, 86, 22, 1);color: #fff;line-height: 32px;border-radius: 2px;}
|
|
|
+ .paybtn .thegopay {border: 1px solid #E0E0E0;width: 130px;height: 32px;line-height: 32px;border-radius: 2px;color: #333333;padding: 0 5px 0 5px}
|
|
|
+ .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}
|
|
|
}
|
|
|
|
|
|
/*移动端*
|
|
|
|
|
|
*/
|
|
|
@media screen and (max-width:768px){
|
|
|
- #secondHandrelease {
|
|
|
- padding: 2.7vw;
|
|
|
- }
|
|
|
- .bannerimg img{
|
|
|
- width: 100%;
|
|
|
- height: 100% ;
|
|
|
- }
|
|
|
- .mt-top {
|
|
|
- line-height: 17.3vw;
|
|
|
- color: #22272e;
|
|
|
- text-align: left;
|
|
|
- font-size: 5vw;
|
|
|
- font-weight: bold;
|
|
|
- height: 17.3vw
|
|
|
- }
|
|
|
-
|
|
|
- .newsTitle {
|
|
|
- line-height: 6.4vw;
|
|
|
- text-align: left;
|
|
|
- color: #e15616;
|
|
|
- padding: 2.7vw;
|
|
|
- background-color: rgba(225, 86, 22, .1)
|
|
|
- }
|
|
|
-
|
|
|
- .mt-bottom {
|
|
|
- margin: 5.3vw auto;
|
|
|
- }
|
|
|
-
|
|
|
- #mt-form {
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- width: 93.4vw;
|
|
|
- margin: auto
|
|
|
- }
|
|
|
-
|
|
|
- .unlogin-label {
|
|
|
- width: 39vw;
|
|
|
- margin-bottom: 2.7vw;
|
|
|
- color: #627386;
|
|
|
- padding-left: 2.7vw
|
|
|
- }
|
|
|
-
|
|
|
- .secondradio div {
|
|
|
- width: 27vw;
|
|
|
- height: 10.7vw;
|
|
|
- line-height: 10.7vw;
|
|
|
- background-color: #ffffff;
|
|
|
- border: solid .27vw #b8bfca;
|
|
|
- text-align: center;
|
|
|
- display: inline-block;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- color: #627386
|
|
|
- }
|
|
|
-
|
|
|
- .secondradio div:nth-child(2) {
|
|
|
- margin: 0 5.3vw;
|
|
|
- }
|
|
|
-
|
|
|
- .secondradio div.active {
|
|
|
- color: #e15616;
|
|
|
- border: solid .27vw #e15616;
|
|
|
- }
|
|
|
-
|
|
|
- .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: #9aa5b5;
|
|
|
- box-sizing: border-box
|
|
|
- }
|
|
|
-
|
|
|
- input[type="text"]::placeholder, textarea::placeholder {
|
|
|
- color: #9aa5b5;;
|
|
|
- }
|
|
|
-
|
|
|
- .shrink-spacing {
|
|
|
- margin: 20px 0;
|
|
|
- }
|
|
|
-
|
|
|
- .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-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;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-del {
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .add-text {
|
|
|
- font-size: 12px;
|
|
|
- color: #333330;
|
|
|
- opacity: 0.5;
|
|
|
- position: absolute;
|
|
|
- top: 60%;
|
|
|
- right: 13px
|
|
|
- }
|
|
|
-
|
|
|
- .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;
|
|
|
- }
|
|
|
-
|
|
|
- .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;
|
|
|
- }
|
|
|
-
|
|
|
- .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 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;
|
|
|
- }
|
|
|
-
|
|
|
- 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;
|
|
|
- }
|
|
|
-
|
|
|
- .mIcon.cCity:before {
|
|
|
- right: -28.8vw;
|
|
|
- }
|
|
|
+ #secondHandrelease {padding: 2.7vw;}
|
|
|
+ .bannerimg img{width: 100%;height: 100% ;}
|
|
|
+ .mt-top {line-height: 17.3vw;color: #22272e;text-align: left;font-size: 5vw;font-weight: bold;height: 17.3vw}
|
|
|
+ .newsTitle {line-height: 6.4vw;text-align: left;color: #e15616;padding: 2.7vw;background-color: rgba(225, 86, 22, .1)}
|
|
|
+ .mt-bottom {margin: 5.3vw auto;}
|
|
|
+ #mt-form {position: relative;overflow: hidden;width: 93.4vw;margin: auto}
|
|
|
+ .unlogin-label {width: 39vw;margin-bottom: 2.7vw;color: #627386;padding-left: 2.7vw}
|
|
|
+ .secondradio div {width: 27vw;height: 10.7vw;line-height: 10.7vw;background-color: #ffffff;border: solid .27vw #b8bfca;text-align: center;display: inline-block;cursor: pointer;position: relative;color: #627386}
|
|
|
+ .secondradio div:nth-child(2) {margin: 0 5.3vw;}
|
|
|
+ .secondradio div.active {color: #e15616;border: solid .27vw #e15616;}
|
|
|
+ .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: #9aa5b5;box-sizing: border-box}
|
|
|
+ input[type="text"]::placeholder, textarea::placeholder {color: #9aa5b5;;}
|
|
|
+ .shrink-spacing {margin: 20px 0;}
|
|
|
+ .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-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}
|
|
|
+ .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;}
|
|
|
+ .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;}
|
|
|
+ .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 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;}
|
|
|
+ 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;}
|
|
|
+ .mIcon.cCity:before {right: -28.8vw;}
|
|
|
|
|
|
/**/
|
|
|
- .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.is-open .placeholder:after {
|
|
|
- content: '\f077';
|
|
|
- }
|
|
|
-
|
|
|
- .select.is-open ul {
|
|
|
- display: block;
|
|
|
- }
|
|
|
-
|
|
|
- .select.select--white .placeholder {
|
|
|
- background: #fff;
|
|
|
- color: #999;
|
|
|
- }
|
|
|
-
|
|
|
- .select.select--white .placeholder:hover {
|
|
|
- background: #fafafa;
|
|
|
- }
|
|
|
-
|
|
|
- .select ul {
|
|
|
- position: absolute;
|
|
|
- width: 99.5%;
|
|
|
- background: #fff;
|
|
|
- border-radius: .53vw;
|
|
|
- top: 100%;
|
|
|
- left: 0;
|
|
|
- list-style: none;
|
|
|
- border: solid 1px #b8bfca;
|
|
|
- max-height: 93.3vw;
|
|
|
- overflow: auto;
|
|
|
- z-index: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .select ul li {
|
|
|
- display: block;
|
|
|
- text-align: left;
|
|
|
- padding: 0.8em 1em 0.8em 1em;
|
|
|
- color: #999;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .select ul li:hover {
|
|
|
- background-color: #ffe6dc;
|
|
|
- color: #e15616
|
|
|
- }
|
|
|
-
|
|
|
- .release-tips {
|
|
|
- display: block;
|
|
|
- height: 5.3vw;
|
|
|
- line-height: 5.3vw;
|
|
|
- white-space: nowrap;
|
|
|
- color: red;
|
|
|
- font-size:3.2vw;
|
|
|
- margin-top: 1.7vw;
|
|
|
- }
|
|
|
-
|
|
|
- .mIcon.errTips:before {
|
|
|
- width: 5.3vw;
|
|
|
- height: 5.3vw;
|
|
|
- background-position: -25.9vw -8.8vw;
|
|
|
- vertical-align: top;
|
|
|
- }
|
|
|
-
|
|
|
- .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 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
|
|
|
- }
|
|
|
-
|
|
|
- .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;
|
|
|
- }
|
|
|
+ .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.is-open .placeholder:after {content: '\f077';}
|
|
|
+ .select.is-open ul {display: block;}
|
|
|
+ .select.select--white .placeholder {background: #fff;color: #999;}
|
|
|
+ .select.select--white .placeholder:hover {background: #fafafa;}
|
|
|
+ .select ul {position: absolute;width: 99.5%;background: #fff;border-radius: .53vw;top: 100%;left: 0;list-style: none;border: solid 1px #b8bfca;max-height: 93.3vw;overflow: auto;z-index: 1;}
|
|
|
+ .select ul li {display: block;text-align: left;padding: 0.8em 1em 0.8em 1em;color: #999;cursor: pointer;}
|
|
|
+ .select ul li:hover {background-color: #ffe6dc;color: #e15616}
|
|
|
+ .release-tips {display: block;height: 5.3vw;line-height: 5.3vw;white-space: nowrap;color: red;font-size:3.2vw;margin-top: 1.7vw;}
|
|
|
+ .mIcon.errTips:before {width: 5.3vw;height: 5.3vw;background-position: -25.9vw -8.8vw;vertical-align: top;}
|
|
|
+ .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 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}
|
|
|
+ .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;}
|
|
|
}
|
Administrator