body{
    min-width: 1200px;
    font-size: 14px;
    font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}

*{
    box-sizing:border-box;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-size: 14px;
}


.ml-5{margin-left:5px !important;}
.mr-5{margin-right:5px !important;}
.mt-5{margin-top:5px !important;}
.mb-5{margin-bottom:5px !important;}
.m-5{margin:5px !important;}
.my-5{margin: 5px 0;}
.mx-5{margin: 0 5px;}

.ml-10{margin-left:10px !important;}
.mr-10{margin-right:10px !important;}
.mt-10{margin-top:10px !important;}
.mb-10{margin-bottom:10px !important;}
.m-10{margin:10px !important;}
.my-10{margin: 10px 0;}
.mx-10{margin: 0 10px;}

.ml-15{margin-left:15px !important;}
.mr-15{margin-right:15px !important;}
.mt-15{margin-top:15px !important;}
.mb-15{margin-bottom:15px !important;}
.m-15{margin:15px !important;}
.my-15{margin: 15px 0;}
.mx-15{margin: 0 15px;}

.ml-20{margin-left:20px !important;}
.mr-20{margin-right:20px !important;}
.mt-20{margin-top:20px !important;}
.mb-20{margin-bottom:20px !important;}
.m-20{margin:20px !important;}
.my-20{margin: 20px 0;}
.mx-20{margin: 0 20px;}


.ml-30,.mx-30{margin-left:30px !important;}
.mr-30,.mx-30{margin-right:30px !important;}
.mt-30,.my-30{margin-top:30px !important;}
.mb-30,.my-30{margin-bottom:30px !important;}
.m-30{margin:30px !important;}
.my-30{margin: 30px 0;}
.mx-30{margin: 0 30px;}

.pl-5px{padding-left:5px !important;}
.pr-5px{padding-right:5px !important;}
.pt-5px{padding-top:5px !important;}
.pb-5px{padding-bottom:5px !important;}
.p-5px{padding:5px !important;}
.py-5px{padding:5px 0  !important;}
.px-5px{padding:0 5px !important;}


.pl-8px{padding-left:8px !important;}
.pr-8px{padding-right:8px !important;}
.pt-8px{padding-top:8px !important;}
.pb-8px{padding-bottom:8px !important;}
.p-8px{padding:8px !important;}
.py-8px{padding:8px 0  !important;}
.px-8px{padding:0 8px !important;}

.pl-10{padding-left:10px !important;}
.pr-10{padding-right:10px !important;}
.pt-10{padding-top:10px !important;}
.pb-10{padding-bottom:10px !important;}
.p-10{padding:10px !important;}
.py-10{padding:10px 0  !important;}
.px-10{padding:0 10px !important;}


.pl-12{padding-left:12px !important;}
.pr-12{padding-right:12px !important;}
.pt-12{padding-top:12px !important;}
.pb-12{padding-bottom:12px !important;}
.p-12{padding:12px !important;}
.py-12{padding:12px 0  !important;}
.px-12{padding:0 12px !important;}


.pl-14{padding-left:14px !important;}
.pr-14{padding-right:14px !important;}
.pt-14{padding-top:14px !important;}
.pb-14{padding-bottom:14px !important;}
.p-14{padding:14px !important;}
.py-14{padding:14px 0  !important;}
.px-14{padding:0 14px !important;}



.pl-15{padding-left:15px !important;}
.pr-15{padding-right:15px !important;}
.pt-15{padding-top:15px !important;}
.pb-15{padding-bottom:15px !important;}
.p-15{padding:15px !important;}
.py-15{padding:15px 0  !important;}
.px-15{padding:0 15px !important;}


.pl-20{padding-left:20px !important;}
.pr-20{padding-right:20px !important;}
.pt-20{padding-top:20px !important;}
.pb-20{padding-bottom:20px !important;}
.p-20{padding:20px !important;}
.py-20{padding:20px 0  !important;}
.px-20{padding:0 20px !important;}


