html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: rgb(250, 250, 250);
}

.dis_flex {display: flex;}
.dis_block {display: inline-block;}

.flex_col {flex-direction: column;}
.flex_row {flex-direction: row;}
.align-center {align-items: center;}
.align-end {align-items: flex-end;}
.justify-center {justify-content: center;}
.justify-right {justify-content: right;}
.justify_between {justify-content: space-between;}
.justify_around {justify-content: space-around;}
.flex-wrap {flex-wrap: wrap;}
.pos_relative {position: relative;}
.pos_absolute {position: absolute;}
.fixed {position: fixed;}
.z_index_100 {z-index: 100;}
.z_index_200 {z-index: 200;}
.z_index_300 {z-index: 300;}
.z_index_400 {z-index: 400;}
.z_index_500 {z-index: 500;}

.text_center {text-align: center;}
.text_r {text-align: right;}

.b_color_zt {background-color: #566aff;}
.b_color_FFAA3A {background-color: #FFAA3A;}
.b_color_242424 {background-color: #242424;}
.b_color_white {background-color: #FFF;}
.b_color_E6E6FA {background-color: #E6E6FA;}
.b_color_383838 {background-color: #383838;}
.b_color_666666 {background-color: #666666;}
.b_color_999999 {background-color: #999999;}
.b_color_2E2E2E {background-color: #2E2E2E;}
.b_color_black_8 {background-color: rgba(0, 0, 0, 0.8);}

.t_color_zt {color: #566aff;}
.t_color_red {color: red;}
.t_color_FFAA3A {color: #FFAA3A;}
.t_color_242424 {color: #242424;}
.t_color_FFAA3A {color: #FFAA3A;}

.box_shadow_black {box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);}
.box_shadow_566aff21 {box-shadow: 0 4px 9px #566aff21;}

.text_color_white_7 {color: rgba(255, 255, 255, 0.7);}
.text_color_white {color: white;}
.text_color_333 {color: #333;}
.text_color_666666 {color: #666666;}
.text_color_999 {color: #999;}

.border_left_dashed_B3C0CE {border-left: 1px dashed #B3C0CE;}
.border_top_dashed_B3C0CE {border-top: 1px dashed #B3C0CE;}


.width_1 {width: 1px;}
.width_5 {width: 5px;}
.width_6 {width: 6px;}
.width_7 {width: 7px;}
.width_8 {width: 8px;}
.width_10 {width: 10px;}
.width_16 {width: 16px;}
.width_20 {width: 20px;}
.width_30 {width: 30px;}
.width_40 {width: 40px;}
.width_50 {width: 50px;}
.width_60 {width: 60px;}
.width_80 {width: 80px;}
.width_100 {width: 100px;}
.width_110 {width: 110px;}
.width_120 {width: 120px;}
.width_130 {width: 130px;}
.width_150 {width: 150px;}
.width_180 {width: 180px;}
.width_200 {width: 200px;}
.width_260 {width: 260px;}
.width_280 {width: 280px;}
.width_300 {width: 300px;}
.width_320 {width: 320px;}
.width_400 {width: 400px;}
.width_c_20 {width: calc(100% - 20px);}
.width_c_30 {width: calc(100% - 30px);}
.width_c_40 {width: calc(100% - 40px);}
.width_c_60 {width: calc(100% - 60px);}
.width_c_70 {width: calc(100% - 70px);}
.width_c_80 {width: calc(100% - 80px);}
.width_c_100 {width: calc(100% - 100px);}
.width_c_120 {width: calc(100% - 120px);}
.width_c_140 {width: calc(100% - 140px);}
.width_c_160 {width: calc(100% - 160px);}
.width_c_220 {width: calc(100% - 220px);}
.width_20p {width: 20%;}
.width_30p {width: 30%;}
.width_40p {width: 40%;}
.width_50p {width: 50%;}
.width_50p_c_10 {width: calc(50% - 10px);}
.width_60p {width: 60%;}
.width_70p {width: 70%;}
.width_80p {width: 80%;}
.width_90p {width: 90%;}
.width_100p {width: 100%;}
.width_100vw {width: 100vw;}

.height_1 {height: 1px;}
.height_5 {height: 5px;}
.height_8 {height: 8px;}
.height_10 {height: 10px;}
.height_16 {height: 16px;}
.height_20 {height: 20px;}
.height_30 {height: 30px;}
.height_35 {height: 35px;}
.height_40 {height: 40px;}
.height_50 {height: 50px;}
.height_60 {height: 60px;}
.height_80 {height: 80px;}
.height_90 {height: 90px;}
.height_100 {height: 100px;}
.height_110 {height: 110px;}
.height_120 {height: 120px;}
.height_130 {height: 130px;}
.height_150 {height: 150px;}
.height_160 {height: 160px;}
.height_170 {height: 170px;}
.height_180 {height: 180px;}
.height_200 {height: 200px;}
.height_230 {height: 230px;}
.height_250 {height: 250px;}
.height_260 {height: 260px;}
.height_280 {height: 280px;}
.height_300 {height: 300px;}
.height_360 {height: 360px;}
.height_380 {height: 380px;}
.height_400 {height: 400px;}
.height_500 {height: 500px;}
.height_800 {height: 800px;}
.height_100p {height: 100%;}
.height_c_40 {height: calc(100% - 40px);}
.height_50vh {height: 50vh;}
.height_60vh {height: 60vh;}
.height_70vh {height: 70vh;}
.height_80vh {height: 80vh;}
.height_90vh {height: 90vh;}
.height_100vh {height: 100vh;}
.min_h_100vh {min-height: 100vh;}
.max_h_150 {max-height: 150px;}
.max_h_100p {max-height: 100%;}

.p_left_10 {padding-left: 10px;}
.p_left_20 {padding-left: 20px;}
.p_left_30 {padding-left: 30px;}
.p_left_40 {padding-left: 40px;}
.p_left_50 {padding-left: 50px;}
.p_left_60 {padding-left: 60px;}
.p_left_70 {padding-left: 70px;}
.p_left_80 {padding-left: 80px;}
.p_left_90 {padding-left: 90px;}
.p_left_100 {padding-left: 100px;}

.p_right_20 {padding-left: 20px;}

.m_left_5 {margin-left: 5px;}
.m_left_10 {margin-left: 10px;}
.m_left_20 {margin-left: 20px;}
.m_left_30 {margin-left: 30px;}
.m_left_40 {margin-left: 40px;}
.m_left_50 {margin-left: 50px;}
.m_left_60 {margin-left: 60px;}
.m_left_70 {margin-left: 70px;}
.m_left_80 {margin-left: 80px;}
.m_left_90 {margin-left: 90px;}
.m_left_100 {margin-left: 100px;}
.m_left_5p {margin-left: 5%;}
.m_left_7p {margin-left: 7%;}
.m_left_10p {margin-left: 10%;}

.m_bottom_20 {margin-bottom: 20px;}
.m_bottom_100 {margin-bottom: 100px;}
.m_bottom_200 {margin-bottom: 200px;}



.m_right_20 {margin-right: 20px;}

.left_0 {left: 0;}
.left_20 {left: 20px;}
.left_40 {left: 40px;}
.top_0 {top: 0;}
.top_20 {top: 20px;}
.top_30 {top: 30px;}
.top_40 {top: 40px;}
.top_60 {top: 60px;}
.top_180 {top: 180px}
.bottom_0 {bottom: 0;}
.right_0 {right: 0;}
.bottom_10 {bottom: 10px;}
.bottom_20 {bottom: 20px;}
.bottom_30 {bottom: 30px;}
.bottom_100 {bottom: 100px;}
.bottom_130 {bottom: 130px;}
.bottom_150 {bottom: 150px;}
.bottom_200 {bottom: 200px;}
.right_10 {right: 10px;}
.right_20 {right: 20px;}
.right_30 {right: 30px;}
.right_40 {right: 40px;}

.p_top_10 {padding-top: 10px;}
.p_top_20 {padding-top: 20px;}
.p_top_30 {padding-top: 30px;}
.p_top_40 {padding-top: 40px;}
.p_top_50 {padding-top: 50px;}
.p_top_60 {padding-top: 60px;}
.p_top_70 {padding-top: 70px;}
.p_top_80 {padding-top: 80px;}
.p_top_90 {padding-top: 90px;}
.p_top_100 {padding-top: 100px;}

.margin_20 {margin: 20px;}
.m_top_5 {margin-top: 5px;}
.m_top_10 {margin-top: 10px;}
.m_top_20 {margin-top: 20px;}
.m_top_30 {margin-top: 30px;}
.m_top_40 {margin-top: 40px;}
.m_top_50 {margin-top: 50px;}
.m_top_60 {margin-top: 60px;}
.m_top_70 {margin-top: 70px;}
.m_top_80 {margin-top: 80px;}
.m_top_90 {margin-top: 90px;}
.m_top_100 {margin-top: 100px;}
.m_top_200 {margin-top: 200px;}
.m_top_300 {margin-top: 300px;}
.m_top_5p {margin-top: 5%;}
.m_top_7p {margin-top: 7%;}
.m_top_8p {margin-top: 8%;}
.m_top_10p {margin-top: 10%;}


.m_top_owe20 {margin-top: -20px;}
.m_top_owe30 {margin-top: -30px;}
.m_top_owe50 {margin-top: -50px;}
.m_top_owe70 {margin-top: -70px;}
.m_top_owe80 {margin-top: -80px;}
.m_top_owe90 {margin-top: -90px;}
.m_top_owe100 {margin-top: -100px;}
.m_top_owe150 {margin-top: -150px;}
.m_top_owe200 {margin-top: -200px;}


.p_lr10_tb5 {padding: 5px 10px;}
.p_lr5_tb3 {padding: 3px 5px;}
.p_lr20_tb10 {padding: 10px 20px;}
.p_tb20_lr10 {padding: 20px 10px;}
.p_lr_10 {padding: 0 10px;}
.p_lr_20 {padding: 0 20px;}
.p_tb_10 {padding: 10px 0;}
.p_tb_20 {padding: 20px 0;}

.p_bottom_10 {padding-bottom: 10px;}
.p_bottom_20 {padding-bottom: 20px;}
.p_bottom_40 {padding-bottom: 40px;}
.p_bottom_50 {padding-bottom: 50px;}
.p_bottom_60 {padding-bottom: 60px;}
.p_bottom_100 {padding-bottom: 100px;}
.p_bottom_130 {padding-bottom: 130px;}

.padding_20 {padding: 20px;}

.b_radius_5 {border-radius: 5px;}
.b_radius_10 {border-radius: 10px;}
.b_radius_15 {border-radius: 15px;}
.b_radius_20 {border-radius: 20px;}
.b_radius_30 {border-radius: 30px;}
.b_radius_40 {border-radius: 40px;}
.b_radius_45 {border-radius: 45px;}
.b_radius_50 {border-radius: 50px;}
.b_radius_55 {border-radius: 55px;}
.b_radius_60 {border-radius: 60px;}
.b_radius_75 {border-radius: 75px;}
.b_radius_100 {border-radius: 100px;}
.b_radius_50p {border-radius: 50%;}
.b_top_radius_20 {border-radius: 20px 20px 0 0;}
.b_top_radius_50 {border-radius: 50px 50px 0 0;}
.b_bottom_radius_20 {border-radius: 0 0 20px 20px;}


.border_zt_5 {border: 5px solid #1A1A1A;}
.border_FFAA3A {border: 1px solid #FFAA3A;}
.border_FADA9B {border: 1px solid #FADA9B;}
.border_white {border: 1px solid #FFF;}
.border_white_7 {border: 1px solid rgba(255, 255, 255, 0.7);}
.border_e5 {border: 1px solid #e5e5e5;}
.border_FF6347 {border: 1px solid #FF6347;}
.border_b9babe {border: 1px solid #b9babe;}
.border_red {border: 1px solid red;}
.border_d6d7d9 {border: 1px solid #d6d7d9;}
.border_no_overlapping {margin: 0 -1px -1px 0;}


.of_hidden {overflow: hidden;}

.f_size_12 {font-size: 12px;}
.f_size_14 {font-size: 14px;}
.f_size_16 {font-size: 16px;}
.f_size_18 {font-size: 18px;}
.f_size_20 {font-size: 20px;}
.f_size_22 {font-size: 22px;}
.f_size_24 {font-size: 24px;}
.f_size_26 {font-size: 26px;}
.f_size_28 {font-size: 28px;}
.f_size_30 {font-size: 30px;}
.f_size_32 {font-size: 32px;}
.f_size_34 {font-size: 34px;}
.f_size_36 {font-size: 36px;}
.f_size_38 {font-size: 38px;}
.f_size_40 {font-size: 40px;}
.f_size_42 {font-size: 42px;}
.f_size_44 {font-size: 44px;}
.f_size_46 {font-size: 46px;}
.f_size_48 {font-size: 48px;}
.f_size_50 {font-size: 50px;}

.f_weight_200 {font-weight: 200;}
.f_weight_300 {font-weight: 300;}
.f_weight_400 {font-weight: 400;}
.f_weight_450 {font-weight: 450;}
.f_weight_500 {font-weight: 500;}
.f_weight_550 {font-weight: 550;}
.f_weight_600 {font-weight: 600;}
.f_weight_650 {font-weight: 650;}