@charset "utf-8";
/**
* @name     : global
* @copyright: 
* @author   : HRan
*/

/*
 * 重置
 * */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea{margin:0;padding:0;}
body, button, input, select, textarea{font:12px/1.5 "\5fae\8f6f\96c5\9ed1","\5B8B\4F53",Tahoma, Geneva,sans-serif;color:#333;outline:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
ul,li{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a,a:hover{color:#fff;}
a:hover,a:focus{color:#fff;cursor:pointer;}
input, textarea {color:#000; }
select optgroup{color:#CAC8BB;}
input,label,img,th{vertical-align:middle;}
img {background:url(../images/load.gif) no-repeat center center;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;margin:0;}
input{transition:all 0.30s ease-in-out; -webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;}
input:focus{border:#35a5e5 1px solid;box-shadow:0 0 5px rgba(81, 203, 238, 1);-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-button{width:10px;height:5px;}
::-webkit-scrollbar-track{background:#eee;border:thin solid lightgray;box-shadow:0px 0px 3px #dfdfdf inset;border-radius:10px;}
::-webkit-scrollbar-thumb{background:#999;border:thin solid gray;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#7d7d7d;}
/*
 * 颜色
 * */
body{
	/* 标准色 */
	--red:#fa4a4a;
	--orange:#ff6600;
	--yellow:#ff9f00;
	--olive:#8dc63f;
	--green:#2faf98;
	--cyan:#1cbbb4;
	--blue:#0097ff;
	--purple:#6739b6;
	--mauve:#9c26b0;
	--pink:#e03997;
	--brown:#a5673f;
	--grey:#8799a3;
	--black:#333333;
	--darkGray:#666666;
	--gray:#aaaaaa;
	--ghostWhite:#f1f1f1;
	--white:#ffffff;
	/* 非标准色 */
	--ceee:#eeeeee;
	--c888:#888888;
	--cf03:#ff0033;
	--cddd:#dddddd;
	--c999:#999999;
	--cfa:#fafafa;
	/* 浅色 */
	--redLight:#fadbd9;
	--orangeLight:#fde6d2;
	--yellowLight:#fef2ce;
	--oliveLight:#e8f4d9;
	--greenLight:#d7f0db;
	--cyanLight:#d2f1f0;
	--blueLight:#cce6ff;
	--purpleLight:#e1d7f0;
	--mauveLight:#ebd4ef;
	--pinkLight:#f9d7ea;
	--brownLight:#ede1d9;
	--greyLight:#e7ebed;
	/* 渐变色 */
	--gradualRed:linear-gradient(45deg, #f43f3b, #ec008c);
	--gradualOrange:linear-gradient(45deg, #ff9700, #ed1c24);
	--gradualGreen:linear-gradient(45deg, #39b54a, #8dc63f);
	--gradualPurple:linear-gradient(45deg, #9000ff, #5e00ff);
	--gradualPink:linear-gradient(45deg, #ec008c, #6739b6);
	--gradualBlue:linear-gradient(45deg, #0081ff, #1cbbb4);
	/* 阴影透明色 */
	--ShadowSize:3px 3px 4px;
	--redShadow:rgba(204, 69, 59, 0.2);
	--orangeShadow:rgba(217, 109, 26, 0.2);
	--yellowShadow:rgba(224, 170, 7, 0.2);
	--oliveShadow:rgba(124, 173, 55, 0.2);
	--greenShadow:rgba(48, 156, 63, 0.2);
	--cyanShadow:rgba(28, 187, 180, 0.2);
	--blueShadow:rgba(0, 102, 204, 0.2);
	--purpleShadow:rgba(88, 48, 156, 0.2);
	--mauveShadow:rgba(133, 33, 150, 0.2);
	--pinkShadow:rgba(199, 50, 134, 0.2);
	--brownShadow:rgba(140, 88, 53, 0.2);
	--greyShadow:rgba(114, 130, 138, 0.2);
	--grayShadow:rgba(114, 130, 138, 0.2);
	--blackShadow:rgba(26, 26, 26, 0.2);
	background-color:var(--White);
	color:var(--black);
	margin:0 auto;
}
/*
 * 对齐方式
 * */
.po{color:#aaa;}
.clear:after{content:" ";display:block;height:0px;visibility:hidden;clear:both;}
.dib{display:inline-block;}
.dn{display:none;}
.db{display:block;}
.df{display:-webkit-box;display:-webkit-flex;display:flex;}
.mga{margin:0 auto;}
.flex{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.pf{position:fixed;}
.ofh{overflow:hidden;}
.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z4{z-index:4;}
.z5{z-index:5;}
/*
 * 字体、字号
 * */
.ffa{font-family:arial,\5b8b\4f53;}
.ff5{font-family:\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs20{font-size:20px}
.fs24{font-size:24px}
.fs28{font-size:28px}
.fs30{font-size:30px}
.fs36{font-size:36px}
/*
 * 文字对齐、排列
 * */
.ls5{letter-spacing:5px;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
.taj{text-align:justify;text-justify:inter-ideograph;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;}
.wsn{word-wrap:normal;white-space:nowrap;}
.pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.ti{overflow:hidden;text-indent:-30000px;}
.ti2{text-indent:2em;}
.tdu,.tdu:hover{text-decoration:underline;}
.tdn,.tdn:hover{text-decoration:none;}
.toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.dfc{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
/*
 * 行高
 * */
.lhn{line-height:normal;}
/*
 * 间距
 * */
.pd0{padding:0;}

.t0{top:0;}
.r0{right:0;}
.b0{bottom:0;}
.l0{left:0;}

/*
 * 尺寸
 * */
.w100{width:100%;}
.h100{height:100%;}
.h44{height:44px;}
.h50{height:50px;}
.w1200{width:1200px;margin:0 auto;}

/*
 * 线条、箭头、边框
 * */
.mui-ellipsis-1{-webkit-line-clamp:1;}
.mui-ellipsis-3{-webkit-line-clamp:3;}
.sepline{color:#eeeeee;font-family:arial;margin:0px 5px;}
.triangle{display:block;height:0px;width:0px;border:10px solid #fff;border-color:#fff transparent transparent transparent;border-style:solid dashed dashed dashed;line-height:0px;}
.dot-right{font-size:0;line-height:0;border-width:8px;border-color:#cc9f58;border-right-width:0;border-style:dashed;border-left-style:solid;border-top-color:transparent;border-bottom-color:transparent;}
.br3{border-radius:3px;}
.br5000{border-radius:5000px;}
.beee{border:0.5px solid #eeeeee;}
.bteee{border-top:0.5px solid #eeeeee;}
.bleee{border-left:0.5px solid #eeeeee;}
.bbeee{border-bottom:0.5px solid #eeeeee;}
.bddd{border:0.5px solid #dddddd;}
.blddd{border-left:0.5px solid #dddddd;}
.btddd{border-top:0.5px solid #dddddd;}
.brddd{border-right:0.5px solid #dddddd;}

/*
 * 背景图标
 * */
.icon14{width:14px;height:14px;}