 @media screen and (min-width:768px) {
     .pageContent {
         background: #FFF;
         padding: 16px
     }

     .pageContent form {
         width: 498px;
         margin: 0 auto;
         padding: 50px 0;
     }

     .right {
         float: right;
         width: 968px;
     }

     /**/
     #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;
     }

     .ziliao {
         font-size: 14px;
         color: #22272e;
     }

     .ziliao span {
         color: #f94b4b;
     }

     .message {
         float: right;
         width: 30px;
         height: 30px;
         cursor: pointer;
     }

     .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: 9px;
     }

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

     .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 -415px;
         position: absolute;
         right: 53px;
     }

     .icon.other:before {
         background-position: -197px -415px;
     }
    .icon.down:before{
         background-position: -234px -415px;
    }
     .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;
     }

     .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: 14px;
         color: #333333;
         display: inline-block;
     }

     .Stati_top span {
         font-size: 12px;
         color: #999999;
     }

     #StatisticsEacths {
         width: 968px;
         height: 279px;
         background: #FFF;
         padding-top: 20px;
         margin-top: 10px;
         box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
     }
 }

/*移动端*/
 @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: 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;
}

.mIcon.Image:before {
 width: 120px;
 height: 80px;
 background-position: 10px -521px
}

.head img {
 width: 100%;
 height: 100%;
}

.info_main {
 float: left;
 width: 60%;
}

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

.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: 5.3vw 0;
}

.product p {
     font-size: 4vw;
     font-weight: normal;
     font-stretch: normal;
     line-height: 5.6vw;
     letter-spacing: 0px;
     color: #22272e;
     padding: 2.7vw;
}

.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;
     width: 24vw;
     text-align: center;
     color: #333333;
     position: relative;
     cursor: pointer;
}

.mIcon.confirm:before {
    width: 9vw;
    height: 9vw;
    background-position: -66.7vw -60vw;
    right: 37px;
    top: -2px;
    position: absolute
}

.mIcon.other:before {
 background-position: -76vw -60vw;
}
.mIcon.down:before {
 background-position: -84vw -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 5.9vw
}

.sales-ranke ul {
 padding: 10px 0;
 border-bottom: .27vw solid #e2e7ef
}

.rank_top {
 padding: 2.7vw;
 background: #fff;
}

.file_img {
 width: 26.7vw;
 height: 19.4vw;
 font-size: 999px;
 opacity: 0;
 top: 0px;
 left: 0px;
 position: absolute
}

.shop-ranke {
 background: #fff;
 padding-bottom: 20px;
 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;
}

.shop-ranke ul {
 padding: 1.3vw 4vw;
 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 -226px;
}

.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 {
 color: #e15616;
 padding: 1.3vw
}

.Statistics {
 margin-top: 4vw;
 background: #fff;
 padding: 2.7vw;
}

.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);
}
.priceTag{
position: absolute;
    bottom: -26vw;
    left: -32.5vw;
}
.mainContent{position: relative}
 }
