.ig-a1wodzw {
    display: flex;
    flex-direction: column;
}

.ig-bwezw6wa {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ig-cawdd5w {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ig-dw9ako {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ig-elslmnf2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.ig-fwadw8cz {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ig-g1zsdlo {
    text-align: right
}

.ig-rpsds6za {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgq/bj1.png) top center no-repeat #0c2b3200;
    padding-bottom: 0;
    background-size: 100% 100%;
}

.ig-apdl3d {
    width: 49%;
    color: #221734;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 39px;
    border: 1px solid #e2d5db;
    border-bottom: 1px solid #e2d5db00;
    border-radius: 10px 10px 0 0;
}

.leloijhub {
    border-radius: 5px;
    border: 1px solid #00a8b2;
    background: #fff;
    width: 100%;
    display: block;
    margin-top: 10px;
    line-height: 39px;
    color: #00A8B2;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.ledslkwjui {
    padding: 5px 15px;
    font-size: 13px;
    color: #989795;
    margin-bottom: 10px;
    border: 0px solid #858585;
    border-radius: 100px;
    background: #333;
}

.input .wpeignbh {
    color: #2051b5;
}

.wpeignbh {
    border: 0px solid rgba(0, 0, 0, 0.08);
}

.ledslkwjui input::-webkit-input-placeholder {
    color: #7F7F7F;
    font-size: 12px;
    width: 100%;
}

.ddwewd {
    background: #f8f9fc;
}

.srbvgkionn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff00;
    height: 72px;
    padding: 0 0.85rem;
    box-shadow: 0 0px 0px 0 #0000000d;
}

.srbvgkionn h2 {
    font-size: 0.95rem;
    color: #FFFFFF;
    margin-bottom: 0rem;
}

.jbdrre {
    height: 5px;
    background-color: #ffffff00;
}

.mmrry {
    color: #D3D3D3;
    font-size: 10px;
    font-weight: 400;
}

.ddwewd .ledslkwjui {
    font-size: 0.85rem;
}

.dseenhy {
    width: 1rem;
    height: 1rem;
    background: #005498;
    border-radius: 100px;
    text-align: center !important;
    line-height: 1rem;
    font-size: 0.75rem;
    margin-left: -19px;
    color: #fff;
    margin-top: -11px;
}

.tzjjre {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 27px;
    color: #6182F6;
    font-size: 12px;
    margin: 0;
    width: 100%;
    border-radius: 9999px;
    margin-top: 6px;
    background: #ffffff00;
    border: 1px solid #b1ada7;
    background: #ffffff;
    border-radius: 4px;
}

.dahhwet {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    background: #FFFFFF;
    padding: 1rem 0.5rem;
}

.ig-fwadw8czhy {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    margin-top: 1rem;
    font-size: 0.75rem;
}

.dweweew {
    background: #edeff7;
    height: 0.5rem;
}

.reebbt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #ffffff00;
}

.ddrtdwhy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 21%;
    font-size: 12px;
    margin: 5px 6px;
    padding: 15px 0px;
    padding-top: 10px;
    border-radius: 22px;
    text-align: center;
    background: #d9d9d9;
}

.ddrtdway {
    color: #FF0000;
    font-weight: 500;
    font-size: 12px;
}

.ddrtdway span {
    font-weight: 600;
    margin-left: 0.5rem;
}

.ddrtdway em {
    margin-right: 0.5rem;
    color: #c1c1c2;
}

.ddrtdwrr {
    font-weight: 600;
    float: right;
    line-height: 1rem;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
}

.dwehhyu {
    background: #FFFFFF;
    padding: 1rem 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footdbt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 96%;
    z-index: 998;
    background: #fdfb68;
    margin: 0 2%;
    border-radius: 99px;
}

.foothht {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    padding: 13px 0;
}

.foothht p {
    font-size: 13px;
    margin-top: 3px;
    color: #97accc;
    font-weight: 500;
    text-align: center;
}

.kfrerr {
    background: #FFFFFF;
}

.kftter {
    padding: 1rem 1.5rem;
}

.kftter h2 {
    font-size: 1.36rem;
    font-weight: 600;
}

.kftter p {
    font-size: 0.85rem;
    color: #a3a3a3;
}

.kfuubbr {
    padding: 1rem 1.5rem;
    font-size: 0.85rem;
    margin-top: 20px;
    /* margin-bottom: 22%; */
}

.kfuubbr h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.kfuubbr p {
    font-size: 13px;
    color: #2b463c;
    font-weight: 500;
}

