@charset 'utf-8';

/*remove the gray background color from tap, default value is inherit*/
html {
	min-height: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	min-height: 100%;
	font-family: 'Microsoft Yahei', 'Arial';
	font-size: 12px;
	color: #666666;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	overflow-x: hidden;
}

/*dt,li没有margin和padding*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
th,
td,
form,
figure {
	margin: 0;
}

ul,
ol,
menu {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

img {
	vertical-align: middle;
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	background: transparent;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	font-size: 12px;
	color: #666666;
	transition: all 300ms ease 0s;
}

i {
	font-style: normal;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 2;
	font-weight: normal;
}

h4,
h5,
h6 {
	font-size: 14px;
}

button,
input,
optgroup,
select,
textarea {
	box-sizing: border-box;
	border: 0;
	font-family: 'Microsoft Yahei';
}

button,
input {
	border-radius: 0;
	padding: 0;
	outline: none;
	margin: 0
}

textarea,
input {
	-webkit-user-modify: read-write-plaintext-only;
	/*Android 下 input focus 消除高亮外框*/
}

/**清楚辣鸡苹果手机样式**/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	outline: 0;
	border: 0;
	border-radius: 0;
}

input[type="text"] {
	-webkit-appearance: button;
	outline: 0;
	border: 0;
	border-radius: 0;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	cursor: pointer;
	outline: 0;
	border: 0;
	border-radius: 0;
	vertical-align: middle;
}

input[type="radio"] {
	-webkit-appearance: radio;
	cursor: pointer;
	outline: 0;
	border: 0;
	border-radius: 0;
	vertical-align: middle;
}

/**********常用类简写***********/
.pro-list li .pro-options {
	width: calc(100% - 12px);
}

.address_open .address-box .a-b-middle {
	margin-top: calc((100vh - 500px) / 2);
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}

.w50 {
	width: 50%;
}

.w_50 {
	width: 45.67%;
	margin-left: 2.165%;
	margin-right: 2.165%;
}

.w65 {
	width: 65%;
}

.mla {
	margin-left: auto;
}

.mra {
	margin-right: auto;
}

.ma {
	margin-right: auto;
	margin-left: auto;
}

.img100 {
	width: 100%;
	height: 100%;
}

.imgauto {
	width: 100%;
	height: auto;
}

.imgh100 {
	width: auto;
	height: 100%
}

.imgwha {
	max-width: 100%;
	width: auto;
	height: auto;
}

.imgam {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%
}

.imgvt {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}

.imgvt85 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-height: 85%;
	max-width: 85%;
	width: auto;
	height: auto;
}

.scale_box {
	overflow: hidden;
}

.scale_box img.imgScale {
	transition: all 3s;
	width: 100%;
	height: 100%;
  /* height: 230px; */
	/* transform:skewX(-15deg);   */
}

.scale_box:hover img.imgScale {
	/* transform: scale(1.1); */
	cursor: pointer;
}

.mauto {
	max-width: 1200px;
	margin: 0 auto;
}

