/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0}
a{text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
.line:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.mall-container{overflow:hidden;margin:0 auto;max-width:1242px;font-family:microsoft yahei;font-size:0;background:#fff8f0;}
.mall-container img{width:100%;vertical-align:top;display:block}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex_b,.flex_c{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex_b a,
.flex_b>span{width:50%}
.flex_c>span {width: 33.33%;}
[class*=cweb]{overflow:hidden;margin:0 auto;background-position:center top;background-repeat:no-repeat}
.mall-project{position:absolute;top:0;margin:0 auto;margin-bottom:30px;height:100%;width:100%}
.mall-project [class*=cweb]{position:relative}
.mall-shop{overflow:hidden;margin:0 auto .3rem}
[class*=mp-col]{float:left;display:block;height:100%}
.mp-col-50{width:50%}
.mp-col{width:100%}
.icon-end{position:absolute;top:-18%;left:0;width:100%;height:100%;background:url(../images/icon-end.png) no-repeat center;background-size:30%}
.dcmod .dc_b {
     display: none;
 }
 .dcmod>span,
 .dcmod>span img {
     transition: .3s;
 }
 .dcmod>span.active .dc_a {
    display: none;
}
.dcmod>span.active .dc_b {
    display: block;
}
.popup {
    display: none;
}

.lb_bg{ width: 100%;
    background: url(../images/xrm_20.jpg) repeat-y top center;background-size: 100%; }
.lb_bg_top{ width: 100%;
    background: url(../images/xrm_14.jpg) no-repeat top center; background-size: 100%; padding-top: 5.35rem; }
.lb_bg_bottom{ width: 100%;
    background: url(../images/xrm_18.jpg) no-repeat bottom center; background-size: 100%; padding-bottom: 3.5rem; }


.lb_bg_top2{ width: 100%;
    background: url(../images/xrm_24.jpg) no-repeat top center; background-size: 100%; padding-top: 5.35rem; }
.lb_bg_top3{ width: 100%;
    background: url(../images/xrm_25.jpg) no-repeat top center; background-size: 100%; padding-top: 5.35rem; }
.lb_bg_top4{ width: 100%;
    background: url(../images/xrm_26.jpg) no-repeat top center; background-size: 100%; padding-top: 5.35rem; }


.shoplist {
	width: calc(100% - .35rem);
    overflow: hidden;
   /* display: flex;*/
    flex-wrap: wrap;
    justify-content: space-between;
	position: relative;
	margin: 0 auto;
    
}

.shoplist .con {
    margin-left: .4rem
	
}
.shoplist .items {
    float: left;
    display: block;
    width: 47%;
	height: 8.5rem;
	background: url(../images/xrm_23.png) no-repeat;
	background-size: 100%;
	position: relative;
	overflow: hidden;
    margin-right:.25rem ;
    margin-top:.2rem;

}
.shoplist .img {
	margin: 0 auto;
    width: 97%;
    margin-top: .05rem;

}
.shoplist .img img {
    width: 100%;
     border-radius: .2rem;
}

.shoplist .bottom {
	width: 100%;
	height: 1.48rem;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/goods_bottom.png) no-repeat;
	background-size: 100%;
}
.shoplist .bottom .num {
	width: 2.75rem;
	line-height: 0.9rem;
	font-size: .7rem;
	font-weight: 600;
	text-align: center;
	position: absolute;
	left: 1rem;
	top: 0rem;
    letter-spacing: -.01rem;
	background-image: linear-gradient(to bottom, #ffd298 , #ffebce, #ffd298);
	color: transparent;
	-webkit-background-clip: text;
}
.shoplist .bottom .toorder{
	width: 2.5rem;
	height: 1.5rem;
	position: absolute;
	bottom: 0;
	right: 0;
}
.shoplist .tit {
    display: block;
    color: #333;
    height: 1rem;
    padding: .25rem .35rem;
    overflow: hidden;
    font-size: .47rem;
    line-height: 1.3;
    text-align: left;
 
}
.shoplist .rmbs {
     display: block;
    color: #a20101;
    height: 1rem;
    padding: .25rem .35rem;
    overflow: hidden;
    font-size: .6rem;
    line-height: 1.3;
    text-align: left;
    /*position: absolute;
    display: block;
    left: .2rem;
    bottom: .90rem;
    color: #fff;
    margin: .1rem 0;
	padding-left: .3rem;
    font-size: .27rem;
    font-style: italic;
    text-decoration: line-through;*/
}

.shoplist .btns {
    display: block;
    width: 90%;
    height: .5rem;
    margin: 0 auto;
    margin-bottom: .2rem;
    border-radius: 6px;
    background: #a00d05;
    color: #fff;
    text-align: center;
    font-size: .3rem;
    line-height: .5rem;
}




/*推荐*/

.shoplist .items_tj {
    float: left;
    display: block;
    width: 96%;
    height: 5.6rem;
    background: url(../images/xrm_22.png) no-repeat top center;
    background-size: 100%;
    position: relative;
    overflow: hidden;

    margin-top:.2rem;

}
.shoplist .img_tj {
    margin: 0 auto;
    width: 97%;
    margin-top: .05rem;

}
.shoplist .img_tj img {
    width: 50%;
     border-radius: .2rem;
     float: left;
}
.shoplist .mcjg{
    float: right;
    width: 50%;
}
.shoplist .tit_tj {
    display: block;
    color: #333;
    height: 1rem;
    padding: .25rem .35rem;
    overflow: hidden;
    font-size: .47rem;
    line-height: 1.3;
    text-align: left;
    margin-top: 1rem;
 
}
.shoplist .rmbs_tj {
     display: block;
    color: #a20101;
    height: 1rem;
    padding: .25rem .35rem;
    overflow: hidden;
    font-size: .6rem;
    line-height: 1.3;
    text-align: left;
    margin-top: .5rem;
}
/*推荐*/

.xrm_mt{ margin-top: .35rem;}