.kfuubbr a {
    padding: 0.8rem 2rem;
    color: #FFFFFF;
    margin-top: 0.5rem;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    text-align: center;
    display: block;
    border-radius: 100px;
    background: linear-gradient(225deg, #628CFF 0%, #1BB5FF 100%);
}

.dweggm {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
}

.ddwehui {
    color: #FFFFFF;
    font-size: 0.86rem;
    margin-bottom: 0;
    font-weight: 500;
    margin-right: 0.5rem;
}

.kfeeggy {
    background: #ffffff;
}

.kfdwert {
    font-size: 12px;
    padding: 1.8rem 1rem;
    color: #f1f1f1;
    text-align: center;
}

.kfttnnfw {
    padding: 0.8rem 1rem;
    font-size: 0.85rem;
}

.kfttnnfw h3 {
    font-size: 0.95rem;
}

.kfyydzd {
    padding: 0.8rem 1rem;
    font-size: 0.85rem;
    background: #d9d9d9;
    border-radius: 20px;
    margin: 20px;
}

.kfyydzd h3 {
    font-size: 0.95rem;
}

.kfyydzd span {
    font-weight: 500;
    color: #585858;
    font-size: 14px;
    color: #444444;
}

.kfyydzd p {
    color: #818181;
    margin-bottom: 0px;
}

.txhhwe {
    font-size: 0.95rem;
    font-weight: 500;
}

.weeesdd input::-webkit-input-placeholder {
    color: #F9F9F9;
    font-size: 12px;
    font-weight: 500;
}

.lsttvfr {
    padding: 1.56rem 1rem;
}

.lsttvfr p {
    font-size: 0.83rem;
    margin-bottom: 0px;
    color: #565656;
}

.lsttvfr span {
    font-size: 1rem;
    font-weight: 600;
}

.lsttvfr h3 {
    font-size: 0.8rem;
    border: 0px solid #f7c72d;
    border-radius: 0.39rem;
    padding: 0.2rem 0;
    color: #083937;
    background: #ffffff00;
    text-align: center;
    margin-top: 10px;
}

.yqhher {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgq/bj7.png) top center no-repeat #ffffff;
    background-size: 100% 100vh;
}

.fedfgctob {
    color: #000000;
    font-weight: 600;
    margin-left: 0.5rem;
}

.yqdsew {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0rem 20px;
    padding: 10px 20px;
    margin-top: 0.9rem;
    background: #1283d600;
    border-radius: 5px;
    border: 1px solid #D1D5DA;
    margin-bottom: 20px;
}

.yqdsewimg {
    margin-top: 0;
    background: #ffffff;
    padding: 2rem;
    border-radius: 5px;
    margin-right: 0px;
    margin-bottom: 20px;
}

.yqdsew p {
    color: #76787B;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0rem;
}

.yqdsew span {
    color: #49CC88;
    font-size: 1.3rem;
    font-weight: 700;
    margin-left: 0px;
}

.yqdsew a {
    font-size: 0.8rem;
    background: #00000000;
    padding: 0;
    border-radius: 6px;
    color: #FFFFFF;
    margin-top: 0rem;
    margin-left: 50px;
}

.yetxtyy {
    padding: 0 1.5rem;
    background: #ffffff;
    padding: 35px 20px;
    border-radius: 54px 54px 0px 0px;
    margin-top: 30px;
}

.yetxtyy h3 {
    font-size: 1.31rem;
}

.yetxtyy p {
    font-size: 0.85rem;
    color: #676767;
}

.yetxtyy h5 {
    font-size: 1.1rem;
}

.myhhwer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    margin: 1rem 1rem;
    border-radius: 12px;
    font-size: 0.82rem;
    margin-top: 0rem;
    box-shadow: 0px 2px 3px 3px #0000000d !important;
}

.myhhwerimg {
    background: #f8f9fc;
    border-radius: 5px;
}

.myhhwer h2 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.myhdwed {
    padding: 0rem;
    width: 100%;
    font-size: 12px;
}

.myhdwed p {
    margin-bottom: 0;
    margin-right: 0.36rem;
}

.mybbsdre {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    font-size: 0.82rem;
    margin-top: 1rem;
    padding: 1rem 1.68rem;
    color: #000000;
    background: #ffffff;
    margin: 1rem 1rem;
    box-shadow: 0px 2px 3px 3px #0000000d !important;
}

.mybbsdre span {
    font-size: 1rem;
    font-weight: 700;
}

.mybbsdre p {
    font-size: 0.76rem;
    color: #64718a;
}

.myndsw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

.myndsw a {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

.myndsw span {
    height: 3.5rem;
    color: #64718a;
    font-size: 0.76rem;
    margin-top: 0.2rem;
}

.mydsing {
    margin: 1rem 1rem;
}

.mydsweh {
    margin: 0 1rem;
}

.mydsweh a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.2rem;
}

.mydsweh h3 {
    margin-bottom: 0;
    font-size: 12px;
    color: #0e2953;
    font-weight: 400;
}

.mydiggw {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #c6c6c6;
    font-size: 0.78rem;
    margin: 2rem 0;
}

.dlwrry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    margin: 0 1rem;
    margin-top: 1rem;
}

.dlwrry h2 {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.dlwrry span {
    font-size: 0.8rem;
    margin-right: 0.3rem;
    color: #21903b;
    font-weight: 600;
}

.ddyybbr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f8f8;
    margin: 0.5rem 1rem;
    padding: 0.5rem 1rem;
    box-shadow: 0 .3rem 0.6rem #d5ddde !important;
    border-radius: 6px;
    margin-top: 1rem;
}

.ddyybbr p {
    font-size: 0.86rem;
    margin-left: 0.5rem;
}

.ddyybbr a {
    font-size: 0.86rem;
    font-weight: 600;
}

.icoweadrr {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding: 0 0.8rem;
}

.icoweaaarr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 30.899999%;
    margin: 0.5rem 1.2%;
}

.icoweaaarr img {
    width: 100%;
    -webkit-box-shadow: 1px 0 6px 0px rgb(0 0 0 / 10%);
    box-shadow: 1px 0 6px 0px rgb(0 0 0 / 10%);
    border: 1px solid #f3f3f3;
    border-radius: 0.5rem;
}

