@charset "utf-8";

/* location */
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.fbd { font-weight: bolder; }
.fit { font-style: italic; }
.fnm { font-weight: normal; font-style: normal; }
.fhd { text-indent: -10000px; }
.udl { text-decoration: underline; }
.hvl:hover { text-decoration: underline; }
.nrp { white-space: nowrap; }
.ct, .wd { margin-left: auto; margin-right: auto; }
.md { vertical-align: middle; }
.vtp { vertical-align: top; }
.vbt { vertical-align: bottom; }
.fl { float: left; }
.fr { float: right; }
.inl, .fl, .fr { display: inline-block; }
.clr { clear: both; }
.clra:after { content: ""; display: block; line-height: 0px; overflow: hidden; clear: both; }
.clra { zoom: 1; }
.rel { position: relative; }
.abs { position: absolute; }
.fix { position: fixed; }
.plt { left: 0px; top: 0px; }
.prt { right: 0px; top: 0px; }
.plb { left: 0px; bottom: 0px; }
.prb { right: 0px; bottom: 0px; }
.blk, .box { display: block; }
.box { width: 100%; height: 100%; }
.nvs { visibility: hidden; }
.nbd, input.nbd { border: none; }
.nbg { background: none; }
.hd { opacity: 0; }
.ovhd, .fhd { overflow: hidden; }
.hand { cursor: pointer; }
.hth { height: 100%; }
.wdh { width: 100%; }
.wd5 { width: 50%; }
.wd { width: 1000px; box-sizing: border-box; }
.zw { z-index: 10000; }
.zk { z-index: 1000; }
.zh { z-index: 100; }
/* location */

/* margin */
.mt0{ margin-top: 0; }
.mb0{ margin-bottom: 0; }
.mr0{ margin-right: 0; }
.ml0{ margin-left: 0; }
.ml5, .mh5, .m5 { margin-left: 5px; }
.mr5, .mh5, .m5 { margin-right: 5px; }
.mt5, .mv5, .m5 { margin-top: 5px; }
.mb5, .mv5, .m5 { margin-bottom: 5px; }
.ml10, .mh10, .m10 { margin-left: 10px; }
.mr10, .mh10, .m10 { margin-right: 10px; }
.mt10, .mv10, .m10 { margin-top: 10px; }
.mb10, .mv10, .m10 { margin-bottom: 10px; }
.ml15, .mh15, .m15 { margin-left: 15px; }
.mr15, .mh15, .m15 { margin-right: 15px; }
.mt15, .mv15, .m15 { margin-top: 15px; }
.mb15, .mv15, .m15 { margin-bottom: 15px; }
.ml20, .mh20, .m20 { margin-left: 20px; }
.mr20, .mh20, .m20 { margin-right: 20px; }
.mt20, .mv20, .m20 { margin-top: 20px; }
.mb20, .mv20, .m20 { margin-bottom: 20px; }
.ml25, .mh25, .m25 { margin-left: 25px; }
.mr25, .mh25, .m25 { margin-right: 25px; }
.mt25, .mv25, .m25 { margin-top: 25px; }
.mb25, .mv25, .m25 { margin-bottom: 25px; }
.ml30, .mh30, .m30 { margin-left: 30px; }
.mr30, .mh30, .m30 { margin-right: 30px; }
.mt30, .mv30, .m30 { margin-top: 30px; }
.mb30, .mv30, .m30 { margin-bottom: 30px; }
.ml35, .mh35, .m35 { margin-left: 35px; }
.mr35, .mh35, .m35 { margin-right: 35px; }
.mt35, .mv35, .m35 { margin-top: 35px; }
.mb35, .mv35, .m35 { margin-bottom: 35px; }
.ml40, .mh40, .m40 { margin-left: 40px; }
.mr40, .mh40, .m40 { margin-right: 40px; }
.mt40, .mv40, .m40 { margin-top: 40px; }
.mb40, .mv40, .m40 { margin-bottom: 40px; }
.mt45, .mv45, .m45 { margin-top: 45px; }
.mr45, .mv45, .m45 { margin-right: 45px; }
.ml50, .mh50, .m50 { margin-left: 50px; }
.mr50, .mh50, .m50 { margin-right: 50px; }
.mt50, .mv50, .m50 { margin-top: 50px; }
.mb50, .mv50, .m50 { margin-bottom: 50px; }
.ml55, .mh55, .m55 { margin-left: 55px; }
.mr55, .mh55, .m55 { margin-right: 55px; }
.mt55, .mv55, .m55 { margin-top: 55px; }
.mb55, .mv55, .m55 { margin-bottom: 55px; }
.ml60, .mh60, .m60 { margin-left: 60px; }
.mr60, .mh60, .m60 { margin-right: 60px; }
.mt60, .mv60, .m60 { margin-top: 60px; }
.mb60, .mv60, .m60 { margin-bottom: 60px; }
.ml80, .mh80, .m80 { margin-left: 80px; }
.mr80, .mh80, .m80 { margin-right: 80px; }
.mt80, .mv80, .m80 { margin-top: 80px; }
.mb80, .mv80, .m80 { margin-bottom: 80px; }
.ml90, .mh90, .m90 { margin-left: 90px; }
.mr90, .mh90, .m90 { margin-right: 90px; }
.mt90, .mv90, .m90 { margin-top: 90px; }
.mb90, .mv90, .m90 { margin-bottom: 90px; }
.ml100, .mh100, .m100 { margin-left: 100px; }
.mr100, .mh100, .m100 { margin-right: 100px; }
.mt100, .mv100, .m100 { margin-top: 100px; }
.mb100, .mv100, .m100 { margin-bottom: 100px; }
.mt24{margin-top: 24px;}

