浏览代码

供应商

Administrator 4 年之前
父节点
当前提交
904dd6ee80
共有 2 个文件被更改,包括 107 次插入554 次删除
  1. 1 0
      src/main/resources/static/css/flea-market/form.css
  2. 106 554
      src/main/resources/static/css/flea-market/secondDetail.css

+ 1 - 0
src/main/resources/static/css/flea-market/form.css

@@ -76,6 +76,7 @@ body{background: #fff}
      .gosecond {color: #1683E1;border-right: 1px solid #F2F2F2;}
      .close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;font-size: 24px;}
      .bjmain .title{width: -webkit-fill-available;color: #627386;padding: 15px;display: inline-block;border: solid 1px #e2e7ef;font-size: 14px}
+     .unlogin-label{height: 26px}
  }
 
 /*移动端*

+ 106 - 554
src/main/resources/static/css/flea-market/secondDetail.css

@@ -1,565 +1,117 @@
 
 @media screen and (min-width:768px) {
-.recommendBox{margin-bottom:16px;overflow: hidden;}
-.recommendBox .hd{font-size:16px;color:#4A4F58;font-weight:bold;padding:16px 32px}
-#productRecommend{padding:10px;background: #fff}
-#productRecommend li{float:left;width:153px !important;height:205px;overflow:hidden;list-style: none;}
-#productRecommend li .item{width:153px;height:205px;margin:0 auto;line-height:22px}
-#productRecommend li .item a{display:block;width:100%;height:100%;color:#93979F}
-#productRecommend li .item a:hover{color:#E15616}
-#productRecommend li .item img{display:block;width:100%;height:100%}
-#productRecommend li .item span{max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
-#productRecommend .swiper-wrapper{height:205px;}
-#productRecommend .swiper-pagination{width:100%;height:14px;z-index:1;text-align:center;font-size:0;}
-#productRecommend .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
-#productRecommend .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
-#productRecommend .swiper-pagination span.on{width:28px;opacity:1;}
-    .preview-container {
-        width: 100%;
-        height: auto;
-        background-color: #f6f6f6;
-        margin-bottom: 20px;
-    }
-
-    .preview-container-top {
-        width: 100%;
-        height: 80px;
-        background-color: #FFC684;
-        font-size: 30px;
-        color: #FFF;
-        line-height: 80px;
-        text-align: center;
-    }
-
-    .inner-container {
-        width: 1184px;
-        height: auto;
-        margin: 0 auto;
-    }
-
-    .preview-header {
-        padding: 12px;
-        background-color: #FFFFFF;
-        margin: 10px 0 20px 0;
-        overflow: hidden
-    }
-
-    .preview-header .preview-banner {
-        width: 452px;
-        height: 545px;
-        float: left;
-        position: relative;
-    }
-
-    .preview-header .preview-info {
-        width: 685px;
-        float: right;
-        opacity: 0;
-    }
-
-    .preview-header .preview-info.active {
-        opacity: 1;
-    }
-
-    .preview-header .preview-banner-big {
-        width: 452px;
-        height: 452px;
-        float: left;
-    }
-
-    .preview-header .preview-banner-big .preview-img {
-        width: 100%;
-        height: 100%;
-        display: block;
-    }
-
-    .preview-header .preview-banner-big span {
-        display: none;
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 215px;
-        height: 215px;
-        border: 1px solid #aaa;
-        background: rgba(255, 208, 22, 0.4);
-        opacity: .5;
-        filter: alpha(opacity:50);
-        cursor: move;
-    }
-
-    .preview-header .preview-banner-small {
-        width: 100%;
-        height: 98px;
-        padding: 10px;
-        float: left;
-    }
-
-    .preview-header .preview-banner-small .item {
-        width: 78px;
-        height: 78px;
-        margin-right: 9px;
-        float: left;
-        background-color: #fff;
-        cursor: pointer;
-        list-style: none;
-        opacity: .5;
-    }
-
-    .preview-header .preview-banner-small .item:last-child {
-        margin-right: 0;
-    }
-
-    .preview-header .preview-banner-small .item img {
-        width: 100%;
-        height: 100%;
-        display: block;
-        -moz-transition: .5s;
-        -webkit-transition: .5s;
-        transition: .5s;
-    }
-
-    .preview-header .preview-banner-small .item.item-cur {
-        border-color: #e15616;
-    }
-
-    .preview-header .preview-banner-small .item.item-cur img {
-        opacity: 1;
-    }
-
-    .preview-header .preview-box {
-        display: none;
-        overflow: hidden;
-        position: absolute;
-        right: -555px;
-        top: 0;
-        width: 548px;
-        height: 548px;
-        border: 1px solid #e4e4e4;
-        z-index: 9999;
-        background: #FFFFFF;
-    }
-
-    .preview-header .preview-box img {
-        width: 1096px;
-        height: 1096px;
-        margin-right: 10px;
-        display: block;
-    }
-
-    .preview-info .preview-info-title {
-        width: 100%;
-        height: auto;
-        float: left;
-        position: relative;
-    }
-
-    .preview-info .preview-info-title .info-p {
-        height: auto;
-        float: left;
-    }
-
-    .preview-info .preview-info-title .info-p.classly {
-        font-size: 14px;
-        color: #999;
-    }
-
-    .preview-info .preview-info-title .info-p.name {
-        font-size: 18px;
-        color: #333;
-        font-weight: bold;
-        line-height: 24px;
-        height: auto;
-        width: 100%;
-        margin: 10px 0;
-    }
-
-    .preview-info .preview-info-title .info-p.label .label-s {
-        font-size: 12px;
-        background: #A69DFE;
-        color: #fff;
-        padding: 5px 10px;
-        border-radius: 2px;
-        margin: 0 10px 5px 0;
-        display: inline-block;
-    }
-
-    .preview-info .preview-info-main {
-        padding: 16px 20px;
-        background-color: #f3f7fe;
-        border-radius: 2px;
-        float: left;
-        margin-top: 15px;
-    }
-
-    .preview-info .preview-info-main .info {
-        width: 50%;
-        height: 30px;
-        float: left;
-        margin-bottom: 5px;
-        line-height: 30px;
-    }
-
-    .preview-info .preview-info-main .info .label {
-        width: 70px;
-        height: 30px;
-        float: left;
-        display: block;
-        font-size: 14px;
-        line-height: 30px;
-        text-align: right;
-        color: #999;
-    }
-    .preview-info .preview-info-main .info p {
-        float: left;
-        height: 100%;
-        padding-left: 20px;
-        color: #4a4f58;
-    }
-    .preview-bottom .preview-left .preview-tabs-item.active {
-        background-color: #e15616;
-        color: #FFF;
-    }
-    .member-detail {
-        color: #999999;
-        font-size: 14px;
-    }
-    .loginWithParam {
-        color: #FC4444;
-        font-size: 14px;
-        cursor: pointer;
-    }
-    .recommended-item div {
-        width: 152px !important;
-        height: 153px;
-        margin-top: 10px;
-    }
-    .recommended-item img {
-        width: 100%;
-        height: 100%;
-    }
-    .recommended-item p {
-        color: #666666;
-    }
-    .main {
-        width: 1184px;
-        margin: 20px auto 0;
-    }
-    .title {
-        line-height: 40px;
-        padding-left: 10px;
-        margin: 0 auto;
-        font-size: 16px;
-        color: #333333;
-        border-bottom: 1px solid #E15616;
-        font-weight: bold;
-    }
-    .mainContent {
-        width: 100%;
-        font-size: 0;
-    }
-    .mainContentLeft {
-        width: 100%;
-        display: inline-block;
-        background-color: #fff;
-        vertical-align: top;
-    }
-    .Disclaimer {
-        padding: 20px 10px;
-        background-color: #fff;
-    }
-    .Disclaimer h3 {
-        font-size: 14px;
-        margin-bottom: 20px;
-        color: #333333;
-    }
-    .Disclaimer p {
-        font-size: 14px;
-        color: #999999;
-        padding: 0 10px
-    }
-    .contentHtml {
-        font-size: 14px;
-        padding: 0 20px 10px;
-        text-align: left;
-        margin: auto;
-    }
-    .contentHtml div{
-        margin: 10px auto;
-    }
-    .contentHtml img {
-        display: block;
-        margin: 20px auto 0;
-        max-width: 100%;
-    }
-
-    .yishou_img {
-        position: absolute;
-        top: 0;
-        right: 0;
-        transform: translate(-9%, 7%);
-        width: 15%;
-        opacity: 0;
-    }
-    .iconLogo {
-        position: absolute;
-        left: 0;
-        top: 0;
-        color: #fff;
-        font-size: 14px;
-        padding: 5px 12px;
-        border-radius: 0 0 10px 0;
-    }
-    .brandMain {
-        position: absolute;
-        left: 30px;
-        top: 29px;
-        width: 90%;
-        padding: 15px;
-        border: 1px solid #F2F2F2;
-        border-radius: 10px;
-        background-color: #fff;
-        cursor: pointer;
-        line-height: 24px;
-        letter-spacing: 1.5px;
-    }
-    .Brand img {
-        vertical-align: -1px;
-        margin-left: 5px;
-    }
-    .zheng-graphics {
-        position: absolute;
-        left: 60px;
-        top: -9px;
-        width: 15px;
-        height: 15px;
-        background-color: #fff;
-        border: 1px solid rgba(234, 234, 234, 1);
-        /*box-shadow: 2px -2px 5px -2px rgba(0, 0, 0, 0.16);*/
-        transform: rotate(-45deg);
-        border-left: 0;
-        border-bottom: 0;
-        z-index: 1;
-    }
-    .brandMain:hover {
-        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .16);
-    }
-    .brandMain:hover .zheng-graphics {
-        box-shadow: 2px -2px 5px -2px rgba(0, 0, 0, 0.16);
-    }
-    .defaulImg div {
-        border: none;
-    }
-
-    .show {
-        opacity: 1 !important;
-    }
-
-    .ercode img {
-        opacity: 0;
-    }
-
-    .hoverBrand:hover .brandMain {
-        display: block;
-    }
-
-    .swiper-pagination {
-        bottom: 0 !important;
-    }
-
-    .preview-header .preview-banner-small .item.addImg {
-        border: 1px solid #e15616;
-        opacity:1;
-    }
-    .infotag {
-        font-size: 10px;
-        padding: 0 10px;
-        height: 22px;
-        line-height: 22px;
-        text-align: center;
-        display: inline-block;
-        border-radius: 2px;
-        flex: auto;
-        margin: 0 10px
-    }
-
-    .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;
-    }
-    .fave-text{
-        color: #f94b4b;
-        font-weight: bold;
-    }
-    .fave-text .big{
-        font-size: 20px;
-    }
+    .recommendBox{margin-bottom:16px;overflow: hidden;}
+    .recommendBox .hd{font-size:16px;color:#4A4F58;font-weight:bold;padding:16px 32px}
+    #productRecommend{padding:10px;background: #fff}
+    #productRecommend li{float:left;width:153px !important;height:205px;overflow:hidden;list-style: none;}
+    #productRecommend li .item{width:153px;height:205px;margin:0 auto;line-height:22px}
+    #productRecommend li .item a{display:block;width:100%;height:100%;color:#93979F}
+    #productRecommend li .item a:hover{color:#E15616}
+    #productRecommend li .item img{display:block;width:100%;height:100%}
+    #productRecommend li .item span{max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
+    #productRecommend .swiper-wrapper{height:205px;}
+    #productRecommend .swiper-pagination{width:100%;height:14px;z-index:1;text-align:center;font-size:0;}
+    #productRecommend .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
+    #productRecommend .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
+    #productRecommend .swiper-pagination span.on{width:28px;opacity:1;}
+    .preview-container {width: 100%;height: auto;background-color: #f6f6f6;margin-bottom: 20px;}
+    .preview-container-top {width: 100%;height: 80px;background-color: #FFC684;font-size: 30px;color: #FFF;line-height: 80px;text-align: center;}
+    .inner-container {width: 1184px;height: auto;margin: 0 auto;}
+    .preview-header {padding: 12px;background-color: #FFFFFF;margin: 10px 0 20px 0;overflow: hidden}
+    .preview-header .preview-banner {width: 452px;height: 545px;float: left;position: relative;}
+    .preview-header .preview-info {width: 685px;float: right;opacity: 0;}
+    .preview-header .preview-info.active {opacity: 1;}
+    .preview-header .preview-banner-big {width: 452px;height: 452px;float: left;}
+    .preview-header .preview-banner-big .preview-img {width: 100%;height: 100%;display: block;}
+    .preview-header .preview-banner-big span {display: none;position: absolute;left: 0;top: 0;width: 215px;height: 215px;border: 1px solid #aaa;background: rgba(255, 208, 22, 0.4);opacity: .5;filter: alpha(opacity:50);cursor: move;}
+    .preview-header .preview-banner-small {width: 100%;height: 98px;padding: 10px;float: left;}
+    .preview-header .preview-banner-small .item {width: 78px;height: 78px;margin-right: 9px;float: left;background-color: #fff;cursor: pointer;list-style: none;opacity: .5;}
+    .preview-header .preview-banner-small .item:last-child {margin-right: 0;}
+    .preview-header .preview-banner-small .item img {width: 100%;height: 100%;display: block;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}
+    .preview-header .preview-banner-small .item.item-cur {border-color: #e15616;}
+    .preview-header .preview-banner-small .item.item-cur img {opacity: 1;}
+    .preview-header .preview-box {display: none;overflow: hidden;position: absolute;right: -555px;top: 0;width: 548px;height: 548px;border: 1px solid #e4e4e4;z-index: 9999;background: #FFFFFF;}
+    .preview-header .preview-box img {width: 1096px;height: 1096px;margin-right: 10px;display: block;}
+    .preview-info .preview-info-title {width: 100%;height: auto;float: left;position: relative;}
+    .preview-info .preview-info-title .info-p {height: auto;float: left;}
+    .preview-info .preview-info-title .info-p.classly {font-size: 14px;color: #999;}
+    .preview-info .preview-info-title .info-p.name {font-size: 18px;color: #333;font-weight: bold;line-height: 24px;height: auto;width: 100%;margin: 10px 0;}
+    .preview-info .preview-info-title .info-p.label .label-s {font-size: 12px;background: #A69DFE;color: #fff;padding: 5px 10px;border-radius: 2px;margin: 0 10px 5px 0;display: inline-block;}
+    .preview-info .preview-info-main {padding: 16px 20px;background-color: #f3f7fe;border-radius: 2px;float: left;margin-top: 15px;}
+    .preview-info .preview-info-main .info {width: 50%;height: 30px;float: left;margin-bottom: 5px;line-height: 30px;}
+    .preview-info .preview-info-main .info .label {width: 70px;height: 30px;float: left;display: block;font-size: 14px;line-height: 30px;text-align: right;color: #999;}
+    .preview-info .preview-info-main .info p {float: left;height: 100%;padding-left: 20px;color: #4a4f58;}
+    .preview-bottom .preview-left .preview-tabs-item.active {background-color: #e15616;color: #FFF;}
+    .member-detail {color: #999999;font-size: 14px;}
+    .loginWithParam {color: #FC4444;font-size: 14px;cursor: pointer;}
+    .recommended-item div {width: 152px !important;height: 153px;margin-top: 10px;}
+    .recommended-item img {width: 100%;height: 100%;}
+    .recommended-item p {color: #666666;}
+    .main {width: 1184px;margin: 20px auto 0;}
+    .title {line-height: 40px;padding-left: 10px;margin: 0 auto;font-size: 16px;color: #333333;border-bottom: 1px solid #E15616;font-weight: bold;}
+    .mainContent {width: 100%;font-size: 0;}
+    .mainContentLeft {width: 100%;display: inline-block;background-color: #fff;vertical-align: top;}
+    .Disclaimer {padding: 20px 10px;background-color: #fff;}
+    .Disclaimer h3 {font-size: 14px;margin-bottom: 20px;color: #333333;}
+    .Disclaimer p {font-size: 14px;color: #999999;padding: 0 10px}
+    .contentHtml {font-size: 14px;padding: 0 20px 10px;text-align: left;margin: auto;}
+    .contentHtml div{margin: 10px auto;}
+    .contentHtml img {display: block;margin: 20px auto 0;max-width: 100%;}
+    .yishou_img {position: absolute;top: 0;right: 0;transform: translate(-9%, 7%);width: 15%;opacity: 0;}
+    .iconLogo {position: absolute;left: 0;top: 0;color: #fff;font-size: 14px;padding: 5px 12px;border-radius: 0 0 10px 0;}
+    .brandMain {position: absolute;left: 30px;top: 29px;width: 90%;padding: 15px;border: 1px solid #F2F2F2;border-radius: 10px;background-color: #fff;cursor: pointer;line-height: 24px;letter-spacing: 1.5px;}
+    .Brand img {vertical-align: -1px;margin-left: 5px;}
+    .zheng-graphics {position: absolute;left: 60px;top: -9px;width: 15px;height: 15px;background-color: #fff;border: 1px solid rgba(234, 234, 234, 1); /*box-shadow: 2px -2px 5px -2px rgba(0, 0, 0, 0.16);*/transform: rotate(-45deg);border-left: 0;border-bottom: 0;z-index: 1;}
+    .brandMain:hover {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .16);}
+    .brandMain:hover .zheng-graphics {box-shadow: 2px -2px 5px -2px rgba(0, 0, 0, 0.16);}
+    .defaulImg div {border: none;}
+    .show {opacity: 1 !important;}
+    .ercode img {opacity: 0;}
+    .hoverBrand:hover .brandMain {display: block;}
+    .swiper-pagination {bottom: 0 !important;}
+    .preview-header .preview-banner-small .item.addImg {border: 1px solid #e15616;opacity:1;}
+    .infotag {font-size: 10px;padding: 0 10px;height: 22px;line-height: 22px;text-align: center;display: inline-block;border-radius: 2px;flex: auto;margin: 0 10px}
+    .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;}
+    .fave-text{color: #f94b4b;font-weight: bold;}
+    .fave-text .big{font-size: 20px;}
 
 }
 
 
 /* 移动端*/
 @media screen and (max-width:768px){
-.inner-container{width: 100%;overflow: hidden;}
-#swiperImage .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center}
-#swiperImage .swiper-wrapper img{width:auto;height:100vw;display:block}
-#imgShown{width: 100%; height: 100vw;position: relative;background: #fff}
-.preview-info{
-    box-sizing: border-box;
-    padding: 0 3.3vw;
-    overflow: hidden;
-    background: #fff
-
-}
-.preview-info-main{
-    box-sizing: border-box;
-    padding: 2.8vw;
-    font-size: 3.4vw;
-    line-height: 7.5vw;
-    color: #93979F;
-    background: #f3f7fe;
-    border-radius: 2px;
-    position: relative;
-    margin: 3.5vw 0;
-    overflow: hidden
-}
-  .preview-info .preview-info-main .info {
-        width: 100%;
-        height: 30px;
-        float: left;
-        margin-bottom: 5px;
-        line-height: 30px;
-    }
-
-    .preview-info .preview-info-main .info .label {
-        width: 70px;
-        height: 30px;
-        float: left;
-        display: block;
-        font-size: 14px;
-        line-height: 30px;
-        text-align: right;
-        color: #999;
-    }
-
-    .preview-info .preview-info-main .info p {
-        float: left;
-        height: 100%;
-        padding-left: 20px;
-    }
-    .preview-info-title{
-        font-size: 16px;
-        color: #22272e;
-        padding-top: 15px
-    }
-    .ercode{
-        padding: 2.8vw;
-    }
-    .ercode img{
-        width: 100%;
-        height: 100%;
-    }
-    .main{
-        margin-top: 5vw;
-        padding: 2.8vw;
-        background: #fff
-    }
-    .Disclaimer span{
-       display: block;
-       padding: 1.7vw 0;
-       text-align: center;
-    }
-    .Disclaimer P{
-        line-height: 6.4vw;
-    }
-    .contentHtml div{
-        margin-top: 2.7vw;
-    }
-    .contentHtml img{
-        width: 100%;
-    }
-    .info-p.name{
-        color: #22272e;
-        font-size: 5.6vw;
-    }
-    .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 1.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 .27vw #9aa5b5;
-        color: #9aa5b5;
-        background-color: #e3ebf7;
-    }
-
-    .infotag.other {
-        border: solid .27vw #1890f9;
-        color: #1890f9;
-        background-color: #e3ebf7;
-    }
-    .Disclaimer{
-        background: #fef6f3;
-        border-radius: 2.7vw;
-        padding: 2.7vw;
-    }
-    .main .title{
-        padding: 2.7vw 0;
-        font-size: 4.27vw;
-        color: #22272e
-    }
+    .inner-container{width: 100%;overflow: hidden;}
+    #swiperImage .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center}
+    #swiperImage .swiper-wrapper img{width:auto;height:100vw;display:block}
+    #imgShown{width: 100%; height: 100vw;position: relative;background: #fff}
+    .preview-info{box-sizing: border-box;padding: 0 3.3vw;overflow: hidden;background: #fff}
+    .preview-info-main{box-sizing: border-box;padding: 2.8vw;font-size: 3.4vw;line-height: 7.5vw;color: #93979F;background: #f3f7fe;border-radius: 2px;position: relative;margin: 3.5vw 0;overflow: hidden}
+    .preview-info .preview-info-main .info {width: 100%;height: 30px;float: left;margin-bottom: 5px;line-height: 30px;}
+    .preview-info .preview-info-main .info .label {width: 70px;height: 30px;float: left;display: block;font-size: 14px;line-height: 30px;text-align: right;color: #999;}
+    .preview-info .preview-info-main .info p {float: left;height: 100%;padding-left: 20px;}
+    .preview-info-title{font-size: 16px;color: #22272e;padding-top: 15px}
+    .ercode{padding: 2.8vw;}
+    .ercode img{width: 100%;height: 100%;}
+    .main{margin-top: 5vw;padding: 2.8vw;background: #fff}
+    .Disclaimer span{display: block;padding: 1.7vw 0;text-align: center;}
+    .Disclaimer P{line-height: 6.4vw;}
+    .contentHtml div{margin-top: 2.7vw;}
+    .contentHtml img{width: 100%;}
+    .info-p.name{color: #22272e;font-size: 5.6vw;}
+    .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 1.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 .27vw #9aa5b5;color: #9aa5b5;background-color: #e3ebf7;}
+    .infotag.other {border: solid .27vw #1890f9;color: #1890f9;background-color: #e3ebf7;}
+    .Disclaimer{background: #fef6f3;border-radius: 2.7vw;padding: 2.7vw;}
+    .main .title{padding: 2.7vw 0;font-size: 4.27vw;color: #22272e}
     .contentHtml{margin-top: 2.7vw}
-    .fave-text{
-            color: #f94b4b;
-            font-weight: bold;
-        }
-    .fave-text .big{
-        font-size: 3.7vw;
-    }
-    .loginWithParam {
-    color: #FC4444;
-    font-size: 3.2vw;
-    cursor: pointer;
-}
+    .fave-text{color: #f94b4b;font-weight: bold;}
+    .fave-text .big{font-size: 3.7vw;}
+    .loginWithParam {color: #FC4444;font-size: 3.2vw;cursor: pointer;}
 
 }