.pl-24{padding-left:24px !important;}
.pr-24{padding-right:24px !important;}
.pt-24{padding-top:24px !important;}
.pb-24{padding-bottom:24px !important;}
.p-24{padding:24px !important;}
.py-24{padding:24px 0  !important;}
.px-24{padding:0 24px !important;}

.pl-30{padding-left:30px !important;}
.pr-30{padding-right:30px !important;}
.pt-30{padding-top:30px !important;}
.pb-30{padding-bottom:30px !important;}
.p-30{padding:30px !important;}
.py-30{padding:30px 0  !important;}
.px-30{padding:0 30px !important;}

.pl-35{padding-left:35px !important;}
.pr-35{padding-right:35px !important;}
.pt-35{padding-top:35px !important;}
.pb-35{padding-bottom:35px !important;}
.p-35{padding:35px !important;}
.py-35{padding:35px 0  !important;}
.px-35{padding:0 35px !important;}


.pl-40{padding-left:40px !important;}
.pr-40{padding-right:40px !important;}
.pt-40{padding-top:40px !important;}
.pb-40{padding-bottom:40px !important;}
.p-40{padding:40px !important;}
.py-40{padding:40px 0  !important;}
.px-40{padding:0 40px !important;}


.pl-50{padding-left:50px !important;}
.pr-50{padding-right:50px !important;}
.pt-50{padding-top:50px !important;}
.pb-50{padding-bottom:50px !important;}
.p-50{padding:50px !important;}
.py-50{padding:50px 0  !important;}
.px-50{padding:0 50px !important;}




.flex{display: flex;}
.flex-x-between{justify-content: space-between;}
.flex-x-end{justify-content: end;}
.flex-x-center{justify-content: center;}
.flex-column{flex-direction: column;}
.flex-y-end{align-items: end;}
.flex-y-center{align-items: center;}
.flex-v-center{align-items: center;justify-content: center;}
.flex-1{flex: 1;}
.flex-wrap{flex-wrap: wrap;}

.flex-text-nowrap{
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
	width: 0;
}


.block{
    display: block;
}

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



