.main{background: url(../images/index-bg.jpg) top center no-repeat; position: relative; background-size: 100%; padding-top: 50px;}
.introduce>h1{font-family: 'Microsoft YaHei';}
.introduce>.sub-title{margin: 20px 0;}
.introduce>article{line-height: 20px; background-color: #103342; border: 1px solid #585758; padding: 20px;}
.quickBuys{display: flex; justify-content: space-between; margin-top: 40px;}
.quickBuy{border: 1px solid #585758; flex:1; background-color: #103342; padding: 35px 85px; border-radius: 5px;}
.quickBuy:first-child{margin-right: 40px;}
.quickBuy>h2{font-size: 36px;margin-bottom: 25px;}
.quickBuy-price{font-size: 24px;text-align: center;}
.quickBuyForm{border-top: 1px dashed #345c74;margin-top: 25px; padding-top: 20px;}
.quickBuyFormCount{display: flex; border-radius: 5px; overflow: hidden; border: 1px solid #ccc;}
.quickBuyFormCountItem{position: relative; flex: 1;}
.quickBuyFormCountItem>input{ border: none; width: 100%; border-radius: 0; padding-right: 50px;}
.quickBuyFormCountItem>b{position: absolute;right: 35px; top: 23px; color: #ff9800;}
.quickBuyFormCountItem>i{position: absolute; right: 10px; top: 22px; font-size: 16px;}

.quickBuyFormCountPay{border-left: 1px solid #ccc; font-size: 16px; flex: 1; display: flex; justify-content: space-between; align-items: center;}
.quickBuyFormCountPay>span{flex: 1; padding-left: 10px;}
.quickBuyFormCountPay>b{color: #ff9800; font-size: 14px;}
.quickBuyFormCountPay>i{padding: 0 20px 0 10px;}

.quickBuyForm>input{width: 100%; margin-top: 12px;}
.quickBuyForm>.button{line-height: 60px; font-size: 20px; margin-top: 30px; width: 100%; font-weight: bold;}
.guestBooks{padding-bottom: 40px; border-bottom: 1px dashed #345c74;}
.guestBooks.nobod{border: none; padding-bottom: 0;}
.guestBooksTitle{margin: 40px 0 28px;}
.guestBook{border: 1px solid #585758; background-color: #103342;  border-radius: 5px; padding: 14px;}
.guestBook>.ellipsis2{height: 40px;}
.guest-swiper{padding: 0 30px; width: 1300px; box-sizing: content-box; margin-left: -30px;}
.swiper-button-next{right: 0; width: 30px; height: 30px;}
.swiper-button-prev{left: 0;width: 30px; height: 30px;}
.products-con{border-bottom: 1px dashed #345c74; padding-bottom: 40px;}
.products-con>h2{margin: 35px 0 15px;}
.products{display: flex;flex-wrap: wrap;}
.product{border: 1px solid #585758; border-right: 0; width: 259px; padding: 20px; margin-bottom: 28px;}
.product:nth-child(5n),.product:last-child{border-right: 1px solid #585758;}
.product .ellipsis3{height: 60px;}
.product-img{height: 255px; background-color: #333;display: flex; margin-bottom: 12px; justify-content: center; align-items: center;}
.product-img2{height: 140px; background-color: #333; display: flex; margin-bottom: 12px; justify-content: center; align-items: center;}
.product-img>img,.product-img2>img{max-height: 100%; max-width: 100%;}
.buynow{line-height: 40px; width: 100%;}
.plusCount{display: flex; overflow: hidden; text-align: center; width: 120px; line-height: 30px; color: #fff; align-items: center; border: 1px solid #585758; border-radius: 4px;}
.plusCount_sub,.plusCount_add{background-color: #00243b; width: 30px; cursor: pointer; }
.plusCount_num{background-color: #103342; color: #fff; border-radius: 0; padding-left: 0; line-height: 30px; text-align: center; height: auto; width: 60px; border: 1px solid #585758; border-width: 0 1px;}
.seeMore{border: 1px solid #545e69; background-color: #0a1828; padding: 5px 20px; border-radius: 3px;}
.news_center{border: 1px solid #544e42; background-color: #103342; padding: 20px; margin-top: 38px;}
.news_center_title{display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px;}
.news_con{border-bottom: 1px dashed #345c74; margin-top: 18px; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 8px;}
.news_con_intrd{width: 80%;}
.fenye{align-items: center; display: flex;}
.fenye-pages{display: flex; flex: 1; justify-content: center;text-align: center; line-height: 34px;}
.fenye-pages-rt{justify-content: flex-end;}
.fenye-page{display: block; background-color: #103342; width: 36px; height: 36px; border: 1px solid #585758; border-radius: 3px; color: #fff; margin-right: 10px;}
.cur .fenye-page{background-color: #f0ac0a;}
li:last-child>.fenye-page{margin-right: 0;}
/* 页面--Guest Book */
.comments-con{width: 65%;}
.comments-statistics{border: 1px solid #585758; background-color: #103342; padding: 20px; display: flex;}
.comments-statistics-l{flex: 1; margin-right: 40px; }
.comments-statistics-r>table{border:1px solid #345c74; border-collapse: collapse; margin-top: 18px;}
.comments-statistics-r td{padding: 0 10px; border: 1px solid #345c74;}
.star-title{width: 35%; margin-right: 6px; display: inline-block;}
.starpct{width: 62%; height: 16px; background-color: #345c74; vertical-align: middle; display: inline-block;}
.starpct-bar{background-color: #ffda00; width: 30%; height: 100%;}
.comment{padding: 15px 20px 20px 15px;}
.comment>.ellipsis3{padding-right: 80px;}
.comments-submit{width: 33%; padding: 20px; margin-left: 40px; height: fit-content;}
.comments-submit .mid{width: 100%;}
.comments-submit .button{line-height: 43px; width: 100%;}
.suggest-ipt{width: 100%; resize: none; height: 150px; padding: 10px;}
.rank-star>svg{cursor: pointer;}
/* 页面-GOLD */
.gold-box{border-radius: 5px; padding: 38px 0; display: flex; margin-top: 20px;}
.gold-info{width: 50%; border-right: 1px solid #345c74; padding: 0 88px;}
.gold-pay{width: 50%; padding: 0 88px;}
.gold-ipt{border: 1px solid #ccc; border-radius: 4px; background-color: #fff; line-height: 58px; padding: 0 20px; margin-top: 12px;}
.gold-unit{display: flex; justify-content: space-between;}
.gold-unit>input{width: 90%;}
.gold-ipt>input{width: 100%; height:58px;}
.gold-items{justify-content: space-between;}
.gold-item{width: 49%; background-color: #fff; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border: 1px solid #ccc; line-height: 58px; border-radius: 4px; padding: 0 20px;}
.gold-item.cur{color: #ff9800;}
.gold-coupon{color: #f0ac0a; font-size: 14px; width: 100px; font-weight: bold; text-align: right;}
.gold-coupon+b{width: 90px; text-align: right;}
.payment-way{background-color: #fff; cursor: pointer; display: flex; align-items: center; padding: 0 20px; height: 60px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 12px;}
.payment-way.cur{border-color: #ff9800; border-width: 2px;}
.payment-icon{flex: 1;padding-left: 20px;}
.payment-icon>img{width: 150px; height: 28px;}
.check-btn{border: 1px solid #999;  width: 16px; height: 16px; line-height: 14px; text-align: center; font-size: 12px; color: #fff; border-radius: 50%;}
.cur .check-btn{border-color: #ff9800; background-color: #ff9800;}
.payment-items>li{display: flex; justify-content: space-between; margin-bottom: 24px;}
.confirm-check{width: 15px; display: inline-block; border-radius: 2px; cursor: pointer; height: 15px; border: 1px solid #585758; background-color: #345c74; color: #345c74;}
.confirm-check.checked{color: #fff; background-color: #0c7fb5;}
.gold-paynow{line-height: 106px; width: 100%; font-size: 28px; font-weight: bold;}
.dispay{background: #999;}
.goods-name{font-size: 20px; line-height: 24px; font-weight: bold; margin: 20px 0; color: #fff;}
.gold-code{display: flex; justify-content: space-between;}
.gold-code>input{flex: 1; margin-right: 10px;border-radius: 4px; padding-left: 20px;}
.gold-code>.button{line-height: 58px; text-align: center; padding: 0 20px; min-width: 110px;}
/* 页面-404 */
.img-404{margin: 60px 0 16px;}
.img-404>img{width: 80%;}
.go-home{padding: 12px 35px; font-size: 18px;}
/* 页面-news list */
.news-aside{width: 200px; float: left;}
.news-titles-con{height: 818px; overflow: hidden; position: relative;}
.news-titles{position: absolute; left: 0; top: 0; right: -17px; bottom: 0; overflow-y: auto;}
.news-titles-up,.news-titles-down{font-size: 30px; text-align: center; margin: 5px 0; cursor: pointer;}
.news-titles-up{margin-top: 12px;}
.news-title{height: 65px;margin-bottom: 1px; display: flex; align-items: center; background-color: #00243b; cursor: pointer; color: #8ec6e8; padding: 0 10px 0 20px; line-height: 62px;}
.news-title>span{line-height: 20px; vertical-align: middle; margin-top: -2px;}
.news-title.cur,.news-title:hover{background-color: #103342; font-weight: bold;}
.news-content{padding-left: 240px;}
.news-detail{color: #fff; line-height: 24px; margin-top: 36px;}
.news-detail a{color: #e9eb0a; text-decoration: underline;}
.news-detail img{max-width: 100%;}
/* 页面-check-order */
.check-order-box{min-height: 300px;}
.check-box{display: flex; line-height: 50px; margin-top: 40px; margin-bottom: 24px;}
.check-box>input{width: 50%; border: 1px solid #585758; padding-left: 16px; margin-right: 24px;}
.check-box>.button{font-size: 18px; padding: 0 45px;}
.check-result{padding: 0 20px; margin-bottom: 20px;}
.check-item{line-height: 2.0; padding: 10px 0; border-bottom: 1px dashed #345c74;}
.check-item-title{width: 145px;display: inline-block;}
.to-livechat{line-height: 48px; margin: 40px 0; font-size: 18px; padding: 0 50px;}
.check-noresult{padding: 45px 0 75px; text-align: center;}
.check-noresult>.button{margin-top: 35px; font-size: 18px; line-height: 48px; width: 31%;}
/* 页面-payment-result */
.pay-result{padding: 60px 200px; margin-top: 30px;}
.pay-result-txt{font-size: 30px; margin: 40px 0 50px; text-align: center;}
.pay-result-btn{line-height: 42px; font-size: 18px; padding: 0 30px; margin-top: 38px;}
.faqs{line-height: 30px;}
.selltous-btns{text-align: center; margin-top: 30px;}
.selltous-btns>.button{height: 40px; line-height: 40px; width: 200px;}
.swiper-pagination-bullet{border: 1px solid #fff; width: 16px; height: 16px; cursor: pointer; margin: 0 8px!important}
.swiper-pagination-bullet-active{background: #e9eb0a;}

@media (max-width:1320px){
    .quickBuy{padding: 25px 10px;}
    .quickBuy:first-child{margin-right: 12px;}
    .quickBuy>h2{font-size: 24px;}
    .quickBuy-price{font-size: 16px;}
    .quickBuy input.big{height: 50px;}
    .quickBuyForm>.button{line-height: 50px; margin-top: 25px;}
    .quickBuyFormCountItem>b,.quickBuyFormCountItem>i{top: 18px;}
    .quickBuyFormCountPay>i{padding: 0 10px;}
    .guest-swiper{padding: 0; width: 100%; margin-left: 0; overflow: hidden; height: 380px;}
    .guest-swiper .swiper-wrapper{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .swiper-slide{width: 368px; margin-bottom: 12px; height: auto;}
    .banner .swiper-slide{margin-bottom: 0;}
    .products-list .product{margin-bottom: 12px;}
    .product{width: 249px;}
    .product:nth-child(n+4){display: none;}
    .products-list>.product:nth-child(n+4){display: block;}
    .products-list>.product:nth-child(n+7){display: none;}
    .product:nth-child(3n){border-right: 1px solid #585758;}
    .product:nth-child(5){border-right: 0;}
    .product:last-child{border-right: 1px solid #585758;}
    .product-img{height: 245px;}
    .news_center .seeMore{display: inline-block; margin: 30px 0 10px;}
    .news_con_intrd{width: auto;}
    .fenye-pages{justify-content: flex-end;}
    .pay-result{padding: 50px 38px;}
    .gold-box{display: block; padding: 38px 10px;}
    .gold-info{width: 100%; border-bottom: 1px solid #345c74; border-right: 0; padding:0 110px 30px; margin-bottom: 25px;}
    .gold-pay{width: 100%; padding: 0 110px;}
    .comments-box{display: block;}
    .comments-con{width: auto;}
    .comments-submit{width: auto; margin-left: 0; margin-top: 30px;}
    .comments-statistics-r .button{padding: 10px 40px;}
}
@media (max-width: 767px) {
    .main{padding-top: 30px;}
    .introduce>h1{font-size: 18px;}
    .introduce>.sub-title{font-size: 14px; margin-top: 440px;}
    .quickBuys{display: block; position: absolute; top: 40px; left: 10px; right: 10px; border: 1px solid #585758; background-color: #103342;}
    .introduce>.introduce-content{margin-top: 24px;}
    .quickBuy{border: none; position: absolute; top: 0; padding-right: 0; z-index: 1; width: 50%; background-color: transparent;}
    .quickBuy:nth-child(2){right: 10px;}
    .quickBuy.cur{position: relative; width: 100%; right: auto; z-index: 0; padding-right: 10px;}
    .cur .quickBuyForm,.cur .quickBuy-price{display: block;}
    .cur .quickBuy-price{padding-top: 49px;}
    .quickBuyForm{display: none; border-top: none; padding-top: 0;}
    .quickBuy-price{display: none;}
    .quickBuy:first-child{margin-right: 0;}
    .quickBuy>h2{border-bottom: 1px solid #fff; float: left; color: #fff; width: 100%; margin-bottom: 20px; padding-bottom: 10px; font-size: 18px;}
    .quickBuy:nth-child(2)>h2{float: right;}
    .quickBuy.cur>h2{border-color: #e9eb0a; width: 50%; color: #e9eb0a;}
    .guestBooksTitle{margin: 24px 0 18px;}
    .guestBooksTitle>span:first-child{display: block; margin-bottom: 10px; font-size: 20px;}
    .guest-swiper{height: 750px;}
    .swiper-slide{width: 100%;}
    .product{width: 100%; padding: 10px; margin-bottom: 12px; border-right: 1px solid #585758;}
    .products-list>.product{width: 50%;}
    .products-list>.product:nth-child(n+5){display: none;}
    .products-list>.product:nth-child(odd){border-right: 0;}
    .products-con>h2{font-size: 20px;}
    .product:nth-child(4),.product:nth-child(5){display: block;}
    .product-img{height: 225px;}
    .product-index-img{float: left; height: 110px; margin-right: 18px; margin-bottom: 0;}
    .product-index-img2{float: left; width: 85px; height: 110px; margin-right: 18px; margin-bottom: 0;}
    .product-price{margin-top: 12px;}
    .plusCount{display: none;}
    .buynow{display: none;}
    .products-list .buynow{display: block;}
    .fenye{position: fixed; bottom: 0; left: 0; right: 0; background-color: #000; padding: 10px 0;}
    .fenye-pages{justify-content: center;}
    .check-box{display: block;}
    .check-box>input{width: 100%; height: 50px; border-radius: 4px; margin-bottom: 12px;}
    .check-box>.button{width: 100%;}
    .check-item-title{width: auto; margin-right: 10px;}
    .check-item-title+span.f24{font-size: 18px;}
    .to-livechat{width: 100%;}
    .check-noresult{padding: 40px 0;}
    .check-noresult>.button{width: 90%;}
    .check-tips{font-size: 18px;}
    .pay-result{padding: 30px 10px;}
    .pay-result-txt{margin: 20px 0 25px; font-size: 20px;}
    .gold-info{padding: 0;}
    .gold-pay{padding: 0;}
    .goods-name{font-size: 16px;}
    .gold-box .sub-title{font-size: 16px;}
    .gold-info{border-bottom: 0;}
    .gold-ipt{line-height: 40px;}
    .gold-ipt>input{height: 40px;}
    .gold-item{line-height: 40px;}
    .payment-icon>img{width: 130px;}
    .gold-paynow{line-height: 60px; font-size: 20px;}
    .gold-paynow>svg{font-size: 28px; margin-right: 20px;}
    .gold-page-title{font-size: 20px; text-align: center;}
    .gold-page-title + .block_theme{margin-top: 20px;}
    .wrong-tip{font-size: 14px;}
    .comments-statistics{padding: 10px;}
    .comments-statistics{display: block;}
    .comments-statistics-r td{font-size: 12px; word-break: break-all;}
    .star-title{width: 30%;}
    .starpct{width: 66%;}
    .news-aside{width: auto; float: none;}
    .news-aside>h1{text-align: center;font-size: 20px;}
    .news-content{padding-left: 0;}
    .news-titles-con{height: 65px; margin: 20px 0;}
    .news-titles{right: 0; overflow-y: hidden; overflow-x: auto; display: flex;}
    .news-title{width: 200px; flex-shrink: 0;}
    .gold-code{display: block;}
    .gold-code>input{width: 100%; height: 40px;}
    .gold-code>.button{width: 100%; line-height: 40px; margin-top: 40px;}
    .suc-tip{margin: -70px 0 65px;}
}