.icoweaaarr p {
    color: #7d7d7d;
    font-size: 0.82rem;
    margin-top: 0.35rem;
    margin-bottom: 0;
}

.icoweaaarr h3 {
    font-size: 0.86rem;
    margin-top: 0.35rem;
    font-weight: 700;
}

.ddrruu {
    text-align: center;
    margin: 0 1rem;
    margin-top: 1.8rem;
}

.ddrruu a {
    color: #FFFFFF;
}

.qewbb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.qewbb p {
    font-size: 0.8rem;
    padding: 0rem 1rem;
    color: #666666;
    margin-bottom: 0;
}

.qewbb span {
    font-size: 1.1rem;
    font-weight: 700;
}

.lhyr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 2rem;
    padding: 0rem 1rem;
}

.lhyruu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 3.1rem;
    line-height: 3.1rem;
    font-size: 0.85rem;
}

.jhybbd {
    border-bottom: 0.1rem solid #e7e7e7;
}

.lhyruu p {
    color: #adadad;
    margin-bottom: 0;
}

.lhyruu span {
    font-weight: 700;
}

.jjdsuu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 1rem;
    margin-top: 1.6rem;
    margin-bottom: 0;
    padding-bottom: 50px;
}

.jjdsuu h3 {
    margin-bottom: 0rem;
    font-size: 0.8rem;
}

.jjdsuu p {
    font-size: 0.75rem;
    color: #adadad;
    margin-top: 0.3rem;
    margin-bottom: 0;
}

.ddrruu button {
    text-align: center;
    background: #21903b;
    height: 3rem;
    line-height: 3rem;
    border-radius: 5px;
    font-size: 0.85rem;
    color: rgb(255, 255, 255);
    border: 1px #f8f9fc solid;
    font-weight: 500;
}

.active .swiper-slide a {
    color: #606060;
    text-transform: none;
    padding: 5px 10px;
    margin: 0px;
    font-size: 12px;
    border-radius: 0px;
    border: 0px solid #2f82ff;
    background: #1d1d1d00;
    border-bottom: 1px solid #E1E1E1;
    font-weight: 400;
    line-height: 30px;
}

.wewddty .card {
    background-color: rgba(255, 255, 255, 0);
}

.dweerty {
    font-size: 12px;
    color: #000000 !important;
    font-weight: 400;
    margin-bottom: 0rem;
    margin-bottom: 5px;
}

.ddrjio1 {
    font-size: 11px;
    color: #37C062;
    font-weight: 400;
    border-radius: 100px;
    border: 0px solid #A5A5A5;
    padding: 2px 0px;
    line-height: 12px;
}

.ddrjio2 {
    font-size: 11px;
    color: #BBAB1A;
    font-weight: 400;
    border-radius: 100px;
    border: 0px solid #A5A5A5;
    padding: 2px 0px;
    line-height: 12px;
}

.ddrjio3 {
    font-size: 12px;
    color: #DF3C31;
    font-weight: 600;
    border-radius: 100px;
    border: 1px solid #7E7E7E;
    padding: 2px 10px;
    line-height: 12px;
}

.boxddxa {
    display: flex;
    flex-direction: column;
    margin-top: 0.2rem;
    font-size: 0.78rem;
}

.boxwrbt p {
    color: #000000;
    font-size: 0.95rem;
    font-weight: 700;
}

.boxwrbt span {
    border: 1px solid #0d27ff;
    color: #0d27ff;
    padding: 0.2rem 0.88em;
    border-radius: 16rem;
    font-weight: 700;
    font-size: 0.75rem;
}

.boxddxa h3 {
    font-size: 0.89rem;
    color: #000000;
    margin-top: 0.39rem;
}

.boxddxa p {
    margin-bottom: 0;
    color: #aaaaaa;
}

.boxdasmwe button {
    padding: 12px 2px;
    font-weight: 700;
    font-size: 17px;
    background-color: #65E5D2 !important;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #65E5D2;
    border-radius: 15px;
    background: #65E5D2;
    box-shadow: 0 0 0 #0000001a !important;
}

.ig-bwezw6wa .btn-default {
    color: #969696 !important;
}

.dsdttm9e {
    margin: 0.5rem 1rem;
    padding: 0.5rem 1rem;
    font-size: 13px;
    margin-top: 30px;
    border-radius: 5px;
    border: 2px #c9e3fa solid;
}

.ig-bwezw6wa .btn-default, .ig-bwezw6wa .btn-default.active {
    background-color: #f8f9fc00;
    color: #000000 !important;
    font-weight: 400;
}

.kkweffr {
    margin-left: 0.35rem;
    font-size: 0.86rem;
    color: #000000;
    font-weight: 500;
}

.weeerkk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 1.3rem;
    font-size: 12px;
    font-weight: 400;
}

.dsdhhu {
    font-size: 0.78rem;
    background: #0c947f;
    padding: 0.1rem 1.36rem;
    color: #FFFFFF !important;
    border-radius: 5px;
    margin-bottom: 0.85rem;
}

.denglua {
    width: 50%;
    text-align: center;
    background: #00bcfb;
    color: #ffffff !important;
    padding: 8px;
    border-radius: 10px;
    font-weight: 500;
    box-shadow: 3px 6px 8px #00000014;
}

