/* reset */
html{font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,Arial, PingFang SC-Light, Microsoft YaHei;word-break:break-all;word-wrap:break-word;}
html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,button,input,form,iframe{margin: 0;padding: 0;border: 0 none}
h1,h2,h3,h4,h5,h6,button,input{font-weight: inherit}
h1,h2,h3,h4,h5,h6,button,input,p,span,a,li{color: inherit;font-size: inherit;line-height: inherit}
button,input{display: block;font-size: 100%;line-height: 100%;outline: 0 none;color: inherit;text-decoration: none;width: auto;background-color: transparent;}
input[type=text]{line-height: 2;overflow: hidden}
input:-internal-autofill-selected{background: none !important}
a{font-size: inherit;line-height: inherit}
a,a:link{text-decoration: none}
a:active,a:visited,a:hover{color: inherit;text-decoration: none}
a:active,a:focus{outline:0 none}
button,input[type=file],input[type=button],input[type=submit],input[type=reset],a{cursor: pointer}
button,input,a,a:active,a:visited,a:hover{background-color: transparent}
ol,ul{padding: 0;list-style: none}
li{line-height: inherit}
img{vertical-align: middle}
canvas{display: inline-block;width: 100%;height: auto;color: #999;margin: auto;padding: 0}
form,iframe{display: block}

html,body * {
	box-sizing: border-box;
	flex-shrink: 0;
}
button:active {
	opacity: 0.6;
}

/* set */
.zl,.zol{font-size: 0;line-height: 0}
.zol{white-space: nowrap}
.zi,.zit,.zib{display: inline-block}
.zi{vertical-align: middle}
.zit{vertical-align: top}
.zib{vertical-align: bottom}
.zf,.zfx,.zfx_s{display: flex;flex-direction: row;justify-content: flex-start;}
.zfx_a{display: flex;flex-direction: row;justify-content: space-around}
.zfx_b{display: flex;flex-direction: row;justify-content: space-between}
.zfx_c{display: flex;flex-direction: row;justify-content: center}
.zfx_e{display: flex;flex-direction: row;justify-content: flex-end}
.zfy,.zfy_c{display: flex;flex-direction: column;justify-content: center}
.zfy_a{display: flex;flex-direction: column;justify-content: space-around}
.zfy_b{display: flex;flex-direction: column;justify-content: space-between}
.zfy_e{display: flex;flex-direction: column;justify-content: end}
.zfy_s{display: flex;flex-direction: column;justify-content: flex-start}
.zf_1{flex: 1}
.zf_wr{flex-wrap: wrap}
.zf_nw{flex-wrap: nowrap}
.zf_s{align-items: flex-start}
.zf_c{align-items: center}
.zf_e{align-items: flex-end}
.zf_st{align-items: stretch}
.zf_rw{flex-direction: row}
.zf_cl{flex-direction: column}
/* about text */
.za_c{text-align: center}
.za_l{text-align: justify}
.za_r{text-align: right}
.zt_in{text-indent: 2em}
.zt_wr{white-space: normal}
.zt_nw{white-space: nowrap}
.zt_up{text-transform: uppercase}
.zt_lw{text-transform: lowercase}
.zt_cp{text-transform: capitalize}
.zt_i{font-style: italic}
.zt_ud{text-decoration: underline;}
.zf_n,.zf_wn{font-weight: normal}
.zf_b,.zf_wb{font-weight: bold}
.zt,.zt_1,.zt_2,.zt_3,.zt_4,.zt_5,.zt_6,.zt_7,.zt_8,.zt_9{overflow: hidden;text-overflow:ellipsis}.zt_2,.zt_3,.zt_4,.zt_5,.zt_6,.zt_7,.zt_8,.zt_9{display:-webkit-box;text-align: justify;white-space: normal;-webkit-box-orient:vertical}.zt_1,.zt{white-space: nowrap}.zt_2{-webkit-line-clamp:2}.zt_3{-webkit-line-clamp:3}.zt_4{-webkit-line-clamp:4}.zt_5{-webkit-line-clamp:5}.zt_6{-webkit-line-clamp:6}.zt_7{-webkit-line-clamp:7}.zt_8{-webkit-line-clamp:8}.zt_9{-webkit-line-clamp:9}
/* font-size */
.zf_6{font-size: 6px}.zf_7{font-size: 7px}.zf_8{font-size: 8px}.zf_9{font-size: 9px}.zf_10{font-size: 10px}.zf_11{font-size: 11px}.zf_12{font-size: 12px}.zf_13{font-size: 13px}.zf_14{font-size: 14px}.zf_15{font-size: 15px}.zf_16{font-size: 16px}.zf_17{font-size: 17px}.zf_18{font-size: 18px}.zf_19{font-size: 19px}.zf_20{font-size: 20px}.zf_22{font-size: 22px}.zf_24{font-size: 24px}.zf_26{font-size: 26px}.zf_28{font-size: 28px}.zf_30{font-size: 30px}.zf_32{font-size: 32px}.zf_34{font-size: 34px}.zf_36{font-size: 36px}.zf_38{font-size: 38px}.zf_40{font-size: 40px}.zf_42{font-size: 42px}.zf_44{font-size: 44px}.zf_46{font-size: 46px}
.zf_48{font-size: 48px}.zf_50{font-size: 50px}.zf_52{font-size: 52px}.zf_54{font-size: 54px}.zf_56{font-size: 56px}.zf_58{font-size: 58px}.zf_60{font-size: 60px}.zf_62{font-size: 62px}.zf_64{font-size: 64px}.zf_66{font-size: 66px}.zf_68{font-size: 68px}.zf_70{font-size: 70px}.zf_72{font-size: 72px}.zf_74{font-size: 74px}.zf_76{font-size: 76px}.zf_78{font-size: 78px}.zf_80{font-size: 80px}.zf_82{font-size: 82px}.zf_84{font-size: 84px}.zf_86{font-size: 86px}.zf_88{font-size: 88px}.zf_90{font-size: 90px}
/* line-height */
.zln,.zl_1{line-height: 1}.zl_1d2,.zl_s{line-height: 1.2}.zl_1d5{line-height: 1.5}.zl_1d7,.zl_m{line-height: 1.7}.zl_2,.zl_l{line-height: 2}
/* box */
.zs,.zs_b{box-sizing: border-box;}
.zs_c{box-sizing: content-box;}
.zv,.zv_1,.z_v,.zv_1v1,.zv_1v2,.zv_2,.zv_2v1,.zv_2v3,.zv_2v5,.zv_3v2,.zv_3v4,.zv_3v5,.zv_4v3,.zv_4v5,.zv_5v2,.zv_5v3,.zv_5v4,.zv_5v8,.zv_8v5,.zv_8v13,.zv_9v16,.zv_13v8,.zv_16v9{height: 0;margin: 0;padding: 0}
.zv,.z_v,.zv_1,.zv_1v1{padding-top: 100%}
.zv_1v2{padding-top: 200%}
.zv_2,.zv_2v1{padding-top: 50%}
.zv_2v3{padding-top: 150%}
.zv_2v5{padding-top: 250%}
.zv_3v2{padding-top: 66.66666%}
.zv_3v4{padding-top: 133.33333%}
.zv_3v5{padding-top: 166.66666%}
.zv_4v3{padding-top: 75%}
.zv_4v5{padding-top: 125%}
.zv_5v2{padding-top: 40%}
.zv_5v3{padding-top: 60%}
.zv_5v4{padding-top: 80%}
.zv_5v8{padding-top: 160%}
.zv_8v5{padding-top: 62.5%}
.zv_8v13{padding-top: 162.5%}
.zv_9v16{padding-top: 177.77777%}
.zv_13v8{padding-top: 61.53846%}
.zv_16v9{padding-top: 56.25%}
.zb_v{background: no-repeat center transparent;background-size: cover}
.zb_n{background: no-repeat center transparent;background-size: contain}
.zhng{-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.zhngx{-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0)}
.zhngy{-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%)}
/* scroll */
.zof,.zo_h{overflow: hidden}
.scro_x{overflow-x: auto;padding: 0 0 500rpx;margin: 0 0 -506rpx}
.scro_y{width: 5000%;height: 100%;overflow-y: auto}
.scro_y .scro{width: 2%}
.zo_a{overflow: auto}
.zox_h{overflow-x: hidden}
.zox_a{overflow-x: auto}
.zoy_h{overflow-y: hidden}
.zoy_a{overflow-y: auto}
/* position */
.zp_f{position: fixed}.zp_a{position: absolute}.zp_r{position: relative}.zp_fl{top: 0;left: 0;right: 0;bottom: 0;height: auto}.zp_tp{top: 0}.zp_lt{left: 0}.zp_rt{right: 0}.zp_bt{bottom: 0}.zp_tl{top: 0;left: 0}.zp_tr{top: 0;right: 0}.zp_lb,.zp_bl{left: 0;bottom: 0}.zp_rb,.zp_br{right: 0;bottom: 0}.zp_tb{top: 0;bottom: 0}.zp_lr,.zp_rl{left: 0;right: 0}.zp_tlr,.zp_trl,.zp_ltr,.zp_lrt,.zp_rtl,.zp_rlt{top: 0;left: 0;right: 0}.zp_lrb,.zp_lbr,.zp_rlb,.zp_rbl,.zp_blr,.zp_brl{left: 0;right: 0;bottom: 0}.zp_trb,.zp_tbr,.zp_btr,.zp_brt,.zp_rtb,.zp_rbt{top: 0;right: 0;bottom: 0}.zp_tlb,.zp_tbl,.zp_ltb,.zp_lbt,.zp_btl,.zp_blt{top: 0;left: 0;bottom: 0}
.zd_f1{z-index: -1}.zd_f2{z-index: -2}.zd_f3{z-index: -3}.zd_f4{z-index: -4}.zd_f5{z-index: -5}.zd_f6{z-index: -6}.zd_f7{z-index: -7}.zd_f8{z-index: -8}.zd_f9{z-index: -9}.zd,.zd_1{z-index: 1}.zd_2{z-index: 2}.zd_3{z-index: 3}.zd_4{z-index: 4}.zd_5{z-index: 5}.zd_6{z-index: 6}.zd_7{z-index: 7}.zd_8{z-index: 8}.zd_9{z-index: 9}.zd_10{z-index: 10}.zd_11{z-index: 11}.zd_12{z-index: 12}.zd_13{z-index: 13}.zd_14{z-index: 14}.zd_15{z-index: 15}.zd_16{z-index: 16}.zd_17{z-index: 17}
/* other set */
.zc_sr{cursor: pointer;user-select: none;}
.mrt_12,.mry_12,.mr_12{margin-top: 12px;}
.mrl_12,.mrx_12,.mr_12{margin-left: 12px;}
.mrr_12,.mrx_12,.mr_12{margin-right: 12px;}
.mrb_12,.mry_12,.mr_12{margin-bottom: 12px;}
.mrt_24,.mry_24,.mr_24{margin-top: 24px;}
.mrl_24,.mrx_24,.mr_24{margin-left: 24px;}
.mrr_24,.mrx_24,.mr_24{margin-right: 24px;}
.mrb_24,.mry_24,.mr_24{margin-bottom: 24px;}
.mrt_36,.mry_36,.mr_36{margin-top: 36px;}
.mrl_36,.mrx_36,.mr_36{margin-left: 36px;}
.mrr_36,.mrx_36,.mr_36{margin-right: 36px;}
.mrb_36,.mry_36,.mr_36{margin-bottom: 36px;}
.mrt_48,.mry_48,.mr_48{margin-top: 48px;}
.mrl_48,.mrx_48,.mr_48{margin-left: 48px;}
.mrr_48,.mrx_48,.mr_48{margin-right: 48px;}
.mrb_48,.mry_48,.mr_48{margin-bottom: 48px;}
.mrt_60,.mry_60,.mr_60{margin-top: 60px;}
.mrl_60,.mrx_60,.mr_60{margin-left: 60px;}
.mrr_60,.mrx_60,.mr_60{margin-right: 60px;}
.mrb_60,.mry_60,.mr_60{margin-bottom: 60px;}
.pdt_12,.pdy_12,.pd_12{padding-top: 12px;}
.pdl_12,.pdx_12,.pd_12{padding-left: 12px;}
.pdr_12,.pdx_12,.pd_12{padding-right: 12px;}
.pdb_12,.pdy_12,.pd_12{padding-bottom: 12px;}
.pdt_24,.pdy_24,.pd_24{padding-top: 24px;}
.pdl_24,.pdx_24,.pd_24{padding-left: 24px;}
.pdr_24,.pdx_24,.pd_24{padding-right: 24px;}
.pdb_24,.pdy_24,.pd_24{padding-bottom: 24px;}
.pdt_36,.pdy_36,.pd_36{padding-top: 36px;}
.pdl_36,.pdx_36,.pd_36{padding-left: 36px;}
.pdr_36,.pdx_36,.pd_36{padding-right: 36px;}
.pdb_36,.pdy_36,.pd_36{padding-bottom: 36px;}
.pdt_48,.pdy_48,.pd_48{padding-top: 48px;}
.pdl_48,.pdx_48,.pd_48{padding-left: 48px;}
.pdr_48,.pdx_48,.pd_48{padding-right: 48px;}
.pdb_48,.pdy_48,.pd_48{padding-bottom: 48px;}
.pdt_60,.pdy_60,.pd_60{padding-top: 60px;}
.pdl_60,.pdx_60,.pd_60{padding-left: 60px;}
.pdr_60,.pdx_60,.pd_60{padding-right: 60px;}
.pdb_60,.pdy_60,.pd_60{padding-bottom: 60px;}
/* radius */
.zr_4{border-radius: 4px}.zr_6{border-radius: 6px}.zr_8{border-radius: 8px}.zr_12{border-radius: 12px}.zr_18{border-radius: 18px}.zr_24{border-radius: 24px}.zr_30{border-radius: 30px}.zr_36{border-radius: 36px}.zr_42{border-radius: 42px}.zr_48{border-radius: 48px}.zr_54{border-radius: 54px}.zr_60{border-radius: 60px}.zr_66{border-radius: 66px}.zr_72{border-radius: 72px}.zr_78{border-radius: 78px}.zr_84{border-radius: 84px}.zr_90{border-radius: 90px}.zr_96{border-radius: 96px}.zr_f{border-radius: 600px;}
.zr_s{border-style: solid;}
.zr_d{border-style: dashed;}
.zr_t{border-style: dotted;}
.zr_b{border-style: double;}
.zr_o{border-style: outset;}
.zr_i{border-style: inset;}
.zr_h{border-style: hidden;}
.zr_1{border-width: 1px;}
.zr_2{border-width: 2px;}
/* opacity */
.zo,.zo_0{opacity: 0}
.zo_d1{opacity: .1}
.zo_d2{opacity: .2}
.zo_d3{opacity: .3}
.zo_d4{opacity: .4}
.zo_d5{opacity: .5}
.zo_d6{opacity: .6}
.zo_d7{opacity: .7}
.zo_d8{opacity: .8}
.zo_d9{opacity: .9}
/* color */
.zc_t{color: #2868F0}
.zc_y{color: #FF8227}
.zc_r{color: #FD194C}
.zc_blue{color: #409EFF}
.zc_black{color: #2d3a4b}
.zc_g{color: #f1f5f6}.zc_0{color: #000}.zc_1{color: #111}.zc_2{color: #222}.zc_3{color: #333}.zc_4{color: #444}.zc_5{color: #555}.zc_6{color: #666}.zc_7{color: #777}.zc_8{color: #888}.zc_9{color: #999}.zc_a{color: #aaa}.zc_b{color: #bbb}.zc_c{color: #ccc}.zc_d{color: #ddd}.zc_e{color: #eee}.zc_f{color: #fff}
.zc_h_f:hover{color: #fff}
.zc_h_t:hover{color: #2868F0}
.zc_h_y:hover{color: #FF8227}
.zc_h_r:hover{color: #FD194C}
.zc_h_blue:hover{color: #409EFF}
.zc_h_black:hover{color: #2d3a4b}
/* 常用背景色 */
.zb_t{background-color: #2868F0}
.zb_y{background-color: #FF8227}
.zb_r{background-color: #FD194C}
.zb_blue{background-color: #409EFF}
.zb_black{background-color: #2d3a4b}
.zb_g{background-color: #f1f5f6}.zb_0{background-color: #000}.zb_1{background-color: #111}.zb_2{background-color: #222}.zb_3{background-color: #333}.zb_4{background-color: #444}.zb_5{background-color: #555}.zb_6{background-color: #666}.zb_7{background-color: #777}.zb_8{background-color: #888}.zb_9{background-color: #999}.zb_a{background-color: #aaa}.zb_b{background-color: #bbb}.zb_c{background-color: #ccc}.zb_d{background-color: #ddd}.zb_e{background-color: #eee}.zb_f{background-color: #fff}
.zb_h_f:hover{background-color: #fff}
.zb_h_t:hover{background-color: #2868F0}
.zb_h_y:hover{background-color: #FF8227}
.zb_h_r:hover{background-color: #FD194C}
.zb_h_blue:hover{background-color: #409EFF}
.zb_h_black:hover{background-color: #2d3a4b}
/* 常用边框色 */
.zbd_t{border-color: #2868F0}
.zbd_y{border-color: #FF8227}
.zbd_r{border-color: #FD194C}
.zbd_blue{border-color: #409EFF}
.zbd_black{border-color: #2d3a4b}
.zbd_g{border-color: #f1f5f6}.zbd_0{border-color: #000}.zbd_1{border-color: #111}.zbd_2{border-color: #222}.zbd_3{border-color: #333}.zbd_4{border-color: #444}.zbd_5{border-color: #555}.zbd_6{border-color: #666}.zbd_7{border-color: #777}.zbd_8{border-color: #888}.zbd_9{border-color: #999}.zbd_a{border-color: #aaa}.zbd_b{border-color: #bbb}.zbd_c{border-color: #ccc}.zbd_d{border-color: #ddd}.zbd_e{border-color: #eee}.zbd_f{border-color: #fff}
.zbd_h_t:hover{border-color: #2868F0}
.zbd_h_y:hover{border-color: #FF8227}
.zbd_h_r:hover{border-color: #FD194C}
.zbd_h_blue:hover{border-color: #409EFF}
.zbd_h_black:hover{border-color: #2d3a4b}