*{margin: 0;padding: 0;list-style: none;font-family: PingFangSC-Regular, sans-serif;}
.cursor-p { cursor: pointer; }
a{text-decoration: none;}
/*i{ font-style: normal;}*/
/* 设置滚动条的样式 */
/* ::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { border-radius: 5px; }
::-webkit-scrollbar-thumb { border-radius: 5px; background: #aaa; height: 200px !important;}
::-webkit-scrollbar-thumb:active { background: #43648b; height: 200px !important; }
::-webkit-scrollbar-thumb:window-inactive { background: #EBEBEB; height: 200px !important; } */

.safe-wid{
	min-width: 1200px;
	margin: 0 auto;
}
/*position*/
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.flex{display: flex;justify-content: space-between;}
.flex-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
/*display*/
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.hide { display: none !important;}
.none { display: none;}
.dis-table { display: table; }
.dis-cell { display: table-cell; vertical-align: middle; }
.dis-inline-block{display: inline-block;}
.text-over{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%;}
.text-over-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-over-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*float*/
.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none; }
.clear:after { content: ""; display: table; clear: both; }

/*text-align*/
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }

/*vertical-align*/
.vm { vertical-align: middle; }

/*font*/
.font-l { font-weight: lighter !important; }
.font-n { font-weight: normal !important; }
.font-b { font-weight: bold !important; }
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-24 { font-size: 24px !important; }
.fs-26 { font-size: 26px !important; }
.fs-28 { font-size: 28px !important; }
.fs-30 { font-size: 32px !important; }
.fs-32 { font-size: 32px !important; }
.fs-36 { font-size: 36px !important; }
.fs-40 { font-size: 40px !important; }
.fs-42 { font-size: 42px !important; }
.fs-46 { font-size: 46px !important; }
.fs-56 { font-size: 56px !important; }
.fs-72 { font-size: 72px !important; }

/*line-height*/
.lh-xs { line-height: 10px !important; }
.lh-sm { line-height: 20px !important; }
.lh-md { line-height: 30px !important; }
.lh-large { line-height: 40px !important; }
.lh-big { line-height: 50px !important; }
.lh-huge { line-height: 60px !important; }
.lh-20 { line-height: 20px !important; }
.lh-24 { line-height: 24px !important; }
.lh-25 { line-height: 25px !important; }
.lh-26 { line-height: 26px !important; }
.lh-27 { line-height: 27px !important; }
.lh-30 { line-height: 30px !important; }
.lh-40 { line-height: 40px !important; }
.lh-50 { line-height: 50px !important; }
.lh-60 { line-height: 60px !important; }
.lh-70 { line-height: 70px !important; }
.lh-80 { line-height: 80px !important; }
.lh-35 { line-height: 35px !important; }

/* color and bgc*/