.denglub {
    width: 55%;
    background: #ffffff;
    font-size: 13px;
    border-radius: 10px;
    margin-top: 20%;
    box-shadow: 3px 6px 8px #00000014;
}

.hhvvra {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 3px 5px 4px #0000000d;
    border-radius: 6px;
    height: 390px;
    margin-right: 20px;
}

.into2 {
    background: url(/imgq/bj4.png) no-repeat 0px 0px #d9d9d9;
    background-size: 100% 270px;
    color: #000000;
    display: flex;
    flex-direction: column;
    padding: 0 0px;
}

.bj1 {
    background: #ffffff;
}

.bj2 {
    color: #003A6F;
    margin: 20px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 25px;
    background: #ffffff;
    padding: 20px;
    z-index: 5;
    position: relative;
}

.bj3 {
    padding: 0 1.5rem;
    /* background: #FEFEFE; */
    padding: 5px 1px;
    border-radius: 54px 54px 0px 0px;
    margin-top: 0px;
}

.el-drawer__body {
    background: linear-gradient(168deg, #110FF5 0%, #B247F3 100%);
}

.wrapper {
    z-index: inherit !important;
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: #ffffff !important;
}

.el-progress-bar__innerText {
    color: #fff !important;
}

.ordenn {
    padding: 5px 0px;
    box-shadow: #00000029 0px 0px 0px 0px inset;
    color: #000000;
    background: #ffffff00;
    border-radius: 10px;
    font-size: 16px;
}

.ledslkwjuikk {
    padding: 10px 10px;
    font-size: 13px;
    color: #999;
    margin-bottom: 15px;
    box-shadow: 0px 0px 0px 0px #00000029 inset;
    border-radius: 10px;
    border: 1px solid #e5e6e7;
    background: #fff;
}

.ledslkwjuikk input::-webkit-input-placeholder {
    color: #999;
    font-size: 13px;
    width: 100%;
    font-weight: 400;
}

.bj5 {
    background: #1f2f3f;
    border-radius: 20px;
    margin: 0px 20px;
    padding-bottom: 25px;
    border: 1px solid #9e9e9e;
    color: #ffffff;
}

.nnggtn {
    opacity: 0.5;
    font-size: 12px;
    font-family: Times New Roman, Times New Roman-Bold Italic;
    font-weight: 700;
    color: #292929;
    letter-spacing: 0.84px;
    margin-top: 16px;
    padding: 0.8rem 1rem;
}

.fukuany1 {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #32373C;
    margin-bottom: 10px;
}

.bj6 {
    padding: 48px 20px;
    border-radius: 39px;
    color: #000000;
    margin: 0 26px;
    font-size: 12px;
    font-weight: 400;
    /* background-color: #fff; */
    /* background: rgb(255, 255, 255); */
    /* box-shadow: #00000026 0px 4px 22px 0px; */
    margin-top: 165px;
}

.bj11 {
    background: url(/imgq/bj6.png) top center no-repeat #ffffff;
    background-size: 100% 301px;
}

.kfuubbtt {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    padding: 15px 20px;
    color: #ffffff;
}

.bj22 {
    background: url(/imgq/bj8.png) top center no-repeat #ffffff;
    background-size: 100% 180px;
}

.qdnnbtt {
    width: 55%;
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    line-height: 18px;
}

.hrrt1 {
    color: #8b8b8b;
    margin-top: 3px;
    line-height: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ig-rpsds6zakk {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgq/bj2.png) top center no-repeat #0c2b3200;
    padding-bottom: 0;
    background-size: 100% 100%;
}

.yqhherbbg {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgq/bj9.png) top center no-repeat #ffffff;
    background-size: 100% 100vh;
}

.yqhherbbf {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgq/bj9.png) top center no-repeat #ffffff;
    background-size: 100% 100vh;
}

.uiukp {
    width: 100%;
    overflow-x: hidden;
    background: url(/imge/bj1.png) top center no-repeat #4ea3a100;
    padding-bottom: 0;
    background-size: 100% 100%;
}

.honn1 {
    background: url(/imgr/bj2.png) top center no-repeat #0c2b3200;
    padding-bottom: 0;
    background-size: 100% 195px;
    height: 200px;
    max-width: 380px;
    width: 100%;
}

.honn2 {
    background: url(/imgr/bj3.png) top center no-repeat #0c2b3200;
    padding-bottom: 0;
    background-size: 100% 195px;
    height: 200px;
    max-width: 380px;
    width: 100%;
}

.bootyy {
    background: #3193cd;
    width: 23px;
    height: 23px;
    padding: 20px;
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 5px solid #0f1c2e;
    box-sizing: content-box;
}

.rounkk1 {
    padding: 15px 20px;
    color: #ffffff;
    border: 1px solid #9e9e9e;
    margin: 0 20px;
    border-radius: 12px;
    background: #1f2f3f;
}

.uukkg1 {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    padding-bottom: 0;
    background-size: 100% auto;
}

.uukkg2 {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    padding-bottom: 0;
    background-size: 100% auto;
}

.uukkg3 {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgr/bj6.png) top center no-repeat #0f1c2d;
    padding-bottom: 0;
    background-size: 100% auto;
}

.uukkg4 {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgr/bj7.png) top center no-repeat #0f1c2d;
    padding-bottom: 0;
    background-size: 100% auto;
}