.w-25{width: 25%;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-60{width: 60%;}
.mw-70{max-width: 70%;}
.w-85{width: 85%;}
.w-100{width: 100%;}


.w-10px{width: 10px;}
.w-12px{width: 12px;}
.w-14px{width: 14px;}
.w-16px{width: 16px;}
.w-20px{width: 20px;}
.w-24px{width: 24px;}
.w-30px{width: 30px;}
.w-40px{width: 40px;}
.w-50px{width: 50px;}
.w-60px{width: 60px;}
.w-70px{width: 70px;}
.w-75px{width: 75px;}
.w-78px{width: 78px;}
.w-80px{width: 80px;}
.w-87px{width: 87px;}
.w-100px{width: 100px;}
.w-110px{width: 110px;}
.w-110px{width:110px !important;}
.w-120px{width: 120px;}
.w-125px{width: 125px;}
.w-130px{width: 130px;}
.w-135px{width: 135px;}
.w-150px{width: 150px;}
.w-155px{width: 155px;}
.w-160px{width: 160px;}
.w-170px{width: 170px;}
.w-180px{width: 180px;}
.w-190px{width:190px;}
.w-200px{width: 200px;}
.w-210px{width: 210px;}
.w-240px{width: 240px;}
.w-250px{width: 250px;}
.w-270px{width: 270px;}
.w-285px{width: 285px;}
.w-300px{width: 300px;}
.w-328px{width: 328px;}
.w-350px{width: 350px;}
.w-360px{width: 360px;}
.w-400px{width: 400px;}
.w-430px{width: 430px;}
.w-500px{width: 500px;}
.w-620px{width: 620px;}
.w-755px{width: 755px;}
.w-1200px{width: 1200px;}
.h-6px{height:6px;}
.h-10px{height: 10px;}
.h-12px{height: 12px;}
.h-14px{height: 14px;}
.h-16px{height: 16px;}
.h-20px{height: 20px;}
.h-24px{height: 24px;}
.h-26px{height: 26px;}
.h-28px{height: 28px;}
.h-30px{height: 30px;}
.h-32px{height: 32px !important;}
.h-34px{height: 34px;}
.h-35px{height: 35px;}
.h-36px{height: 36px;}
.h-40px{height: 40px;}
.h-44px{height: 44px;line-height:44px}
.h-45px{height: 45px;line-height:45px}
.h-50px{height: 50px;}
.h-56px{height: 56px; line-height:56px;}
.h-60px{height: 60px;}
.h-65px{height: 65px;}
.h-75px{height: 75px;}
.h-78px{height: 78px;}
.h-80px{height: 80px;}
.h-87px{height: 87px;}
.h-100px{height: 100px;}
.h-110px{height: 110px;}
.h-120px{height: 120px;}
.h-127px{height: 127px;}
.h-130px{height: 130px;}
.h-135px{height: 135px;}
.h-150px{height: 150px;}
.h-160px{height:160px;}
.h-200px{height: 200px;}
.h-210px{height: 210px;}
.h-250px{height: 250px;}
.h-300px{height: 300px;}
.h-345px{height: 345px;}
.h-350px{height: 350px;}
.h-360px{height: 360px;}
.h-400px{height: 400px;}
.h-500px{height: 500px;}
.h-790px{height: 790px;}
.min-h-790{min-height:790px;}
.min-h-100{min-height:100% !important;}
.max-h-100px{max-height: 100px !important;}
.max-h-120px{max-height: 120px !important;}
.max-h-165px{max-height: 165px !important;}

.l-h-20px{ line-height: 20px;}
.l-h-22px{ line-height: 22px;}
.l-h-25px{ line-height: 25px;}
.l-h-28px{ line-height: 28px;}
.l-h-30px{ line-height: 30px;}
.l-h-32px{ line-height: 32px;}
.l-h-40px{ line-height: 40px;}

.border-bottom{border-bottom: #E6E6E6 1px solid;}
.border-top{border-top: #E6E6E6 1px solid;}
.border{border: #E6E6E6 1px solid;}


.border-dashend-bottom{border-bottom: 1px dashed #E6E6E6;}
.border-dashend-top{border-top: 1px dashed #E6E6E6;}


a{
    text-decoration:none;
    color: #333;
}

.text-111{color: #111;}
.text-222{color: #222;}
.text-333{color: #333;}
.text-444{color: #444;}
.text-555{color: #555;}
.text-666{color: #666;}
.text-777{color: #777;}
.text-888{color: #888;}
.text-999{color: #999;}
.text-ff552e{color: #ff552e;}
.text-fff{color: #fff;}
.text-2177c7{color: #2177c7;}
.text-3895e4{color: #3895e4;}
.text-a0a0a0{color: #a0a0a0;}
.text-f63{color: #f63;}
.text-f63-hover:hover{color: #f63;}
.text-2177c7-hover:hover{color: #2177c7;}
.text-828284{color: #828284;}
.text-bebebe{color: #bebebe;}
.text-e5b875{color: #e5b875;}
.text-414a5f{color: #414a5f;}
.text-dea44e{color: #dea44e;}
.text-FB4550{color: #FB4550;}

.text-10{font-size:10px !important;}
.text-11{font-size:11px !important;}
.text-12{font-size:12px !important;}
.text-13{font-size:13px !important;}
.text-14{font-size:14px !important;}
.text-15{font-size:15px !important;}
.text-16{font-size:16px !important;}
.text-18{font-size:18px !important;}
.text-20{font-size:20px !important;}
.text-22{font-size:22px !important;}
.text-24{font-size:24px !important}
.text-26{font-size:26px !important;}
.text-28{font-size:28px;line-height:28px;}
.text-30{font-size:30px !important;line-height:30px;}
.text-48{font-size:48px !important}
.text-center{
    align-content: center;
}
.radius-2{border-radius:2px;}
.radius-4{border-radius:4px;}
.radius-6{border-radius:6px;}
.radius-10{border-radius:10px;}
.radius-12{border-radius:12px;}
.radius-14{border-radius:14px;}
.radius-20{border-radius:20px;}
.radius-30{border-radius:30px;}
.radius-50{border-radius:50%;}
.radius-first-0:nth-child(1){border-top-left-radius: 0px;border-top-right-radius: 0px;}
.radius-top-12{border-top-left-radius: 12px;border-top-right-radius: 12px;}
.radius-bottom-12{border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;}
.radius-top-left-right-8{border-radius: 8px 8px 0px 0px;}
.radius-0{border-radius:0 !important;}


.bg-FF6600{background-color: #FF6600;}
.bg-FF6600-hover:hover{background-color: #FF6600;}
.bg-f8f8f8{background-color: #f8f8f8;}
.bg-000-2{background-color: rgba(0, 0, 0, .2);}
.bg-000-3{background-color: rgba(0, 0, 0, .3);}
.bg-000-4{background-color: rgba(0, 0, 0, .4);}
.bg-000-5{background-color: rgba(0, 0, 0, .5);}
.bg-000-6{background-color: rgba(0, 0, 0, .6);}
.bg-000-7{background-color: rgba(0, 0, 0, .7);}
.bg-000-8{background-color: rgba(0, 0, 0, .8);}
.bg-fff{background-color: #FFF;}
.bg-f9f9f9{background-color: #f9f9f9;}
.bg-f7f7f7{background-color: #f7f7f7;}
.bg-fafafa{background-color: #fafafa;}
.bg-f7f7f9{background-color: #f7f7f9;}
.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;font-family: BoldFont !important;}
.font-weight-700{font-weight:700;font-family: BoldFont !important;}
.font-weight-800{font-weight:800;font-family: BoldFont !important;}
.font-weight-900{font-weight:900;font-family: BoldFont !important;}
.font-weight-bold{font-weight: bold;}
 


.pointer{
    cursor: pointer;
}

.fixed{
  position: fixed;  
}
.relative{
    position: relative;
}

.absolute{
    position: absolute;
}
.sticky{
    position: sticky;
}
.top-0{top: 0px;}
.top-20px{top: 20px;}
.top-30px{top: 30px;}
.bottom-0{bottom: 0px;}
.left-0{left: 0px;}
.right-0{right: 0px;}
.z-index-99{z-index: 99;}

.ads-icon::after{
    content: "广告";
    position: absolute;
    right: 5px;
    bottom: 5px;
    border: 1px solid #FFF;
    color: #FFFFFF;
    opacity:.5;
    font-size: .6rem;
    padding: 1px 4px;
    z-index: 999;
}


.grid-gap-3{grid-gap:3px;}
.grid-gap-5{grid-gap:5px;}
.grid-gap-10{grid-gap:10px;}
.grid-gap-15{grid-gap:15px;}
.grid-gap-20{grid-gap:20px;}
.grid-gap-30{grid-gap:30px;}
.grid-gap-40{grid-gap:40px;}
.grid-gap-x-20{grid-column-gap:20px;}
.grid-gap-x-30{grid-column-gap:30px;}
.grid-gap-y-10{grid-row-gap: 10px;}

.grid-x-2{display: grid;grid-template-columns: auto auto;}
.grid-x-3{display: grid;grid-template-columns: auto auto auto;}
.grid-x-4{display: grid;grid-template-columns: auto auto auto auto;}
.grid-x-5{display: grid;grid-template-columns: auto auto auto auto auto;}
.grid-x-6{display: grid;grid-template-columns: auto auto auto auto auto auto;}


.grid-columns-2{display: grid;grid-template-columns: 1fr 1fr;}
.grid-columns-3{display: grid;grid-template-columns: 1fr 1fr 1fr;}
.grid-columns-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-columns-5{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.grid-columns-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-columns-7{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}


.text-nowrap{
	white-space: nowrap; /* 防止文字换行 */
	overflow: hidden; /* 隐藏超出div的内容 */  
	text-overflow: ellipsis; /* 当内容超出时，显示省略号 */
}

.text-nowrap-3{
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.text-center{text-align: center;}
.text-end{text-align: end;}

.scale-hover:hover{
    transform: scale(1.1,1.1);
    transition:all .5s;
}