/* IE10以下提升升级 */
.isIE{ width: 100%; height: 100%; background: #fff url(isIE.jpg) no-repeat center; position: fixed; left: 0; top: 0; z-index: 99999999999999;}

/*网站单位设置*/
@media (max-width: 767px) {
  	html { font-size: 26px !important; }
}
@media (max-width: 479px) {
  	html { font-size: 24px !important; }
}
@media screen and (max-width: 320px) {
  	html { font-size: 20px !important; }
}
@media (min-width: 768px) {
  	html { font-size: 28px !important; }
}
@media (min-width: 1200px) {
  	html { font-size: 30px !important; }
}
@media (min-width: 1440px) {
  	html { font-size: 34px !important; }
}
@media (min-width: 1680px) {
  	html { font-size: 40px !important; }
}

/* button效果 */
.wlp-button4 {position:relative; overflow:hidden;}
.wlp-button4::after {content:"";width:100%; height:100%; z-index:1;opacity:0; position:absolute;left:0;top:0;background-color:rgba(255,255,255,0.5);-webkit-transition:all 0.5s;	transition:all 0.5s;}
.wlp-button4:hover::after {	opacity:1;	-webkit-transform:skewX(-180deg) scale(0.5,1);	transform:skewX(-180deg) scale(0.5,1);}

/* 水平镜像翻转 */
.mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;}
.mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}
/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow{transition: all .4s;}
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);-webkit-box-shadow:0 0px 10px rgba(0,0,0,.2); box-shadow:0 0px 10px rgba(0,0,0,.2);}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

/* 栅格系统 */
.wlp-row{}

.wlp-space1{margin:-.5px}.wlp-space1>*{padding:.5px}
.wlp-space3{margin:-1.5px}.wlp-space3>*{padding:1.5px}
.wlp-space5{margin:-2.5px}.wlp-space5>*{padding:2.5px}
.wlp-space8{margin:-3.5px}.wlp-space8>*{padding:3.5px}
.wlp-space10{margin:-5px}.wlp-space10>*{padding:5px}
.wlp-space12{margin:-6px}.wlp-space12>*{padding:6px}
.wlp-space15{margin:-7.5px}.wlp-space15>*{padding:7.5px}
.wlp-space18{margin:-9px}.wlp-space18>*{padding:9px}
.wlp-space20{margin:-10px}.wlp-space20>*{padding:10px}
.wlp-space22{margin:-11px}.wlp-space22>*{padding:11px}
.wlp-space25{margin:-12.5px}.wlp-space25>*{padding:12.5px}
.wlp-space30{margin:-15px}.wlp-space30>*{padding:15px}

/* xs（超小屏幕，如手机  <768px）、sm（小屏幕，如平板 ≥768px）、md（桌面中等屏幕 ≥992px）、lg（桌面大型屏幕 ≥1600px） */

.wlp-col-lg1,.wlp-col-lg10,.wlp-col-lg11,.wlp-col-lg12,.wlp-col-lg2,.wlp-col-lg3,.wlp-col-lg4,.wlp-col-lg5,.wlp-col-lg6,.wlp-col-lg7,.wlp-col-lg8,.wlp-col-lg9 {float:left;}
	.wlp-col-lg1 {width:8.33333333%;}	
	.wlp-col-lg2 {width:16.66666667%;}	
	.wlp-col-lg3 {width:25%;}	
	.wlp-col-lg4 {width:33.33333333%;}	
	.wlp-col-lg5 {width:41.66666667%;}	
	.wlp-col-lg6 {width:50%;}	
	.wlp-col-lg7 {width:58.33333333%;}	
	.wlp-col-lg8 {width:66.66666667%;}	
	.wlp-col-lg9 {width:75%;}	
	.wlp-col-lg10 {width:83.33333333%;}	
	.wlp-col-lg11 {width:91.66666667%;}	
	.wlp-col-lg12 {width:100%;}

@media only screen and (min-width: 992px){
	.wlp-col-md1,.wlp-col-md10,.wlp-col-md11,.wlp-col-md12,.wlp-col-md2,.wlp-col-md3,.wlp-col-md4,.wlp-col-md5,.wlp-col-md6,.wlp-col-md7,.wlp-col-md8,.wlp-col-md9 {float:left;}
	.wlp-col-md1 {width:8.33333333%;}	
	.wlp-col-md2 {width:16.66666667%;}	
	.wlp-col-md3 {width:25%;}	
	.wlp-col-md4 {width:33.33333333%;}	
	.wlp-col-md5 {width:41.66666667%;}	
	.wlp-col-md6 {width:50%;}	
	.wlp-col-md7 {width:58.33333333%;}	
	.wlp-col-md8 {width:66.66666667%;}	
	.wlp-col-md9 {width:75%;}	
	.wlp-col-md10 {width:83.33333333%;}	
	.wlp-col-md11 {width:91.66666667%;}	
	.wlp-col-md12 {width:100%;}
}