.clr {
	display: block;
	clear: both;
	font-size: 1px;
	width: 1px;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* only FF */
.ofhidden {
	overflow: hidden;
}

.ovh {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ovh2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ovh3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ovh4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.vac {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.mc {
	color: #a721a8;
}

.c3 {
	color: #333333;
}

.c6 {
	color: #666666;
}

.c9 {
	color: #999999;
}

.c7 {
	color: #777777;
}

.c0 {
	color: #000;
}

.c47 {
	color: #474747;
}

.c41 {
	color: #414141;
}

.cc {
	color: #cccccc;
}

.cf {
	color: #fff;
}

.cred {
	color: #ed314a;
}

.c-yellow {
	color: #ffff00;
}

.g-green {
	color: #9dcdb2;
}

.g-orange {
	color: #eab67b;
}

.g-purple {
	color: #b3bde1;
}

.g-blue {
	color: #b9d2fa;
}

.cbf {
	color: #bfbfbf;
}

.cc5 {
	color: #c5c5c5;
}

.ca0 {
	color: #a0a0a0;
}

.ce0 {
	color: #e0e0e0;
}

.c-bg {
	background: #f6f6f6;
}

.cblue {
	color: #21346e;
}

.cyellow {
	color: #ffef74;
}

.fmst {
	font-family: "宋体";
}

.fmarial {
	font-family: "Arial";
}

.textunline {
	text-decoration: underline;
}

.border-b {
	border-bottom: 1px solid #dae2e8;
}

.border-t {
	border-top: 1px solid #e4e4e4;
}

.bgcf {
	background-color: #fff;
}

.c-bg7 {
	background: #f7f7f7;
}

.border2_top {
	border-top: 4px solid #a721a8;
}

.througth {
	text-decoration: line-through;
}

.b_t_d {
	border-top: 1px dashed #e3e3e3;
}

.l0 {
	left: 0;
}

.t0 {
	top: 0;
}

.z9 {
	z-index: 9;
}

.vt {
	vertical-align: top;
}

.db {
	display: block;
}

.dib {
	display: inline-block;
}

.dn {
	display: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fb {
	font-weight: bold;
}

.rel {
	position: relative;
}

.abs {
	position: absolute;
}

.fxd {
	position: fixed;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.taj {
	text-align: justify;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs26 {
	font-size: 26px;
}

.fs28 {
	font-size: 28px;
}

.fs30 {
	font-size: 30px;
}

.fs32 {
	font-size: 32px;
}

.fs34 {
	font-size: 34px;
}

.fs36 {
	font-size: 36px;
}

.fs38 {
	font-size: 38px;
}

.fs40 {
	font-size: 40px;
}

.fs42 {
	font-size: 42px;
}

.fs44 {
	font-size: 44px;
}

.fs46 {
	font-size: 46px;
}

.fs48 {
	font-size: 48px;
}

.fs60 {
	font-size: 60px;
}

.li16 {
	line-height: 16px;
}

.li18 {
	line-height: 18px;
}

.li20 {
	line-height: 20px;
}

.li22 {
	line-height: 22px;
}

.li24 {
	line-height: 24px;
}

.li26 {
	line-height: 26px;
}

.li28 {
	line-height: 28px;
}

.li30 {
	line-height: 30px;
}

.li32 {
	line-height: 32px;
}

.li34 {
	line-height: 34px;
}

.li36 {
	line-height: 36px;
}

.li38 {
	line-height: 38px;
}

.li40 {
	line-height: 40px;
}

.li42 {
	line-height: 42px;
}

.li44 {
	line-height: 44px;
}

.li46 {
	line-height: 46px;
}

.li48 {
	line-height: 48px;
}

.li50 {
	line-height: 50px;
}

.li52 {
	line-height: 52px;
}

.li54 {
	line-height: 54px;
}

.li55 {
	line-height: 55px;
}

.li56 {
	line-height: 56px;
}

.li58 {
	line-height: 58px;
}

.li60 {
	line-height: 60px;
}

.li62 {
	line-height: 62px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}

.mt55 {
	margin-top: 55px;
}

.mt60 {
	margin-top: 60px;
}

.mt65 {
	margin-top: 65px;
}

.mt70 {
	margin-top: 70px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb45 {
	margin-bottom: 45px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb55 {
	margin-bottom: 55px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb65 {
	margin-bottom: 65px;
}

.mb70 {
	margin-bottom: 70px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml35 {
	margin-left: 35px;
}

.ml40 {
	margin-left: 40px;
}

.ml45 {
	margin-left: 45px;
}

.ml50 {
	margin-left: 50px;
}

.ml55 {
	margin-left: 55px;
}

.ml60 {
	margin-left: 60px;
}

.ml65 {
	margin-left: 65px;
}

.ml70 {
	margin-left: 70px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr35 {
	margin-right: 35px;
}

.mr40 {
	margin-right: 40px;
}

.mr45 {
	margin-right: 45px;
}

.mr50 {
	margin-right: 50px;
}

.mr55 {
	margin-right: 55px;
}

.mr60 {
	margin-right: 60px;
}

.mr65 {
	margin-right: 65px;
}

.mr70 {
	margin-right: 70px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.pt45 {
	padding-top: 45px;
}

.pt50 {
	padding-top: 50px;
}

.pt55 {
	padding-top: 55px;
}

.pt60 {
	padding-top: 60px;
}

.pt65 {
	padding-top: 65px;
}

.pt70 {
	padding-top: 70px;
}

.pt80 {
	padding-top: 80px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb35 {
	padding-bottom: 35px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb45 {
	padding-bottom: 45px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb55 {
	padding-bottom: 55px;
}

.pb60 {
	padding-bottom: 60px;
}

.pb65 {
	padding-bottom: 65px;
}

.pb70 {
	padding-bottom: 70px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb85 {
	padding-bottom: 85px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl30 {
	padding-left: 30px;
}

.pl35 {
	padding-left: 35px;
}

.pl40 {
	padding-left: 40px;
}

.pl45 {
	padding-left: 45px;
}

.pl50 {
	padding-left: 50px;
}

.pl55 {
	padding-left: 55px;
}

.pl60 {
	padding-left: 60px;
}

.pl65 {
	padding-left: 65px;
}

.pl70 {
	padding-left: 70px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr35 {
	padding-right: 35px;
}

.pr40 {
	padding-right: 40px;
}

.pr45 {
	padding-right: 45px;
}

.pr50 {
	padding-right: 50px;
}

.pr55 {
	padding-right: 55px;
}

.pr60 {
	padding-right: 60px;
}

.pr65 {
	padding-right: 65px;
}

.pr70 {
	padding-right: 70px;
}

@media (max-width: 1200px) {
	.mauto {
		padding-left: 0.1rem;
		padding-right: 0.1rem;
	}
}

@media (max-width: 767px) {
	.fs12 {
		font-size: .12rem;
	}

	.fs14 {
		font-size: .14rem;
	}

	.fs16 {
		font-size: .16rem;
	}

	.fs18 {
		font-size: .18rem;
	}

	.fs20 {
		font-size: .20rem;
	}

	.fs22 {
		font-size: .22rem;
	}

	.fs24 {
		font-size: .24rem;
	}

	.fs26 {
		font-size: .26rem;
	}

	.fs28 {
		font-size: .28rem;
	}

	.fs30 {
		font-size: .30rem;
	}

	.fs32 {
		font-size: .32rem;
	}

	.fs34 {
		font-size: .34rem;
	}

	.fs36 {
		font-size: .36rem;
	}

	.fs38 {
		font-size: .38rem;
	}

	.fs40 {
		font-size: .40rem;
	}

	.fs42 {
		font-size: .42rem;
	}

	.fs44 {
		font-size: .44rem;
	}

	.fs46 {
		font-size: .46rem;
	}

	.fs48 {
		font-size: .48rem;
	}

	.li16 {
		line-height: .16rem;
	}

	.li18 {
		line-height: .18rem;
	}

	.li20 {
		line-height: .20rem;
	}

	.li22 {
		line-height: .22rem;
	}

	.li24 {
		line-height: .24rem;
	}

	.li26 {
		line-height: .26rem;
	}

	.li28 {
		line-height: .28rem;
	}

	.li30 {
		line-height: .30rem;
	}

	.li32 {
		line-height: .32rem;
	}

	.li34 {
		line-height: .34rem;
	}

	.li36 {
		line-height: .36rem;
	}

	.li38 {
		line-height: .38rem;
	}

	.li40 {
		line-height: .40rem;
	}

	.li42 {
		line-height: .42rem;
	}

	.li44 {
		line-height: .44rem;
	}

	.li46 {
		line-height: .46rem;
	}

	.li48 {
		line-height: .48rem;
	}

	.li50 {
		line-height: .50rem;
	}

	.li52 {
		line-height: .52rem;
	}

	.li54 {
		line-height: .54rem;
	}

	.li56 {
		line-height: .56rem;
	}

	.li58 {
		line-height: .58rem;
	}

	.li60 {
		line-height: .60rem;
	}

	.li62 {
		line-height: .62rem;
	}

	.mt5 {
		margin-top: .05rem
	}

	.mt10 {
		margin-top: .1rem
	}

	.mt15 {
		margin-top: .15rem
	}

	.mt20 {
		margin-top: .2rem
	}

	.mt25 {
		margin-top: .25rem
	}

	.mt30 {
		margin-top: .3rem
	}

	.mt35 {
		margin-top: .35rem
	}

	.mt40 {
		margin-top: .4rem
	}

	.mt45 {
		margin-top: .45rem
	}

	.mt50 {
		margin-top: .5rem
	}

	.mt55 {
		margin-top: .55rem
	}

	.mt60 {
		margin-top: .6rem
	}

	.mt65 {
		margin-top: .65rem
	}

	.mt70 {
		margin-top: .7rem
	}

	.mb5 {
		margin-bottom: .05rem;
	}

	.mb10 {
		margin-bottom: .1rem;
	}

	.mb15 {
		margin-bottom: .15rem;
	}

	.mb20 {
		margin-bottom: .2rem;
	}

	.mb25 {
		margin-bottom: .25rem;
	}

	.mb30 {
		margin-bottom: .3rem;
	}

	.mb35 {
		margin-bottom: .35rem;
	}

	.mb40 {
		margin-bottom: .4rem;
	}

	.mb45 {
		margin-bottom: .45rem;
	}

	.mb50 {
		margin-bottom: .5rem;
	}

	.mb55 {
		margin-bottom: .55rem;
	}

	.mb60 {
		margin-bottom: .6rem;
	}

	.mb65 {
		margin-bottom: .65rem;
	}

	.mb70 {
		margin-bottom: .7rem;
	}

	.ml5 {
		margin-left: .05rem;
	}

	.ml10 {
		margin-left: .1rem;
	}

	.ml15 {
		margin-left: .15rem;
	}

	.ml20 {
		margin-left: .20rem;
	}

	.ml25 {
		margin-left: .25rem;
	}

	.ml30 {
		margin-left: .3rem;
	}

	.ml35 {
		margin-left: .35rem;
	}

	.ml40 {
		margin-left: .4rem;
	}

	.ml45 {
		margin-left: .45rem;
	}

	.ml50 {
		margin-left: .5rem;
	}

	.ml55 {
		margin-left: .55rem;
	}

	.ml60 {
		margin-left: .6rem;
	}

	.ml65 {
		margin-left: .65rem;
	}

	.ml70 {
		margin-left: .7rem;
	}

	.mr5 {
		margin-right: .05rem;
	}

	.mr10 {
		margin-right: .1rem;
	}

	.mr15 {
		margin-right: .15rem;
	}

	.mr20 {
		margin-right: .2rem;
	}

	.mr25 {
		margin-right: .25rem;
	}

	.mr30 {
		margin-right: .3rem;
	}

	.mr35 {
		margin-right: .35rem;
	}

	.mr40 {
		margin-right: .4rem;
	}

	.mr45 {
		margin-right: .45rem;
	}

	.mr50 {
		margin-right: .5rem;
	}

	.mr55 {
		margin-right: .55rem;
	}

	.mr60 {
		margin-right: .6rem;
	}

	.mr65 {
		margin-right: .65rem;
	}

	.mr70 {
		margin-right: .7rem;
	}

	.pt5 {
		padding-top: .05rem
	}

	.pt10 {
		padding-top: .1rem
	}

	.pt15 {
		padding-top: .15rem
	}

	.pt20 {
		padding-top: .2rem
	}

	.pt25 {
		padding-top: .25rem
	}

	.pt30 {
		padding-top: .3rem
	}

	.pt35 {
		padding-top: .35rem
	}

	.pt40 {
		padding-top: .4rem
	}

	.pt45 {
		padding-top: .45rem
	}

	.pt50 {
		padding-top: .5rem
	}

	.pt55 {
		padding-top: .55rem
	}

	.pt60 {
		padding-top: .6rem
	}

	.pt65 {
		padding-top: .65rem
	}

	.pt70 {
		padding-top: .7rem
	}

	.pt80 {
		padding-top: .8rem
	}

	.pb5 {
		padding-bottom: .05rem;
	}

	.pb10 {
		padding-bottom: .1rem;
	}

	.pb15 {
		padding-bottom: .15rem;
	}

	.pb20 {
		padding-bottom: .2rem;
	}

	.pb25 {
		padding-bottom: .25rem;
	}

	.pb30 {
		padding-bottom: .3rem;
	}

	.pb35 {
		padding-bottom: .35rem;
	}

	.pb40 {
		padding-bottom: .4rem;
	}

	.pb45 {
		padding-bottom: .45rem;
	}

	.pb50 {
		padding-bottom: .5rem;
	}

	.pb55 {
		padding-bottom: .55rem;
	}

	.pb60 {
		padding-bottom: .6rem;
	}

	.pb65 {
		padding-bottom: .65rem;
	}

	.pb70 {
		padding-bottom: .7rem;
	}

	.pb80 {
		padding-bottom: .8rem;
	}

	.pb85 {
		padding-bottom: .85rem;
	}

	.pl5 {
		padding-left: .05rem;
	}

	.pl10 {
		padding-left: .1rem;
	}

	.pl15 {
		padding-left: .15rem;
	}

	.pl20 {
		padding-left: .20rem;
	}

	.pl25 {
		padding-left: .25rem;
	}

	.pl30 {
		padding-left: .3rem;
	}

	.pl35 {
		padding-left: .35rem;
	}

	.pl40 {
		padding-left: .4rem;
	}

	.pl45 {
		padding-left: .45rem;
	}

	.pl50 {
		padding-left: .5rem;
	}

	.pl55 {
		padding-left: .55rem;
	}

	.pl60 {
		padding-left: .6rem;
	}

	.pl65 {
		padding-left: .65rem;
	}

	.pl70 {
		padding-left: .7rem;
	}

	.pr5 {
		padding-right: .05rem;
	}

	.pr10 {
		padding-right: .1rem;
	}

	.pr15 {
		padding-right: .15rem;
	}

	.pr20 {
		padding-right: .2rem;
	}

	.pr25 {
		padding-right: .25rem;
	}

	.pr30 {
		padding-right: .3rem;
	}

	.pr35 {
		padding-right: .35rem;
	}

	.pr40 {
		padding-right: .4rem;
	}

	.pr45 {
		padding-right: .45rem;
	}

	.pr50 {
		padding-right: .5rem;
	}

	.pr55 {
		padding-right: .55rem;
	}

	.pr60 {
		padding-right: .6rem;
	}

	.pr65 {
		padding-right: .65rem;
	}

	.pr70 {
		padding-right: .7rem;
	}

}