* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 14px;
}

.layui-layer{
    top: 100px!important;
}
textarea {
    resize: none;
}

li {
    display: list-item;
    list-style: none
}

input,
button,
textarea,
select {
    border: none
}

input,
button,
textarea {
    background: transparent;
}

input {
    outline: none;
}

body {
    padding: 0 !important;

}

a {
    color: inherit;
    text-decoration: none;
}

a,
button {
    cursor: pointer;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

em {
    font-style: normal;
}

:focus {
    outline: none;
}

/*for IE*/
::-moz-focus-inner {
    border-color: transparent;
}


/* 定义变量 */
:root {
    /* --theme-color: #2b5496; */
    --theme-color:#e76001;
    --theme-color-slight1:#e76001;
    --theme-color-slight2: #e76001;
    --theme-color-slight3:#e76001;
    --gray-background: rgb(245, 245, 245);
    /* 一些通用颜色 */
    --mini-block-color: rgb(255, 90, 0);
    /*nav颜色*/
    --nav-background: rgb(33, 33, 33);
    --footer-background: rgb(33, 33, 33);
}

a:hover {
    color: var(--theme-color)
}

body {
    color: var(--main-font-color)
}

/* 主题色类名 */
.background-thmem1 {
    background-color: var(--theme-color);
}

/* 轻主题色类名 */
.background-thmem-slight1 {
    background-color: var(--theme-color-slight1);
}

.background-thmem-slight2 {
    background-color: var(--theme-color-slight2);
}

.background-thmem-slight3 {
    background-color: var(--theme-color-slight3);
}

.background-gray {
    background-color: #f4f4f4;
}

.background-white {
    background-color: #fff;
}

/* 字体颜色 */
.main-font-color1 {
    color: var(--theme-color);
}

.main-font-color2 {
    color: var(--theme-color-slight1);
}

.main-font-color3 {
    color: var(--theme-color-slight2);
}

.main-font-color4 {
    color: var(--theme-color-slight3);
}

.font-white {
    color: white;
}

/* 渐变色 */
/* 字体渐变 */
.background-font-linear {
    background: linear-gradient(to right, var(--theme-color-slight3), var(--theme-color-slight1));
    color: transparent;
    -webkit-background-clip: text;
}

/* 背景渐变 */
.background-linear {
    background: linear-gradient(to right, var(--theme-color-slight3), var(--theme-color));
    /* background-color:linear-gradient(-90deg, var(--theme-color-slight3) 0%, var(--theme-color) 100%); */
}

/* 主题色边框 */
.border-theme1 {
    border: 1px solid var(--theme-color);
}

.border-theme1-weight {
    border: 2px solid var(--theme-color);
}

.border-theme1-left {
    border-left: 1px solid var(--theme-color);
}

.border-theme1-bottom {
    border-bottom: 1px solid var(--theme-color);
}
.border-theme1-bottom-dashed {
    border-bottom: 1px dashed var(--theme-color);
}
.border-theme1-bottom-weight {
    border-bottom: 2px solid var(--theme-color);
}

.border-theme1-top-weight {
    border-top: 2px solid var(--theme-color);
}

.border-theme-color-slight1 {
    border: 1px solid var(--theme-color-slight1);
}

.border-theme-color-slight2 {
    border: 1px solid var(--theme-color-slight2);
}

.border-theme-color-slight3 {
    border: 1px solid var(--theme-color-slight3);
}

.common-border1 {
    border: 1px solid #e8e8e8;
}

.common-border2 {
    border: 1px solid var(--mini-block-color);
}

.common-border-bottom {
    border-bottom: 1px solid #e8e8e8;
}



/* 常用的小块背景色 */
.background-mini-block-color {
    background-color: var(--mini-block-color);
}

/* 头部底部导航背景色 */
.nav-background {
    background: var(--nav-background);
}

.footer-background {
    background: var(--footer-background);
}

.gray-background {
    background-color: var(--gray-background);
}

/* 价格通用颜色 */
.price-color1 {
    color: #f6003c;
}

.price-color2 {
    color: #e42c64;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

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

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

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

.mb60 {
    margin-bottom: 60px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt14 {
    margin-top: 14px !important;
}

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

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

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

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt75 {
    margin-top: 55px !important;
}

.mt80 {
    margin-top: 60px !important;
}

.mt85 {
    margin-top: 65px !important;
}

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

.mr006 {
    margin-right: 6% !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

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

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr85 {
    margin-right: 85px !important;
}

.mr90 {
    margin-right: 90px !important;
}

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


.ml-5 {
    margin-left: -5px !important;
}

.ml-22 {
    margin-left: -22px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml27 {
    margin-left: 27px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}


.padding10 {
    padding: 10px !important;
}

.padding15 {
    padding: 15px !important;
}

.padding20 {
    padding: 20px !important;
}


.pt0 {
    padding-top: 0px !important;
}

.pt3 {
    padding-top: 3px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb65 {
    padding-bottom: 65px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl005 {
    padding-left: 5% !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl120 {
    padding-left: 120px !important;
}

.pl190 {
    padding-left: 190px !important;
}

.pl200 {
    padding-left: 200px !important;
}

.pl205 {
    padding-left: 205px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 15px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr120 {
    padding-right: 120px !important;
}



/* border */
.add-border {
    border: 1px solid #e8e8e8 !important;
}

.add-border-l {
    border-left: 1px solid #e8e8e8 !important;
}

.add-border-r {
    border-right: 1px solid #e8e8e8 !important;
}

.add-border-t {
    border-top: 1px solid #e8e8e8 !important;
}

.add-border-b {
    border-bottom: 1px solid #e8e8e8 !important;
}

.none-border {
    border: none !important;
}

/* 边框圆角 */
.br50 {
    border-radius: 50% !important;
}

.br5 {
    border-radius: 5px !important;
}

.br10 {
    border-radius: 10px !important;
}

.br15 {
    border-radius: 15px !important;
}

.br20 {
    border-radius: 20px !important;
}

.br25 {
    border-radius: 25px !important;
}

.br30 {
    border-radius: 30px !important;
}

.br35 {
    border-radius: 35px !important;
}

.br40 {
    border-radius: 40px !important;
}

/* 字体font */
.font12 {
    font-size: 12px !important;
}

.font14 {
    font-size: 14px !important;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px !important;
}

.font20 {
    font-size: 20px !important;
}

.font22 {
    font-size: 22px !important;
}

.font24 {
    font-size: 24px !important;
}

.font26 {
    font-size: 26px !important;
}

.font30 {
    font-size: 30px !important;
}

.font_bold {
    font-weight: bold !important;
}

.font-weight {
    font-weight: 600;
}

.color_b3b3b3 {
    color: #b3b3b3;
}

/* 文字对齐 */
.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

/* width */
.width15 {
    width: 15% !important;
}

.width100 {
    width: 100% !important;
}

.width20 {
    width: 20% !important;
}

.width25 {
    width: 25% !important;
}

.width50 {
    width: 50% !important;
}

.width33 {
    width: 33% !important;
}

.width66 {
    width: 66% !important;
}


/* adapt */
.main-container {
    width: 100%;
    min-width: 1300px;
}

.adapt-img {
    width: 100%;
    height: 100%;
}

.overflow {
    overflow: hidden;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1300 {
    width: 1300px;
    margin: 0 auto;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clearfix::after,
.clearfix::before {
    content: " ";
    display: table;
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


.show {
    display: block !important;
}

.hidden {
    display: none !important;
}

.position_r {
    position: relative;
}

.position_a {
    position: absolute;
}


/*文本超出显示省略号*/
.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.text-ellipsis-two{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-overflow-hidden {
    white-space: nowrap;
    word-spacing: normal;
    letter-spacing: normal;
    overflow: hidden;
}

.border-box{box-sizing: border-box;}

/* 根据主题颜色绘制三角形颜色 */
.triangle-top{
    border-top: 80px solid var(--theme-color);
    border-left: 80px solid transparent;
    width: 0;
    height: 0;
}
.triangle-top1{
    border-top: 80px solid var(--theme-color-slight1);
    border-left: 80px solid transparent;
    width: 0;
    height: 0;
}
.triangle-top2{
    border-top: 80px solid var(--theme-color-slight3);
    border-left: 80px solid transparent;
    width: 0;
    height: 0;
}