Merge remote-tracking branch 'origin/developerB' into developerB

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

@@ -244,7 +244,7 @@ header{box-shadow: 0 2px 10px #ebecef;}
 .pageWrap span{display:inline-block;height:40px;line-height:40px;margin:0 5px;color:#93979F}
 .pageWrap b{color:#2D3036;font-weight:normal}
 .pageWrap input{box-sizing:border-box;width:80px;height:40px;line-height:40px;font-size:16px;border:1px solid #EBECEF;outline:none;border-radius:2px;text-align:center}
-.crumbs{width:1184px;margin:0 auto;box-sizing:border-box;padding:12px 0;font-size:16px}
+.crumbs{width:1184px;margin:0 auto;box-sizing:border-box;padding:12px 0;font-size:16px;color: #22272E;}
 /* 登录弹框 */
 .loginAlert{padding-top:5px;}
 .loginAlert span:first-child:after{content: '，';}

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

@@ -4,7 +4,7 @@
  */
 @media screen and (min-width:768px){
     .navLayout {min-height: 900px;}
-    .crumbs{padding-left: 240px;}
+    .crumbs{padding-left: 234px;}
     .navLayout .left{float:left;width:200px;line-height:50px;white-space:nowrap;text-indent:16px;font-size:16px;background:#FFF}
     .navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5}
     .navLayout .navList .tab{display:block;color:#22272e;position:relative;cursor: pointer;}

src/main/resources/static/css/flea-market/form.css

@@ -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;}
  }

src/main/resources/static/css/flea-market/list.css

@@ -3,483 +3,87 @@
  */
   li {list-style: none;zoom: 1;}
 @media screen and (min-width:768px) {
-    #fleaMarketList {
-        margin-top: 20px
-    }
-    .ListImg img {
-        width: 100%
-    }
-
-    .secondTitle {
-        width: 1184px;
-        height: 40px;
-        background-color: #ffffff;
-        border-bottom: 1px solid #E15616;
-        margin-top: 20px
-    }
-
-    .ClassA {
-        width: 128px;
-        height: 40px;
-        display: inline-block;
-        text-align: center;
-        line-height: 40px;
-        font-size: 16px;
-        cursor: pointer;
-        color: #333333;
-        border: 0;
-    }
-
-    .active {
-        background: #E15621;
-        color: #fff;
-    }
-    .activeImg{
-        opacity: 0.5;
-    }
-
-    .fabu {
-        float: right;
-        text-align: center;
-        color: #e15616;
-        border-bottom: 1px solid #e15616;
-        height: 32px;
-        margin-right: 30px
-    }
-
-    .fabu a {
-        line-height: 40px;
-        color: #e15616
-    }
-
-    .mainTab {
-        background: #fff;
-        width: 128px;
-        position: absolute;
-        z-index: 1;
-    }
-
-    .Listitem:nth-of-type(4n) {
-        margin-right: 0;
-    }
-
-    .mainTab li {
-        height: 40px;
-        line-height: 40px;
-        text-align: center;
-        color: #627386;
-        cursor: pointer;
-    }
-
-    .mainTab li.addstyle {
-        background: #ffe6dc;
-        color: #e15616;
-    }
-
-    .shopList {
-        width: 1184px;
-        margin: 20px auto;
-        font-size: 0;
-    }
-
-    .Listitem {
-        width: 284px;
-        display: inline-block;
-        margin: 0 16px 20px 0;
-    }
-
-    .itemImg {
-        display: block;
-        position: relative;
-        width: 100%;
-        height: 284px;
-        margin-right: 20px;
-        background-color: #fff;
-        cursor: pointer;
-    }
-
-    .itemImg .bigImg {
-        width: 100%;
-        height: 100%;
-    }
-
-    .infotag {
-        font-size: 10px;
-           padding: 0 12px;
-        height: 22px;
-        line-height: 22px;
-        text-align: center;
-        display: inline-block;
-        border-radius: 2px;
-        flex: auto;
-        margin: 0 3px
-    }
-
-    .ItemInfo tag {
-        display: flex;
-    }
-
-    .infotag.news {
-        border: solid 1px #f94b4b;
-        color: #f94b4b;
-        background-color: #fadbdb
-    }
-
-    .infotag.brand {
-        border: solid 1px #f9a24b;
-        color: #f9a24b;
-        background-color: #faefdb;
-    }
-
-    .infotag.sold {
-        border: solid 1px #9aa5b5;
-        color: #9aa5b5;
-        background-color: #e3ebf7;
-    }
-
-    .infotag.other {
-        border: solid 1px #1890f9;
-        color: #1890f9;
-        background-color: #e3ebf7;
-    }
-
-    .ItemInfo {
-        background: #fff;
-        padding: 10px
-    }
-
-    .targetprice {
-        font-size: 16px;
-        color: #f94b4b;
-        cursor: pointer;
-    }
-
-    .productname {
-        font-size: 16px;
-        color: #22272e;
-        text-align: justify;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        margin: 8px 0;
-        display: block;
-    }
-
-    .shijian {
-        font-size: 12px;
-        color: #9aa5b5;
-        text-align: justify;
-        margin: 8px 0;
-        position: relative;
-    }
-
-    .shijian div {
-        display: inline-block;
-    }
-
-    .shijian div:nth-child(1) {
-        margin-right: 60px
-    }
-
-    .dizhi {
-        font-size: 12px;
-        color: #9aa5b5;
-        margin-bottom: 8px;
-        position: relative;
-        margin-right: 20px
-    }
-     .icon.shijian:before {
-        background-position: -117px -328.5px;
-        width: 20px;
-        height: 23px;
-        position: absolute;
-        right: 3px;
-        top: -4px
-     }
-    .icon.liulanliang:before {
-        background-position: -187px -326.5px;
-        width: 20px;
-        height: 20px
-    }
-
-    .icon.dizhi:before {
-            background-position: -326px -326.5px;
-            width: 20px;
-            height: 23px;
-            position: absolute;
-            right: -20px;
-            top: -5px
-    }
-
-    .isShow {
-        display: block;
-    }
-
-    .no-content {
-        padding: 180px 0 160px;
-        background-color: #fff;
-        opacity: 0;
-    }
-
-    .no-content img {
-        display: block;
-        margin: 0 auto;
-    }
-
-    .error-message {
-        font-size: 16px;
-        text-align: center;
-        margin-top: 50px;
-    }
-
-    .show {
-        opacity: 1 !important;
-    }
-
-    .page-area {
-        width: 1190px;
-        height: 60px;
-        padding-top: 20px;
-        font-size: 14px;
-        text-align: center;
-        clear: both;
-        background: #fff;
-        margin: 5px auto;
-    }
-
-    .page-area a {
-        border: 1px solid #EFEFEF;
-        color: #636262;
-        line-height: 14px;
-        padding: 4px 10px;
-        background: #fff;
-        border-radius: 3px;
-        -moz-border-radius: 3px;
-        vertical-align: inherit;
-    }
-
-    .page-area a:hover {
-        border: 1px solid #ccc;
-        color: #666;
-        text-decoration: none;
-    }
+    #fleaMarketList {margin-top: 20px}
+    .ListImg img {width: 100%}
+    .secondTitle {width: 1184px;height: 40px;background-color: #ffffff;border-bottom: 1px solid #E15616;margin-top: 20px}
+    .ClassA {width: 128px;height: 40px;display: inline-block;text-align: center;line-height: 40px;font-size: 16px;cursor: pointer;color: #333333;border: 0;}
+    .active {background: #E15621;color: #fff;}
+    .activeImg{opacity: 0.5;}
+    .fabu {float: right;text-align: center;color: #e15616;border-bottom: 1px solid #e15616;height: 32px;margin-right: 30px}
+    .fabu a {line-height: 40px;color: #e15616}
+    .mainTab {background: #fff;width: 128px;position: absolute;z-index: 1;}
+    .Listitem:nth-of-type(4n) {margin-right: 0;}
+    .mainTab li {height: 40px;line-height: 40px;text-align: center;color: #627386;cursor: pointer;}
+    .mainTab li.addstyle {background: #ffe6dc;color: #e15616;}
+    .shopList {width: 1184px;margin: 20px auto;font-size: 0;}
+    .Listitem {width: 284px;display: inline-block;margin: 0 16px 20px 0;}
+    .itemImg {display: block;position: relative;width: 100%;height: 284px;margin-right: 20px;background-color: #fff;cursor: pointer;}
+    .itemImg .bigImg {width: 100%;height: 100%;}
+    .infotag {font-size: 10px;padding: 0 12px;height: 22px;line-height: 22px;text-align: center;display: inline-block;border-radius: 2px;flex: auto;margin: 0 3px}
+    .ItemInfo tag {display: flex;}
+    .infotag.news {border: solid 1px #f94b4b;color: #f94b4b;background-color: #fadbdb}
+    .infotag.brand {border: solid 1px #f9a24b;color: #f9a24b;background-color: #faefdb;}
+    .infotag.sold {border: solid 1px #9aa5b5;color: #9aa5b5;background-color: #e3ebf7;}
+    .infotag.other {border: solid 1px #1890f9;color: #1890f9;background-color: #e3ebf7;}
+    .ItemInfo {background: #fff;padding: 10px}
+    .targetprice {font-size: 16px;color: #f94b4b;cursor: pointer;}
+    .productname {font-size: 16px;color: #22272e;text-align: justify;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 8px 0;display: block;}
+    .shijian {font-size: 12px;color: #9aa5b5;text-align: justify;margin: 8px 0;position: relative;}
+    .shijian div {display: inline-block;}
+    .shijian div:nth-child(1) {margin-right: 60px}
+    .dizhi {font-size: 12px;color: #9aa5b5;margin-bottom: 8px;position: relative;margin-right: 20px}
+    .icon.shijian:before {background-position: -117px -328.5px;width: 20px;height: 23px;position: absolute;right: 3px;top: -4px}
+    .icon.liulanliang:before {background-position: -187px -326.5px;width: 20px;height: 20px}
+    .icon.dizhi:before {background-position: -326px -326.5px;width: 20px;height: 23px;position: absolute;right: -20px;top: -5px}
+    .isShow {display: block;}
+    .no-content {padding: 180px 0 160px;background-color: #fff;opacity: 0;}
+    .no-content img {display: block;margin: 0 auto;}
+    .error-message {font-size: 16px;text-align: center;margin-top: 50px;}
+    .show {opacity: 1 !important;}
+    .page-area {width: 1190px;height: 60px;padding-top: 20px;font-size: 14px;text-align: center;clear: both;background: #fff;margin: 5px auto;}
+    .page-area a {border: 1px solid #EFEFEF;color: #636262;line-height: 14px;padding: 4px 10px;background: #fff;border-radius: 3px;-moz-border-radius: 3px;vertical-align: inherit;}
+    .page-area a:hover {border: 1px solid #ccc;color: #666;text-decoration: none;}
     .ItemInfo .tag{height: 22px}
 }
 
 /* 移动端*/
 @media screen and (max-width:768px){
 #fleaMarketList{width: 100%;overflow: hidden}
-.shopList{background: #fff}
-.Listitem{height:33vw;padding: 10px;border-bottom: .24vw solid #F0F2F4}
-.ListImg{
-    width: 100%;
-    height: 35.3vw
-}
-.ListImg img {
-   width: 100%;
-   height: 100%;
-}
- .secondTitle {
-        width: 100%;
-        height: 10vw;
-        background-color: #ffffff;
-        border-bottom: .24vw solid #F0F2F4;
-        position: relative
-    }
-
-    .ClassA {
-        width: 32vw;
-        height: 10vw;
-        display: inline-block;
-        text-align: center;
-        line-height: 10vw;
-        font-size: 3.86vw;
-        cursor: pointer;
-        color: #9aa5b5;
-        border: 0;
-        position: relative;
-    }
-     .mainTab {
-        background: #fff;
-        width: 29vw;
-        position: absolute;
-        z-index: 1;
-    }
-       .Listitem:nth-of-type(4n) {
-        margin-right: 0;
-    }
-
-    .mainTab li {
-        height: 9.6vw;
-        line-height: 9.6vw;
-        text-align: center;
-        color: #627386;
-        cursor: pointer;
-    }
-     .active {
-        color: #E15621;
-    }
-    .line{
-        width: 10vw;
-        margin:0 auto;
-        height: .48vw;
-        background-color: #e15616;
-        display: block
-    }
-    .mainTab li.addstyle{
-        color: #e15616;
-    }
-    .itemImg{
-        width:31.2vw;
-        height:31.2vw;
-        float: left;
-        background: #000;
-    }
-    .activeImg{
-        opacity: 0.5;
-    }
-    .itemImg img{
-        width: 100%;
-        height: 100%;
-    }
-    .ItemInfo{
-      float: right;
-     width: 60vw
-    }
-    .infotag {
-        font-size:  0.4vw;
-        width: 11.6vw;
-        height: 4.8vw;
-        line-height:  4.8vw;
-        text-align: center;
-        display: inline-block;
-        border-radius: .48vw;
-        flex: auto;
-        margin: 0 .72vw
-    }
-    .infotag.news {
-        border: solid 1px #f94b4b;
-        color: #f94b4b;
-        background-color: #fadbdb
-    }
-
-    .infotag.brand {
-        border: solid 1px #f9a24b;
-        color: #f9a24b;
-        background-color: #faefdb;
-    }
-
-    .infotag.sold {
-        border: solid 1px #9aa5b5;
-        color: #9aa5b5;
-        background-color: #e3ebf7;
-    }
-
-    .infotag.other {
-        border: solid 1px #1890f9;
-        color: #1890f9;
-        background-color: #e3ebf7;
-    }
-     .targetprice {
-        font-size: 4vw;
-        color: #f94b4b;
-        cursor: pointer;
-    }
-    .productname{
-        color: #627386;
-        letter-spacing: 1px;
-        font-size: 4vw;
-        margin: 1.2vw 0;
-        display: block;
-    }
-    .shijian {
-        font-size: 3.46vw;
-        color: #9aa5b5;
-        text-align: justify;
-        margin-bottom: 1.2vw ;
-        position: relative;
-    }
-
-    .shijian div {
-        display: inline-block;
-    }
-
-    .shijian div:nth-child(1) {
-        margin-right:16vw;
-    }
-    .dizhi {
-        font-size:  3.46vw;
-        color: #9aa5b5;
-        margin-bottom: 1.2vw;
-        position: relative;
-        margin-right: 20px
-    }
-
-    .mIcon.liulanliang:before {
-        background-position: -28.8vw -15.5vw;
-        width: 5.3vw;
-        height: 5.3vw;
-    }
-
-    .mIcon.shijian:before {
-        background-position: -36.8vw -15.5vw;
-        width: 4.9vw;
-        height: 6vw;
-        position: absolute;
-        right: .24vw;
-        top: -1.45vw;
-    }
-    .mIcon.dizhi:before {
-        background-position: -87.7vw -38.4vw;
-        width: 5.3vw;
-        height: 5.3vw;
-        position: absolute;
-        right: -6vw;
-        top: -1.3vw
-    }
-    .mIcon.off:before{
-        background-position: -68vw .53vw;
-        width: 5.3vw;
-        height: 5.3vw;
-        position: absolute;
-        right: 5vw;
-        top: 1.7vw;
-    }
-    .mIcon.open:before{
-        background-position: -60.3vw .53vw;
-        width: 5.3vw;
-        height: 5.3vw;
-        position: absolute;
-        right: 5vw;
-        top: 1.7vw;
-    }
-    .no-content{
-        padding:26.6vw 5.3vw;
-        background-color: #fff;
-        margin: auto;
-        }
-   .no-content img{
-        width: 50%;
-        display: block;
-        margin: 0 auto;
-        padding: 0.5rem 0;
-        }
-   .error-message{
-        text-align: center;
-        margin-top: 5.3vw;
-        font-size: 3.7vw;
-        color: #53504D
-        }
-    .fabu{
-        background: #e15616;
-        height: 56px;
-        width: 100%;
-        text-align: center;
-        line-height: 56px;
-        font-size: 19px;
-        position: fixed;
-        bottom: 0;
-        z-index: 1
-    }
+    .shopList{background: #fff}
+    .Listitem{height:33vw;padding: 10px;border-bottom: .24vw solid #F0F2F4}
+    .ListImg{width: 100%;height: 35.3vw}
+    .ListImg img {width: 100%;height: 100%;}
+    .secondTitle {width: 100%;height: 10vw;background-color: #ffffff;border-bottom: .24vw solid #F0F2F4;position: relative}
+    .ClassA {width: 32vw;height: 10vw;display: inline-block;text-align: center;line-height: 10vw;font-size: 3.86vw;cursor: pointer;color: #9aa5b5;border: 0;position: relative;}
+    .mainTab {background: #fff;width: 29vw;position: absolute;z-index: 1;}
+    .Listitem:nth-of-type(4n) {margin-right: 0;}
+    .mainTab li {height: 9.6vw;line-height: 9.6vw;text-align: center;color: #627386;cursor: pointer;}
+    .active {color: #E15621;}
+    .line{width: 10vw;margin:0 auto;height: .48vw;background-color: #e15616;display: block}
+    .mainTab li.addstyle{color: #e15616;}
+    .itemImg{width:31.2vw;height:31.2vw;float: left;background: #000;}
+    .activeImg{opacity: 0.5;}
+    .itemImg img{width: 100%;height: 100%;}
+    .ItemInfo{float: right;width: 60vw}
+    .infotag {font-size:  0.4vw;width: 11.6vw;height: 4.8vw;line-height:  4.8vw;text-align: center;display: inline-block;border-radius: .48vw;flex: auto;margin: 0 .72vw}
+    .infotag.news {border: solid 1px #f94b4b;color: #f94b4b;background-color: #fadbdb}
+    .infotag.brand {border: solid 1px #f9a24b;color: #f9a24b;background-color: #faefdb;}
+    .infotag.sold {border: solid 1px #9aa5b5;color: #9aa5b5;background-color: #e3ebf7;}
+    .infotag.other {border: solid 1px #1890f9;color: #1890f9;background-color: #e3ebf7;}
+    .targetprice {font-size: 4vw;color: #f94b4b;cursor: pointer;}
+    .productname{color: #627386;letter-spacing: 1px;font-size: 4vw;margin: 1.2vw 0;display: block;}
+    .shijian {font-size: 3.46vw;color: #9aa5b5;text-align: justify;margin-bottom: 1.2vw ;position: relative;}
+    .shijian div {display: inline-block;}
+    .shijian div:nth-child(1) {margin-right:16vw;}
+    .dizhi {font-size:  3.46vw;color: #9aa5b5;margin-bottom: 1.2vw;position: relative;margin-right: 20px}
+    .mIcon.liulanliang:before {background-position: -28.8vw -15.5vw;width: 5.3vw;height: 5.3vw;}
+    .mIcon.shijian:before {background-position: -36.8vw -15.5vw;width: 4.9vw;height: 6vw;position: absolute;right: .24vw;top: -1.45vw;}
+    .mIcon.dizhi:before {background-position: -87.7vw -38.4vw;width: 5.3vw;height: 5.3vw;position: absolute;right: -6vw;top: -1.3vw}
+    .mIcon.off:before{background-position: -68vw .53vw;width: 5.3vw;height: 5.3vw;position: absolute;right: 5vw;top: 1.7vw;}
+    .mIcon.open:before{background-position: -60.3vw .53vw;width: 5.3vw;height: 5.3vw;position: absolute;right: 5vw;top: 1.7vw;}
+    .no-content{padding:26.6vw 5.3vw;background-color: #fff;margin: auto;}
+    .no-content img{width: 50%;display: block;margin: 0 auto;padding: 0.5rem 0;}
+    .error-message{text-align: center;margin-top: 5.3vw;font-size: 3.7vw;color: #53504D}
+    .fabu{background: #e15616;height: 56px;width: 100%;text-align: center;line-height: 56px;font-size: 19px;position: fixed;bottom: 0;z-index: 1}
     .fabu a{color: #fff}
 }

src/main/resources/static/css/supplier-center/order/logistics-detail.css

@@ -32,9 +32,10 @@
     .record-button button {width: 90px;height: 36px;line-height: 36PX;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;color: #e15616;margin-left: 10px;cursor: pointer;}
     .logis{margin-top: 30px;}
     .delivery-logis-title{color: #22272e;font-size: 16px;padding: 15px 20px;}
-    .logistics-info{background: #fff;padding: 15px 20px;color: #627386;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
+    .logistics-info{color: #627386;margin-bottom: 8px}
     .logistics-info div{margin-right: 65px;display: inline-block;line-height: 24px}
     .logistics-record{display: inline-block;width: 100%;color: #333;font-size: 16px;margin: 10px 15px}
+    #InformationList{padding: 15px 22px;background: #fff;}
 }
 
 /*移动*/

src/main/resources/static/css/supplier-center/order/logistics.css

@@ -20,7 +20,7 @@
     .pro-information li div.product-img {width: 50%;text-align: left;}
     .product-img img {width: 70px;height: 70px;border: solid 1px #e2e7ef;}
     .product-img h3 {display: inline-block;width: 300px;margin-left: 10px;font-size: 16px;color: #22272e;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
-    .add-logistics{height: auto;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-top: 20px;padding: 20px;color: #627386;}
+    .add-logistics{height: auto;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);margin-top: 10px;padding: 20px;color: #627386;}
     .company-number{display: flex;width: 100%;}
     .logist-right>div{margin-top: 5px;}
     .company-number>div{width: 49%;display: inline-block;margin: 2px 0;flex: 2;}

src/main/resources/static/css/supplier-center/shop/goods.css

@@ -21,7 +21,7 @@ li{list-style: none}
   .goods-main .goods-table ul li:nth-child(3),.goods-main .goods-table ul li:nth-child(4){width: 20%}
   .goods-main .goods-table ul li:last-child{width: 23%;position: relative}
   .tbody ul li{height: 96px;font-size: 12px;}
-  .tbody ul{padding: 0 20px;position: relative;}
+  .tbody ul{padding: 0 20px;position: relative;height: 96px}
   .tbodyle ul li:nth-child(2){width: 25%;}
   .tbody ul li:nth-child(3),.goods-main .goods-table ul li:nth-child(3){ width: 16%}
   .tbody ul li:last-child{width: 20%}

src/main/resources/static/css/user-center/operation/form.css

@@ -8,9 +8,9 @@ li{list-style:none}
     /*个人中心右侧*/
     .navLayout .right{float:right;width:968px}
     .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;}
-    .order-header .header-bt {width: 100%;height: 38px;float: left;}
-    .order-header .header-bt .header-title{width: 824px;height: 38px;float: left;line-height: 38px;font-size: 24px;color: #22272e;text-align: center;}
-    .order-header .header-bt .header-button{height: 38px;float: right;}
+    .order-header .header-bt {width: 100%;height: 38px;float: left;position: relative;}
+    .order-header .header-bt .header-title{width: 100%;height: 38px;float: left;line-height: 38px;font-size: 24px;color: #22272e;text-align: center;}
+    .order-header .header-bt .header-button{height: 38px;position: absolute;top: 0;right: 0;}
     .order-header .header-bt .header-button .btn-add{width: 90px;height: 36px;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;font-size: 14px;color: #e15616;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
     .container{width: 100%;height:526px;box-sizing: border-box;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding:32px 90px;}
     .container .form{float: left;width:220px;}
@@ -26,10 +26,18 @@ li{list-style:none}
 * 移动端
 */
 @media screen and (max-width:768px){
+    .order-header{width: 100%;height: 16vw;box-sizing: border-box;padding:4vw;background-color: #FFF;}
+    .order-header .header-bt {width: 100%;height: 8vw;float: left;position: relative;}
+    .order-header .header-bt .header-title{width: 100%;height: 8vw;float: left;line-height:8vw;font-size:4vw;color: #22272e;text-align: center;}
+    .order-header .header-bt .header-button{height: 8vw;position: absolute;top: 0;right: 0;}
+    .order-header .header-bt .header-button .btn-add{width:12vw;height:8vw;display: block;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;font-size: 14px;color: #e15616;line-height: 36px;text-align: center;float: left;margin: 0 5px;}
 
-
-
-
+    .container{width: 100%;box-sizing: border-box;padding:4vw}
+    .container .text{width: 100%;height: auto;float: left;}
+    .container .text p{font-size: 3.4vw;color: #22272e;text-align: left;line-height: 6vw;}
+    .container .button{width: 100%;height: 11vw;float: left;margin-top: 16px;}
+    .container .button a{display: block;width: 100%;height: 11vw;background-color: #e15616;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;margin: 0 auto;text-align: center;line-height: 11vw;font-size:3.4vw;color: #FFFFFF;}
+    .container .button a.disabled{background-color: #999999;}
 
 
 }

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

@@ -5,14 +5,14 @@ li{list-style:none}
  */
 @media screen and (min-width:768px){
 .container{width: 100%;min-height:900px;box-sizing: border-box;padding: 20px 236px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
-.container .title{width: 100%;height: 64px;line-height: 64px;text-align: left;font-size: 24px;color: #22272e;float: left;}
+.container .title{width: 100%;height: 54px;line-height: 54px;text-align: left;font-size: 24px;color: #22272e;float: left;}
 .container .formLine p span.mm{color: #22272e;}
 .subLine{margin-top: 20px;float: left;}
 .subLine .btn-upgrade {cursor: pointer;display: block;width: 232px;height: 50px;line-height: 50px;background-color: #e15616;border-radius: 2px;text-align: center;font-size: 18px;color: #FFF;float: left;margin-right: 15px;}
 .subLine .btn-upgrade.none{border: 1px solid #E15616;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #e15616;}
 .subLine .btn-upgrade.disabled{background-color: #999999;}
-.formLine{width: 100%;float: left;}
-
+.formLine{width: 100%;float: left;margin-bottom: 10px;}
+.formLine .address textarea{margin-top: 0;}
 .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;}

src/main/resources/templates/shopping/cart.html

@@ -161,7 +161,7 @@
             </div>
             <div class="invalidTit" v-if="invalidData.length>0">
                 <div class="tit">失效商品 <em v-text="invalidData.length"></em> 件</div>
-                <span class="delAll" @class="deletefailureList">清空失效商品</span>
+                <span class="delAll" @click="deletefailureList">清空失效商品</span>
             </div>
             <div class="supplierItem disable" v-for="cart in invalidData">
                 <div class="cartItem clear">

src/main/resources/templates/supplier-center/order/logistics-detail.html

@@ -21,14 +21,9 @@
             <span>&gt;</span>
             <span>查看物流</span>
         </div>
-<!--        <div v-else class="wrap_tittle mIcon" @click="opentittle">-->
-<!--            <i class="mIcon open"></i><span style="margin-left: 25px;">发货</span>-->
-<!--        </div>-->
         <div class="wrap clear">
             <!--左侧面包屑-->
-<!--            <div v-show="open">-->
                 <template th:replace="supplier-center/components/tableft"></template>
-<!--            </div>-->
             <div class="right">
                 <div class="userinfo">
                     <p class="info">
@@ -82,14 +77,16 @@
                     </div>
                      <div class="logis">
                             <div class="delivery-logis-title">物流信息</div>
-                            <div class="logistics-info" v-for="logis in listData.logisticsInformationList">
-                                <div class="logistics-time">物流时间：{{logis.updateDate}}</div>
-                                <div class="logistics-company">物流公司：{{logis.logisticsCompanyName}}</div>
-                                <div class="logistics-number">物流单号：{{logis.nu}}</div>
+                            <div id="InformationList" v-if="listData.logisticsInformationList.length>0">
+                                <div class="logistics-info" v-for="logis in listData.logisticsInformationList">
+                                    <div class="logistics-time">物流时间：{{logis.updateDate}}</div>
+                                    <div class="logistics-company">物流公司：{{logis.logisticsCompanyName}}</div>
+                                    <div class="logistics-number">物流单号：{{logis.nu}}</div>
+                                </div>
+                            </div>
+                            <div class="logistics-record" v-else>
+                              <p>暂无物流信息</p>
                             </div>
-<!--                            <div class="logistics-record" v-if="listData.logisticsInformationList.length==0">-->
-<!--                              <p>暂无物流信息</p>-->
-<!--                            </div>-->
                         </div>
                 </div>
             </div>

src/main/resources/templates/user-center/order/detail.html

@@ -66,12 +66,12 @@
                                 </div>
                                 <div class="order-item">
                                     <p>税费： <span>￥{{orderInfo.expensesOfTaxation | NumFormat}}</span> </p>
-                                    <p v-if="orderInfo.freePostFlag == '0'">运费：<span>包邮</span> </p>
-                                    <p v-if="orderInfo.freePostFlag == '-1'">运费：<span>到付</span> </p>
-                                    <p v-if="orderInfo.freePostFlag == '1'">运费：<span>￥{{orderInfo.freight | NumFormat}}</span> </p>
-                                    <p v-if="orderInfo.discountFee!=0">经理折扣：<span>￥{{orderInfo.discountFee | NumFormat}}</span> </p>
-                                    <p>促销满减：<span>￥{{orderInfo.promotionFullReduction | NumFormat}}</span> </p>
-                                    <p>赠品数：<span>{{orderInfo.presentCount}}</span></p>
+                                    <p v-if="orderInfo.freePostFlag == '0'">运费：<span class="none">包邮</span> </p>
+                                    <p v-if="orderInfo.freePostFlag == '-1'">运费：<span class="none">到付</span> </p>
+                                    <p v-if="orderInfo.freePostFlag == '1'">运费：<span class="none">￥{{orderInfo.freight | NumFormat}}</span> </p>
+                                    <p v-if="orderInfo.discountFee!=0">经理折扣：<span class="none">￥{{orderInfo.discountFee | NumFormat}}</span> </p>
+                                    <p>促销满减：<span class="none">￥{{orderInfo.promotionFullReduction | NumFormat}}</span> </p>
+                                    <p>赠品数：<span class="none">{{orderInfo.presentCount}}</span></p>
                                 </div>
                             </div>
                         </div>