/* header start   */

.main {
    width: 1000px;
    margin: 0 auto；
    /* text-align: center; */
}

header {
    width: 100%;
    height: 143px;
}

header .logo {
    width: 1000px;
    height: 100px;
}


/* 放入精灵图 */

header h1 i {
    float: left;
    background: url('../images/index/sprites-hash-b45bfef8.png');
}


/* 引用logo */

header .logo h1 i:nth-of-type(1) {
    width: 120px;
    height: 50px;
    margin-right: 30px;
    margin-top: 24px;
    background-position: -20px -130px;
}

header .logo h1 i:nth-of-type(2) {
    width: 295px;
    height: 22px;
    margin-top: 42px;
    background-position: -4px -38px;
}


/* 搜索栏 */

header .logo .box {
    position: relative;
    float: left;
    width: 387px;
    height: 32px;
    margin: 33px 0px 0px 53px;
    margin-left:30px;
    border: 2px solid #FA2A83;
    
}

header .logo .box input {
    float: left;
    line-height: 32px;
    width: 334px;
    border: none;
    outline: none;
}

header .logo .box>div {
    position: absolute;
    top: 34px;
    left: -2px;
    z-index: 1;
   
    width: 390px;
    height: 317px;
    background: white;
    border: 1px solid #CCCCCC;
    display: none;
}

header .logo .box .current_box {
    display: inline-block;
}

header .logo .box>div>div {
    width: 169px;
    height: 307px;
    margin-top: 10px;
}

header .logo .box>div .box_left {
    float: left;
    border-right: 1px solid #E1E1E1;
}

header .logo .box>div .box_right {
    float: left;
}

header .logo .box>div>div>span {
    font-size: 12px;
    margin-left: 20px;
    color: #999999;
}

header .logo .box .box_right ul>li {
    margin-bottom: 15px;
    font-size: 12px;
    margin-left: 10px;
}

header .logo .box .box_right ul>li:nth-of-type(1) {
    margin-top: 20px;
}

header .logo .box .box_right ul>li>a {
    color: #000;
}

header .logo .box .box_right ul>li span {
    border: 1px solid #E1E1E1;
    margin-left: 10px;
    padding: 5px;
    line-height: 20px;
}

header .logo .box .box_right ul>li span:hover {
    color: #FA2A83;
    border: 1px solid #FA2A83;
}

header .logo .box>span {
    float: left;
    position: relative;
}

header .logo .box span>button {
    width: 53px;
    height: 32px;
    border: none;
    outline: none;
    background: #FA2A83;
}


/* 查看的图标 */

header .logo .box>span>i {
    display: block;
    width: 19px;
    height: 22px;
    position: absolute;
    top: 6px;
    right: 16px;
    background: url('../images/index/sprites-hash-b45bfef8.png') no-repeat -72px -208px;
}

header .logo .box>ul>li {
    float: left;
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
}

header .logo .box>ul>li a {
    color: #999999;
}

header .logo .box>ul>li b {
    margin: 0px 10px;
}

header .logo .box>ul .changecolor_a {
    color: #F10180;
}

header .logo .car {
    width: 96px;
    background: #f6f7f9;
    border: 1px solid #ccc;
    margin-top: 33px;
    margin-left: 13px;
    float: left;
    position: relative;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
}

header .logo .car .car_bag {
    position: absolute;
    width: 13px;
    height: 17px;
    top: 8px;
    left: 8px;
    /* background: lime; */
    background: url('../images/index/sprites-hash-b45bfef8.png') no-repeat -113px -208px;
}

header .logo .car .car_count {
    position: absolute;
    top: 8px;
    right: 3px;
    border-radius: 8px;
    width: 22px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: #f00581;
}


/* 导航栏 */

header .mains_nav {
    float: left;
    width: 1000px;
    height: 43px;
    z-index: 100;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 3px 0 #a7a7a7;
    background-color: #fff;
    /* 边框外阴影 */
}

header .main_nav {
    height: 43px;
    background: white;
    font-size: 16px;
    position: relative;
    z-index: 99;
    /* border: 1px solid #ccc; */
   
}