.ttiiiq {
    margin-top: 15px;
    border: 0px solid #A1A2D1;
    border-radius: 0px;
}

.uiulog {
    width: 100%;
    overflow-x: hidden;
    background: url(/imgq/bj1.png) top center no-repeat #4ea3a100;
    padding-bottom: 0;
    background-size: 100% 100%;
}

.vipnng {
    padding: 5px 10px;
    margin-top: 7px;
    border-radius: 10px;
    background: #380351;
}

.tanjju {
    padding: 10px 0px;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0px 0;
    border-bottom: 1px solid #ffffff80;
}

.zdthj a:hover {
    color: #ffffff;
}

.tanjju img {
    width: 35px;
    margin-right: 10px;
}

.vipdds {
    padding: 0px 20px;
    overflow: hidden;
}

/* .vipdds:active  {
   height: auto;
   margin-bottom: 10px;
   position: absolute;
   top: 0;
   width: 100%;
   text-align: center;
   padding: 10px;
   background-color: #FFF;
  }
.vipdds:hover {
    height: auto;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #FFF;
} */
.into11r1 {
    background: url(/imgq/ca3.png) no-repeat 0px 0px #ebebeb00;
    color: #FFF;
    background-size: 100% 310px;
    margin: 20px 7%;
    padding: 30px 50px;
    height: 310px;
}

.into11r3 {
    background: url(/imge/kaa1.png) no-repeat 0px 0px #ebebeb00;
    background-size: 100% 299px;
    margin: 20px;
    padding: 76px 30px;
    height: 299px;
    width: 70%;
}

.into11r1-h1 {
    font-size: 16px;
}

.into11r1-h2 {
    font-size: 55px;
}

.into11r1-h3 {
    font-size: 32px;
}

.vipff1 {
    background: url(/imgq/vv1.png) no-repeat 0px 0px #ebebeb00;
    height: 500px;
    color: #282F3A;
    background-size: 100% 500px;
    margin: 3% 5%;
}

.vipff2 {
    background: url(/imgq/vv2.png) no-repeat 0px 0px #ebebeb00;
    height: 500px;
    color: #282F3A;
    background-size: 100% 500px;
    margin: 2% 13.8%;
}

.vipff3 {
    background: url(/imgq/vv3.png) no-repeat 0px 0px #ebebeb00;
    height: 500px;
    color: #282F3A;
    background-size: 100% 500px;
    margin: 3% 5%;
}

.vipff4 {
    background: url(/imgq/vv4.png) no-repeat 0px 0px #ebebeb00;
    height: 500px;
    color: #282F3A;
    background-size: 100% 500px;
    margin: 3% 5%;
}

.vipfee1 {
    background: url(/imgq/v11.png) no-repeat 0px 0px #ebebeb00;
    height: 250px;
    color: #282F3A;
    background-size: 100% 250px;
    width: 25%;
    min-width: 25%;
    margin-right: 20px;
}

.vipfee2 {
    background: url(/imgq/v12.png) no-repeat 0px 0px #ebebeb00;
    height: 250px;
    color: #282F3A;
    background-size: 100% 250px;
    width: 25%;
    min-width: 25%;
    margin-right: 20px;
}

.vipfee3 {
    background: url(/imgq/v13.png) no-repeat 0px 0px #ebebeb00;
    height: 250px;
    color: #282F3A;
    background-size: 100% 250px;
    width: 25%;
    min-width: 25%;
    margin-right: 20px;
}

.vipfee4 {
    background: url(/imgq/v14.png) no-repeat 0px 0px #ebebeb00;
    height: 250px;
    color: #282F3A;
    background-size: 100% 250px;
    width: 25%;
    min-width: 25%;
    margin-right: 20px;
}

.mykkiii {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    padding-bottom: 0;
    background-size: 100% 100%;
}

.into11r2 {
    background: url(/imgq/bj3.png) no-repeat 0px 0px #ebebeb00;
    height: 160px;
    color: #ffffff;
    background-size: 100% 160px;
    margin: 10px 20px;
    padding: 20px;
}

.ig-appok1 {
    width: 100%;
    background: url(/imgq/fa1.png) top center no-repeat #1f2933;
    background-size: 100% 100%;
}

.ig-appok2 {
    background: url(/imge/fa3.png) top center no-repeat #ffffff;
    background-size: 100% auto;
    margin: 0px;
}

.ig-appok3 {
    background: url(/imge/fa5.png) top center no-repeat #ffffff;
    background-size: 100% 100%;
    margin: 0px;
}

.ig-appok5 {
    background: url(/imge/fa8.png) top center no-repeat #F6F6F6;
    background-size: 100% 100%;
}

.ig-appok6 {
    background: url(/imge/fa9.png) top center no-repeat #F6F6F6;
    background-size: 100% 100%;
}

.ig-appok7 {
    width: 100%;
    background: url(/imge/add6.png) top center no-repeat #EEEEF8;
    background-size: 100% 366px;
}

.ig-appok8 {
    width: 100%;
    background: url(/imge/add7.png) top center no-repeat #FFF;
    background-size: 100% 500px;
}

.ig-appok9 {
    width: 100%;
    background: url(/imge/add8.png) top center no-repeat #EEEEF8;
    background-size: 100% 500px;
}

body {
    background: #ffffff;
}

