@charset "utf-8";
:root{
  --color-primary: #712799;
  --color-primary-90: #7F3DA3;
  --color-primary-80: #8D52AD;
  --color-primary-70: #9C68B8;
  --color-primary-60: #AA7DC2;
  --color-primary-50: #B893CC;
  --color-primary-40: #C6A9D6;
  --color-primary-30: #D4BEE0;
  --color-primary-border: #E3D4EB;
  --color-primary-active: #F1E9F5;
  --color-primary-bg: #F8F4FA;
  --color-preview-bg: #FFE0A5;
  --color-preview: #743F00;
  --color-error-border: #C73E3E;
  --color-error-bg: #FFEEEE;
  --color-link: #468CFF;
  --color-free : #279999;
  --color-free-bg: #E6FFF9;
  --color-free-border: #B1EBDD; 
  --grey-bg: #F6F6F6;
}
html,body {width:100%;min-height:100%;font-family: 'Fira Sans';margin:auto;font-size:16px;position:relative; background:#ffffff;color:#333333;font-weight: 400;}
body, p{font-family: 'Fira Sans';}
*{outline:none;padding:0;margin:0;word-wrap: break-word;vertical-align: middle;line-height: normal;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
::before, ::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:8px}
*::-webkit-scrollbar-thumb{border-radius:8px;background-color:#e7e7e7}
a{text-decoration:none;cursor:pointer;color: #333333;}
.link{text-decoration: underline;}
ul{list-style:none;margin: 0;padding: 0} 
p{margin:0;color:#333333}
img{display:block;width:100%;max-width: 100%;}
i,em{font-style:normal;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,table tr th,b,strong{font-family: 'Fira Sans';font-weight: 700;}

/*form*/
input,textarea,select,dd,dl,img{-webkit-appearance:none;background:none;}
input,textarea,select{color: #333333;font-family: 'Fira Sans';border: 1px solid #D5D5D5;font-size: 15px;font-weight: 600;border-radius: 4px;padding:0 12px;}
textarea{padding:10px;height:100px;resize: none;}
input,button {overflow: visible;vertical-align: middle;outline: none;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"] {-webkit-appearance: none;outline: none;}
input[type="checkbox"],input[type="radio"]{-webkit-appearance: none;border:none;vertical-align: inherit;outline: none;}
::-webkit-input-placeholder{font-size:14px; color:#999;font-weight: 400;font-family: 'Fira Sans';}
:-moz-placeholder{font-size:14px; color:#999;font-weight: 400;font-family: 'Fira Sans';}
::-moz-placeholder{font-size:14px; color:#999;font-weight: 400;font-family: 'Fira Sans';}
:-ms-input-placeholder{font-size:14px; color:#999;font-weight: 400;font-family: 'Fira Sans';}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;} 
input::-webkit-search-cancel-button {display: none;}
input[type="search"]::-ms-clear {display: none;}
input[type="number"]{-moz-appearance: textfield;}
textarea{resize:none;}
button,.btn{display: flex;justify-content: center;align-items: center;position: relative;max-width: 100%;width: 360px;height: 50px;text-align: center;background-color: var(--color-primary,#712799);color: #fff;font-size: 18px;outline: none;border: none;cursor: pointer;font-family: 'Fira Sans';font-weight: bold;border-radius: 25px;word-wrap: break-word;}
button.disabled,button:disabled,.btn:disabled,.btn.disabled{background: rgba(51, 51, 51, 0.3) !important;}
button:active,.btn:active{box-shadow: 0 0px 50px 50px rgba(221,221,221,0.2) inset;}
.btn-outline{border: 1px solid var(--color-primary-border, #E3D4EB);background: var(--color-primary-bg, #F8F4FA);color:var(--color-primary,#712799);font-weight:400;font-family: 'Fira Sans';} 
.btn-secondary{background-color: #ECE5D8;color:#333;font-weight:400;}
button.size-L,.btn.size-L{height: 50px;line-height: 50px;font-size:18px;}
.btn-outline.btn-outline-reg{border-color: #666;}

.button-loading{position: relative;pointer-events: none;}
.button-loading:before{width: 18px;height:18px;content:"";position: absolute;left: calc(50% - 9px);top: calc(50% - 9px);z-index: 1;border: 2px solid transparent;border-radius: 50%;border-top: 2px solid #333;border-right: 2px solid #333;border-bottom: 2px solid #333;-webkit-animation: buttonLoad 1s linear infinite;animation: buttonLoad 1s linear infinite;}
.button-loading:after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: inherit;}
button:not([class*="btn-"]).button-loading:before,.btn:not([class*="btn-"]).button-loading:before{border-top-color: #fff;border-right-color: #fff;border-bottom-color: #fff;}
.btn-outline.button-loading:before{border-top-color: #fff;border-right-color: #fff;border-bottom-color: #fff;}
@-webkit-keyframes buttonLoad {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes buttonLoad {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.form-radio,.form-checkout{position: relative;width: 20px;height: 20px;margin-right:20px;}
.form-radio input[type='radio'],.form-checkout input[type='checkbox']{ position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0;padding: 0;}
.form-radio label,.form-checkout label{position: absolute; left: 0; top: 0;width: 20px; height: 20px; line-height: 20px;}
.form-radio label::after,.form-checkout label::after{content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--color-primary);background: var(--color-primary-bg);  border-radius: 50%;transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease;}
.form-radio input[type='radio']:checked + label::after,
.active>.form-radio input[type='radio'] + label::after,
.form-checkout input[type='checkbox']:checked + label::after,
.active>.form-checkout input[type='checkbox'] + label::after{content:'\e7bc';font-family: 'iconfont';font-weight: bold;font-size: 13px;color: #fff;display: block;line-height: 20px;border-radius: 10px; text-align: center;border:1px solid var(--color-primary);background-color: var(--color-primary);}

.form-error{color: #BA291A;font-size: 14px;margin-top: 4px;}

/*layout*/
.hidden{overflow:hidden;}
.fw{font-weight: bold;}
.center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.vertical-center{top: 50%; transform: translateY(-50%);}
.row-center{left: 50%; transform: translateX(-50%);}
.clear{clear: both}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow: -o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.ellipsis3{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow: -o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;}
.ellipsis4{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow: -o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp: 4;-webkit-box-orient:vertical;}
.ellipsis5{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow: -o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp: 5;-webkit-box-orient:vertical;}
.ellipsis6{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow: -o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp: 6;-webkit-box-orient:vertical;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.ff-nb{font-weight: 700;}
.ff-nsb{font-weight: 400;}
.ff-hb{font-weight: 700;}
.all{display:flex;display:-webkit-flex;flex-direction:column;justify-content:flex-start;min-height:100%}
.visible-mobile{display:none}
.visible-pc{display:block}
.posr{position: relative;}
.posa{position: absolute;top:0;bottom:0; left:0;}
.posf{position: fixed;top:0;left:0;bottom:0;height:100%;width:100%;}
.d-inline {display: inline !important;}
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; display: -webkit-inline-flex; display: -ms-inline-flexbox;}
.d-none { display: none !important; }
.v-none{visibility: hidden;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.ta-l{text-align: left;}
.h-0{height:0;overflow:hidden;}
.w-0{width:0;overflow:hidden;}
/*flex*/
.flex{display:flex;display:-webkit-flex;display: -ms-flexbox;flex-wrap: wrap;}
.f-fill { flex: 1 1 auto !important; }
.f-line{flex:1;width: 100%;}
.f-row { flex-direction: row !important; }
.f-column { flex-direction: column !important; }
.f-row-reverse { flex-direction: row-reverse !important; }
.f-column-reverse { flex-direction: column-reverse !important; }
.f-grow-0 { flex-grow: 0 !important; }
.f-grow-1 { flex-grow: 1 !important; }
.f-shrink-0 { flex-shrink: 0 !important; }
.f-shrink-1 { flex-shrink: 1 !important; }
.f-wrap { flex-wrap: wrap !important; }
.f-nowrap { flex-wrap: nowrap !important; }
.f-wrap-reverse { flex-wrap: wrap-reverse !important; }
.f-jcs { justify-content: flex-start !important; }
.f-jce { justify-content: flex-end !important; }
.f-jcc { justify-content: center !important; }
.f-jcsb { justify-content: space-between !important; }
.f-jcsa { justify-content: space-around !important; }
.f-jcse { justify-content: space-evenly !important; }
/* align-items vs align-content */
.f-ais { align-items: flex-start !important; }
.f-aie { align-items: flex-end !important; }
.f-aic { align-items: center !important; }
.f-aib { align-items: baseline !important; }
.f-aist { align-items: stretch !important; }
.f-acs { align-content: flex-start !important; }
.f-ace { align-content: flex-end !important; }
.f-acc { align-content: center !important;-webkit-align-content:center; }
.f-acsb { align-content: space-between !important; }
.f-acsa { align-content: space-around !important; }
.f-acst { align-content: stretch !important; }
/*flex item alignment on the vertical axis alone*/
.f-asa { align-self: auto !important;-webkit-align-self: auto; }
.f-ass { align-self: flex-start !important;-webkit-align-self: flex-start; }
.f-ase { align-self: flex-end !important;-webkit-align-self: flex-end; }
.f-asc { align-self: center !important;-webkit-align-self: center; }
.f-asb { align-self: baseline !important;-webkit-align-self: baseline; }
.f-asst { align-self: stretch !important;-webkit-align-self: stretch; }
.f-o1 { order: -1 !important;-webkit-order:-1; }
.f-o2 { order: 0 !important;-webkit-order:0; }
.f-o3 { order: 1 !important;-webkit-order:1; }
.f-o4 { order: 2 !important;-webkit-order:2; }
.f-o5 { order: 3 !important;-webkit-order:3; }
.f-o6 { order: 4 !important;-webkit-order:4; }
.f-o7 { order: 5 !important;-webkit-order:5; }
.f-o8 { order: 6 !important;-webkit-order:6; }
/*Margin&Padding*/
.m-0 { margin: 0 !important; }
.m-auto { margin: auto !important; }
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.mx-auto { margin:0 auto;}
.my-auto { margin:auto 0; }
.mt-auto { margin-top: auto !important; }
.mr-auto { margin-right: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.pointer,.close{cursor: pointer;}
.rotate{transform: rotate(180deg);}

.z-1{z-index:1;}
.z-2{z-index:2;}
.z-3{z-index:13;}
.z-4{z-index:14;}
.z-5{z-index:15;}
.z-9{z-index:99 !important;}
.z-10{z-index:100 !important;}
.flex > * {box-sizing: border-box;flex-shrink: 0;}
.f-auto{flex: 0 0 auto;width: auto;}
.f-1{width: 8.333333%;}
.f-2{width: 16.666667%;}
.f-3{width: 25%;}
.f-4{width: 33.333333%;}
.f-5{width: 41.666667%;}
.f-6{width: 50%;}
.f-7{width: 58.333333%;}
.f-8{width: 66.666667%;}
.f-9{width: 75%;}
.f-10{width: 83.333333%;}
.f-11{width: 91.666667%;}
.f-12{width: 100%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%}
.w100{width:100% !important;}
.h100{height: 100% !important;}


/* color */
.c-primary{color: var(--color-primary, #712799);}
.c-info{color: #ddd;}
.c-white{color: #fff;}
.co-pri{color: #333;}
.co-reg{color: #666;}
.co-sec{color: #999;}
.c-info{color: #ddd;}
.c-white{color: #fff;}

.wrapper {position: relative;width: 100%;top: 0;left: 0;bottom: 0;right: 0;}
.container{position: relative;top: 0px;left: 0;right: 0;bottom: 0;width: 100%;overflow: hidden;scrollbar-width: none;scroll-behavior: smooth;}

/*icon*/
.icon{height:28px;width:28px;line-height:1;background-repeat:no-repeat;background-position: center;background-size: 100%;display: inline-block;object-fit: cover; --icon-light-color: transform; --icon-border-color: #333333;}
.icon.size-S{width:20px;height:20px;}
.icon.size-M{width:24px;height:24px;}
.icon.size-L{width:36px;height:36px;}
.icon.size-mini{width:14px;height:14px;}

/*swiper*/
.swiper-slide{transform:translate3d(0,0,0);overflow:hidden;}

/*loading*/
/* .loading {width: 20px;height: 20px;display: inline-block;position: fixed;transform: rotate(45deg);top:50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);background: rgba(255, 158, 44, 0.85);animation: animloader 1.2s ease infinite;}
.loading::before {content: '';width: 20px;height: 20px;position: absolute;left: 0;top: -20px;background: rgba(255, 158, 44, 0.85);animation: animloader1 1.2s ease infinite;}
.loading::after {content: '';position: absolute;left: -20px;top: 0;width: 20px;height: 20px;background: rgba(255, 158, 44, 0.85);animation: animloader2 1.2s ease infinite;}
@keyframes animloader {
    0% {background: var(--color-primary, #712799);}
    33% {background: #FFCE95;}
    66% {background: #FFE9CE;}
    100% {background: var(--color-primary, #712799);}
}
@keyframes animloader1 {
    0% {background: #FFCE95;}
    33% {background: #FFE9CE;}
    66% {background: var(--color-primary, #712799);}
    100% {background: #FFE9CE;}
}
@keyframes animloader2 {
    0% {background: #FFE9CE;}
    33% {background: var(--color-primary, #712799);}
    66% {background: #FFCE95;}
    100% {background: #FFE9CE;}
} */
.loading {width: 60px;height: 60px;position: fixed;margin: auto;right: 0;left: 0;top: 0;bottom: 0;border-radius: 8px;background-color: rgba(255, 255, 255, 0) !important;isolation: isolate;}
.loading::before {mix-blend-mode: lighten;content: '';width: 14px;height: 14px;position: absolute;left: 10px;top:0;background-color:#FF8000;animation: loading1 700ms cubic-bezier(0.3, 0.5, 0.4, 0.9) infinite alternate-reverse;border-radius: 50%;}
.loading::after {mix-blend-mode: lighten;content: '';position: absolute;right:10px;top: 0;width: 14px;height: 14px;background-color:#712799;animation: loading2 700ms cubic-bezier(0.3, 0.5, 0.4, 0.9) infinite alternate-reverse;border-radius: 50%;}
@keyframes loading1 {
  100%{left: 24px;}
}
@keyframes loading2 {
  100%{right: 24px;}
}
/* rank */
.sr-4_0{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E %3Cpath d='M15.9308 6.00142C15.7642 5.47352 15.3244 5.09149 14.7912 5.00813L11.0057 4.43856L9.2596 0.819649C9.1452 0.573114 8.96622 0.365332 8.74334 0.2203C8.52045 0.0752667 8.26275 -0.00110212 8 1.20186e-05C7.46017 1.20186e-05 6.98032 0.312585 6.7404 0.819649L5.0476 4.39688L4.99428 4.43856L1.20881 5.00813C0.675643 5.09149 0.235782 5.47352 0.0691676 6.00142C-0.0974465 6.53627 0.0425094 7.11279 0.429054 7.50872L3.16819 10.2872L3.18818 10.3566L2.54172 14.2881C2.44842 14.8368 2.66168 15.3856 3.10154 15.719C3.53474 16.0454 4.10123 16.0941 4.58108 15.8301L7.96668 13.9755L11.4189 15.8301C11.6255 15.9413 11.8521 15.9968 12.0721 15.9968C12.9438 15.9968 13.6102 15.1814 13.4583 14.2881L12.8118 10.3566L15.5709 7.50872C15.9575 7.11279 16.0974 6.53627 15.9308 6.00142Z' fill='%23DDDDDD'/%3E %3C/svg%3E");}
.sr-4_1{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9135 7.50178C19.7053 6.8419 19.1554 6.36436 18.489 6.26017L13.7571 5.54819L11.5745 1.02456C11.4315 0.716392 11.2078 0.456665 10.9292 0.275374C10.6506 0.0940833 10.3284 -0.00137766 10 1.50233e-05C9.32521 1.50233e-05 8.7254 0.390732 8.4255 1.02456L6.3095 5.4961L6.24285 5.54819L1.51101 6.26017C0.844554 6.36436 0.294727 6.8419 0.0864596 7.50178C-0.121808 8.17034 0.0531367 8.89099 0.536318 9.3859L3.96024 12.8589L3.98523 12.9458L3.17715 17.8601C3.06052 18.546 3.3271 19.232 3.87693 19.6487C4.41843 20.0568 5.12654 20.1176 5.72635 19.7876L9.95835 17.4694L14.2737 19.7876C14.5319 19.9266 14.8151 19.996 15.0901 19.996C16.1797 19.996 17.0128 18.9767 16.8228 17.8601L16.0148 12.9458L19.4637 9.3859C19.9469 8.89099 20.1218 8.17034 19.9135 7.50178Z' fill='%23DDDDDD'/%3E%3Cg clip-path='url(%23clip0_35148_22603)'%3E%3Cpath d='M19.9135 7.50178C19.7053 6.8419 19.1554 6.36436 18.489 6.26017L13.7571 5.54819L11.5745 1.02456C11.4315 0.716392 11.2078 0.456665 10.9292 0.275374C10.6506 0.0940833 10.3284 -0.00137766 10 1.50233e-05C9.32521 1.50233e-05 8.7254 0.390732 8.4255 1.02456L6.3095 5.4961L6.24285 5.54819L1.51101 6.26017C0.844554 6.36436 0.294727 6.8419 0.0864596 7.50178C-0.121808 8.17034 0.0531367 8.89099 0.536318 9.3859L3.96024 12.8589L3.98523 12.9458L3.17715 17.8601C3.06052 18.546 3.3271 19.232 3.87693 19.6487C4.41843 20.0568 5.12654 20.1176 5.72635 19.7876L9.95835 17.4694L14.2737 19.7876C14.5319 19.9266 14.8152 19.996 15.0901 19.996C16.1797 19.996 17.0128 18.9767 16.8228 17.8601L16.0148 12.9458L19.4637 9.3859C19.9469 8.89099 20.1218 8.17034 19.9135 7.50178Z' fill='%23FF8A00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_35148_22603'%3E%3Crect width='7' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.sr-4_2{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9135 7.50178C19.7053 6.8419 19.1554 6.36436 18.489 6.26017L13.7571 5.54819L11.5745 1.02456C11.4315 0.716392 11.2078 0.456665 10.9292 0.275374C10.6506 0.0940833 10.3284 -0.00137766 10 1.50233e-05C9.32521 1.50233e-05 8.7254 0.390732 8.4255 1.02456L6.3095 5.4961L6.24285 5.54819L1.51101 6.26017C0.844554 6.36436 0.294727 6.8419 0.0864596 7.50178C-0.121808 8.17034 0.0531367 8.89099 0.536318 9.3859L3.96024 12.8589L3.98523 12.9458L3.17715 17.8601C3.06052 18.546 3.3271 19.232 3.87693 19.6487C4.41843 20.0568 5.12654 20.1176 5.72635 19.7876L9.95835 17.4694L14.2737 19.7876C14.5319 19.9266 14.8151 19.996 15.0901 19.996C16.1797 19.996 17.0128 18.9767 16.8228 17.8601L16.0148 12.9458L19.4637 9.3859C19.9469 8.89099 20.1218 8.17034 19.9135 7.50178Z' fill='%23DDDDDD'/%3E%3Cg clip-path='url(%23clip0_35148_22576)'%3E%3Cpath d='M19.9135 7.50178C19.7053 6.8419 19.1554 6.36436 18.489 6.26017L13.7571 5.54819L11.5745 1.02456C11.4315 0.716392 11.2078 0.456665 10.9292 0.275374C10.6506 0.0940833 10.3284 -0.00137766 10 1.50233e-05C9.32521 1.50233e-05 8.7254 0.390732 8.4255 1.02456L6.3095 5.4961L6.24285 5.54819L1.51101 6.26017C0.844554 6.36436 0.294727 6.8419 0.0864596 7.50178C-0.121808 8.17034 0.0531367 8.89099 0.536318 9.3859L3.96024 12.8589L3.98523 12.9458L3.17715 17.8601C3.06052 18.546 3.3271 19.232 3.87693 19.6487C4.41843 20.0568 5.12654 20.1176 5.72635 19.7876L9.95835 17.4694L14.2737 19.7876C14.5319 19.9266 14.8152 19.996 15.0901 19.996C16.1797 19.996 17.0128 18.9767 16.8228 17.8601L16.0148 12.9458L19.4637 9.3859C19.9469 8.89099 20.1218 8.17034 19.9135 7.50178Z' fill='%23FF8A00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_35148_22576'%3E%3Crect width='10' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.sr-4_3{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9135 7.50178C19.7053 6.8419 19.1554 6.36436 18.489 6.26017L13.7571 5.54819L11.5745 1.02456C11.4315 0.716392 11.2078 0.456665 10.9292 0.275374C10.6506 0.0940833 10.3284 -0.00137766 10 1.50233e-05C9.32521 1.50233e-05 8.7254 0.390732 8.4255 1.02456L6.3095 5.4961L6.24285 5.54819L1.51101 6.26017C0.844554 6.36436 0.294727 6.8419 0.0864596 7.50178C-0.121808 8.17034 0.0531367 8.89099 0.536318 9.3859L3.96024 12.8589L3.98523 12.9458L3.17715 17.8601C3.06052 18.546 3.3271 19.232 3.87693 19.6487C4.41843 20.0568 5.12654 20.1176 5.72635 19.7876L9.95835 17.4694L14.2737 19.7876C14.5319 19.9266 14.8151 19.996 15.0901 19.996C16.1797 19.996 17.0128 18.9767 16.8228 17.8601L16.0148 12.9458L19.4637 9.3859C19.9469 8.89099 20.1218 8.17034 19.9135 7.50178Z' fill='%23DDDDDD'/%3E%3Cg clip-path='url(%23clip0_35148_22568)'%3E%3Cpath d='M19.9135 7.50178C19.7053 6.8419 19.1554 6.36436 18.489 6.26017L13.7571 5.54819L11.5745 1.02456C11.4315 0.716392 11.2078 0.456665 10.9292 0.275374C10.6506 0.0940833 10.3284 -0.00137766 10 1.50233e-05C9.32521 1.50233e-05 8.7254 0.390732 8.4255 1.02456L6.3095 5.4961L6.24285 5.54819L1.51101 6.26017C0.844554 6.36436 0.294727 6.8419 0.0864596 7.50178C-0.121808 8.17034 0.0531367 8.89099 0.536318 9.3859L3.96024 12.8589L3.98523 12.9458L3.17715 17.8601C3.06052 18.546 3.3271 19.232 3.87693 19.6487C4.41843 20.0568 5.12654 20.1176 5.72635 19.7876L9.95835 17.4694L14.2737 19.7876C14.5319 19.9266 14.8152 19.996 15.0901 19.996C16.1797 19.996 17.0128 18.9767 16.8228 17.8601L16.0148 12.9458L19.4637 9.3859C19.9469 8.89099 20.1218 8.17034 19.9135 7.50178Z' fill='%23FF8A00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_35148_22568'%3E%3Crect width='14' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.sr-4_4{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E %3Cpath d='M15.9308 6.00142C15.7642 5.47352 15.3244 5.09149 14.7912 5.00813L11.0057 4.43856L9.2596 0.819649C9.1452 0.573114 8.96622 0.365332 8.74334 0.2203C8.52045 0.0752667 8.26275 -0.00110212 8 1.20186e-05C7.46017 1.20186e-05 6.98032 0.312585 6.7404 0.819649L5.0476 4.39688L4.99428 4.43856L1.20881 5.00813C0.675643 5.09149 0.235782 5.47352 0.0691676 6.00142C-0.0974465 6.53627 0.0425094 7.11279 0.429054 7.50872L3.16819 10.2872L3.18818 10.3566L2.54172 14.2881C2.44842 14.8368 2.66168 15.3856 3.10154 15.719C3.53474 16.0454 4.10123 16.0941 4.58108 15.8301L7.96668 13.9755L11.4189 15.8301C11.6255 15.9413 11.8521 15.9968 12.0721 15.9968C12.9438 15.9968 13.6102 15.1814 13.4583 14.2881L12.8118 10.3566L15.5709 7.50872C15.9575 7.11279 16.0974 6.53627 15.9308 6.00142Z' fill='%23FF8A00'/%3E %3C/svg%3E");}

/*public overlay*/
.overlay-open{overflow: hidden;}
.overlay{width: 100%;height: 100%;position: fixed;z-index: 99;left:0;top: 0;bottom: 0;display: none;padding: 20px;}
.overlay.full-overlay{padding: 0;}
.overlay .bg{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);left:0;top: 0;bottom: 0; cursor: pointer;}
.overlay.active{display: block;}
.overlay .overlay-content{background-color: #fff;height: auto;width: 100%;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 0px;}
.overlay.full-overlay .overlay-content{background-color: #fff;height: 100%;width: 100%;position: absolute;left: 0;top: 0;transform: translate(0,0);border-radius: 0px;}
.overlay .overlay-header{padding:4px 44px;height: 44px;text-align: center;position: relative;line-height: 44px;color: #333;display: flex;display:-webkit-flex;align-items: center;justify-content: center;background-color: var(--color-primary-bg, #F8F4FA);}
.overlay .overlay-header .close{width: 44px; height: 44px;line-height: 44px;text-align: center;font-size: 15px;position: absolute;top: 0;right: 0;}
.overlay .overlay-header .close .iconfont{font-size: 15px;}
.overlay-body{padding:10px 20px 20px;overflow-y: auto;height: calc(100% - 44px);max-height: calc(85vh - 44px);display: flex;display: -webkit-flex;display: -ms-flexbox;width: 100%;flex-wrap: nowrap;flex-direction: column;}
.overlay-body>*{flex-shrink: 0;}
.overlay-title{font-weight: 700;font-size: 16px;text-align:center;}
.overlay.full-overlay .overlay-body{max-height: none;padding-top: 0;}

/* confirm */
.yang-confirm__title{padding: 0 30px;}
.yang-confirm__content{margin: 20px 0;}
.yang-confirm__button--normal{margin: 10px auto;width: 110px;max-width: calc(50% - 10px);background-color: #fff;color:#333333;border:1px solid#D5D5D5;font-weight: 400;line-height: 1;}
.yang-confirm__button--default{width: 110px;margin: 10px auto;max-width: calc(50% - 10px);line-height: 1;}

/*modal*/
.modal-open{overflow: hidden;}
.modal{width: 100%;height: 100%;position: fixed;z-index: 99;left:0;top: 0;bottom: 0;display: none;padding: 20px;}
.modal.full-modal{padding: 0;width: 100%;height: 100%;min-width: auto;max-width: none;max-height: none;min-height: auto;}
.bg{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);left:0;top: 0;bottom: 0; cursor: pointer;}
.modal.active{display: block;}
.modal .modal-content{background-color: #fff;height: auto;width: 100%;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 0px;}
.modal.full-modal .modal-content{background-color: #fff;height: 100%;width: 100%;position: absolute;left: 0;top: 0;transform: translate(0,0);border-radius: 0px;}
.modal .modal-header{padding:4px 44px;height: 44px;text-align: center;position: relative;line-height: 44px;color: #333;display: flex;display:-webkit-flex;align-items: center;justify-content: center;}
.modal .modal-header .close{width: 44px; height: 44px;line-height: 44px;text-align: center;font-size: 15px;position: absolute;top: 0;right: 0;}
.modal .modal-header .close .iconfont{font-size: 15px;}
.modal-body{padding:8px 12px;overflow-y: auto;height: calc(100% - 44px);}
.modal-title{width: calc(100% - 88px);font-size: 16px;font-weight: 700;text-align: center;line-height: 1;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.modal.modal__top-border .modal-content{border-radius: 8px 8px 0 0;}
.footer-btn-group {position: fixed;bottom: 0;left:0;width: 100%;padding: 10px 20px;background: #fff;flex-direction: row;flex-wrap: nowrap;display: flex;display:-webkit-flex;align-items: center;justify-content: space-between;}
.footer-btn-group .btn-outline{width: 38.20896%;}
.footer-btn-group .btn-primary{flex: 1;}
.footer-btn-group *:not(:first-child){margin-left: 7px;}

.popup_content table{width: 100% !important;}

/*transform*/
.rotate-180{transform: rotate(180deg);}