header .main_nav .hide_nav {
    position: relative;
    width: 156px;
    height: 43px;
    float: left;
    background-color: #f00581;
    text-align: center;
    color: white;
    font-size: 16px;
    /* z-index: 3; */
    /* position: relative;--->改到了.main_nav里 */
}

header .main_nav .hide_nav>p {
    width: 100px;
    margin: 5px auto 0px;
    overflow: hidden;
    display: inline-block;
    /* background: lime; */
}

header .main_nav .hide_nav>p>img {
    float: left;
    margin-right: 5px;
}

header .main_nav .hide_nav>p>span {
    float: left;
    margin-top: 5px;
}

header .main_nav .hide_nav>ol {
    width: 156px;
    position: absolute;
    top: 43px;
    left: 0px;
    z-index: 1;
    display: none;
}

header .main_nav .hide_nav>ol li {
    
    line-height: 45px;
    font-size: 12px;
    background: #f10180;
    cursor: pointer;
}

header .main_nav .hide_nav>ol li:hover {
    color: #f00581;
    background: white;
}

header .main_nav .hide_nav:hover .nav_ol {
    display: block;
}

header .main_nav>ul {
    overflow: hidden;
    float: left;
    line-height: 43px;
    margin-left: 30px;
    /* position: relative; */
}

header .main_nav>ul li {
    float: left;
    margin-right: 20px;
}

header .main_nav>ul li:nth-of-type(11) {
    margin-right: 31px;
}

header .main_nav>ul li:nth-of-type(12)>a {
    margin-left: 5px;
}


/* 更改a标签颜色 */

header .main_nav>ul li a {
    color: #333333;
}


/* 使更多的下拉框隐藏 */

header .main_nav>ul>li>.div_more {
    position: absolute;
    width: 72px;
    height: 258px;
    padding-left: 20px;
    z-index: 1;
    background: white;
    display: none;
}

header .main_nav .botList>li:hover a {
    color: #F10180;
}

header .main_nav>ul>li>.div_more>ul>li:hover {
    color: #F10180;
}

header .main_nav .li_more:hover .div_more {
    display: block;
}


.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }

/* 给首页字体加粗和颜色 */

header .main_nav ul .changecolor_a {
    color: #F10180;
    font-weight: bold;
}


/* header end       */


/* 轮播图  start */


/*第一个div*/

.banner-bg {
    width: 100%;
    height: 428px;
    background: url(../images/banner-background.jpg)/*背景图*/
    no-repeat center;
    /*不重复*/
    background-position: center top;
    background-size: cover;
    /*平铺*/
    position: relative;
    margin: 0 auto;

}


/*第二个div*/

.banner-main {
    width: 100%;
    height: 100%;
    position: relative;
    /* margin-top: 30px; */
    
    /* border: 2px solid yellow; */
    box-sizing: border-box;
}


/*第三个div*/

.banner-main-center {
    width: 980px;
    height: 360px;
    padding: 12px;
    padding-bottom: 0;
    overflow: hidden;
    box-sizing: content-box;
    /*相对父级所占的宽度*/
    /* border: 2px solid blue; */
    

 
    box-shadow: 0 1px 3px rgba(255, 255, 255, .4);
    background:rgba(255, 255, 255, 0.86);


    /*上下外边距为0左右自动居中*/
    /* box-shadow: 0 1px 3px rgba(167, 167, 167, .4);
    min-width: 800px; */
    /*图片最小的大小*/
    position: absolute;
    top:20px;
    left: 0;
    right: 0;
    margin: auto;
}
/*轮播图大图片*/
.banner-main-center ul {
    
    width: 974px;
    height: 348px;
    overflow: hidden;
    margin: auto;
    
}

.banner-main-center ul li {
    width: 974px;
    height: 348px;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
}

.banner-main-center ul li:nth-child(1){
    background: url(../images/banner-main.jpg) center;
}

