@charset "utf-8";
/* CSS Document */
/*屏幕尺寸媒体查询 设置页面根字号*/
@media screen and (max-width:300px){html{font-size:10px}}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:14px}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:14px}}
@media screen and (min-width:375px) and (max-width:410px){html{font-size:15px}}
@media screen and (min-width:411px) and (max-width:414px){html{font-size:16px}}
@media screen and (min-width:415px) and (max-width:435px){html{font-size:17px}}


html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;list-style: none;font-family: PingFangSC-Light,helvetica,'Heiti SC';} 
body{ max-width:640px; margin:0px auto}
body{background:#fff;color:#333;font-family:"Microsoft YaHei";padding-bottom:50px;} 
a {text-decoration:none;color:#3d3d3d;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;}
.bn{border:none;}
.bb{border-bottom:1px solid #eee;}
.bb1{border-bottom:1px solid #f5f5f5;}
.bb8{border-bottom:1px solid #f8f8f8;}
.bb10{border-bottom:10px solid #f5f5fa;}
.c0{color:#000;}
.c3{color:#333;}
.c3d{color:#3d3d3d;}
.c6{color:#666;}
.c9{color:#999;}
.cf{color:#fff;}
.cf60{color:#f60;}
.dn{display:none;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.toe{height:22px}
.fl{float:left;}
.fr{float:right;}
.ffm{font-family: PingFangSC-Light,helvetica,'Heiti SC';}
.ma{margin:0 auto;}
.ml12 {
	margin-left: 12px;
}
.mr4{margin-right:4px;}
.mr6{margin-right:6px;}
.mr8{margin-right:8px;}
.mt8{margin-top:8px;}
.mb8{margin-bottom:8px;}
img{display:block;}
.oh{overflow:hidden;}
.pr{ position:relative;}
.pa{position:absolute;}
.pf{position:fixed;}
.red{color:#f24a5d;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.te{text-overflow: ellipsis;}
.top0{top:0;}
.btm0{bottom:0;}
.wn{white-space: nowrap;}
.w20{width:20%;}
.w25{width:25%;}
.w33{width:33.3%;}
.w50{width:50%;}
.w80{width:80%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
.w382{width:38.2%;}
.w618{width:61.8%;}
.pb10{padding-bottom:10px;}
.Verdana{font-family: Verdana,sans-serif;}
/*头部样式*/
.top_div{background: #fff;padding:8px 12px;position:fixed;top:0;width:100%;z-index:9999;display: flex;max-width:640px}
.top_box{background: #fff;padding:10px 12px;width:100%;}
.top_div .fl{width:24%;}
.top_div .fr{width:76%;}
.top_logo{width: 84%;margin-top:4px;}
#top_tab_div .swiper-container{background:#fff;border-bottom: 1px solid #eee;max-width:640px}
#top_tab_div .swiper-slide{width:auto;}
.top_tab_box{position:fixed;top:46px;width:100%;z-index: 9999;background:#fff;;max-width:640px}
#top_tab_div .top_tab{line-height:36px;color:#3d3d3d;font-size:1rem;text-align:center;width:auto;padding:0 6px;margin:0 14px;display:block;font-family: PingFangSC-Light,helvetica,'Heiti SC'}
#top_tab_div .active{border-bottom:2px solid #e12f32;line-height: 34px;}
.search_div{background:#eee;border-radius:4px;height:28px;line-height: 28px;color:#666;width:100%;font-size: 0.875rem;}
.icon-common-search{margin-right:4px;font-size:12px;}

/*底部样式*/
.bottom_div{position:fixed;bottom:0;width:100%;background:#fafafa;padding:6px 0px;padding-bottom:0px;z-index:10000; max-width:640px;line-height: normal}
.bottom_tit{width:25%;text-align: center;display: block;}
.bottom_txt{font-size:12px;color:#3d3d3d;}
.bottom_icon{font-size:20px;}

/*banner*/
.banner_box{width: 100%;display: block;}
.banner_img{width: 100%;}
#banner{position:relative;width: 100%;overflow: hidden;}

/*产品列表样式*/
.product_list_div{width:97%;margin:0 1.5%;}
.product_div{width:47%;margin:0 1.5%;background:#f4f4f4;line-height:24px;padding-top: 0px;margin-bottom:14px;font-family: PingFangSC-Light,helvetica,'Heiti SC';}
.product_img{display:block;width:100%;margin: 0 auto;border:none;}
.l_r{border-right:1px solid #f2f2f2;}
.product_tit{padding-left:.33rem;font-size:.9rem;color:#3d3d3d;padding-top:2px;background:#fff;}
.product_describe{font-size:.75rem;;color:#9F8A60;width:100%;background:#F1ECE2;padding:1.07rem .33rem;line-height:0;text-overflow:ellipsis;box-sizing:border-box;}
.product_price{padding-left:.33rem;color:#c04343;font-size:1rem;font-family: PingFangSC-Light,helvetica,'Heiti SC';line-height:1rem;background:#fff;}
.product_label{border-color:#b57979;border-width: .5px;border-style:solid;color:#b57979;border-radius:2px;text-align:center;width:1.0333rem;font-size:.666rem;line-height:.888rem;top:0.333rem; left:0.333rem;padding:.2333rem 0;background-color:rgba(255,255,255,.12);}
.product_jp{background:#fff;padding:0px 5px;padding-top:5px; line-height:15px}
.product_jp .jp{font-size:10px;background:#e5686d; color:#fff;padding:1px 8px;line-height:15px}

/*产品列表楼层标题样式*/
.product_list_title{line-height:60px;text-align: center;margin-top: 10px;}
.product_list_title_icon{display:block;position:absolute;z-index:-1;}
.product_list_title_more{display: block; line-height:60px;position:absolute;top:0;right:4%;}
.product_list_title_more .icon_right{margin-left:4px;}
.icon-home-cake{right:26%;top:0;font-size:90px;}
.icon-home-heart{left:22%;top:-20px;font-size:115px;}
.icon-common-birthday{left:22%;top:0px;font-size:90px;opacity:0.5;}
.icon-common-rose{left:50%;top:-14px;font-size:90px;opacity:0.5;}
.icon-common-recommend{left:24%;top:0px;font-size:90px;opacity:0.3;}

/*实拍样式*/
.shipai_div .w382{width:38.2%;}
.shipai_div .w618{width:61.8%;}
.shipai_img{width:100%;}
.icon-home-camera{right:22%;top:-14px;font-size:115px;}

/*分类页样式*/
.class_main_div{position:fixed;top:50px;width:100%;max-width:640px;}
.class_left{width:20%;border-right: 1px solid #eee;overflow:auto;}
.class_right{width:80%;padding:15px 4%;height:87%;overflow:auto;}
.class_main_div .active{border-left:3px solid #e12f32;line-height: 24px;color:#e12f32;font-size:15px;width:94%;}
.left_tab{width:100%;text-align: center;display: block;font-size: 14px;margin: 24px 0;}
.tj_pro{border: 1px solid #eee;margin-bottom:10px;}
.tj_pro_div{padding:10px 15px;}
.tj_pro_div .tj_pro_info{padding-left:6px;padding-top:4px;}
.tj_pro_div .tj_tit{margin-bottom:4px;}
.tj_pro_div .tj_txt{height:36px;}
.tj_pro_div .tj_price{bottom:1rem;}
.class_title{margin-bottom:15px;}
.class_title::before{content: ''; border-bottom:1px solid #d9d9d9;padding:0 20px;top:10px;position:absolute;left:18%;}
.class_title::after{content: ''; border-bottom:1px solid #d9d9d9;padding:0 20px;top:10px;position:absolute;right:18%;}
.class_item{padding:5px 3.5%;margin-bottom: 15px;}
.class_item_txt{margin-top: 10px;white-space:nowrap;}

/*个人中心*/
.avtar{border-radius: 9999px;overflow: hidden;background:#f2f2f2;}
.mine_avtar_width{width:68px;height:68px;}
.mine_avtar_width img{width:100%;height: auto;}
.nick_name_avtar{padding:36px 15px;background:#fff;}
.mine_nick_name{line-height:68px;margin-left: 20px;font-family: Verdana,sans-serif;}
.avtar_bg{ top: 32%;
    right: -5px;
    width: 67%;
    opacity: .3;}
.mine_order{line-height:50px;padding:0px 20px;}
.mine_order span{display:inline-block;}
.mine_order_option{padding:10px 0;background:#fff;}
.mine_order_option .fl{width:20%;}
.mine_order_icon{font-size:28px;margin: 10px 0;}
.mine_order_list{line-height:54px;padding:0 20px;}

/*购物车样式*/
.empty_div{background:#fafafa;padding:36px 0px;}
.empty_div img{width:30%;margin:0 auto;}
.go_shopping_btn_a{width:104px;line-height: 28px; margin:0 auto;display: block;padding: 20px 20px;}
.go_shopping_btn{color:#fff;background:#f24a5d;border-radius: 2px;}
.tj_list_title{line-height: 50px;}
.tj_list_title::before{content: ''; border-bottom:1px solid #eee;padding:0 20px;top:22px;position:absolute;left:26%;}
.tj_list_title::after{content: ''; border-bottom:1px solid #eee;padding:0 20px;top:22px;position:absolute;right:26%;}

/*详情页样式*/
#product_banner{width:100%;position:relative;overflow: hidden;}
.xz_img{display:block;width:100%;margin:0 auto;display:none;}
.detail_info{padding:15px 2.5%;}
.ident_info{padding:10px 2.5%;}
.dashed{border-bottom:.5px dashed #d9d9d9;}
.detail_product_info .fl{width:20%;text-align: left;color:#4d4d4d;font-family: PingFangSC-Light,helvetica,'Heiti SC';}
.detail_product_info .fr{width:76%;text-align: left;color:#4d4d4d;font-family: PingFangSC-Light,helvetica,'Heiti SC';}
.detail_product_info{padding:0 20px;}
.detail_product_info .f18{line-height:3rem;}
.detail_product_info .f16{line-height:1.333rem;padding:0.5666rem 0;font-size: 0.8rem;}
.btn_top_left{width:36px;height:36px;line-height:36px;background:rgba(255,255,255,.6);position:fixed;top:10px;left:15px;border-radius:36px;z-index:9;display:block;}
.btn_top_right{width:36px;height:36px;line-height:36px;background:rgba(255,255,255,.6);position:fixed;top:10px;right:15px;border-radius:36px;z-index:9;display:block;}
.btn_top_left .icon-common-comeback:before{width:100%;height:100%;color:#999;font-size:20px;text-align:center;line-height:36px;margin:0 auto;margin-left:6px;}
.btn_top_right .icon-common-option:before{width:100%;height:100%;color:#999;font-size:20px;text-align:center;line-height:36px;margin:0 auto;margin-left:6px;}

/*搜索页面样式*/
.real_search_div{display: flex;}
.real_search_form{display: flex;padding:0px 8px;background:#eee;border-radius:4px;height:30px;line-height: 30px;color:#666;width:86%;font-size: 0.875rem;}
.real_search_form .icon-common-search{margin:0;margin-top:9px;font-size:12px;}
.ipt{border:none;border-radius: 0;color: rgba(0,0,0,.8);background-color:transparent;box-shadow: none;outline:0;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.cancel{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;line-height: 30px;margin-left: 5%;}
.hot_search_div{background:#fff;padding:8px 15px;}
.hot_search_label{float:left;border:1px solid #ccc;color: #f24a5d;border-radius: 4px;font-size:14px;display: block;padding:0 6px;line-height: 22px; margin:0 15px 15px 0;}
.hot_search_title{line-height:36px;}





.flex1{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.db{display:block;}


/** 首页限时 **/
.m-indexFlash {
	padding: 0.8rem 1.06rem 0.8rem 2.5rem;
	margin-bottom: .45rem;
	height: 11rem;
	background: #fff;
	display: -moz-flex;
	display: flex;
	border-bottom: 10px solid #f4f4f4;
}
.m-indexFlash .left-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-top: 2rem
}
.m-indexFlash .left-item .title {
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 0.6rem;
	color: #333;
	letter-spacing: .32rem
}
.m-indexFlash .left-item .hours, .m-indexFlash .left-item .mins, .m-indexFlash .left-item .secs {
	display: inline-block;
	line-height: 1.5rem;
	text-align: center;
	width: 1.6rem;
	height: 1.5rem;
	font-size: 0.85rem;
	color: #fff;
	border-radius: .1rem;
	background: #444
}
.m-indexFlash .left-item .colon {
	color: #333;
	font-size: .8rem;
	width: .5rem;
	display: inline-block;
	text-align: center;
	font-weight: 700
}
.m-indexFlash .right-item .price, .m-indexFloor>.hd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox
}
.m-indexFlash .left-item .next-title {
	margin-top: 1.1rem;
	color: #333;
	font-size: .64rem;
	line-height: .64rem;
	height: .64rem
}
.m-indexFlash .right-item {
	background: #fff;
	width: 8.5rem;
	height: 8.5rem;
	position: relative
}
.m-indexFlash .right-item img {
	width: 100%;
	height: 100%
}
.m-indexFlash .right-item .rmb1 {
	font-size: .64rem
}
.m-indexFlash .right-item .rmb2 {
	font-size: .52rem
}
.m-indexFlash .right-item .price {
	height: 2.56rem;
	width: 2.56rem;
	background: red;
	position: absolute;
	right: .5rem;
	bottom: 1rem;
	background-color: rgba(244,143,24,.95);
	border-radius: 100%;
	color: #fff;
	text-align: center;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center
}
.m-indexFlash .right-item .price .price-origin20 .t:before, .m-indexFlash .right-item .price .price-origin24 .t:before, .m-indexFlash .right-item .price .price-origin28 .t:before {
	content: '';
	top: 0;
	bottom: 0;
	margin: auto;
	width: 115%;
	left: -.2rem;
	background: #fff
}
.m-indexFlash .right-item .price .price-now20 {
	font-size: .5rem;
	line-height: .5rem;
	height: .5rem
}
.m-indexFlash .right-item .price .price-now24 {
	font-size: .64rem;
	line-height: .64rem;
	height: .64rem
}
.m-indexFlash .right-item .price .price-now28 {
	font-size: .8rem;
	line-height: .8rem;
	height: .8rem
}
.m-indexFlash .right-item .price .price-origin20 {
	font-size: .5rem;
	line-height: .5rem;
	height: .5rem
}
.m-indexFlash .right-item .price .price-origin20 .t {
	position: relative;
	color: #fff
}
.m-indexFlash .right-item .price .price-origin20 .t:before {
	position: absolute;
	height: 1px
}
[data-dpr="1"] .m-indexFlash .right-item .price .price-origin20 .t:before {
	-moz-transform: scale3d(1, .5, 1);
	-webkit-transform: scale3d(1, .5, 1);
	transform: scale3d(1, .5, 1)
}
.m-indexFlash .right-item .price .price-origin24 {
	font-size: .64rem;
	line-height: .64rem;
	height: .64rem
}
.m-indexFlash .right-item .price .price-origin24 .t {
	position: relative;
	color: #fff
}
.m-indexFlash .right-item .price .price-origin24 .t:before {
	position: absolute;
	height: 1px
}
[data-dpr="1"] .m-indexFlash .right-item .price .price-origin24 .t:before {
	-moz-transform: scale3d(1, .5, 1);
	-webkit-transform: scale3d(1, .5, 1);
	transform: scale3d(1, .5, 1)
}
.m-indexFlash .right-item .price .price-origin28 {
	font-size: .8rem;
	line-height: .8rem;
	height: .8rem
}
.m-indexFlash .right-item .price .price-origin28 .t {
	position: relative;
	color: #fff
}
.m-indexFlash .right-item .price .price-origin28 .t:before {
	position: absolute;
	height: 1px
}
.m-indexFlash .right-item .price .price-origin20 .t:before, .m-indexFlash .right-item .price .price-origin24 .t:before, .m-indexFlash .right-item .price .price-origin28 .t:before {
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    width: 115%;
    left: -.2rem;
    background: #fff;
}


.pl0{padding-left:0}


.icon_right {
    margin-left: 4px;
}
/*专区标题样式*/
.title_zhuanqu {
	font-family: PingFangSC-Medium, helvetica, 'Heiti SC';
	margin: 0 10px;
	font-size: 16px;
	float:left
}
.title_zhuanqu_line_div {
	width: 226px;
	flex-direction: row;
	display: flex;
	margin: 0 auto;
	padding-top: 16px;
	position: relative;
}
.title_zhuanqu_line {
	width: 55px;
	float:left;
	margin-top: 10px;
}
.title_zhuanqu_line_u {
	width: 100%;
	height: 1px;
	background: #c9c9c9;
}
.title_zhuanqu_line_b {
	width: 100%;
	height: 1px;
	background: #e7e7e7;
}
.title_zhuanqu_line_box_l {
	right: 0;
	top: 0;
}
.title_zhuanqu_line_box_r {
	left: 0;
	top: 0;
}
.title_zhuanqu_line_box_u {
	width: 10px;
	background: #000;
	height: 1px;
}
.title_zhuanqu_line_box_b {
	width: 10px;
	background: #4d4d4d;
	height: 1px;
}

/*首页商品列表样式*/
.list_more {
	position: absolute;
	right: 0.625rem;
	font-size: 14px;
	color: #666;
	padding: 1rem 1rem;
	top: 4px;
}
.list_product_box_div {
	padding: 10px 1.5% 20px 1.5%;
	clear:both
}
.list_product_div {
	width: 47%;
	box-shadow: 2px 2px 18px rgba(0,0,0,.12);
	padding: 10px 5px 5px 5px;
	margin: 5px 1.5% 10px 1.5%;
}
/*实拍样式*/
.zhuanqu_main_div {
	padding-bottom: 10.6rem;
	background: #fafafa;
}
.shipai_main {
	width: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px;
	padding-bottom: 10px;
}

.shipai_main .swiper-slide {
	width: 40%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}


@media screen and (min-height:481px) {
.shipai_main .swiper-wrapper {
	margin-top: 20px
}
}

@media screen and (min-height:569px) {
.shipai_main .swiper-wrapper {
	margin-top: 20px
}
}

.cartcount {
    background-color: #EF485A;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #FFF;
    border-radius: 50%;
    font-size: 12px;
    z-index: 1000;
    position: absolute;
    margin-left: -20px;
    margin-top: 3px;
}

/** 头部box隐藏 S **/
.top_boxdiv{position:fixed;top:0px;z-index:1000;width:100%; max-width:640px;display: block; transform: translateY(0px); transition: 0.5s ease 0s;}
/** 头部box隐藏 E **/



/**电话图标抖动**/
.telico_shake {
	animation: shake 2s cubic-bezier(.36, .07, .19, .97) both;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */
	
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
@keyframes shake {
	

	0% {
        transform: scale(1);
        transform: scale(1)
    }

    70%,73%{
		transform: translate3d(-1px, 0, 0);
    }

    77%,83%,90%,97%  {
       transform: translate3d(2px, 0, 0);
    }

    80%,87%,93%{
        transform: translate3d(-2px, 0, 0);
    }

    100% {
        transform: translate3d(2px, 0, 0);
    }
}



/**未付款数量样式**/

.wfkcount{
 background-color: #EF485A;
				width: 15px;
				height: 15px;
				line-height: 16px;
				color: #FFF;
				border-radius: 50%;
				font-size: 12px;
				z-index: 100;
				position: absolute;
				margin-left: -20px;
				margin-top: -45px;
				top: 0;
}