.fl {
    float: left
}

.flex {
    display: flex
}

.bd-1 {
    border: 1px solid #ddd
}

.mb-30 {
    margin-bottom: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.checked {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png);
    background-position: -570px -590px
}

.underline {
    text-decoration: underline
}

.flex-b {
    display: flex;
    justify-content: space-between
}

.input-text {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.triangle-icon {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.f-14-999 {
    font-size: 14px;
    color: #999
}

.f-14-bbb {
    font-size: 14px;
    color: #bbb
}

.f-14-666 {
    font-size: 14px;
    color: #666
}

.f-14-333 {
    font-size: 14px;
    color: #333
}

.cursor {
    cursor: pointer
}

.w-e-toolbar {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0
}

.w-e-text {
    overflow-y: auto !important
}

.w-e-text img {
    max-width: 100% !important
}

.w-e-text-container {
    width: 770px;
    border-radius: 0 0 3px 3px
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 9999
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important
}

.item-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.item-title span {
    color: #e80000
}

.view-lib .trends-tag .tag-add,
.view-trends .trends-tag .tag-add {
    display: flex
}

.view-lib .trends-tag .tag-add input,
.view-trends .trends-tag .tag-add input {
    width: 270px;
    text-indent: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    border-right: none
}

.view-lib .trends-tag .tag-add button,
.view-trends .trends-tag .tag-add button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666;
    background: #fff
}

.view-lib .trends-tag .tag-add button.active,
.view-trends .trends-tag .tag-add button.active {
    background-color: #e80000;
    color: #fff;
    border: none
}

.view-lib .trends-tag .tag-list,
.view-trends .trends-tag .tag-list {
    display: flex;
    margin-top: 12px
}

.view-lib .trends-tag .tag-list li,
.view-trends .trends-tag .tag-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 26px 5px 8px;
    margin-right: 8px
}

