@charset "utf-8";
/* CSS reset */
html { -webkit-text-size-adjust:none; -webkit-appearance: none;}
* { border:0 none; margin:0; padding:0; box-sizing: border-box; }
input,select,textarea {-webkit-appearance: none; appearance: none; outline:none;  border-radius: 0;  resize:none;  -webkit-appearance: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
input,input[type="submit"], input[type="reset"],input[type="checkbox"]{-webkit-appearance: none;}
table { border-collapse: collapse; border-spacing:0;}
a{ text-decoration:none; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none; cursor :pointer;}
em{ font-style: normal;}
ul,ol,li{list-style:none;}
img{ border:0; border:none; vertical-align:top;}
video::-webkit-media-controls-fullscreen-button {display: none !important;}
.pr{ position: relative;}
.pa{ position:absolute;}
.pf{ position:fixed;}
.oh{ overflow:hidden;}
.oa{ overflow:auto;}
.w100{ width:100%;}
.w50{ width: 50%;}
.w33{ width: 33.3%;}
.w25{ width: 25%;}
.w20{ width: 20%;}
.h100{ height:100%;}
.vh100{ height: 100vh !important;}
.t50{ top: 50%;}
.l50{ left: 50%;}
.r50{ right: 50%;}
.wh100{ width:100%; height:100%;}
.l0{ left: 0;}
.t0{ top: 0;}
.r0{ right: 0;}
.b0{ bottom:0;}
.lt0{ left:0; top:0;}
.rt0 { right: 0; top: 0;}
.lb0 {  left: 0;  bottom: 0;}
.rb0 {  right: 0;  bottom: 0;}
.bold{ font-weight: bold; }
.m-a{ margin: 0 auto;}
.text-l{ text-align:left !important;} 
.text-r{ text-align:right !important;} 
.text-c{ text-align: center !important;}
.fz14{ font-size:.32rem;}
.fz0{ font-size: 0;}
.fl{float:left;}
.fr{float:right;}
.d-n{display: none;}
.us-text{ user-select: text;}
.i-b{ display:inline-block; vertical-align: top;  }
.mr0{ margin-right:0 !important; }
.yuan{ border-radius:50%; }
.fzs50 span{float:left; width:200%; margin-left:-50%;  -webkit-transform:scale(0.5);  transform:scale(0.5); }
.fzc50 span{float:left; width:200%; margin-left:-50%;  -webkit-transform:scale(0.5);  transform:scale(0.5); transform-origin: center top; -webkit-transform-origin: center top;}
.cssddd{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hoverOp,.hoverS{-webkit-transition: all 0.2s ease-in 0;   transition: all 0.2s ease-in 0s;}
.hoverOp:active{filter:alpha(Opacity=90);opacity:.9; text-decoration:none;}
a:active{filter:alpha(Opacity=85);opacity:.85;}
a.off:active{filter:alpha(Opacity=100);opacity:1;}
.boxCb{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.boxTb{box-sizing:content-box;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
.z-index{ z-index: 2;}
.flex-row{ flex-direction: row}
.d-g{display: grid}
.d-it{display: inline-table;}
.d-f{ display: flex!important;}
.f-s{flex-shrink:0;}
.as-c { align-self: center!important;}
.fg-1 { flex-grow: 1!important;}
.flex1{ flex:1 !important; }
.jc-e{ justify-content: end; }
.jc-s{ justify-content: flex-start;}
.jc-c{ justify-content: center;}
.js-sb{justify-content: space-between;}
.gray{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
}
.w-b{
	white-space: normal;
	word-break: break-all;
}
.row2{
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.pc-ab::after,.pc-ab::before{
	position: absolute;
	content: "";
}
.df-ac{
	display: flex;
    align-items: center;
}
.df-c {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}


body{ margin: 0 auto; width: 100%; font-family:"Microsoft YaHei"; text-align:center; color: #000; }
#web-main{ width:100%; position:relative; margin:auto; height:auto; overflow:hidden; }
.ls-show .ls-col{ display: none; position: relative;}
.ls-show .ls-col.active{ display: block;}
.pop_win{ z-index:900; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none;  }
.pop_win .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70); }
.pop_win .pwin_box{ position:absolute; right:50%; top:50%;}
.t-cc{ -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); }
.bg_FFF{ background-color: #FFF; }
.c_FFF{ color: #fff;}
.c_333{ color: #333; }
.c_666{ color: #666; }
.bg_toright{background: linear-gradient(to right, #8482F9 0%, #9F89FF 100%);}
.rlCss{ -webkit-animation: rlCss 1s linear infinite; animation: rlCss 1s linear infinite;}
.lrCss{ -webkit-animation: lrCss 1s linear infinite; animation: lrCss 1s linear infinite;}

@-webkit-keyframes rlCss {
    0% {  -webkit-transform: translateX(0);}
    50% {  -webkit-transform: translateX(10%); }
    100% {  -webkit-transform: translateX(0); }
}

@keyframes rlCss {
    0% { transform: translateX(0);}
    50% { transform: translateX(10%); }
    100% { transform: translateX(0); }
}

@-webkit-keyframes lrCss {
    0% {  -webkit-transform: translateX(0);}
    50% {  -webkit-transform: translateX(-10%); }
    100% {  -webkit-transform: translateX(0); }
}

@keyframes lrCss {
    0% { transform: translateX(0);}
    50% { transform: translateX(-10%);}
    100% { transform: translateX(0); }
}
@keyframes marqueeTransform {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}