/**
/**
 * author : zhupinglei || 344184416@qq.com;
 * desc : base
 */
/*---------------------- css reset ----------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th,i,u {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:.28rem;}
[v-cloak]{display:none}
.hide{display:none}
.fl{float: left;}
.fr{float: right;}
a[title="站长统计"]{
	display: none;
	position:fixed;
	bottom:0;
	right:0;
}
html,body{
	/*background-color: #f0f0f0;*/
	/*position:absolute;*/
	/*box-sizing:border-box;*/
	/*overflow:scroll;*/
	width:100%;
	height:100%;
	/*overflow-y: scroll;*/
	-webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
	user-select: none;
	font-family:"microsoft yahei",SimHei,"Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	font-size:.21rem;

}
.center{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.fullPage{
	box-sizing:border-box;
	height: 100%;
	width:100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	position: absolute;
	background-color: #f0f0f0;
}
.console{
	max-width: 7.5rem;
	margin: 0 auto;
	padding-bottom: 1.5rem;
}
ol,ul{
	list-style:none;
}
a,div,input,img{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.bgW{
	background-color:#fff;
}
a{ text-decoration:none;}
a,img{
    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */
}
img{
	display: inline-block;
	vertical-align:top;
}
input{
    -webkit-appearance: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	color:#b9c2d6;
}
div[contenteditable]:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder
{
	text-indent: -999em;
	z-index: -20;
}
input,select,textarea{
	outline: none;
	border: none 0;
	background:none;
	font-size: 14px;
	background-color: #FFFFFF;
}
[contenteditable]:empty:before{
	content:attr(placeholder);
	color: #aaa;
}
[contenteditable]:empty:focus:before{
	content:none;
}
select{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right: .5rem;
	font-size:.26rem;
}
/*清除浮动*/
.clearfix:after {content:".";display:block;height:0;clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
.fade-enter-active,.fade-leave-active {transition: opacity .5s}
.fade-enter, .fade-leave-active {opacity: 0}
.alert-enter-active,.alert-leave-active {transition: all .3s}
.alert-enter, .alert-leave-active {opacity: 0;transform:translateY(30%);}
.switch-enter-active,.switch-leave-active {transition: all .5s}
.switch-enter, .switch-leave-active {opacity:0}
.switch-enter{
	transform:translateX(-30%);
}
.switch-leave-active{
	transform:translateX(30%);
}
.slideUp-enter-active,.slideUp-leave-active {transition:all .5s}
.slideUp-enter, .slideUp-leave-active {transform:translateY(100%)}
.slideDown-enter-active,.slideDown-leave-active {transition:all .5s}
.slideDown-enter, .slideDown-leave-active {transform:translateY(-10%);opacity:0;}
.pd{
	padding-bottom:1rem;
}
/** 页脚 */
.footer{
	position: fixed;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	bottom: 0;
	padding: .1rem 0 0;
	width: 100%;
	background: #fafafa;
	color: #333;
	z-index: 3000;
}
.footer>div{
	-webkit-flex: 1;
	-moz-box-flex:1;
	flex:1;
	text-align:center;
	padding-bottom: 5px;
}
.footer>div>i{
	display:inline-block;
	width:.5rem;
	height:.5rem;
	background-size:100%;
}
.footer>div.active{
	color:orange;
}
.footer>div:nth-child(1)>i{background-image:url("../images/icon/icon_home.png");}
.footer>div:nth-child(1).active>i{background-image:url("../images/icon/icon_home_a.png");}
/*.footer>div:nth-child(2)>i{background-image:url("../images/icon/icon_class.png");}*/
/*.footer>div:nth-child(2).active>i{background-image:url("../images/icon/icon_class_a.png");}*/
.footer>div:nth-child(2)>i{background-image:url("../images/icon/icon_gift.png");}
.footer>div:nth-child(2).active>i{background-image:url("../images/icon/icon_gift_a.png");}
.footer>div:nth-child(3)>i{background-image:url("../images/icon/icon_cart.png");}
.footer>div:nth-child(3).active>i{background-image:url("../images/icon/icon_cart_a.png");}
.footer>div:nth-child(4)>i{background-image:url("../images/icon/icon_mine.png");}
.footer>div:nth-child(4).active>i{background-image:url("../images/icon/icon_mine_a.png");}
.mask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	z-index: 999999;
}
.mask.white{
	background: rgba(255,255,255,.95);
}
.mask.showFooter{
	z-index: 2000;
}
.popUp{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,.8);
	font-size:.26rem;
	z-index:10000;
}
.popUpPanel{
	width:5rem;
	background-color:#fafafa;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
}
.popUpBody{
	padding: .6rem .3rem;
}
.popUpTitle,.popUpFooter{
	/* background-color:#f0f0f0; */
	display:flex;
	justify-content:space-around;
	position:relative;
}
.popUpFooter{
	border-top:1px solid #dfdfdf;
}
.popUpBtn{
	box-sizing: border-box;
	flex:1;
	color: #168FFA;
	height: .8rem;
	line-height: .8rem;
}
.popUpCancelBtn{color:#f96750;}
.cutLine{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	height:.8rem;
	width:1px;
	background-color:#dfdfdf;
}
/*  公用提示 */
.prompt{
	border-radius: 2.13vw;
	background:rgba(0,0,0,1);
	opacity:0.83;
	width: 5.2rem;
	padding:4.26vw 0 2.93vw;
	line-height: 0.748rem;
	text-align: center;
	color: #FFFFFF;
	position: fixed;
	top: 42%;
	z-index: 99999;
	left: 45%;
	margin-left: -2rem;
	margin-top: -0.5335rem;
}
.prompt .right-arrow {
	display: block;
	width: 6.66vw;
	height: 4.53vw;
	margin: 0 auto;
}
.prompt .warning-arrow {
	display: block;
	width: 6.66vw;
	height: 6.66vw;
	margin: 0 auto;
}
.prompt .content{
	font-size: 3.73vw;
}
.moreBtn{
	position:absolute;
	height:.4rem;
	top:50%;
	right:.2rem;
	transform:translateY(-50%);
}
.red{color:#f96750;}
.c3{color:#333;}
.c6{color:#666;}
.c9{color:#999;}
.swiper-slide{background-color:#999;}
.indexBanner.swiper-slide img{width:100%;}
.cateBanner.swiper-slide img,.detailBanner.swiper-slide img{height:100%;width: 100%}
.cateBanner.swiper-slide {height:150px}
.swiper-pagination-bullet-active{opacity:.9;background: #fafafa;}
.inlineBlock{display:inline-block!important;}
.round{border-radius:50%;!important;}
.border-b{border-bottom:1px solid #eaeaea!important;}
.over-h{overflow:hidden;!important;}
.over-x{overflow-x:scroll;overflow-y:hidden;white-space: nowrap!important;}
.over-x>div{display:inline-block!important;}
.over-y{overflow-x:hidden;overflow-y:scroll!important;}
.bold{font-weight:bold!important;}
.thin{font-weight:100!important;}
.underLine{text-decoration: underline!important;}
.font-s{font-size:.22rem!important;}
.font-m{font-size:.28rem!important;}
.font-l{font-size:.36rem!important;}
.font-xl{font-size:.42rem!important;}
.font-xxl{font-size:.62rem!important;}
/**新增**/
.font-spx {font-size:12px!important;}
.font-mpx {font-size:13px!important;}
.font-lpx {font-size:14px!important;}
/**新增**/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.auto{margin:0 auto!important;}
.color-w{color:#fff}
.color-b{color:#000}
.color-6{color:#666}
.color-9{color:#999}
.blue{color:#168FFA}
.red{color:#f96750}
.bg-w{background-color:#fff;!important;}
.bg-b{background-color:#000;!important;}
.bg-blue{background-color:#168FFA!important;}
.pd-s{padding:.1rem;!important;}
.pd-S{padding:.1rem 0!important;}
.pd-m{padding:.15rem!important;}
.pd-M{padding:.15rem 0!important;}
.pd-l{padding:.2rem .3rem!important;}
.pd-L{padding:.2rem 0!important;}
.pd-xl{padding:.3rem .4rem!important;}
.pd-XL{padding:.3rem 0!important;}
.pd-XXL{padding:.5rem 0!important;}
.pd-r-0{padding-right:0!important;}
.pd-t-s{padding-top:.1rem!important;}
.pd-t-m{padding-top:.2rem!important;}
.pd-t-l{padding-top:.3rem!important;}
.pd-t-xl{padding-top:.4rem!important;}
.pd-b-s{padding-bottom:.1rem!important;}
.pd-b-m{padding-bottom:.2rem!important;}
.pd-b-l{padding-bottom:.3rem!important;}
.pd-b-xl{padding-bottom:.4rem!important;}
.pd-btn-s{padding:.05rem .1rem!important;}
.pd-btn-m{padding:.1rem .15rem!important;}
.pd-btn-l{padding:.15rem .2rem!important;}
.pd-btn-xl{padding:.2rem .25rem!important;}
.pd-footer{padding-bottom:1rem!important;}
.mg-s{margin:.1rem!important;}
.mg-m{margin:.2rem!important;}
.mg-l{margin:.3rem!important;}
.mg-xl{margin:.4rem!important;}
.mg-t-s{margin-top:.1rem!important;}
.mg-t-m{margin-top:.2rem!important;}
.mg-t-l{margin-top:.3rem!important;}
.mg-t-xl{margin-top:.4rem!important;}
.mg-r-s{margin-right:.1rem!important;}
.mg-r-m{margin-right:.2rem!important;}
.mg-r-l{margin-right:.3rem!important;}
.mg-r-xl{margin-right:.4rem!important;}
.mg-b-s{margin-bottom:.1rem!important;}
.mg-b-m{margin-bottom:.2rem!important;}
.mg-b-l{margin-bottom:.3rem!important;}
.mg-b-xl{margin-bottom:.4rem!important;}
[class*=col-]{
	box-sizing:border-box;float:left;
}
.v5{line-height: .5rem;}
.v6{line-height: .6rem;}
.v8{line-height: .8rem;}
.v10{line-height: 1rem;}
.v12{line-height: 1.2rem;}
.img-xs{width:.2rem;height:.2rem;}
.img-s{width:.4rem;height:.4rem;}
.img-m{width:.6rem;height:.6rem;}
.img-l{width:1rem;height:1rem;}
.img-xl{width:1.2rem;height:1.2rem;}
.col-10{width:10%!important}
.col-20{width:20%!important}
.col-25{width:25%!important}
.col-30{width:30%!important}
.col-33{width:33.3%!important}
.col-40{width:40%!important}
.col-50{width:50%!important}
.col-60{width:60%!important}
.col-66{width:66.6%!important}
.col-75{width:75%!important}
.col-80{width:80%!important}
.col-90{width:90%!important}
.col-100{width:100%!important}
.middle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.middle-v{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.pos-tr{
	position:absolute;
	top:0;
	right:0;
}
.pos-bl{
	position:absolute;
	bottom:0;
	left:0;
}
.pos-br{
	position:absolute;
	bottom:0;
	right:0;
}
.rela{
	position:relative;
}
.imgBox{
	position:relative;
	overflow: hidden;
}
.imgBox>img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	min-height:100%;
	max-height:150%;
	min-width:100%;
	max-width:150%;
}
.flex{
	width:100%;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
}
.flex>*{
	-webkit-flex: 1;
	-moz-box-flex:1;
	flex:1;
	text-align:center;
}
.omit-1 {
	overflow:hidden;
	/*text-overflow: ellipsis;*/
	/*display:-webkit-box;*/
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.omit{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.omit-3{
	-webkit-line-clamp:3;
}
/**
渐变
 */
#cart_gradient{
	width:40%;
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
	-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
	background:#FFA726; /* 一些不支持背景渐变的浏览器 */
	background:-moz-linear-gradient(left, rgba(255, 181, 0, 0.76), rgba(255, 134, 0, 0.81));
	background: -webkit-linear-gradient(left, rgba(255, 181, 0, 1), rgba(255, 134, 0, 1));
	background:-o-linear-gradient(left, rgba(255, 181, 0, 0.76), rgba(255, 134, 0, 0.81));
}
#buy_gradient {
	width:30%;
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
	-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
	background:#f96750; /* 一些不支持背景渐变的浏览器 */
	background:-moz-linear-gradient(top, red, rgba(255, 99, 0, 0.94), rgba(255, 21, 0, 0.85));
	background: -webkit-linear-gradient(left, rgba(255, 99, 0, 1), rgba(255, 21, 0, 1));
	background:-o-linear-gradient(top, red, rgba(255, 99, 0, 0.94), rgba(255, 21, 0, 0.85));
}
.return_top {
	display: block;
	width: 32px;
	height: 32px;
	position: fixed;
	top: 85%;
	right: 5px;
	z-index: 9999;

}
.return_top > div {
	display: block;
}


.detail_main {}
.dn {
	display: none;
}



/*搜索顶部标签栏 上下标识*/
.cond_icon {
	width: 25px;
	display: block;
	position: absolute;
	right: 5%;
	top: 20%;
}

#buy_gradient_gray {
	width:30%;
	background:gray; /* 一些不支持背景渐变的浏览器 */
}
/*两行*/
.txt-two-line {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ff-SC {
	font-family:PingFang-SC;
}