@charset "utf-8";
/*global css*/
@font-face { 
    font-family:"OpenSans-Bold"; 
    src:url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Bold/font.woff2") format("woff2"),
        url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Bold/font.woff") format("woff"),
        url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Bold/font.ttf") format("truetype"),
        url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Bold/font.eot") format("embedded-opentype"); 
    font-weight: normal; 
    font-style: normal;
}
@font-face { 
    font-family:"OpenSans-Regular"; 
    src:url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Regular/font.woff2") format("woff2"),
        url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Regular/font.woff") format("woff"),
        url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Regular/font.ttf") format("truetype"),
        url("//ueeshop.ly200-cdn.com/static/font/OpenSans-Regular/font.eot") format("embedded-opentype"); 
    font-weight: normal; 
    font-style: normal;
}

body,html,h1,h2,h3,h4,h5,h6,big,small,sub,sup,input,select,textarea,p{font-size:14px; color:#000; -webkit-text-size-adjust:none; outline:0; font-family:'OpenSans-Regular';}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{ list-style-type:none;}
img{max-width:100%; max-height:100%; border:none;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:1px solid #ddd;}
input[type=submit]{cursor: pointer;}
textarea{resize:none;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}

/*文字大小，颜色，行距定义*/
.fl{float:left;}
.fr{float:right;}

/*padding*/
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:none;}
p{ word-wrap: break-word; word-break: normal;}

.marinner2{width: 1440px;margin: 0 auto;}
.img{text-align: center;font-size: 0;/*max-width: 100%;max-height: 100%;*/}
.img img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.img span{vertical-align: middle;height: 100%;display: inline-block;}
.bs{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}


#holiday_footer{display: none;}
.go_home{display: none;position: fixed;top: 4vw;left: 4vw;width: 12vw;height: 12vw;max-width: 90px;max-height: 90px;background:url(../images/icon_home.png) no-repeat center center;background-size: 100% 100%;z-index: 10;}

.marinner2 .title{padding: 70px 0;text-align: center;}

.item .price .red{font-size: 18px;color: #d31a24;font-family: 'OpenSans-Bold';}
.item .price del{font-size: 14px;font-family: 'OpenSans-Regular';color: #999999;}

.price .price_data,.price em{display: inline-block;vertical-align: middle;margin: 0 -3px;}

.part_1{position: relative;margin-top: -162px;z-index: 1;}
.part_1 .top_bg{width: 100%;height: 162px;background: url(../images/part_1_top.png) no-repeat center center;}
.part_1 .box{background: url(../images/part_1_bg.jpg) repeat-y top center;padding-bottom: 270px;}
.part_1 .pro_list{display: grid; grid-template-columns: repeat(3, 446px); grid-gap: 50px 50px;}
/*.part_1 .pro_list .item{position: relative;border:10px solid transparent;-moz-border-image:url(../images/border_1.png) 10 10 round; -webkit-border-image:url(../images/border_1.png) 10 10 round;-o-border-image:url(../images/border_1.png) 10 10 round;border-image:url(../images/border_1.png) 10 10 round;border-radius: 15px;background: #fff;box-shadow: 0 0 10px 1px rgba(0,0,0,0.5) inset;}*/
.part_1 .pro_list .item{position: relative;background: url(../images/border.png) no-repeat center center;background-size: 100% 100%;}
.part_1 .pro_list .pro_item{width: auto;padding: 0;}

/*.part_1 .pro_list .item .img{width: 390px;height: 390px;margin: 28px auto 18px;}*/
.part_1 .pro_list .item .big_img_box{position: relative;width: calc( 100% - 42px );padding-top: calc( 100% - 42px );margin: 24px auto 12px;}
.part_1 .pro_list .item .big_img_box .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.part_1 .pro_list .item .msg{padding-bottom: 30px;margin: 0 28px;}
.part_1 .pro_list .item .msg .name{height: 48px;line-height: 24px;margin-bottom: 15px;overflow: hidden;}
.part_1 .pro_list .item .msg .name a{font-size: 18px;}
.part_1 .pro_list .item .msg .price{float: left;}
.part_1 .pro_list .item .msg .price .red{font-size: 24px;}
.part_1 .pro_list .item .msg .price del{font-size: 18px;}
.part_1 .pro_list .item .msg .func{float: right;}
.part_1 .pro_list .item .msg .func a{display: inline-block;width: 182px;height: 61px;line-height: 68px;background: url(../images/addcart.png) no-repeat center center;font-size: 20px;color: #fff;overflow: hidden;text-indent: 50px;}
.part_1 .pro_list .item .icon_seckill{display: none;position: absolute;top: 24px;right: 21px;color: #fff;font-size: 16px;background: #cc1b27;padding: 2px 5px;}
.part_1 .pro_list .item .cut{position: absolute;top: 21px;right: 21px;width: 58px;height: 58px;border-radius: 30px;background: #cc1b27;color: #fff;text-align: center;}
.part_1 .pro_list .item .cut span{position: relative;top: 3px;font-size: 22px;font-family: 'OpenSans-Bold';line-height: normal;}
.part_1 .pro_list .item .cut b{font-size: 16px;font-family: 'OpenSans-Regular';}


.part_2{position: relative;margin-top: -155px;z-index: 2;}
.part_2 .top_bg{width: 100%;height: 249px;background: url(../images/part_2_top.png) no-repeat top center;}
.part_2 .box{background: url(../images/part_2_bg.jpg) repeat-y top center;padding-bottom: 240px;}
.part_2 .title{position: relative;top: -30px;padding: 0 0 80px;}
.part_2 .pro_box{background: url(../images/border_1.png) no-repeat center center;background-size: 100% 100%;}
.part_2 .pro_list{display: grid; grid-template-columns: repeat(4, 300px); grid-gap: 40px 40px;padding: 80px 45px 50px;margin-bottom: 120px;}
.part_2 .pro_list .first{grid-column-start: span 2;}
.part_2 .pro_list .item{position: relative;margin-top: 10px;padding-bottom: 17px;}
.part_2 .pro_list .item .icon_seckill{display: none;position: absolute;top: 0;right: 0;color: #fff;font-size: 16px;background: #cc1b27;padding: 2px 5px;}
.part_2 .pro_list .item .cut{position: absolute;top: -10px;right: -10px;width: 58px;height: 58px;border-radius: 30px;background: #cc1b27;color: #fff;text-align: center;}
.part_2 .pro_list .item .cut span{position: relative;top: 3px;font-size: 22px;font-family: 'OpenSans-Bold';line-height: normal;}
.part_2 .pro_list .item .cut b{font-size: 14px;font-family: 'OpenSans-Regular';}
.part_2 .pro_list .item .big_img_box{position: relative;width: 100%;padding-top: 100%;}
.part_2 .pro_list .item .big_img_box .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.part_2 .pro_list .item .msg{}
.part_2 .pro_list .item .msg .name{margin: 15px 0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.part_2 .pro_list .item .msg .name a{font-size: 14px;color: #333333;font-family: 'OpenSans-Regular';}
.part_2 .pro_list .item .msg .price{text-align: left;}
.part_2 .pro_list .item .msg .price .red{margin-right: 10px;}
.part_2 .pro_list .item .msg .price .red,.part_2 .pro_list .item .msg .price del{display: inline-block;}

.part_3{position: relative;margin-top: -425px;z-index: 3;}
.part_3 .top_bg{width: 100%;height: 345px;background: url(../images/part_3_top.png) no-repeat top center;}
.part_3 .box{background: url(../images/part_1_bg.jpg) repeat-y top center;padding-bottom: 138px;}
.part_3 .content{display: grid; grid-template-columns: repeat(3, 446px); grid-gap: 10px 51px;}
.part_3 .content .item a{display: block;}

@media screen and (max-width: 1480px) {
    .marinner2{width: 96%;}
    .marinner2 .title{width: 50%;padding: 50px 0;margin: 0 auto;}

    .part_1 .box{padding-bottom: 200px;}
    .part_1 .pro_list{grid-template-columns: repeat(3, 32%);grid-gap: 30px 2%;}

    .part_2 .top_bg{height: 81px;}
    .part_2 .marinner2 .title{padding-bottom: 15px;}
    .part_2 .pro_list{grid-template-columns: repeat(4, 22%);grid-gap: 20px 4%;margin-bottom: 50px;}

    .part_3 .content{grid-template-columns: repeat(3,32%);grid-gap: 10px 2%;}
    .part_3 .box{padding-bottom: 69px;}
}
@media screen and (max-width: 1280px) {
    .go_home{display: block;}
    #top_outer{display: none;}

    .part_1 .pro_list .item .msg .func a{width: 75px;height: 48px;line-height: 48px;font-size: 0;background-image: url(../images/addcart_mb.png);}
}
@media screen and (max-width: 1000px) {
    .marinner2 .title{width: 90%;padding: 25px 0;}

    .part_1 .pro_list{grid-template-columns: repeat(2, 48%);grid-gap: 30px 4%;}
    .part_1 .pro_list .item .msg .name a{font-size: 16px;}

    .part_2 .pro_list{grid-template-columns: repeat(2, 48%);grid-gap: 25px 4%;padding: 10% 25px 55px;}
    .part_2 .pro_list{ grid-template-areas: "first first";}
    .part_2 .pro_list .first{ grid-area: first;height: 52.0vw;text-align: center;}
    .part_2 .pro_list .item{margin-top: 0;padding-bottom: 0;}
    .part_2 .pro_list .pro_item{width: auto;padding: 0;}
}
@media screen and (max-width: 780px) {
    .marinner2{width: 94%;}
    
    .part_1{margin-top: -30px;}
    .part_1 .top_bg{height: 8.666667vw;/*background: url(../images/part_1_top_mb.png) no-repeat center center;*/background-size: 100% auto;}
    .part_1 .box{padding-bottom: 50vw;}
    .part_1 .pro_list .item .big_img_box{width: 88%;padding-top: 88%;margin: 12px auto;}
    .part_1 .pro_list .item .icon_seckill{top: 12px;right: 6%}
    .part_1 .pro_list .item .cut{width: 50px;height: 50px;top: 12px;right: 6%;}
    .part_1 .pro_list .item .cut span{font-size: 1.375rem;}
    .part_1 .pro_list .item .cut b{font-size: 1rem;}
    .part_1 .pro_list .item .msg{width: 88%;margin: 0 auto;padding-bottom: 15px;}
    .part_1 .pro_list .item .msg .name a{font-size: 1.0rem;}
    .part_1 .pro_list .item .msg .price .red{display: inline-block;font-size: 1.125rem;}
    .part_1 .pro_list .item .msg .price del{display: inline-block;font-size: 0.875rem;}
    .part_1 .pro_list .item .msg .func a{width: 10.0vw;height: 6.4vw;background-size: 10vw 6.4vw;}

    .part_2 .top_bg{position: relative;top: 0.533333vw;height: 12.466667vw;/* background: url(../images/part_2_top_mb.png) no-repeat top center; */background-size: 100% auto;}
    .part_2 .title{top: -7vw;}
    .part_2 .marinner2 .title{padding: 15px 0;}
    .part_2 .box{/*background: url(../images/part_2_bg_mb.jpg) repeat-y top center;*/background-size: 100% auto;padding-bottom: 45vw;}
    .part_2 .pro_box{position: relative;top: -5.666667vw;background: url(../images/border_1_mb.png) no-repeat center center;background-size: 100% 100%;}
    .part_2 .pro_list{padding: 8% 20px 30px;margin-bottom: 8.0vw;}
    .part_2 .pro_list .item .cut{width: 50px;height: 50px;}
    .part_2 .pro_list .item .cut span{font-size: 1.375rem;}
    .part_2 .pro_list .item .cut b{font-size: 1.0rem;}
    .part_2 .pro_list .item .msg .name{margin-top: 10px;}
    
    .part_3{margin-top: -56.666667vw;}
    .part_3 .box{padding-bottom: 9.2vw;}
    .part_3 .top_bg{height: 17.666667vw;/* background: url(../images/part_3_top_mb.png) no-repeat top center; */background-size: 100% auto;}
    .part_3 .marinner2 .title{padding: 3.333333vw 0;}
    /*.part_3 .marinner2 .item{width: 59vw;margin-right: 5.333333vw;}*/
    #touch0{overflow: hidden;}
}

@media screen and (max-width: 480px) {
    .part_1 .pro_list{grid-gap: 1.875rem 4%;}
    .part_1 .pro_list .item .msg .name{height: 2.5rem;line-height: 1.25rem;margin-bottom: 0.625rem;}
    .part_1 .pro_list .item .msg .name a{font-size: 0.875rem;}
    .part_1 .pro_list .item .big_img_box{margin-bottom: 0.5rem;}

    .part_2 .pro_list{grid-gap: 1.25rem 4%;}
    .part_2 .pro_list .item .msg .name{height: 2.5rem;line-height: 1.25rem;margin: 0.5rem auto;text-overflow: unset;white-space: normal;}
    .part_2 .pro_list .item .msg .name a{font-size: 0.875rem;}
    .part_2 .pro_list .item .msg .price .red{margin-right: 0.3125rem;}

    .part_3 .content{grid-template-columns: unset;width: 100%;}
    .part_3 .marinner2 .item{width: 100%;margin: 0 auto 1.25rem;}
}