/* padding */
.pt0{ padding-top: 0; }
.pb0{ padding-bottom: 0; }
.pr0{ padding-right: 0; }
.pl0{ padding-left: 0; }
.pl5, .ph5, .p5 { padding-left: 5px; }
.pr5, .ph5, .p5 { padding-right: 5px; }
.pt5, .pv5, .p5 { padding-top: 5px; }
.pb5, .pv5, .p5 { padding-bottom: 5px; }
.pl10, .ph10, .p10 { padding-left: 10px; }
.pr10, .ph10, .p10 { padding-right: 10px; }
.pt10, .pv10, .p10 { padding-top: 10px; }
.pb10, .pv10, .p10 { padding-bottom: 10px; }
.pl15, .ph15, .p15 { padding-left: 15px; }
.pr15, .ph15, .p15 { padding-right: 15px; }
.pt15, .pv15, .p15 { padding-top: 15px; }
.pb15, .pv15, .p15 { padding-bottom: 15px; }
.pl20, .ph20, .p20 { padding-left: 20px; }
.pr20, .ph20, .p20 { padding-right: 20px; }
.pt20, .pv20, .p20 { padding-top: 20px; }
.pb20, .pv20, .p20 { padding-bottom: 20px; }
.pl25, .ph25, .p25 { padding-left: 25px; }
.pr25, .ph25, .p25 { padding-right: 25px; }
.pt25, .pv25, .p25 { padding-top: 25px; }
.pb25, .pv25, .p25 { padding-bottom: 25px; }
.pl30, .ph30, .p30 { padding-left: 30px; }
.pr30, .ph30, .p30 { padding-right: 30px; }
.pt30, .pv30, .p30 { padding-top: 30px; }
.pb30, .pv30, .p30 { padding-bottom: 30px; }
.pl35, .ph35, .p35 { padding-left: 35px; }
.pr35, .ph35, .p35 { padding-right: 35px; }
.pt35, .pv35, .p35 { padding-top: 35px; }
.pb35, .pv35, .p35 { padding-bottom: 35px; }
.pl40, .ph40, .p40 { padding-left: 40px; }
.pr40, .ph40, .p40 { padding-right: 40px; }
.pt40, .pv40, .p40 { padding-top: 40px; }
.pb40, .pv40, .p40 { padding-bottom: 40px; }
.pl50, .ph50, .p50 { padding-left: 50px; }
.pr50, .ph50, .p50 { padding-right: 50px; }
.pt50, .pv50, .p50 { padding-top: 50px; }
.pb50, .pv50, .p50 { padding-bottom: 50px; }
.pl60, .ph60, .p60 { padding-left: 60px; }
.pr60, .ph60, .p60 { padding-right: 60px; }
.pl70, .ph70, .p70 { padding-left: 70px; }
.pr70, .ph70, .p70 { padding-right: 70px; }
.pl45 { padding-left: 45px; }
.pt45 { padding-top: 45px; }
.pt54 { padding-top: 54px; }
.pt24 { padding-top: 24px; }
/* padding */

/* border-radius */
.rd { border-radius: 3px; }
.rd4 { border-radius: 4px; }
.rd5 { border-radius: 5px; }
.rd8 { border-radius: 8px; }
.rde { border-radius: 1em; }
.rdc { border-radius: 50%; }
/* border-radius */