body {
    /* max-width: 1325px; */
    margin: 0 auto;
    background: #ffffff;
}

.sdfffg01 {
    padding: 73px;
    padding-top: 50%;
    padding-left: 5%;
    padding-right: 36%;
}

.anniudd {
    width: 330px;
    color: #1F2933 !important;
    padding: 15px 35px;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 15px;
    border: 0px solid #fff;
    background: #65e5d2;
}

.txtysff {
    font-size: 25px;
    line-height: 32px;
}

.txtysff01 {
    text-align: center;
}

.xingying01 {
    display: flex;
}

.xingying02 {
    display: none;
}

.dgdffww {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dgdffwwnr1 {
    width: 23%;
    margin-bottom: 20px;
}

.bjggtu1 {
    background: #FDF5F2;
    padding-bottom: 0;
}

.ysdff1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3% 7%;
}

.bjggtu2 {
    width: 100%;
    overflow-x: hidden;
    background: url(/imge/bj55.png) top center no-repeat #ffffff;
    background-size: 100% auto;
}

.sdnngoo {
    width: 50%;
}

.wapyin {
    display: none;
}

.pxyin {
}

.txtsy01 {
    font-size: 32px;
    line-height: 50px;
}

.txtsy02 {
    font-size: 39px;
    line-height: 55px;
}

.into11r22 {
    background: url(/imgq/bj10.png) no-repeat 0px 0px #ebebeb00;
    height: 239px;
    color: #858585;
    background-size: 100% 230px;
    margin: 20px 50px;
    padding: 50px 25px;
    text-align: center;
    width: 315px;
}

.yqdsddbb1 {
    background: #ffffff;
}

