body{font-family: 'Meiryo UI';background: #EFEDED}
@media (min-width: 1600px) {
    .socks .top_box{ right:calc(50% - 738px)!important;}
}
.w1200{width: 1200px;margin: auto}
.w1000{ width: 1000px; margin: auto}
.socks{overflow: hidden;}
.socks .banner{width: 100%}
.socks .banner img{width: 100%}

.socks .content{background:url("https://rimaotong-cmall.oss-cn-hongkong.aliyuncs.com/image/activity/hat/background.png")no-repeat;background-position: center 0;overflow: hidden;padding-bottom: 50px}
.socks .content .title_box{ width: 100%;text-align: center;margin: 30px 0; }
.socks .content .title_box .title_box_inner{border: 2px solid #000000; width: 570px; text-align: center; margin: auto;
    padding: 10px;font-size: 18px; color: #000000;letter-spacing: 1px; position: relative}
.socks .content .title_box .title_box_inner img{ position: absolute; right: 50px; bottom: 20px;
    max-height: 50px;}
.socks .content  #title_box2 .title_box_inner img{ right: 35px;}
.socks .content  #title_box3 .title_box_inner img{ right: 85px;}
.socks .content  #title_box4 .title_box_inner img{ right: 90px;}
.socks .content .title_box .title_box_inner div:first-child{ font-weight: bold;font-size: 40px;
    letter-spacing: 5px;}
.socks .content .shop{  width: 90%; margin: 15px auto;}
.socks .content .shop img{  border: 2px solid #d8d8d8; }
.socks .content .shop img:hover{ border:2px solid #000;}
.socks .content .more{width: 100%;display:block; text-align: right;margin: 0 13px;font-weight: bold;
    font-size: 15px;color: #000000;letter-spacing: 1px;}
.ellipsis_2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: run-in;
}
.socks .top_box{ border: 2px solid #000000;position: fixed; top: calc(50% - 183px); right:calc(50% - 708px); width: 100px; text-align: center;
    background: #ffffff;display: none}
.socks .top_box .top_title{font-size: 20px; font-weight: bold; color: #ffffff; background: #000000; padding: 3px 0;font-family: cursive;
    letter-spacing: 1px;cursor: pointer}
.socks .top_box .top_item{ margin: 10px 0; border-bottom: 1px solid #000000;cursor: pointer;letter-spacing: -0.2px;display: block}
.socks .top_box .top_item .desc{padding-bottom: 5px;}
.socks .top_box .top_item:last-child{border-bottom: none;margin-bottom: 0;}
.socks .top_box .top_item img{ max-height: 30px;margin-bottom: 5px;}
.socks .top_box .top_item span{ display: block;color: #000000; }
.socks .top_box .top_item span:first-child{ font-size: 12px; font-weight: bold;letter-spacing: -0.8px;}
.socks .top_box .top_item span:nth-child(2){font-size: 12px;transform: scale(0.8);margin-top: -2px;line-height: 13px;}
/*优惠券*/
.coupon{ text-align: center;margin-top: 8px; display: flex;align-items: center;justify-content: center}
.coupon img{ margin: 0 24px;cursor: pointer}
.coupon .residue{ position: absolute;left: 23px;max-height: 60px;top: 7px;}
/*轮播产品*/
.product{ margin-top: 5px;display: flex;justify-content: center}
.product .p_left{ width: 300px; background: #ffffff;padding: 5px; box-sizing: border-box}
.product .p_left .le_item{font-size: 12px; color: #000000;display: flex;align-items: center;border-bottom: none; opacity: 0.6;
    cursor: pointer}
.product .p_left .le_item_act{border: 2px solid #000000;opacity: 1}
.product .p_left .le_item img{max-height: 50px;margin: 18px 10px 18px 20px;}
.product .p_left .le_item .note_box div:first-child{ font-weight: bold; font-size: 14.5px;letter-spacing: 3.5px;}
.product .p_left .le_item .note_box{ text-align: center}
.product .p_left .le_item1 img{margin-right: 15px;}
.product .p_left .le_item3 img{margin-right: 27px;margin-left: 23px;}
.product .p_left .le_item4 img{margin-right: 31px;margin-left: 29px;}
.product .p_right{ width: 400px; height: 324px; border: 2px solid #000000;background: #ffffff;position: relative}
.product .p_right .swiper-container{ max-width: 100%; height: calc(100% - 15px);padding: 5px; box-sizing: border-box;text-align: center}
.product .p_right .swiper-container .swiper-slide img{ height: 100%}
.swiper-pagination{ width: 400px; }
.swiper-pagination span{ margin:0 5px 5px;}
.swiper-pagination-bullet-active{ background: #000000}
.swiper-pagination-bullet{ width: 10px; height: 10px;}
.p_right .swiper-slide2,.p_right .swiper-slide3,.p_right .swiper-slide4{ display: none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url("img/left_1.png") no-repeat center;
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background: url("img/right_1.png") no-repeat center;
}