|
@@ -59,6 +59,7 @@
|
|
|
.Stati_top span {font-size: 12px;color: #999999;}
|
|
|
#StatisticsEacths {width: 968px;height: 440px;box-sizing: border-box;background: #FFF;padding:20px 0;margin-top: 10px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
|
|
|
.Statistics .Stati_top{padding: 0 22px}
|
|
|
+ .mainContent p{ display: inline-block;margin-right: 10px;}
|
|
|
}
|
|
|
|
|
|
/*移动端*/
|
|
@@ -68,21 +69,21 @@
|
|
|
.wrap_tittle{height: 10.6vw;line-height: 10.6vw;background: #fff;padding: 0 2.7vw;font-size: 3.4vw;color: #22272e;border-bottom: solid .27vw #e2e7ef;}
|
|
|
.mIcon.wrap_tittle:before{width: 6.7vw;height: 6.7vw;background-position: -50.7vw -51.5vw;position: absolute;top: 28vw;}
|
|
|
.mIcon.open:before{width: 10.6vw;height: 11.2vw;float: right;background-position: -48.8vw 2.7vw;}
|
|
|
- .information {background: #fff;padding: 2.7vw;overflow: hidden;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);width: 100%; /*height: 33.9vw;*/}
|
|
|
- .head {width: 29.9vw;height: 21.3vw;border-radius: .53vw;border: solid .27vw #f5f5f5;float: left;margin-right: 2.7vw;position: relative;cursor: pointer;}
|
|
|
+ .information {background: #fff;padding: 3.3vw 2.7vw 5vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07); /*height: 33.9vw;*/}
|
|
|
+ .head {width: 29.9vw;height: 21.3vw;border-radius: .53vw;border: solid .27vw #f5f5f5;display: inline-block;margin-right: 2.7vw;position: relative;cursor: pointer;}
|
|
|
.mIcon.Image:before {width: 120px;height: 80px;background-position: 10px -521px}
|
|
|
.head img {width: 100%;height: 100%;}
|
|
|
- .info_main {float: left;width: 60%;}
|
|
|
+ .info_main {display: inline-block;width: 60%;}
|
|
|
.username {color: #9aa5b5;font-size: 3.2vw;margin: 2.7vw 0;}
|
|
|
.mainContent>p{ color: #22272e;font-size: 3.7vw;}
|
|
|
- .perfect {width: 13.6vw;height: 4.7vw;background-color: #627386;border-radius:.53vw;color: #ffffff;font-size: 3.2vw;line-height: 4.7vw;text-align: center;display: inline-block;float: right;}
|
|
|
+ .perfect {width: 15.5vw;height:5.3vw;background-color: #627386;border-radius:.53vw;color: #ffffff;font-size: 3vw;line-height: 5.3vw;text-align: center;display: inline-block;float: right;}
|
|
|
.ziliao {font-size: 3.2vw;color: rgb(154,165,181);float: left;}
|
|
|
.ziliao span {color: #f94b4b;}
|
|
|
- .message {float: right;width: 8vw;height: 8vw;cursor: pointer;position: relative;top: -25vw;right: 2vw;}
|
|
|
+ .message {width: 8vw;height: 8vw;cursor: pointer;position: relative;top: -27vw;right: -88vw;}
|
|
|
.msg_num {width: 4vw;height: 4vw;line-height: 4vw;display: block;background: red;border-radius: 50%;color: #fff;font-size: 2.7vw;text-align: center;position: relative;top: 3.7vw;right: 3.2vw;z-index: 1;}
|
|
|
.mIcon.msg:before {width: 4vw;height: 4vw;background-position: -18.4vw -62vw;position: absolute;right:5.87vw;top: 5.87vw;}
|
|
|
.product {margin: 1.3vw 0;background: #fff;height: 29.8vw;}
|
|
|
- .product p {font-size: 4vw;font-weight: normal;font-stretch: normal;line-height: 5.6vw;letter-spacing: 0px;color: #22272e;padding: 2.7vw;}
|
|
|
+ .product p {font-size: 3.4vw;font-weight: normal;font-stretch: normal;line-height: 5.6vw;letter-spacing: 0px;color: #22272e;padding: 2.7vw 3.3vw;}
|
|
|
.product ul {height:10.6vw;line-height:17vw;background-color: #ffffff;padding: 4vw;}
|
|
|
.product li {display: inline-block;width: 32%;text-align: center;color: #333333;position: relative;cursor: pointer;}
|
|
|
.mIcon.confirm:before {width: 9vw;height: 9vw;background-position: -66.7vw -60vw;right: 13.9vw;top: -2.53vw;position: absolute}
|
|
@@ -92,13 +93,13 @@
|
|
|
.rank_top span {color: #627386;font-size: 2.6vw;}
|
|
|
.sales-ranke ul li {display: inline-block;width: 15%;}
|
|
|
.sales-ranke ul li:nth-child(2) {width: 62%;padding-left:4vw;}
|
|
|
- .sales-ranke {background: #fff;color: #627386;padding:2.7vw 5.9vw}
|
|
|
+ .sales-ranke {background: #fff;color: #627386;padding:2.7vw 3.3vw}
|
|
|
.sales-ranke ul {padding: 2.7vw 0;border-bottom: .27vw solid #e2e7ef}
|
|
|
- .rank_top {padding: 2.7vw;background: #fff;}
|
|
|
+ .rank_top {padding: 2.7vw 3.3vw;background: #fff;}
|
|
|
.file_img {width: 29.9vw;height: 21.3vw;opacity: 0;top: 0px;left: 0px;position: absolute}
|
|
|
.shop-ranke {background: #fff;padding-bottom: 5.3vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);}
|
|
|
.shop-ranke ul li {float: left;height: 12vw;width: 15%;color: #e15616;line-height: 12vw;position: relative;font-size: 3.1vw;}
|
|
|
- .shop-ranke ul {padding: 1.3vw 4vw;overflow: hidden;}
|
|
|
+ .shop-ranke ul {padding: 1.3vw 3.3vw;overflow: hidden;}
|
|
|
.shop-ranke ul li:nth-child(2) {width: 68%;}
|
|
|
.shop-ranke ul li .shop-img {display: inline-block;vertical-align: top;margin-left: 2.7vw;}
|
|
|
.shop-ranke ul li .shop-img img {width: 9.3vw;height: 9.3vw;display: inline-block;}
|
|
@@ -112,10 +113,12 @@
|
|
|
.confirm span {padding: 1.3vw;width: 3vw;height: 3vw;line-height: 3vw;display: inline-block;background: #f55c5c;border-radius: 50%;color: #fff;font-size: 3vw;text-align: center;position: relative;top: -8.8vw;right: 6.7vw}
|
|
|
.confirm.other span {right: 3.5vw}
|
|
|
.confirm.down span {right: 4vw}
|
|
|
- .Statistics {margin-top: 1.3vw;background: #fff;padding: 2.7vw;}
|
|
|
+ .Statistics {margin-top: 1.3vw;background: #fff;}
|
|
|
.Stati_top p {font-size: 3.4vw;color: #333333;display: inline-block;}
|
|
|
.Stati_top span {font-size: 2.6vw;color: #999999;}
|
|
|
- #StatisticsEacths {width: 100%;height:60.3vw;background: #FFF;margin-top: 2.7vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);}
|
|
|
+ #StatisticsEacths {padding: 2.7vw;height:60.3vw;background: #FFF;margin-top: 2.7vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);}
|
|
|
.priceTag{position: absolute;bottom: -26vw;left: -32.5vw;}
|
|
|
.mainContent{position: relative}
|
|
|
+.priceTag .tag{padding: 0 3vw}
|
|
|
+.Stati_top{padding: 2.7vw 3.3vw}
|
|
|
}
|