ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

.container {
    margin: 0 auto;
}

.cr-pointer {
    cursor: pointer;
}

body {
    background-color: #faf9f9;
    margin: 0;
    font-family: PingFang SC;
}

.bg-ffff {
    background-color: #fff;
}

p,
ul {
    margin: 0;
    padding: 0;
}

.new_vip {
    width: 357px;
    min-height: 393px;
    box-shadow: 0px 8px 14px 3px rgba(21, 22, 22, 0.04);
    background-color: #FFFFFF;
    position: fixed;
    left: 18px;
    top: 125px;
    z-index: 10;
    border-radius: 8px;
}

.notice_vip {
    right: 18px;
    left: auto;
}

.new_vip_info {
    margin: 22px 36px 23px 27px;
}

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

.new_vip_title span {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #2D2F33;
}

.new_vip_title .new_vip_close {
    color: #5B5E65;
    font-size: 13px;
}

.new_vip_list {
    min-height: 310px;
    /* overflow: hidden; */
    /* overflow-y: scroll; */
}

.new_vip_list li {
    display: flex;
    align-items: center;
}

.vip_list_head {
    width: 30px;
    height: 30px;
    margin-right: 24px;
}

.top_info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.new_vip_head {
    width: 35px;
    height: 36px;
    margin-right: 22px;
}

.vip_list_info {
    flex: 1;
    margin-right: 36px;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 4px;

}

.notice_vip .vip_list_info {
    margin-bottom: 20px;
    border-bottom: none;
    padding-bottom: 0px;
    margin-right: 2px;
}

.vip_list_info p {
    font-size: 13px;
    font-family: PingFang SC;
    font-size: 13px;
    color: #2D2F33;
    margin-bottom: 4px;
}

.vip_list_info .vip_list_phone {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 13px;
    color: #2D2F33;
}

.haeder_info {
    height: 79px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin: 0 121px;

}

.haeder_info .charges_btn {
    width: 132px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 45px;
    background-color: #5D52EA;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #FFFFFF;
    /* margin-right: 80px; */
}

.haeder_info .my_order {
    margin-right: 80px;
    background: #000;
    color: #fff;
}

.haeder_info .charges_btn1 {
    width: 132px;
}

.top_tab {
    flex: 1;

}

.top_tab ul {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: center;
    align-items: center;

}


.top_tab ul li {
    margin-right: 66px;
    font-weight: 300;
    font-size: 16px;
    color: #2d2f33;
    position: relative;
}

.top_tab ul li span {
    position: absolute;
    padding: 0px 8px;
    border-radius: 45px;
    background-color: red;
    color: #fff;
    font-size: 10px;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.top_tab ul li a {
    font-size: 16px;
    color: #2d2f33;

}

.top_tab ul li:last-child {
    margin-right: 0px;
}

.logo_btn img {
    width: 168px;
    height: 45px;
}

/* 创作工具 */
.tool_info {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 86px;
}

.tool_title {
    font-weight: 300;
    font-size: 16px;
    color: #5a5e66;
    margin-bottom: 37px;
}

.tool_icon {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 39px;
    margin-bottom: 35px;
}

.tool_icon img {
    width: 49px;
    height: 45px;
    margin-right: 10px;
}

.tool_icon p {
    color: #2d2f33;

}

.tool_depict {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #2d2f33;
    margin-bottom: 43px;
}

/* .tool_btn img {
    width: 130px;
    height: 43px;
    margin-right: 69px;
} */

/* .tool_btn img:last-child {
    margin-right: 0px;
} */
.start_info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    background-color: #f6f6f6;
    border: 1px solid #d2d9df;
    font-size: 16px;
    color: 18191c;
    margin: 0 auto;
    border-radius: 45px;
    margin-top: 30px;
    width: 150px;
}

.start_info_name {
    margin: 0 4px;
}

.start_info img {
    width: 20px;
    margin-right: 5px;
}

.tool_btn {
    width: 100%;
    margin: 0 auto;
    /* width: 450px; */
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    justify-content: center;
}

.tool_btn ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tool_btn ul li {
    width: 132px;
    text-align: center;
    margin-right: 10px;
}

.tool_btn ul li p {
    margin-bottom: 10px;
}

.tool_btn ul li:last-child {
    margin-right: 0px;
}

.tool_btn .start_btn:hover {
    background-color: #2d2f33;
    /* 鼠标移入时的背景色 */
}

.tool_btn .start_btn {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    width: 132px;
    height: 43px;
    background: #111212;
    border-radius: 45px;
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 80px;
}

