﻿ @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);border-radius: 8px;}
     .head {width: 80px;height: 80px;border-radius: 2px;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 {height: 22px;padding: 0 10px;background-color: #627386;border-radius: 11px;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-title{width: 100%;height: 56px;box-sizing: border-box;padding: 12px 0;}
     .product-title p {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 32px;letter-spacing: 0px;color: #22272e;float: left;padding-left: 20px;}
     .product-title .product-sel{float: right;height: 100%;}
     .product-title .product-sel span{}
     .product-title .product-sel .state{width: 160px;}
     .product ul {height: 50px;line-height: 80px;border-radius: 8px;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding: 15px;}
     .product li {height: 100%; display: inline-block;margin-right: 20px;width: 110px;text-align: center;color: #333333;position: relative;cursor: pointer;}
     .product .product-ul {height: 50px;line-height: 80px;border-radius: 8px;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding: 15px;}
     .product .product-li {width: 110px;height: 100%; display: block;margin-right: 20px;text-align: center;color: #333333;position: relative;cursor: pointer;}
     .product .product-li .product-li-icon{ width:100%;height: 26px;float: left;}
     .product .product-li .icon{ width: 26px;height: 26px;margin: 0 auto; display: block;position: relative;}
     .product .product-li .icon:before {width: 26px;height: 26px;background-position: -192px -805px;position: absolute;left: 0;}
     .product .product-li p{ width:100%;height: 24px;float: left;line-height: 24px;font-size: 14px; }
     .icon.confirm:before {width: 34px;height: 35px;background-position:-159px -405px;position: absolute;right: 53px;}
     .icon.other:before {background-position: -197px -405px;}
     .icon.down:before{background-position: -234px -405px;}
     .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;border-radius: 8px;}
     .sales-ranke ul {padding: 10px 0;border-bottom: 1px solid #e2e7ef}
     .rank_top {padding: 10px 22px;}
     .file_img {width: 80px;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);border-radius: 0 0 8px 8px;}
     .shop-ranke ul li {float: left;height: 70px;width: 10%;color: #FF5B00;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: 6px -445px}
     .icon.rank1:before {background-position: -52px -445px}
     .icon.rank2:before {background-position: -108px -445px}
     .icon.rank3:before {background-position: -166px -445px}
     .icon.rank4:before {background-position: -228px -445px}
     .icon.rank:before {position: absolute;width: 60px;height: 60px;}
     .confirm span {color: #FF5B00;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;border-radius: 8px;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){
     body{ background: #FFFFFF; }
     footer{display:none}
     #dashboard{width: 100%;overflow: hidden;padding-top: 27vw;}
     #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: 21.3vw;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:2.6vw;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: auto;}
     .product-title{width: 100%;float: left;margin-bottom: 6vw;}
     .product-title p{float: left;}
     .product-title .product-sel{float: right;margin: 1vw 1vw 0 0;}
     .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;width: 100%;float: left;}
     .product li {display: inline-block;width: 32%;text-align: center;color: #333333;position: relative;cursor: pointer;}
     .product .product-li {width: 110px;height: 100%; display: block;margin-right: 20px;text-align: center;color: #333333;position: relative;cursor: pointer;}
     .product .product-li .product-li-icon{ width:100%;height: 9vw;float: left;}
     .product .product-li .icon{ width: 9vw;height: 9vw;margin: 0 auto; display: block;position: relative;}
     .product .product-li .icon:before {width: 9vw;height: 9vw;background-position: -33.7vw -27.8vw;position: absolute;left: 0;}
     .mIcon.confirm:before {width: 9vw;height: 9vw;background-position: -64.7vw -60vw;right: 13.9vw;top: -2.53vw;position: absolute}
     .mIcon.other:before {background-position: -73vw -60vw;}
     .mIcon.down:before {background-position: -81vw -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: #FF5B00;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: -20.3vw -60.3vw;}
     .mIcon.rank1:before {background-position: -28.9vw -60.3vw;}
     .mIcon.rank2:before {background-position: -38.1vw -60.3vw;}
     .mIcon.rank3:before {background-position: -47.1vw -60.3vw;}
     .mIcon.rank4:before {background-position: -55.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}
 }
