html,
body {
    font-family: 'SourceHanSansCN-Medium'
}

p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none
}

a:link {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

a:visited {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

.container {
    padding: 0;
    margin: 0;

}

.wr-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.wr-row>[class*='col-'] {
    display: flex;
    flex-direction: column;
}

.row {
    padding: 0;
    margin: 0;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding: 0;
    margin: 0;
}


.top-img {
    flex: 6;
}
.index-top-left{
    flex: 4;
    align-items: center;
    display: flex;
    padding-left: 50px;
}
.navbar-toggle .icon-bar {
    background: #000
}
.navbar-toggle{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.navbar-toggle .icon-bar {
    background: #fff;
}
.navbar-collapse{
    float: right;
}
.index-p1{
    font-size:51px;
    color: #303443;
    font-weight: bold;
}
.index-p2{
    font-size: 35px;
    color: #303443;
    font-weight: bold;
    letter-spacing: 1.29px;
    margin-top: 10px;
}
.index-div1{
    width: 190px;
    height:50px;
    border-radius: 4px;
    display:flex;
    justify-content:center;
    align-items: center;
    background: #303443;
    font-size: 16px;
    margin-top: 28px;
    cursor:pointer;
    color: #FFFFFF;
}
.img1 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background: #D0D3DC 100%;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px
}

.users {
    background: #FFFFFF;
    box-shadow: 0 0 30px 0 rgba(173, 192, 230, 0.30);
    border-radius: 6px;
    position: relative;
    padding: 90px 27px 52px;
    flex: 1;
    margin-right: 20px;
    margin-bottom: 120px;
    cursor: pointer;

}

.users:hover {
    transform: scale(1.07, 1.05);
}

.p1 {
    text-align: center;
    font-size: 18px;
    color: #303443;
    font-weight: bold;
    margin-bottom: 40px;
}



.myCarousel1,
.myCarousel2,
.myCarousel3,
.myCarousel4 {
    font-size: 20px;
    color: #A8ACBA;
    align-items: center;
    height: 50px;
    display: flex;
    margin-left: -20px;
    width: 210px;
    padding: 20px
}
.point{
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #c5c9d7;
    margin-right: 14px;
}
.active-point{
    background: #ff4c6d;
}
.active {
    color: #fff;
    font-size: 20px;
    background: #303443;
    border-radius: 6px;
}

.carousel {
    /* box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444; */
    box-shadow: 0 0 30px 0 rgba(173, 192, 230, 0.40);
    margin: 7% 0 7% 6%;

}

.carousel-odd {
    margin: 9.5% 6% 9.5% 0;

}

.carouselCont {
    /* background-image:url('./images/5.png'); */
    /* padding: 7% 6%; */

    position: relative;
    /* background-repeat:no-repeat; */
    /* background-attachment:fixed; */
    /* background-position:-10px 100% ; */
    /* background-size: 124px 124px */
}



.product-outline {
    background: #FFFFFF;
    box-shadow: 0 0 30px 0 rgba(173, 192, 230, 0.40);
    border-radius: 6px;
    margin-right: 28px;
    padding: 20px 0 20px 20px;
    cursor: pointer;

}

.last-product-outline {
    margin-right: 0
}

.product-outline:hover {
    transform: scale(1.08, 1.18);
}

.product-detail {
    padding-top: 3.4%
}

.product-outline-img {
    width: 70px;
    height: 70px;
}

.product-outline-text {
    font-size: 20px;
    color: #303443;
    margin-left: 12px
}

.product-outline a div {
    display: flex;
    align-items: center
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav>li {
    margin-left: 20px
}

.nav>li>a {
    font-size: 14px;
    color: #FFFFFF;
    padding: 10px 0;
    font-family: 'SourceHanSansCN-Normal';

}

.navbar-active {
    font-weight: bold;
    border-bottom: 3px solid #ff4c6d;
}

.navbar {
    
    margin-bottom: 0px;
}
.navbar-collapse{
    padding: 0;
}
.container-fluid {
    padding: 10px 50px 0px 65px;
    height: 70px;
}

.bottom {
    background-image: url("./images/red-bg.png")
}

.bottom-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 100px 0 88px;
    position: relative;
    background-image: url('./images/bottom.png');
    background-size: 425px;
    background-position: bottom right;
    background-repeat: no-repeat;
    /* background-attachment:  fixed */
}

.bottom-button-container {
    display: flex;
    width: 400px;
    height: 60px;
    border-radius: 100px;
    background: #ffebc7;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #303443;
    cursor: pointer;
    margin-top: 20px;
}

.bottom-button-img {
    width: 312px;
    height: 62px;
}

.bottom-container-bg-2 {
    position: absolute;
    right: -20px;
    height: 330px;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 70px 0;
    background: #303443;
}

.footer-p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}
.foot-div1{
    display: flex;
}

.footer-p a {
    color: #fff
}

.p2 {
    font-size: 16px;
    color: #9197AA;
    text-align: center;
    line-height: 24px;
}




/* buy.html */

.buy-container-bg{
    background-image: url("./images/buy-container-bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 510px;
}
.buy-div1{
    margin: 0 14px;
    background-image: linear-gradient(-179deg, #FFF8E2 0%, #F8E1B6 100%);
box-shadow: 0 0 30px 0 rgba(173,192,230,0.40);
border-radius: 10px;
}

.buy-div2{
    height: 170px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.buy-div3{
    height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.buy-div4{
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-div5{
    padding:0px 38px;
}
.buy-p1{
    font-size: 22px;
color: #303443;
letter-spacing: 0;
text-align: center;
font-weight: bold;
}
.buy-p2{
    font-size: 60px;
color: #DEB364;
letter-spacing: 0;
text-align: center;
font-weight: bold;
}
.buy-p2 span{
    font-size: 36px;
color: #DEB364;
letter-spacing: 0;
text-align: center;
font-weight: bold;
margin-right: 8px;
}
.buy-p3{
    font-size: 18px;
color: #784E00;
letter-spacing: 0;
text-align: center;
font-weight: bold;
}
.buy-p4{
    font-size: 14px;
color: #784E00;
letter-spacing: 0;
text-align: center;
font-weight: bold;
margin-top: 8px;
}
.buy-p5{
    font-size: 16px;
    color: #303443;
    letter-spacing: 0;
    text-align: center;
font-weight: bold;
}
.buy-btn1{
    background: #303443;
border-radius: 100px;
width: 210px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #F8E1B6;
letter-spacing: 1.64px;
margin-top: 24px;
}
.buy-img1{
    position: absolute;
    top: 0;
    left:10px;
    width: 30px;
}
.buy-img2{
    
    width: 16px;
}
.buy-span-img2{
    position: absolute;
    top: 8px;
    right: 8px !important;
}
.buy-img3{
    width: 16px;
    margin-right: 4px;
}


[data-tooltip] {
    /* position: relative; */
    z-index: 2;
    cursor: help;
    /* Triangle */
}
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    display: inline-table;
}
[data-tooltip]:before {
    content: attr(data-tooltip);
    position: absolute;
    width: 220px;
    padding: 10px;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-size: 12px;
    /* top: -calc(100% + 3px); */
    /* bottom: -calc(100% + 3px); */
    top: -100%;
    z-index: 999999;
    box-shadow: 0 0 30px 0 rgba(173,192,230,0.40);
    /* bottom: -calc(50% + 3px); */
    left: calc(100% + 20px);
}
[data-tooltip]:after {
    position: absolute;
    bottom: -calc(100% + 3px);
    left: calc(50% + 25px);
    margin-left: -5px;
    width: 0;
    border-right: 10px solid #fff;
    background-color: transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}
@media (min-width: 480px) {
    [data-tooltip].tooltip--left {
        /* Triangle */
    }
    [data-tooltip].tooltip--left:before {
        top: 50%;
        left: 0%;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        margin-left: -7px;
    }
    [data-tooltip].tooltip--left:after {
        bottom: 50%;
        left: calc(0% - 2px);
        -webkit-transform: translate(0%, 50%);
        transform: translate(0%, 50%);
        margin-left: -5px;
        border-left: 5px solid #fff;
    border-top: 5px solid rgba(51, 51, 51, 0.9);

        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }
}
@media (min-width: 480px) {
    [data-tooltip].tooltip--right {
        /* Triangle */
    }
    [data-tooltip].tooltip--right:before {
        top: 50%;
        left: 100%;
        -webkit-transform: translate(3px, -50%);
        transform: translate(3px, -50%);
        margin-left: 4px;
    }
    [data-tooltip].tooltip--right:after {
        bottom: 50%;
        left: 100%;
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        margin-left: -3px;
        border-right: 5px solid #fff;
        border-left: 5px solid rgba(51, 51, 51, 0.9);

        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

.buy-question{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 140px 50px;
}
.buy-question-img1{
    width: 202px;
    height: 26px;
    margin-bottom: 80px;
}
.buy-question-img2{
    width: 150px;
}
.buy-btn1-1{
    margin-top: 3px !important;
}
.buy-question-img3{
    width: 30px;
    height: 30px;
    margin-right: 25px;

}
.buy-question-img4{
    width: 30px;
    height: 30px;
    margin-right: 25px;
}
.buy-question-div1{
    display: flex;
}
.buy-question-div2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 27px;

}
.buy-question-div3{
    /* display: flex; */
    margin-right: 30px;

}
.buy-question-line{
    width: 2px;
    height: 30px;
    background: #e5e6e7;
    margin-top: 27px;
}
.buy-question-div4{
    display: flex;
    align-items: center;
}
.buy-question-div5{
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.buy-question-p1{
    font-family: 'PingFangSC-Semibold';
    font-size: 20px;
    color: #303443;
    letter-spacing: 2.06px;
}
.buy-question-p2{
    font-family: 'PingFangSC-Regular';
    font-size: 20px;
    color: #9197AA;
    letter-spacing: 2.06px;
}
.buy-bottom{
    background: #F8E1B6;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.buy-bottom-container{
    display: flex;
    padding:0px 50px;
    justify-content:space-between;
    align-items: center;
}
.buy-bottom-div1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.buy-bottom-div2{
    background: #303443;
border-radius: 100px;
height: 50px;
width: 337px;
font-family:" SourceHanSansCN-Medium";
font-size: 20px;
color: #F8E1B6;
letter-spacing: 2.06px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;

}
.buy-bottom-img1{
    width: 90px;
    height: 36px;
}
.buy-bottom-p1{
    font-family: "SourceHanSansCN-Bold";
font-size: 20px;
color: #303443;
letter-spacing: 0.74px;
}
.buy-img11{
    margin: 78px auto 84px; width: 656px;height: 108px;
}
/* pay */
.pay-container-bg{
    background-image: url("./images/buy-container-bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 309px;
}
.pay-div1{
    display: flex;
    align-items: center;
    padding: 10px 50px 30px;
}
.pay-div2{
    margin: 0 14px;
    background-image: linear-gradient(-179deg, #FFF8E2 0%, #F8E1B6 100%);
    box-shadow: 0 0 30px 0 rgba(173,192,230,0.40);
    border-radius: 10px;
}
.pay-div2-active{
    border: 1px solid #F0B445;
    background-image: linear-gradient(-179deg, #FFF1CA 0%, #F1C77A 100%);
}
.pay-p1{
    font-family: "SourceHanSansCN-Bold";
font-size: 18px;
color: #FFFFFF;
letter-spacing: 0.66px;
margin-right: 20px;
}
.pay-p2{
    font-family: "SourceHanSansCN-Normal";
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
margin-right: 10px;
}
.pay-p3{
    font-family: "PingFangSC-Regular";
font-size: 16px;
color: #F8E1B6;
letter-spacing: 0;
}
.pay-div3{
    display: flex;
    align-items: center;
    padding-left: 50px;
    margin-top: 40px;
}
.pay-div33{
    width: 278px;
    height: 40px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-top: 10px;
    padding:0 12px;
    display: flex;
    align-items: center;
}
.pay-div4{
    width: 278px;
    height: 40px;
    background: #f8f9fa;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding:0 12px;
}
.pay-div5{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pay-div6{
    width: 100px;
    height: 40px;
    background: #303443;
border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "SourceHanSansCN-Normal";
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.59px;
    margin-top: 20px;
}
.pay-div7{
    background-image: url("./images/pay/code-bg.png");
    width: 196px;
    height: 196px;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pay-div8{
    height: 100%;
    display: flex;
flex-direction: column;
justify-content: flex-end;
}
.pay-div9{
    display: flex;
    align-items: center;
}
.pay-div10{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 50px;
    margin: 20px 0;
}
.pay-p4{
    font-family: "SourceHanSansCN-Bold";
    font-size: 18px;
    color: #303443;
    letter-spacing: 0.66px;
}
.pay-p5{
    font-family: "SourceHanSansCN-Normal";
font-size: 16px;
color: #303443;
letter-spacing: 0;
margin-left: 20px;
}
.pay-p6{
    font-family: "SourceHanSansCN-Normal";
font-size: 14px;
color: #303443;
letter-spacing: 0;
margin-top: 5px;
}
.pay-p7{
    font-family: "SourceHanSansCN-Normal";
font-size: 16px;
color: #303443;
letter-spacing: 0;
}
.pay-p8{
    font-family: "SourceHanSansCN-Normal";
font-size: 18px;
color: #303443;
letter-spacing: 0.66px;

}
.pay-p8 span{
    font-family: "SourceHanSansCN-Bold";
    font-size: 36px;
    color: #DEB364;
    letter-spacing: 0;
    text-align: center;
}
.pay-p9{
    font-family: "SourceHanSansCN-Normal";
font-size: 14px;
color: #9197AA;
letter-spacing: 0.28px;
text-align: center;
}
.pay-img1{
    width: 180px;
    height: 180px;
}
.pay-img2{
    width: 24px;
    height: 24px;
}
.pay-img3{
    width: 20px;
    height: 20px;
}
.pay-cont{
    border: 1px solid #EBEDF4;
    border-radius: 10px;
    margin: 30px 50px 20px;
    padding: 27px 0;
}
.pay-input1{
    flex: 1;
    border: 0;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
}
.pay-input2{
    flex: 1;
    border: 0;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
}
.pay-col-md-6-div1{
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* about */
.about-container-bg{
    background-image: url("./images/about/bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 700px;
}
.about-div1{
    margin-top: 154px;
}
.about-div2{
    /* text-align: center; */
    /* justify-content: center; */
    padding-left: 50px;
    margin-top: 26px;
}
.about-div3{

}
.about-div4{
    text-align: center;
}
.about-div5{
    margin-top: 210px;
    padding: 0 18px;
}
.about-div6{
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
}
.about-div7{
    position: relative;
    margin: 0 32px 52px;
}
.about-div8{
    margin-top: 175px;
}
.about-div9{
    padding:0 25px;
}
.about-div10{
    padding: 0 25px;
    
}
.about-div11{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
box-shadow: 0 0 30px 0 rgba(173,192,230,0.30);
border-radius: 10px;
padding: 48px 0 50px;
}
.about-div12{
    width: 240px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #303443;
border-radius: 100px;
font-family: "SourceHanSansCN-Medium";
font-size: 20px;
color: #FFFFFF;
letter-spacing: 2.06px;
text-align: center;
}
.about-bottom{
    background: #FCFCFD;
}
[about-data-tip]:after{
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    display: inline-table;
}

[about-data-tip]:after{
    content: attr(about-data-tip);
    position: absolute;
    width: 250px;
    padding: 200px 20px 30px;
    border-radius: 3px;
    background-color: #fff;
    color: red;
    top: -30px;
    left: -60px;
    z-index: 2;
    font-family: "PingFangSC-Regular";
font-size: 20px;
color: #303443;
letter-spacing: 1px;
text-align: center;
line-height: 26px;
box-shadow: 0 0 30px 0 rgba(173,192,230,0.30);
border-radius: 10px;
}
[about-data-tip]:hover:after {
    visibility: visible;
    opacity: 1;
}
.about-p1{
    font-family:"SourceHanSansCN-Heavy";
    font-size: 31px;
    color: #FFFFFF;
    letter-spacing: 0;
}
.about-p2, .about-p3,  .about-p4{
    font-family: "PingFangSC-Regular";
font-size: 20px;
color: #fff;
letter-spacing: 2.06px;
line-height: 37px;
z-index: 999;
position: relative;
}
.about-p3{
    
}
.about-p4{
    
}
.about-p5{
    font-family: "SourceHanSansCN-Heavy";
    font-size: 31px;
    color: #303443;
    letter-spacing: 0;
    margin-top: 120px;
}
.about-p6{
    font-family: "PingFangSC-Regular";
    font-size: 20px;
    color: #303443;
    letter-spacing: 2.06px;
    text-align: center;
    line-height: 37px;
    margin-top: 40px;
    background-image: url('./images/about/6.png');
    background-position: center;
    background-repeat: no-repeat;
    padding:30px 0;
    background-size: 80px 170px;

}
.about-p66{
    z-index: 999;
    position: relative;
}
.about-p7{
    font-family: "SourceHanSansCN-Heavy";
    font-size: 24px;
    color: #303443;
    letter-spacing: 0;
    text-align: center;
    margin-top: 60px;
}
.about-p8{
    font-family: "SourceHanSansCN-Medium";
font-size: 18px;
color: #303443;
letter-spacing: 0.9px;
margin-top: 20px;
text-align: center;
margin-bottom: 100px;
}
.about-img1{
    width: 126%;
}
.about-img2{
    width: 130px;height: 130px; border-radius: 130px;
    z-index: 999;
    position: relative;
}
.about-img3{
    line-height: 0;
    width: 108px;
    height: 56px;
}
.about-img4{
    line-height: 0;
    width: 100px;
    height: 100px;
}

@media (max-width: 768px) {
    .container {
        overflow: hidden;
    }
    .pay-div1{
        flex-direction: column;
        align-items: flex-start;
    }
    .pay-cont{
        flex-direction: column;
    }
    .wr-row{
        flex-direction: column;

    }
    .buy-question-div2{
        display: none;
    }
    .container-fluid {
        padding: 18px 20px 0;
    }
    .navbar-header{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .index-top-left{
        flex: 4;
        align-items: center;
        display: flex;
        padding-left: 20px;
    }
    .index-p1{
        font-size:23px;
    }
    .index-p2{
        font-size: 18px;
    }
    .product-outline{
        margin-right: 0px;
    }
    .index-div2{
        padding: 8.3%  4.5% 0 4.5%
    }
    .index-div2 div{
        margin-bottom: 20px;
    }
    .product-detail{
        padding-left:20px ;
        padding-right: 20px;
    }
    .footer-p {
        font-family: "PingFangSC-Regular";
font-size: 10px;
color: #FFFFFF;
letter-spacing: 0.4px;
text-align: center;
    }
    .foot-div1{
        flex-direction: column;
        justify-content: center;
    }
    .myCarousel1,
    .myCarousel2,
    .myCarousel3,
    .myCarousel4{
        margin-left: 30px;
        
    }
    .buy-div5{
        padding:20px 0px 0px;
    }
    .buy-div1{
        margin: 0 20px 15px !important;
    }
    .buy-question{
        padding: 30px 20px 50px;
    }
    .buy-question-p1{
        font-family: "PingFangSC-Semibold";
font-size: 15px;
color: #303443;
letter-spacing: 3.08px;
    }
    .buy-question-p2{
        font-family: "PingFangSC-Regular";
font-size: 15px;
color: #9197AA;
letter-spacing: 3.08px;
    }
    .buy-question-img3, .buy-question-img4{
        width: 15px;
        height: 15px;
        margin-right: 12px;
    }
    .buy-question-img1{
        margin-bottom: 30px;
        width: 101px;
        height: 13px;
    }
    .buy-question-div3{
        margin-right: 0;
    }
    .buy-img11{
        width: 100%;
        height: auto;
    }
    .buy-bottom-container{
        padding:0 20px;
        flex-direction: column;
    }
    .about-div2{
        padding-left: 20px;
    }
    .about-div1{
        margin-top: 31px;
    }
    .about-div2{
        margin-top: 0px;
    }
    .about-p1{
        font-size: 17px;
    }
    .about-p2, .about-p3, .about-p4{
        font-size: 12px;
        line-height: 18px;
    }
    .about-img1{
        width: 60%;
        margin-right: -10%;
    }
    .about-div3{
        display: flex;
        align-items: flex-end;
    }
    .about-container-bg{
        background-size: auto 350px;
    }
    .navbar-collapse{
        position: absolute;
        width: 300px;
        background: #444;
        height: 1000px;
        z-index: 9999;
        top:-0px;
        left: 0px;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .navbar-active {
        display: inline-block !important;
    }
    .nav>li>a {
        display: inline-block !important;
    }
    .about-p5{
        margin-top: 43px;
        font-size: 17px;
    }
    .about-p6{
        font-size: 14px;
color: #303443;
letter-spacing: 2.88px;
text-align: center;
line-height: 18px;
background-size: 65px 123px;
padding: 15px 0;
margin-top: 20px;
    }
    .about-div5{
        margin-top: 45px;
    }
    .about-div6{
        margin-top: 30px;
    }
    .about-div8{
        margin-top: 40px;
    }
    .about-img3{
        margin-bottom: 40px;
    }
    .about-div9{
        padding:0;
    }
    .about-div10{
        padding:15px 20px;
    }
    .about-div12{
        width: 80%;
    }
    .about-img2{
        width: 65px;
        height: 65px;
    }
    [about-data-tip]:after{
        content: attr(about-data-tip);
        position: absolute;
        width: 125px;
        padding: 110px 10px 15px;
        border-radius: 3px;
        background-color: #fff;
        color: red;
        top: -15px;
        left: -30px;
        z-index: 2;
        font-family: "PingFangSC-Regular";
    font-size: 12px;
    color: #303443;
    letter-spacing: 1px;
    text-align: center;
    line-height: 15px;
    box-shadow: 0 0 30px 0 rgba(173,192,230,0.30);
    border-radius: 10px;
    }
}

@media (max-width: 1150px) {

    .top-img {
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1100px;
        margin: 0 auto;
        /* border: 1px solid #000 */
    }
    .buy-div1:hover{
        background-image: linear-gradient(-179deg, #FFF1CA 0%, #F1C77A 100%);
        transform: scale(1.07, 1.05);
        border: 5px solid #F1C97D;
        margin-top: -6px;
    }
}

.col-md-9 {
    display: inline-block;
}

@media (min-width: 768px) {
    .container {
        /* width: 970px; */
        margin: 0 auto;
    }
    
    
}

@media (min-width: 992px) {

    .col-md-9 {
        width: 70%;
        padding: 0;
    }

    .wa_col-md-3 {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .col-md-pull-3 {
        right: 30%
    }

    .col-md-push-9 {
        left: 70%
    }
}