:root{
	color-scheme: light;
	/* 投影 分级*/
	--box-shadow-1:0px 1px 2px -2px rgba(0,0,0,0.08), 0px 3px 6px 0px rgba(0,0,0,0.06), 0px 5px 12px 4px rgba(0,0,0,0.04);
	--box-shadow-2:0px 3px 6px -4px rgba(0,0,0,0.06), 0px 6px 16px 0px rgba(0,0,0,0.05), 0px 9px 28px 8px rgba(0,0,0,0.03);
	--box-shadow-3:0px 6px 16px -8px rgba(0,0,0,0.08), 0px 9px 28px 0px rgba(0,0,0,0.05), 0px 12px 48px 16px rgba(0,0,0,0.03);
	
	/* 主站背景用色 */
	--bg-color:#fff;
	--text-color-white:#fff;
	
	/* 主站用色-绿*/
	--green-color:#11AA99;
	--deep-green-color:#10A191;
	--green-light-color:#ECF8F7;
	--green-gradient-color:linear-gradient(270deg, #11AA99 0%, #22DAC0 100%);
	
	/* 主站用色-橘*/
	--orange-color:#F47721;
	--orange-light-color:#FFE6D5;
	--orange-gradient-color:linear-gradient(270deg, #F47721 0%, #FC9A1E 77%, #FFA41D 100%);
	
	/* 主站用色-蓝*/
	--blue-color:#0A77F2;
	--blue-light-color:#E2F0FF;
	--blue-gradient-color:linear-gradient(90deg, #00ACF5 0%, #0A77F2 100%);
	
	/* 主站用色-红*/
	--red-color:#FE343D;
	--red-light-color:#FFE5E7;
	--red-gradient-color:linear-gradient(270deg, #FE343D 0%, #FF8058 100%);
	
	/* 企业套餐用色 */
	--qy-color:#F9D681;
	--qy-bg-color:#211405;
	--qy-bg-light-color:#FFFAEB;
	--qy-bg-dark-color:#6B2D00;
	--qy-gradient-color:linear-gradient(90deg, #F6DEAA 0%, #D8A55F 100%);
	
	/* 黑白灰(black,white,gray)颜色级别 */
	--bwg-color-tit:#333333;
	--bwg-color-tip:#666666;
	--bwg-color-desc:#999999;
	--bwg-color-disabled:#BFBFBF;
	--bwg-color-border:#E3E3E3;
	--bwg-color-divide:#F0F0F0;
	--bwg-color-bg:#F5F5F5;
	--bwg-color-tableHead:#FAFAFA;
	
	/* 字体-Fonts */
	--font-bold:700;
	--font-oversized-title:32px;
	--font-big-title:24px;
	--font-title:20px;
	--font-subtitle:16px;
	--font-text:14px;
	
	/* 按钮-Button 圆角 */
	--button-border-radius-base: 6px;
	--button-border-radius-small: 4px;
	--button-border-radius-round: 24px;
	
	/* 按钮-Button 大按钮*/
	--button-size-large-minWidth:152px;
	--button-size-large-height:48px;
	--button-size-large-fontSize:16px;
	--button-size-large-padding:0 40px;
	--button-size-large-icon:20px;
	--button-size-large-iconMargin:8px;
	
	/* 按钮-Button 按钮*/
	--button-size-middle-minWidth: 112px;
	--button-size-middle-height:40px;
	--button-size-middle-fontSize:14px;
	--button-size-middle-padding:0 24px;
	--button-size-middle-icon:16px;
	--button-size-middle-iconMargin:8px;
	
	/* 按钮-Button 小按钮*/
	--button-size-small-minWidth:96px;
	--button-size-small-height:32px;
	--button-size-small-fontSize:14px;
	--button-size-small-padding:0 20px;
	--button-size-small-icon:14px;
	--button-size-small-iconMargin:4px;
	
	/* 按钮-Button 绿*/
	--button-text-green:#fff;
	--button-bg-green:linear-gradient(270deg, #11AA99 0%, #22DAC0 100%);
	--button-bg-hover-green:linear-gradient(90deg, #4EE1CD 0%, #41BBAD 100%);
	--button-bg-active-green:linear-gradient(90deg, #20CFB6 0%, #10A191 100%);
	
	/* 按钮-Button 蓝*/
	--button-text-blue:#fff;
	--button-bg-blue:linear-gradient(90deg, #00ACF5 0%, #0A77F2 100%);
	--button-bg-hover-blue:linear-gradient(90deg, #33BDF8 0%, #3B93F5 100%);
	--button-bg-active-blue:linear-gradient(90deg, #00A3E9 0%, #0971E6 100%);
	
	/* 按钮-Button 淡蓝*/
	--button-text-lightBlue:#fff;
	--button-bg-lightBlue: linear-gradient(270deg, #00ADD2 0%, #00C8F3 100%);
	--button-bg-hover-lightBlue: linear-gradient(270deg, #33BDDB 0%, #33D3F5 100%);
	--button-bg-active-lightBlue: linear-gradient(270deg, #00A4C8 0%, #00BEE7 100%);
	
	/* 按钮-Button 金*/
	--button-text-gold:#6B2D00;
	--button-bg-gold:linear-gradient(90deg, #F6DEAA 0%, #D8A55F 100%);
	--button-bg-hover-gold: linear-gradient(90deg, #F8E5BB 0%, #E0B77F 100%);
	--button-bg-active-gold:linear-gradient(90deg, #F3DCA8 0%, #D6A45F 100%);
	
	/* 按钮-Button 棕*/
	--button-text-brown:#F9D681;
	--button-bg-brown:linear-gradient(270deg, #281805 0%, #472D0E 100%);
	--button-bg-hover-brown:linear-gradient(90deg, #6D573F 0%, #544637 100%);
	--button-bg-active-brown:linear-gradient(90deg, #442B0E 0%, #271705 100%);
	
	/* 按钮-Button 镂空绿*/
	--button-plain-text-green:var(--green-color);
	--button-plain-border-green:var(--green-color);
	--button-plain-bg-green:#fff;
	--button-plain-text-hover-green:#fff;
	--button-plain-border-hover-green:var(--green-color);
	--button-plain-bg-hover-green:var(--green-color);
	--button-plain-text-active-green:#fff;
	--button-plain-border-active-green:var(--deep-green-color);
	--button-plain-bg-active-green:var(--deep-green-color);
	
	/* 按钮-Button 镂空灰*/
	--button-plain-text-gray:var(--bwg-color-tit);
	--button-plain-border-gray:var(--bwg-color-border);
	--button-plain-bg-gray:#fff;
	--button-plain-text-hover-gray:var(--bwg-color-tit);
	--button-plain-border-hover-gray:var(--bwg-color-border);
	--button-plain-bg-hover-gray:var(--bwg-color-tableHead);
	--button-plain-text-active-gray:var(--bwg-color-tit);
	--button-plain-border-active-gray:var(--bwg-color-border);
	--button-plain-bg-active-gray:var(--bwg-color-divide) ;
}

/*************  clear default style *************/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
	border: 0;font: inherit;vertical-align: baseline;text-align: left;font-family: "PingFang SC", "Microsoft YaHei", sans-serif;margin: 0;padding: 0;color: var(--bwg-color-tit);}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
form, input, textarea,select{font-family: "PingFang SC", "Microsoft YaHei", sans-serif;outline: 0;}
h1, h2, h3, h4 {font-weight: 400}
i{ font-style:normal; }
.clear {clear: both;}
b{ font-weight: normal; }
.clearfix::after {clear: both; content: ""; display: block; height: 0;}
.clearfix { zoom: 1;}
.fl {float: left}
.fr {float: right}
a{text-decoration:none;color: var(--bwg-color-tit);cursor:pointer;outline:0;*star:expression(this.onFocus=this.blur());}
a:active{border:none;}
a:after{border:none;}
img{border:0}

.trans{ transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s }
.w1200 {width: 1200px;margin: 0 auto}

body{ min-width: 1200px;background-color: #fff; font-size: 14px;}
html.bg-gray{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}

/* input默认样式 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-placeholder,
input::-ms-input-placeholder,
input::-webkit-input-placeholder{color: var(--bwg-color-disabled);}
input.warn{border-color: var(--red-color) ;box-shadow: 0 0 0 2px rgb(255 77 79 / 20%) ;}
input.disabled{background-color: #ebebeb;cursor: not-allowed;color: var(--bwg-color-disabled);}
  
/* button默认样式 */
button{border-radius:0;border:none;background-color:transparent;outline: 0;}
button::after{border: none;}
.button-center{flex-shrink: 0;display: flex;align-items: center;justify-content: center;}
.wt-button{min-width:var(--button-size-middle-minWidth);height:var(--button-size-middle-height);font-size:var(--button-size-middle-fontSize);padding:var(--button-size-middle-padding);border-radius: var(--button-border-radius-base);transition: .24s;cursor: pointer;}
.wt-button .iconfont{flex-shrink: 0;margin-right: var(--button-size-middle-iconMargin);font-size: var(--button-size-middle-icon);color: inherit;}
.wt-button .wt-button_text{font-size: inherit;color: inherit;}
.wt-button.large{min-width:var(--button-size-large-minWidth);height:var(--button-size-large-height);font-size:var(--button-size-large-fontSize);padding:var(--button-size-large-padding);}
.wt-button.large .iconfont{margin-right: var(--button-size-large-iconMargin);font-size: var(--button-size-large-icon);}
.wt-button.small{min-width:var(--button-size-small-minWidth);height:var(--button-size-small-height);font-size:var(--button-size-small-fontSize);padding:var(--button-size-small-padding);border-radius: var(--button-border-radius-small);}
.wt-button.small .iconfont{margin-right: var(--button-size-small-iconMargin);font-size: var(--button-size-small-icon);}
.wt-button.green{color: var(--button-text-green);background: var(--button-bg-green);}
.wt-button.green:hover{background: var(--button-bg-hover-green);}
.wt-button.green:active{background: var(--button-bg-active-green);}
.wt-button.blue{color: var(--button-text-blue);background: var(--button-bg-blue);}
.wt-button.blue:hover{background: var(--button-bg-hover-blue);}
.wt-button.blue:active{background: var(--button-bg-active-blue);}
.wt-button.gold{color: var(--button-text-gold);background: var(--button-bg-gold);}
.wt-button.gold:hover{background: var(--button-bg-hover-gold);}
.wt-button.gold:active{background: var(--button-bg-active-gold);}
.wt-button.brown{color: var(--button-text-brown);background: var(--button-bg-brown);}
.wt-button.brown:hover{background: var(--button-bg-hover-brown);}
.wt-button.brown:active{background: var(--button-bg-active-brown);}
.wt-button.is-round{border-radius: var(--button-border-radius-round);}
.wt-button.is-plain{color: var(--button-plain-text-gray);border: 1px solid var(--button-plain-border-gray);background-color: var(--button-plain-bg-gray);}
.wt-button.is-plain:hover{color: var(--button-plain-text-hover-gray);border-color: var(--button-plain-border-hover-gray);background-color: var(--button-plain-bg-hover-gray);}
.wt-button.is-plain:active{color: var(--button-plain-text-active-gray);border-color: var(--button-plain-border-active-gray);background-color: var(--button-plain-bg-active-gray);}
.wt-button.is-plain.plain-green{color: var(--button-plain-text-green);border-color: var(--button-plain-border-green);background-color: var(--button-plain-bg-green);}
.wt-button.is-plain.plain-green:hover{color: var(--button-plain-text-hover-green);border-color: var(--button-plain-border-hover-green);background-color: var(--button-plain-bg-hover-green);}
.wt-button.is-plain.plain-green:active{color: var(--button-plain-text-active-green);border-color: var(--button-plain-border-active-green);background-color: var(--button-plain-bg-active-green);}