.hide { display: none;}
*{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: 0.08rem; height: 0.08rem; }
::-webkit-scrollbar-track { border-radius: 0.05rem; }
::-webkit-scrollbar-thumb { border-radius: 0.05rem; 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; }

/*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: 0.1rem !important; }
.fs-12 { font-size: 0.12rem !important; }
.fs-14 { font-size: 0.14rem !important; }
.fs-16 { font-size: 0.16rem !important; }
.fs-18{font-size: 0.18rem !important;}
.fs-20{font-size: 0.2rem !important;}
.fs-22{font-size: 0.22rem !important;}
.fs-24{font-size: 0.24rem !important;}
.fs-26{font-size: 0.26rem !important;}
.fs-28{font-size: 0.28rem !important;}
.fs-30{font-size: 0.3rem !important;}
.fs-32{font-size: 0.32rem !important;}
.fs-34{font-size: 0.34rem !important;}
.fs-36{font-size: 0.36rem !important;}
.fs-38{font-size: 0.38rem !important;}
.fs-40{font-size: 0.4rem !important;}
.fs-42{font-size: 0.42rem !important;}
.fs-46{font-size: 0.46rem !important;}
.fs-50{font-size: 0.5rem !important;}
.fs-52{font-size: 0.52rem !important;}
.fs-60{font-size:0.6rem !important;}


/*line-height*/
.lh-xs { line-height: 0.1rem !important; }
.lh-sm { line-height: 0.2rem !important; }
.lh-md { line-height: 0.3rem !important; }
.lh-large { line-height: 0.4rem !important; }
.lh-big { line-height: 0.5rem !important; }
.lh-huge { line-height: 0.6rem !important; }
.lh-20 { line-height: 0.2rem !important; }
.lh-24 { line-height: 0.24rem !important; }
.lh-25 { line-height: 0.25rem !important; }
.lh-27 { line-height: 0.27rem !important; }
.lh-30 { line-height: 0.3rem !important; }
.lh-40 { line-height: 0.4rem !important; }
.lh-50 { line-height: 0.5rem !important; }
.lh-60 { line-height: 0.6rem !important; }
.lh-70 { line-height: 0.7rem !important; }
.lh-80 { line-height: 0.8rem !important; }
.lh-35 { line-height: 0.35rem !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; }