.banner-main-center ul li:nth-child(2) {
    background: url(../images/banner-main2.jpg) center;
    visibility: hidden;
}






/*左按钮*/

.arr-left {
    
    width: 34px;
    height: 66px;
    position:absolute;
    left: -33px;
    top: 50%;
    margin-top: -17px;
    background: rgba(255, 255,255, .89) url(../images/arrow-left.png) center  no-repeat;
    background-size: contain;
    /* display: none; */
    visibility: hidden;
}

.banner-main-center:hover .arr-left {
    /* display: block; */
    visibility:visible;
    left: 15px;
    transition:all 1s;
}

/*右按钮*/

.arr-right {
    width: 34px;
    height: 66px;
    position:absolute;
    right: -33px;
    top: 50%;
    margin-top: -17px;
    background: rgba(255, 255,255, .89) url(../images/arrow-right.png) center  no-repeat;
    background-size: contain;
    /* display: none; */
    /* visibility: hidden; */
}

.banner-main-center:hover .arr-right {
    /* display: block; */
    visibility:visible;
    right: 15px;
    transition:all 1s;
}




.banner-bg .banner-bottom {

    position: absolute;
  
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1000px;
    height:40px;

    background: rgba(255, 255, 255, .86);
}

.banner-bg .banner-bottom ul {
    width: 500px;
    line-height: 40px;
    margin: 0 auto;
}

.banner-bg .banner-bottom ul li {
    width:200;
    display: inline-block;
    cursor: pointer;
    float: left;
    font:  12px/40px 'microsoft Yahei';
   
}


.banner-bg .banner-bottom ul li:nth-child(1) {
    margin-left: 23%;
}


.banner-bg .banner-bottom ul li:nth-child(1):hover {
    border-bottom: red 3px solid;
}


.banner-bg .banner-bottom ul li:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: transparent 3px solid;
}

.banner-bg .banner-bottom ul li:nth-child(3):hover {
    border-bottom: red 3px solid;
}
/* 轮播图  end  */


/* 大牌特卖   start    */


.line1 {
    height: 350px;
    width: 1000px;
    /* background: #000; */
    margin: auto;
    position: relative;

}

.line11 {
    width: 1000px;
    height: 120px;
    /* background-color:pink */
    background: url(../images/title1.jpg.webp) no-repeat center;
    background-size: contain;

}

.line12 {
    width: 300px;
    height: 224px;
    /* background:blue; */
    top:98px;
    left: 0px;
    background: url(../images/temai1.jpg.webp) no-repeat center;
}

.light{  
    
    cursor:pointer;  
    
    width: 50px;  
    height: 210px;  
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));  
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));  
    transform: skew(-25deg);  
    
   
}  

.line12 .light1 {
    visibility: hidden;
    position: absolute;  
    left:-200px;  
    top: 0;  
}

.line12:hover .light1 {
    visibility: visible;
    left:350px;  
    /* -moz-transition:0.5s;  
    -o-transition:0.5s;  
    -webkit-transition:0.5s;   */
    transition:1s;  
}

.line13 {
    width: 336px;
    height: 224px;
    /* background:yellow; */
    top:98px;
    left:318px;
    background: url(../images/temai2.jpg.webp) no-repeat center;
}

.line13 .light2 {
    visibility: hidden;
    position: absolute;  
    left:-50px;  
    top: 0;  
}

.line13:hover .light2 {
    visibility: visible;
    left:350px;  
    transition:1s;  
}

.line14 {
    width: 336px;
    height: 224px;
    /* background:green; */
    top:98px;
    left: 656px;
    background: url(../images/temai3.jpg.webp) no-repeat center;
}

.line14 .light3 {
    visibility: hidden;
    position: absolute;  
    left:0px;  
    top: 0;  
}

.line14:hover .light3 {
    visibility: visible;
    left:350px;  
    transition:1s;  
}

.ct {
    position: absolute;
    
}
/* 大牌特卖   end    */


/* 每日必看   start  */

.wrap_everylook {
    height: 703px;
    /* background: lime; */
}

