123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- @media screen and (min-width:768px) {
- .crumbs{color: #22272e;font-size: 16px;}
- .pageContent {background: #FFF;padding: 16px}
- .pageContent form {width: 498px;margin: 0 auto;padding: 50px 0;}
- /**/
- #dashboard li {list-style: none;}
- .information {background: #fff;padding: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
- .head {width: 112px;height: 80px;border-radius: 2px;border: solid 1px #f5f5f5;margin-right: 10px;position: relative;cursor: pointer;display: inline-block;vertical-align: top;}
- .zhuti {font-size: 16px;color: #22272e;padding: 25px 236px 10px}
- .info_main h3{display: inline-block;}
- .icon.Promotion:before{width: 20px;height: 20px;background-position: -90px 3px;position: absolute;}
- .icon.Image:before {width: 120px;height: 80px;background-position: 10px -521px}
- .head img {width: 100%;height: 100%;}
- .info_main {display: inline-block;}
- .activityBox{top: 25px;}
- .activepro{width: 312px;overflow: hidden;cursor: pointer;}
- .Boxtext{text-align: left;line-height: 25px;color: #333333;padding-bottom: 5px;}
- .activeimg{width: 68px;height: 68px;float: left;line-height: 68px}
- .activeright p{text-align: left;line-height: 20px;font-size: 12px}
- .activeimg img{width: 100%;height: 100%}
- .username {color: #627386;font-size: 12px;margin: 10px 0;}
- .perfect {width: 64px;height: 22px;background-color: #627386;border-radius: 2px;color: #ffffff;font-size: 12px;line-height: 22px;text-align: center;display: inline-block;cursor: pointer}
- .ziliao {font-size: 14px;color: #22272e;}
- .ziliao span {color: #f94b4b;}
- .message {float: right;width: 30px;height: 30px;cursor: pointer;margin-right: 10px}
- .msg_num {width: 20px;height: 20px;line-height: 20px;display: block;background: red;border-radius: 50%;color: #fff;font-size: 10px;text-align: center;position: relative;top: 10px;right: -15px;}
- .icon.msg:before {width: 25px;height: 25px;background-position: -240px -371px}
- .product {margin: 20px 0;}
- .product p {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 21px;letter-spacing: 0px;color: #22272e;padding: 10px 22px;}
- .product ul {height: 50px;line-height: 80px;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding: 15px;}
- .product li {display: inline-block;margin-right: 20px;width: 110px;text-align: center;color: #333333;position: relative;cursor: pointer;}
- .icon.confirm:before {width: 34px;height: 35px;background-position:-159px -414px;position: absolute;right: 53px;}
- .icon.other:before {background-position: -197px -414px;}
- .icon.down:before{background-position: -234px -414px;}
- .rank_top p {font-size: 16px;color: #22272e;display: inline-block;}
- .rank_top span {color: #627386;font-size: 16px;}
- .sales-ranke ul li {display: inline-block;width: 10%;}
- .sales-ranke ul li:nth-child(2) {width: 79%;}
- .sales-ranke {background: #fff;color: #627386;padding: 10px 22px}
- .sales-ranke ul {padding: 10px 0;border-bottom: 1px solid #e2e7ef}
- .rank_top {padding: 10px 22px;}
- .file_img {width: 118px;height: 80px;font-size: 999px;opacity: 0;top: 0px;left: 0px;position: absolute}
- .shop-ranke {background: #fff;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
- .shop-ranke ul li {float: left;height: 70px;width: 10%;color: #e15616;line-height: 70px}
- .shop-ranke ul {padding: 5px 15px;overflow: hidden;}
- .shop-ranke ul li:nth-child(2) {width: 79%;}
- .shop-ranke ul li .shop-img {display: inline-block;vertical-align: top;margin-left: 10px;}
- .shop-ranke ul li .shop-img img {width: 70px;height: 70px;display: inline-block;}
- .shop-ranke ul li p {width: 350px;font-size: 14px;height: 60px;line-height: 60px;color: #333;padding-left: 16px;display: inline-block;overflow: hidden;text-overflow: ellipsis;}
- .icon.rank0:before {background-position: 0px -453px}
- .icon.rank1:before {background-position: -62px -453px}
- .icon.rank2:before {background-position: -124px -453px}
- .icon.rank3:before {background-position: -186px -453px}
- .icon.rank4:before {background-position: -248px -453px}
- .icon.rank:before {position: absolute;width: 60px;height: 60px;}
- .confirm span {color: #e15616;padding: 5px}
- .Statistics {margin-top: 20px;}
- .Stati_top p {font-size: 16px;color: #333333;display: inline-block;}
- .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;}
- }
- /*移动端*/
- @media screen and (max-width:768px){
- #dashboard{width: 100%;overflow: hidden;}
- #dashboard li {list-style: none;}
- .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: 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 {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: 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 {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: 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}
- .mIcon.other:before {background-position: -74vw -60vw;}
- .mIcon.down:before {background-position: -83vw -60vw;}
- .rank_top p {font-size: 3.4vw;color: #22272e;display: inline-block;}
- .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 3.3vw}
- .sales-ranke ul {padding: 2.7vw 0;border-bottom: .27vw solid #e2e7ef}
- .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 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;}
- .shop-ranke ul li p {width: 42.7vw;font-size: 3.1vw;height: 16vw;color: #333;padding-left: 2.7vw;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
- .mIcon.rank0:before {background-position: -25.3vw -60.3vw;}
- .mIcon.rank1:before {background-position: -33.9vw -60.3vw;}
- .mIcon.rank2:before {background-position: -42.1vw -60.3vw;}
- .mIcon.rank3:before {background-position: -50.1vw -60.3vw;}
- .mIcon.rank4:before {background-position: -58.7vw -60.3vw;}
- .mIcon.rank:before {position: absolute;width: 8vw;height: 8vw;top: 1.69vw;left: 0;}
- .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;}
- .Stati_top p {font-size: 3.4vw;color: #333333;display: inline-block;}
- .Stati_top span {font-size: 2.6vw;color: #999999;}
- #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}
- }
|