.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: 0.01rem solid #dfdfdf !important; }
.bdt-1 { border-top: 0.01rem solid #dfdfdf !important; }
.bdb-1 { border-bottom: 0.01rem solid #dfdfdf !important; }
.bdl-1 { border-left: 0.01rem solid #dfdfdf !important; }
.bdr-1 { border-right: 0.01rem solid #f1f1f1 !important; }
.bdtb-1 { border-top: 0.01rem solid #dfdfdf !important; border-bottom: 0.01rem solid #dfdfdf !important; }
.bdlr-1 { border-left: 0.01rem solid #dfdfdf !important; border-right: 0.01rem 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: 0.01rem solid #eee !important;}
.bdb-d-1{ border-bottom: 0.01rem dashed #dfdfdf !important; }
.bdb-r-1{ border-right: 0.01rem dashed #dfdfdf !important; }

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

.bd-3{border: solid 0.01rem #d6d6d6 !important;}
.bdt-3 { border-top: 0.01rem solid #d6d6d6 !important; }
.bdb-3 { border-bottom: 0.01rem solid #d6d6d6 !important; }
.bdl-3 { border-left: 0.01rem solid #d6d6d6 !important; }
.bdr-3 { border-right: 0.01rem solid #d6d6d6 !important; }
.bdtb-3 { border-top: 0.01rem solid #d6d6d6 !important; border-bottom: 0.01rem solid #d6d6d6 !important; }
.bdlr-3 { border-left: 0.01rem solid #d6d6d6 !important; border-right: 0.01rem solid #d6d6d6 !important; }
/*common*/


.mg-0auto { margin: 0 auto !important; }
.mg-0 { margin: 0px !important; }
.mg-2 { margin: 0.02rem !important; }
.mg-5 { margin: 0.05rem !important; }
.mg-7 { margin: 0.07rem !important; }
.mg-10 { margin: 0.1rem !important; }
.mg-15 { margin: 0.15rem !important; }
.mg-20 { margin: 0.2rem !important; }
.mg-25 { margin: 0.25rem !important; }
.mg-30 { margin: 0.3rem !important; }
.mg-40 { margin: 0.4rem !important; }
.mg-50 { margin: 0.5rem !important; }
.mgt-0 { margin-top: 0px !important; }
.mgt-2 { margin-top: 0.02rem !important; }
.mgt-3 { margin-top: 0.03rem !important; }
.mgt-5 { margin-top: 0.05rem !important; }
.mgt-7 { margin-top: 0.07rem !important; }
.mgt-8 { margin-top: 0.08rem !important; }
.mgt-10 { margin-top: 0.1rem !important; }
.mgt-15 { margin-top: 0.15rem !important; }
.mgt-16 { margin-top: 0.16rem !important; }
.mgt-18 { margin-top: 0.18rem !important; }
.mgt-20 { margin-top: 0.20rem !important; }
.mgt-25 { margin-top: 0.25rem !important; }
.mgt-30 { margin-top: 0.30rem !important; }
.mgt-35 { margin-top: 0.35rem !important; }
.mgt-40 { margin-top: 0.40rem !important; }
.mgt-50 { margin-top: 0.5rem !important; }
.mgt-60 { margin-top: 0.6rem !important; }
.mgt-55 { margin-top: 0.55rem !important; }
.mgt-70 { margin-top: 0.7rem !important; }
.mgt-80 { margin-top: 0.08rem !important; }
.mgt-100 { margin-top: 1rem !important; }
.mgr-0 { margin-right: 0px !important; }
.mgr-2 { margin-right: 0.02rem !important; }
.mgr-5 { margin-right: 0.05rem !important; }
.mgr-7 { margin-right: 0.07rem !important; }
.mgr-8 { margin-right: 0.08rem !important; }
.mgr-10 { margin-right: 0.10rem !important; }
.mgr-15 { margin-right: 0.15rem !important; }
.mgr-20 { margin-right: 0.20rem !important; }
.mgr-25 { margin-right: 0.25rem !important; }
.mgr-30 { margin-right: 0.30rem !important; }
.mgr-40 { margin-right: 0.40rem !important; }
.mgr-50 { margin-right: 0.5rem !important; }
.mgr-80 { margin-right: 0.8rem !important; }
.mgb-0 { margin-bottom: 0px !important; }
.mgb-2 { margin-bottom: 0.02rem !important; }
.mgb-5 { margin-bottom: 0.05rem !important; }
.mgb-7 { margin-bottom: 0.07rem !important; }
.mgb-10 { margin-bottom: 0.10rem !important; }
.mgb-15 { margin-bottom: 0.15rem !important; }
.mgb-16 { margin-bottom: 0.16rem !important; }
.mgb-20 { margin-bottom: 0.20rem !important; }
.mgb-25 { margin-bottom: 0.25rem !important; }
.mgb-30 { margin-bottom: 0.30rem !important; }
.mgb-40 { margin-bottom: 0.40rem !important; }
.mgb-50 { margin-bottom: 0.5rem !important; }
.mgb-80 { margin-bottom: 0.8rem !important; }
.mgl-0 { margin-left: 0px !important; }
.mgl-2 { margin-left: 0.02rem !important; }
.mgl-5 { margin-left: 0.0.5rem !important; }
.mgl-7 { margin-left: 0.07rem !important; }
.mgl-10 { margin-left: 0.10rem !important; }
.mgl-15 { margin-left: 0.15rem !important; }
.mgl-20 { margin-left: 0.20rem !important; }
.mgl-25 { margin-left: 0.25rem !important; }
.mgl-30 { margin-left: 0.30rem !important; }
.mgl-35 { margin-left: 0.35rem !important; }
.mgl-40 { margin-left: 0.40rem !important; }
.mgl-50 { margin-left: 0.5rem !important; }
.mgl-80 { margin-left: 0.8rem !important; }
.mgl-100 { margin-left: 1rem !important; }
.mgtb-15 {margin-top: 0.15rem;margin-bottom: 0.15rem !important;}
.mgtb-20 {margin-top: 0.2rem;margin-bottom: 0.2rem !important;}



.pd-0 { padding: 0px !important; }
.pdlr-0 { padding-left: 0px !important; padding-right: 0px !important;}
.pd-2 { padding: 0.02rem !important; }
.pd-5 { padding: 0.05rem !important; }
.pd-7 { padding: 0.07rem !important; }
.pd-10 { padding: 0.10rem !important; }
.pd-15 { padding: 0.15rem !important; }
.pd-20 { padding: 0.20rem !important; }
.pd-25 { padding: 0.25rem !important; }
.pd-30 { padding: 0.30rem !important; }
.pd-40 { padding: 0.40rem !important; }
.pd-50 { padding: 0.5rem !important; }
.pdt-0 { padding-top: 0px !important; }
.pdt-2 { padding-top: 0.02rem !important; }
.pdt-5 { padding-top: 0.05rem !important; }
.pdt-7 { padding-top: 0.07rem !important; }
.pdt-10 { padding-top: 0.10rem !important; }
.pdt-15 { padding-top: 0.15rem !important; }
.pdt-20 { padding-top: 0.20rem !important; }
.pdt-25 { padding-top: 0.25rem !important; }
.pdt-30 { padding-top: 0.30rem !important; }
.pdt-35 { padding-top: 0.35rem !important; }
.pdt-40 { padding-top: 0.40rem !important; }
.pdt-50 { padding-top: 0.5rem !important; }
.pdt-60 { padding-top: 0.6rem !important; }
.pdt-80 { padding-top: 0.8rem !important; }
.pdt-120 { padding-top: 1.2rem !important; }
.pdr-0 { padding-right: 0px !important; }
.pdr-2 { padding-right: 0.02rem !important; }
.pdr-5 { padding-right: 0.05rem !important; }
.pdr-7 { padding-right: 0.07rem !important; }
.pdr-8 { padding-right: 0.08rem !important; }
.pdr-10 { padding-right: 0.1rem !important; }
.pdr-15 { padding-right: 0.15rem !important; }
.pdr-16 { padding-right: 0.16rem !important; }
.pdr-20 { padding-right: 0.20rem !important; }
.pdr-25 { padding-right: 0.25rem !important; }
.pdr-30 { padding-right: 0.30rem !important; }
.pdr-40 { padding-right: 0.40rem !important; }
.pdb-45 { padding-bottom: 0.45rem !important; }
.pdb-80 { padding-bottom: 0.8rem !important; }
.pdr-50 { padding-right: 0.5rem !important; }
.pdr-70 { padding-right: 0.7rem !important; }
.pdr-80 { padding-right: 0.8rem !important; }
.pdr-100 { padding-right: 1rem !important; }
.pdb-0 { padding-bottom: 0px !important; }
.pdb-2 { padding-bottom: 0.02rem !important; }
.pdb-5 { padding-bottom: 0.05rem !important; }
.pdb-7 { padding-bottom: 0.07rem !important; }
.pdb-10 { padding-bottom: 0.1rem !important; }
.pdb-15 { padding-bottom: 0.15rem !important; }
.pdb-16 { padding-bottom: 0.16rem !important; }
.pdb-20 { padding-bottom: 0.20rem !important; }
.pdb-25 { padding-bottom: 0.25rem !important; }
.pdb-30 { padding-bottom: 0.30rem !important; }
.pdb-40 { padding-bottom: 0.40rem !important; }
.pdb-50 { padding-bottom: 0.5rem !important; }
.pdl-0 { padding-left: 0px !important; }
.pdl-2 { padding-left: 0.02rem !important; }
.pdl-5 { padding-left: 0.05rem !important; }
.pdl-7 { padding-left: 0.07rem !important; }
.pdl-8 { padding-left: 0.08rem !important; }
.pdl-10 { padding-left: 0.1rem !important; }
.pdl-15 { padding-left: 0.15rem !important; }
.pdl-16 { padding-left: 0.16rem !important; }
.pdl-20 { padding-left: 0.20rem !important; }
.pdl-25 { padding-left: 0.25rem !important; }
.pdl-30 { padding-left: 0.30rem !important; }
.pdl-40 { padding-left: 0.40rem !important; }
.pdl-50 { padding-left: 0.5rem !important; }
.pdl-70 { padding-left: 0.7rem !important; }
.pdl-80 { padding-left: 0.8rem !important; }
.pdl-100 { padding-left: 1rem !important; }
.pdlr-20{padding-left: 0.2rem;padding-right: 0.2rem;}
.pdlr-10{padding-left: 0.1rem;padding-right: 0.1rem;}

/*---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;}
.col-1 { float: left; min-height: 0.1rem; width: 8.33333333%; }
.col-2 { float: left; min-height: 0.1rem; width: 16.66666667% !important; }
.col-2-4 { float: left; min-height: 0.1rem; width: 20% !important; }
.col-3 { float: left; min-height: 0.1rem; width: 25% !important; }
.col-4 { float: left; min-height: 0.1rem; width: 33.33333333% !important; }
.col-5 { float: left; min-height: 0.1rem; width: 41.66666667% !important; }
.col-6 { float: left; min-height: 0.1rem; width: 50% !important; }
.col-7 { float: left; min-height: 0.1rem; width: 58.33333333% !important; }
.col-8 { float: left; min-height: 0.1rem; width: 66.66666667% !important; }
.col-9 { float: left; min-height: 0.1rem; width: 75% !important; }
.col-10 { float: left; min-height: 0.1rem; width: 83.33333333% !important; }
.col-11 { float: left; min-height: 0.1rem; width: 91.66666667% !important; }
.col-12 { float: left; min-height: 0.1rem; width: 100% !important; }
.uda-w100 { width: 100%; }
.col-2-8{ float: left; min-height: 0.1rem; width: 80%; }
.col-2-6{ float: left; min-height: 0.1rem; width: 60%; }

/*ui-tab*/
.tab-head {border-bottom: 0.02rem solid #e9e9e9;}
.tab-head:after { content: ""; display: table; clear: both; }
.tab-head>li {float: left;padding: 0 0.3rem;text-align: center;font-size: 14px;cursor: pointer;height: 56px;background-color: #f4f4f6;line-height: 55px;border: 0.02rem solid #e9e9e9;margin-right: -0.02rem;margin-bottom: -0.02rem;}
.tab-head>li>a { color: #333; height: 0.7rem; line-height: 0.7rem; 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: 50.02rem;}
.tab-head>li.active>a>.ui-icon, .tab-head>li>a:hover>.ui-icon, .tab-head>li>a:hover { color: #ed2b8a; }
.tab-body { border: 0.02rem 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:  0.01rem solid #E6E6E6 !important;}
.bdb-1{border-bottom: 0.01rem solid #F2F3F5 !important;}
.bdb-11{border-bottom: 0.01rem solid #fcfcfc !important;}
.text-no{text-decoration: none;}