.wrap_everylook>img,
.wrap_newsale>img,
.wrap_tomorrow div {
    width: 1000px;
    margin: 28px 0px;
}

.wrap_everylook .wrap_box {
    width: 486px;
    height: 290px;
    /* background: yellowgreen; */
    float: left;
    border: 1px solid #EBEBEB;
    margin-right: 23px;
    margin-bottom: 23px;
}

.wrap_everylook>div:nth-of-type(2) {
    margin-right: 0px;
}

.wrap_everylook .wrap_box div {
    /* background: red; */
    width: 456px;
    height: 60px;
    margin: 0px auto;
}

.wrap_everylook .wrap_box div span {
    float: left;
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
}

.wrap_everylook .wrap_box div>a {
    float: right;
    font-size: 12px;
    color: black;
    line-height: 60px;
    margin-top: 8px;
}

.wrap_everylook .wrap_box div span b:nth-of-type(1) {
    color: #FF5983;
    font-weight: bold;
}

.wrap_everylook .wrap_box ul {
    content: "";
    display: block;
    clear: both;
}

.wrap_everylook .wrap_box ul li {
    width: 147px;
    height: 212px;
    float: left;
    margin: 0px 5px;
    position: relative;
}

.wrap_everylook .wrap_box ul li:nth-of-type(1) {
    margin-left: 13px;
}

.wrap_everylook .wrap_box ul li img {
    width: 147px;
    /* border: 1px solid purple; */
}

.wrap_everylook .wrap_box ul li i {
    position: absolute;
    bottom: 15%;
    left: 4%;
    /* width: 104px; */
    /* height: 64px; */
    bottom: 35px;
    width: 104px;
    height: 64px;
    background: rgba(253, 252, 251, 0.7);
    margin: 0px 21px;
}

.wrap_everylook .wrap_box ul li u {
    display: block;
    color: #585C64;
    text-align: center;
    font-size: 12px;
}

.wrap_everylook .wrap_box ul li i>img {
    width: 92px;
}

.wrap_everylook .wrap_box ul li span {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
}

.wrap_everylook .wrap_box ul li span>img {
    width: 40px;
    height: 15px;
    position: relative;
    top: 2px;
}

.wrap_everylook .wrap_box:nth-of-type(2) li>i {
    bottom: 15%;
    bottom: 0px;
    background: none;
}

.wrap_everylook .wrap_box:nth-of-type(2) li i>img {
    width: 103px;
}

.wrap_everylook .wrap_box:nth-of-type(2) li span>i {
    width: 30px;
    height: 30px;
    bottom: -8px;
    left: -2%;
    right: -10px;
    background: url('../images/index/mst_36012242aedf71b411113bacd77ce0ae_292x426_90.jpg') no-repeat -244px -384px;
    transform: scale(0.5)
}

.wrap_everylook .wrap_box:nth-of-type(2) li span {
    background-color: #F2F2F2;
}

.wrap_everylook .wrap_box:nth-of-type(3) {
    width: 998px;
    height: 290px;
    /* background: yellowgreen; */
    float: left;
    border: 1px solid #EBEBEB;
    margin-right: 23px;
    margin-bottom: 23px;
}

.wrap_everylook .wrap_box:nth-of-type(3)>div {
    width: 955px;
}

.wrap_everylook .wrap_box:nth-of-type(3)>div>span b {
    font-weight: bold;
}

.wrap_everylook .wrap_box:nth-of-type(3) ul {
    margin-left: 20px;
}

.wrap_everylook .wrap_box:nth-of-type(3) ul li {
    width: 145px;
    height: 196px;
    float: left;
    /* background: lime; */
    margin-right: 18px;
    margin: 0px 16px 0px 0px;
}

.wrap_everylook .wrap_box:nth-of-type(3) ul li>img {
    width: 145px;
}

