html, body, div, p, img {
    font-family: "microsoft yahei";
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

:root {
    --bg-color-grey: #F6F6F6;
    --separator-color: #EEEEEE;
    --main-color: #D40408;
    --text-color: #212529;
    --text-color-aaa: #aaaaaa;
}

.w-820 {
    width: 820px;
}

.w-100 {
    width: 100% !important;
}

.w-80 {
    width: 80% !important;
}

.w-50 {
    width: 50% !important;
}

.w-30 {
    width: 30% !important;
}

.w-20 {
    width: 20% !important;
}

.w-15 {
    width: 15% !important;
}

.w-10 {
    width: 10% !important;
}

.mw-p-500 {
    min-width: 500px !important;
}

.vh-5 {
    height: 5vh;
}

.vh-8 {
    height: 8vh;
}

.vh-9 {
    height: 9vh;
}

.vh-9d2 {
    height: 9.2vh;
}

.vh-10 {
    height: 10vh;
}

.vh-12 {
    height: 12vh;
}

.vh-13 {
    height: 13vh;
}

.vh-14 {
    height: 14vh;
}

.vh-15 {
    height: 15vh;
}

.vh-20 {
    height: 20vh;
}

.vh-30 {
    height: 30vh;
}

.vh-40 {
    height: 40vh;
}

.vh-50 {
    height: 50vh;
}

.vh-60 {
    height: 60vh;
}

.vh-70 {
    height: 70vh;
}

.vh-80 {
    height: 80vh;
}

.vh-min-60 {
    min-height: 60vh;
}

.vh-max-60 {
    max-height: 60vh;
}

.vh-min-50 {
    min-height: 50vh;
}

.vh-min-40 {
    min-height: 40vh;
}

.vh-max-50 {
    max-height: 50vh;
}

.h-max-100 {
    max-height: 100px;
}

.h-max-200 {
    max-height: 200px;
}

.h-max-300 {
    max-height: 300px;
}

.bg-red {
    background-color: red !important;
}

.bg-tangerine {
    background-color: #ea955d !important;
}

.bg-custom-gray {
    background-color: #eaecec !important;
}

.bg-custom-CBlue {
    background-color: #e3f6f6 !important;
}

.bg-main {
    background-color: var(--main-color) !important;
}

.bg-info {
    background-color: #0ca5ff;
}

.bg-tran {
    background-color: transparent !important;
}

.div-center {
    margin: 0 auto;
}

.w-p-0 {
    width: 0px;
}

.w-p-50 {
    width: 50px;
}

.w-p-96 {
    width: 96px;
}

.w-p-120 {
    width: 120px;
}

.w-p-150 {
    width: 150px;
}

.w-p-200 {
    width: 200px;
}

.w-p-250 {
    width: 250px;
}

.w-p-300 {
    width: 300px;
}

.w-r-10 {
    width: 10rem;
}

.w-r-7 {
    width: 7rem;
}

.w-r-8 {
    width: 8rem;
}

.w-r-5 {
    width: 5rem;
}

.text-red {
    color: red !important;
}

.text {
    color: var(--text-color);
}

.text-main {
    color: var(--main-color);
}

.text-tangerine {
    color: #e26a1a !important;
}


.text-sub {
    color: var(--text-sub-color-light);
}

.text-aaa {
    color: var(--text-color-aaa);
}

.text-bbb {
    color: #545f69;
}

.fs-r-d75 {
    font-size: 0.75rem;
}

.fs-r-d875 {
    font-size: 0.875rem;
}

.fs-r-1 {
    font-size: 1rem;
}

.fs-r-1d2 {
    font-size: 1.2rem !important;
}

.fs-r-1d3 {
    font-size: 1.3rem;
}

.fs-r-1d4 {
    font-size: 1.4rem;
}

.fs-r-1d5 {
    font-size: 1.5rem;
}

.fs-r-1d6 {
    font-size: 1.6rem;
}

.fs-r-1d8 {
    font-size: 1.8rem;
}

.fs-r-2 {
    font-size: 2rem;
}

.fs-r-2d5 {
    font-size: 2.5rem;
}

.fs-r-3 {
    font-size: 3rem;
}

.fs-r-3d5 {
    font-size: 3.5rem;
}

.fs-r-4 {
    font-size: 4rem;
}

.fs-r-5 {
    font-size: 5rem;
}

.lh-r-1 {
    line-height: 1rem;
}

.lh-r-1d2 {
    line-height: 1.2rem;
}

.lh-r-1d5 {
    line-height: 1.5rem;
}

.lh-r-1d8 {
    line-height: 1.8rem;
}

.lh-r-2 {
    line-height: 2rem;
}

.lh-r-2d5 {
    line-height: 2.5rem;
}

.lh-r-3 {
    line-height: 3rem !important;
}

.lh-r-4 {
    line-height: 4rem;
}

.lh-r-5 {
    line-height: 5rem;
}

.lh-r-6 {
    line-height: 6rem;
}

.lh-r-8 {
    line-height: 8rem;
}

.lh-r-10 {
    line-height: 10rem;
}

.lh-r-15 {
    line-height: 15rem;
}

.lh-r-20 {
    line-height: 20rem;
}

.lh-r-3d5 {
    line-height: 3.5rem;
}

.lh-p-30 {
    line-height: 30px;
}

.lh-p-64 {
    line-height: 64px;
}

.lh-p-300 {
    line-height: 300px;
}

.bbd-p-1 {
    border-bottom: 1px dashed var(--separator-color);
}

.bbs-p-1 {
    border-bottom: 1px solid var(--separator-color);
}

.bts-p-1 {
    border-top: 1px solid var(--separator-color);
}

.bs-p-1 {
    border: 1px solid #62b0ff;
}

.f-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.cursor {
    cursor: pointer;
}

.cursor:hover {
    color: var(--main-color);
}

.h-80 {
    height: 80% !important;
}

.h-85 {
    height: 85% !important;
}

.h-90 {
    height: 90% !important;
}

.h-p-500 {
    height: 500px;
}

.h-p-400 {
    height: 400px;
}

.h-p-350 {
    height: 350px;
}

.h-p-380 {
    height: 380px;
}

.h-p-300 {
    height: 300px; 
}

.h-p-280 {
    height: 280px !important;
}

.h-p-250 {
    height: 250px !important;
}

.h-p-230 {
    height: 230px !important;
}

.h-p-200 {
    height: 200px !important;
}

.h-p-150 {
    height: 150px;
}

.h-p-120 {
    height: 120px;
}

.h-p-100 {
    height: 100px;
}

.h-p-80 {
    height: 80px;
}

.h-p-64 {
    height: 64px;
}

.h-p-50 {
    height: 50px;
}

.h-p-48 {
    height: 48px;
}

.h-p-32 {
    height: 32px;
}

.p-0 {
    padding: 0px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-per-5 {
    padding: 5% !important;
}

.p-per-10 {
    padding: 10% !important;
}

.p-r-1 {
    padding: 1rem !important;
}

.p-r-2 {
    padding: 2rem !important;
}

.p-r-8 {
    padding: 8rem !important;
}

.pl-r-2 {
    padding-left: 2rem !important;
}

.pl-r-3 {
    padding-left: 3rem !important;
}

.pb-r-2 {
    padding-bottom: 2rem !important;
}

.pb-r-5 {
    padding-bottom: 5rem !important;
}

.pb-r-8 {
    padding-bottom: 8rem !important;
}

.pb-r-10 {
    padding-bottom: 10rem !important;
}

.pb-r-15 {
    padding-bottom: 15rem !important;
}

.pt-p-100 {
    padding-top: 100px !important;
}

.pt-p-90 {
    padding-top: 90px !important;
}

.pt-p-45 {
    padding-top: 45px;
}

.pt-p-16 {
    padding-top: 16px;
}

.pt-r-2 {
    padding-top: 2rem !important;
}

.pt-r-1 {
    padding-top: 1rem !important;
}

.plr-p-15{
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.ptb-p-120{
	padding-top: 120px !important;
	padding-bottom: 120px !important;
}

.mt-p-100{
	margin-top: 100px !important;
}

.mt-p-30{
	margin-top: 30px !important;
}

.mt-p-15{
	margin-top: 15px !important;
}

.mr-p-15{
	margin-right: 15px !important;
}

.pt-10,
.py-10 {
  padding-top: 6rem !important;
}

.pt-8,
.py-8 {
  padding-top: 4.5rem !important;
}

.mt-1,
.my-1 {
    margin-top: 1rem !important;
}

.mt-2,
.my-2 {
    margin-top: 2rem !important;
}

.mt-10,
.my-10 {
    margin-top: 6rem !important;
}

.mr-10,
.mx-10 {
    margin-right: 6rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 2rem !important;
}

.mb-10, .my-10 {
    margin-bottom: 6rem !important;
}

.mb-p-50{
	margin-bottom: 50px !important;
}

.mb-p-30{
	margin-bottom: 30px !important;
}

.ml-10,
.mx-10 {
    margin-left: 6rem !important;
}

.bg-sub {
    background-color: #F6F6F6 !important;
}

.bg-custom-cBlue {
    background-color: #e4f3ef !important;
}

.bg-img-more {
    background-image: url(../images/sub_nav_bg.jpeg);
    background-size: 100% 100%;
}

.bg-img-ts {
    background-image: url(../images/2.jpeg);
    background-size: 100% 100%;
}

.text-indent-2 {
    text-indent: 2rem;
}

.text-main {
    color: var(--main-color);
}

.text-green {
    color: #28a745;
}


.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.table .thead-grey th {
    color: #fff;
    background-color: #808080;
    border-color: #454d55;
}

.table-fixed {
    table-layout: fixed;
}

.f-w {
    font-weight: bold;
}

.fw-bolder {
    font-weight: bolder;
}

.fst-italic {
    font-style: italic;
}

.bg-fff {
    background: #ffffff;
}

.text-indent-r-2 {
    text-indent: 2rem;
}

.overflow-y-auto {
    overflow-x: hidden;
    overflow-y: auto !important;
}

.szw-scrollbar::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.szw-scrollbar::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #757575;
}

.szw-scrollbar::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #eeeeee;
}

.btn-action {
    background-color: #0000FF;
}

.z-index-9999{
	z-index: 9999;
}

.flex-1{
	flex: 1;
}