@media screen and (min-width:768px) {
	.wlp-col-sm1,.wlp-col-sm10,.wlp-col-sm11,.wlp-col-sm12,.wlp-col-sm2,.wlp-col-sm3,.wlp-col-sm4,.wlp-col-sm5,.wlp-col-sm6,.wlp-col-sm7,.wlp-col-sm8,.wlp-col-sm9 {float:left;}
	.wlp-col-sm1 {width:8.33333333%;}	
	.wlp-col-sm2 {width:16.66666667%;}	
	.wlp-col-sm3 {width:25%;}	
	.wlp-col-sm4 {width:33.33333333%;}	
	.wlp-col-sm5 {width:41.66666667%;}	
	.wlp-col-sm6 {width:50%;}	
	.wlp-col-sm7 {width:58.33333333%;}	
	.wlp-col-sm8 {width:66.66666667%;}	
	.wlp-col-sm9 {width:75%;}	
	.wlp-col-sm10 {width:83.33333333%;}	
	.wlp-col-sm11 {width:91.66666667%;}	
	.wlp-col-sm12 {width:100%;}
}

@media screen and (max-width:768px) {
	.wlp-col-xs1,.wlp-col-xs10,.wlp-col-xs11,.wlp-col-xs12,.wlp-col-xs2,.wlp-col-xs3,.wlp-col-xs4,.wlp-col-xs5,.wlp-col-xs6,.wlp-col-xs7,.wlp-col-xs8,.wlp-col-xs9 {float:left;}
	.wlp-col-xs1 {width:8.33333333%;}
	.wlp-col-xs2 {width:16.66666667%;}
	.wlp-col-xs3 {width:25%;}
	.wlp-col-xs4 {width:33.33333333%;}
	.wlp-col-xs5 {width:41.66666667%;}
	.wlp-col-xs6 {width:50%;}
	.wlp-col-xs7 {width:58.33333333%;}
	.wlp-col-xs8 {width:66.66666667%;}
	.wlp-col-xs9 {width:75%;}
	.wlp-col-xs10 {width:83.33333333%;}
	.wlp-col-xs11 {width:91.66666667%;}
	.wlp-col-xs12 {width:100%;}
}

/*  -- flex弹性布局 -- */
.flex {	display: flex;}
.basis-20 {	width: 20%; flex-shrink: 0;}
.basis-25 {	width: 25%; flex-shrink: 0;}
.basis-30 { width: 30%; flex-shrink: 0;}
.basis-35 {	width: 35%; flex-shrink: 0;}
.basis-40 {	width: 40%; flex-shrink: 0;}
.basis-48 {	width: 48%; flex-shrink: 0;}
.basis-50 {	width: 50%; flex-shrink: 0;}
.basis-60 { width: 60%;}
.basis-65 { width: 65%;}
.basis-70 { width: 70%;}
.basis-75 { width: 75%;}
.basis-80 {	width: 80%;}
.basis-100 {width: 100%;}

.flex-sub {	flex: 1;}
.flex-twice {flex: 2;}
.flex-treble {flex: 3;}

.direction-column {flex-direction: column;}
.direction-column-reverse {flex-direction: column-reverse;}
.direction-row {flex-direction: row-reverse;}

.flex-wrap {flex-wrap: wrap;}

.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center {	align-items: center;}
.align-stretch {align-items: stretch;}

.self-start {align-self: flex-start;}
.self-center {align-self: flex-center;}
.self-end {	align-self: flex-end;}
.self-stretch {	align-self: stretch;}
.align-stretch {align-items: stretch;}

.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}


/* 视频背景 */
.bg-video {position: relative;}
.bg-video video {display: block;height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;	position: absolute;	top: 0;	z-index: 0;	pointer-events: none;}

/* 图片 */
.imgBoxCover{ padding-bottom: 75%; position: relative; overflow: hidden;}
.imgBoxCover img{ width: 100%; height: 100%; position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; -o-object-fit: cover; object-fit: cover;}
.imgBoxAuto{ padding-bottom: 75%; position: relative; overflow: hidden;}
.imgBoxAuto img{ position:absolute;top:0;bottom:0;left:0;right:0; margin:auto;}