.wrap_everylook .wrap_box:nth-of-type(3) ul li>span {
    width: 84px;
    height: 52px;
    border: 1px solid #ECECEC;
    background: rgba(255, 255, 255, 0.89);
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.wrap_everylook .wrap_box:nth-of-type(3) ul li>span:nth-of-type(1)>img {
    width: 80px;
    height: 40px;
}

.wrap_everylook .wrap_box:nth-of-type(3) ul li>span:nth-of-type(2) {
    width: 145px;
    height: 12px;
    bottom: 10px;
    left: 0px;
    border: none;
    background: none;
}


/* 每日必看   end  */


/* 固定导航  */

.fixedtool {
    position: fixed;
    top:50%;
    left:0;
    width: 100px;
    

    border-radius: 3px;
}

.ear {
    width: 100px;
    height: 50px;
}

.ear .ear-left {
    width: 0;
    height: 0;
    float: left;
    border: transparent 25px solid;
    border-bottom: 25px solid  #f10180 ;
    border-radius: 25px;
}

.ear .ear-right {
    width: 0;
    height: 0;
    float: left;
    border: transparent 25px solid;
    border-bottom: 25px solid  #f10180 ;
    border-radius: 25px;
}

.fixedtool ul {
    border: 3px solid #f10180;
    background: #fff;
}


.fixedtool li {
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #ccc;
    /* 鼠标变成小手 */
    cursor: pointer;
    border-radius: 3px;
}

.fixedtool li:hover {
    background-color: #f10180;
}

.fixedtool .current {
    
    /* color: #ccc; */
}


/* footer  start */

.footer {
    width: 100%;
    height: 496px;
    background-color: #eee;
}

.footer-inner {
    position: relative;
    width: 960px;
    height: 105px;
    /* background-color: pink; */
    margin-top: 30px;
}

.footer-inner img {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    height: 75px;
}

.footer-help {
    width: 960px;
    height: 146px;
    margin-top: 30px;
    /* border: 1px solid #ccc; */
    /* background-color: purple; */
}

.footer-help_item {
    width: 158px;
    height: 146px;
    float: left;
    border-right: 1px solid #ccc;
    padding-left: 10px;
    /* background-color: green; */
}

.footer-help_item dt {
    width: 158px;
    height: 20px;
    font-size: 14px;
    color: #4d4d4d;
}

.footer-help_item dd {
    width: 158px;
    height: 20px;
    font-size: 12px;
}

.footer-help_mod {
    width: 960px;
    height: 30px;
    margin-top: 20px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #d7237e;
}

.footer-help_mod_links a {
    color: #fff;
}

.footer-help_mod_links a:hover {
    color: #ccc;
}

.footer-help_item_app {
    font-size: 12px;
    color: #4d4d4d;
    text-align: center;
}

.footer-help_item_app img {
    width: 100px;
    height: 100px;
    padding-left: 30px;
}

.footer-help_mod_info {
    width: 960px;
    height: 76px;
    margin-top: 20px;
    font-size: 14px;
    color: grey;
    /* background-color: greenyellow; */
}


/* footer  end 朱志 */

.right {
    position: fixed;
    top: 0px;
    right: 0px;
    background: black;
    width: 35px;
    /* 让高自适应 */
    /* overflow-y: auto; */
    text-align: center;
}

.right svg {
    font-size: 20px;
    color: white;
}

.right span,
.right u,
.right i {
    display: block;
    color: white;
    font-size: 14px;
}

.right .user>u {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
}

.right .user {
    margin-top: 46px;
}

.right .shopbag {
    height: 151px;
    background: #DF147F;
}

.right .shopbag svg {
    margin-top: 21px;
}

.right .shopbag span {
    height: 48px;
    width: 14px;
    margin: 8px auto;
}

.right .shopbag i {
    width: 17px;
    height: 17px;
    color: #DF147F;
    font-size: 14px;
    background: white;
    border-radius: 50%;
    margin: 16px auto;
}

.right>span svg {
    margin: 7px auto;
}

.right>span svg:nth-of-type(1) {
    margin-top: 14px;
}

/* @media(max-width: 1510px) {
    body {
        min-width: 1000px;
        position: relative;
    }
    main .left {
        display: none;
    }
    .right {
        display: none;
    }
} */