@charset "utf-8";
html,body {width:100%;min-height:100%;font-family:'Arimo';margin:auto;font-size:16px;position:relative; background:#ffffff;color:#333333;font-weight: 400;}
body, p{font-family:'Arimo';}
*{outline:none;padding:0;margin:0;word-wrap: break-word;line-height: 1.2;-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:'Arimo';font-weight: 700;}

/*form*/
input,textarea,select,dd,dl,img{-webkit-appearance:none;background:none;}
input,textarea,select{color: #333333;font-family:'Arimo';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:'Arimo';}
:-moz-placeholder{font-size:14px; color:#999;font-weight: 400;font-family:'Arimo';}
::-moz-placeholder{font-size:14px; color:#999;font-weight: 400;font-family:'Arimo';}
:-ms-input-placeholder{font-size:14px; color:#999;font-weight: 400;font-family:'Arimo';}
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;line-height: 24px;text-align: center;background-color: #333333;color: #fff;font-size: 18px;outline: none;border: none;cursor: pointer;font-family:'Arimo';font-weight: bold;border-radius: 4px;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 #d5d5d5;background-color: #fff;color:#333;font-weight:400;font-family:'Arimo';}
.btn-secondary{background-color: #ECE5D8;color:#333;font-weight:400;font-family:'Arimo';}
button.size-L,.btn.size-L{height: 60px;line-height: 60px;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;}
.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 #999; border-radius: 50%;background-color: #fff;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;text-align: center;border:1px solid #333;background-color: #333;}
.form-checkout label::after{border-radius: 4px;}

.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;line-height: 1.2;}
.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;line-height: 1.2;}
.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;line-height: 1.2;}
.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;line-height: 1.2;}
.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;line-height: 1.2;}
.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;line-height: 1.2;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.ff-nb{font-family:'Arimo';font-weight: 700;}
.ff-nsb{font-family:'Arimo';font-weight: 400;}
.ff-hb{font-family:'Arimo';font-weight: 700;}
.ff-hn{font-family:'Arimo';}
.radius{border-radius: 4px;}
.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: #FF9E2C;}
.c-info{color: #ddd;}
.c-white{color: #fff;}
.co-pri{color: #333;}
.co-reg{color: #666;}
.co-sec{color: #999;}
.c-primary{color: #FF9E2C;}
.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:24px;width:24px;line-height:1;font-size:24px;background-repeat:no-repeat;background-position: center;background-size: 100%;display: inline-block;object-fit: cover;}
.icon.size-S{width:20px;height:20px;line-height:20px;font-size: 20px;}
.icon.size-L{width:36px;height:36px;line-height:36px;font-size: 36px;}


/*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: #FF9E2C;}
    33% {background: #FFCE95;}
    66% {background: #FFE9CE;}
    100% {background: #FF9E2C;}
}
@keyframes animloader1 {
    0% {background: #FFCE95;}
    33% {background: #FFE9CE;}
    66% {background: #FF9E2C;}
    100% {background: #FFE9CE;}
}
@keyframes animloader2 {
    0% {background: #FFE9CE;}
    33% {background: #FF9E2C;}
    66% {background: #FFCE95;}
    100% {background: #FFE9CE;}
}

/* rank */
.sr-4_0{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1077 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='15013' width='64' height='64'%3E%3Cpath d='M499.927579 29.264842a43.115789 43.115789 0 0 1 78.039579 0l127.514947 271.629474 289.468632 44.247579a43.115789 43.115789 0 0 1 24.360421 72.757894L808.421053 634.017684l49.313684 302.349474a43.115789 43.115789 0 0 1-63.380211 44.678737L538.947368 839.841684l-255.407157 141.204211a43.115789 43.115789 0 0 1-63.380211-44.678737L269.473684 634.017684l-210.890105-216.117895a43.115789 43.115789 0 0 1 24.360421-72.757894l289.414737-44.193684L499.981474 29.264842z' fill='%23DDDDDD' p-id='15014'%3E%3C/path%3E%3C/svg%3E");}
.sr-4_1{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU2MDMzXzIyNjgzKSI+CjxwYXRoIGQ9Ik05LjI3NTY5IDEuNTQzMDlDOS41NjM2MiAwLjkyOTY0NyAxMC40MzYyIDAuOTI5NjQ3IDEwLjcyNDEgMS41NDMwOUwxMy4wOTAxIDYuNTgzNzlMMTguNDYwOSA3LjQwNDM4QzE5LjEwNDUgNy41MDI3MiAxOS4zNjc0IDguMjg3ODIgMTguOTEyNiA4Ljc1Mzg4TDE0Ljk5OTkgMTIuNzY0MUwxNS45MTUgMTguMzc0MkMxNi4wMjI1IDE5LjAzMzMgMTUuMzIyOSAxOS41MjYzIDE0LjczODQgMTkuMjAzMkw5Ljk5OTg4IDE2LjU4MzhMNS4yNjEzNSAxOS4yMDMyQzQuNjc2OSAxOS41MjYzIDMuOTc3MjQgMTkuMDMzMyA0LjA4NDc2IDE4LjM3NDJMNC45OTk4OCAxMi43NjQxTDEuMDg3MTMgOC43NTM4OEMwLjYzMjQwNyA4LjI4NzgyIDAuODk1MjM3IDcuNTAyNzIgMS41Mzg5MSA3LjQwNDM4TDYuOTA5NzEgNi41ODM3OUw5LjI3NTY5IDEuNTQzMDlaIiBmaWxsPSIjREREREREIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV81NjAzM18yMjY4MykiPgo8cGF0aCBkPSJNOS4yNzU2OSAxLjU0MzA5QzkuNTYzNjIgMC45Mjk2NDcgMTAuNDM2MiAwLjkyOTY0NyAxMC43MjQxIDEuNTQzMDlMMTMuMDkwMSA2LjU4Mzc5TDE4LjQ2MDkgNy40MDQzOEMxOS4xMDQ1IDcuNTAyNzIgMTkuMzY3NCA4LjI4NzgyIDE4LjkxMjYgOC43NTM4OEwxNC45OTk5IDEyLjc2NDFMMTUuOTE1IDE4LjM3NDJDMTYuMDIyNSAxOS4wMzMzIDE1LjMyMjkgMTkuNTI2MyAxNC43Mzg0IDE5LjIwMzJMOS45OTk4OCAxNi41ODM4TDUuMjYxMzUgMTkuMjAzMkM0LjY3NjkgMTkuNTI2MyAzLjk3NzI0IDE5LjAzMzMgNC4wODQ3NiAxOC4zNzQyTDQuOTk5ODggMTIuNzY0MUwxLjA4NzEzIDguNzUzODhDMC42MzI0MDcgOC4yODc4MiAwLjg5NTIzNyA3LjUwMjcyIDEuNTM4OTEgNy40MDQzOEw2LjkwOTcxIDYuNTgzNzlMOS4yNzU2OSAxLjU0MzA5WiIgZmlsbD0iI0ZGOUUyQyIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTYwMzNfMjI2ODMiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNTYwMzNfMjI2ODMiPgo8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSIxOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");}
.sr-4_2{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='15157' width='64' height='64'%3E%3Cpath d='M474.9312 79.0016a40.96 40.96 0 0 1 74.1376 0l121.1392 258.048 274.9952 42.0352a40.96 40.96 0 0 1 23.1424 69.12L768 653.5168l46.848 287.232a40.96 40.96 0 0 1-60.2112 42.4448L512 849.0496l-242.6368 134.144a40.96 40.96 0 0 1-60.2112-42.4448L256 653.5168l-200.3456-205.312a40.96 40.96 0 0 1 23.1424-69.12l274.944-41.984 121.1904-258.0992z' fill='%23DDDDDD' p-id='15158'%3E%3C/path%3E%3Cpath d='M512 55.4496a40.448 40.448 0 0 0-37.0688 23.552L353.792 337.0496l-274.9952 42.0352a40.96 40.96 0 0 0-23.1424 69.12L256 653.5168l-46.848 287.232a40.96 40.96 0 0 0 60.2112 42.4448L512 849.0496v-793.6z' fill='%23FF9E2C' p-id='15159'%3E%3C/path%3E%3C/svg%3E");}
.sr-4_3{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU2MDMzXzIyNjc1KSI+CjxwYXRoIGQ9Ik05LjI3NTY5IDEuNTQzMDlDOS41NjM2MiAwLjkyOTY0NyAxMC40MzYyIDAuOTI5NjQ3IDEwLjcyNDEgMS41NDMwOUwxMy4wOTAxIDYuNTgzNzlMMTguNDYwOSA3LjQwNDM4QzE5LjEwNDUgNy41MDI3MiAxOS4zNjc0IDguMjg3ODIgMTguOTEyNiA4Ljc1Mzg4TDE0Ljk5OTkgMTIuNzY0MUwxNS45MTUgMTguMzc0MkMxNi4wMjI1IDE5LjAzMzMgMTUuMzIyOSAxOS41MjYzIDE0LjczODQgMTkuMjAzMkw5Ljk5OTg4IDE2LjU4MzhMNS4yNjEzNSAxOS4yMDMyQzQuNjc2OSAxOS41MjYzIDMuOTc3MjQgMTkuMDMzMyA0LjA4NDc2IDE4LjM3NDJMNC45OTk4OCAxMi43NjQxTDEuMDg3MTMgOC43NTM4OEMwLjYzMjQwNyA4LjI4NzgyIDAuODk1MjM3IDcuNTAyNzIgMS41Mzg5MSA3LjQwNDM4TDYuOTA5NzEgNi41ODM3OUw5LjI3NTY5IDEuNTQzMDlaIiBmaWxsPSIjREREREREIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV81NjAzM18yMjY3NSkiPgo8cGF0aCBkPSJNOS4yNzU2OSAxLjU0MzA5QzkuNTYzNjIgMC45Mjk2NDcgMTAuNDM2MiAwLjkyOTY0NyAxMC43MjQxIDEuNTQzMDlMMTMuMDkwMSA2LjU4Mzc5TDE4LjQ2MDkgNy40MDQzOEMxOS4xMDQ1IDcuNTAyNzIgMTkuMzY3NCA4LjI4NzgyIDE4LjkxMjYgOC43NTM4OEwxNC45OTk5IDEyLjc2NDFMMTUuOTE1IDE4LjM3NDJDMTYuMDIyNSAxOS4wMzMzIDE1LjMyMjkgMTkuNTI2MyAxNC43Mzg0IDE5LjIwMzJMOS45OTk4OCAxNi41ODM4TDUuMjYxMzUgMTkuMjAzMkM0LjY3NjkgMTkuNTI2MyAzLjk3NzI0IDE5LjAzMzMgNC4wODQ3NiAxOC4zNzQyTDQuOTk5ODggMTIuNzY0MUwxLjA4NzEzIDguNzUzODhDMC42MzI0MDcgOC4yODc4MiAwLjg5NTIzNyA3LjUwMjcyIDEuNTM4OTEgNy40MDQzOEw2LjkwOTcxIDYuNTgzNzlMOS4yNzU2OSAxLjU0MzA5WiIgZmlsbD0iI0ZGOUUyQyIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTYwMzNfMjI2NzUiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNTYwMzNfMjI2NzUiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");}
.sr-4_4{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1077 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='15302' width='64' height='64'%3E%3Cpath d='M499.927579 29.264842a43.115789 43.115789 0 0 1 78.039579 0l127.514947 271.629474 289.468632 44.247579a43.115789 43.115789 0 0 1 24.360421 72.757894L808.421053 634.017684l49.313684 302.349474a43.115789 43.115789 0 0 1-63.380211 44.678737L538.947368 839.841684l-255.407157 141.204211a43.115789 43.115789 0 0 1-63.380211-44.678737L269.473684 634.017684l-210.890105-216.117895a43.115789 43.115789 0 0 1 24.360421-72.757894l289.414737-44.193684L499.981474 29.264842z' fill='%23FF9E2C' p-id='15303'%3E%3C/path%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: 4px;}
.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;}
.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-family: 'Arimo';font-weight: 700;font-size: 16px;text-align:center;}
.overlay.full-overlay .overlay-body{max-height: none;}

/* 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%;height:100dvh;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: 4px;}
.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:10px 20px 20px;overflow-y: auto;height: calc(100% - 44px);}
.modal-title{width: calc(100% - 88px);font-size: 18px;font-family: 'Arimo';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-top: 4px solid #FF9E2C;border-radius: 4px 4px 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);}