::-moz-selection{background-color: #b9e9ff;}
::selection{background-color: #b9e9ff;}
*, :after, :before{box-sizing: border-box;border-width: 0;}
html{font-size: 10px;}
body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size: 1.4rem;color: #111827;line-height: 1.6;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img, div, a{margin: 0;padding: 0;-webkit-text-size-adjust: none;outline: none;}

img{border: 0;vertical-align: middle;}
img.cover{object-fit: cover;}
img.contain{object-fit: contain;}

table{border-collapse: collapse;}
table.grayline th, table.grayline td{border: 1px solid #e7e7e7;}

ul{list-style: none;}
ul.disc{list-style-type: disc;}
ul.decimal{list-style-type: decimal;}
ul.inside{list-style-position: inside;}
ul.outside{list-style-position: outside;}

h1, h2, h3, h4, h5, h6{font-weight: bold;display: block;}
h1{font-size: 3.2rem;}
h2{font-size: 3rem;}
h3{font-size: 2.6rem;}
h4{font-size: 2rem;}

input[type='text'], textarea{-webkit-appearance: none;outline: none;resize: none;}
input[type=number].ssb::-webkit-inner-spin-button, input[type=number].ssb::-webkit-outer-spin-button{opacity: 1;}

textarea{font-family: 'Microsoft YaHei', 微软雅黑, Verdana, Geneva, sans-serif;font-size: 1.4rem;}
select:focus-visible{outline: 0;}

a:hover, a:active, a:focus{outline: 0;}
a{text-decoration: none;color: inherit;outline: none;}
a.underline{text-decoration: underline;}
a.hover-underline:hover{text-decoration: underline;}

.float-left{float: left;}
.float-right{float: right;}
.clear{clear: both;}
.clear:after{content: '';display: block;clear: both;}

.none{display: none;}
.hide{display: none !important;}
.of-hide{overflow: hidden;}
.vi-hide{visibility: hidden;}

.underline{text-decoration: underline;}
.uppercase{text-transform: uppercase;}

.ws-wrap{white-space: normal;}
.ws-nowrap{white-space: nowrap;}
.break-all{word-break: break-all;}


.inline-block{display: inline-block;}
.block{display: block;}

.flex{display: flex;}
.flex-xl{justify-content: flex-start;}
.flex-xc{justify-content: center;}
.flex-xr{justify-content: flex-end;}
.flex-xb{justify-content: space-between;}
.flex-yt{align-items: flex-start;}
.flex-yc{align-items: center;}
.flex-yb{align-items: flex-end;}
.flex-ys{align-items: stretch;}
.flex-1{flex: 1;}
.flex-1-1-auto{flex: 1 1 auto;}
.flex-1-1-280{flex: 1 1 280px;}
.flex-1-1-306{flex: 1 1 306px;}
.flex-0-0-auto{flex: 0 0 auto;}
.flex-0-1-auto{flex: 0 1 auto;}
.flex-0-1-400{flex: 0 1 400px;}
.flex-wrap{flex-wrap: wrap;}
.flex-dx{flex-direction: row;}
.flex-dy{flex-direction: column;}

.gap-3{gap: 3px;}
.gap-5{gap: 5px;}
.gap-10{gap: 10px;}
.gap-15{gap: 15px;}
.gap-20{gap: 20px;}
.gap-25{gap: 25px;}
.gap-30{gap: 30px;}
.gap-40{gap: 40px;}
.gap-45{gap: 45px;}
.gap-50{gap: 50px;}
.gap-60{gap: 60px;}
.gap-80{gap: 80px;}
.gap-100{gap: 100px;}
.gap-x-20{column-gap: 20px;}
.gap-x-50{column-gap: 50px;}
.gap-x-150{column-gap: 150px;}
.gap-y-5{row-gap: 5px;}
.gap-y-10{row-gap: 10px;}
.gap-y-20{row-gap: 20px;}
.gap-y-30{row-gap: 30px;}

.grid{display: grid;}
.rows-1{grid-template-rows: repeat(2, 50%);}
.rows-2{grid-template-rows: repeat(2, 50%);}
.rows-3{grid-template-rows: repeat(3, 33%);}

.cols-2{grid-template-columns: repeat(2, 50%);}
.cols-3{grid-template-columns: repeat(3, 33%);}

.gap-2-2{grid-gap: 2px 2px;}
.gap-5-5{grid-gap: 5px 5px;}
.gap-10-10{grid-gap: 10px 10px;}

.ls-20{letter-spacing: 20px;}
.italic{font-style: italic;}

.size-10{font-size: 1rem;}
.size-12{font-size: 1.2rem;}
.size-13{font-size: 1.3rem;}
.size-14{font-size: 1.4rem;}
.size-15{font-size: 1.5rem;}
.size-16{font-size: 1.6rem;}
.size-18{font-size: 1.8rem;}
.size-20{font-size: 2rem;}
.size-22{font-size: 2.2rem;}
.size-24{font-size: 2.4rem;}
.size-26{font-size: 2.6rem;}
.size-28{font-size: 2.8rem;}
.size-30{font-size: 3rem;}
.size-32{font-size: 3.2rem;}
.size-36{font-size: 3.6rem;}
.size-40{font-size: 4rem;}
.size-46{font-size: 4.6rem;}
.size-48{font-size: 4.8rem;}
.size-50{font-size: 5rem;}
.size-60{font-size: 6rem;}
.size-70{font-size: 7rem;}
.size-80{font-size: 8rem;}

.bold{font-weight: bold;}
.weight-400{font-weight: 400;}
.weight-500{font-weight: 500;}
.weight-600{font-weight: 600;}
.weight-700{font-weight: 700;}
.weight-800{font-weight: 800;}

.color-white{color: #fff;}
.color-black{color: #000;}
.color-gray-100{color: #f3f4f6;}
.color-gray-200{color: #e5e7eb;}
.color-gray-300{color: #D1D5DB;}
.color-gray-400{color: #9CA3AF;}
.color-gray-500{color: #6B7280;}
.color-gray-600{color: #4B5563;}
.color-gray-700{color: #374151;}
.color-gray-800{color: #1e293b;}
.color-gray-900{color: #111827;}
.color-blue-50{color: #EFF6FF;}
.color-blue-100{color: #DBEAFE;}
.color-blue-400{color: #60A5FA;}
.color-blue-500{color: #1877f2;}
.color-blue-600{color: #2563EB;}
.color-blue-700{color: #1D4ED8;}
.color-blue-800{color: #1e40af;}
.color-red-400{color: #F87171;}
.color-red-500{color: #EF4444;}
.color-red-600{color: #DC2626;}
.color-red-650{color: #c95252;}
.color-green-100{color: #dcfce7;}
.color-green-400{color: #4ade80;}
.color-green-450{color: #23db67;}
.color-green-500{color: #22c55e;}
.color-green-600{color: #16a34a;}
.color-green-700{color: #15803d;}
.color-yellow-400{color: #FBBF24;}
.color-yellow-700{color: #a16207;}
.color-amber-500{color: #f59e0b;}
.color-orange-500{color: #f97316;}
.color-sky-450{color: #06b4fd;}
.color-indigo-100{color: #e0e7ff;}
.color-indigo-700{color: #4338ca;}
.color-indigo-800{color: #3730a3;}
.color-lime-100{color: #ecfccb;}
.color-lime-500{color: #84cc16;}
.color-lime-600{color: #65a30d;}
.color-lime-700{color: #4d7c0f;}
.hover-color-white:hover{color: #fff;}
.hover-color-black:hover{color: #000;}
.hover-color-gray-500:hover{color: #6B7280;}
.hover-color-gray-700:hover{color: #374151;}
.hover-color-gray-900:hover{color: #111827;}
.hover-color-blue-500:hover{color: #3B82F6;}
.hover-color-blue-600:hover{color: #2563EB;}
.hover-color-blue-700:hover{color: #1D4ED8;}
.hover-color-red-600:hover{color: #DC2626;}
.hover-color-green-500:hover{color: #10B981;}
.hover-color-green-600:hover{color: #16a34a;}
.hover-color-green-700:hover{color: #047857;}
.hover-color-green-600-parent:hover .hover-color-green-600-child{color: #16a34a;}
/* Hero 上传：透明 file 覆盖时，悬停父级加深提示文案/图标 */
.hover-upload-hint-parent:hover .hover-upload-hint,
.hover-upload-hint-parent:hover .hover-upload-hint .iconfont{color: #6B7280;}
.hover-upload-hint-parent:hover .upload-pick-btn{background-color: var(--deepcolor, #2563EB);}
label.upload-pick-btn:hover{background-color: var(--deepcolor, #2563EB);}
.upload-file-overlay{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;font-size:0;line-height:0;color:transparent;z-index:2;}
.upload-file-overlay--zone{left:0;top:0;}
.upload-file-overlay::file-selector-button,
.upload-file-overlay::-webkit-file-upload-button{display:none;}

.bg-black{background-color: #000;}
.bg-black-50p{background-color: #00000080;}
.bg-mcolor{background-color: var(--primarycolor, --mcolor);}
.bg-white{background-color: #fff;}
.bg-white-70p{background-color: rgb(255 255 255 / 70%);}
.bg-gray-50{background-color: #F9FAFB;}
.bg-gray-100{background-color: #F3F4F6;}
.bg-gray-150{background-color: #efefef;}
.bg-gray-200{background-color: #E5E7EB;}
.bg-gray-900{background-color: #111827;}
.bg-blue-10{background-color: #f5f9fc;}
.bg-blue-50{background-color: #EFF6FF;}
.bg-blue-80{background-color: #e8eefd;}
.bg-blue-100{background-color: #DBEAFE;}
.bg-blue-500{background-color: #1877f2;}
.bg-blue-600{background-color: #2563EB;}
.bg-blue-700{background-color: #1D4ED8;}
.bg-blue-800{background-color: #1E40AF;}
.bg-orange-100{background-color: #ffedd5;}
.bg-orange-500{background-color: #f97316;}
.bg-orange-550{background-color: #ef7f31;}
.bg-green-100{background-color: #dcfce7;}
.bg-green-400{background-color: #4ade80;}
.bg-green-450{background-color: #23db67;}
.bg-green-500{background-color: #22c55e;}
.bg-green-600{background-color: #16a34a;}
.bg-green-700{background-color: #15803d;}
.bg-lime-100{background-color: #ecfccb;}
.bg-lime-200{background-color: #d9f99d;}
.bg-lime-500{background-color: #84cc16;}
.bg-lime-600{background-color: #65a30d;}
.bg-yellow-200{background-color: #fef08a;}
.bg-teal-500{background-color: #14b8a6;}
.bg-cyan-500{background-color: #06b6d4;}
.bg-indigo-100{background-color: #e0e7ff;}
.bg-indigo-500{background-color: #6366f1;}
.bg-indigo-700{background-color: #4338ca;}
.bg-red-50{background-color: #fef2f2;}
.bg-red-100{background-color: #fee2e2;}
.bg-red-200{background-color: #fecaca;}
.bg-red-500{background-color: #ef4444;}
.bg-red-600{background-color: #dc2626;}
.bg-red-650{background-color: #c95252;}
.bg-radial{background-image: radial-gradient(circle at 49% 80%, rgba(17, 17, 17, 0.04) 0%, rgba(17, 17, 17, 0.04) 80%, rgba(197, 197, 197, 0.04) 50%, rgba(197, 197, 197, 0.04) 100%), radial-gradient(circle at 50% 17%, rgba(64, 64, 64, 0.04) 0%, rgba(64, 64, 64, 0.04) 80%, rgba(244, 244, 244, 0.04) 50%, rgba(244, 244, 244, 0.04) 100%), radial-gradient(circle at 44% 60%, rgba(177, 177, 177, 0.04) 0%, rgba(177, 177, 177, 0.04) 50%, rgba(187, 187, 187, 0.04) 50%, rgba(187, 187, 187, 0.04) 100%), linear-gradient(30deg, var(--scolor), var(--ecolor));}
.bg-image{background-image: linear-gradient(330deg, var(--rcolor, #00fffd29) 0%, var(--mcolor, #cda81929) 60%, var(--lcolor, #ff670033) 100%);}
.bg-loading{background: url(/res/lanren/img/loading.svg) no-repeat center center #F9FAFB;}
.bg-coffee{background: url(/res/lanren/img/loading-coffee.svg) no-repeat center center #F9FAFB;}

.hover-bg-mcolor:hover{background-color: var(--primarycolor, --mcolor);}
.hover-bg-white:hover{background-color: #ffffff;}
.hover-bg-gray-50:hover{background-color: #F9FAFB;}
.hover-bg-gray-100:hover{background-color: #F3F4F6;}
.hover-bg-gray-200:hover{background-color: #E5E7EB;}
.hover-bg-blue-50:hover{background-color: #EFF6FF;}
.hover-bg-blue-100:hover{background-color: #DBEAFE;}
.hover-bg-blue-500:hover{background-color: #1877f2;}
.hover-bg-blue-600:hover{background-color: #2563EB;}
.hover-bg-blue-700:hover{background-color: #1D4ED8;}
.hover-bg-blue-800:hover{background-color: #1E40AF;}
.hover-bg-orange-600:hover{background-color: #D97706;}
.hover-bg-green-50:hover{background-color: #f0fdf4;}
.hover-bg-green-100:hover{background-color: #dcfce7;}
.hover-bg-green-500:hover{background-color: #22c55e;}
.hover-bg-green-600:hover{background-color: #16a34a;}
.hover-bg-blue-600-parent:hover .hover-bg-blue-600-child{background-color: #2563EB;}
.hover-bg-red-300:hover{background-color: #fca5a5;}
.hover-bg-red-500:hover{background-color: #ef4444;}
.hover-bg-red-600:hover{background-color: #DC2626;}
.hover-bg-red-700:hover{background-color: #b91c1c;}
.hover-bg-yellow-300:hover{background-color: #fde047;}
.hover-bg-cyan-600:hover{background-color: #0891b2;}
.hover-bg-indigo-50:hover{background-color: #eef2ff;}
.hover-bg-indigo-300:hover{background-color: #a5b4fc;}
.hover-bg-indigo-600:hover{background-color: #4f46e5;}
.hover-bg-lime-500:hover{background-color: #84cc16;}
.hover-bg-lime-600:hover{background-color: #65a30d;}

.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.pos-fixed{position: fixed;}
.pos-sticky{position: sticky;}
.pos-fixed-center{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pos-abs-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pos-center{margin-left: 50%;margin-top: 50%;transform: translate(-50%, -50%);}
.pos-abs-x-c{position: absolute;left: 50%;transform: translate(-50%, 0);}
.pos-abs-y-c{position: absolute;top: 50%;transform: translate(0, -50%);}

.top--45{top: -45px;}
.top--25{top: -25px;}
.top--10{top: -10px;}
.top--5{top: -5px;}
.top--3{top: -3px;}
.top-0{top: 0;}
.top-3{top: 3px;}
.top-5{top: 5px;}
.top-10{top: 10px;}
.top-12{top: 12px;}
.top-15{top: 15px;}
.top-20{top: 20px;}
.top-25{top: 25px;}
.top-30{top: 30px;}
.top-35{top: 35px;}
.top-40{top: 40px;}
.top-45{top: 45px;}
.top-50{top: 50px;}
.top-60{top: 60px;}
.top-70{top: 70px;}
.top-90{top: 90px;}
.top-100{top: 100px;}
.top-120{top: 120px;}

.bottom--40{bottom: -40px;}
.bottom-0{bottom: 0;}
.bottom-5{bottom: 5px;}
.bottom-10{bottom: 10px;}
.bottom-20{bottom: 20px;}
.bottom-25{bottom: 25px;}
.bottom-30{bottom: 30px;}
.bottom-75{bottom: 75px;}
.bottom-80{bottom: 80px;}
.bottom-90{bottom: 90px;}

.left--14{left: -14px;}
.left--3{left: -3px;}
.left-0{left: 0;}
.left-5{left: 5px;}
.left-15{left: 15px;}
.left-20{left: 20px;}
.left-40{left: 40px;}
.left-50{left: 50px;}
.left-55{left: 55px;}
.left-160{left: 160px;}
.left-200{left: 200px;}

.right--70{right: -70px;}
.right--40{right: -40px;}
.right--10{right: -10px;}
.right--8{right: -8px;}
.right--5{right: -5px;}
.right-0{right: 0;}
.right-3{right: 3px;}
.right-5{right: 5px;}
.right-10{right: 10px;}
.right-15{right: 15px;}
.right-20{right: 20px;}
.right-30{right: 30px;}
.right-40{right: 40px;}
.right-60{right: 60px;}
.right-200{right: 200px;}

.x-l{text-align: left;}
.x-c{text-align: center;}
.x-r{text-align: right;}
.center{text-align: center;}

.y-t{vertical-align: top;}
.y-tt{vertical-align: text-top;}
.y-m{vertical-align: middle;}
.y-b{vertical-align: bottom;}
.y-sub{vertical-align: sub;}

.z-1{z-index: 1;}
.z-2{z-index: 2;}
.z-99{z-index: 99;}
.z-100{z-index: 100;}
.z-101{z-index: 101;}
.z-102{z-index: 102;}
.z-1000{z-index: 1000;}
.z-1001{z-index: 1001;}
.z-1002{z-index: 1002;}

.radius-2{border-radius: 2px;}
.radius-3{border-radius: 3px;}
.radius-5{border-radius: 5px;}
.radius-8{border-radius: 8px;}
.radius-10{border-radius: 10px;}
.radius-16{border-radius: 16px;}
.radius-20{border-radius: 20px;}
.radius-28{border-radius: 28px;}
.radius-50{border-radius: 50px;}
.radius-50p{border-radius: 50%;}
.radius-3-0-0-3{border-radius: 3px 0 0 3px;}
.radius-0-0-5-5{border-radius: 0 0 5px 5px;}
.radius-0-5-5-0{border-radius: 0 5px 5px 0;}
.radius-2-2-0-0{border-radius: 2px 2px 0 0;}
.radius-5-5-0-0{border-radius: 5px 5px 0 0;}
.radius-50-0-0-50{border-radius: 50px 0 0 50px;}
.radius-0-50-50-0{border-radius: 0 50px 50px 0;}

.m-auto{margin: auto;}
.m-0-auto{margin: 0 auto;}
.m-0{margin: 0;}
.m-20{margin: 20px;}

.mt--10{margin-top: -10px;}
.mt-0{margin-top: 0;}
.mt-1{margin-top: 1px;}
.mt-2{margin-top: 2px;}
.mt-5{margin-top: 5px;}
.mt-8{margin-top: 8px;}
.mt-10{margin-top: 10px;}
.mt-12{margin-top: 12px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-65{margin-top: 65px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}
.mt-130{margin-top: 130px;}
.mt-150{margin-top: 150px;}
.mt-180{margin-top: 180px;}
.mt-200{margin-top: 200px;}

.mb--100{margin-bottom: -100px;}
.mb--30{margin-bottom: -30px;}
.mb--20{margin-bottom: -20px;}
.mb--2{margin-bottom: -2px;}
.mb--1{margin-bottom: -1px;}
.mb-2{margin-bottom: 2px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-12{margin-bottom: 12px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-80{margin-bottom: 80px;}
.mb-100{margin-bottom: 100px;}

.ml-auto{margin-left: auto;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-45{margin-left: 45px;}
.ml-50{margin-left: 50px;}
.ml-55{margin-left: 55px;}
.ml-80{margin-left: 80px;}
.ml-100{margin-left: 100px;}

.mr-auto{margin-right: auto;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.mr-45{margin-right: 45px;}
.mr-50{margin-right: 50px;}
.mr-55{margin-right: 55px;}
.mr-70{margin-right: 70px;}
.mr-75{margin-right: 75px;}
.mr-80{margin-right: 80px;}
.mr-100{margin-right: 100px;}

.mx-2{margin-left: 2px;margin-right: 2px;}
.mx-5{margin-left: 5px;margin-right: 5px;}
.mx-10{margin-left: 10px;margin-right: 10px;}
.mx-15{margin-left: 15px;margin-right: 15px;}
.mx-20{margin-left: 20px;margin-right: 20px;}
.mx-30{margin-left: 30px;margin-right: 30px;}
.mx-40{margin-left: 40px;margin-right: 40px;}
.mx-50{margin-left: 50px;margin-right: 50px;}

.my-0{margin-top: 0;margin-bottom: 0;}
.my-5{margin-top: 5px;margin-bottom: 5px;}
.my-10{margin-top: 10px;margin-bottom: 10px;}
.my-12{margin-top: 12px;margin-bottom: 12px;}
.my-15{margin-top: 15px;margin-bottom: 15px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.my-25{margin-top: 25px;margin-bottom: 25px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}
.my-50{margin-top: 50px;margin-bottom: 50px;}

.p-5{padding: 5px;}
.p-8{padding: 8px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-25{padding: 25px;}
.p-30{padding: 30px;}
.p-40{padding: 40px;}
.p-50{padding: 50px;}
.p-60{padding: 60px;}
.p-100{padding: 100px;}

.pl-5{padding-left: 5px;}
.pl-8{padding-left: 8px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-25{padding-left: 25px;}
.pl-30{padding-left: 30px;}
.pl-35{padding-left: 35px;}
.pl-40{padding-left: 40px;}
.pl-50{padding-left: 50px;}
.pl-80{padding-left: 80px;}

.pt-0{padding-top: 0;}
.pt-2{padding-top: 2px;}
.pt-3{padding-top: 3px;}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-12{padding-top: 12px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-45{padding-top: 45px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}
.pt-100{padding-top: 100px;}
.pt-120{padding-top: 120px;}
.pt-150{padding-top: 150px;}
.pt-180{padding-top: 180px;}
.pt-200{padding-top: 200px;}
.pt-250{padding-top: 250px;}

.pb-0{padding-bottom: 0;}
.pb-3{padding-bottom: 3px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-80{padding-bottom: 80px;}
.pb-100{padding-bottom: 100px;}
.pb-150{padding-bottom: 150px;}

.pr-2{padding-right: 2px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pr-30{padding-right: 30px;}
.pr-40{padding-right: 40px;}
.pr-50{padding-right: 50px;}
.pr-80{padding-right: 80px;}

.px-0{padding-left: 0;padding-right: 0;}
.px-5{padding-left: 5px;padding-right: 5px;}
.px-8{padding-left: 8px;padding-right: 8px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.px-15{padding-left: 15px;padding-right: 15px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.px-25{padding-left: 25px;padding-right: 25px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.px-40{padding-left: 40px;padding-right: 40px;}
.px-50{padding-left: 50px;padding-right: 50px;}
.px-55{padding-left: 55px;padding-right: 55px;}
.px-60{padding-left: 60px;padding-right: 60px;}
.px-70{padding-left: 70px;padding-right: 70px;}
.px-80{padding-left: 80px;padding-right: 80px;}
.px-100{padding-left: 100px;padding-right: 100px;}

.py-2{padding-top: 2px;padding-bottom: 2px;}
.py-3{padding-top: 3px;padding-bottom: 3px;}
.py-5{padding-top: 5px;padding-bottom: 5px;}
.py-6{padding-top: 6px;padding-bottom: 6px;}
.py-8{padding-top: 8px;padding-bottom: 8px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.py-12{padding-top: 12px;padding-bottom: 12px;}
.py-15{padding-top: 15px;padding-bottom: 15px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.py-25{padding-top: 25px;padding-bottom: 25px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.py-35{padding-top: 35px;padding-bottom: 35px;}
.py-40{padding-top: 40px;padding-bottom: 40px;}
.py-50{padding-top: 50px;padding-bottom: 50px;}
.py-60{padding-top: 60px;padding-bottom: 60px;}
.py-70{padding-top: 70px;padding-bottom: 70px;}
.py-80{padding-top: 80px;padding-bottom: 80px;}
.py-100{padding-top: 100px;padding-bottom: 100px;}
.py-120{padding-top: 120px;padding-bottom: 120px;}
.py-130{padding-top: 130px;padding-bottom: 130px;}
.py-150{padding-top: 150px;padding-bottom: 150px;}

.maxw{max-width: 100%;}
.maxw-20p{max-width: 20%;}
.maxw-60p{max-width: 60%;}
.maxw-80p{max-width: 80%;}
.maxw-90p{max-width: 90%;}
.maxw-50{max-width: 50px;}
.maxw-80{max-width: 80px;}
.maxw-100{max-width: 100px;}
.maxw-120{max-width: 120px;}
.maxw-130{max-width: 130px;}
.maxw-180{max-width: 180px;}
.maxw-200{max-width: 200px;}
.maxw-250{max-width: 250px;}
.maxw-255{max-width: 255px;}
.maxw-280{max-width: 280px;}
.maxw-300{max-width: 300px;}
.maxw-306{max-width: 306px;}
.maxw-330{max-width: 330px;}
.maxw-350{max-width: 350px;}
.maxw-400{max-width: 400px;}
.maxw-500{max-width: 500px;}
.maxw-560{max-width: 560px;}
.maxw-680{max-width: 680px;}
.maxw-700{max-width: 700px;}
.maxw-800{max-width: 800px;}
.maxw-850{max-width: 850px;}
.maxw-900{max-width: 900px;}
.maxw-920{max-width: 920px;}
.maxw-950{max-width: 950px;}
.maxw-1000{max-width: 1000px;}
.maxw-1200{max-width: 1200px;}
.maxw-1920{max-width: 1920px;}

.maxh{max-height: 100%;}
.maxh-50{max-height: 50px;}
.maxh-80{max-height: 80px;}
.maxh-100{max-height: 100px;}
.maxh-120{max-height: 120px;}
.maxh-130{max-height: 130px;}
.maxh-200{max-height: 200px;}
.maxh-250{max-height: 250px;}
.maxh-280{max-height: 280px;}
.maxh-330{max-height: 330px;}
.maxh-350{max-height: 350px;}
.maxh-380{max-height: 380px;}
.maxh-400{max-height: 400px;}
.maxh-450{max-height: 450px;}
.maxh-500{max-height: 500px;}
.maxh-600{max-height: 600px;}
.maxh-800{max-height: 800px;}

.minw-40p{min-width: 40%;}
.minw-0{min-width: 0;}
.minw-70{min-width: 70px;}
.minw-100{min-width: 100px;}
.minw-150{min-width: 150px;}
.minw-220{min-width: 220px;}
.minw-300{min-width: 300px;}

.minh-22{min-height: 22px;}
.minh-30{min-height: 30px;}
.minh-40{min-height: 40px;}
.minh-50{min-height: 50px;}
.minh-70{min-height: 70px;}
.minh-80{min-height: 80px;}
.minh-100{min-height: 100px;}
.minh-200{min-height: 200px;}
.minh-250{min-height: 250px;}
.minh-300{min-height: 300px;}
.minh-400{min-height: 400px;}
.minh-600{min-height: 600px;}
.minh-1200{min-height: 1200px;}

.w-5p{width: 5%;}
.w-10p{width: 10%;}
.w-12p{width: 12%;}
.w-15p{width: 15%;}
.w-16p{width: 16%;}
.w-20p{width: 20%;}
.w-23p{width: 23%;}
.w-24p{width: 24%;}
.w-25p{width: 25%;}
.w-28p{width: 28%;}
.w-30p{width: 30%;}
.w-31p{width: 31%;}
.w-32p{width: 32%;}
.w-33p{width: 33.3%;}
.w-35p{width: 35%;}
.w-38p{width: 38%;}
.w-40p{width: 40%;}
.w-45p{width: 45%;}
.w-46p{width: 46%;}
.w-47p{width: 47%;}
.w-48p{width: 48%;}
.w-49p{width: 49%;}
.w-50p{width: 50%;}
.w-55p{width: 55%;}
.w-60p{width: 60%;}
.w-64p{width: 64%;}
.w-66p{width: 66%;}
.w-70p{width: 70%;}
.w-80p{width: 80%;}
.w-90p{width: 90%;}
.w-95p{width: 95%;}
.w-100p{width: 100%;}

.w-3{width: 3px;}
.w-10{width: 10px;}
.w-12{width: 12px;}
.w-14{width: 14px;}
.w-15{width: 15px;}
.w-16{width: 16px;}
.w-18{width: 18px;}
.w-20{width: 20px;}
.w-25{width: 25px;}
.w-28{width: 28px;}
.w-30{width: 30px;}
.w-32{width: 32px;}
.w-35{width: 35px;}
.w-40{width: 40px;}
.w-45{width: 45px;}
.w-48{width: 48px;}
.w-50{width: 50px;}
.w-56{width: 56px;}
.w-60{width: 60px;}
.w-70{width: 70px;}
.w-80{width: 80px;}
.w-90{width: 90px;}
.w-100{width: 100px;}
.w-110{width: 110px;}
.w-115{width: 115px;}
.w-120{width: 120px;}
.w-125{width: 125px;}
.w-130{width: 130px;}
.w-140{width: 140px;}
.w-150{width: 150px;}
.w-160{width: 160px;}
.w-170{width: 170px;}
.w-180{width: 180px;}
.w-200{width: 200px;}
.w-220{width: 220px;}
.w-225{width: 225px;}
.w-230{width: 230px;}
.w-250{width: 250px;}
.w-260{width: 260px;}
.w-280{width: 280px;}
.w-285{width: 285px;}
.w-300{width: 300px;}
.w-330{width: 330px;}
.w-340{width: 340px;}
.w-350{width: 350px;}
.w-380{width: 380px;}
.w-400{width: 400px;}
.w-450{width: 450px;}
.w-467{width: 467px;}
.w-500{width: 500px;}
.w-550{width: 550px;}
.w-600{width: 600px;}
.w-650{width: 650px;}
.w-700{width: 700px;}
.w-750{width: 750px;}
.w-770{width: 770px;}
.w-800{width: 800px;}
.w-860{width: 860px;}
.w-900{width: 900px;}
.w-1000{width: 1000px;}
.w-col3-gap15{width: calc((100% - 30px) / 3);}
.w-col3-gap30{width: calc((100% - 60px) / 3);}
.w-col4-gap10{width: calc((100% - 30px) / 4);}
.w-col4-gap15{width: calc((100% - 45px) / 4);}
.w-col4-gap20{width: calc((100% - 60px) / 4);}
.w-col4-gap25{width: calc((100% - 75px) / 4);}
.w-col5-gap25{width: calc((100% - 100px) / 5);}
.w-col6-gap30{width: calc((100% - 150px) / 6);}
.w-col7-gap30{width: calc((100% - 180px) / 7);}
.w-col8-gap10{width: calc((100% - 70px) / 8);}
.w-col8-gap20{width: calc((100% - 140px) / 8);}
.w-col9-gap20{width: calc((100% - 160px) / 9);}

.h-100p{height: 100%;}
.h-3{height: 3px;}
.h-5{height: 5px;}
.h-10{height: 10px;}
.h-18{height: 18px;}
.h-20{height: 20px;}
.h-22{height: 22px;}
.h-24{height: 24px;}
.h-25{height: 25px;}
.h-28{height: 28px;}
.h-30{height: 30px;}
.h-32{height: 32px;}
.h-35{height: 35px;}
.h-38{height: 38px;}
.h-40{height: 40px;}
.h-45{height: 45px;}
.h-48{height: 48px;}
.h-50{height: 50px;}
.h-56{height: 56px;}
.h-60{height: 60px;}
.h-65{height: 65px;}
.h-70{height: 70px;}
.h-80{height: 80px;}
.h-90{height: 90px;}
.h-100{height: 100px;}
.h-130{height: 130px;}
.h-160{height: 160px;}
.h-180{height: 180px;}
.h-200{height: 200px;}
.h-250{height: 250px;}
.h-300{height: 300px;}
.h-310{height: 310px;}
.h-330{height: 330px;}
.h-350{height: 350px;}
.h-370{height: 370px;}
.h-400{height: 400px;}
.h-450{height: 450px;}
.h-455{height: 455px;}
.h-480{height: 480px;}
.h-500{height: 500px;}
.h-512{height: 512px;}
.h-530{height: 530px;}
.h-540{height: 540px;}
.h-570{height: 570px;}
.h-600{height: 600px;}
.h-630{height: 630px;}
.h-650{height: 650px;}
.h-680{height: 680px;}
.h-700{height: 700px;}

.l-h-1p{line-height: 1;}
.l-h-112p{line-height: 1.12;}
.l-h-137p{line-height: 1.37;}
.l-h-16p{line-height: 1.6;}
.l-h-15{line-height: 15px;}
.l-h-20{line-height: 20px;}
.l-h-24{line-height: 24px;}
.l-h-25{line-height: 25px;}
.l-h-28{line-height: 28px;}
.l-h-30{line-height: 30px;}
.l-h-32{line-height: 32px;}
.l-h-35{line-height: 35px;}
.l-h-38{line-height: 38px;}
.l-h-40{line-height: 40px;}
.l-h-45{line-height: 45px;}
.l-h-50{line-height: 50px;}
.l-h-56{line-height: 56px;}
.l-h-60{line-height: 60px;}
.l-h-65{line-height: 65px;}
.l-h-80{line-height: 80px;}

.wh-40{width: 40px;height: 40px;line-height: 40px;}
.wh-45{width: 45px;height: 45px;line-height: 45px;}

.border-transparent{border-color: transparent;}
.border-white{border-color: #fff;}
.border-red-200{border-color: #fecaca;}
.border-red-500{border-color: #EF4444;}
.border-red-600{border-color: #DC2626;}
.border-green-500{border-color: #22c55e;}
.border-green-600{border-color: #16a34a;}
.border-gray-50{border-color: #F9FAFB;}
.border-gray-100{border-color: #F3F4F6;}
.border-gray-150{border-color: #ededed;}
.border-gray-200{border-color: #E5E7EB;}
.border-gray-300{border-color: #d1d5db;}
.border-gray-400{border-color: #9CA3AF;}
.border-gray-500{border-color: #6b7280;}
.border-gray-800{border-color: #1f2937;}
.border-blue-100{border-color: #dbeafe;}
.border-blue-300{border-color: #93c5fd;}
.border-blue-400{border-color: #60A5FA;}
.border-blue-500{border-color: #1877f2;}
.border-blue-600{border-color: #2563EB;}
.border-amber-500{color: #f59e0b;}
.border-orange-500{color: #f97316;}
.border-solid{border-style: solid;}
.border-dashed{border-style: dashed;}
.border-1{border-width: 1px;}
.border-2{border-width: 2px;}
.border-4{border-width: 4px;}
.border-5{border-width: 5px;}
.border-t-1{border-top-width: 1px;}
.border-t-2{border-top-width: 2px;}
.border-r-1{border-right-width: 1px;}
.border-b-1{border-bottom-width: 1px;}
.border-b-2{border-bottom-width: 2px;}
.border-b-3{border-bottom-width: 3px;}
.border-l-1{border-left-width: 1px;}

.hover-border-2:hover{border-width: 2px;}
.hover-border-white:hover{border-color: #fff;}
.hover-border-green-500:hover{border-color: #22c55e;}
.hover-border-gray-300:hover{border-color: #d1d5db;}
.hover-border-blue-500:hover{border-color: #1877f2;}
.hover-border-blue-600:hover{border-color: #2563EB;}

.opacity-0{opacity: 0;}
.opacity-30p{opacity: 30%;}
.opacity-50p{opacity: 50%;}
.opacity-70p{opacity: 70%;}
.opacity-80p{opacity: 80%;}
.opacity-85p{opacity: 85%;}
.opacity-90p{opacity: 90%;}

.hover-opacity-100p:hover{opacity: 100%;}
.hover-bold:hover{font-weight: bold;}
.hover-scale-105p:hover{transform: scale(105%);}
.hover-scale-110p:hover{transform: scale(110%);}
.hover-scale-120p:hover{transform: scale(120%);}
.hover-move:hover{cursor: move;}
.hover-underline:hover{text-decoration: underline;}
.hover-show-parent:hover .hover-show-child{display: block;}
.hover-mirror-parent:hover .hover-mirror-child{transform: rotate(180deg);}

.shadow{box-shadow: 0 6px 40px 0 rgb(0 0 0 / 10%);}
.shadow-2{box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 17%);}
.shadow-3{box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.1);}
.shadow-4{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%);}
.shadow-5{box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
.shadow-6{box-shadow: 1px -3px 6px -1px rgba(0, 0, 0, 0.1);}
.shadow-7{box-shadow: 0 -4px 6px 0px rgb(0 0 0 / 12%);}
.hover-shadow-none:hover{box-shadow: none;}

.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.mask-black{background-color: #000;opacity: 0.3;}
.mask-white{background-color: #fff;opacity: 0.3;}

.pointer{cursor: pointer;}
.move{cursor: move;}

.rotate-90{rotate: 90deg;transform-origin: center center;}
.rotate-180{rotate: 180deg;transform-origin: center center;}
.rotate-270{rotate: 270deg;transform-origin: center center;}

.ratio-1-1{aspect-ratio: 1;}
.ratio-3-2{aspect-ratio: 3/2;}
.ratio-280-397{aspect-ratio: 280/397;}
.ratio-a4-x{aspect-ratio: 297/210;}
.ratio-a4-y{aspect-ratio: 210/297;}
.ratio-invoice{aspect-ratio: 14/9;}

.duration-100{transition-duration: 0.1s;}
.duration-300{transition-duration: 0.3s;}

.line-1, .line-2, .line-3, .line-4, .line-5{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;white-space: break-spaces;overflow: hidden;}
.line-1{-webkit-line-clamp: 1;line-clamp: 1;white-space: nowrap;display: block;}
.line-2{-webkit-line-clamp: 2;line-clamp: 2;}
.line-3{-webkit-line-clamp: 3;line-clamp: 3;}
.line-4{-webkit-line-clamp: 4;line-clamp: 4;}
.line-5{-webkit-line-clamp: 5;line-clamp: 5;}

.scrollbar{overflow: auto;}
.scrollbar::-webkit-scrollbar{width: var(--barpx, 4px);height: var(--barpx, 4px);}
.scrollbar::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px #919191;background: var(--barcolor, #F9FAFB);}
.scrollbar-x{overflow-x: auto;overflow-y: hidden;}
.scrollbar-x::-webkit-scrollbar{height: var(--barpx, 4px);}
.scrollbar-x::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px #919191;background: var(--barcolor, #F9FAFB);}
.batch-file-list-body{height: 330px;max-height: 330px;min-height: 0;box-sizing: border-box;overflow-x: hidden;overflow-y: auto;}
.scrollbar-y{overflow-y: auto;overflow-x: hidden;}
.scrollbar-y::-webkit-scrollbar{width: var(--barpx, 4px);}
.scrollbar-y::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px #919191;background: var(--barcolor, #F9FAFB);}

.square{width: 100%;height: 0;padding-bottom: 100%;background-color: #F6F7FB;}
.writeable{user-modify: read-write-plaintext-only;-webkit-user-modify: read-write-plaintext-only;-moz-user-modify: read-write-plaintext-only;word-break: break-word;}
.unselectable{-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}


.container{width: 100%;}

.wrap{max-width: 1500px;width: 100%;margin: 0 auto;padding-left: 20px;padding-right: 20px;}
.wrap2{max-width: 1340px;width: 100%;margin: 0 auto;padding-left: 20px;padding-right: 20px;}
.wrap3{max-width: 1280px;width: 100%;margin: 0 auto;padding-left: 20px;padding-right: 20px;}

/*pages*/
.pages{display: flex;justify-content: center;align-items: baseline;gap: 20px;}
.pages li.num{border: 1px solid #eee;border-radius: 3px;overflow: hidden;}
.pages li.num a{display: block;text-align: center;width: 50px;height: 50px;line-height: 50px;font-size: 1.8rem;}
.pages li.prev a, .pages li.next a{display: inline-block;padding: 0 20px;height: 50px;line-height: 50px;border: 1px solid #eee;border-radius: 3px;font-size: 1.6rem;}
.pages li.prev a:hover, .pages li.next a:hover{color: #fff;background-color: #2158eb;}
.pages li.prev.disabled a, .pages li.prev.disabled a:hover, .pages li.next.disabled a, .pages li.next.disabled a:hover{color: #c7c7c7;background-color: #fff;cursor: default;}
.pages li.num.curr a{color: #fff;background-color: #1877f2;}
.pages li.num:hover a{color: #fff;background-color: #2158eb;transition-duration: 0.1s;}

/*widget*/
.widget{position: fixed;right: 15px;bottom: 150px;width: 45px;text-align: center;padding: 0;z-index: 90;}

/**step**/
.stepwp{display: flex;width: 80%;margin: 0 auto;}
.stepwp .step{flex: 1;position: relative;}
.stepwp .step .index{width: 25px;height: 25px;line-height: 25px;text-align: center;border-radius: 50%;display: inline-block;background-color: #e1e1e1;color: #9d9d9d;}
.stepwp .step .name{margin-top: 5px;font-size: 12px;color: #9d9d9d;padding: 0 10px;}
.stepwp .step1:after, .stepwp .step2:before, .stepwp .step2:after, .stepwp .step3:before{content: '';width: calc(50% - 13px);height: 2px;position: absolute;top: 12px;background-color: #e1e1e1;}
.stepwp .step1:after, .stepwp .step2:after{right: 0;}
.stepwp .step2:before, .stepwp .step3:before{left: 0;}

/* 懒人发票工具：步骤条沿用各页 body 内 --maincolor（按工具配色），不随 :root 站点主题变更 */
.currstep1 .step1 .index{background-color: var(--maincolor, #10b981);color: #fff;}
.currstep1 .step1 .name{color: var(--maincolor, #10b981);font-weight: bold;}

.currstep2 .step1 .index, .currstep2 .step2 .index{background-color: var(--maincolor, #10b981);color: #fff;}
.currstep2 .step1 .name, .currstep2 .step2 .name{color: var(--maincolor, #10b981);font-weight: bold;}
.currstep2 .step1:after, .currstep2 .step2:before{background-color: var(--maincolor, #10b981);}

.currstep3 .step .index{background-color: var(--maincolor, #10b981);color: #fff;}
.currstep3 .step .name{color: var(--maincolor, #10b981);font-weight: bold;}
.currstep3 .step:after, .currstep3 .step:before{background-color: var(--maincolor, #10b981);}

/**review**/
.review .slider{position: relative;}

/* flexslider 初始化前：仅展示第一条，避免多条评价竖向堆叠 */
.review .slider:not(.flexslider) .slides{margin: 0;padding: 0;list-style: none;overflow: hidden;}
.review .slider:not(.flexslider) .slides > li:not(:first-child){display: none;}
.review .flex-prev, .review .flex-next{font-family: 'iconfont' !important;position: absolute;top: 140px;}
.review .flex-prev{left: -15px;}
.review .flex-next{right: -15px;}
.review .flex-prev:before{content: '\e88d';font-size: 28px;font-weight: 800;color: #9ca3af;}
.review .flex-next:before{content: '\e67f';font-size: 28px;font-weight: 800;color: #9ca3af;}

/*alert pop*/
.alertpop .mask{z-index: 10001;position: fixed;top: 0;left: 0px;width: 100%;height: 100%;background-color: #000;opacity: 0.4;}
.alertpop .contwp{z-index: 10002;position: fixed;top: 20%;left: 0px;width: 100%;}
.alertpop .cont{display: inline-block;width: 90%;max-width: 550px;min-height: 174px;border-radius: 4px;box-sizing: border-box;background-color: #fff;box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.1);text-align: center;position: relative;transform: translate(-50%, 0);margin-left: 50%;}
.alertpop .iconwp .success{font-size: 5rem;color: #00c800;}
.alertpop .iconwp .fail{font-size: 5rem;color: #ff645f;}
.alertpop .iconwp .notice{font-size: 5rem;color: #f59e0b;}
.alertpop .iconwp .prompt{font-size: 5rem;color: #0061b0;}
.alertpop .title{font-size: 2rem;line-height: 3rem;}
.alertpop .text{line-height: 2.6rem;margin-top: 20px;color: #666;}
.alertpop .prompt-ipt{border: 1px solid #e5e5e5;padding: 10px;background-color: #f5f5f5;width: 100%;border-radius: 3px;}
.alertpop .prompt-err{text-align: left;color: red;font-weight: 400;font-size: 1.4rem;margin-top: 10px;display: none;}
.alertpop .btn{display: inline-block;border: 1px solid #1877f2;box-sizing: border-box;border-radius: 4px;text-align: center;font-size: 1.4rem;padding: 0 20px;min-width: 120px;height: 38px;line-height: 38px;text-decoration: none;}
.alertpop .cancel{margin: 0 10px;color: #2563EB;}
.alertpop .cancel:hover{background-color: #0097d91a;}
.alertpop .confirm{margin: 0 10px;background-color: #1877f2;color: #fff;}
.alertpop .confirm:hover{background-color: #2563EB;border: 1px solid #2563EB;}
.alertpop .closebtn{position: absolute;top: 3px;right: 10px;text-decoration: none;color: #666;}
.alertpop .closebtn:hover{transform: scale(120%);color: #f00;}
.alertpop .closebtn span{font-size: 1.8rem;font-weight: bold;}

@media screen and (min-width:976px) {
	#topMenuWp{display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;flex: 1 1 auto;min-width: 0;max-width: 100%;}
	#topMenuWp a{white-space: nowrap;flex-shrink: 0;}
	#topMenuWp{overflow: visible;}

	#topMenuMore{display: none;flex-shrink: 0;white-space: nowrap;}
	#topMenuMore .more-dropdown{display: none;top: 100%;margin-top: -10px;padding-top: 10px;}
	#topMenuMore .more-dropdown .more-ai, #topMenuMore .more-dropdown .more-fapiao, #topMenuMore .more-dropdown .more-video{display: none;}
	#topMenuMore:hover .more-dropdown{display: block;}

	.header-row{flex-wrap: nowrap;min-width: 0;}
	.header-actions{flex: 0 0 auto;flex-shrink: 0;white-space: nowrap;min-width: max-content;}

	#userInfoBtn > a{white-space: nowrap;}
}

@media screen and (min-width:976px) and (max-width:1400px) {
	#topMenuMore{display: flex;align-items: center;}

	#topMenuWp a.ai{display: none;}
	#topMenuMore .more-dropdown .more-ai{display: block;}
}

@media screen and (min-width:976px) and (max-width:1280px) {
	#topMenuWp a.fapiao{display: none;}
	#topMenuMore .more-dropdown .more-fapiao{display: block;}
}

@media screen and (min-width:976px) and (max-width:1160px) {
	#topMenuWp a.video{display: none;}
	#topMenuMore .more-dropdown .more-video{display: block;}
}

@media screen and (min-width:976px) and (max-width:1200px) {
	#topMenuWp a.mx-15{margin-left: 8px;margin-right: 8px;}

	.m-w-180{width: 180px;}
	.m-h-60{height: 60px;}
	.m-mx-10{margin-left: 10px;margin-right: 10px;}
	.m-gap-10{gap: 10px;}
	.m-gap-30{gap: 30px;}
	.m-gap-50{gap: 50px;}
}

@media screen and (min-width:1201px) and (max-width:1280px) {
	#topMenuWp a.mx-15{margin-left: 8px;margin-right: 8px;}
}

/**APP端用的宽度为980，这里要小于980*/
@media screen and (max-width:975px) {
	#topMenuMore{display: none !important;}

	body{font-size: 1.6rem;}
	h1{font-size: 2.8rem;}
	h2{font-size: 2.4rem;}
	h3{font-size: 2rem;}
	h4{font-size: 1.8rem;}

	.s-hide{display: none !important;}
	.s-none{display: none;}
	.s-inline{display: inline;}
	.s-block{display: block;}
	.s-inline-block{display: inline-block;}
	.s-flex{display: flex;}
	.s-flex-xl{justify-content: flex-start;}
	.s-flex-xb{justify-content: space-between;}
	.s-flex-xc{justify-content: center;}
	.s-flex-yt{align-items: flex-start;}
	.s-flex-yc{align-items: center;}
	.s-flex-yb{align-items: flex-end;}
	.s-flex-ys{align-items: stretch;}
	.s-flex-1{flex: 1;}
	.s-flex-1-1-auto{flex: 1 1 auto;}
	.s-flex-wrap{flex-wrap: wrap;}
	.s-flex-dx{flex-direction: row;}
	.s-flex-dy{flex-direction: column;}
	.s-gap-0{gap: 0;}
	.s-gap-5{gap: 5px;}
	.s-gap-10{gap: 10px;}
	.s-gap-15{gap: 15px;}
	.s-gap-20{gap: 20px;}
	.s-gap-25{gap: 25px;}
	.s-x-l{text-align: left;}
	.s-x-c{text-align: center;}
	.s-x-r{text-align: right;}
	.s-center{text-align: center;}
	.s-y-t{vertical-align: top;}
	.s-y-tt{vertical-align: text-top;}
	.s-y-m{vertical-align: middle;}
	.s-y-b{vertical-align: bottom;}
	.s-y-sub{vertical-align: sub;}
	.s-z-100{z-index: 100;}
	.s-top--30{top: -30px;}
	.s-top--20{top: -20px;}
	.s-left{text-align: left;}
	.s-center{text-align: center;}
	.s-right{text-align: right;}
	.s-right--25{right: -25px;}
	.s-right--20{right: -20px;}
	.s-size-12{font-size: 1.2rem;}
	.s-size-14{font-size: 1.4rem;}
	.s-size-15{font-size: 1.5rem;}
	.s-size-16{font-size: 1.6rem;}
	.s-size-18{font-size: 1.8rem;}
	.s-size-20{font-size: 2rem;}
	.s-size-22{font-size: 2.2rem;}
	.s-size-24{font-size: 2.4rem;}
	.s-size-26{font-size: 2.6rem;}
	.s-size-28{font-size: 2.8rem;}
	.s-size-30{font-size: 3rem;}
	.s-size-36{font-size: 3.6rem;}
	.s-size-40{font-size: 4rem;}
	.s-m-0{margin: 0;}
	.s-m-0-auto{margin: 0 auto;}
	.s-mt-0{margin-top: 0;}
	.s-mt-5{margin-top: 5px;}
	.s-mt-8{margin-top: 8px;}
	.s-mt-10{margin-top: 10px;}
	.s-mt-15{margin-top: 15px;}
	.s-mt-20{margin-top: 20px;}
	.s-mt-30{margin-top: 30px;}
	.s-mt-50{margin-top: 50px;}
	.s-mt-60{margin-top: 60px;}
	.s-mt-70{margin-top: 70px;}
	.s-mt-80{margin-top: 80px;}
	.s-mb--80{margin-bottom: -80px;}
	.s-mb--50{margin-bottom: -50px;}
	.s-mb-0{margin-bottom: 0;}
	.s-mb-5{margin-bottom: 5px;}
	.s-mb-10{margin-bottom: 10px;}
	.s-mb-20{margin-bottom: 20px;}
	.s-mb-30{margin-bottom: 30px;}
	.s-mb-50{margin-bottom: 50px;}
	.s-mb-100{margin-bottom: 100px;}
	.s-ml-0{margin-left: 0;}
	.s-ml-10{margin-left: 10px;}
	.s-ml-20{margin-left: 20px;}
	.s-mr-0{margin-right: 0;}
	.s-mr-10{margin-right: 10px;}
	.s-mx-0{margin-left: 0;margin-right: 0;}
	.s-mx-10{margin-left: 10px;margin-right: 10px;}
	.s-mx-20{margin-left: 20px;margin-right: 20px;}
	.s-my-20{margin-top: 20px;margin-bottom: 20px;}
	.s-my-30{margin-top: 30px;margin-bottom: 30px;}
	.s-p-0{padding: 0;}
	.s-p-10{padding: 10px;}
	.s-p-15{padding: 15px;}
	.s-p-20{padding: 20px;}
	.s-p-30{padding: 30px;}
	.s-pt-0{padding-top: 0;}
	.s-pt-10{padding-top: 10px;}
	.s-pt-20{padding-top: 20px;}
	.s-pt-35{padding-top: 35px;}
	.s-pt-50{padding-top: 50px;}
	.s-pt-100{padding-top: 100px;}
	.s-pb-0{padding-bottom: 0;}
	.s-pb-10{padding-bottom: 10px;}
	.s-pb-80{padding-bottom: 80px;}
	.s-pl-0{padding-left: 0;}
	.s-pl-20{padding-left: 20px;}
	.s-pr-20{padding-right: 20px;}
	.s-px-0{padding-left: 0;padding-right: 0;}
	.s-px-5{padding-left: 5px;padding-right: 5px;}
	.s-px-10{padding-left: 10px;padding-right: 10px;}
	.s-px-15{padding-left: 15px;padding-right: 15px;}
	.s-px-20{padding-left: 20px;padding-right: 20px;}
	.s-px-30{padding-left: 30px;padding-right: 30px;}
	.s-py-0{padding-top: 0;padding-bottom: 0;}
	.s-py-2{padding-top: 2px;padding-bottom: 2px;}
	.s-py-5{padding-top: 5px;padding-bottom: 5px;}
	.s-py-10{padding-top: 10px;padding-bottom: 10px;}
	.s-py-20{padding-top: 20px;padding-bottom: 20px;}
	.s-py-30{padding-top: 30px;padding-bottom: 30px;}
	.s-py-50{padding-top: 50px;padding-bottom: 50px;}
	.s-py-60{padding-top: 60px;padding-bottom: 60px;}
	.s-py-100{padding-top: 100px;padding-bottom: 100px;}
	.s-bg-white{background-color: #fff;}
	.s-bg-gray-100{background-color: #f3f4f6;}
	.s-w-30p{width: 30%;}
	.s-w-35p{width: 35%;}
	.s-w-40p{width: 40%;}
	.s-w-45p{width: 45%;}
	.s-w-47p{width: 47%;}
	.s-w-50p{width: 50%;}
	.s-w-60p{width: 60%;}
	.s-w-70p{width: 70%;}
	.s-w-80p{width: 80%;}
	.s-w-90p{width: 90%;}
	.s-w-95p{width: 95%;}
	.s-w-100p{width: 100%;}
	.s-w-auto{width: auto;}
	.s-w-24{width: 24px;}
	.s-w-30{width: 30px;}
	.s-w-35{width: 35px;}
	.s-w-50{width: 50px;}
	.s-w-60{width: 60px;}
	.s-w-80{width: 80px;}
	.s-w-100{width: 100px;}
	.s-w-130{width: 130px;}
	.s-w-140{width: 140px;}
	.s-w-160{width: 160px;}
	.s-w-170{width: 170px;}
	.s-w-180{width: 180px;}
	.s-w-250{width: 250px;}
	.s-w-300{width: 300px;}
	.s-w-350{width: 350px;}
	.s-w-830{width: 830px;}
	.s-w-col2-gap20{width: calc((100% - 20px) / 2);}
	.s-w-col2-gap25{width: calc((100% - 25px) / 2);}
	.s-w-col2-gap30{width: calc((100% - 30px) / 2);}
	.s-h-auto{height: auto;}
	.batch-file-list-body{height: 280px !important;max-height: 280px !important;}
	.s-h-35{height: 35px;}
	.s-h-40{height: 40px;}
	.s-h-60{height: 60px;}
	.s-h-120{height: 120px;}
	.s-h-230{height: 230px;}
	.s-h-250{height: 250px;}
	.s-h-300{height: 300px;}
	.s-h-500{height: 500px;}
	.s-h-550{height: 550px;}
	.s-h-600{height: 600px;}
	.s-l-h-unset{line-height: unset;}
	.s-maxw-80p{max-width: 80%;}
	.s-maxw-90p{max-width: 90%;}
	.s-maxw{max-width: 100%;}
	.s-maxw-50{max-width: 50px;}
	.s-maxw-200{max-width: 200px;}
	.s-maxw-300{max-width: 300px;}
	.s-maxw-350{max-width: 350px;}
	.s-maxh{max-height: 100%;}
	.s-maxh-50{max-height: 50px;}
	.s-maxh-200{max-height: 200px;}
	.s-maxh-300{max-height: 300px;}
	.s-maxh-350{max-height: 350px;}
	.s-minw-160{min-width: 160px;}
	.s-minw-250{min-width: 250px;}
	.s-minw-280{min-width: 280px;}
	.s-minw-500{min-width: 500px;}
	.s-minh-inherit{min-height: inherit;}
	.s-minh-250{min-height: 250px;}
	.s-minh-300{min-height: 300px;}
	.s-pos-unset{position: unset;}
	.s-pos-rel{position: relative;}
	.s-pos-abs{position: absolute;}
	.s-pos-fixed{position: fixed;}
	.s-pos-sticky{position: sticky;}
	.s-pos-abs-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
	.s-top--80{top: -80px;}
	.s-top-0{top: 0;}
	.s-top-50{top: 50px;}
	.s-top-60{top: 60px;}
	.s-bottom-0{bottom: 0;}
	.s-left-0{left: 0;}
	.s-right-20{right: 20px;}
	.s-transform-none{transform: none;}
	.s-border-gray-200{border-color: #E5E7EB;}
	.border-gray-400{border-color: #9CA3AF;}

	.s-border-solid{border-style: solid;}
	.s-border-none{border: none;}
	.s-border-0{border-width: 0;}
	.s-border-r{border-right-width: 1px;}
	.s-border-t{border-top-width: 1px;}
	.s-radius-0{border-radius: 0;}
	.s-of-hide{overflow: hidden;}
	.s-xover-s{overflow-x: scroll;}
	.s-shadow-none{box-shadow: none;}
	.s-shadow-2{box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 17%);}
	.s-shadow-5{box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
	.s-rotate-90{rotate: 90deg;}
	.s-ls-10{letter-spacing: 10px;}

	.wrap, .wrap2, .wrap3{padding-left: 15px;padding-right: 15px;}

	.s-wrap-0{padding: 0;}

	.review .flex-prev, .review .flex-next{top: 180px;}

	.stepwp{width: 100%;}

	.pages{gap: 15px;}
	.pages li.prev, .pages li.next{display: none;}
	.pages li.num a{width: 40px;height: 40px;line-height: 40px;}

	#topMenuWp a{display: block;font-family: "iconfont" !important;padding: 12px 0;font-weight: 500;}
	#topMenuWp a:after{content: '\e67f';float: right;color: #9ca3af;font-size: 16px;}
	#topMenuWp a+a{border-top: 1px solid #eee;}
}