#header .header-main .container .header-right .menu-list> li.menu-item > a,
#header .header-main .container .header-right .menu-list> li.menu-item > h5{padding: 8px 8px 6px 8px;}
#header .header-main .container #main-menu .menu-list > li.menu-item {margin: 1px 20px 1px 0;}
#main-menu .menu-list > li.menu-item.login-item > a{border: 1px solid #2aafea;color: #2aafea;background-color: #fff;}
#banner img{width: 100%;}
#banner .des{position: absolute;bottom: 160px;left: 0px;text-align: center;width: 100%;color: rgb(255, 255, 255);font-size: 30px;}
#banner .time{position: absolute;bottom: 100px;left: 0px;text-align: center;width: 100%;color: rgb(255, 255, 255);font-size: 22px;}
#banner .time span{background-color: rgba(245, 173, 6, 0.984);padding: 8px 20px;border-radius: 5px;}
#banner .link{position: absolute;bottom: 40px;left: 0px;text-align: center;width: 100%;color: rgb(255, 255, 255);font-size: 18px;text-decoration: underline;}
#main .page1 h1{font-weight: 300;line-height: 1.2;margin-bottom: .5rem;font-family: Poppins, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, Noto Sans, sans-serif;text-align: center;}
#main .page1 .container>p{font-size: 1.125rem;margin-bottom: 3rem;font-weight: 400;line-height: 1.5;color: #000;text-align: center;}
#main .page1 .container .box1{margin: 80px auto 0;display: flex;justify-content: space-around;flex-wrap: wrap;}
#main .page1 .container .box1 .item{margin: 12px 0px;/* width: 620px; */padding: 45px 35px 70px 40px;/* height: 300px; */background: #fff;box-shadow: 0 3px 35px 0 rgba(0, 0, 0, .11);position: relative;z-index: 1;}
#main .page1 .container .box1 .item .tag{position: absolute;top: -3px;right: -3px;}
#main .page1 .container .box1 .item .title{text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
#main .page1 .container .box1 .item .des{margin-bottom: 30px;text-align: center;font-size: 1rem; font-weight: 400;line-height: 1.5;color: #000;}
#main .page1 .container .box1 .item .product{display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;}
#main .page1 .container .box1 .item .product>img{height: 160px;vertical-align: middle;}
#main .page1 .container .box1 .item .product{font-size: 20px;font-weight: bold;}
#main .page1 .container .box1 .item .product .price-box{color: #ffc400;margin: 0 15px;}
#main .page1 .container .box1 .item .product .price-box .old-price{text-align: center;font-size: 16px;text-decoration: line-through;font-weight: normal;width: 113px;}
#main .page1 .container .box1 .item .product .price-box .new-price{font-size: 30px;margin: 22px 0 12px;}
#main .page1 .container .box1 .item .product .price-box .new-price span{margin-right: 3px;color: #000;}
#main .page1 .container .box1 .item .product .price-box .buy-btn{text-align: center;display: flex;align-items: center;justify-content: center;background-color: #ffc400;font-weight: normal;cursor: pointer;}
#main .page1 .container .box1 .item .product .price-box .buy-btn a{padding: 8px 15px;color: #000;font-size: 15px;display: inline-block;width: 100%;transition: all .2s ease-in-out;}
#main .page1 .container .box2 .item{padding-top: 1rem;padding-bottom: 1rem;}
#main .page1 .container .box2 .item>div{position: relative;box-shadow: 0 3px 35px 0 rgba(0, 0, 0, .11);padding: 3rem;background-color: #fff;text-align: center;}
#main .page1 .container .box2 .item .tag{position: absolute;top: -3px;right: -3px;}
#main .page1 .container .box2 .item .images img{height: 33px;margin-bottom: 10px;vertical-align: middle;}
#main .page1 .container .box2 .item .price{color: #464646;padding:1.5rem 0;}
#main .page1 .container .box2 .item .price .des{font-size: 1.125rem;}
#main .page1 .container .box2 .item .price sup{font-size: 1.5rem;font-weight: 500;}
#main .page1 .container .box2 .item .price .num{font-size: 3rem;font-weight: 500;}
#main .page1 .container .box2 .item>div>a{width: 100%;margin: .25rem .16rem;border: .125rem solid transparent;padding: .71875rem 1.4375rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;}
#main .page1 .container .box2 .item .buy{color: #000;background-color: #ffc400;border-color: #ffc400;}
#main .page1 .container .box2 .item .buy:hover{color: #000;background-color: #d9a700;border-color: #cc9d00;}
#main .page1 .container .box2 .item .try{color: #ffc400;border-color: #ffc400;}
#main .page1 .container .box2 .item .try:hover{color: #000;background-color: #ffc400;border-color: #ffc400;}
#main .page1,#main .page2{padding-top: 3rem;padding-bottom: 3rem;text-align: center;}
#main .page2 .row>div{padding-left: 8rem;padding-right: 8rem;}
#main .page2 .images{min-height: 5rem;}
#main .page2 .images img{vertical-align: middle;}
#main .page2 .title{font-size: 1.125rem;font-weight: 500;}
#main .page2 .des{font-size: .875rem;margin-bottom: 1rem;}
@media (max-width: 767px){
    #main .page1, #main .page2{padding-top: 3rem;padding-bottom: 3rem;}
    #main .page1 .container>p{margin-bottom: 1rem;}
}



.mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 999;
}
.buy-box{
    background-color: #fff;
    padding: 25px 40px 25px;
    width: 550px;
    font-size: 14px;
    max-height: 615px;
    overflow: hidden;
    overflow-y: auto;
}
.buy-box .head{
    height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-weight: bold;
    font-size: 18px;
}
.buy-box .head .close{
    cursor: pointer;
    opacity: 1!important;
}
.mb-25 {
    margin-bottom: 25px;
}
.w-100 {
    width: 100%;
    height: 25px;
}
.w-47 {
    width: 47%;
}
.mb-4 {
    margin-bottom: 4px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mr-10 {
    margin-right: 10px;
}
.mb-35 {
    margin-bottom: 35px;
}
.w-define {
    width: calc(100% - 45px);
    height: 25px;
}
.buy-box .flex_center{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.inlineflex_center {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    flex-wrap: wrap;
} 
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    display: none;
}
.buy-box .inlineflex_center label {
    margin-right: 20px;
}
.unselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="radio"]+label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    /* font-size: 18px; */
    width: 14px;
    height: 14px;
    margin-right: 0.4em;
    border-radius: 50%;
    border: 1px solid #888;
    text-indent: 0.15em;
    line-height: 1;
}
input[type="radio"]:checked+label::before {
    background-color: #888;
    background-clip: content-box;
    width: 8px;
    height: 8px;
    padding: 2px;
    box-sizing: content-box;
}

.buy-box .xtpay_box {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.buy-box .xtpay_box>span {
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
}

.buy-box .xtpay_box .xt_price {
    font-size: 18px;
    color: red;
    /* margin-left: 10px; */
}

.buy-box .xtpay_box .payxtbtn {
    padding: 6px 20px;
    text-align: center;
    background-color: #ffc400;
    border-radius: 5px;
    cursor: pointer;
}
.sm-box {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #ffc400;
    text-align: center;
    line-height: 16px;
}
.buy_content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 400px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #353535;
}
.buy_content .buy_topbar{
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #dedede;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.buy_content .buy_topbar .buy_title {
    float: left;
    line-height: 50px;
    margin-left: 20px;
}
.buy_content .buy_topbar .buy_close {
    float: right;
    width: 18px;
    height: 16px;
    border-top-right-radius: 5px;
    background-image: url(../images/x.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin-top: 18px;
    margin-right: 15px;
    user-select: none;
    cursor: pointer;
}
.buy_content .buy_description {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    height: 70px;
}

.buy_content .buy_description>p {
    font-size: 18px;
    margin-bottom: 10px;
}

.buy_content .buy_description .orderNumBox {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    margin: 0 auto;
}

.buy_content .buy_success {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 50px);
}

.buy_content .buy_success p {
    display: inline-block;
    margin-bottom: 10px;
}

.buy_content .buy_success p:last-child {
    font-size: 12px;
}
.qrcode img{
    width: 120px;
}
.qrcode{
    text-align: center;
}
.price_box {
    margin: 25px auto 0;
    text-align: center;
}
.price_box .order_price {
    font-size: 16px;
    color: red;
}
.transfer {
    text-align: center;
    font-size: 18px;
}

.transfer_price {
    text-align: center;
    font-size: 18px;
}
/* .close img{
    cursor: pointer;
    position: relative;
    z-index: 111;
} */