.view-lib .trends-tag .tag-list li span,
.view-trends .trends-tag .tag-list li span {
    position: absolute;
    right: 2px;
    top: 54%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.view-lib .trends-cover .cover-main,
.view-trends .trends-cover .cover-main {
    display: flex
}

.view-lib .trends-cover .cover-main .cover-upload,
.view-trends .trends-cover .cover-main .cover-upload {
    position: relative;
    width: 268px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 16px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-img,
.view-trends .trends-cover .cover-main .cover-upload .cover-img {
    width: 100%;
    height: 100%
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty span,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://down.om.cn/member/icon3.png) no-repeat;
    background-position: -345px -21px;
    margin-bottom: 15px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty p,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty p {
    font-size: 14px;
    color: #999
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty input,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-change,
.view-trends .trends-cover .cover-main .cover-change {
    position: relative
}

.view-lib .trends-cover .cover-main .cover-change button,
.view-trends .trends-cover .cover-main .cover-change button {
    margin-bottom: 12px
}

.view-lib .trends-cover .cover-main .cover-change input,
.view-trends .trends-cover .cover-main .cover-change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 36px;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-btn,
.view-trends .trends-btn {
    display: flex
}

.view-lib .trends-btn button,
.view-trends .trends-btn button {
    margin-right: 12px
}

._public-close-btn {
    cursor: pointer;
    background-position: -542px -123px
}

._public-close-btn,
._public-close-btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

._public-close-btn:hover {
    background-position: -558px -123px
}

.trans2 {
    transition: .2s ease
}

.trans3 {
    transition: .3s ease
}

.trans4 {
    transition: .4s ease
}

.iconMemberClass,
.setDefaultClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconMemberClass {
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.iconToolsClass {
    background-image: url(/image/catalog/icons/icon-v6-220325.png)
}

.iconToolsClass,
.iconUtilsClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconUtilsClass {
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

.iconVerifyClass {
    background-image: url(/image/catalog/icons/icon_verify.png)
}

.iconDialogClass,
.iconVerifyClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconDialogClass {
    background-image: url(/image/catalog/icons/dialog_icon_v5.png)
}

.iconSearchClass {
    background-image: url(/image/catalog/icons/icon_search_v2.png)
}

.iconOutfitClass,
.iconSearchClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconOutfitClass {
    background-image: url(/image/catalog/icons/soft_outfit_v1.png)
}

img {
    display: block
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-a,
.flex-ac {
    display: flex;
    align-items: center
}

.flex-ac {
    justify-content: center
}

.lf {
    float: left
}

.rf {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

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

.inner-s {
    width: 1200px;
    margin: 0 auto
}

.icon-money {
    background-position: -28px -248px
}

.icon-gift {
    background-position: -97px -248px
}

.icon-vip-5 {
    background-position: -163px -248px
}

.icon-recharge {
    background-position: -232px -249px
}

.icon-coupon {
    background-position: -300px -249px
}

.year-icon-money {
    background-position: -29px -336px
}

.year-icon-vip-5 {
    background-position: -106px -336px
}

.year-icon-suxun {
    background-position: -184px -336px
}

.year-icon-material {
    background-position: -29px -412px
}

.year-icon-vr {
    background-position: -106px -412px
}

.year-icon-gift {
    background-position: -184px -412px
}

.init-icon-pic {
    background-position: -29px -590px
}

.init-icon-su {
    background-position: -106px -590px
}

.init-icon-more {
    background-position: -184px -590px
}

.group-icon-gift {
    background-position: -29px -692px
}

.group-icon-discount {
    background-position: -262px -692px
}

.group-icon-teacher {
    background-position: -262px -770px
}

.level-icon-init {
    background-position: -25px -28px
}

.level-icon-year {
    background-position: -58px -28px
}

.level-icon-A {
    background-position: -89px -28px
}

.level-icon-B {
    background-position: -121px -28px
}

.level-icon-custom {
    background-position: -154px -28px
}

.icon-white-right {
    background-position: -25px -71px
}

.icon-black-wrong {
    background-position: -51px -71px
}

.icon-black-right {
    background-position: -25px -95px
}

.icon-gray-wrong {
    background-position: -51px -95px
}

.icon-arrow-bottom {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png);
    background-position: -205px -151px
}
.icon-vip-coupon-active, .icon-vip-coupon{
    display: inline-block;
    height: 130px;
    background-image: url(/image/catalog/icons/icon-coupon.png);
}

.icon-vip-coupon {
    width: 272px;
    background-position: 0 -133px;
}
.icon-ob-coupon-active, .icon-ob-coupon{
    display: inline-block;
    height: 130px;
    background-image: url(/image/catalog/icons/icon-coupon.png);
}
.icon-ob-coupon-active{
    width: 56px;
    background-position: -276px 0;
}
.icon-vip-coupon-active {
    width: 56px;
    background-position: -276px -133px;
}
.icon-ob-coupon {
    width: 272px;
    background-position: 0 0;
}
.t-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.p-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer
}

.p-btn.active,
.p-btn:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.p-btn-s {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer;
    width: 100px;
    color: #8a8a8a
}

.p-btn-s.active,
.p-btn-s:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    height: 44px;
    color: #fff;
    background-color: #e80000;
    border-radius: 4px
}

.member-main {
    width: 650px;
    padding-top: 70px
}

.member-main h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px
}

.member-main .title-desc {
    font-size: 16px;
    color: #e6e6e6;
    text-align: center
}

.member-main .coupon-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px
}

.member-main .coupon-list .coupon-item {
    width: 217px;
    flex: 0 0 33.3333%;
    text-align: center;
    margin-bottom: 40px
}

.member-main .coupon-list .coupon-item .icon-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.member-main .coupon-list .coupon-item p {
    font-size: 18px;
    color: #e5d4a4;
    margin-bottom: 6px
}

.member-main .coupon-list .coupon-item span {
    color: #ddd
}

.member-main .coupon-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #e6e6e6
}

.member-main .coupon-footer p {
    margin-top: 14px
}

.member-main .coupon-footer p a {
    text-decoration: underline
}

.module-title {
    display: flex;
    align-items: center;
    flex-direction: column
}

.module-title p {
    font-size: 30px;
    font-weight: 600;
    color: #e5d4a4;
    letter-spacing: 3px;
    margin-bottom: 10px
}

.module-title span {
    position: relative;
    color: #988f77;
    letter-spacing: 14px
}

.module-title span:after,
.module-title span:before {
    content: "";
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 100px;
    height: 1px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.module-title span:before {
    left: -122px;
    background-position: -26px -125px
}

.module-title span:after {
    right: -111px;
    background-position: -133px -125px
}

.icon-calculator {
    background-position: 0 -23px
}

.icon-calculator,
.icon-calculator:hover {
    display: inline-block;
    width: 78px;
    height: 78px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-calculator:hover {
    background-position: -82px -23px
}

.icon-personal-company {
    display: inline-block;
    width: 902px;
    height: 116px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: 0 -104px
}

.icon-personal {
    background-position: -574px -23px
}

.icon-company,
.icon-personal {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company {
    background-position: -664px -23px
}

.icon-company-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -619px -23px
}

.icon-company-small {
    background-position: -571px -66px
}

.icon-company-small-active,
.icon-company-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company-small-active {
    background-position: -590px -66px
}

.icon-personal-small {
    background-position: -531px -66px
}

.icon-personal-small-active,
.icon-personal-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-personal-small-active {
    background-position: -551px -66px
}

.icon-sidebar-bg {
    width: 182px;
    height: 196px;
    background-position: -1056px -476px
}

.icon-customer-service,
.icon-sidebar-bg {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-customer-service {
    width: 122px;
    height: 156px;
    background-position: -1244px -473px
}

.icon-go-back {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -675px
}

.icon-go-back:hover {
    background-position: -1124px -675px
}

.icon-personal-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -531px -23px
}

.icon-upon-arrow-light {
    background-position: -184px -19px
}

.icon-upon-arrow-dark,
.icon-upon-arrow-light {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-upon-arrow-dark {
    background-position: -184px -29px
}

.icon-vip-4 {
    background-position: -245px -22px
}

.icon-vip-4-active,
.icon-vip-4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-4-active {
    background-position: -245px -56px
}

.icon-sub-account {
    background-position: -281px -22px
}

.icon-sub-account-active,
.icon-sub-account {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-sub-account-active {
    background-position: -281px -56px
}

.icon-paid-model {
    background-position: -314px -22px
}

.icon-paid-model-active,
.icon-paid-model {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-paid-model-active {
    background-position: -314px -56px
}

.icon-vip-0 {
    background-position: -348px -22px
}

.icon-vip-0-active,
.icon-vip-0 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-0-active {
    background-position: -348px -56px
}

.icon-vip-1 {
    background-position: -383px -22px
}

.icon-vip-1-active,
.icon-vip-1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-1-active {
    background-position: -383px -56px
}

.icon-vip-2 {
    background-position: -416px -22px
}

.icon-vip-2-active,
.icon-vip-2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-2-active {
    background-position: -416px -56px
}

.icon-vip-3 {
    background-position: -451px -22px
}

.icon-vip-3-active,
.icon-vip-3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-3-active {
    background-position: -451px -56px
}

.icon-ob-recharge {
    background-position: -484px -22px
}

.icon-ob-recharge-active,
.icon-ob-recharge {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-ob-recharge-active {
    background-position: -484px -56px
}

.icon-have {
    background-position: -165px -53px
}

.icon-have-active,
.icon-have {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-have-active {
    background-position: -182px -53px
}

.icon-company-A {
    background-position: -147px -91px
}

.icon-company-A,
.icon-company-B {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-company-B {
    background-position: -197px -91px
}

.icon-company-C {
    background-position: -246px -91px
}

.icon-company-C,
.icon-personal-0 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-personal-0 {
    background-position: 4px -91px
}

.icon-personal-1,
.icon-personal-2{
    background-position: -47px -91px
}

.icon-personal-1,
.icon-personal-2,
.icon-personal-3{
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-personal-3{
    background-position: -96px -91px
}

.icon-vip-free {
    width: 1300px;
    height: 46px;
    background-position: 0 -224px
}

.icon-free,
.icon-vip-free {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-free {
    width: 231px;
    height: 68px;
    background-position: -906px -153px
}

.icon-discount {
    background-position: 0 -274px
}

.icon-discount,
.icon-exclusive {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-exclusive {
    background-position: 0 -324px
}

.icon-value-added {
    background-position: 0 -375px
}

.icon-question,
.icon-value-added {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-question {
    background-position: 0 -423px
}

.icon-3d-model {
    background-position: 0 -475px
}

.icon-3d-model,
.icon-su-model {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-su-model {
    background-position: -264px -475px
}

.icon-construction {
    background-position: -528px -475px
}

.icon-construction,
.icon-soft-pack {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-soft-pack {
    background-position: -792px -475px
}

.icon-save-money {
    display: inline-block;
    width: 50px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -715px -25px
}

.icon-small-member-ordinary {
    background-position: 1px -21px
}

.icon-small-member-moon,
.icon-small-member-ordinary {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-moon {
    background-position: -30px -21px
}

.icon-small-member-year {
    background-position: -60px -21px
}

.icon-small-member-A,
.icon-small-member-year {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-A {
    background-position: -90px -21px
}

.icon-small-member-B {
    background-position: -120px -21px
}

.icon-small-member-B,
.icon-small-member-C {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-C {
    background-position: -150px -21px
}

.icon-3row-member-ordinary {
    background-position: 4px -51px
}

.icon-3row-member-moon,
.icon-3row-member-ordinary {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-moon {
    background-position: -32px -51px
}

.icon-3row-member-year {
    background-position: -67px -51px
}

.icon-3row-member-A,
.icon-3row-member-year {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-A {
    background-position: -101px -51px
}

.icon-3row-member-B {
    background-position: -137px -51px
}

.icon-3row-member-B,
.icon-3row-member-C {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-C {
    background-position: -172px -51px
}

.icon-4row-member-C {
    width: 20px;
    height: 20px;
    background-position: -150px -21px
}

.icon-4row-member-ordinary {
    background-position: 3px -91px
}

.icon-4row-member-moon,
.icon-4row-member-ordinary {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-moon {
    background-position: -48px -91px
}

.icon-4row-member-year {
    background-position: -97px -91px
}

.icon-4row-member-A,
.icon-4row-member-year {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-A {
    background-position: -148px -91px
}

.icon-4row-member-B {
    background-position: -198px -91px
}

.icon-4row-member-B,
.icon-4row-member-C {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-C {
    background-position: -247px -91px
}

.icon-5row-member-ordinary {
    background-position: -3px -144px
}

.icon-5row-member-moon,
.icon-5row-member-ordinary {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-moon {
    background-position: -82px -144px
}

.icon-5row-member-year {
    background-position: -160px -144px
}

.icon-5row-member-A,
.icon-5row-member-year {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-A {
    background-position: -237px -144px
}

.icon-5row-member-B {
    background-position: -315px -144px
}

.icon-5row-member-B,
.icon-5row-member-C {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-C {
    background-position: -393px -144px
}

.icon-vip-5 {
    background-position: -770px -22px
}

.icon-vip-5-active,
.icon-vip-5 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-5-active {
    background-position: -770px -56px
}

.icon-font-new {
    width: 20px;
    height: 20px;
    background-position: -614px -67px
}

.icon-font-new,
.icon-model-repeat-down {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-model-repeat-down {
    width: 1300px;
    height: 46px;
    background-position: 0 -742px
}

.icon-d {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

.exclusive {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 96px
}

.exclusive .title h3 {
    margin: 24px 0 50px;
    font-size: 36px;
    color: #523723;
    font-weight: 400;
    text-align: center
}

.exclusive .exclusive-content {
    display: flex
}

.exclusive .exclusive-content .pic-l {
    width: 352px;
    height: 510px;
    box-shadow: 0 10px 20px 0 rgba(167, 126, 67, .3);
    z-index: 1
}

.exclusive .exclusive-content .coupon {
    display: flex;
    flex-direction: column;
    width: 948px;
    height: 460px;
    margin-top: 25px;
    padding: 30px 26px 0;
    background-color: #fff8dc;
    line-height: 1;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 10px 20px 0 rgba(167, 126, 67, .3)
}

.exclusive .exclusive-content .coupon ul {
    display: flex;
    flex-wrap: wrap
}

.exclusive .exclusive-content .coupon ul li {
    display: flex;
    width: 272px;
    height: 130px;
    position: relative;
    padding: 10px 0 10px 10px;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 20px
}

.exclusive .exclusive-content .coupon ul li .title {
    z-index: 1
}

.exclusive .exclusive-content .coupon ul li .title span {
    color: #fff7e6
}

.exclusive .exclusive-content .coupon ul li .title span:first-child {
    font-size: 38px
}

.exclusive .exclusive-content .coupon ul li .title span:last-child {
    font-size: 20px
}

.exclusive .exclusive-content .coupon ul li .vip-title span {
    color: #ae8d46
}

.exclusive .exclusive-content .coupon ul li .content {
    z-index: 1;
    margin-top: 4px;
}

.exclusive .exclusive-content .coupon ul li .content .recharge-type {
    width: auto;
    height: 20px;
    background-color: #fff7e6;
    border-radius: 5px;
    color: #eeb543;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    padding: 0 5px;
}

.exclusive .exclusive-content .coupon ul li .content .reduce {
    color: #fff7e6;
    font-size: 14px;
    display: inline-block;
    width: 200px;
    line-height: 20px;
}

.exclusive .exclusive-content .coupon ul li .vip-content .recharge-type {
    color: #fff;
    background-color: #ae8d46
}

.exclusive .exclusive-content .coupon ul li .vip-content .reduce {
    color: #ae8d46
}

.exclusive .exclusive-content .coupon ul li .validity-period {
    font-size: 14px;
    color: #fff7e6;
    z-index: 1;
    margin-top: 8px
}

.exclusive .exclusive-content .coupon ul li .vip-validity-period {
    color: #ae8d46
}

.exclusive .exclusive-content .coupon ul li .ob-coupon-bg {
    position: absolute;
    top: 0;
    left: 0
}

.exclusive .exclusive-content .coupon ul li .receive-box {
    width: 56px;
    height: 130px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer
}

.exclusive .exclusive-content .coupon ul li .receive-box .receive {
    display: none
}

.exclusive .exclusive-content .coupon ul li .receive-box:hover .receive {
    display: block
}

.exclusive .exclusive-content .coupon .to-receive {
    width: 180px;
    height: 50px;
    background-image: linear-gradient(99deg, #d7b468, #ae8d46), linear-gradient(#ae8d46, #ae8d46);
    background-blend-mode: normal, normal;
    box-shadow: 0 10px 10px 0 rgba(154, 131, 92, .2);
    border-radius: 25px;
    border: 1px solid #fbe8c0;
    color: #fff;
    font-size: 16px;
    margin: 34px auto 0
}

.exclusive .exclusive-content .coupon .to-receive:hover {
    box-shadow: 0 10px 20px 0 rgba(147, 118, 61, .2)
}


.zone-module {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 96px
}

.zone-module .title h3 {
    margin: 24px 0 50px;
    font-size: 36px;
    color: #523723;
    font-weight: 400;
    text-align: center
}

.zone-module .zone-content {
    display: flex;
    justify-content: space-between
}

.zone-module .zone-content .img-area {
    width: 750px;
    height: 488px;
    border-radius: 10px;
    overflow: hidden
}

.zone-module .zone-content ul {
    margin-left: 32px
}

.zone-module .zone-content ul li {
    background-color: #fef3d1;
    width: 532px;
    height: 110px;
    margin-top: 16px;
    padding: 26px 0 0 40px;
    color: #ae8d46;
    line-height: 1;
    border-radius: 10px;
    position: relative;
    cursor: pointer
}

.zone-module .zone-content ul li:first-child {
    margin-top: 0
}

.zone-module .zone-content ul li a {
    display: block;
    width: 100%;
    height: 100%
}

.zone-module .zone-content ul li .name {
    font-size: 28px;
    margin-bottom: 14px
}

.zone-module .zone-content ul li .description {
    font-size: 16px
}

.zone-module .zone-content ul li .free {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.zone-module .zone-content ul li .arrow {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    border: 10px solid transparent;
    border-right-color: #fffbeb;
    padding: 0;
    width: 0;
    height: 0
}

.zone-module .zone-content ul li .subscript {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.zone-module .zone-content ul .active {
    background-image: linear-gradient(90deg, #fffbeb, #fff5cf), linear-gradient(#fff8dc, #fff8dc);
    background-blend-mode: normal, normal;
    box-shadow: 0 10px 20px 0 rgba(147, 118, 61, .2)
}

.fl {
    float: left
}

.flex {
    display: flex
}

.bd-1 {
    border: 1px solid #ddd
}

.mb-30 {
    margin-bottom: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.checked {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png);
    background-position: -570px -590px
}

.underline {
    text-decoration: underline
}

.flex-b {
    display: flex;
    justify-content: space-between
}

.input-text {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.triangle-icon {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.f-14-999 {
    font-size: 14px;
    color: #999
}

.f-14-bbb {
    font-size: 14px;
    color: #bbb
}

.f-14-666 {
    font-size: 14px;
    color: #666
}

.f-14-333 {
    font-size: 14px;
    color: #333
}

.cursor {
    cursor: pointer
}

.w-e-toolbar {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0
}

.w-e-text {
    overflow-y: auto !important
}

.w-e-text img {
    max-width: 100% !important
}

.w-e-text-container {
    width: 770px;
    border-radius: 0 0 3px 3px
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 9999
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important
}

.item-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.item-title span {
    color: #e80000
}

.view-lib .trends-tag .tag-add,
.view-trends .trends-tag .tag-add {
    display: flex
}

.view-lib .trends-tag .tag-add input,
.view-trends .trends-tag .tag-add input {
    width: 270px;
    text-indent: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    border-right: none
}

.view-lib .trends-tag .tag-add button,
.view-trends .trends-tag .tag-add button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666;
    background: #fff
}

.view-lib .trends-tag .tag-add button.active,
.view-trends .trends-tag .tag-add button.active {
    background-color: #e80000;
    color: #fff;
    border: none
}

.view-lib .trends-tag .tag-list,
.view-trends .trends-tag .tag-list {
    display: flex;
    margin-top: 12px
}

.view-lib .trends-tag .tag-list li,
.view-trends .trends-tag .tag-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 26px 5px 8px;
    margin-right: 8px
}

.view-lib .trends-tag .tag-list li span,
.view-trends .trends-tag .tag-list li span {
    position: absolute;
    right: 2px;
    top: 54%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.view-lib .trends-cover .cover-main,
.view-trends .trends-cover .cover-main {
    display: flex
}

.view-lib .trends-cover .cover-main .cover-upload,
.view-trends .trends-cover .cover-main .cover-upload {
    position: relative;
    width: 268px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 16px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-img,
.view-trends .trends-cover .cover-main .cover-upload .cover-img {
    width: 100%;
    height: 100%
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty span,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://down.om.cn/member/icon3.png) no-repeat;
    background-position: -345px -21px;
    margin-bottom: 15px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty p,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty p {
    font-size: 14px;
    color: #999
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty input,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-change,
.view-trends .trends-cover .cover-main .cover-change {
    position: relative
}

.view-lib .trends-cover .cover-main .cover-change button,
.view-trends .trends-cover .cover-main .cover-change button {
    margin-bottom: 12px
}

.view-lib .trends-cover .cover-main .cover-change input,
.view-trends .trends-cover .cover-main .cover-change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 36px;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-btn,
.view-trends .trends-btn {
    display: flex
}

.view-lib .trends-btn button,
.view-trends .trends-btn button {
    margin-right: 12px
}

._public-close-btn {
    cursor: pointer;
    background-position: -542px -123px
}

._public-close-btn,
._public-close-btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

._public-close-btn:hover {
    background-position: -558px -123px
}

.trans2 {
    transition: .2s ease
}

.trans3 {
    transition: .3s ease
}

.trans4 {
    transition: .4s ease
}

.iconMemberClass,
.setDefaultClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconMemberClass {
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.iconToolsClass {
    background-image: url(/image/catalog/icons/icon-v6-220325.png)
}

.iconToolsClass,
.iconUtilsClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconUtilsClass {
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

.iconVerifyClass {
    background-image: url(/image/catalog/icons/icon_verify.png)
}

.iconDialogClass,
.iconVerifyClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconDialogClass {
    background-image: url(/image/catalog/icons/dialog_icon_v5.png)
}

.iconSearchClass {
    background-image: url(/image/catalog/icons/icon_search_v2.png)
}

.iconOutfitClass,
.iconSearchClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconOutfitClass {
    background-image: url(/image/catalog/icons/soft_outfit_v1.png)
}

img {
    display: block
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-a,
.flex-ac {
    display: flex;
    align-items: center
}

.flex-ac {
    justify-content: center
}

.lf {
    float: left
}

.rf {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

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

.inner-s {
    width: 1200px;
    margin: 0 auto
}

.icon-money {
    background-position: -28px -248px
}

.icon-gift {
    background-position: -97px -248px
}

.icon-vip-5 {
    background-position: -163px -248px
}

.icon-recharge {
    background-position: -232px -249px
}

.year-icon-money {
    background-position: -29px -336px
}

.year-icon-vip-5 {
    background-position: -106px -336px
}

.year-icon-suxun {
    background-position: -184px -336px
}

.year-icon-material {
    background-position: -29px -412px
}

.year-icon-vr {
    background-position: -106px -412px
}

.year-icon-gift {
    background-position: -184px -412px
}

.init-icon-pic {
    background-position: -29px -590px
}

.init-icon-su {
    background-position: -106px -590px
}

.init-icon-more {
    background-position: -184px -590px
}

.group-icon-gift {
    background-position: -29px -692px
}

.group-icon-discount {
    background-position: -262px -692px
}

.group-icon-teacher {
    background-position: -262px -770px
}

.level-icon-init {
    background-position: -25px -28px
}

.level-icon-year {
    background-position: -58px -28px
}

.level-icon-A {
    background-position: -89px -28px
}

.level-icon-B {
    background-position: -121px -28px
}

.level-icon-custom {
    background-position: -154px -28px
}

.icon-white-right {
    background-position: -25px -71px
}

.icon-black-wrong {
    background-position: -51px -71px
}

.icon-black-right {
    background-position: -25px -95px
}

.icon-gray-wrong {
    background-position: -51px -95px
}

.icon-arrow-bottom {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png);
    background-position: -205px -151px
}

.t-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.p-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer
}

.p-btn.active,
.p-btn:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.p-btn-s {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer;
    width: 100px;
    color: #8a8a8a
}

.p-btn-s.active,
.p-btn-s:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    height: 44px;
    color: #fff;
    background-color: #e80000;
    border-radius: 4px
}

.member-main {
    width: 650px;
    padding-top: 70px
}

.member-main h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px
}

.member-main .title-desc {
    font-size: 16px;
    color: #e6e6e6;
    text-align: center
}

.member-main .coupon-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px
}

.member-main .coupon-list .coupon-item {
    width: 217px;
    flex: 0 0 33.3333%;
    text-align: center;
    margin-bottom: 40px
}

.member-main .coupon-list .coupon-item .icon-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.member-main .coupon-list .coupon-item p {
    font-size: 18px;
    color: #e5d4a4;
    margin-bottom: 6px
}

.member-main .coupon-list .coupon-item span {
    color: #ddd
}

.member-main .coupon-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #e6e6e6
}

.member-main .coupon-footer p {
    margin-top: 14px
}

.member-main .coupon-footer p a {
    text-decoration: underline
}

.icon-company,
.icon-personal {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company {
    background-position: -664px -23px
}

.icon-company-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -619px -23px
}

.icon-company-small {
    background-position: -571px -66px
}

.icon-company-small-active,
.icon-company-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company-small-active {
    background-position: -590px -66px
}

.icon-personal-small {
    background-position: -531px -66px
}

.icon-personal-small-active,
.icon-personal-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-personal-small-active {
    background-position: -551px -66px
}

.icon-sidebar-bg {
    width: 182px;
    height: 196px;
    background-position: -1056px -476px
}

.icon-customer-service,
.icon-sidebar-bg {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-customer-service {
    width: 122px;
    height: 156px;
    background-position: -1244px -473px
}

.icon-go-back {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -675px
}

.icon-go-back:hover {
    background-position: -1124px -675px
}

.icon-personal-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -531px -23px
}

.icon-upon-arrow-light {
    background-position: -184px -19px
}

.icon-upon-arrow-dark,
.icon-upon-arrow-light {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-upon-arrow-dark {
    background-position: -184px -29px
}

.icon-vip-4 {
    background-position: -245px -22px
}

.icon-vip-4-active,
.icon-vip-4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-4-active {
    background-position: -245px -56px
}

.icon-sub-account {
    background-position: -281px -22px
}

.icon-sub-account-active,
.icon-sub-account {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-sub-account-active {
    background-position: -281px -56px
}

.icon-paid-model {
    background-position: -314px -22px
}

.icon-paid-model-active,
.icon-paid-model {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-paid-model-active {
    background-position: -314px -56px
}

.icon-vip-0 {
    background-position: -348px -22px
}

.icon-vip-0-active,
.icon-vip-0 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-0-active {
    background-position: -348px -56px
}

.icon-vip-1 {
    background-position: -383px -22px
}

.icon-vip-1-active,
.icon-vip-1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-1-active {
    background-position: -383px -56px
}

.icon-vip-2 {
    background-position: -416px -22px
}

.icon-vip-2-active,
.icon-vip-2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-2-active {
    background-position: -416px -56px
}

.icon-vip-3 {
    background-position: -451px -22px
}

.icon-vip-3-active,
.icon-vip-3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-3-active {
    background-position: -451px -56px
}

.icon-ob-recharge {
    background-position: -484px -22px
}

.icon-ob-recharge-active,
.icon-ob-recharge {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-ob-recharge-active {
    background-position: -484px -56px
}

.icon-have {
    background-position: -165px -53px
}

.icon-have-active,
.icon-have {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-have-active {
    background-position: -182px -53px
}

.icon-company-A {
    background-position: -147px -91px
}

.icon-company-A,
.icon-company-B {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-company-B {
    background-position: -197px -91px
}

.icon-company-C {
    background-position: -246px -91px
}

.icon-company-C,
.icon-personal-0 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-personal-0 {
    background-position: 4px -91px
}

.icon-personal-1 {
    background-position: -47px -91px
}

.icon-personal-1,
.icon-personal-2 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-vip-free {
    width: 1300px;
    height: 46px;
    background-position: 0 -224px
}

.icon-free,
.icon-vip-free {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-free {
    width: 231px;
    height: 68px;
    background-position: -906px -153px
}

.icon-discount {
    background-position: 0 -274px
}

.icon-discount,
.icon-exclusive {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-exclusive {
    background-position: 0 -324px
}

.icon-value-added {
    background-position: 0 -375px
}

.icon-question,
.icon-value-added {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-question {
    background-position: 0 -423px
}

.icon-3d-model {
    background-position: 0 -475px
}

.icon-3d-model,
.icon-su-model {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-su-model {
    background-position: -264px -475px
}

.icon-construction {
    background-position: -528px -475px
}

.icon-construction,
.icon-soft-pack {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-soft-pack {
    background-position: -792px -475px
}

.icon-save-money {
    display: inline-block;
    width: 50px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -715px -25px
}

.icon-small-member-ordinary {
    background-position: 1px -21px
}

.icon-small-member-moon,
.icon-small-member-ordinary {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-moon {
    background-position: -30px -21px
}

.icon-small-member-year {
    background-position: -60px -21px
}

.icon-small-member-A,
.icon-small-member-year {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-A {
    background-position: -90px -21px
}

.icon-small-member-B {
    background-position: -120px -21px
}

.icon-small-member-B,
.icon-small-member-C {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-C {
    background-position: -150px -21px
}

.icon-3row-member-ordinary {
    background-position: 4px -51px
}

.icon-3row-member-moon,
.icon-3row-member-ordinary {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-moon {
    background-position: -32px -51px
}

.icon-3row-member-year {
    background-position: -67px -51px
}

.icon-3row-member-A,
.icon-3row-member-year {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-A {
    background-position: -101px -51px
}

.icon-3row-member-B {
    background-position: -137px -51px
}

.icon-3row-member-B,
.icon-3row-member-C {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-C {
    background-position: -172px -51px
}

.icon-4row-member-C {
    width: 20px;
    height: 20px;
    background-position: -150px -21px
}

.icon-4row-member-ordinary {
    background-position: 3px -91px
}

.icon-4row-member-moon,
.icon-4row-member-ordinary {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-moon {
    background-position: -48px -91px
}

.icon-4row-member-year {
    background-position: -97px -91px
}

.icon-4row-member-A,
.icon-4row-member-year {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-A {
    background-position: -148px -91px
}

.icon-4row-member-B {
    background-position: -198px -91px
}

.icon-4row-member-B,
.icon-4row-member-C {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-C {
    background-position: -247px -91px
}

.icon-5row-member-ordinary {
    background-position: -3px -144px
}

.icon-5row-member-moon,
.icon-5row-member-ordinary {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-moon {
    background-position: -82px -144px
}

.icon-5row-member-year {
    background-position: -160px -144px
}

.icon-5row-member-A,
.icon-5row-member-year {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-A {
    background-position: -237px -144px
}

.icon-5row-member-B {
    background-position: -315px -144px
}

.icon-5row-member-B,
.icon-5row-member-C {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-C {
    background-position: -393px -144px
}

.icon-vip-5 {
    background-position: -770px -22px
}

.icon-vip-5-active,
.icon-vip-5 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-5-active {
    background-position: -770px -56px
}

.icon-font-new {
    width: 20px;
    height: 20px;
    background-position: -614px -67px
}

.icon-font-new,
.icon-model-repeat-down {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-model-repeat-down {
    width: 1300px;
    height: 46px;
    background-position: 0 -742px
}

.icon-d {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

.fl {
    float: left
}

.flex {
    display: flex
}

.bd-1 {
    border: 1px solid #ddd
}

.mb-30 {
    margin-bottom: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.checked {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png);
    background-position: -570px -590px
}

.underline {
    text-decoration: underline
}

.flex-b {
    display: flex;
    justify-content: space-between
}

.input-text {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.triangle-icon {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.f-14-999 {
    font-size: 14px;
    color: #999
}

.f-14-bbb {
    font-size: 14px;
    color: #bbb
}

.f-14-666 {
    font-size: 14px;
    color: #666
}

.f-14-333 {
    font-size: 14px;
    color: #333
}

.cursor {
    cursor: pointer
}

.w-e-toolbar {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0
}

.w-e-text {
    overflow-y: auto !important
}

.w-e-text img {
    max-width: 100% !important
}

.w-e-text-container {
    width: 770px;
    border-radius: 0 0 3px 3px
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 9999
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important
}

.item-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.item-title span {
    color: #e80000
}

.view-lib .trends-tag .tag-add,
.view-trends .trends-tag .tag-add {
    display: flex
}

.view-lib .trends-tag .tag-add input,
.view-trends .trends-tag .tag-add input {
    width: 270px;
    text-indent: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    border-right: none
}

.view-lib .trends-tag .tag-add button,
.view-trends .trends-tag .tag-add button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666;
    background: #fff
}

.view-lib .trends-tag .tag-add button.active,
.view-trends .trends-tag .tag-add button.active {
    background-color: #e80000;
    color: #fff;
    border: none
}

.view-lib .trends-tag .tag-list,
.view-trends .trends-tag .tag-list {
    display: flex;
    margin-top: 12px
}

.view-lib .trends-tag .tag-list li,
.view-trends .trends-tag .tag-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 26px 5px 8px;
    margin-right: 8px
}

.view-lib .trends-tag .tag-list li span,
.view-trends .trends-tag .tag-list li span {
    position: absolute;
    right: 2px;
    top: 54%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.view-lib .trends-cover .cover-main,
.view-trends .trends-cover .cover-main {
    display: flex
}

.view-lib .trends-cover .cover-main .cover-upload,
.view-trends .trends-cover .cover-main .cover-upload {
    position: relative;
    width: 268px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 16px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-img,
.view-trends .trends-cover .cover-main .cover-upload .cover-img {
    width: 100%;
    height: 100%
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty span,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://down.om.cn/member/icon3.png) no-repeat;
    background-position: -345px -21px;
    margin-bottom: 15px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty p,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty p {
    font-size: 14px;
    color: #999
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty input,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-change,
.view-trends .trends-cover .cover-main .cover-change {
    position: relative
}

.view-lib .trends-cover .cover-main .cover-change button,
.view-trends .trends-cover .cover-main .cover-change button {
    margin-bottom: 12px
}

.view-lib .trends-cover .cover-main .cover-change input,
.view-trends .trends-cover .cover-main .cover-change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 36px;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-btn,
.view-trends .trends-btn {
    display: flex
}

.view-lib .trends-btn button,
.view-trends .trends-btn button {
    margin-right: 12px
}

._public-close-btn {
    cursor: pointer;
    background-position: -542px -123px
}

._public-close-btn,
._public-close-btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

._public-close-btn:hover {
    background-position: -558px -123px
}

.trans2 {
    transition: .2s ease
}

.trans3 {
    transition: .3s ease
}

.trans4 {
    transition: .4s ease
}

.iconMemberClass,
.setDefaultClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconMemberClass {
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.iconToolsClass {
    background-image: url(/image/catalog/icons/icon-v6-220325.png)
}

.iconToolsClass,
.iconUtilsClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconUtilsClass {
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

.iconVerifyClass {
    background-image: url(/image/catalog/icons/icon_verify.png)
}

.iconDialogClass,
.iconVerifyClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconDialogClass {
    background-image: url(/image/catalog/icons/dialog_icon_v5.png)
}

.iconSearchClass {
    background-image: url(/image/catalog/icons/icon_search_v2.png)
}

.iconOutfitClass,
.iconSearchClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconOutfitClass {
    background-image: url(/image/catalog/icons/soft_outfit_v1.png)
}

img {
    display: block
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-a,
.flex-ac {
    display: flex;
    align-items: center
}

.flex-ac {
    justify-content: center
}

.lf {
    float: left
}

.rf {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

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

.inner-s {
    width: 1200px;
    margin: 0 auto
}

.icon-money {
    background-position: -28px -248px
}

.icon-gift {
    background-position: -97px -248px
}

.icon-vip-5 {
    background-position: -163px -248px
}

.icon-recharge {
    background-position: -232px -249px
}

.year-icon-money {
    background-position: -29px -336px
}

.year-icon-vip-5 {
    background-position: -106px -336px
}

.year-icon-suxun {
    background-position: -184px -336px
}

.year-icon-material {
    background-position: -29px -412px
}

.year-icon-vr {
    background-position: -106px -412px
}

.year-icon-gift {
    background-position: -184px -412px
}

.init-icon-pic {
    background-position: -29px -590px
}

.init-icon-su {
    background-position: -106px -590px
}

.init-icon-more {
    background-position: -184px -590px
}

.group-icon-gift {
    background-position: -29px -692px
}

.group-icon-discount {
    background-position: -262px -692px
}

.group-icon-teacher {
    background-position: -262px -770px
}

.level-icon-init {
    background-position: -25px -28px
}

.level-icon-year {
    background-position: -58px -28px
}

.level-icon-A {
    background-position: -89px -28px
}

.level-icon-B {
    background-position: -121px -28px
}

.level-icon-custom {
    background-position: -154px -28px
}

.icon-white-right {
    background-position: -25px -71px
}

.icon-black-wrong {
    background-position: -51px -71px
}

.icon-black-right {
    background-position: -25px -95px
}

.icon-gray-wrong {
    background-position: -51px -95px
}

.icon-arrow-bottom {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png);
    background-position: -205px -151px
}

.t-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.p-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer
}

.p-btn.active,
.p-btn:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.p-btn-s {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer;
    width: 100px;
    color: #8a8a8a
}

.p-btn-s.active,
.p-btn-s:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    height: 44px;
    color: #fff;
    background-color: #e80000;
    border-radius: 4px
}

.member-main {
    width: 650px;
    padding-top: 70px
}

.member-main h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px
}

.member-main .title-desc {
    font-size: 16px;
    color: #e6e6e6;
    text-align: center
}

.member-main .coupon-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px
}

.member-main .coupon-list .coupon-item {
    width: 217px;
    flex: 0 0 33.3333%;
    text-align: center;
    margin-bottom: 40px
}

.member-main .coupon-list .coupon-item .icon-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.member-main .coupon-list .coupon-item p {
    font-size: 18px;
    color: #e5d4a4;
    margin-bottom: 6px
}

.member-main .coupon-list .coupon-item span {
    color: #ddd
}

.member-main .coupon-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #e6e6e6
}

.member-main .coupon-footer p {
    margin-top: 14px
}

.member-main .coupon-footer p a {
    text-decoration: underline
}

.icon-calculator {
    background-position: 0 -23px
}

.icon-calculator,
.icon-calculator:hover {
    display: inline-block;
    width: 78px;
    height: 78px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-calculator:hover {
    background-position: -82px -23px
}
.icon-tab0 {
    background-position: -574px -23px
}

.icon-tab1,
.icon-tab0 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-tab1 {
    background-position: -664px -23px
}

.icon-tab1-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -619px -23px
}

.icon-company-small {
    background-position: -571px -66px
}

.icon-company-small-active,
.icon-company-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company-small-active {
    background-position: -590px -66px
}

.icon-personal-small {
    background-position: -531px -66px
}

.icon-personal-small-active,
.icon-personal-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-personal-small-active {
    background-position: -551px -66px
}

.icon-sidebar-bg {
    width: 182px;
    height: 196px;
    background-position: -1056px -476px
}

.icon-customer-service,
.icon-sidebar-bg {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-customer-service {
    width: 122px;
    height: 156px;
    background-position: -1244px -473px
}

.icon-go-back {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -675px
}

.icon-go-back:hover {
    background-position: -1124px -675px
}

.privilege-meal-module .module-title .active i.icon-tab0-active {
    background-position: -531px -23px
}
.privilege-meal-module .module-title .active i.icon-tab1 {
    background-position: -619px -23px;
}
i.icon-tab0-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -531px -23px
}
.icon-upon-arrow-light {
    background-position: -184px -19px
}

.icon-upon-arrow-dark,
.icon-upon-arrow-light {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-upon-arrow-dark {
    background-position: -184px -29px
}

.icon-vip-4 {
    background-position: -245px -22px
}

.icon-vip-4-active,
.icon-vip-4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-4-active {
    background-position: -245px -56px
}

.icon-sub-account {
    background-position: -281px -22px
}

.icon-sub-account-active,
.icon-sub-account {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-sub-account-active {
    background-position: -281px -56px
}

.icon-paid-model {
    background-position: -314px -22px
}

.icon-paid-model-active,
.icon-paid-model {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-paid-model-active {
    background-position: -314px -56px
}

.icon-vip-0 {
    background-position: -348px -22px
}

.icon-vip-0-active,
.icon-vip-0 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-0-active {
    background-position: -348px -56px
}

.icon-vip-1 {
    background-position: -383px -22px
}

.icon-vip-1-active,
.icon-vip-1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-1-active {
    background-position: -383px -56px
}

.icon-vip-2 {
    background-position: -416px -22px
}

.icon-vip-2-active,
.icon-vip-2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-2-active {
    background-position: -416px -56px
}

.icon-vip-3 {
    background-position: -451px -22px
}

.icon-vip-3-active,
.icon-vip-3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-3-active {
    background-position: -451px -56px
}

.icon-ob-recharge {
    background-position: -484px -22px
}

.icon-ob-recharge-active,
.icon-ob-recharge {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-ob-recharge-active {
    background-position: -484px -56px
}

.icon-have {
    background-position: -165px -53px
}

.icon-have-active,
.icon-have {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-have-active {
    background-position: -182px -53px
}

.icon-company-A {
    background-position: -147px -91px
}

.icon-company-A,
.icon-company-B {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-company-B {
    background-position: -197px -91px
}

.icon-company-C {
    background-position: -246px -91px
}

.icon-company-C,
.icon-personal-0 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-personal-0 {
    background-position: 4px -91px
}

.icon-personal-1 {
    background-position: -47px -91px
}

.icon-personal-1,
.icon-personal-2 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-vip-free {
    width: 1300px;
    height: 46px;
    background-position: 0 -224px
}

.icon-free,
.icon-vip-free {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-free {
    width: 231px;
    height: 68px;
    background-position: -906px -153px
}

.icon-discount {
    background-position: 0 -274px
}

.icon-discount,
.icon-exclusive {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-exclusive {
    background-position: 0 -324px
}

.icon-value-added {
    background-position: 0 -375px
}

.icon-question,
.icon-value-added {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-question {
    background-position: 0 -423px
}

.icon-3d-model {
    background-position: 0 -475px
}

.icon-3d-model,
.icon-su-model {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-su-model {
    background-position: -264px -475px
}

.icon-construction {
    background-position: -528px -475px
}

.icon-construction,
.icon-soft-pack {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-soft-pack {
    background-position: -792px -475px
}

.icon-save-money {
    display: inline-block;
    width: 50px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -715px -25px
}

.icon-small-member-ordinary {
    background-position: 1px -21px
}

.icon-small-member-moon,
.icon-small-member-ordinary {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-moon {
    background-position: -30px -21px
}

.icon-small-member-year {
    background-position: -60px -21px
}

.icon-small-member-A,
.icon-small-member-year {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-A {
    background-position: -90px -21px
}

.icon-small-member-B {
    background-position: -120px -21px
}

.icon-small-member-B,
.icon-small-member-C {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-C {
    background-position: -150px -21px
}

.icon-3row-member-ordinary {
    background-position: 4px -51px
}

.icon-3row-member-moon,
.icon-3row-member-ordinary {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-moon {
    background-position: -32px -51px
}

.icon-3row-member-year {
    background-position: -67px -51px
}

.icon-3row-member-A,
.icon-3row-member-year {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-A {
    background-position: -101px -51px
}

.icon-3row-member-B {
    background-position: -137px -51px
}

.icon-3row-member-B,
.icon-3row-member-C {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-C {
    background-position: -172px -51px
}

.icon-4row-member-C {
    width: 20px;
    height: 20px;
    background-position: -150px -21px
}

.icon-4row-member-ordinary {
    background-position: 3px -91px
}

.icon-4row-member-moon,
.icon-4row-member-ordinary {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-moon {
    background-position: -48px -91px
}

.icon-4row-member-year {
    background-position: -97px -91px
}

.icon-4row-member-A,
.icon-4row-member-year {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-A {
    background-position: -148px -91px
}

.icon-4row-member-B {
    background-position: -198px -91px
}

.icon-4row-member-B,
.icon-4row-member-C {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-C {
    background-position: -247px -91px
}

.icon-5row-member-ordinary {
    background-position: -3px -144px
}

.icon-5row-member-moon,
.icon-5row-member-ordinary {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-moon {
    background-position: -82px -144px
}

.icon-5row-member-year {
    background-position: -160px -144px
}

.icon-5row-member-A,
.icon-5row-member-year {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-A {
    background-position: -237px -144px
}

.icon-5row-member-B {
    background-position: -315px -144px
}

.icon-5row-member-B,
.icon-5row-member-C {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-C {
    background-position: -393px -144px
}

.icon-vip-5 {
    background-position: -770px -22px
}

.icon-vip-5-active,
.icon-vip-5 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-5-active {
    background-position: -770px -56px
}

.icon-font-new {
    width: 20px;
    height: 20px;
    background-position: -614px -67px
}

.icon-font-new,
.icon-model-repeat-down {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-model-repeat-down {
    width: 1300px;
    height: 46px;
    background-position: 0 -742px
}

.icon-d {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.slide-fade-enter-active {
    transition: opacity .5s
}

.slide-fade-enter,
.slide-fade-leave-to {
    opacity: 0
}

.privilege-meal-module {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 15px
}

.privilege-meal-module>div {
    display: flex
}

.privilege-meal-module .module-title {
    justify-content: center;
    flex-direction: row
}

.privilege-meal-module .module-title .box-switch,
.privilege-meal-module .module-title .box {
    display: flex;
    justify-content: center;
    align-items: center
}

.privilege-meal-module .module-title .box-switch {
    width: 350px;
    height: 70px;
    background-color: #fff;
    border-radius: 35px;
    cursor: pointer;
    transition: all .3s;
    margin: 0 10px;
    padding: 30px 0
}

.privilege-meal-module .module-title .box-switch i {
    transform: scale(.8)
}
.privilege-meal-module .module-title .box-switch .icon-tab0-active{
    background-position: -574px -23px;
}
.privilege-meal-module .module-title .box-switch h4 {
    font-size: 24px;
    color: #666;
    font-weight: 400;
    transition: all .3s
}

.privilege-meal-module .module-title .transition:hover {
    width: 360px;
    height: 75px;
    transition: all .3s;
    margin: 0 13.12px;
    border-radius: 40px
}

.privilege-meal-module .module-title .active {
    height: 76px;
    background-color: #ff5842;
    border-radius: 40px;
    border: 6px solid #fff
}

.privilege-meal-module .module-title .active i {
    transform: scale(1)
}

.privilege-meal-module .module-title .active h4 {
    margin-left: 8px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    transition: all .3s
}

.privilege-meal-module .meal-main {
    display:none;
    margin-top: 50px
}

.privilege-meal-module .meal-main.active{
    display: flex;
}

.privilege-meal-module .meal-main .omission-personal-bg {
    background: url(/image/catalog/icons/year_menber_bg_v2.png)
}

.privilege-meal-module .meal-main .omission-company-bg {
    background: url(/image/catalog/icons/company_member_bg_v2.png)
}

.privilege-meal-module .meal-main .meal-item {
    width: 408px;
    box-shadow: 0 0 20px 0 rgba(167, 126, 67, .3);
    border-radius: 10px;
    position: relative;
    background-color: #fff9e5;
    transition: all .5s
}

.privilege-meal-module .meal-main .meal-item:nth-child(2) {
    margin: 0 38px
}

.privilege-meal-module .meal-main .meal-item .omission {
    overflow: hidden;
    width: 408px;
    border-radius: 10px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-title {
    height: 76px;
    background-color: #fbf2d3;
    display: flex;
    justify-content: center;
    align-items: center
}

.privilege-meal-module .meal-main .meal-item .omission .meal-title h3 {
    font-size: 26px;
    color: #77682e;
    font-weight: 400
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content {
    padding: 0 36px;
    line-height: 1
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .line-border {
    border-top: 1px solid #f1e8d0;
    width: 328px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve .amount span {
    font-size: 36px;
    color: #795c2c
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve .amount span:first-child {
    color: #795c2c
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve .amount span:last-child {
    font-size: 18px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve .origin-price {
    margin-top: 14px;
    font-size: 14px;
    color: #795c2c
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve a {
    width: 170px;
    height: 50px;
    line-height:50px;
    border:0;
    font-size: 16px;
    color: #fff;
    background-color: #b4934b;
    border-radius: 25px;
    background-image: linear-gradient(99deg, #d7b468, #ae8d46), linear-gradient(#ae8d46, #ae8d46);
    box-shadow: 0 10px 10px 0 rgba(154, 131, 92, .2);
    margin-top: 14px;
    transition: all .3s
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve a:hover {
    background-image: linear-gradient(90deg, #dfbf7a, #cdaa5f), linear-gradient(#ae8d46, #ae8d46);
    transition: all .3s
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve .free-open {
    border: 1px solid #e8deca;
    color: #a99c76;
    background-color: #fff9e5;
    box-shadow: none;
    background-image: none
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve .free-open:hover {
    background-color: #fff5d4;
    border: 1px solid #c0b6a0;
    color: #736a4e;
    background-image: none;
    box-shadow: none
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item {
    margin: 20px 0 10px;
    display: flex;
    flex-direction: column
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item li {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    line-height: 50px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item li span {
    font-size: 16px;
    margin-left: 8px;
    color: #746b58;
    -moz-text-align-last: justify;
    text-align-last: justify;
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item li h5 {
    display: flex;
    align-items: center;
    margin-left: 10px;
    font-size: 20px;
    color: #795c52
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item li h5 strong {
    font-size: 16px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item li h5 b {
    font-size: 14px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item li h5 i {
    margin-left: 8px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .server-item {
    padding: 20px 0
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .server-item li {
    font-size: 14px;
    height: 36px;
    display: flex;
    align-items: center
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .server-item li span {
    margin-left: 5px;
    color: #746b58
}

.privilege-meal-module .meal-main .meal-item .omission .meal-content .server-item li b {
    margin-left: 5px;
    color: #795c2c;
    font-weight: 700
}

.privilege-meal-module .meal-main .meal-item .omission .footer-item {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #bdb4a2
}

.privilege-meal-module .meal-main .meal-item .omission .footer-item i {
    margin-left: 3px
}

.privilege-meal-module .meal-main .meal-item .omission .footer-item:hover {
    color: #522;
    transition: all .3s
}

.privilege-meal-module .meal-main .meal-item .omission .footer-item:hover span {
    color: #795c2c;
    font-weight: 600
}

.privilege-meal-module .meal-main .meal-item .omission .footer-item:hover i {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -184px -29px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail {
    padding: 0 40px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li {
    height: 34px;
    display: flex;
    align-items: center;
    color: #746b58;
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-top: 1px solid #f1e8d0;
    color: #bdb4a2;
    cursor: pointer;
    transition: all .3s
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li:first-child:hover {
    color: #795c2c;
    transition: all .3s
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li:first-child:hover div {
    transition: all .3s
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li:first-child:hover div span {
    font-weight: 600
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li:first-child:hover div i {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -184px -39px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li:first-child i {
    margin-left: 3px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li:last-child {
    margin-bottom: 20px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li span {
    font-size: 14px;
    color: #746b58
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail li h5 {
    color: #795c2c;
    margin-left: 5px;
    font-size: 14px
}

.privilege-meal-module .meal-main .meal-item .omission .meal-detail .line-border {
    border-top: 1px solid #f1e8d0;
    width: 328px;
    height: 0
}

.privilege-meal-module .meal-main .meal-item .omission .op-vi {
    visibility: visible;
    opacity: 0;
    transition: all .5s
}

.privilege-meal-module .meal-main .meal-item .subscript {
    width: 124px;
    height: 124px;
    position: absolute;
    top: -10px;
    right: -10px
}
.privilege-meal-module .meal-main .meal-item .omission.active .meal-detail ul{
    display:none;
}
.privilege-meal-module .meal-main .meal-item .omission.active .details-area{
    display:block !important;
}
.privilege-meal-module .meal-main .company-limit-h {
    height: 1014px
}

.privilege-meal-module .meal-main > .active {
    margin-left: 38px;
    border: 4px solid #ff6565
}

.privilege-meal-module .meal-main .active .omission .line-border {
    border-top: 1px solid #f7dddc !important
}

.privilege-meal-module .meal-main .active .omission .meal-title {
    background-image: linear-gradient(135deg, #ffd6d6 10%, #ffadad);
    color: #6b2727
}

.privilege-meal-module .meal-main .active .omission .meal-title h3 {
    color: #6b2727
}

.privilege-meal-module .meal-main .active .omission .meal-content .area-serve .origin-price {
    color: #692e2c
}

.privilege-meal-module .meal-main .active .omission .meal-content .area-serve .amount span {
    color: #692e2c !important
}

.privilege-meal-module .meal-main .active .omission .meal-content .area-serve .amount span:first-child {
    font-weight: 600
}

.privilege-meal-module .meal-main .active .omission .meal-content .area-serve a {
    box-shadow: 0 10px 10px 0 rgba(255, 85, 85, .2);
    background-image: linear-gradient(99deg, #ff6e6e, #fe3c3c), linear-gradient(#ae8d46, #ae8d46)
}

.privilege-meal-module .meal-main .active .omission .meal-content .area-serve a:hover {
    background-image: linear-gradient(90deg, #ff8080, #ff4b4b), linear-gradient(#ae8d46, #ae8d46)
}

.privilege-meal-module .meal-main .active .omission .meal-content .assets-item li span {
    color: #745858
}

.privilege-meal-module .meal-main .active .omission .meal-content .assets-item li h5 {
    color: #fe5050
}

.privilege-meal-module .meal-main .active .omission .meal-content .server-item li span {
    color: #745858
}

.privilege-meal-module .meal-main .active .omission .meal-content .server-item li b {
    color: #522
}

.privilege-meal-module .meal-main .active .omission .meal-detail li span {
    color: #745858
}

.privilege-meal-module .meal-main .active .omission .meal-detail li:hover div span,
.privilege-meal-module .meal-main .active .omission .meal-detail li h5 {
    color: #522
}

.privilege-meal-module .meal-main .active .omission .meal-detail li:first-child {
    border-top: 1px solid #f7dddc !important
}

.privilege-meal-module .meal-main .active .omission .footer-item {
    color: #bc9696
}

.privilege-meal-module .meal-main .active .omission .footer-item:hover span {
    color: #522
}

 .dialog-recharge-vip .dialog {
    border-radius: 10px
}

 .dialog-recharge-vip .dialog .dialog-header {
    height: 0
}

 .dialog-recharge-vip .dialog .public-close-btn {
    width: 36px;
    height: 36px;
    top: 0;
    right: -56px;
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -20px -18px
}

 .dialog-recharge-vip .dialog .public-close-btn:hover {
    background-position-x: -60px
}

 .dialog-recharge-vip .dialog .dialog-footer {
    display: none
}

 .dialog-recharge-vip .vip-pack-module {
    margin-top: 0
}

 .dialog-recharge-vip .vip-pack-module .pack-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 84px;
    padding-right: 46px;
    border-radius: 10px 10px 0 0
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .user-info {
    width: 260px;
    border: none;
    display: flex;
    justify-content: flex-start;
    padding-left: 34px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .user-info img {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-right: 10px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .user-info .user-box {
    font-size: 14px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .user-info .user-box .user-name {
    color: #fff;
    margin-bottom: 10px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .user-info .user-box .user-vip {
    display: flex;
    color: hsla(0, 0%, 100%, .8)
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .user-info .user-box .user-vip span {
    margin-left: 4px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .pack-tab-box {
    width: 546px;
    padding-top: 30px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .pack-tab-box>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 182px;
    height: 54px;
    color: #62502b;
    font-size: 18px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .pack-tab-box>div .recharge-vip-icon {
    width: 30px;
    height: 30px;
    margin-right: 6px;
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .pack-tab-box>div .recharge-vip-icon.init-vip-level {
    width: 30px;
    height: 30px;
    background-position: -316px -39px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .pack-tab-box>div .recharge-vip-icon.year-vip-level {
    width: 30px;
    height: 30px;
    background-position: -350px -39px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab .pack-tab-box>div .recharge-vip-icon.group-vip-level {
    width: 30px;
    height: 30px;
    background-position: -383px -39px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab-init {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -20px -181px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab-year {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -20px -269px
}

 .dialog-recharge-vip .vip-pack-module .pack-tab-group {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -20px -357px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form {
    padding: 46px 0 0 46px;
    border: none
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .price-item {
    position: relative
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .price-item .top-right-pic {
    position: absolute;
    top: 0;
    right: 0
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .init-price-form .price-item {
    width: 144px;
    height: 160px;
    padding-top: 37px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .init-price-form .price-item .price-text {
    margin-bottom: 30px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .init-price-form .price-item .price-text strong {
    font-size: 28px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .year-price-form .price-item {
    width: 200px;
    height: 160px;
    padding-top: 37px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .year-price-form .price-item .price-text {
    margin-bottom: 30px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .year-price-form .price-item .price-text strong {
    font-size: 28px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .group-price-form .price-item {
    width: 200px;
    height: 180px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .group-price-form .price-item .price-text {
    margin-bottom: 28px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .group-price-form .price-item .price-text strong {
    font-size: 28px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .active {
    background-color: #fff7de
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .active .price-month-text {
    color: #e80000
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-price-form .active .pack-brand {
    background-color: #fcedc5
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro {
    border: none;
    width: 260px;
    height: 580px;
    background-color: #fff7e2;
    border-radius: 0 0 0 10px;
    padding-top: 10px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro>a {
    bottom: 35px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title {
    margin-bottom: 48px;
    color: #62502b;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    display: flex;
    flex-direction: column;
    align-items: center
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 1px;
    background-color: #efe3c4
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title .intro-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title .intro-icon-1 {
    background-position: -316px -73px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title .intro-icon-3 {
    background-position: -370px -73px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title .intro-icon-5 {
    background-position: -424px -73px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title .intro-icon-6 {
    background-position: -478px -73px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-title .intro-icon-8 {
    background-position: -532px -73px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-intro .pack-intro-item {
    margin-bottom: 18px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap {
    position: relative;
    display: inline-block;
    width: 240px;
    margin-left: 12px;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .selected-coupon {
    height: 36px;
    padding-left: 14px;
    border: 1px solid #cdcdcd;
    border-radius: 4px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .selected-coupon.active {
    color: #e80000
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .selected-coupon .icon-arrow {
    content: "";
    position: absolute;
    top: 14px;
    right: 14px;
    height: 0;
    width: 0;
    border: 5px solid transparent
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .selected-coupon .icon-arrow-down {
    border-top-color: #999
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .selected-coupon .icon-arrow-up {
    top: 9px;
    border-bottom-color: #999
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .select-list {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 3
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .select-list li {
    padding-left: 14px;
    border: 1px solid #cdcdcd;
    border-top: 0;
    overflow: hidden
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .select-list li:first-child {
    border-top: 0
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .select-list li:last-child {
    border-radius: 0 0 3px 3px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .select-list li:hover {
    background-color: #ed0017;
    color: #fff
}

 .dialog-recharge-vip .vip-pack-module .pack-content .select-wrap .empty-result {
    height: 36px;
    color: #999;
    padding-left: 14px;
    border: 1px solid #cdcdcd;
    border-radius: 4px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .coupon-wrap {
    position: relative;
    margin: 24px 0
}

 .dialog-recharge-vip .vip-pack-module .pack-content .coupon-wrap>span {
    font-size: 14px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .coupon-wrap .more-sale {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #666
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box {
    padding-bottom: 62px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-qrcode {
    width: 150px;
    height: 150px;
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -158px -11px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-content {
    position: relative;
    padding-top: 17px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-content .pay-way {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 63px;
    margin-bottom: 0
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-content .pay-way span {
    margin-right: 6px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-content .pay-way .pay-way-wx {
    width: 25px;
    height: 25px;
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -20px -64px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-content .pay-way .pay-way-zfb {
    width: 25px;
    height: 25px;
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -51px -64px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-content .pay-way .pay-way-text {
    margin-bottom: 0
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pack-pay-box .pay-content .paypal-link {
    position: absolute;
    right: -260px;
    bottom: 16px;
    width: 112px;
    height: 24px;
    background-image: url(/image/catalog/icons/dialog_icon_v2.png);
    background-position: -20px -94px
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pay-bottom {
    display: flex;
    justify-content: space-between;
    color: #999
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pay-bottom .pay-other a {
    padding: 0 15px;
    border-right: 1px solid #ddd
}

 .dialog-recharge-vip .vip-pack-module .pack-content .pay-bottom .pay-other a:last-child {
    border: none;
    padding-right: 0
}

.fl {
    float: left
}

.flex {
    display: flex
}

.bd-1 {
    border: 1px solid #ddd
}

.mb-30 {
    margin-bottom: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.checked {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png);
    background-position: -570px -590px
}

.underline {
    text-decoration: underline
}

.flex-b {
    display: flex;
    justify-content: space-between
}

.input-text {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.triangle-icon {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.f-14-999 {
    font-size: 14px;
    color: #999
}

.f-14-bbb {
    font-size: 14px;
    color: #bbb
}

.f-14-666 {
    font-size: 14px;
    color: #666
}

.f-14-333 {
    font-size: 14px;
    color: #333
}

.cursor {
    cursor: pointer
}

.w-e-toolbar {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0
}

.w-e-text {
    overflow-y: auto !important
}

.w-e-text img {
    max-width: 100% !important
}

.w-e-text-container {
    width: 770px;
    border-radius: 0 0 3px 3px
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 9999
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important
}

.item-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.item-title span {
    color: #e80000
}

.view-lib .trends-tag .tag-add,
.view-trends .trends-tag .tag-add {
    display: flex
}

.view-lib .trends-tag .tag-add input,
.view-trends .trends-tag .tag-add input {
    width: 270px;
    text-indent: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    border-right: none
}

.view-lib .trends-tag .tag-add button,
.view-trends .trends-tag .tag-add button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666;
    background: #fff
}

.view-lib .trends-tag .tag-add button.active,
.view-trends .trends-tag .tag-add button.active {
    background-color: #e80000;
    color: #fff;
    border: none
}

.view-lib .trends-tag .tag-list,
.view-trends .trends-tag .tag-list {
    display: flex;
    margin-top: 12px
}

.view-lib .trends-tag .tag-list li,
.view-trends .trends-tag .tag-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 26px 5px 8px;
    margin-right: 8px
}

.view-lib .trends-tag .tag-list li span,
.view-trends .trends-tag .tag-list li span {
    position: absolute;
    right: 2px;
    top: 54%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.view-lib .trends-cover .cover-main,
.view-trends .trends-cover .cover-main {
    display: flex
}

.view-lib .trends-cover .cover-main .cover-upload,
.view-trends .trends-cover .cover-main .cover-upload {
    position: relative;
    width: 268px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 16px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-img,
.view-trends .trends-cover .cover-main .cover-upload .cover-img {
    width: 100%;
    height: 100%
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty span,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://down.om.cn/member/icon3.png) no-repeat;
    background-position: -345px -21px;
    margin-bottom: 15px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty p,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty p {
    font-size: 14px;
    color: #999
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty input,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-change,
.view-trends .trends-cover .cover-main .cover-change {
    position: relative
}

.view-lib .trends-cover .cover-main .cover-change button,
.view-trends .trends-cover .cover-main .cover-change button {
    margin-bottom: 12px
}

.view-lib .trends-cover .cover-main .cover-change input,
.view-trends .trends-cover .cover-main .cover-change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 36px;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-btn,
.view-trends .trends-btn {
    display: flex
}

.view-lib .trends-btn button,
.view-trends .trends-btn button {
    margin-right: 12px
}

._public-close-btn {
    cursor: pointer;
    background-position: -542px -123px
}

._public-close-btn,
._public-close-btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

._public-close-btn:hover {
    background-position: -558px -123px
}

.trans2 {
    transition: .2s ease
}

.trans3 {
    transition: .3s ease
}

.trans4 {
    transition: .4s ease
}

.iconMemberClass,
.setDefaultClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconMemberClass {
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.iconToolsClass {
    background-image: url(/image/catalog/icons/icon-v6-220325.png)
}

.iconToolsClass,
.iconUtilsClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconUtilsClass {
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

.iconVerifyClass {
    background-image: url(/image/catalog/icons/icon_verify.png)
}

.iconDialogClass,
.iconVerifyClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconDialogClass {
    background-image: url(/image/catalog/icons/dialog_icon_v5.png)
}

.iconSearchClass {
    background-image: url(/image/catalog/icons/icon_search_v2.png)
}

.iconOutfitClass,
.iconSearchClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconOutfitClass {
    background-image: url(/image/catalog/icons/soft_outfit_v1.png)
}

img {
    display: block
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-a,
.flex-ac {
    display: flex;
    align-items: center
}

.flex-ac {
    justify-content: center
}

.lf {
    float: left
}

.rf {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

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

.inner-s {
    width: 1200px;
    margin: 0 auto
}

.icon-money {
    background-position: -28px -248px
}

.icon-gift {
    background-position: -97px -248px
}

.icon-recharge {
    background-position: -232px -249px
}

.year-icon-money {
    background-position: -29px -336px
}

.year-icon-vip-5 {
    background-position: -106px -336px
}

.year-icon-suxun {
    background-position: -184px -336px
}

.year-icon-material {
    background-position: -29px -412px
}

.year-icon-vr {
    background-position: -106px -412px
}

.year-icon-gift {
    background-position: -184px -412px
}

.init-icon-pic {
    background-position: -29px -590px
}

.init-icon-su {
    background-position: -106px -590px
}

.init-icon-more {
    background-position: -184px -590px
}

.group-icon-gift {
    background-position: -29px -692px
}

.group-icon-discount {
    background-position: -262px -692px
}

.group-icon-teacher {
    background-position: -262px -770px
}

.level-icon-init {
    background-position: -25px -28px
}

.level-icon-year {
    background-position: -58px -28px
}

.level-icon-A {
    background-position: -89px -28px
}

.level-icon-B {
    background-position: -121px -28px
}

.level-icon-custom {
    background-position: -154px -28px
}

.icon-white-right {
    background-position: -25px -71px
}

.icon-black-wrong {
    background-position: -51px -71px
}

.icon-black-right {
    background-position: -25px -95px
}

.icon-gray-wrong {
    background-position: -51px -95px
}

.icon-arrow-bottom {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png);
    background-position: -205px -151px
}

.t-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.p-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer
}

.p-btn.active,
.p-btn:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.p-btn-s {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer;
    width: 100px;
    color: #8a8a8a
}

.p-btn-s.active,
.p-btn-s:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    height: 44px;
    color: #fff;
    background-color: #e80000;
    border-radius: 4px
}

.member-main {
    width: 650px;
    padding-top: 70px
}

.member-main h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px
}

.member-main .title-desc {
    font-size: 16px;
    color: #e6e6e6;
    text-align: center
}

.member-main .coupon-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px
}

.member-main .coupon-list .coupon-item {
    width: 217px;
    flex: 0 0 33.3333%;
    text-align: center;
    margin-bottom: 40px
}

.member-main .coupon-list .coupon-item .icon-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.member-main .coupon-list .coupon-item p {
    font-size: 18px;
    color: #e5d4a4;
    margin-bottom: 6px
}

.member-main .coupon-list .coupon-item span {
    color: #ddd
}

.member-main .coupon-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #e6e6e6
}

.member-main .coupon-footer p {
    margin-top: 14px
}

.member-main .coupon-footer p a {
    text-decoration: underline
}

.icon-customer-service {
    width: 122px;
    height: 156px;
    background-position: -1244px -473px
}

.icon-go-back {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -675px
}

.icon-go-back:hover {
    background-position: -1124px -675px
}

.icon-personal-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -531px -23px
}

.icon-upon-arrow-light {
    background-position: -184px -19px
}

.icon-upon-arrow-dark,
.icon-upon-arrow-light {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-upon-arrow-dark {
    background-position: -184px -29px
}

.icon-vip-4 {
    background-position: -245px -22px
}

.icon-vip-4-active,
.icon-vip-4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-4-active {
    background-position: -245px -56px
}

.icon-sub-account {
    background-position: -281px -22px
}

.icon-sub-account-active,
.icon-sub-account {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-sub-account-active {
    background-position: -281px -56px
}

.icon-paid-model {
    background-position: -314px -22px
}

.icon-paid-model-active,
.icon-paid-model {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-paid-model-active {
    background-position: -314px -56px
}

.icon-vip-0 {
    background-position: -348px -22px
}

.icon-vip-0-active,
.icon-vip-0 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-0-active {
    background-position: -348px -56px
}

.icon-vip-1 {
    background-position: -383px -22px
}

.icon-vip-1-active,
.icon-vip-1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-1-active {
    background-position: -383px -56px
}

.icon-vip-2 {
    background-position: -416px -22px
}

.icon-vip-2-active,
.icon-vip-2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-2-active {
    background-position: -416px -56px
}

.icon-vip-3 {
    background-position: -451px -22px
}

.icon-vip-3-active,
.icon-vip-3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-3-active {
    background-position: -451px -56px
}

.icon-ob-recharge {
    background-position: -484px -22px
}

.icon-ob-recharge-active,
.icon-ob-recharge {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-ob-recharge-active {
    background-position: -484px -56px
}

.icon-have {
    background-position: -165px -53px
}

.icon-have-active,
.icon-have {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-have-active {
    background-position: -182px -53px
}

.icon-company-A {
    background-position: -147px -91px
}

.icon-company-A,
.icon-company-B {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-company-B {
    background-position: -197px -91px
}

.icon-company-C {
    background-position: -246px -91px
}

.icon-company-C,
.icon-personal-0 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-personal-0 {
    background-position: 4px -91px
}

.icon-personal-1 {
    background-position: -47px -91px
}

.icon-personal-1,
.icon-personal-2 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-vip-free {
    width: 1300px;
    height: 46px;
    background-position: 0 -224px
}

.icon-free,
.icon-vip-free {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-free {
    width: 231px;
    height: 68px;
    background-position: -906px -153px
}

.icon-discount {
    background-position: 0 -274px
}

.icon-discount,
.icon-exclusive {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-exclusive {
    background-position: 0 -324px
}

.icon-value-added {
    background-position: 0 -375px
}

.icon-question,
.icon-value-added {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-question {
    background-position: 0 -423px
}

.icon-3d-model {
    background-position: 0 -475px
}

.icon-3d-model,
.icon-su-model {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-su-model {
    background-position: -264px -475px
}

.icon-construction {
    background-position: -528px -475px
}

.icon-construction,
.icon-soft-pack {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-soft-pack {
    background-position: -792px -475px
}

.icon-save-money {
    display: inline-block;
    width: 50px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -715px -25px
}

.icon-small-member-ordinary {
    background-position: 1px -21px
}

.icon-small-member-moon,
.icon-small-member-ordinary {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-moon {
    background-position: -30px -21px
}

.icon-small-member-year {
    background-position: -60px -21px
}

.icon-small-member-A,
.icon-small-member-year {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-A {
    background-position: -90px -21px
}

.icon-small-member-B {
    background-position: -120px -21px
}

.icon-small-member-B,
.icon-small-member-C {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-C {
    background-position: -150px -21px
}

.icon-3row-member-ordinary {
    background-position: 4px -51px
}

.icon-3row-member-moon,
.icon-3row-member-ordinary {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-moon {
    background-position: -32px -51px
}

.icon-3row-member-year {
    background-position: -67px -51px
}

.icon-3row-member-A,
.icon-3row-member-year {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-A {
    background-position: -101px -51px
}

.icon-3row-member-B {
    background-position: -137px -51px
}

.icon-3row-member-B,
.icon-3row-member-C {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-C {
    background-position: -172px -51px
}

.icon-4row-member-C {
    width: 20px;
    height: 20px;
    background-position: -150px -21px
}

.icon-4row-member-ordinary {
    background-position: 3px -91px
}

.icon-4row-member-moon,
.icon-4row-member-ordinary {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-moon {
    background-position: -48px -91px
}

.icon-4row-member-year {
    background-position: -97px -91px
}

.icon-4row-member-A,
.icon-4row-member-year {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-A {
    background-position: -148px -91px
}

.icon-4row-member-B {
    background-position: -198px -91px
}

.icon-4row-member-B,
.icon-4row-member-C {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-C {
    background-position: -247px -91px
}

.icon-5row-member-ordinary {
    background-position: -3px -144px
}

.icon-5row-member-moon,
.icon-5row-member-ordinary {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-moon {
    background-position: -82px -144px
}

.icon-5row-member-year {
    background-position: -160px -144px
}

.icon-5row-member-A,
.icon-5row-member-year {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-A {
    background-position: -237px -144px
}

.icon-5row-member-B {
    background-position: -315px -144px
}

.icon-5row-member-B,
.icon-5row-member-C {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-C {
    background-position: -393px -144px
}

.icon-vip-5 {
    background-position: -770px -22px
}

.icon-vip-5-active,
.icon-vip-5 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-5-active {
    background-position: -770px -56px
}

.icon-font-new {
    width: 20px;
    height: 20px;
    background-position: -614px -67px
}

.icon-font-new,
.icon-model-repeat-down {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-model-repeat-down {
    width: 1300px;
    height: 46px;
    background-position: 0 -742px
}

.icon-d {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

.service {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 96px
}

.service .title h3 {
    margin: 24px 0 50px;
    font-size: 36px;
    color: #523723;
    font-weight: 400;
    text-align: center
}

.service .service-content {
    width: 1300px;
    height: 394px
}

.service .service-content ul {
    display: flex;
    justify-content: space-between
}

.service .service-content ul li {
    width: 408px;
    height: 394px;
    box-shadow: 0 10px 20px 0 rgba(167, 126, 67, .3)
}

.fl {
    float: left
}

.flex {
    display: flex
}

.bd-1 {
    border: 1px solid #ddd
}

.mb-30 {
    margin-bottom: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.checked {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png);
    background-position: -570px -590px
}

.underline {
    text-decoration: underline
}

.flex-b {
    display: flex;
    justify-content: space-between
}

.input-text {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.triangle-icon {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.f-14-999 {
    font-size: 14px;
    color: #999
}

.f-14-bbb {
    font-size: 14px;
    color: #bbb
}

.f-14-666 {
    font-size: 14px;
    color: #666
}

.f-14-333 {
    font-size: 14px;
    color: #333
}

.cursor {
    cursor: pointer
}

.w-e-toolbar {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0
}

.w-e-text {
    overflow-y: auto !important
}

.w-e-text img {
    max-width: 100% !important
}

.w-e-text-container {
    width: 770px;
    border-radius: 0 0 3px 3px
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 9999
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important
}

.item-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.item-title span {
    color: #e80000
}

.view-lib .trends-tag .tag-add,
.view-trends .trends-tag .tag-add {
    display: flex
}

.view-lib .trends-tag .tag-add input,
.view-trends .trends-tag .tag-add input {
    width: 270px;
    text-indent: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    border-right: none
}

.view-lib .trends-tag .tag-add button,
.view-trends .trends-tag .tag-add button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666;
    background: #fff
}

.view-lib .trends-tag .tag-add button.active,
.view-trends .trends-tag .tag-add button.active {
    background-color: #e80000;
    color: #fff;
    border: none
}

.view-lib .trends-tag .tag-list,
.view-trends .trends-tag .tag-list {
    display: flex;
    margin-top: 12px
}

.view-lib .trends-tag .tag-list li,
.view-trends .trends-tag .tag-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 26px 5px 8px;
    margin-right: 8px
}

.view-lib .trends-tag .tag-list li span,
.view-trends .trends-tag .tag-list li span {
    position: absolute;
    right: 2px;
    top: 54%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.view-lib .trends-cover .cover-main,
.view-trends .trends-cover .cover-main {
    display: flex
}

.view-lib .trends-cover .cover-main .cover-upload,
.view-trends .trends-cover .cover-main .cover-upload {
    position: relative;
    width: 268px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 16px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-img,
.view-trends .trends-cover .cover-main .cover-upload .cover-img {
    width: 100%;
    height: 100%
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty span,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://down.om.cn/member/icon3.png) no-repeat;
    background-position: -345px -21px;
    margin-bottom: 15px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty p,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty p {
    font-size: 14px;
    color: #999
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty input,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-change,
.view-trends .trends-cover .cover-main .cover-change {
    position: relative
}

.view-lib .trends-cover .cover-main .cover-change button,
.view-trends .trends-cover .cover-main .cover-change button {
    margin-bottom: 12px
}

.view-lib .trends-cover .cover-main .cover-change input,
.view-trends .trends-cover .cover-main .cover-change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 36px;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-btn,
.view-trends .trends-btn {
    display: flex
}

.view-lib .trends-btn button,
.view-trends .trends-btn button {
    margin-right: 12px
}

._public-close-btn {
    cursor: pointer;
    background-position: -542px -123px
}

._public-close-btn,
._public-close-btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

._public-close-btn:hover {
    background-position: -558px -123px
}

.trans2 {
    transition: .2s ease
}

.trans3 {
    transition: .3s ease
}

.trans4 {
    transition: .4s ease
}

.iconMemberClass,
.setDefaultClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconMemberClass {
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.iconToolsClass {
    background-image: url(/image/catalog/icons/icon-v6-220325.png)
}

.iconToolsClass,
.iconUtilsClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconUtilsClass {
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

.iconVerifyClass {
    background-image: url(/image/catalog/icons/icon_verify.png)
}

.iconDialogClass,
.iconVerifyClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconDialogClass {
    background-image: url(/image/catalog/icons/dialog_icon_v5.png)
}

.iconSearchClass {
    background-image: url(/image/catalog/icons/icon_search_v2.png)
}

.iconOutfitClass,
.iconSearchClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconOutfitClass {
    background-image: url(/image/catalog/icons/soft_outfit_v1.png)
}

img {
    display: block
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-a,
.flex-ac {
    display: flex;
    align-items: center
}

.flex-ac {
    justify-content: center
}

.lf {
    float: left
}

.rf {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

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

.inner-s {
    width: 1200px;
    margin: 0 auto
}

.icon-money {
    background-position: -28px -248px
}

.icon-gift {
    background-position: -97px -248px
}

.icon-recharge {
    background-position: -232px -249px
}

.year-icon-money {
    background-position: -29px -336px
}

.year-icon-vip-5 {
    background-position: -106px -336px
}

.year-icon-suxun {
    background-position: -184px -336px
}

.year-icon-material {
    background-position: -29px -412px
}

.year-icon-vr {
    background-position: -106px -412px
}

.year-icon-gift {
    background-position: -184px -412px
}

.init-icon-pic {
    background-position: -29px -590px
}

.init-icon-su {
    background-position: -106px -590px
}

.init-icon-more {
    background-position: -184px -590px
}

.group-icon-gift {
    background-position: -29px -692px
}

.group-icon-discount {
    background-position: -262px -692px
}

.group-icon-teacher {
    background-position: -262px -770px
}

.level-icon-init {
    background-position: -25px -28px
}

.level-icon-year {
    background-position: -58px -28px
}

.level-icon-A {
    background-position: -89px -28px
}

.level-icon-B {
    background-position: -121px -28px
}

.level-icon-custom {
    background-position: -154px -28px
}

.icon-white-right {
    background-position: -25px -71px
}

.icon-black-wrong {
    background-position: -51px -71px
}

.icon-black-right {
    background-position: -25px -95px
}

.icon-gray-wrong {
    background-position: -51px -95px
}

.icon-arrow-bottom {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png);
    background-position: -205px -151px
}

.t-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.p-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer
}

.p-btn.active,
.p-btn:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.p-btn-s {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer;
    width: 100px;
    color: #8a8a8a
}

.p-btn-s.active,
.p-btn-s:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    height: 44px;
    color: #fff;
    background-color: #e80000;
    border-radius: 4px
}

.member-main {
    width: 650px;
    padding-top: 70px
}

.member-main h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px
}

.member-main .title-desc {
    font-size: 16px;
    color: #e6e6e6;
    text-align: center
}

.member-main .coupon-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px
}

.member-main .coupon-list .coupon-item {
    width: 217px;
    flex: 0 0 33.3333%;
    text-align: center;
    margin-bottom: 40px
}

.member-main .coupon-list .coupon-item .icon-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.member-main .coupon-list .coupon-item p {
    font-size: 18px;
    color: #e5d4a4;
    margin-bottom: 6px
}

.member-main .coupon-list .coupon-item span {
    color: #ddd
}

.member-main .coupon-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #e6e6e6
}

.member-main .coupon-footer p {
    margin-top: 14px
}

.member-main .coupon-footer p a {
    text-decoration: underline
}

.icon-calculator {
    background-position: 0 -23px
}

.icon-calculator,
.icon-calculator:hover {
    display: inline-block;
    width: 78px;
    height: 78px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-calculator:hover {
    background-position: -82px -23px
}

.icon-personal {
    background-position: -574px -23px
}

.icon-company,
.icon-personal {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company {
    background-position: -664px -23px
}

.icon-company-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -619px -23px
}

.icon-company-small {
    background-position: -571px -66px
}

.icon-company-small-active,
.icon-company-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company-small-active {
    background-position: -590px -66px
}

.icon-personal-small {
    background-position: -531px -66px
}

.icon-personal-small-active,
.icon-personal-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-personal-small-active {
    background-position: -551px -66px
}

.icon-sidebar-bg {
    width: 182px;
    height: 196px;
    background-position: -1056px -476px
}

.icon-customer-service,
.icon-sidebar-bg {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-customer-service {
    width: 122px;
    height: 156px;
    background-position: -1244px -473px
}

.icon-go-back {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -675px
}

.icon-go-back:hover {
    background-position: -1124px -675px
}

.icon-personal-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -531px -23px
}

.icon-upon-arrow-light {
    background-position: -184px -19px
}

.icon-upon-arrow-dark,
.icon-upon-arrow-light {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-upon-arrow-dark {
    background-position: -184px -29px
}

.icon-vip-4 {
    background-position: -245px -22px
}

.icon-vip-4-active,
.icon-vip-4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-4-active {
    background-position: -245px -56px
}

.icon-sub-account {
    background-position: -281px -22px
}

.icon-sub-account-active,
.icon-sub-account {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-sub-account-active {
    background-position: -281px -56px
}

.icon-paid-model {
    background-position: -314px -22px
}

.icon-paid-model-active,
.icon-paid-model {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-paid-model-active {
    background-position: -314px -56px
}

.icon-vip-0 {
    background-position: -348px -22px
}

.icon-vip-0-active,
.icon-vip-0 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-0-active {
    background-position: -348px -56px
}

.icon-vip-1 {
    background-position: -383px -22px
}

.icon-vip-1-active,
.icon-vip-1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-1-active {
    background-position: -383px -56px
}

.icon-vip-2 {
    background-position: -416px -22px
}

.icon-vip-2-active,
.icon-vip-2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-2-active {
    background-position: -416px -56px
}

.icon-vip-3 {
    background-position: -451px -22px
}

.icon-vip-3-active,
.icon-vip-3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-3-active {
    background-position: -451px -56px
}

.icon-ob-recharge {
    background-position: -484px -22px
}

.icon-ob-recharge-active,
.icon-ob-recharge {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-ob-recharge-active {
    background-position: -484px -56px
}

.icon-have {
    background-position: -165px -53px
}

.icon-have-active,
.icon-have {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-have-active {
    background-position: -182px -53px
}

.icon-company-A {
    background-position: -147px -91px
}

.icon-company-A,
.icon-company-B {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-company-B {
    background-position: -197px -91px
}

.icon-company-C {
    background-position: -246px -91px
}

.icon-company-C,
.icon-personal-0 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-personal-0 {
    background-position: 4px -91px
}

.icon-personal-1 {
    background-position: -47px -91px
}

.icon-personal-1,
.icon-personal-2 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-vip-free {
    width: 1300px;
    height: 46px;
    background-position: 0 -224px
}

.icon-free,
.icon-vip-free {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-free {
    width: 231px;
    height: 68px;
    background-position: -906px -153px
}

.icon-discount {
    background-position: 0 -274px
}

.icon-discount,
.icon-exclusive {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-exclusive {
    background-position: 0 -324px
}

.icon-value-added {
    background-position: 0 -375px
}

.icon-question,
.icon-value-added {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-question {
    background-position: 0 -423px
}

.icon-3d-model {
    background-position: 0 -475px
}

.icon-3d-model,
.icon-su-model {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-su-model {
    background-position: -264px -475px
}

.icon-construction {
    background-position: -528px -475px
}

.icon-construction,
.icon-soft-pack {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-soft-pack {
    background-position: -792px -475px
}

.icon-save-money {
    display: inline-block;
    width: 50px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -715px -25px
}

.icon-small-member-ordinary {
    background-position: 1px -21px
}

.icon-small-member-moon,
.icon-small-member-ordinary {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-moon {
    background-position: -30px -21px
}

.icon-small-member-year {
    background-position: -60px -21px
}

.icon-small-member-A,
.icon-small-member-year {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-A {
    background-position: -90px -21px
}

.icon-small-member-B {
    background-position: -120px -21px
}

.icon-small-member-B,
.icon-small-member-C {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-C {
    background-position: -150px -21px
}

.icon-3row-member-ordinary {
    background-position: 4px -51px
}

.icon-3row-member-moon,
.icon-3row-member-ordinary {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-moon {
    background-position: -32px -51px
}

.icon-3row-member-year {
    background-position: -67px -51px
}

.icon-3row-member-A,
.icon-3row-member-year {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-A {
    background-position: -101px -51px
}

.icon-3row-member-B {
    background-position: -137px -51px
}

.icon-3row-member-B,
.icon-3row-member-C {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-C {
    background-position: -172px -51px
}

.icon-4row-member-C {
    width: 20px;
    height: 20px;
    background-position: -150px -21px
}

.icon-4row-member-ordinary {
    background-position: 3px -91px
}

.icon-4row-member-moon,
.icon-4row-member-ordinary {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-moon {
    background-position: -48px -91px
}

.icon-4row-member-year {
    background-position: -97px -91px
}

.icon-4row-member-A,
.icon-4row-member-year {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-A {
    background-position: -148px -91px
}

.icon-4row-member-B {
    background-position: -198px -91px
}

.icon-4row-member-B,
.icon-4row-member-C {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-C {
    background-position: -247px -91px
}

.icon-5row-member-ordinary {
    background-position: -3px -144px
}

.icon-5row-member-moon,
.icon-5row-member-ordinary {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-moon {
    background-position: -82px -144px
}

.icon-5row-member-year {
    background-position: -160px -144px
}

.icon-5row-member-A,
.icon-5row-member-year {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-A {
    background-position: -237px -144px
}

.icon-5row-member-B {
    background-position: -315px -144px
}

.icon-5row-member-B,
.icon-5row-member-C {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-C {
    background-position: -393px -144px
}

.icon-vip-5 {
    background-position: -770px -22px
}

.icon-vip-5-active,
.icon-vip-5 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-5-active {
    background-position: -770px -56px
}

.icon-font-new {
    width: 20px;
    height: 20px;
    background-position: -614px -67px
}

.icon-font-new,
.icon-model-repeat-down {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-model-repeat-down {
    width: 1300px;
    height: 46px;
    background-position: 0 -742px
}

.icon-d {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

.sidebar {
    position: fixed;
    top: 0;
    right: 38px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5
}

.sidebar .tab {
    display: inline-block;
    width: 182px;
    height: 196px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -476px;
    padding: 72px 26px 0;
    display: flex;
    flex-direction: column
}

.sidebar .tab button {
    width: 130px;
    height: 44px;
    background-color: #fff;
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #77682e;
    transition: all .3s
}

.sidebar .tab button:first-child {
    margin-bottom: 10px
}

.sidebar .tab button i {
    margin-right: 4px
}

.sidebar .tab button.active {
    background-color: #ff5842;
    border: 3px solid #fff;
    color: #fff;
    transition: all .3s
}

.sidebar .customer-service {
    margin: 16px 0;
    display: inline-block;
    width: 122px;
    height: 156px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1244px -473px
}

.sidebar .customer-service a {
    width: 122px;
    height: 156px;
    display: block;
    opacity: 0
}

.sidebar .top-btn {
    width: 64px;
    height: 64px;
    cursor: pointer
}

.sidebar .top-btn i {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -675px
}

.sidebar .top-btn i:hover {
    background-position: -1124px -675px
}

.fl {
    float: left
}

.flex {
    display: flex
}

.bd-1 {
    border: 1px solid #ddd
}

.mb-30 {
    margin-bottom: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.checked {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png);
    background-position: -570px -590px
}

.underline {
    text-decoration: underline
}

.flex-b {
    display: flex;
    justify-content: space-between
}

.input-text {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.triangle-icon {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.f-14-999 {
    font-size: 14px;
    color: #999
}

.f-14-bbb {
    font-size: 14px;
    color: #bbb
}

.f-14-666 {
    font-size: 14px;
    color: #666
}

.f-14-333 {
    font-size: 14px;
    color: #333
}

.cursor {
    cursor: pointer
}

.w-e-toolbar {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0
}

.w-e-text {
    overflow-y: auto !important
}

.w-e-text img {
    max-width: 100% !important
}

.w-e-text-container {
    width: 770px;
    border-radius: 0 0 3px 3px
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 9999
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important
}

.item-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.item-title span {
    color: #e80000
}

.view-lib .trends-tag .tag-add,
.view-trends .trends-tag .tag-add {
    display: flex
}

.view-lib .trends-tag .tag-add input,
.view-trends .trends-tag .tag-add input {
    width: 270px;
    text-indent: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    border-right: none
}

.view-lib .trends-tag .tag-add button,
.view-trends .trends-tag .tag-add button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666;
    background: #fff
}

.view-lib .trends-tag .tag-add button.active,
.view-trends .trends-tag .tag-add button.active {
    background-color: #e80000;
    color: #fff;
    border: none
}

.view-lib .trends-tag .tag-list,
.view-trends .trends-tag .tag-list {
    display: flex;
    margin-top: 12px
}

.view-lib .trends-tag .tag-list li,
.view-trends .trends-tag .tag-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 26px 5px 8px;
    margin-right: 8px
}

.view-lib .trends-tag .tag-list li span,
.view-trends .trends-tag .tag-list li span {
    position: absolute;
    right: 2px;
    top: 54%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.view-lib .trends-cover .cover-main,
.view-trends .trends-cover .cover-main {
    display: flex
}

.view-lib .trends-cover .cover-main .cover-upload,
.view-trends .trends-cover .cover-main .cover-upload {
    position: relative;
    width: 268px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 16px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-img,
.view-trends .trends-cover .cover-main .cover-upload .cover-img {
    width: 100%;
    height: 100%
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty span,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://down.om.cn/member/icon3.png) no-repeat;
    background-position: -345px -21px;
    margin-bottom: 15px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty p,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty p {
    font-size: 14px;
    color: #999
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty input,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-change,
.view-trends .trends-cover .cover-main .cover-change {
    position: relative
}

.view-lib .trends-cover .cover-main .cover-change button,
.view-trends .trends-cover .cover-main .cover-change button {
    margin-bottom: 12px
}

.view-lib .trends-cover .cover-main .cover-change input,
.view-trends .trends-cover .cover-main .cover-change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 36px;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-btn,
.view-trends .trends-btn {
    display: flex
}

.view-lib .trends-btn button,
.view-trends .trends-btn button {
    margin-right: 12px
}

._public-close-btn {
    cursor: pointer;
    background-position: -542px -123px
}

._public-close-btn,
._public-close-btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

._public-close-btn:hover {
    background-position: -558px -123px
}

.trans2 {
    transition: .2s ease
}

.trans3 {
    transition: .3s ease
}

.trans4 {
    transition: .4s ease
}

.iconMemberClass,
.setDefaultClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconMemberClass {
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.iconToolsClass {
    background-image: url(/image/catalog/icons/icon-v6-220325.png)
}

.iconToolsClass,
.iconUtilsClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconUtilsClass {
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

.iconVerifyClass {
    background-image: url(/image/catalog/icons/icon_verify.png)
}

.iconDialogClass,
.iconVerifyClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconDialogClass {
    background-image: url(/image/catalog/icons/dialog_icon_v5.png)
}

.iconSearchClass {
    background-image: url(/image/catalog/icons/icon_search_v2.png)
}

.iconOutfitClass,
.iconSearchClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconOutfitClass {
    background-image: url(/image/catalog/icons/soft_outfit_v1.png)
}

img {
    display: block
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-a,
.flex-ac {
    display: flex;
    align-items: center
}

.flex-ac {
    justify-content: center
}

.lf {
    float: left
}

.rf {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

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

.inner-s {
    width: 1200px;
    margin: 0 auto
}

.icon-money {
    background-position: -28px -248px
}

.icon-gift {
    background-position: -97px -248px
}

.icon-recharge {
    background-position: -232px -249px
}

.year-icon-money {
    background-position: -29px -336px
}

.year-icon-vip-5 {
    background-position: -106px -336px
}

.year-icon-suxun {
    background-position: -184px -336px
}

.year-icon-material {
    background-position: -29px -412px
}

.year-icon-vr {
    background-position: -106px -412px
}

.year-icon-gift {
    background-position: -184px -412px
}

.init-icon-pic {
    background-position: -29px -590px
}

.init-icon-su {
    background-position: -106px -590px
}

.init-icon-more {
    background-position: -184px -590px
}

.group-icon-gift {
    background-position: -29px -692px
}

.group-icon-discount {
    background-position: -262px -692px
}

.group-icon-teacher {
    background-position: -262px -770px
}

.level-icon-init {
    background-position: -25px -28px
}

.level-icon-year {
    background-position: -58px -28px
}

.level-icon-A {
    background-position: -89px -28px
}

.level-icon-B {
    background-position: -121px -28px
}

.level-icon-custom {
    background-position: -154px -28px
}

.icon-white-right {
    background-position: -25px -71px
}

.icon-black-wrong {
    background-position: -51px -71px
}

.icon-black-right {
    background-position: -25px -95px
}

.icon-gray-wrong {
    background-position: -51px -95px
}

.icon-arrow-bottom {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png);
    background-position: -205px -151px
}

.t-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.p-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer
}

.p-btn.active,
.p-btn:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.p-btn-s {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer;
    width: 100px;
    color: #8a8a8a
}

.p-btn-s.active,
.p-btn-s:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    height: 44px;
    color: #fff;
    background-color: #e80000;
    border-radius: 4px
}

.member-main {
    width: 650px;
    padding-top: 70px
}

.member-main h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px
}

.member-main .title-desc {
    font-size: 16px;
    color: #e6e6e6;
    text-align: center
}

.member-main .coupon-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px
}

.member-main .coupon-list .coupon-item {
    width: 217px;
    flex: 0 0 33.3333%;
    text-align: center;
    margin-bottom: 40px
}

.member-main .coupon-list .coupon-item .icon-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.member-main .coupon-list .coupon-item p {
    font-size: 18px;
    color: #e5d4a4;
    margin-bottom: 6px
}

.member-main .coupon-list .coupon-item span {
    color: #ddd
}

.member-main .coupon-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #e6e6e6
}

.member-main .coupon-footer p {
    margin-top: 14px
}

.member-main .coupon-footer p a {
    text-decoration: underline
}

.icon-calculator {
    background-position: 0 -23px
}

.icon-calculator,
.icon-calculator:hover {
    display: inline-block;
    width: 78px;
    height: 78px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-calculator:hover {
    background-position: -82px -23px
}

.icon-personal {
    background-position: -574px -23px
}

.icon-company,
.icon-personal {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company {
    background-position: -664px -23px
}

.icon-company-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -619px -23px
}

.icon-company-small {
    background-position: -571px -66px
}

.icon-company-small-active,
.icon-company-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-company-small-active {
    background-position: -590px -66px
}

.icon-personal-small {
    background-position: -531px -66px
}

.icon-personal-small-active,
.icon-personal-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-personal-small-active {
    background-position: -551px -66px
}

.icon-sidebar-bg {
    width: 182px;
    height: 196px;
    background-position: -1056px -476px
}

.icon-customer-service,
.icon-sidebar-bg {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-customer-service {
    width: 122px;
    height: 156px;
    background-position: -1244px -473px
}

.icon-go-back {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -1056px -675px
}

.icon-go-back:hover {
    background-position: -1124px -675px
}

.icon-personal-active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -531px -23px
}

.icon-upon-arrow-light {
    background-position: -184px -19px
}

.icon-upon-arrow-dark,
.icon-upon-arrow-light {
    display: inline-block;
    width: 10px;
    height: 13px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-upon-arrow-dark {
    background-position: -184px -29px
}

.icon-vip-4 {
    background-position: -245px -22px
}

.icon-vip-4-active,
.icon-vip-4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-4-active {
    background-position: -245px -56px
}

.icon-sub-account {
    background-position: -281px -22px
}

.icon-sub-account-active,
.icon-sub-account {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-sub-account-active {
    background-position: -281px -56px
}

.icon-paid-model {
    background-position: -314px -22px
}

.icon-paid-model-active,
.icon-paid-model {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-paid-model-active {
    background-position: -314px -56px
}

.icon-vip-0 {
    background-position: -348px -22px
}

.icon-vip-0-active,
.icon-vip-0 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-0-active {
    background-position: -348px -56px
}

.icon-vip-1 {
    background-position: -383px -22px
}

.icon-vip-1-active,
.icon-vip-1 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-1-active {
    background-position: -383px -56px
}

.icon-vip-2 {
    background-position: -416px -22px
}

.icon-vip-2-active,
.icon-vip-2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-2-active {
    background-position: -416px -56px
}

.icon-vip-3 {
    background-position: -451px -22px
}

.icon-vip-3-active,
.icon-vip-3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-3-active {
    background-position: -451px -56px
}

.icon-ob-recharge {
    background-position: -484px -22px
}

.icon-ob-recharge-active,
.icon-ob-recharge {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-ob-recharge-active {
    background-position: -484px -56px
}

.icon-have {
    background-position: -165px -53px
}

.icon-have-active,
.icon-have {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-have-active {
    background-position: -182px -53px
}

.icon-company-A {
    background-position: -147px -91px
}

.icon-company-A,
.icon-company-B {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-company-B {
    background-position: -197px -91px
}

.icon-company-C {
    background-position: -246px -91px
}

.icon-company-C,
.icon-personal-0 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-personal-0 {
    background-position: 4px -91px
}

.icon-personal-1 {
    background-position: -47px -91px
}

.icon-personal-1,
.icon-personal-2 {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-vip-free {
    width: 1300px;
    height: 46px;
    background-position: 0 -224px
}

.icon-free,
.icon-vip-free {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-free {
    width: 231px;
    height: 68px;
    background-position: -906px -153px
}

.icon-discount {
    background-position: 0 -274px
}

.icon-discount,
.icon-exclusive {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-exclusive {
    background-position: 0 -324px
}

.icon-value-added {
    background-position: 0 -375px
}

.icon-question,
.icon-value-added {
    display: inline-block;
    width: 1300px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-question {
    background-position: 0 -423px
}

.icon-3d-model {
    background-position: 0 -475px
}

.icon-3d-model,
.icon-su-model {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-su-model {
    background-position: -264px -475px
}

.icon-construction {
    background-position: -528px -475px
}

.icon-construction,
.icon-soft-pack {
    display: inline-block;
    width: 261px;
    height: 261px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-soft-pack {
    background-position: -792px -475px
}

.icon-save-money {
    display: inline-block;
    width: 50px;
    height: 46px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png);
    background-position: -715px -25px
}

.icon-small-member-ordinary {
    background-position: 1px -21px
}

.icon-small-member-moon,
.icon-small-member-ordinary {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-moon {
    background-position: -30px -21px
}

.icon-small-member-year {
    background-position: -60px -21px
}

.icon-small-member-A,
.icon-small-member-year {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-A {
    background-position: -90px -21px
}

.icon-small-member-B {
    background-position: -120px -21px
}

.icon-small-member-B,
.icon-small-member-C {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-small-member-C {
    background-position: -150px -21px
}

.icon-3row-member-ordinary {
    background-position: 4px -51px
}

.icon-3row-member-moon,
.icon-3row-member-ordinary {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-moon {
    background-position: -32px -51px
}

.icon-3row-member-year {
    background-position: -67px -51px
}

.icon-3row-member-A,
.icon-3row-member-year {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-A {
    background-position: -101px -51px
}

.icon-3row-member-B {
    background-position: -137px -51px
}

.icon-3row-member-B,
.icon-3row-member-C {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-3row-member-C {
    background-position: -172px -51px
}

.icon-4row-member-C {
    width: 20px;
    height: 20px;
    background-position: -150px -21px
}

.icon-4row-member-ordinary {
    background-position: 3px -91px
}

.icon-4row-member-moon,
.icon-4row-member-ordinary {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-moon {
    background-position: -48px -91px
}

.icon-4row-member-year {
    background-position: -97px -91px
}

.icon-4row-member-A,
.icon-4row-member-year {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-A {
    background-position: -148px -91px
}

.icon-4row-member-B {
    background-position: -198px -91px
}

.icon-4row-member-B,
.icon-4row-member-C {
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-4row-member-C {
    background-position: -247px -91px
}

.icon-5row-member-ordinary {
    background-position: -3px -144px
}

.icon-5row-member-moon,
.icon-5row-member-ordinary {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-moon {
    background-position: -82px -144px
}

.icon-5row-member-year {
    background-position: -160px -144px
}

.icon-5row-member-A,
.icon-5row-member-year {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-A {
    background-position: -237px -144px
}

.icon-5row-member-B {
    background-position: -315px -144px
}

.icon-5row-member-B,
.icon-5row-member-C {
    width: 60px;
    height: 75px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.icon-5row-member-C {
    background-position: -393px -144px
}

.icon-vip-5 {
    background-position: -770px -22px
}

.icon-vip-5-active,
.icon-vip-5 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-vip-5-active {
    background-position: -770px -56px
}

.icon-font-new {
    width: 20px;
    height: 20px;
    background-position: -614px -67px
}

.icon-font-new,
.icon-model-repeat-down {
    display: inline-block;
    background-image: url(/image/catalog/icons/icon_new_vip_v5.png)
}

.icon-model-repeat-down {
    width: 1300px;
    height: 46px;
    background-position: 0 -742px
}

.icon-d {
    background-image: url(/image/catalog/icons/dialog_icon_v2.png)
}

.model-repeat-download {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 120px
}

.model-repeat-download .title h3 {
    margin: 24px 0 50px;
    font-size: 36px;
    color: #523723;
    font-weight: 400;
    text-align: center
}

.model-repeat-download .download-content {
    display: flex;
    justify-content: space-between;
    width: 1336px;
    height: 372px;
    background-image: url(/image/catalog/icons/model-repeat-down.png)
}

.fl {
    float: left
}

.flex {
    display: flex
}

.bd-1 {
    border: 1px solid #ddd
}

.mb-30 {
    margin-bottom: 30px
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.checked {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/v5_icon_v16.png);
    background-position: -570px -590px
}

.underline {
    text-decoration: underline
}

.flex-b {
    display: flex;
    justify-content: space-between
}

.input-text {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.triangle-icon {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.f-14-999 {
    font-size: 14px;
    color: #999
}

.f-14-bbb {
    font-size: 14px;
    color: #bbb
}

.f-14-666 {
    font-size: 14px;
    color: #666
}

.f-14-333 {
    font-size: 14px;
    color: #333
}

.cursor {
    cursor: pointer
}

.w-e-toolbar {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0
}

.w-e-text {
    overflow-y: auto !important
}

.w-e-text img {
    max-width: 100% !important
}

.w-e-text-container {
    width: 770px;
    border-radius: 0 0 3px 3px
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 9999
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important
}

.item-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.item-title span {
    color: #e80000
}

.view-lib .trends-tag .tag-add,
.view-trends .trends-tag .tag-add {
    display: flex
}

.view-lib .trends-tag .tag-add input,
.view-trends .trends-tag .tag-add input {
    width: 270px;
    text-indent: 15px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    border-right: none
}

.view-lib .trends-tag .tag-add button,
.view-trends .trends-tag .tag-add button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 44px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #666;
    background: #fff
}

.view-lib .trends-tag .tag-add button.active,
.view-trends .trends-tag .tag-add button.active {
    background-color: #e80000;
    color: #fff;
    border: none
}

.view-lib .trends-tag .tag-list,
.view-trends .trends-tag .tag-list {
    display: flex;
    margin-top: 12px
}

.view-lib .trends-tag .tag-list li,
.view-trends .trends-tag .tag-list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 26px 5px 8px;
    margin-right: 8px
}

.view-lib .trends-tag .tag-list li span,
.view-trends .trends-tag .tag-list li span {
    position: absolute;
    right: 2px;
    top: 54%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer
}

.view-lib .trends-cover .cover-main,
.view-trends .trends-cover .cover-main {
    display: flex
}

.view-lib .trends-cover .cover-main .cover-upload,
.view-trends .trends-cover .cover-main .cover-upload {
    position: relative;
    width: 268px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 16px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-img,
.view-trends .trends-cover .cover-main .cover-upload .cover-img {
    width: 100%;
    height: 100%
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty span,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://down.om.cn/member/icon3.png) no-repeat;
    background-position: -345px -21px;
    margin-bottom: 15px
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty p,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty p {
    font-size: 14px;
    color: #999
}

.view-lib .trends-cover .cover-main .cover-upload .cover-empty input,
.view-trends .trends-cover .cover-main .cover-upload .cover-empty input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-cover .cover-main .cover-change,
.view-trends .trends-cover .cover-main .cover-change {
    position: relative
}

.view-lib .trends-cover .cover-main .cover-change button,
.view-trends .trends-cover .cover-main .cover-change button {
    margin-bottom: 12px
}

.view-lib .trends-cover .cover-main .cover-change input,
.view-trends .trends-cover .cover-main .cover-change input {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 36px;
    font-size: 0;
    opacity: 0;
    cursor: pointer
}

.view-lib .trends-btn,
.view-trends .trends-btn {
    display: flex
}

.view-lib .trends-btn button,
.view-trends .trends-btn button {
    margin-right: 12px
}

._public-close-btn {
    cursor: pointer;
    background-position: -542px -123px
}

._public-close-btn,
._public-close-btn:hover {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

._public-close-btn:hover {
    background-position: -558px -123px
}

.trans2 {
    transition: .2s ease
}

.trans3 {
    transition: .3s ease
}

.trans4 {
    transition: .4s ease
}

.iconMemberClass,
.setDefaultClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconMemberClass {
    background-image: url(/image/catalog/icons/v5_icon_v16.png)
}

.iconToolsClass {
    background-image: url(/image/catalog/icons/icon-v6-220325.png)
}

.iconToolsClass,
.iconUtilsClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconUtilsClass {
    background-image: url(/image/catalog/icons/icon_utils_v4.png)
}

.iconVerifyClass {
    background-image: url(/image/catalog/icons/icon_verify.png)
}

.iconDialogClass,
.iconVerifyClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconDialogClass {
    background-image: url(/image/catalog/icons/dialog_icon_v5.png)
}

.iconSearchClass {
    background-image: url(/image/catalog/icons/icon_search_v2.png)
}

.iconOutfitClass,
.iconSearchClass {
    display: inline-block;
    background-repeat: no-repeat
}

.iconOutfitClass {
    background-image: url(/image/catalog/icons/soft_outfit_v1.png)
}

img {
    display: block
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-a,
.flex-ac {
    display: flex;
    align-items: center
}

.flex-ac {
    justify-content: center
}

.lf {
    float: left
}

.rf {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

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

.inner-s {
    width: 1200px;
    margin: 0 auto
}

.icon-money {
    background-position: -28px -248px
}

.icon-gift {
    background-position: -97px -248px
}


.icon-recharge {
    background-position: -232px -249px
}

.year-icon-money {
    background-position: -29px -336px
}

.year-icon-vip-5 {
    background-position: -106px -336px
}

.year-icon-suxun {
    background-position: -184px -336px
}

.year-icon-material {
    background-position: -29px -412px
}

.year-icon-vr {
    background-position: -106px -412px
}

.year-icon-gift {
    background-position: -184px -412px
}

.init-icon-pic {
    background-position: -29px -590px
}

.init-icon-su {
    background-position: -106px -590px
}

.init-icon-more {
    background-position: -184px -590px
}

.group-icon-gift {
    background-position: -29px -692px
}

.group-icon-discount {
    background-position: -262px -692px
}

.group-icon-teacher {
    background-position: -262px -770px
}

.level-icon-init {
    background-position: -25px -28px
}

.level-icon-year {
    background-position: -58px -28px
}

.level-icon-A {
    background-position: -89px -28px
}

.level-icon-B {
    background-position: -121px -28px
}

.level-icon-custom {
    background-position: -154px -28px
}

.icon-white-right {
    background-position: -25px -71px
}

.icon-black-wrong {
    background-position: -51px -71px
}

.icon-black-right {
    background-position: -25px -95px
}

.icon-gray-wrong {
    background-position: -51px -95px
}

.icon-arrow-bottom {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png);
    background-position: -205px -151px
}

.t-over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.p-btn {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer
}

.p-btn.active,
.p-btn:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.p-btn-s {
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    color: #e5d3a4;
    border: 1px solid #e5d3a4;
    cursor: pointer;
    width: 100px;
    color: #8a8a8a
}

.p-btn-s.active,
.p-btn-s:hover {
    color: #202020;
    background-image: linear-gradient(90deg, #fff7d7, #ecdba8), linear-gradient(#e80000, #e80000);
    border: 1px solid #ecdba8
}

.confirm-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 133px;
    height: 44px;
    color: #fff;
    background-color: #e80000;
    border-radius: 4px
}

.member-main {
    width: 650px;
    padding-top: 70px
}

.member-main h3 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px
}

.member-main .title-desc {
    font-size: 16px;
    color: #e6e6e6;
    text-align: center
}

.member-main .coupon-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 20px
}

.member-main .coupon-list .coupon-item {
    width: 217px;
    flex: 0 0 33.3333%;
    text-align: center;
    margin-bottom: 40px
}

.member-main .coupon-list .coupon-item .icon-item {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(/image/catalog/icons/vip_icon_v3.png)
}

.member-main .coupon-list .coupon-item p {
    font-size: 18px;
    color: #e5d4a4;
    margin-bottom: 6px
}

.member-main .coupon-list .coupon-item span {
    color: #ddd
}

.member-main .coupon-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #e6e6e6
}

.member-main .coupon-footer p {
    margin-top: 14px
}

.member-main .coupon-footer p a {
    text-decoration: underline
}

.vip-index-module {
    position: relative
}

.vip-index-module .top-banner {
    display: flex;
    justify-content: center;
    height: 352px;
    background: url(/image/catalog/icons/banner_01.jpg);
    padding-top: 246px
}

.vip-index-module .vip-index-footer {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 270px;
    padding-top: 65px;
    background: url(/image/catalog/icons/banner_06.png)
}

.vip-index-module .vip-index-footer p {
    font-size: 32px;
    color: #f0f0f0;
    letter-spacing: 3px
}

.vip-index-module .vip-index-footer span {
    display: inline-block;
    color: #e5d4a4;
    margin: 24px 0 40px;
    letter-spacing: 16px
}

.vip-module .vip-privilege-module .father-box {
    position: relative;
    height: 618px;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: all .3s
}

.vip-module .vip-privilege-module .father-box .calculator {
    margin: 0 auto;
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 5px solid #ead7a5;
    border-radius: 100px
}

.vip-module .vip-privilege-module .father-box .calculator .calculator-text {
    width: 550px;
    height: 70px;
    background-image: linear-gradient(180deg, #fefcf1, #fff8db 50%, #fff6d1), linear-gradient(#fff4ca, #fff4ca);
    border-radius: 100px
}

.vip-module .vip-privilege-module .father-box .calculator .calculator-text span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 471px;
    height: 70px;
    font-size: 24px;
    color: #ae8d46
}

.vip-module .vip-privilege-module .father-box .calculator .calculator-text span i {
    font-size: 36px;
    font-weight: 700
}

.vip-module .vip-privilege-module .father-box .calculator .calculator-text .icon-calculator {
    position: absolute;
    right: 0;
    top: -4px;
    z-index: 5;
    cursor: pointer
}

.vip-module .vip-privilege-module.infor-description {
    background: url(/image/catalog/icons/main_bg_v3.jpg) no-repeat top
}

.vip_gather_index {
    background: #f8f8f8;
    min-height: 1000px;
    padding-bottom: 15px
}

.vip_gather_index .banner_box {
    height: 485px;
    padding: 20px 0;
    background: #fff
}

.vip_gather_index .banner_box .main {
    width: 1200px;
    margin: 0 auto
}

.vip_gather_index .banner_box .main .poster {
    width: 100%;
    height: 360px;
    overflow: hidden;
    position: relative
}

.vip_gather_index .banner_box .main .poster img {
    width: 100%;
    height: 100%
}

.vip_gather_index .banner_box .main .poster>ul {
    position: relative;
    left: 0
}

.vip_gather_index .banner_box .main .poster>ul>li {
    float: left
}

.vip_gather_index .banner_box .main .poster>.next {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    width: 50px;
    height: 45px;
    display: block;
    line-height: 80px
}

.vip_gather_index .banner_box .main .poster>.prev {
    cursor: pointer;
    opacity: 0;
    display: block;
    position: absolute;
    width: 50px;
    height: 45px;
    text-align: center;
    line-height: 80px
}

.vip_gather_index .banner_box .main .poster .next,
.vip_gather_index .banner_box .main .poster .prev {
    transition: all .5s
}

.vip_gather_index .banner_box .main .poster .next:hover,
.vip_gather_index .banner_box .main .poster .prev:hover {
    transform: scale(1.2);
    opacity: 1 !important;
    transition: all .3s
}

.vip_gather_index .banner_box .main .poster>ol {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 8%
}

.vip_gather_index .banner_box .main .poster>ol>li {
    cursor: pointer;
    position: relative;
    margin-left: 15px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff
}

.vip_gather_index .banner_box .main .poster>ol>li.action {
    background-color: #c2000d
}

.vip_gather_index .banner_box .main .poster>ol>li:hover {
    background-color: #de6e6a
}

.vip_gather_index .banner_box .main .explain {
    padding-top: 20px
}

.vip_gather_index .banner_box .main .explain .item {
    position: relative;
    float: left;
    width: 22.5%;
    color: #666;
    margin-left: 2.5%;
    padding-left: 68px;
    box-sizing: border-box
}

.vip_gather_index .banner_box .main .explain .item>b {
    font-size: 22px;
    font-weight: 400
}

.vip_gather_index .banner_box .main .explain .item>p {
    font-size: 14px;
    margin-top: 8px
}

.vip_gather_index .banner_box .main .explain .item:after {
    position: absolute;
    content: "";
    height: 42px;
    width: 42px;
    margin: 8px;
    top: 0;
    left: 0;
    background: url(/image/catalog/icons/model/yearVip_youshi4.png) no-repeat 0 0
}

.vip_gather_index .banner_box .main .explain .item:nth-child(2):after {
    background-position-x: -47px
}

.vip_gather_index .banner_box .main .explain .item:nth-child(3):after {
    background-position-x: -95px
}

.vip_gather_index .banner_box .main .explain .item:nth-child(4):after {
    background-position-x: -142px
}

.vip_gather_index .exhibit_box {
    width: 1200px;
    margin: 0 auto
}

.vip_gather_index .exhibit_box .title {
    padding: 30px
}

.vip_gather_index .exhibit_box .title img {
    margin: 0 auto
}

.vip_gather_index .exhibit_box .date {
    text-align: center;
    margin-bottom: 30px
}

.vip_gather_index .exhibit_box .date .years {
    display: inline-block;
    position: relative;
    margin-right: 8px
}

.vip_gather_index .exhibit_box .date .years:hover .year_list {
    display: block
}

.vip_gather_index .exhibit_box .date .years>p {
    font-size: 14px;
    color: #666;
    padding: 2px 10px;
    border: 1px solid #ddd;
    border-radius: 12.5px;
    margin: 0 2px
}

.vip_gather_index .exhibit_box .date .years .year_list {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
    z-index: 1;
    box-sizing: border-box;
    border-top: 1px solid #ddd
}

.vip_gather_index .exhibit_box .date .years .year_list a {
    line-height: 24px;
    display: block;
    font-size: 14px;
    border-radius: 12px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-top: 0
}

.vip_gather_index .exhibit_box .date>a {
    font-size: 14px;
    color: #999;
    padding: 2px 10px;
    border: 1px solid #ddd;
    border-radius: 12.5px;
    margin: 0 2px;
    transition: all .123s linear
}

.vip_gather_index .exhibit_box .date>a:hover {
    background: rgba(239, 0, 0, .68);
    color: #fff;
    border-color: #e80000
}

.vip_gather_index .exhibit_box .date>a.action {
    background: #e80000;
    color: #fff;
    border-color: #e80000
}

.vip_gather_index .exhibit_box .list {
    position: relative
}

.vip_gather_index .exhibit_box .list:after {
    content: "";
    display: block;
    clear: both
}

.vip_gather_index .exhibit_box .list.pic .item:after {
    background: url(/image/catalog/icons/model/yearVip_icon2.png)
}

.vip_gather_index .exhibit_box .list .handle {
    position: absolute;
    top: -53px;
    right: 0
}

.vip_gather_index .exhibit_box .list .handle a {
    font-size: 14px;
    color: #999;
    margin-right: 15px
}

.vip_gather_index .exhibit_box .list .handle a:hover {
    color: #333
}

.vip_gather_index .exhibit_box .list .handle a.next_a {
    color: #e80000
}

.vip_gather_index .exhibit_box .list .handle a.next_a:hover {
    color: #c2000d
}

.vip_gather_index .exhibit_box .list .item {
    float: left;
    margin-bottom: 13px;
    width: 290px;
    height: 350px;
    background: #fff;
    cursor: pointer;
    position: relative
}

.vip_gather_index .exhibit_box .list .item:after {
    content: "";
    width: 86px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/image/catalog/icons/model/yearVip_icon1.png)
}

.vip_gather_index .exhibit_box .list .item:not(:nth-child(4n)) {
    margin-right: 13px
}

.vip_gather_index .exhibit_box .list .item:hover {
    box-shadow: 0 0 6px #ccc
}

.vip_gather_index .exhibit_box .list .item:hover .d2 {
    color: #e80000
}

.vip_gather_index .exhibit_box .list .item .d1 {
    width: 290px;
    height: 290px;
    line-height: 290px;
    text-align: center;
    overflow: hidden
}

.vip_gather_index .exhibit_box .list .item .d1 img {
    max-width: 100%;
    max-height: 99%;
    vertical-align: middle
}

.vip_gather_index .exhibit_box .list .item .d2 {
    width: 290px;
    height: 60px;
    background: #fff;
    border-top: 1px solid #efefef
}

.vip_gather_index .exhibit_box .list .item .d2 p:first-child {
    text-align: center;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 288px;
    box-sizing: border-box;
    padding: 7px 30px
}

.vip_gather_index .exhibit_box .list .item .d2 .p2 {
    padding: 0 20px;
    color: #999
}

.vip_gather_index .exhibit_box .list .item .d2 .p2 b {
    font-weight: 400
}

.vip_gather_index .poster {
    margin: 0 auto;
    width: 1200px;
    height: 120px
}

.vip_gather_index .poster a img {
    width: 100%;
    height: 100%
}

.dialog-history .history-main {
    padding: 0 40px;
    max-height: 592px;
    overflow: auto
}

.dialog-history .history-main .history-cate {
    position: relative;
    display: flex;
    width: 680px;
    padding: 18px 0
}

.dialog-history .history-main .history-cate:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #eee
}

.dialog-history .history-main .history-cate span {
    flex: 0 0 32.9%;
    color: #999;
    text-align: center
}

.dialog-history .history-main .history-list {
    max-height: 490px;
    overflow-y: auto
}

.dialog-history .history-main .history-list .history-item {
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid #eee
}

.dialog-history .history-main .history-list .history-item span {
    flex: 0 0 33.333%;
    color: #666;
    text-align: center
}

.dialog-history .history-main .history-list .history-item .check-cur-button {
    display: inline-block;
    width: 66px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #ddd
}

.dialog-history .history-main .history-list .history-item .check-cur-button:hover {
    color: #fff;
    background-color: #e80000;
    border: 1px solid transparent;
    cursor: pointer
}

.dialog-info .info-body {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 337px;
    padding-top: 40px
}

.dialog-info .info-body .confirm-btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%)
}

.dialog-info .info-main>div {
    margin-bottom: 32px
}

.dialog-info .info-main .info-main-l {
    display: inline-block;
    width: 70px;
    color: #999;
    text-align: right
}

.dialog-info .info-main .info-main-r {
    color: #333;
    text-align: left
}

.dialog-info .info-main .info-address {
    display: flex
}

.dialog-info .info-main .info-address .info-main-r {
    max-width: 312px
}

.dialog-info .check-pan-box {
    padding: 28px 0 0 40px
}

.dialog-info .check-pan-box .pan-item {
    margin-bottom: 13px
}

.dialog-info .check-pan-box .pan-item .pan-title {
    color: #999
}

.dialog-info .check-pan-box .pan-url-box {
    display: flex;
    align-items: center
}

.dialog-info .check-pan-box .pan-url-main {
    display: flex
}

.dialog-info .check-pan-box .pan-url-main .pan-url {
    width: 252px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    background-color: #f5f5f5;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px
}

.dialog-info .check-pan-box .pan-url-main button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 36px;
    color: #fff;
    background-color: #e80000;
    border-radius: 3px
}

.dialog-write-address .write-info-main,
.dialog-write-info .write-info-main {
    padding: 33px 42px 0 50px
}

.dialog-write-address .write-info-main .flex-c,
.dialog-write-info .write-info-main .flex-c {
    margin-top: 34px
}

.dialog-write-address .form-item,
.dialog-write-info .form-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.dialog-write-address .form-item span,
.dialog-write-info .form-item span {
    display: inline-block;
    width: 60px;
    text-align: right;
    margin-right: 10px;
    color: #666
}

.dialog-write-address .form-item input,
.dialog-write-info .form-item input {
    width: 296px;
    height: 44px;
    color: #999;
    text-indent: 14px;
    border-radius: 4px;
    background-color: #f5f5f5
}

.dialog-write-address .form-item textarea,
.dialog-write-info .form-item textarea {
    width: 296px;
    height: 112px;
    font-family: "'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
    border-radius: 4px;
    padding: 10px 10px 0 16px;
    background-color: #f6f6f6
}

.dialog-write-address .form-item-area,
.dialog-write-info .form-item-area {
    position: relative
}

.dialog-write-address .form-item-area .icon-arrow-bottom,
.dialog-write-info .form-item-area .icon-arrow-bottom {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%)
}

.dialog-write-address .form-item-address,
.dialog-write-info .form-item-address {
    align-items: baseline
}

.dialog-write-address .address-picker-wrap,
.dialog-write-info .address-picker-wrap {
    padding-left: 10px
}

.dialog-write-address .address-picker-wrap input,
.dialog-write-info .address-picker-wrap input {
    width: 296px;
    height: 44px;
    color: #999;
    text-indent: 14px;
    border-radius: 4px;
    background-color: #f5f5f5
}

.dialog-coupon-info .info-body {
    height: 150px;
    padding-top: 20px
}

.dialog-coupon-info .info-body .coupon-name {
    color: #e80000;
    margin-top: 5px
}

.dialog-coupon-info .info-body .confirm-btn {
    width: 100px;
    height: 36px;
    bottom: 30px !important
}
.vip-module .detail-infor{
    padding:0;
}
@media screen and (max-width: 1700px){
    .privilege-meal-module .meal-main .meal-item,
    .privilege-meal-module .meal-main .meal-item .omission{
        width: 335px;
    }
    .privilege-meal-module .meal-main .meal-item .omission .meal-content {
        padding: 0 20px;
    }
    .privilege-meal-module .meal-main .meal-item .omission .meal-content .assets-item li h5 {
        font-size: 18px;
    }
    .privilege-meal-module .meal-main .meal-item .omission .meal-title h3 {
        font-size: 22px;
    }
    .privilege-meal-module .meal-main .meal-item .omission .meal-title {
        height: 55px;
    }
    .privilege-meal-module .meal-main .meal-item .omission .meal-content .area-serve {
        padding: 20px 0;
    }
}