/* base */
:root{
	--pc-background:#fff;
	--pc-main:#3495f0;
	--pc-main-d:#0e89ee;
	--pc-main-l:#d4e8ff;
	--pc-text:#333;
	--pc-text-l:#666;
	--pc-gray:#b5b5b5;
	--pc-gray-d:#999;
	--pc-white:#fff;
	--pc-white-h:#ccc;
	--pc-black:#000;
	--pc-tag-hot:#ff2323;
	--pc-tag-new:#57ff0a;
	--pc-fcr:red;
	--pc-fcg:green;
	--pc-fcb:blue;
	--pc-fco:orange;
	--pf-base:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;
}
/* html {font-size:28.125vw;} */
/* @media only screen and (min-width:6.4rem) { */
	html {font-size:5.8vw;}
/* } */
body {position:relative;background:#ebebeb;}
@font-face {font-family:Icon;
	src: url('/website/img/iconfont.eot'); /* IE9*/
	src:
	url('/website/img/iconfont.eot?#iefix') format('embedded-opentype'),/*ie8必须有#iefix才认的出来了……*/
	url('/website/img/iconfont.woff2') format('woff2'),
	url('/website/img/iconfont.woff') format('woff'),
	url('/website/img/iconfont.ttf') format('truetype'),
	url('/website/img/iconfont.svg') format('svg'),
	url('/website/img/iconfont.otf') format('opentype');
} /*定义iconfont字体*/
body, button, input, select, textarea {font-size: .14rem;font-family:var(--pf-base);}
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dd, ul, ol, button, input, textarea, form, th, td ,figure,figcaption{margin: 0;}
ol,ul {padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing: 0;}
table a {font-size:.14rem;}
a {font-family:var(--pf-base);text-decoration:none;cursor:pointer; color: inherit;-webkit-transition:color .5s ease;-moz-transition:color .5s ease;-o-transition:color .5s ease;transition:color .5s ease;}
a:hover {text-decoration:none;color:#027aff;}
a.uline {text-decoration:underline;color:#39c;}
img {border:none;}
input[type="botton"] {word-wrap:break-word;outline:none;vertical-align:middle;}
input {border-radius:0;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;appearance: none;}
i,em {font-style:normal;}/*有一定几率处理掉的属性*/
textarea {resize:none;-webkit-appearance: none;appearance: none;}
/*input,textarea{ caret-color: rgba(153,153,153,.8);color: rgba(153,153,153,.8) !important; text-shadow: 0rem 0rem 0rem #495057; -webkit-text-fill-color: transparent;}*/
ins {text-decoration:none;}
:focus {outline:none;}
::-webkit-input-placeholder  {color: #999;}
::-moz-placeholder  {color: #999;}
:-ms-input-placeholder  {color: #999;}
[v-cloak] {display: none;}

/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}

/* 文字溢出虚点显示 */
.ell {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ell_2 {word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ell_3 {word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ell_4 {word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}

/* clear */
.clb {clear:both;}
.clear:after  {height: 0; visibility: hidden; content: ""; display: block; clear: both;}
.clear {*zoom:1;}

/* display */
.dn{display:none !important;}
.di{display:inline !important;}
.db{display:block !important;}
.dib{display:inline-block !important;}

/* position */
.por{position:relative !important;}
.poa{position:absolute !important;}
.pof{position:fixed !important;}

/* trans */
.trans {
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
}

/* float */
.fl{float:left;}
.fr{float:right;}

/* content */
.maxcon {width:-webkit-max-content;width: -moz-max-content;width: max-content;}
.mincon {width:-webkit-min-content;width: -moz-min-content;width: min-content;}
.fillcon {width: -webkit-fill-available;width: -moz-fill-available;width: -moz-available;width: fill-available;}

/* text-align */
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.tl{text-align:left !important;}
.tj{text-align:justify !important;}/*单词两端对齐*/

/* vertical-align */
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}

/* visibility */
.vb_h{visibility:hidden;}

/* imgCenter */
.img_center {position:relative;}
.img_center img {position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;}

/* display */
.dn{display:none !important;}
.di{display:inline !important;}
.db{display:block !important;}
.dib{display:inline-block !important;}

/* position */
.por{position:relative !important;}
.poa{position:absolute !important;}
.pof{ position:fixed !important;}

/* font-size */
.f0{font-size:0;}
.f12{font-size:.12rem;}
.f14{font-size:.14rem;}
.f16{font-size:.16rem;}
.f18{font-size:.18rem;}
.f20{font-size:.2rem;}
.f22{font-size:.22rem;}
.f24{font-size:.24rem;}

/* line-height */
.lh20{line-height:.2rem;}
.lh22{line-height:.22rem;}
.lh24{line-height:.24rem;}
.lh26{line-height:.26rem;}
.lh28{line-height:.28rem;}
.lh30{line-height:.3rem;}
.lh40{line-height:.4rem;}

/* margin */

.m0{margin:0 !important;}
.mlr5{margin-left: .05rem; margin-right: .05rem;}
.mlr10{margin-left: .1rem; margin-right: .1rem;}
.mlr15{margin-left: .15rem; margin-right: .1rem;}
.ml5{margin-left:.05rem;}
.ml10{margin-left:.1rem;}
.ml15{margin-left:.15rem;}
.ml20{margin-left:.2rem;}
.ml25{margin-left:.25rem;}
.ml30{margin-left:.3rem;}
.mr5{margin-right:.05rem;}
.mr10{margin-right:.1rem;}
.mr15{margin-right:.15rem;}
.mr20{margin-right:.2rem;}
.mr25{margin-right:.25rem;}
.mr30{margin-right:.3rem;}
.mt5{margin-top:.05rem;}
.mt10{margin-top:.1rem;}
.mt15{margin-top:.15rem;}
.mt20{margin-top:.2rem;}
.mt25{margin-top:.25rem;}
.mt30{margin-top:.3rem;}
.mb5{margin-bottom:.05rem;}
.mb10{margin-bottom:.1rem;}
.mb15{margin-bottom:.15rem;}
.mb20{margin-bottom:.2rem;}
.mb25{margin-bottom:.25rem;}
.mb30{margin-bottom:.3rem;}

/* padding */
.p5{padding:.05rem;}
.p10{padding:.1rem;}
.p15{padding:.15rem;}
.p20{padding:.2rem;}
.p25{padding:.25rem;}
.p30{padding:.3rem;}
.plr5{padding-left:.05rem; padding-right: .05rem;}
.plr10{padding-left:.1rem !important; padding-right: .1rem !important;}
.plr15{padding-left:.15rem; padding-right: .15rem;}
.pl5{padding-left:.05rem;}
.pl10{padding-left:.1rem;}
.pl15{padding-left:.15rem;}
.pl20{padding-left:.2rem;}
.pl25{padding-left:.25rem;}
.pl30{padding-left:.3rem;}
.pr5{padding-right:.05rem;}
.pr10{padding-right:.1rem;}
.pr15{padding-right:.15rem;}
.pr20{padding-right:.2rem;}
.pr25{padding-right:.25rem;}
.pr30{padding-right:.3rem;}
.pt5{padding-top:.05rem;}
.pt10{padding-top:.1rem;}
.pt15{padding-top:.15rem;}
.pt20{padding-top:.2rem;}
.pt25{padding-top:.25rem;}
.pt30{padding-top:.3rem;}
.pb5{padding-bottom:.05rem;}
.pb10{padding-bottom:.1rem;}
.pb15{padding-bottom:.15rem;}
.pb20{padding-bottom:.2rem;}
.pb25{padding-bottom:.25rem;}
.pb30{padding-bottom:.3rem;}
.pb80{padding-bottom:.8rem;}

/* 模块淡入效果 */
.module .module_item {
	-khtml-opacity:0;
	-moz-opacity:0;
	opacity:0;
	-webkit-transition: opacity .9s,transform 1s;
	-moz-transition: opacity .9s,transform 1s;
	-o-transition: opacity .9s,transform 1s;
	transition: opacity .9s,transform 1s;
	-webkit-transform: translateX(0) translateY(.5rem);
	-moz-transform: translateX(0) translateY(.5rem);
	-ms-transform: translateX(0) translateY(.5rem);
	-o-transform: translateX(0) translateY(.5rem);
	transform: translateX(0) translateY(.5rem);
}
.module .module_item.fade_in {
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}
.module .module_item.l {
	-webkit-transform: translateX(.2rem) translateY(0);
	-moz-transform: translateX(.2rem) translateY(0);
	-ms-transform: translateX(.2rem) translateY(0);
	-o-transform: translateX(.2rem) translateY(0);
	transform: translateX(.2rem) translateY(0);
}
.module .module_item.r {
	-webkit-transform: translateX(-0.2rem) translateY(0);
	-moz-transform: translateX(-0.2rem) translateY(0);
	-ms-transform: translateX(-0.2rem) translateY(0);
	-o-transform: translateX(-0.2rem) translateY(0);
	transform: translateX(-0.2rem) translateY(0);
}
.module .module_item.active,.module .module_item.active.l,.module .module_item.active.r {
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}
/* cneter */
.center_x {
	-webkit-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-ms-transform: translateX(-50%) translateY(0);
	-o-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}
.center_y {
	-webkit-transform: translateX(0) translateY(-50%);
	-moz-transform: translateX(0) translateY(-50%);
	-ms-transform: translateX(0) translateY(-50%);
	-o-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
}
.center_xy {
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.module_item.center_y.l {
	-webkit-transform: translateX(.2rem) translateY(-50%);
	-moz-transform: translateX(.2rem) translateY(-50%);
	-ms-transform: translateX(.2rem) translateY(-50%);
	-o-transform: translateX(.2rem) translateY(-50%);
	transform: translateX(.2rem) translateY(-50%);
}
.module_item.center_y.l.active {
	-webkit-transform: translateX(0) translateY(-50%);
	-moz-transform: translateX(0) translateY(-50%);
	-ms-transform: translateX(0) translateY(-50%);
	-o-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
}

.tran_roll {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	-webkit-animation: rotate 3s linear infinite;
	-moz-animation: rotate 3s linear infinite;
	-o-animation: rotate 3s linear infinite;
	animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
	to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
	to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
	to{transform: rotate(359deg)}
}