.start_btn1 {
    color: #d38ea3;
    font-size: 14px;
}

.start_join {
    width: 128px;
    height: 39px;
    line-height: 39px;
    border: 2px solid #111212;
    border-radius: 45px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #111212;
}

.start_join1 {
    width: 128px;
    height: 39px;
    line-height: 39px;
    border: 2px solid #eb577b;
    background-color: #eb577b;
    border-radius: 45px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.start_join2 {
    width: 128px;
    height: 39px;
    line-height: 39px;
    border: 2px solid #5c54e8;
    background-color: #5c54e8;
    border-radius: 45px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.start_join {
    width: 128px;
    height: 39px;
    line-height: 39px;
    border: 2px solid #111212;
    border-radius: 45px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #111212;
}

.tool_btn .start_btn:last-child {
    margin-right: 0px;
}

.tool_btn .start_btn img {
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.tool_btn .start_btn a {
    color: #FFFFFF;
}

.notice {
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    /* line-height: 45px; */
    background-color: #fff;
    border: 1px solid #F0F0F0;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.notice p {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    margin-left: 20px;
}

.notice p span {
    color: #5B52E2;
    margin-left: 8px;
}

.notice img {
    width: 25px;
    height: 25px;
    margin-right: 20px;
}

.right_slid {
    position: fixed;
    right: 12px;
    bottom: 70px;
    width: 530px;
    height: 245px;
    z-index: 99;
    background-color: #F7F3F0;
    border-radius: 8px;
}

.right_img img {
    width: 175px;
    height: 244px;
    margin-left: 12px;
}

.right_logo {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.right_info {
    display: flex;
}

.right_logo img {
    width: 33px;
    height: 30px;
    margin-right: 10px;
}

.right_logo p {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 17px;
    color: #000000;
}

.right_desc {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin: 14px 0;
}

.right_text {
    font-family: PingFang SC;
    font-weight: 100;
    font-size: 12px;
    color: #5a5e66;
    margin-bottom: 50px;
}

.right_btn {
    display: flex;
    justify-content: center;


}

.right_btn span {
    width: 122px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #D6D6D6;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    margin-right: 25px;
    border-radius: 45px;
}

.right_btn span:last-child {
    margin-right: 0px;
    background-color: #000000;
    color: #FFFFFF;
}

.course_list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #5B52E2;
    margin-top: 50px;
}

.course_list ul span {
    margin: 0 10px;
}


/* 弹幕 */
.bullet_info {
    width: 100%;
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    overflow: hidden;
    /* display: none; */
    /* 隐藏超出部分 */
}

.bullet_info .bullet_list {
    position: relative;
    width: 328px;
    height: 142px;
    flex: 0 0 auto;
}


.bullet_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 328px;
    height: 142px;
}

.bullet_detail {
    position: relative;
    /* width: 259px; */
    width: 298px;
    margin: 28px auto 30px 30px;
}

.bullet_title {
    font-weight: 600;
    font-size: 16px;
    color: #2d2f33;
    margin-bottom: 12px;
}

.bullet_desc {
    font-weight: 400;
    font-size: 13px;
    color: #5a5e66;
    overflow: hidden;
    width: 268px;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 显示两行 */
    -webkit-box-orient: vertical;
    white-space: warp;
}

.bullet_one .bullet_list:nth-child(1) {
    margin-left: -193px;
}

.bullet_two .bullet_list:nth-child(1) {
    margin-left: -29px;
}

.bullet_three .bullet_list:nth-child(1) {
    margin-left: -155px;
}

.bullet_two {
    animation: move 20s linear infinite;
    /* 使用动画实现滚动效果 */
    /* animation: move 20s infinite cubic-bezier(0.1, 0.7, 0.2, 1); */
    /* animation: move 20s infinite cubic-bezier(1, 0, 0, 5, 0); */
    /* animation: move 20s infinite linear; */
}

.pipeline {

    animation: move1 15s linear both;
}

.scroll-container {
    width: 100%;
    overflow: hidden;
}

.scroll-content {
    display: flex;
}

.one_start {
    animation: scroll 10s linear infinite;
}

.two_start {
    animation: scroll1 10s linear infinite;
}

.scroll-content1 {
    display: flex;
}

.bullet_item {
    flex: 0 0 auto;
    width: 328px;
    height: 142px;
    position: relative;
}

.bullet_item .bullet_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 328px;
    height: 142px;
}

.scroll-content .bullet_item_one:nth-child(1) {
    margin-left: -193px;
}

.scroll-content1 .bullet_item_two:nth-child(1) {
    margin-left: -29px;
}

.scroll-content .bullet_item_three:nth-child(1) {
    margin-left: -155px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll1 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}



@keyframes move1 {
    0% {
        transform: translate(100vw);
    }

    100% {
        transform: translate(-100%);
    }
}

@keyframes move {
    0% {
        transform: translateX-(100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* 选择理由 */
.choose_content {
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;

}


.choose_title {
    font-weight: 600;
    font-size: 32px;
    color: #202022;
}

.choose_depict {
    margin-top: 14px;
    margin-bottom: 77px;
    font-weight: 400;
    font-size: 16px;
    color: #202022;
}

.container_info {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: center;
    margin-bottom: 50px;

}

.container_left {
    text-align: left;
    /* width: 540px; */
    width: 35%;
}

.info_title {
    font-weight: 600;
    font-size: 32px;
    color: #202022;
}

.container_desc {
    font-weight: 400;
    font-size: 16px;
    color: #202022;
    height: 48px;
    margin-top: 14px;
    margin-bottom: 32px;
}

.container_desc ul {
    width: 100%;
}

.container_desc ul li {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    align-items: center;
    justify-content: start;
    margin-bottom: 18px;

}

.container_left ul li {
    margin-bottom: 10px;
}

.container_left ul li img {
    width: 17px;
    height: 17px;
    margin-right: 9px;
}

.container_left ul li span {
    font-weight: 400;
    font-size: 16px;
    color: #5a5e66;
    display: inline-block;
}

.container_right {
    width: 44%;
    /* width: 719px; */
    /* height: 387px; */

}

.container_right img {
    width: 100%;
    /* width: 719px; */
    /* height: 387px; */

}

.container_pic .container_right {
    margin-right: 50px;

}

/* 开通会员 */
.vip_info {
    padding-top: 72px;
    padding-bottom: 113px;
}


.vip_title {
    font-weight: 600;
    font-size: 32px;
    color: #202022;
    text-align: center;
}

.vip_desc {
    font-weight: 400;
    font-size: 16px;
    color: #202022;
    text-align: center;
    margin-top: 42px;
}

.vip_video {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #DE763C;
    text-align: center;
    margin-bottom: 16px;
    margin-top: 20px;
}

.video_list {
    width: 98%;
    margin: 0 auto;
    margin-bottom: 70px;
}

.video_list ul {
    width: 90%;
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0 auto;
}

.video_list ul li {
    /* width: 24%; */
    width: 30%;
    /* margin-right: 36px; */
}

.video_list ul li video {
    width: 100%;
}

.video_list ul li:last-child {
    margin-right: 0;
}

.video_title {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 14px;
    color: #202022;
}

.video_name {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 12px;
    color: #5a5e66;
    margin-top: 6px;
}

.vip_list ul {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: center;

}

.vip_list ul li {
    padding: 45px 40px 53px 34px;
    border-radius: 16px;
    border: 1px solid #b6b3b3;
    margin-right: 24px;
}


.vip_list ul li:nth-child(2) {
    background-color: #F6F6F6;
}

.vip_list ul li:last-child {
    margin-right: 0;
}


.vip_name {

    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: space-between;
    align-items: center;
}

.vip_name span {
    display: inline-block;
    font-weight: 600;
    font-size: 19px;
    color: #202022;
    margin-bottom: 25px;
}

.vip_name .vip_tag {
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    padding: 5px 8px 7px 8px;
    border-radius: 45px;
    background-color: #5D52EA;
}

.vip_name .vip_set {
    background-color: #FF6C08;
}

.vip_price {
    font-weight: 600;
    font-size: 32px;
    color: #202022;
    margin-bottom: 23px;

}

.vip_price span {
    font-size: 19px;
}

.vip_price .vip_tag_icon {
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    background-color: #d75771;
}

.vip_price .vip_tag_info {
    font-weight: 400;
    color: #d75771;
    font-size: 15px;
}

.vip_list_desc {
    width: 340px;
    /* height: 42px; */
    font-weight: 400;
    font-size: 16px;
    color: #202022;
    margin-bottom: 12px;
}

.vip_num {
    font-weight: 400;
    font-size: 16px;
    color: #202022;
    margin-bottom: 18px;
}

.vip_btn {
    margin-bottom: 24px;
    width: 340px;
    height: 51px;
    line-height: 51px;
    background-color: #202022;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 45px;
    text-align: center;
}

.reature_name {
    font-weight: 600;
    font-size: 16px;
    color: #202022;
    margin-bottom: 19px;
}

.trait_lsit {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    align-items: center;
    margin-bottom: 12px;

}

.trait_lsit img {
    width: 21px;
    height: 21px;
    margin-right: 6px;
}

.trait_lsit span {
    font-weight: 400;
    font-size: 16px;
    color: #5a5e66;
}

.trait_lsit:last-child {
    margin-bottom: 0;
}

.draw {
    text-align: center;
    padding-top: 91px;
    padding-bottom: 128px;

}

.draw .draw_name {
    font-weight: 600;
    font-size: 39px;
    color: #202022;
}

.draw .draw_btn {
    margin: 0 auto;
    margin-top: 71px;
    width: 130px;
    height: 43px;

}

.draw .draw_btn img {
    width: 130px;
    height: 43px;
}

.bg-f7f3f0 {
    background: #f7f3f0;
}


.footer {
    padding-top: 91px;
    padding-bottom: 73px;

}

.footer_new {
    padding-top: 29px;
}

.footer_order {
    padding-top: 21px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}


.footer ul {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: center;

}

.footer ul li {
    margin-right: 66px;

}

.footer ul li:last-child {
    margin-right: 0;
}

.foot_list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 91px;
}

.foot_list img {
    margin-right: 60px;
    height: 40px;
}

.foot_list img:last-child {
    margin-right: 0px;
}

/* .foot_one {
     width: 226px; 
    height: 73px;
}

.foot_two {
    width: 240px; 
    height: 48px;
}

.foot_three {
     width: 184px; 
    height: 50px;
}

.foot_four {
    width: 285px;
    height: 32px;
}

.foot_five {
    width: 125px;
    height: 45px;
}

.foot_six {
    width: 185px;
    height: 56px;
}

.foot_five {
    width: 125px;
    height: 45px;
} */

.footer_info {
    margin-top: 56px;
    font-weight: 400;
    font-size: 19px;
    color: #202022;
    text-align: center;
}

.footer ul li a {
    color: #202022;

}

.pay_vip {
    position: relative;
}

.pay_info {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 834px;
    height: 701px;
    background-color: #fff;
    top: 62px;
    z-index: 10;
    border-radius: 16px;
    border: 1px solid #BEBBBB;
    margin: 0 auto;
    text-align: center;

}

.wait_title {
    font-weight: 400;
    font-size: 19px;
    color: #0072FF;
    margin-bottom: 21px;
}

.wait_name {
    margin-top: 95px;
    margin-bottom: 51px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 39px;
    color: #202022;
}

.pay_info img {
    width: 240px;
    height: 240px;
    margin-bottom: 25px;
}

.pay_wx {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #202022;
    margin-bottom: 38px;
}

.wait_btn {
    width: 220px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-radius: 45px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 23px;
    color: #FFFFFF;
    background-color: #202022;
    margin: 0 auto;
}

/* 订单 */

/* 订单 */
.app1 {
    height: 100vh;
}

.order {
    /* width: 650px; */
    width: 558px;
    margin: 0 auto;
    margin-top: 35px;
    background-color: #FAF9F9;
}

.order_title {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    align-items: center;
    justify-content: space-between;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 31px;
    color: #2D2F33;
    margin-left: 29px;
    margin-right: 41px;
    margin-bottom: 30px;
}

.order_title span {
    font-weight: 400;
    font-size: 19px;
    color: #5A5E66;
}

.order_detail {
    margin: 0 auto;
    border-radius: 12px;
    border: 1px solid #B6B3B3;
    padding: 26px 68px 49px 47px;
    /* padding: 46px 68px 69px 47px; */
    background-color: #fff;
    margin-bottom: 70px;
}

.order_detail .oerdr_price {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 28px;
    color: #2D2F33;
    /* margin-bottom: 32px; */
}

.order_detail .oerdr_price span {
    font-size: 23px;
    margin-left: 4px;

}

.order_prompt {
    font-family: PingFang SC;
    color: #FF0C00;
    margin-bottom: 5px;
}

.num_info {
    margin-bottom: 25px;
    /* margin-bottom: 35px; */
}

.num_info p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #5A5E66;
    margin-bottom: 10px;
}

.num_info_list {
    display: -webkit-box;
    /* Safari, iOS, Android browser */
    display: -moz-box;
    /* Firefox (old) */
    display: -ms-flexbox;
    /* Internet Explorer */
    display: flex;
    /* Standard syntax */
    justify-content: space-between;
    align-items: center;
}

.num_info p span {
    color: #FF0C00;

}

.num_info input {
    border: 1px solid #DBDBDB;
    border-radius: 12px;
    font-weight: 400;
    font-size: 19px;
    /* color: #C1C1C1; */
    color: #2D2F33;
    margin: 5px 9px 5px 0px;
    width: 411px;
    height: 43px;
    padding-left: 16px;
}

.oerdr_sub {
    width: 281px;
    height: 54px;
    line-height: 54px;
    margin: 0 auto;
    margin-top: 9px;
    background: #000;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #FFFFFF;
    border-radius: 45px;
}

.sure_order {
    /* width: 650px; */
    width: 558px;
    border: 1px solid #B9E0AC;
    background-color: #D4F4C9;
    border-radius: 12px;
}

.sure_order .order_price {
    width: 210px;
    margin: 0 auto;
    padding-top: 41px;
    /* padding-top: 71px; */
    padding-bottom: 28px;
    /* padding-bottom: 28px; */
    border-bottom: 1px solid #BCE3AE;
    text-align: center;
    margin-bottom: 19px;
    /* margin-bottom: 49px; */
}

.show_price {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 31px;
    color: #2D2F33;
    margin-bottom: 14px;
    /* margin-bottom: 24px; */
}

.show_price span {
    font-size: 31px;
}

.show_order_title {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #707281;
}

.show_list {
    margin-left: 70px;
    margin-bottom: 38px;
    /* margin-bottom: 58px; */
}

.show_list li {
    margin-bottom: 15px;
    /* margin-bottom: 25px; */
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #5A5E66;
}

.show_list li span {
    color: #111212;
}

.sure_btn {
    width: 260px;
    height: 52px;
    line-height: 52px;
    margin: 0 auto;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #FFFFFF;
    border-radius: 45px;
    background: #EB4F27;
    margin-bottom: 45px;
    /* margin-bottom: 65px; */
}

.pay_order {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

.pay_order .order_title {
    justify-content: start;
    margin-bottom: 19px;
}

.pay_order .order_title span {
    margin-left: 47px;
}

.key_info {
    width: 950px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 180px;
    z-index: 10;
    border: 1px solid #BEBBBB;
    margin: 0 auto;
    background-color: #fff;
}

.key_info_title {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 21px;
    color: #5CBE80;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 34px;
}

.key_info_title span {
    color: #2D2F33;

}

.key_vip_time {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 19px;
    color: #838FA4;
    margin-bottom: 37px;
}

.key_vip_time span {
    color: #2D2F33;
    margin-bottom: 37px;
}

.key_vip_time1 {
    margin-top: 40px;
}

.key_vip_time1 span {
    margin-right: 10px;
}


.key_li {
    display: flex;
    align-items: center;
}

.key_list .key_name {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 19px;
    color: #838FA4;
    margin-bottom: 16px;
}

.key_list {
    margin-left: 85px;
    margin-right: 61px;
}

.key_url {
    /* height: 79px; */
    /* line-height: 79px; */
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 19px;
    color: #2D2F33;
    padding: 29px 27px;
    border-radius: 8px;
    background: #F8F9FC;
    margin-right: 19px;
    width: 690px;
}

.key_url_btn {
    width: 114px;
    height: 79px;
    text-align: center;
    line-height: 79px;
    background-color: #E5F6F2;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 21px;
    color: #5CBE80;
    border-radius: 8px;
}

.key_detail li {
    margin-bottom: 36px;
}

.key_title {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #2D2F33;
    margin-bottom: 39px;
}

.key_adress {
    text-decoration: underline;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #838FA4;
    margin-bottom: 26px;
}

.key_btn {
    width: 112px;
    height: 49px;
    line-height: 49px;
    background-color: #000000;
    text-align: center;
    border-radius: 45px;
    margin: 0 auto;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.sweep {
    width: 950px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #B6B3B3;
    text-align: center;
    position: relative;
}

.sweep_name {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #2D2F33;
    margin-top: 33px;
    /* margin-top: 53px; */
    margin-bottom: 26px;
}

.sweep_price {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 39px;
    color: #FF5428;
    margin-bottom: 20px;
    /* margin-bottom: 30px; */
}

.sweep_ewm {
    width: 248px;
    /* width: 288px; */
    height: 248px;
    border: 1px solid #B6B3B3;
    margin: 0 auto;
    margin-bottom: 20px;
    /* margin-bottom: 30px; */
}

.sweep_ewm img {
    width: 248px;
    height: 248px;

}

.sweep_title {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 19px;
    color: #686D70;
    margin-bottom: 46px;
    /* margin-bottom: 76px; */
}

.sweep_logo {
    width: 133px;
    margin: 0 auto;
    margin-top: 22px;
    /* margin-top: 42px; */
}

.try_info {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 19px;
    color: #2D2F33;
    text-align: center;
    margin: 0 auto;
    margin-top: 36px;
}

.try_info span {
    color: #0066FF;
}

.sweep_logo img {
    width: 133px;
    height: 46px;
}

.success_icon {
    width: 311px;
    height: 64px;
    margin: 0 auto;
    margin-bottom: 19px;
}

.success_icon img {
    width: 311px;
    height: 64px;

}

.over_infos {
    margin-top: 26px;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 19px;
    color: #0066FF;
    text-align: center;
    margin-bottom: 31px;
}

.order_wx {
    position: absolute;
    right: -84px;
    top: 136px;
    width: 338px;
    height: 446px;
}

.order_wx img {
    width: 338px;
    height: 446px;
}

/* 我的订单 */
.order_center {
    width: 1237px;
    margin: 0 auto;
    margin-top: 50px;
    /* margin-top: 110px; */
}

.order_center_title {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 31px;
    color: #111212;
    margin-bottom: 22px;
}

.order_center_title span {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #444949;
    margin-right: 36px;
}

.my_order_title {
    margin-left: 0;
}

.order_list {
    background-color: #fff;
    padding: 21px 52px 0 30px;
    height: 75vh;
}

.oredr_blank {
    width: 119px;
    height: 84px;
    margin: 0 auto;
    margin-top: 130px;
}

.oredr_blank img {
    width: 119px;
    height: 84px;

}

.order_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 21px;
}

.order_top input {
    border: 1px solid #DBDBDB;
    border-radius: 12px;
    font-weight: 400;
    font-size: 19px;
    /* color: #C1C1C1; */
    color: #2D2F33;
    margin: 5px 9px 5px 0px;
    width: 411px;
    height: 43px;
    padding-left: 16px;
}

.order_top span {
    width: 138px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #5D52EA;
    border-radius: 45px;
}

.myorder_info {
    height: 100%;
}

.myorder_info li {
    display: flex;
    border-bottom: 1px solid #F0F0F0;
}

.myorder_info li span {
    display: inline-block;
    flex: 1;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #2A2727;
}

.myorder_info .myorder_title span {
    font-size: 24px;
}

.myorder_info li .order_icon {
    color: #309730;
}

.myorder_title {
    background-color: #FAFAFA;
}

.myorder_title span {
    border-right: 1px solid #F0F0F0;
    height: 36px;
    line-height: 36px;
    margin: 17px 0 17px 0;
    font-size: 24px;
}



.myorder_title span:last-child {
    border-right: none;
}

.myorder_info li:last-child,
.oredr_blank {
    border-bottom: 0;
}

.my_list span {
    display: inline-block;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #2B2727;
    line-height: 54px;
}

.pagination_info {
    width: 100%;
    margin: 0 auto;
}

.pagination {
    width: 100%;
}

.pagenum ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.pagenum ul li {
    border-bottom: none;
    /* margin-right: 21px; */
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #2A2727;
    display: inline-block;
}

.myorder_list {
    height: 75%;
    background-color: #ffff;
    overflow: hidden;
    overflow-y: scroll;
}

.back_btn {
    margin-left: 21px;
    margin-right: 21px;
}

.pagenum ul .active {
    text-align: center;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #4931E9;
    border-radius: 8px;
    width: 35px;
    height: 33px;
    line-height: 33px;
}


.pagenum ul .remainPage {
    width: 35px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

.forward {
    margin-left: 11px;
}

.myorder_info li span {
    display: inline-block;
    flex: 1;
}

.myorder_info li .order_vip {
    flex: 0 0 100px;
}

.myorder_info li .order_num {
    flex: 0 0 400px;
}

.myorder_info li .order_tradeOrderOn {
    flex: 0 0 200px;
}

.myorder_info li .myorder_status {
    flex: 0 0 180px;
}

.myorder_info li .operate_text {
    color: #5b52e2;
    text-decoration: underline;
}

.loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0);
    z-index: 1000;
}

.loading-animation {
    width: 30px;
    height: 30px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* 登录 */
.login_content {
    width: 920px;
    position: relative;
    margin: 0 auto;
    margin-top: 85px;
}

.login_content .login_bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.login_info1 {
    width: 44.3%;
    margin-left: 53.2%;
    padding-top: 33px;
    /* background-color: #fff; */
    position: relative;
}

.login_title {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 27px;
    color: #111111;
    margin-bottom: 7px;
}

.login_title span {
    font-size: 18px;
}

.login_desc {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 15px;
}

.login_desc1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 15px;
}

.tag_list {
    display: flex;
    margin-bottom: 15px;
}

.tag_list li {
    height: 20px;
    line-height: 20px;
    background-color: #F3F3F3;
    padding: 0 9px;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 13px;
    color: #DE9F18;
    margin-right: 19px;
    border-radius: 45px;
}

.tag_list .tag_diamond {
    color: #2CA3E7;
}

.tag_list .tag_boss {
    color: #E74B2C;
}

.login_join {
    font-family: PingFang SC;
    font-weight: 100;
    font-size: 14px;
    color: #363636;
    margin-bottom: 17px;
}

.login_detail .num_info {
    margin-bottom: 10px;
    width: 90%;
}

.login_detail .num_info input {
    width: 95%;
    font-size: 16px;
    height: 36px;
}

.login_detail .num_info p {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #111111;
    margin-bottom: 5px;
}

.login_detail .num_info p span {
    font-size: 16px;
}

.login_detail .num_info .num_des {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #767676;
}

.login_detail .oerdr_sub {
    margin-top: 20px;
    width: 232px;
    height: 49px;
    line-height: 49px;
    background-color: #5D52EA;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 21px;
    color: #FFFFFF;
}

.login_appraise {
    margin-top: 20px;
    margin-bottom: 20px;
}

.appraise {
    display: flex;
}

.appraise li {
    flex: 1;
    display: flex;
}

.appraise li img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 18px;
}

.appraise li p {
    font-family: PingFang SC;
    font-weight: 100;
    font-size: 14px;
    color: #6A6A6A;
}

.partn_info {
    width: 1200px;
    margin: 0 auto;
    margin-top: 44px;
}

.back_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.back_info p {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 21px;
    color: #383535;
}

.back_info span {
    width: 147px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    margin-left: 78px;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    border-radius: 45px;
    background-color: #5D52EA;
    display: inline-block;
}

.back_info .withdraw_btn {
    background-color: #E60022;
}

.back_info .back_list {
    display: flex;
    align-items: center;
}

.back_info .user_phone {
    color: #383535;
    margin-left: 15px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #383535;
}

.back_info .user_phone span {
    margin-left: 0px;
    background: none !important;
    border-radius: 0px;
    color: #5B52E2;
    text-align: left;
}

.partn_table {
    /* height: calc(100vh - 200px); */
    padding: 30px;
}

.user_info {
    display: flex;
    margin-bottom: 20px;
}

.user_info p {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #383535;
    margin-right: 20px;
}

.user_info p .level_tag {
    color: #DE9F18;
}

.user_info p .bonus_price {
    color: #FF4800;
}

.user_info p .deposit_price {
    color: #2C9536;
}

.user_info p .deposit_record {
    color: #5B52E2;
    font-size: 14px;
    margin-left: 30px;
    margin-right: 30px;
}

.user_info .user_level .deposit_record {
    text-decoration: underline;
}

.user_info .user_phone {
    color: #383535;
}

.user_info .user_phone span {
    margin-left: 0px;
}

.user_share {
    /* display: flex; */
    /* align-items: center; */
    margin-bottom: 20px;
}

.user_share_info {
    display: flex;
    align-items: center;
}
.inv_name{
    margin-bottom: 5px;
}

.user_share .inv_url {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 21px;
    color: #6A6C69;
    padding: 14px 20px;
    background-color: #F5FFF5;
    border: 1px solid #BFF6C1;
    border-radius: 8px;
    margin-right: 12px;
}

.inv_url_btn {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #2C9536;
    width: 112px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    background-color: #D6FDD7;
    margin-right: 16px;
    border-radius: 8px;
}

.inv_url_des {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #2C9536;
    width: 100%;
}

.inv_url_des span {

    color: #5B52E2;
    text-decoration: underline;
}

.record_info {
    width: 1000px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 260px;
    z-index: 10;
    border-radius: 16px;
    border: 1px solid #BEBBBB;
    margin: 0 auto;
    text-align: center;
}

.record_detail {
    margin-top: 37px;
    margin-left: 54px;
    margin-right: 54px;
    margin-bottom: 20px;
}

.record_detail ul {
    height: 350px;
    overflow: hidden;
    overflow-y: scroll;
}

.record_detail_name {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #383535;
    margin-bottom: 20px;
    text-align: left;
}

.record_detail ul .record_detail_title {
    display: flex;
    height: 61px;
    line-height: 61px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #383535;
    background-color: #FAFAFA;
}

.record_detail_title span {
    display: inline-block;
    flex: 1;
    text-align: center;
}

.record_detail_list {
    display: flex;
    margin-top: 25px;
}

.record_detail_list span {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
    color: #383535;
    flex: 1;
    text-align: center;
}

.record_time {
    width: 300px;
}

.record_detail_list .status_refuse {
    color: #D32D2F;
}

.record_detail_list .status_over {
    color: #2C9536;
}

.record_close {
    width: 155px;
    margin: 0 auto;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    border-radius: 45px;
    background: #000;
}

.deposit {
    width: 500px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 260px;
    z-index: 10;
    border-radius: 16px;
    border: 1px solid #BEBBBB;
    margin: 0 auto;
    text-align: center;
}

.deposit_info {
    margin: 50px 85px 21px 86px;
    text-align: left;
}

.template {
    width: 800px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 260px;
    z-index: 10;
    border-radius: 16px;
    border: 1px solid #BEBBBB;
    margin: 0 auto;
    text-align: center;
}

.template_info {
    margin: 48px 26px 32px 34px;
}


.template_title {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 23px;
    color: #2E2B2B;
    margin-bottom: 20px;
}

.template_desc {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #2E2B2B;
    margin-bottom: 18px;
    text-align: left;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
}

.template_detail {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.template_share {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 20px;
    color: #D32D2F;
}

.template_btn {
    width: 166px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 22px;
    color: #4D9343;
    background-color: #D6FDD7;
    border-radius: 8px;
    margin-left: 50px;
    margin-right: 50px;
}

.template_close {
    text-decoration: underline;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 23px;
    color: #4D9343;
    line-height: 33px;
}

.deposit_title {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #383535;
    margin-bottom: 35px;
}

.deposit_title span {
    color: #FF0000;
}

.deposit_action {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 14px;
    color: #7E7C7C;
}

.deposit_all_btn {
    display: flex;
    align-items: center;
}

.deposit_btn {
    width: 147px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    border-radius: 45px;
    background-color: #000;
    margin: 0 auto;
    margin-top: 24px;
}

.template_list {
    margin-top: 20px;
    margin-left: 20px;
}

.template_list span {
    margin-right: 46px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #1777FF;
    border-radius: 45px;
    height: 34px;
    line-height: 34px;
    padding: 0 18px;
}

.container_model {
    margin-top: 40px;
}

.model_title {
    color: #232526;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.model_desc {
    color: #232526;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 25px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    margin: 0 15px;
    text-align: center;
}

.model_list {
    width: 95%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 30px;
}

.model_num {
    text-align: right;
    margin-bottom: 10px;
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 24px;
    color: #272323;
}

@media(min-width:1400px) and (max-width:1599px) {
    .container {
        width: 1230px;
    }

    .container_left {
        width: 40%;
    }

    .container_right {
        width: 42%;
    }

    .vip_list ul li {
        padding: 35px 30px 43px 24px !important;
    }
}

@media(min-width:1300px) and (max-width:1399px) {
    .container {
        width: 1170px;
    }

    .container_left {
        width: 40%;
    }

    .container_right {
        width: 42%;
    }

    .vip_list ul li {
        padding: 20px 15px 28px 19px !important;
    }

    .vip_list ul li {
        margin-right: 21px;
    }

    .vip_btn {
        width: 320px;
        margin: 0 auto;
        margin-bottom: 24px;
    }

    .foot_list img {
        margin-right: 50px;
    }

}

@media(min-width:1200px) and (max-width:1299px) {
    .container {
        width: 1110px
    }

    .foot_list img {
        margin-right: 45px;
        height: 38px;
    }

}


@media(min-width:1600px) {
    .container {
        width: 1500px;
    }
}

.fail_info {
    width: 286px;
    height: 51px;
    display: flex;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    border-radius: 12px;
}

.fail_info img {
    width: 19px;
    margin-left: 29px;
    margin-right: 15px;
}

.fail_info span {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 16px;
}