.yqdsddbb2 {
    background: linear-gradient(to bottom, #121212 0%, #7d2272 100%);
}

.yffddays {
    margin: 0 auto;
    max-width: 590px;
}

.hhsdsy01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hhsdsy {
    width: 50%;
    display: inline-flex;
    justify-content: center;
}

.zihgdfee {
    font-size: 28px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 1%;
}

.ziaddfe {
    height: 90px;
}

.el-drawer__open .el-drawer.rtl {
    max-width: 500px !important;
}

.heimg {
    width: 198px;
}

.into11fgaa {
    background: url(/imgq/bj7.png) no-repeat 0px 0px #ebebeb00;
    height: 300px;
    color: #282F3A;
    background-size: 100% 295px;
    margin: 10px 0px;
    padding: 1px 25px;
}

.hongt1 {
    background: #FFF;
}

.hongt2 {
    background: url(/imge/ya2.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt3 {
    background: url(/imge/ya3.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt5 {
    background: url(/imge/ya5.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt6 {
    background: url(/imge/ya6.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt7 {
    background: url(/imge/ya7.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt8 {
    background: url(/imge/ya8.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt9 {
    background: url(/imge/ya9.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt10 {
    background: url(/imge/ya10.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt11 {
    background: url(/imge/ya11.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt12 {
    background: url(/imge/ya12.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.hongt13 {
    background: url(/imge/ya13.png) top center no-repeat #0c2b3200;
    background-size: 100% 112px;
    height: 112px;
    width: 100%;
    text-align: center;
    line-height: 112px;
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
}

.into1ra2 {
    background: url(/imgq/ca5.png) no-repeat 0px 0px #719ec300;
    background-size: 100% 325px;
    padding: 0px 7%;
    margin: 20px 0;
    height: 325px;
    margin-top: 66px;
}

.xysdadb {
    display: flex;
    justify-content: space-around;
}

.ffddkkq {
    padding: 2% 7%;
}

.vvfyhh1 {
    background: url(/imge/bj11.png) no-repeat 0px 0px #ebebeb00;
    color: #282F3A;
    background-size: 100% 705px;
    margin: 20px;
    padding: 50px 0px;
    height: 705px;
}

.viprqqe {
    background: url(/imge/bj13.png) no-repeat 0px 0px #ebebeb00;
    height: 339px;
    color: #282F3A;
    background-size: 100% 339px;
    margin: 20px;
    padding: 51px;
}

.zsllweer {
    color: #083937;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
}

.ysya {
    padding: 0% 7%;
}

.wemk {
    font-size: 32px;
    color: #181844;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

@media only screen and (max-width: 1650px) {
    .sdfffg01 {
        padding: 20px;
        padding-top: 62%;
        padding-bottom: 8%;
        padding-left: 5%;
        text-align: center;
        padding-right: 30%;
    }
}

@media only screen and (max-width: 1080px) {
    .wemk {
        font-size: 20px;
        color: #181844;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }

    .ysya {
        padding: 0% 20px;
    }

    .into11r1-h1 {
        font-size: 12px;
    }

    .into11r1-h2 {
        font-size: 28px;
    }

    .into11r1-h3 {
        font-size: 20px;
    }

    .zsllweer {
        color: #083937;
        font-size: 22px;
        font-weight: 500;
        line-height: normal;
        text-align: center;
    }

    .heimg {
        width: 110px;
    }

    .ffddkkq {
        padding: 20px 0;
    }

    .xysdadb {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }

    .viprqqe {
        background: url(/imge/bj12.png) no-repeat 0px 0px #ebebeb00;
        height: 376px;
        color: #282F3A;
        background-size: 100% 376px;
        margin: 20px;
        padding: 50px 20px;
    }

    .vvfyhh1 {
        background: url(/imge/bj11.png) no-repeat 0px 0px #ebebeb00;
        color: #282F3A;
        background-size: 100% 705px;
        margin: 20px;
        padding: 50px 0px;
        height: 705px;
    }

    .hongt1 {
        background: #FFF;
    }

    .hongt2 {
        background: url(/imge/y2.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt3 {
        background: url(/imge/y3.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt5 {
        background: url(/imge/y5.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt6 {
        background: url(/imge/y6.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt7 {
        background: url(/imge/y7.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt8 {
        background: url(/imge/y8.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt9 {
        background: url(/imge/y9.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt10 {
        background: url(/imge/y10.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt11 {
        background: url(/imge/y11.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt12 {
        background: url(/imge/y12.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .hongt13 {
        background: url(/imge/y13.png) top center no-repeat #0c2b3200;
        background-size: 100% 112px;
        height: 112px;
        width: 100%;
        text-align: center;
        line-height: 112px;
        color: #FFF;
        font-size: 22px;
        font-weight: 400;
    }

    .into11r1 {
        background: url(/imgq/c3.png) no-repeat 0px 0px #ebebeb00;
        color: #FFF;
        background-size: 100% 329px;
        margin: 20px;
        padding: 30px 20px;
        height: 329px;
    }

    .into1ra2 {
        background: url(/imgq/c5.png) no-repeat 0px 0px #719ec300;
        background-size: 100% 277px;
        padding: 0px 0px;
        margin: 20px 0;
        height: 277px;
        margin-top: 50px;
    }

    .into11r3 {
        background: url(/imge/ka1.png) no-repeat 0px 0px #ebebeb00;
        background-size: 100% 139px;
        margin: 0;
        padding: 30px 20px;
        height: 139px;
        width: auto;
        margin-top: 15px;
    }

    .el-drawer__open .el-drawer.rtl {
        max-width: 100% !important;
    }

    .zihgdfee {
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        line-height: 50px;
        padding: 10px 0;
    }

    .ziaddfe {
        height: 60px;
    }

    .hhsdsy01 {
        display: flex;
        flex-direction: column;
    }

    .hhsdsy {
        width: auto;
    }

    .yffddays {
        margin: 0 20px;
        max-width: initial;
    }

    .vipff1 {
        background: url(/imgq/vv1.png) no-repeat 0px 0px #ebebeb00;
        height: 139px;
        color: #282F3A;
        background-size: 100% 139px;
        margin: 20px;
    }

    .vipff2 {
        background: url(/imgq/vv2.png) no-repeat 0px 0px #ebebeb00;
        height: 139px;
        color: #282F3A;
        background-size: 100% 139px;
        margin: 20px;
    }

    .vipff3 {
        background: url(/imgq/vv3.png) no-repeat 0px 0px #ebebeb00;
        height: 139px;
        color: #282F3A;
        background-size: 100% 139px;
        margin: 20px;
    }

    .vipff4 {
        background: url(/imgq/vv4.png) no-repeat 0px 0px #ebebeb00;
        height: 139px;
        color: #282F3A;
        background-size: 100% 139px;
        margin: 20px;
    }

    .vipfee1 {
        background: url(/imgq/v11.png) no-repeat 0px 0px #ebebeb00;
        height: 250px;
        color: #282F3A;
        background-size: 100% 250px;
        width: 220px;
        min-width: 220px;
        margin-right: 20px;
    }

    .vipfee2 {
        background: url(/imgq/v12.png) no-repeat 0px 0px #ebebeb00;
        height: 250px;
        color: #282F3A;
        background-size: 100% 250px;
        width: 220px;
        min-width: 220px;
        margin-right: 20px;
    }

    .vipfee3 {
        background: url(/imgq/v13.png) no-repeat 0px 0px #ebebeb00;
        height: 250px;
        color: #282F3A;
        background-size: 100% 250px;
        width: 220px;
        min-width: 220px;
        margin-right: 20px;
    }

    .vipfee4 {
        background: url(/imgq/v14.png) no-repeat 0px 0px #ebebeb00;
        height: 250px;
        color: #282F3A;
        background-size: 100% 250px;
        width: 220px;
        min-width: 220px;
        margin-right: 20px;
    }

    .ig-appok1 {
        width: 100%;
        overflow-x: hidden;
        background: url(/imgq/f1.png) top center no-repeat #1f2933;
        background-size: 100% 100%;
        padding-bottom: 0;
    }

    .ig-appok2 {
        background: url(/imge/f3.png) top center no-repeat #ffffff00;
        margin: 0px;
        background-size: 100% auto;
    }

    .ig-appok3 {
        background: url(/imge/f5.png) top center no-repeat #fbffff;
        background-size: 100% auto;
        margin: 0px;
    }

    .ig-appok5 {
        background: url(/imge/f8.png) top center no-repeat #F6F6F6;
        background-size: 100% 100%;
    }

    .ig-appok6 {
        background: url(/imge/f9.png) top center no-repeat #F6F6F6;
        background-size: 100% 100%;
    }

    .ig-appok7 {
        width: 100%;
        background: url(/imge/ad6.png) top center no-repeat #EEEEF8;
        background-size: 100% 233px;
    }

    .ig-appok8 {
        width: 100%;
        background: url(/imge/ad7.png) top center no-repeat #FFF;
        background-size: 100% auto;
        background-size: 100% 310px;
    }

    .ig-appok9 {
        width: 100%;
        background: url(/imge/ad8.png) top center no-repeat #EEEEF8;
        background-size: 100% auto;
        background-size: 100% 310px;
    }

    .sdfffg01 {
        padding: 20px;
        margin-top: 69%;
    }

    .anniudd {
        width: 100%;
        color: #1F2933 !important;
        padding: 10px 13px;
        margin-top: 20px;
        text-align: center;
        font-weight: 600;
        border-radius: 15px;
        border: 0px solid #fff;
        background: #65e5d2;
    }

    .txtysff {
        font-size: 16px;
        line-height: 20px;
    }

    .txtysff01 {
        text-align: left;
    }

    .xingying01 {
        display: none;
    }

    .xingying02 {
        display: flex;
    }

    .dgdffww {
        display: flex;
        flex-direction: column;
    }

    .dgdffwwnr1 {
        width: 100%;
    }

    .bjggtu1 {
        background: #FDF5F2;
        Selection colors Hex; padding-bottom: 0;
    }

    .ysdff1 {
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 20px;
    }

    .bjggtu2 {
        width: 100%;
        overflow-x: hidden;
        background: url(/imge/bj5.png) top center no-repeat #ffffff;
        background-size: 100% auto;
    }

    .sdnngoo {
        width: 100%;
    }

    .wapyin {
        display: block;
    }

    .pxyin {
        display: none;
    }

    .txtsy01 {
        font-size: 18px;
        line-height: 25px;
    }

    .txtsy02 {
        font-size: 24px;
        line-height: 30px;
    }

    .bjggtu3 {
        width: 100%;
        overflow-x: hidden;
        background: url(/imgq/bj8.png) top center no-repeat #ffffff;
        background-size: 100% auto;
    }
}

.el-collapse-item__wrap {
    will-change: height;
    background-color: #1f2f3f00;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0px solid #EBEEF5;
    padding: 15px 10px;
    border-radius: 0px 0px 9px 9px;
    margin-top: -6px;
}

.el-collapse-item__content {
    padding-bottom: 10px;
    font-size: 16px;
    color: #003A6F;
    line-height: 1.769230769230769;
}

.el-collapse-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    color: #289CA0;
    cursor: pointer;
    border-bottom: 0px solid #B0B0B0;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
    outline: 0;
    padding: 2px 15px;
    border-radius: 9999px;
    font-weight: 600;
}

.el-collapse {
    border-top: 0px solid #EBEEF5;
    border-bottom: 0px solid #EBEEF5;
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent;
    background-color: #5AC0C4;
    color: #ffffff;
}

.tanhhf .tanjju {
    padding: 8px 20px;
    font-size: 20px;
}

.el-drawer__open .el-drawer.ttb {
    -webkit-animation: ttb-drawer-in .3s 1ms;
    animation: ttb-drawer-in .3s 1ms;
    max-width: 500px !important;
    left: auto;
}

.hggd1, .hggd2, .hggdz1, .hggd3 {
    display: none;
}

.hggd1 {
    display: block;
}

.tu-bnhusfzb {
    width: 49%;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 10px;
    background: linear-gradient(270deg, #F9A94C 0%, #612FE4 100%);
}

.tu-mkliiafg {
    width: 49%;
    color: #612FE4;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 10px;
    border: 1px solid #f9a94c;
    background: #fff;
}

.tco-drawer-mask {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0s linear 0.4s;
}

.tco-drawer-mask.tco-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.3s ease, visibility 0s;
}

/* 抽屉主体 */
.tco-drawer {
    --tco-drawer-size: 50%;
    position: absolute;
    background: #FDFDFF;
    overflow: auto;
    overscroll-behavior: contain;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.18);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

/* 右侧抽屉 */
.tco-drawer.tco-right {
    top: 0;
    right: 0;
    width: var(--tco-drawer-size);
    max-width: 100vw;
    height: 100%;
    transform: translate3d(100%, 0, 0);
}

/* 左侧抽屉 */
.tco-drawer.tco-left {
    top: 0;
    left: 0;
    width: var(--tco-drawer-size);
    max-width: 100vw;
    height: 100%;
    transform: translate3d(-100%, 0, 0);
}

/* 顶部抽屉 */
.tco-drawer.tco-top {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--tco-drawer-size);
    max-height: 100vh;
    transform: translate3d(0, -100%, 0);
}

/* 底部抽屉 */
.tco-drawer.tco-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--tco-drawer-size);
    max-height: 100vh;
    transform: translate3d(0, 100%, 0);
}

/* 打开状态 */
.tco-drawer.tco-open {
    transform: translate3d(0, 0, 0);
}

/* 关闭按钮 */
.tco-drawer-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #555;
    background: #f1f1f1;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.tco-drawer-close:hover {
    background: #e5e5e5;
}

/* 内容区域 */
.tco-drawer-content {
    min-height: 100%;
    /* padding: 65px 20px 20px; */
    box-sizing: border-box;
}

/* 手机端 */
@media (max-width: 768px) {
    .tco-drawer-content {
        /* padding: 20px; */
    }

    .tco-drawer-close {
        top: 12px;
        right: 12px;
    }
}

.tco-open-btn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 6px;
    color: #fff;
    background: #1677ff;
    cursor: pointer;
    user-select: none;
}