.bgc-black { background-color: #000 !important; }
.bgc-white { background-color: #fff !important; }
.bgc-fb { background-color: #FBFBFB !important; }
.bgc-fc { background-color: #FCFCFC !important; }
.bgc-black-linear{ background: linear-gradient(317deg, #3C3C3F 0%, #21262C 11%, #111820 100%);}

.color-black { color: #000 !important; }
.color-white { color: #fff !important; }
.color-ao{color: #A0A0A0 !important;}
.color-gray { color: #999 !important; }
.color-333 { color: #333 !important; }
.color-666 { color: #666 !important; }
.color-999 { color: #999 !important; }
.color-2A{color: #A2A2A2 !important;}
.color-0B{color: #0B4DA2;}
.color-20{color: #204DE9 !important;}
.color-green{color: #6EBE4C;}
.color-fa{color: #FAFAFA !important;}
/*border*/
.bd-1 { border: 1px solid #dfdfdf !important; }
.bdt-1 { border-top: 1px solid #dfdfdf !important; }
.bdb-1 { border-bottom: 1px solid #dfdfdf !important; }
.bdl-1 { border-left: 1px solid #dfdfdf !important; }
.bdr-1 { border-right: 1px solid #f1f1f1 !important; }
.bdtb-1 { border-top: 1px solid #dfdfdf !important; border-bottom: 1px solid #dfdfdf !important; }
.bdlr-1 { border-left: 1px solid #dfdfdf !important; border-right: 1px solid #dfdfdf !important; }
.bd-dashed { border-style: dashed !important; }
.bd-0 { border: none !important; }
.bdt-0 { border-top: none !important; }
.bdb-0 { border-bottom: none !important; }
.bdl-0 { border-left: none !important; }
.bdr-0 { border-right: none !important; }
.bdb-e {border-bottom: 1px solid #eee !important;}
.bdb-d-1{ border-bottom: 1px dashed #dfdfdf !important; }
.bdb-r-1{ border-right: 1px dashed #dfdfdf !important; }

.bd-2{border: solid 1px #eaeef1 !important;}
.bdt-2 { border-top: 1px solid #eaeef1 !important; }
.bdb-2 { border-bottom: 1px solid #eaeef1 !important; }
.bdl-2 { border-left: 1px solid #eaeef1 !important; }
.bdr-2 { border-right: 1px solid #eaeef1 !important; }
.bdtb-2 { border-top: 1px solid #eaeef1 !important; border-bottom: 1px solid #eaeef1 !important; }
.bdlr-2 { border-left: 1px solid #eaeef1 !important; border-right: 1px solid #eaeef1 !important; }

.bd-3{border: solid 1px #d6d6d6 !important;}
.bdt-3 { border-top: 1px solid #d6d6d6 !important; }
.bdb-3 { border-bottom: 1px solid #d6d6d6 !important; }
.bdl-3 { border-left: 1px solid #d6d6d6 !important; }
.bdr-3 { border-right: 1px solid #d6d6d6 !important; }
.bdtb-3 { border-top: 1px solid #d6d6d6 !important; border-bottom: 1px solid #d6d6d6 !important; }
.bdlr-3 { border-left: 1px solid #d6d6d6 !important; border-right: 1px solid #d6d6d6 !important; }
/*common*/
.mg-0auto { margin: 0 auto !important; }
.mg-0 { margin: 0px !important; }
.mg-2 { margin: 2px !important; }
.mg-5 { margin: 5px !important; }
.mg-7 { margin: 7px !important; }
.mg-10 { margin: 10px !important; }
.mg-15 { margin: 15px !important; }
.mg-20 { margin: 20px !important; }
.mg-25 { margin: 25px !important; }
.mg-30 { margin: 30px !important; }
.mg-40 { margin: 40px !important; }
.mg-50 { margin: 50px !important; }
.mgt-0 { margin-top: 0px !important; }
.mgt-2 { margin-top: 2px !important; }
.mgt-3 { margin-top: 3px !important; }
.mgt-5 { margin-top: 5px !important; }
.mgt-7 { margin-top: 7px !important; }
.mgt-8 { margin-top: 8px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-16 { margin-top: 16px !important; }
.mgt-18 { margin-top: 18px !important; }
.mgt-20 { margin-top: 20px !important; }
.mgt-25 { margin-top: 25px !important; }
.mgt-30 { margin-top: 30px !important; }
.mgt-35 { margin-top: 35px !important; }
.mgt-40 { margin-top: 40px !important; }
.mgt-45 { margin-top: 45px !important; }
.mgt-50 { margin-top: 50px !important; }
.mgt-60 { margin-top: 60px !important; }
.mgt-55 { margin-top: 55px !important; }
.mgt-70 { margin-top: 70px !important; }
.mgt-80 { margin-top: 80px !important; }
.mgt-100 { margin-top: 100px !important; }
.mgr-0 { margin-right: 0px !important; }
.mgr-2 { margin-right: 2px !important; }
.mgr-5 { margin-right: 5px !important; }
.mgr-7 { margin-right: 7px !important; }
.mgr-8 { margin-right: 8px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgr-15 { margin-right: 15px !important; }
.mgr-20 { margin-right: 20px !important; }
.mgr-25 { margin-right: 25px !important; }
.mgr-30 { margin-right: 30px !important; }
.mgr-40 { margin-right: 40px !important; }
.mgr-50 { margin-right: 50px !important; }
.mgr-80 { margin-right: 80px !important; }
.mgb-0 { margin-bottom: 0px !important; }
.mgb-2 { margin-bottom: 2px !important; }
.mgb-5 { margin-bottom: 5px !important; }
.mgb-7 { margin-bottom: 7px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-16 { margin-bottom: 16px !important; }
.mgb-20 { margin-bottom: 20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgb-45 { margin-bottom: 45px !important; }
.mgb-50 { margin-bottom: 50px !important; }
.mgb-80 { margin-bottom: 80px !important; }
.mgl-0 { margin-left: 0px !important; }
.mgl-2 { margin-left: 2px !important; }
.mgl-5 { margin-left: 5px !important; }
.mgl-7 { margin-left: 7px !important; }
.mgl-10 { margin-left: 10px !important; }
.mgl-15 { margin-left: 15px !important; }
.mgl-20 { margin-left: 20px !important; }
.mgl-25 { margin-left: 25px !important; }
.mgl-30 { margin-left: 30px !important; }
.mgl-35 { margin-left: 35px !important; }
.mgl-40 { margin-left: 40px !important; }
.mgl-50 { margin-left: 50px !important; }
.mgl-80 { margin-left: 80px !important; }
.mgl-100 { margin-left: 100px !important; }
.mgtb-15 {margin-top: 15px;margin-bottom: 15px !important;}
.mgtb-20 {margin-top: 20px;margin-bottom: 20px !important;}



.pd-0 { padding: 0px !important; }
.pdlr-0 { padding-left: 0px !important; padding-right: 0px !important;}
.pd-2 { padding: 2px !important; }
.pd-5 { padding: 5px !important; }
.pd-7 { padding: 7px !important; }
.pd-10 { padding: 10px !important; }
.pd-15 { padding: 15px !important; }
.pd-20 { padding: 20px !important; }
.pd-25 { padding: 25px !important; }
.pd-30 { padding: 30px !important; }
.pd-40 { padding: 40px !important; }
.pd-50 { padding: 50px !important; }
.pdt-0 { padding-top: 0px !important; }
.pdt-2 { padding-top: 2px !important; }
.pdt-5 { padding-top: 5px !important; }
.pdt-7 { padding-top: 7px !important; }
.pdt-10 { padding-top: 10px !important; }
.pdt-15 { padding-top: 15px !important; }
.pdt-20 { padding-top: 20px !important; }
.pdt-25 { padding-top: 25px !important; }
.pdt-30 { padding-top: 30px !important; }
.pdt-35 { padding-top: 35px !important; }
.pdt-40 { padding-top: 40px !important; }
.pdt-50 { padding-top: 50px !important; }
.pdt-60 { padding-top: 60px !important; }
.pdt-70 { padding-top: 70px !important; }
.pdt-80 { padding-top: 80px !important; }
.pdt-120 { padding-top: 120px !important; }
.pdr-0 { padding-right: 0px !important; }
.pdr-2 { padding-right: 2px !important; }
.pdr-5 { padding-right: 5px !important; }
.pdr-7 { padding-right: 7px !important; }
.pdr-8 { padding-right: 8px !important; }
.pdr-10 { padding-right: 10px !important; }
.pdr-15 { padding-right: 15px !important; }
.pdr-16 { padding-right: 16px !important; }
.pdr-20 { padding-right: 20px !important; }
.pdr-25 { padding-right: 25px !important; }
.pdr-30 { padding-right: 30px !important; }
.pdr-40 { padding-right: 40px !important; }
.pdr-50 { padding-right: 50px !important; }
.pdr-60 { padding-right: 60px !important; }
.pdr-70 { padding-right: 70px !important; }
.pdr-80 { padding-right: 80px !important; }
.pdr-100 { padding-right: 100px !important; }
.pdb-0 { padding-bottom: 0px !important; }
.pdb-2 { padding-bottom: 2px !important; }
.pdb-5 { padding-bottom: 5px !important; }
.pdb-7 { padding-bottom: 7px !important; }
.pdb-10 { padding-bottom: 10px !important; }
.pdb-15 { padding-bottom: 15px !important; }
.pdb-16 { padding-bottom: 16px !important; }
.pdb-20 { padding-bottom: 20px !important; }
.pdb-25 { padding-bottom: 25px !important; }
.pdb-30 { padding-bottom: 30px !important; }
.pdb-40 { padding-bottom: 40px !important; }
.pdb-45 { padding-bottom: 45px !important; }
.pdb-50 { padding-bottom: 50px !important; }
.pdb-80 { padding-bottom: 80px !important; }
.pdl-0 { padding-left: 0px !important; }
.pdl-2 { padding-left: 2px !important; }
.pdl-5 { padding-left: 5px !important; }
.pdl-7 { padding-left: 7px !important; }
.pdl-8 { padding-left: 8px !important; }
.pdl-10 { padding-left: 10px !important; }
.pdl-15 { padding-left: 15px !important; }
.pdl-16 { padding-left: 16px !important; }
.pdl-20 { padding-left: 20px !important; }
.pdl-25 { padding-left: 25px !important; }
.pdl-30 { padding-left: 30px !important; }
.pdl-40 { padding-left: 40px !important; }
.pdl-50 { padding-left: 50px !important; }
.pdl-60 { padding-left: 60px !important; }
.pdl-70 { padding-left: 70px !important; }
.pdl-80 { padding-left: 80px !important; }
.pdl-100 { padding-left: 100px !important; }
.pdlr-20{padding-left: 20px;padding-right: 20px;}
.pdlr-10{padding-left: 10px;padding-right: 10px;}
.pdlr-115{padding-left: 115px;padding-right: 115px;}

/*---component: ui-layout*/
.ui-wrap { max-width: 1200px; margin: 0 auto; position: relative; }
.ui-body { overflow: hidden; }
.ui-row { display: block;}
.ui-row:after, .ui-row:before, .ui-wrap:before, .ui-wrap:after { content: ""; display: table; clear: both;}
.ui-row>[class*="col-"]{ float: left;}
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 41.66666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.66666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }
.col-2-2 { width: 20%; }
.col-2-4 { width: 40%; }
.col-4-4 { width: 80%; }
.uda-w100 { width: 100%; }
.col-2-8{  width: 80%; }
.col-2-6{  width: 60%; }

/*ui-tab*/
.tab-head {border-bottom: 1px solid #e9e9e9;}
.tab-head:after { content: ""; display: table; clear: both; }
.tab-head>li {float: left;padding: 0 30px;text-align: center;font-size: 14px;cursor: pointer;height: 56px;background-color: #f4f4f6;line-height: 55px;border: 1px solid #e9e9e9;margin-right: -1px;margin-bottom: -1px;}
.tab-head>li>a { color: #333; height: 70px; line-height: 70px; padding: 0 5px; display: block; transition: color .3s; }
.tab-head>li>a>.ui-icon { vertical-align: -3%; margin-right: 0.2em; color: #a8a8a8; transition: color .3s; font-size: 1.2em; }
.tab-head>li.active>a,.tab-head>li.active {color: #21a7dd;border-top: 3px solid #21a7dd;background-color: #fff;position: relative;z-index: 2;border-bottom: none;line-height: 52px;}
.tab-head>li.active>a>.ui-icon, .tab-head>li>a:hover>.ui-icon, .tab-head>li>a:hover { color: #ed2b8a; }
.tab-body { border: 1px solid #e9e9e9; border-top: none; }
.tab-body>.tab-item { display: none; }
.tab-body>.tab-item.active { display: block; }
.tab-flex { display: table; border-collapse: separate; width: 100%; }
.tab-flex>li { display: table-cell; float: none; }

.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom !important; }

.border-box{box-sizing: border-box;}
.flex{display: flex;justify-content: space-between;}
.nowrap{white-space: nowrap;}
.bdr-1{border-right:  1px solid #E6E6E6 !important;}
.bdb-1{border-bottom: 1px solid #F2F3F5 !important;}
.bdb-11{border-bottom: 1px solid #fcfcfc !important;}
.text-no{text-decoration: none;}