.text-cut {	text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-cut-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-cut-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-cut-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

/*==常用字号==*/
.tit-12 {
	font-size: 12px;
	line-height: 1.5;
  }
  
  .tit-13 {
	font-size: 13px;
	line-height: 1.5;
  }
  
  .tit-14 {
	font-size: 14px;
	line-height: 1.6;
  }
  
  .tit-15 {
	font-size: 15px;
	line-height: 1.6;
  }
  
  .tit-16 {
	font-size: 16px;
	line-height: 1.6;
  }
  
  .tit-17 {
	font-size: 17px;
	line-height: 1.6;
  }
  
  .tit-18 {
	font-size: 18px;
	line-height: 1.6;
  }
  
  .tit-19 {
	font-size: 19px;
	line-height: 1.6;
  }
  
  .tit-20 {
	font-size: 20px;
	line-height: 1.6;
  }
  
  .tit-22 {
	font-size: .55rem;
	line-height: 1.6;
  }
  
  .tit-24 {
	font-size: .6rem;
	line-height: 1.6;
  }
  
  .tit-25 {
	font-size: .625rem;
	line-height: 1.6;
  }
  
  .tit-26 {
	font-size: .65rem;
	line-height: 1.6;
  }
  
  .tit-27 {
	font-size: .675rem;
	line-height: 1.6;
  }
  
  .tit-28 {
	font-size: .7rem;
	line-height: 1.6;
  }
  
  .tit-29 {
	font-size: .725rem;
	line-height: 1.6;
  }
  
  .tit-30 {
	font-size: .75rem;
	line-height: 1.6;
  }
  
  .tit-32 {
	font-size: .8rem;
	line-height: 1.6;
  }
  
  .tit-34 {
	font-size: .85rem;
	line-height: 1.6;
  }
  
  .tit-36 {
	font-size: .9rem;
	line-height: 1.6;
  }
  
  .tit-38 {
	font-size: .95rem;
	line-height: 1.6;
  }
  
  .tit-40 {
	font-size: 1rem;
	line-height: 1.6;
  }
  
  .tit-42 {
	font-size: 1.05rem;
	line-height: 1.6;
  }
  
  .tit-44 {
	font-size: 1.1rem;
	line-height: 1.6;
  }
  
  .tit-46 {
	font-size: 1.15rem;
	line-height: 1.6;
  }
  
  .tit-48 {
	font-size: 1.2rem;
	line-height: 1.6;
  }
  
  .tit-50 {
	font-size: 1.25rem;
	line-height: 1.6;
  }
  
  .tit-52 {
	font-size: 1.3rem;
	line-height: 1.6;
  }
  
  .tit-54 {
	font-size: 1.35rem;
	line-height: 1.6;
  }
  
  .tit-56 {
	font-size: 1.4rem;
	line-height: 1.6;
  }
  
  .tit-58 {
	font-size: 1.45rem;
	line-height: 1.6;
  }
  
  .tit-60 {
	font-size: 1.5rem;
	line-height: 1.6;
  }
  
  .tit-62 {
	font-size: 1.55rem;
	line-height: 1.6;
  }
  
  .tit-64 {
	font-size: 1.6rem;
	line-height: 1.6;
  }
  
  .tit-66 {
	font-size: 1.65rem;
	line-height: 1.6;
  }
  
  .tit-68 {
	font-size: 1.7rem;
	line-height: 1.6;
  }
  
  .tit-70 {
	font-size: 1.75rem;
	line-height: 1.6;
  }
  
  .tit-72 {
	font-size: 1.8rem;
	line-height: 1.6;
  }
  
  .tit-74 {
	font-size: 1.85rem;
	line-height: 1.6;
  }
  
  .tit-76 {
	font-size: 1.9rem;
	line-height: 1.6;
  }
  
  .tit-78 {
	font-size: 1.95rem;
	line-height: 1.6;
  }
  
  .tit-80 {
	font-size: 2rem;
	line-height: 1.6;
  }
  
  .p-12 {
	font-size: 12px;
	line-height: 1.6;
  }
  .p-12 img {
	max-width: 100%;
  }
  
  .p-14 {
	font-size: 14px;
	line-height: 1.6;
  }
  .p-14 img {
	max-width: 100%;
  }
  
  .p-16 {
	font-size: 16px;
	line-height: 1.6;
  }
  .p-16 img {
	max-width: 100%;
  }
  
  .p-18 {
	font-size: 18px;
	line-height: 1.6;
  }
  .p-18 img {
	max-width: 100%;
  }
  
  .p-20 {
	font-size: .5rem;
	line-height: 1.6;
  }
  .p-20 img {
	max-width: 100%;
  }
  
  .p-24 {
	font-size: .6rem;
	line-height: 1.6;
  }
  .p-24 img {
	max-width: 100%;
  }
  
  /*==常用行高==*/
  .line-height_0 {
	line-height: 1;
  }
  
  .line-height_1 {
	line-height: 1.5;
  }
  
  .line-height_2 {
	line-height: 2;
  }
  
  .line-height_22 {
	line-height: 22px;
  }

  .line-height_24 {
	line-height: 24px;
  }
  
  .line-height_26 {
	line-height: 26px;
  }
  
  .line-height_28 {
	line-height: 28px;
  }
  
  .line-height_30 {
	line-height: 30px;
  }
  
  .line-height_32 {
	line-height: 32px;
  }
  
  .line-height_34 {
	line-height: 34px;
  }
  
  .line-height_36 {
	line-height: 36px;
  }
  
  .line-height_38 {
	line-height: 38px;
  }
  
  .line-height_40 {
	line-height: 40px;
  }
  
  /*==常用颜色==*/
  .col-fff {
	color: #fff;
  }
  
  .col-222 {
	color: #222;
  }
  
  .col-333 {
	color: #333;
  }
  
  .col-666 {
	color: #666;
  }
  
  .col-000 {
	color: #000;
  }
  
  .col-888 {
	color: #888;
  }

  .col-999 {
	color: #999;
  }
  
  .col-4c {
	color: #4c4c4c;
  }
  
  .col-red {
	color: #da3830;
  }

  .text-Abc {
	text-transform: Capitalize;
}

.text-ABC {
	text-transform: Uppercase;
}

.text-abc {
	text-transform: Lowercase;
}

.text-price::before {
	content: "¥";
	font-size: 80%;
	margin-right: 4px;
}

.text-bold-none {
	font-weight: 100;
}

.text-bold {
	font-weight: bold;
}

.text-bold-300 {
	font-weight: 300;
}

.text-bold-400 {
	font-weight: 400;
}

.text-bold-500 {
	font-weight: 500;
}

.text-bold-600 {
	font-weight: 600;
}

.text-bold-700 {
	font-weight: 700;
}

.text-bold-800 {
	font-weight: 800;
}

.text-bold-900 {
	font-weight: 900;
}

.text-center {
	text-align: center;
}

.text-content {
	line-height: 1.6;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/*  -- 内外边距 -- */

.margin-0 {
	margin: 0;
}

.margin-10 {
	margin: 10px;
}

.margin-20 {
	margin: 20px;
}

.margin-30 {
	margin: 30px;
}

.margin-40 {
	margin: 40px;
}

.margin-50 {
	margin: 50px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-right-40 {
	margin-right: 40px;
}

.margin-right-50 {
	margin-right: 50px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-bottom-100 {
	margin-bottom: 100px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-left-50 {
	margin-left: 50px;
}

.margin-lr-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.margin-lr-20 {
	margin-left: 20px;
	margin-right: 20px;
}

.margin-lr-30 {
	margin-left: 30px;
	margin-right: 30px;
}

.margin-lr-40 {
	margin-left: 40px;
	margin-right: 40px;
}

.margin-lr-50 {
	margin-left: 50px;
	margin-right: 50px;
}

.margin-tb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-tb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margin-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-tb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin-tb-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.margin-tb-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.padding-0 {
	padding: 0;
}

.padding-10 {
	padding: 10px;
}

.padding-20 {
	padding: 20px;
}

.padding-30 {
	padding: 30px;
}

.padding-40 {
	padding: 40px;
}

.padding-50 {
	padding: 50px;
}

.padding-60 {
	padding: 60px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-16 {
	padding-top: 16px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-top-40 {
	padding-top: 40px;
}

.padding-top-50 {
	padding-top: 50px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-right-30 {
	padding-right: 30px;
}

.padding-right-40 {
	padding-right: 40px;
}

.padding-right-50 {
	padding-right: 50px;
}

.padding-right-80 {
	padding-right: 80px;
}

.padding-right-90 {
	padding-right: 90px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-25 {
	padding-left: 25px;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-left-50 {
	padding-left: 50px;
}

.padding-lr-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-lr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-lr-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-lr-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.padding-lr-50 {
	padding-left: 50px;
	padding-right: 50px;
}


.padding-tb-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-tb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-tb-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-tb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}