/* transition */
.ts, .tsc, .tsbc, .tsbd { transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.tsfc { transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
.ts { transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.tsc { transition-property: color, border-color, background-color; -moz-transition-property: color, border-color, background-color; -webkit-transition-property: color, border-color, background-color; -o-transition-property: color, border-color, background-color; }
.tsbc { transition-property: background-color; -moz-transition-property: background-color; -webkit-transition-property: background-color; -o-transition-property: background-color; }
.tsfc { transition-property: color; -moz-transition-property: color; -webkit-transition-property: color; -o-transition-property: color; }
.tsbd { transition-property: border; -moz-transition-property: border; -webkit-transition-property: border; -o-transition-property: border; }
/* transition */

/* font */
.f0 { font-size: 0; }
.f9 { font-size: 9px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f25 { font-size: 25px; }
.f26 { font-size: 26px; }
.f27 { font-size: 27px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f36 { font-size: 36px; }
.f40 { font-size: 40px; }
.f48 { font-size: 48px; }
.f52 { font-size: 52px; }
.f54 { font-size: 54px; }
.f72 { font-size: 72px; }
/* font */

/* line-height */
.lh1 { line-height: 1em; }
.lh2 { line-height: 2em; }
.lh15 { line-height: 15px; }
.lh18 { line-height: 18px; }
.lh21 { line-height: 21px; }
.lh25 { line-height: 25px; }
.lh28 { line-height: 28px; }
.lh32 { line-height: 32px; }
.lh34 { line-height: 36px; }
.lh35 { line-height: 35px; }
.lh40 { line-height: 40px; }
.lh45 { line-height: 45px; }
.lh48 { line-height: 48px; }
.lh50 { line-height: 50px; }
.lh60 { line-height: 60px; }
.lh72 { line-height: 72px; }

/* font-weight */
.font-semibold	{font-weight: 600;}
.font-medium {font-weight: 500;}
.fw500 {font-weight: 500;}
.font-normal {font-weight: 400;}

/* 尺寸 */
/* height */
.h15 { height: 15px; }
.h18 { height: 18px; }
.h21 { height: 21px; }
.h25 { height: 25px; }
.h28 { height: 28px; }
.h32 { height: 32px; }
.h34 { height: 36px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h48 { height: 48px; }
.h50 { height: 50px; }
.h72 { height: 72px; }
/* width */
.w10{ width: 10px; }
.w15{ width: 15px; }
.w20{ width: 20px; }
.w25{ width: 25px; }
.w30{ width: 30px; }
.w35{ width: 35px; }
.w40{ width: 40px; }
.w45{ width: 45px; }
.w50{ width: 50px; }
.w55{ width: 55px; }
.w60{ width: 60px; }
.w65{ width: 65px; }
.w70{ width: 70px; }
.w75{ width: 75px; }
.w80{ width: 80px; }
.w85{ width: 85px; }
.w90{ width: 90px; }
.w95{ width: 95px; }
.w99 { width: 99px; }
.w100{ width: 100px; }
.w110{ width: 110px; }
.w112 { width: 112px; }
.w120{ width: 120px; }
.w130{ width: 130px; }
.w140{ width: 140px; }
.w150{ width: 150px; }
.w180{ width: 180px; }
.w250{ width: 250px; }
.w260{ width: 260px; }
.w270{ width: 270px; }
.w280{ width: 280px; }
.w350{ width: 350px; }
.w450{ width: 450px; }
.w657{ width: 657px;}
.wAll{ width: 100%; }
.w-full {width: 100%;}
/* 尺寸 end */

/* 布局 */
.box-border		{box-sizing: border-box;}
.overflow-x-auto	{overflow-x: auto;}
.overflow-y-auto	{overflow-y: auto;}
.flex 			{display: flex;}
.inline-flex	{display: inline-flex;}
.flex-row 		{flex-direction: row;}
.flex-col 		{flex-direction: column;}
.flex-wrap		{flex-wrap: wrap;}
.flex-grow		{flex-grow: 1;}
.justify-center {justify-content: center;}
.justify-start	{justify-content: flex-start;}
.justify-end	{justify-content: flex-end;}
.justify-between	{justify-content: space-between;}
.items-center	{align-items: center;}
.items-baseline   {align-items: baseline;}
.object-contain {object-fit: contain;}
.object-cover {object-fit: cover;}
.object-top      {object-position: top;}
.object-bottom   {object-position: bottom;}
/* 布局 end */

/* 背景 */
.bg-cover {background-size: cover;}
.bg-contain {background-size: contain;}
/* 背景 end */

.nds {display: none;}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 3;
}

.flex4 {
    flex: 4;
}

.flex5 {
    flex: 5;
}

.flex6 {
    flex: 6;
}

.flex7 {
    flex: 7;
}

.flex8 {
    flex: 8;
}

.flex9 {
    flex: 9;
}

.flex10 {
    flex: 10;
}

.white {
	color: #fff;
}

.on {
    color: #fff;
    background-color: #ddaf59;
}