.main-bg1 {
    background-color: #F7F8F8;
    padding-top: 90px;
    padding-bottom: 68px;
    text-align: center;
}

.zjzd {
    font-weight: 400;
    color: #4e5969;
    margin-bottom: 6px;
}
.main-home-tit1 .header_text {
    font-weight: 400;
    font-size: 20px;
    color: #6249FF;
    line-height: 30px;
}

.number {
    font-weight: bold;
    color: #6249FF;
}

.main-home-tit1 .title {
    margin: 2px 0 4px;
    font-size: 64px;
    color: rgba(0, 0, 0, .85);
    font-weight: 600;
    padding: 12px 0px;
}

.main-home-tit1 .header_pro {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
}

.discou_btn {
    cursor: pointer;
    height: 52px;
    border-radius: 8px 8px 8px 8px;
    margin: 28px 0 8px;
    box-shadow: none;
    padding: 0 20px;
    border: none;
    background-color: #6249FF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    transition: all .2s ease-in;
}

.discou_btn:hover {
    opacity: .8;
}

.discou_btn::after {
    border: none;
}

.discou_btn .text {
    font-size: 22px;
    color: #FFF;
    font-weight: bold;
    line-height: 33px;
}

.discou_btn .free_start_text {
    font-weight: 400;
    font-size: 12px;
    color: #e6dafb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-con-bnr {
    display: flex;
    margin-top: 90px;
    padding: 0 12px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.con-bnr {
    width: 31%;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px #CFCFCF;
    border-radius: 20px;
    padding: 32px 43px;
    color: #FFF;
    transition: all .2s ease-in;
}

.main-con-bnr .con-bnr:hover {
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .3);
}

.con-bnr-tit {
    font-weight: bold;
    font-size: 28px;
    padding: 14px 0px;
}

.con-bnr-txt {
    line-height: 24px;
    text-transform: none;
    color: rgba(255, 255, 255, .65);
}

.con-bnr-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.con-bnr-icon .icon {
    max-width: 202px;
    width: 70%;
}

