@charset "utf-8";
/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

@font-face{
	font-family:"LaoUI";
	src:url("//ueeshop.ly200-cdn.com/static/font/LaoUI/font.woff2") format("woff2"),
		url("//ueeshop.ly200-cdn.com/static/font/LaoUI/font.woff") format("woff"),
		url("//ueeshop.ly200-cdn.com/static/font/LaoUI/font.ttf") format("truetype"),
		url("//ueeshop.ly200-cdn.com/static/font/LaoUI/font.eot") format("embedded-opentype"),
		url("//ueeshop.ly200-cdn.com/static/font/LaoUI/font.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}



.hide{ display: none !important;}
img{ max-height: 100%;}
.ooooo{width: 100%;position: absolute;left: 0;top: 0;opacity: 0.5;pointer-events:none;}
body *,html {font-family: "LaoUI";}
.ind_bg{height: 2.6vw;background: #eee;}
.banner{position:relative;}
.banner img{vertical-align:middle;}
.banner .btn{position:absolute; left:0; width:100%; bottom:-1.4rem; text-align:center;display: none;}
.banner .btn span{display:inline-block; content:''; width:.25rem; height:.25rem;border: 0.0625rem solid #b2b2b2; border-radius:1rem; background:#b2b2b2; margin:0 .4%;}
.banner .btn span.on{background:#3a3a3a;border-color:#3a3a3a;}
.banner .btnn .i_prev,.banner .btnn .i_next{width: 6.666vw;height: 6.666vw;max-width: 35px;max-height: 35px;position: absolute;background: #898a8a ;z-index: 99;top: 50%;border-radius: 100%;}
.banner .btnn .i_next{transform: rotate(180deg);right: 10px;}
.banner .btnn img{height: 45%;}
.banner .btnn .i_prev{left: 10px;}
.bannerWrapper{overflow: visible;}
.ban{text-align: center;padding-top: 5.1vw;font-size: 0;}
.ban.container{width: 92vw;margin:auto;}
.ban img{vertical-align:middle}
.mid_ban{width: 92vw;margin:0 auto;padding-top: 2.7vw;}

/*body{ background: #f9f9f9;}*/

.wrapper{ padding:unset !important; padding-top: 2px !important;}
.img{}

.top_title{margin: 0.9375rem 0;text-align: center;}
.top_title>div{font-size: 0.875rem;}

.bannerWrapper{width: 100%;margin: 0 auto;}

.swipe_products{position: relative;}
.swipe_products .container{width: 77.8vw;margin:auto;}
.swipe_products ul{overflow: hidden;}
.swipe_products .item{position: relative;width: 74.1vw;padding: 0 1.85vw;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.item .img .icon_discount{position:absolute; top:0; right:0; width:2.375rem; height:1.5625rem; color:#fff; line-height:.75rem; padding-top:.3125rem;background: #f7285e;}
.item .img .icon_discount_foot{ width:0; height:0; border-width:.3125rem 1.1875rem 0; border-style:solid; border-left-color:transparent; border-right-color:transparent; position:absolute; right:0; top:1.875rem;border-top-color: #f7285e;}
.item .img .icon_seckill{line-height:1.25rem;overflow:hidden;padding:0 .375rem;color:#fff;position:absolute;top:.375rem;left:.375rem; display:none; background: #f7285e;}

.middle{ width: 100%;}
.middle .middle_in{ margin: 0 auto; width: 96.0vw;}
/*.middle .mid_title{ position: relative; width: 100%; height: 2rem; text-align: center;}*/
/*.middle .mid_title:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #cfcfcf;}*/
/*.middle .mid_title .mid_title_in{ position: relative; z-index: 1; padding: 0 0.9375rem; height: 100%; line-height: 2rem; background: #fff; font-size: 0.9375rem; color: #111;}*/

.middle .middle_in .mid_title{ margin-top: 1.25rem;}
.middle .middle_in .em_title{ position: relative; padding-bottom: 0.1875rem; width: 100%; height: 2rem; line-height: 2rem; width: 100%; font-size: 1rem; color: #000; text-align: center;}
.middle .middle_in .em_title em{ position: absolute; left: 50%; bottom: 0; width: 3rem; height: 0.1875rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.middle .middle_in .em_title em span{ display: block; width: 50%; height: 100%;}
.middle .middle_in .em_title em span.left{ background: #bc0030;}
.middle .middle_in .em_title em span.right{background: #242959;}
/*
.middle .middle_in .mid_title .text{ width: 100%; height: 7.2vw; line-height: 7.2vw; font-size: 1.0625rem; color: #433631; text-align: center;}
.middle .middle_in .mid_title .brief{ margin-top: 1.2vw; line-height: 4.2667vw; font-size: 0.75rem; color: #656565; text-align: center;}
*/

.m_products{ display: grid; grid-template-columns: repeat(2, 46.5333vw); grid-gap: 4.1333vw 2.9333vw; margin-top: 1.25rem; width: 100%;}
.m_products .item{ position: relative;}
.m_products .item .img{ position: relative; width: 100%; height: 46.5333vw;}
.m_products .item .info{ width: 100%;}
.m_products .item .proname{ margin-top: 0.5625rem; width: 100%; max-height: 2rem; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}
.m_products .item .proname a{ display: block; width: 100%; height: 100%; line-height: 1rem; font-size: 0.75rem; color: #333; text-align: center;}
.m_products .item .star{ margin-top: 0.9375rem; width: 100%; height: 1.3125rem; line-height: 1.3125rem; text-align: center;}
.m_products .item .pro_mp{position: relative; margin-top: 0.625rem; height: 0.875rem;width: 100%;border-radius: 0.4375rem;overflow: hidden;border: 1px solid #0081c9;font-size: 12px;color: #0081c9;text-align: center;}
.m_products .item .pro_mp span{position: absolute;z-index: 1;left: 0;right: 0; height: 100%; line-height: 0.875rem;}
.m_products .item .pro_mp .color{position: absolute;height: inherit;background-color: #8ed2f7;width: 50%;left: 0;top: 0;}
.m_products .item .price{ margin-top: 0.25rem; width: 100%; height: 1.625rem; line-height: 1.625rem; text-align: center;}
.m_products .item .price span,
.m_products .item .price del{ height: 100%; line-height: 1.625rem; font-size: 0.75rem;}
.m_products .item .price span{ font-size: 0.875rem; color: #c00;}
.m_products .item .price del{ margin-left: 0.625rem; color: #9e9e9e;}
.m_products .item .btn_list{ margin-top: 0.5625rem; width: 100%; height: 1.875rem;}
.m_products .item .btn_list .addtocart{ width: calc(100% - 2.375rem); height: 100%; line-height: 1.875rem; background: #3498db; font-size: 0.75rem; color: #fff; text-align: center; -webkit-border-radius: 0.1875rem; border-radius: 0.1875rem;}
.m_products .item .btn_list .fav_btn{ width: 1.875rem; height: 1.875rem; background: url(../images/fav_icon.png) no-repeat center / 50% auto; border: 1px solid #3498db; -webkit-border-radius: 0.1875rem; border-radius: 0.1875rem; -webkit-box-sizing: border-box; box-sizing: border-box;}

.middle_1{ margin-top: 1.25rem; width: 100%;}
.middle_1 .list{ margin-top: 1.625rem; width: 100%;}
.middle_1 .list .item{ position: relative; margin-top: 1.125rem; width: 100%;}
.middle_1 .list .item:first-child{ margin-top: 0;}
.middle_1 .list .item .img{ display: block; width: 50.8vw;}
.middle_1 .list .item .info{ position: absolute; top: 0; right: 0; padding: 0 0.875rem; width: calc(100% - 50.8vw); height: 100%; border: 1px solid #efefef; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.middle_1 .list .item .info.fl{ right: inherit; left: 0;}
.middle_1 .list .item .info .info_table{ display: table; width: 100%; height: 100%;}
.middle_1 .list .item .info .info_table .info_table_cell{ display: table-cell; vertical-align: middle;}
.middle_1 .list .item .info .title{ width: 100%; height: 2.25rem; line-height: 2.25rem; font-size: 1rem; color: #000;}
.middle_1 .list .item .info .content{ margin-top: 0.5rem; line-height: 1rem; font-size: 0.75rem; color: #555;}

/*.middle_2{ margin-top: 1.125rem;}*/
.middle_2 .m_pic{ display: block; margin-top: 1.125rem;}

.middle_3{ margin-top: 1.125rem;}
.middle_3 .middle_in .middle_cate{ margin-top: 1.25rem;}
.middle_3 .sec_cate_list{ margin-top: 1.5rem; padding: 0 1.25rem; width: 100%; overflow-x: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.middle_3 .sec_cate_list ul{ height: 1.375rem; white-space: nowrap; text-align: center;}
.middle_3 .sec_cate_list ul li{ display: inline-block; margin-left: 0.5rem; padding: 0 0.9375rem; height: 100%; line-height: 1.375rem; border: 1px solid #e9e9e9; font-size: 0.75rem; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0.6875rem; border-radius: 0.6875rem;}
.middle_3 .sec_cate_list ul li:first-child{ margin-left: 0;}

.middle_3 .seckill{ margin-top: 1.5625rem; width: 100%;}
.middle_3 .seckill .m_pic{ display: block; width: 100%; height: 96.0vw;}
.middle_3 .seckill .info{ padding: 1rem 1.5rem 1.625rem; width: 100%; background: #fafafa; -webkit-box-sizing: border-box; box-sizing: border-box;}
.middle_3 .seckill .info .proname{ display: block; max-height: 2.625rem; line-height: 1.3125rem; font-size: 0.875rem; color: #333; text-align: center;}
.middle_3 .seckill .info .price{ margin-top: 0.6875rem; height: 1.3125rem; line-height: 1.3125rem; text-align: center;}
.middle_3 .seckill .info .price span{ font-size: 1rem; color: #000;}
.middle_3 .seckill .info .price del{ font-size: 0.75rem; color: #808080;}
.middle_3 .seckill .info .brief{ margin-top: 0.75rem; line-height: 1rem; text-align: center;}
.middle_3 .seckill .Countdown{ margin-top: 1rem; width: 100%;}
.middle_3 .seckill .Countdown .discount_time{ width: 100%; height: 4.0625rem; vertical-align: top;}
.middle_3 .seckill .Countdown .discount_time .time_item{ display: inline-block; margin-left: 0.75rem; width: 4.125rem; height: 100%; box-shadow: 0 1px 0.3125rem rgba(0, 0, 0, 0.06);}
.middle_3 .seckill .Countdown .discount_time .time_item .day_seconds,
.middle_3 .seckill .Countdown .discount_time .time_item .day_count{ position: relative; display: inline-block; width: 100%; height: 2.375rem; line-height: 2.375rem; font-size: 1.125rem; color: #c1123f; text-align: center;}
.middle_3 .seckill .Countdown .discount_time .time_item .day_seconds:before,
.middle_3 .seckill .Countdown .discount_time .time_item .day_count:before{ display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 0.9375rem; height: 1px; background: #e0e0e0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.middle_3 .seckill .Countdown .discount_time .time_item .str,
.middle_3 .seckill .Countdown .discount_time .time_item .day{ display: inline-block; width: 100%; height: 1.75rem; line-height: 1.75rem; font-size: 0.75rem; color: #3d3d3d; text-align: center;}

.middle_4 .m_pic{ display: block; margin-top: 1.125rem;}