.con-bnr1 {
    background: linear-gradient(140deg, #FF8941, #FBC318);
}

.con-bnr2 {
    background: linear-gradient(140deg, #AE4DDB, #6249FF);
}

.con-bnr3 {
    background: linear-gradient(140deg, #00BC9C, #3B6D9F);
}

/* 首页视频 */
.videoBox {
    padding-top: 90px;
}

.videoBox .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #F7F8F8;
    border-radius: 20px;
    padding: 60px;
}

.cont .v-btn {
    color: #1A1D21;
    font-size: 30px;
}

.video_btn {
    cursor: pointer;
    margin-top: 52px;
    width: 220px;
    height: 64px;
    padding: 0 20px;
    background: #6249FF;
    border-radius: 55px;
    font-size: 21px;
    font-family: OPPOSansM;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    color: #FFF;
    transition: all .1s ease-in;
    background-image: url('../images/icon/chick.png');
    background-repeat: no-repeat;
    background-size: 28px;
    padding-left: 40px;
    background-position: 40px center;
}

.video_btn::after {
    border: none;
}

.video_btn:hover {
    opacity: 0.8;
}

.ant-btn {
    cursor: pointer;
    height: 53px;
    margin: 0 auto;
    border-radius: 8px;
    min-width: auto;
    width: auto;
    display: none;
}

.video_btn img {
    width: 24px;
    height: 31px;
    margin-right: 6px;
}

.cont .video {
    width: 700px;
}
.cont .video img {
    width: 100%;
    border-radius: 26px;
}

.characteristic {
    margin-top: 35px;
    color: #1A1D21;
}

.characteristic-tit {
    text-align: center;
}

.characteristic-tit h3 {
    font-size: 48px;
    margin-bottom: 14px;
}

.characteristic-tit p {
    font-size: 18px;
}

.characteristic-con {
    margin-top: 70px;
}

.characteristic-con img {
    width: 100%;
}

/* 发布 */
/* .publish_content {
    margin-top: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 93px;

}

.publish_content .left {
    text-align: left;
}

.publish_content .left .left_center {
    margin-top: 12px;
    font-weight: 500;
    font-size: 32px;
    color: #333;
}
.publish_content .right{
    padding-top: 30px;
}
.left .left_top .t-bold {
    font-weight: 500;
    font-size: 22px;
    color: #6249FF;
}

.left .left_top .text {
    display: inline-block;
    margin-left: 6px;
    color: #707986;
    text-wrap: nowrap;
}

.publish_content .right .publish_btn {
    cursor: pointer;
    width: 212px;
    height: 66px;
    text-wrap: nowrap;
    border-radius: 55px;
    font-weight: 700;
    font-size: 21px;
    color: #fff;
    border: none;
    background: #6249FF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease-in;
    background-image: url('../images/icon/fb.png');
    background-repeat: no-repeat;
    background-size: 28px;
    padding-left: 25px;
    background-position: 40px center;
}

.publish_btn img {
    width: 28px;
    margin-right: 4px;
}

.right .publish_btn .text {
    color: #FFF;
}

.publish_content .right .publish_btn::after {
    border: none;
}

.publish_content .right .publish_btn:hover {
    opacity: .8;
} */



/*  */
.main-bg2 {
    height: auto;
    padding: 88px 0;
    text-align: center;
}

.xjb-title {
    font-size: 46px;
    color: rgba(0, 0, 0, .85);
    font-family: OPPOSansM;
    font-weight: 600;
    line-height: 69px;
}

.info {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

.xjb-price {
    margin-top: 36px;
}

.mobile-bijia {
    width: 100%;
    display: none;
}

.xjb-price img {
    width: 100%;
}

/* 高效接入全球本地支付网络 */
.main-bg4 .pgCon {
    background: url(../images/earth.png) no-repeat;
    background-position: top right;
    background-size: auto 100%;
}

.ear {
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ear .ear-tit p {
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-top: 22px;
}

.ear .ear-flex .er {
    margin-bottom: 130px;
}

.ear .ear-flex .er:last-of-type {
    margin-bottom: 0;
}

.ear .ear-flex .er h4 {
    font-weight: 800;
    font-size: 44px;
    line-height: 60px;
}

.ear .ear-flex .e1 h4 {
    color: #1E42CA;
}

.ear .ear-flex .e2 h4 {
    color: #FF7900;
}

.ear .ear-flex .e3 h4 {
    color: #87AD03;
}

.ear .ear-flex .e4 h4 {
    color: #4695FD;
}

.ear .ear-flex .er p {
    font-weight: 400;
    color: #42474D;
    line-height: 24px;
}
.content {
    padding: 100px 0;
    background-color: #fff;
}

.content .title {
    font-weight: bold;
    font-size: 40px;
    color: #1A1D21;
    line-height: 62px;
    text-align: center;
}

.content .subTitle {
    font-size: 20px;
    color: #76777A;
    padding: 20px 0px;
    margin: auto;
    max-width: 870px;
    text-align: center;
}

.container {
    display: flex;
    justify-content: center;
    margin-top: 70px
}

.container .box_ {
    width: 460px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px #CFCFCF;
    border-radius: 20px 20px 20px 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.container .box2 {
    position: relative;
    top: -50px
}
.container .box_ .pl-40{
    padding-left: 30px;
}
.container .box2::before{
    display: block;
    content: "";
    position: absolute;
    height: 15px;
    bottom: 0px;
    background: #fff;
    width: 100%;
    z-index: 101;
}
.container .box2::after{
    display: block;
    content: "";
    position: absolute;
    height: 50px;
    bottom: -50px;
    box-shadow: 0px 0px 15px 0px #CFCFCF;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    border-radius: 0px 0px 20px 20px;
}
.container .box2 .left {
    width: 3px;
    height: 54px;
    background: #6249FF;
    border-radius: 2px 2px 2px 2px;
    position: absolute;
    left: 0;
    top: 40px;
}

.container .box_ .title_ {
    font-weight: bold;
    font-size: 24px;
    color: #1a1d21;
    margin-top: 20px;
    text-align: left;
    padding-right: 20px;
    padding-left: 46px;
}

.container .box_ .subtitle_ {
    line-height: 22px;
    text-align: left;
    padding-left: 46px;
    padding-right: 20px;
    margin-top: 10px;
}

.container .box_ .border_ {
    width: 100%;
    height: 3px;
    background: #F7F8F8;
    margin-top: 25px;
}

.container .box_ .subtitle2 {
    line-height: 22px;
    text-align: left;
    padding-left: 15px;
    width: 86%;
}

.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.w-50 {
    width: 50px!important;
    height: 50px!important;
}

.colorText {
    font-weight: bold;
    font-size: 20px;
    color: #6249FF;
    padding-left: 15px;
    line-height: 40px;
}

.pt-50 {
    padding-top: 40px;
}

.pb-50 {
    padding-bottom: 40px;
}

.pl-40 {
    padding-left: 20px;
}

.margin-top-30 {
    margin-top: 30px
}

.container .centerBox{
    width: 133px;
    /*height:446px;*/
    background-color: #fff;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
    text-align: center;
    margin-top: -30px;

}
.container .centerBox img{
    width: 100%;
}
.container .centerBox .text{
    color:#8158DD;
    text-align: center;
    display: flex;
    flex-direction: column;
    line-height: 62px;
}
.container .centerBox .text::after{
    content: "";
    display: inline-block;
    width: 50%;
    background-color: #f1f1f1;
    height: 2px;
    margin: auto;
}
.container .centerBox .text:last-child::after{
    display: none;
}
.container .box{
    width: 631px;
    background-color: #F5F5F5;
    border-radius: 20px;
    overflow: hidden;
}
.container .box .sub{
    font-size: 18px;
    color: #333333;
    padding: 20px 5% 20px 18%;
    text-align: left;
}
.container .box .sub span{
    color: #8158DD;
}
.container .box .sub2 span{
    color: #F1F450;
}
.container .box .title2{
    font-size: 36px;
    text-align: center;
    line-height: 90px;
    color:#1a1d21;
    background-color: #D9D9D9;
}
.container .bg2 .title2{
    background-color: #8D72FF;
    color: #fff;
}
.container .box .sub2{
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding: 20px 5% 20px 18%;
}
.container .box img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.border{
    border-bottom: 1px solid #EEEEEE;
}
.border2{
    border-bottom: 1px solid #fff;
}
.bg2{
    background-color: #654CFB!important;
}
.flex{
    display: flex;
}
.justify-content{
    justify-content: center;
}
.align-center{
    align-items: center;
}
.margin-top-20{
    margin-top: 30px;
}
.main-home-tit1 .header_text {
    font-weight: 400;
    font-size: 20px;
    color: #6249FF;
    line-height: 30px;
}

/* 高效接入全球本地支付网络 */
.main-prog {
    background: #F7F8F8;
}

.main-prog .pgCon {
    padding: 120px 0 140px;
}

.main-prog .pgCon .advantage-title {
    text-align: center;
}

.main-prog .pgCon .advantage-title h2 {
    font-size: 48px;
    line-height: 70px;
}

.main-prog .pgCon .advantage-title>p {
    font-size: 18px;
    color: #474a4d;
    line-height: 28px;
    margin-top: 10px;
}

.advantage-con {
    display: flex;
    flex-wrap: wrap;
}

.advantage-con .advantage-item {
    width: 33.33%;
    padding: 40px 0;
}

.advantage-con .advantage-item .advantage-item-img {
    width: 103px;
    height: 103px;
}

.advantage-con .advantage-item .advantage-item-title {
    box-sizing: border-box;
    padding: 0 30px 0 25px;
}

.advantage-con .advantage-item .advantage-item-title h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 24px;
}

.advantage-con .advantage-item .advantage-item-title p {
    line-height: 150%;
}

.package-bg1 {
    width: 100%;
    background: #F7F8F8;
}

.cont .package-tit {
    color: #1A1D21;
    padding: 88px 0 60px;
    text-align: center;
}

.cont .package-tit h1 {
    font-weight: bold;
    font-size: 3.5rem;
    max-width: 900px;
    margin: auto;
    line-height: 78px;
}

.cont .package-tit p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.cont .package-con {
    display: flex;
    justify-content: space-between;
    padding: 16px 0px 40px;
    -ms-overflow-style: none;
    flex-wrap: wrap;
}

.cont .package-con::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.cont .package-con .pkgCard {
    width: 19.5%;
    background-color: #fff;
    padding: 52px 14px 26px;
    box-shadow: 0px 4px 15px 0px rgba(64, 64, 64, 0.18);
    border-radius: 10px;
    text-align: center;
}

.cont .package-con .pkgCard:nth-child(1) {
    margin-left: 0;
}

.pkgCard .pkgCard-tit {
    font-weight: bold;
    font-size: 26px;
    color: #333333;
    line-height: 37px;
    margin-bottom: 15px;
}

.pkgCard>p {
    color: #42474d;
    line-height: 19px;
    min-height: 84px;
}

.pkgCard .pkgCard-span {
    font-size: 12px;
    color: #808080;
    line-height: 14px;
    margin-top: 4px;
}

.pkgCard .pkgCard-price {
    color: #595d63;
    line-height: 19px;
}
.pkgCard .pkgCard-price .num{
    color: #6249FF;
}
.pkgCard .pkgCard-price span {
    font-size: 26px;
    font-weight: bold;
    color: #42474d;
}


.pkgCard .pkgCard-btn {
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    color: #B3B3B3;
    margin-top: 20px;
    border-radius: 18px;

}

.pkgCard .btn-pri {
    border-radius: 22px;
    color: #FFFFFF;
    border: 1px solid #6249ff;
    color: #6249ff;
    cursor: pointer;
    transition: all 0.2s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pkgCard .btn-pri .rig-this {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-left: 8px;
    background-image: url(../images/icon/package-this1.png);
    background-size: 100% auto;
    background-position: center;
}
.pkgCard .btn-pri:hover .rig-this{
    background-image: url(../images/icon/package-this2.png);
}

.pkgCard .btn-pri:hover {
    background: #6249ff;
    color: #FFF;
}

.pkgCard .btn-pri:active {
    background: #6249ff;
}

.pkgCard .pkgCard-con {
    margin-top: 20px;
    margin: 20px 20px 0;
    color: #808080;
    font-size: 14px;
}

.pkgCard .superior-authority {
    min-height: 25px;
    font-size: 14px;
    color: #818488;
    line-height: 25px;
    text-align: center;
    margin-top: 10px;
}

.pkgCard .superior-authority span {
    display: inline-block;
    padding: 0 14px;
    background: #F3F4F8;
    border-radius: 14px;
}

.pkgCard .pkgCard-con .pkgCard-con-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.pkgCard .pkgCard-con .pkgCard-con-item .lf{
    flex: 1;
    text-align: left;
}
.pkgCard-con-item .lf>img {
    width: 12px;
    height: 12px;
    margin-left: 8px;
}

.pkgCard-con-item .rg {
    display: flex;
    align-items: center;
}
.pkgCard-con-item .true, .contrast-con-item .true{
    background: url(../images/check-radio.png) center;
    background-size: 100% auto;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.pkgCard-con-item .rg .number {
    font-weight: bold;
    color: #43474d;
}

.pkgCard-con-item .rg>.img-up {
    width: 12px;
    height: 12px;
    margin-right: 8px;
}

/* 功能对比 */
.package-bg2 {
    width: 100%;
    background: #F7F8F8;

}

.package-bg2 .contrast-tit {
    padding: 40px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.package-bg2 .contrast-tit h4 {
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    line-height: 33px;
}

/* .package-bg2 .contrast-tit h4:hover {
    color: #1677FF;
} */

.contrast-tit img {
    width: 36px;
    height: 36px;
    transform: rotateZ(0);
    transition: all .3s ease-out;
}

.contrast-tit-active img {
    transform: rotateZ(180deg);

}

.package-bg2 .contrast-cont {
    margin-top: 40px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    max-height: 0;
}

/* 查看各版本功能对比 折叠展开高度*/
.package-bg2 .contrast-cont-active {
    max-height: 3000px;
    padding-bottom: 56px;
    /* overflow-y: scroll; */
}

.contrast-cont .contrast-con {
    display: flex;
}

.contrast-cont .title-bar {
    display: flex;
    align-items: center;
    height: 74px;
    background: #F9FAFC;
    padding: 0 16px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
    border-bottom: 1px solid #EFEFEF;
}

.contrast-cont .title-bar img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.contrast-con .contrast-con-item {
    flex: 5;
    text-align: center;
    border-bottom: 1px solid #EFEFEF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.contrast-con .contrast-con-item:nth-child(1) {
    flex: 6;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    justify-content: flex-start;
}

.contrast-con-item .crt-head {
    font-weight: bold;
    font-size: 22px;
    color: #333333;
    margin-bottom: 32px;
}

.contrast-con-item p {
    display: flex;
    align-items: center;
}

.contrast-con-item p>img {
    width: 14px;
    height: 14px;
    margin-left: 8px;
}
.contrast-con-item .contrast-col {
    font-weight: bold;
    font-size: 14px;
    color: #808080;
    line-height: 20px;
}

/* 模块**** */

/* 常见问题 */
.package-bg3 {
    width: 100%;
    margin-top: 88px;
    background: #F8F9FB;
}

.package-bg3 .problem {
    padding: 80px 0;
}

.problem .problem-tit h3 {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #333333;
    line-height: 56px;
}

.problem .problem-con {
    margin: 64px 160px 0;
}

.problem .problem-con .cell {
    border-bottom: 1px solid #F3F3F5;
    cursor: pointer;
}

.problem .problem-con .cell .cell-btn {
    padding: 20px 0;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    cursor: pointer;
}

.problem .problem-con .cell img {
    width: 16px;
    height: 16px;
    margin-left: 20px;
}

.problem-con .cell .cell-con {
    /* transition: height .5s ease-in-out; */
    overflow-y: scroll;
    scrollbar-width: none;
    max-height: 0;
    transition: all 0.3s ease-out;
}


.problem-con .cell .cell-con p {
    color: #42474d;
    line-height: 30px;
    padding-bottom: 60px;
}

.problem-con .cell-active .cell-btn {
    color: #6249FF !important;
}

.problem-con .cell .cell-btn .rig-pbm2 {
    display: none;
}

.problem-con .cell-active .cell-btn .rig-pbm {
    display: none;
}

.problem-con .cell-active .cell-btn .rig-pbm2 {
    display: block;
    width: 16px;
    height: 16px;
}

.problem-con .cell-active .cell-con {
    max-height: 300px;
}

.cell .cell-btn .rig-pbm2 {
    transform: rotateZ(0);
    transition: all 0.3s ease-out;
}

.problem-con .cell-active .cell-btn .rig-pbm2 {
    transform: rotateZ(90deg);
}

/* 联系我们 */
.package-bg4 {
    width: 100%;
    background-color: #fff;
}

.contact-us {
    padding: 120px 130px;
    text-align: center;
}

.contact-us h3 {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #333333;
    line-height: 56px;
}

.contact-us>p {
    font-weight: 400;
    color: #666666;
    line-height: 22px;
    margin: 12px 0 64px;
}

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

.contact-us-flex .contact-us-flex-item {
    flex: 232px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.contact-us-flex-cell h4 {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
}

.contact-us-flex-cell p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    margin: 24px 0;
}

.contact-us-flex-cell div {
    cursor: pointer;
    height: 46px;
    width: 228px;
    margin: 0 auto;
    background: #F4F5F6;
    border-radius: 8px;
    font-weight: bold;
    color: #333333;
    line-height: 46px;
    text-align: center;
}

.contact-us-flex-cell div:hover {
    background: #8158dd;
    color: #fff;
}
.introduce .form-con {
    margin-top: 48px;
}

.introduce .form-con form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.introduce .form-con form .form-group {
    width: calc(100% / 2 - 60px);
    margin-bottom: 28px;
    display: flex;
    align-items: center;
}

.introduce .form-con form .form-group input {
    min-height: 55px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    overflow: hidden;
}
/* 关于我们 */
.main-aboutbg{
    background-color: #FFF;
    padding-top: 88px;
    padding-bottom: 120px;
    text-align: center;
}
.intr-lef-item .item-tit {
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
}

.intr-lef-item .item-tit img {
    width: 42px;
    height: 42px;
    margin-right: 4px;
}

.intr-lef-item .item-describe {
    color: #74787d;
    font-size: 18px;
    margin-top: 10px;
}
.introduce {
    /* height: 600px; */
    padding: 130px 55px 70px;
    background: #F7F8F8;
    margin: 40px 0 84px;
    border-radius: 18px;
    text-align: left;
}
.introduce>h3 {
    font-size: 30px;
}

.introduce>p {
    font-size: 18px;
    margin-top: 30px;
    color: #63686d;
}

.introduce-bnr {
    display: flex;
    margin-top: 70px;
}

.introduce-bnr-left {
    flex: 1;
    padding: 60px 40px 60px 0;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.introduce-bnr-righ {
    width: 697px;
}

.introduce-bnr-righ img {
    width: 100%;
    border-radius: 30px;
}

.yzm {
    margin-left: 6px;
    width: 126px;
    height: 48px;
}

.w-full {
    width: 100% !important;
}

form .form-group input,
form .form-group textarea {
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
    padding: 0 24px;
    outline: none;
    box-sizing: border-box;
}

form .form-group textarea {
    padding: 24px;
}

form .form-group input::after {
    border: none;
    box-shadow: none;

}

form .btn-primary {
    background: #6249FF;
    width: 300px;
    cursor: pointer;
    height: 55px;
    border: none;
    color: #FFF;
    font-size: 18px;
    border-radius: 8px;
}
.captcha{
    margin-left: 10px;
}
.pay-success{
    padding: 100px 0px;
}
.pbuy .title_b{
    color: #202428;
    line-height: 65px;
    font-weight: bold;
    padding-left: 50px;
    font-size: 26px;
    border-bottom: 1px solid #dfe1e3;
}
.pbuy .pbuy_tab ul li{
    display: flex;
}
.pbuy .info ul{
    padding-top: 50px;
    font-size: 16px;
}
.pbuy .info ul li{
    padding: 8px;
    display: flex;
    align-items: center;
}
.pbuy .info ul li span{
    padding-right: 5px;
    display: inline-block;
    width: 50%;
    text-align: right;
}
.pbuy{
    padding-top: 50px;
    padding-bottom: 180px;
}
.topay{
    text-align: center;
    padding-top: 30px;
}
.topay a{
    display: inline-block;
    background: #6249FF;
    width: 300px;
    line-height: 50px;
    height: 50px;
    border-radius: 4px;
    border: 0px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.topay a:hover{
    color: #fff;
    background: #5c44fd;
}
@media screen and (max-width: 640px) {
    .con-bnr{
        width: 100%;
        flex: auto;
        margin-bottom: 10px;
    }
    .videoBox .cont{
        flex-direction: column;
        padding: 30px;
    }
    .video_btn{
        margin: 20px 0px;
        width: 150px;
        height: 44px;
        font-size: 16px;
        background-size: 18px;
        padding-left: 40px;
        background-position: 25px center;
    }
    .cont .video{
        width: 100%;
    }
    .content{
        padding: 40px 0px;
    }
    .container{
        flex-direction: column;
    }
    .container .box_{
        width: 100%;
        margin-bottom: 20px;
    }
    .container .box2{
        top: 0px;
    }
    .container .box2::before, .container .box2::after{
        display: none;
    }
    .container .box{
        width: 100%;
        margin-bottom: 20px;
    }
    .container .centerBox{
        display: none;
    }
    .container .box .sub, .container .box .sub2{
        padding: 20px 5% 20px 5%;
    }
    .main-bg3 .cont-cal:first-child{
        margin-right: 0px;
        border-right: 0px;
    }
    .main-bg3 .cont-cal{
        align-items: normal;
    }
    .advantage-con .advantage-item{
        width: 100%;
        padding: 20px 0px;
        display: flex;
    }
    .main-prog .pgCon{
        padding: 50px 0px;
    }
    .advantage-con .advantage-item .advantage-item-title{
        padding-left: 0px;
    }
    .cont .package-con .pkgCard{
        width: 100%;
        margin-bottom: 20px;
    }
    .package-bg2 .contrast-tit{
        display: none;
    }
    .problem .problem-con{
        margin: 20px;
    }
    .introduce{
        padding: 30px;
    }
    .introduce-bnr{
        flex-direction: column;
    }
    .introduce-bnr-left{
        padding-top: 0px;
    }
    .introduce-bnr-righ{
        width: 100%;
    }
    .introduce .form-con form .form-group{
        width: 100%;
    }
    /* .publish_content{
        margin-top: 50px;
        flex-direction: column;
        align-items: normal;
    }
    .publish_content .right .publish_btn {
        width: 150px;
        height: 44px;
        font-size: 16px;
        background-size: 18px;
        padding-left: 22px;
        background-position: 25px center;
    } */
}