/* common */
html {
    background: #fff;
}

body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    background: #fff;
    min-width: 1230px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.pub-c {
    background-color: #f1f1f1;
    padding: 30px;
    margin-bottom: 20px;
}

.pub-ct {
    padding: 30px;
    background-color: #3f2920;
    border-radius: 8px;
    border: 1px solid #b7895d;
    margin-bottom: 20px;
}

.pub-bar {
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    background-color: #f1f1f1;
    padding: 0 15px;
    font-size: 24px;
    color: #2295ce;
    margin: 20px 0;
}

.pub-bar-menu {
    font-size: 20px;
}

.pub-bar-menu a {
    color: #2295ce;
}

.pub-bar-menu a:hover {
    opacity: 0.8;
}

.pub-button {
    border-radius: 4px;
    background-color: #008ecc;
    font-size: 32px;
    color: #fff;
    cursor: pointer;
}

.pub-button:hover {
    opacity: 0.8;
}

.pub-input {
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 5px;
    color: #333;
    font-size: 16px;
}

.coco-msg-stage {
    top: 40%;
}

.pupop-cart {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 300px;
    background-color: #373e41;
    box-sizing: border-box;
    padding-bottom: 10px;
    display: none;
}

.pupop-cart-top {
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
}

.pupop-cart-top span {
    font-size: 14px;
    color: #fff;
}

.pupop-cart-top .close {
    float: right;
    width: 12px;
    padding-top: 9px;
    cursor: pointer;
}

.pupop-cart-list {
    padding: 0 10px;
    max-height: 300px;
}

.pupop-cart-list li {
    border-bottom: 1px solid #fff;
    padding: 10px 0 5px;
}

.pupop-cart-list li .top {
    margin-bottom: 5px;
    display: flex;
}

.pupop-cart-list li .top .img-w {
    width: 30px;
}

.pupop-cart-list li .top img {
    width: 100%;
}

.pupop-cart-list li .top span {
    color: #fff;
    padding-left: 10px;
    font-size: 12px;
}

.pupop-cart-list li .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pupop-cart-list li .info span {
    width: 100px;
    display: block;
}

.pupop-cart-list li .info span.price {
    color: #faf336;
}

.pupop-cart-list li .info span.num {
    color: #fff;
}

.pupop-cart-list li .info .pupop-del {
    width: 10px;
    cursor: pointer;
}

.pupop-amount {
    padding: 10px 15px;
    font-size: 18px;
    color: #fff;
}

.pupop-amount .price {
    color: #faf336;
}

.pupop-cart-operation {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pupop-cart-operation button {
    width: 80px;
    height: 25px;
    font-size: 14px;
    margin-right: 20px;
}

.pupop-cart-operation a {
    display: inline-block;
    border: 1px solid #fff;
    width: 80px;
    height: 25px;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    color: #fff;
    transition: all .5s;
    box-sizing: border-box;
}

.pupop-cart-operation a:hover {
    background-color: #5cb610;
}

.head-order-search {
    width: 200px;
    height: 26px;
    border: 1px solid #b7895d;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #261913;
    margin-right: 10px;
}

.head-order-search input {
    flex: 1;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background-color: transparent;
    border: none;
    padding-left: 10px;
}

.head-order-search button {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0 10px;
}

.head-order-search button img {
    width: 20px;
    height: 20px;
}

/* common */
/*loading*/
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.loading .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);

}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.loading-inner {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    line-height: 70px;
}

.loading-inner img {
    animation: rotate 2s infinite;
    animation-timing-function: linear;
    opacity: 0.8;
    width: 70px;
    height: 70px;
}

.loading-inner span {
    color: #fff;
    font-size: 35px;
    vertical-align: middle;
    margin-left: 15px;
}

/*loading*/
/* header */
.top-w {

}

.top-w .top {
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-w .top-left {
    display: flex;
    align-items: center;
    margin-right: 288px;
}

.top-w .top-left a {
    margin-right: 20px;
}

.top-w .top-right {
    display: flex;
    align-items: center;
}

.top-w .top-login {
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

/* .top-w .top-login:hover .login-form {
    display: block;
} */

.login:hover {
    background-color: #5f483d;
}

.login-icon {
    width: 20px;
}

.login-text {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
}

.login-form {
    display: none;
    position: absolute;
    width: 280px;
    background-color: #373e41;
    left: 50%;
    top: 40px;
    transform: translate(-50%, 0);
    padding: 20px 10px;
    box-sizing: border-box;
    cursor: auto;
    z-index: 9;
}

.login-form-item {
    margin-bottom: 20px;
}

.login-form-item input {
    width: 160px;
    border: none;
    outline: none;
    padding: 0 5px;
    height: 25px;
    border-radius: 4px;
}

.login-form-item label span {
    font-size: 12px;
    color: red;
}

.login-form-item label {
    display: inline-block;
    width: 80px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    margin-right: 5px;
}

.login-user {
    position: relative;
    height: 40px;
    line-height: 40px;
}

.username-link {
    font-size: 16px;
    color: #fff;
}

.username-link img {
    width: 20px;
}

.username-link:hover {
    color: #f8b700;
}

.user-link-list {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
    width: 150px;
    background-color: #150d0a;
    display: none;
}

.login-user:hover .user-link-list {
    display: block;
}

.user-link-list li {
    line-height: 1;
    border-bottom: 1px solid #6b6b6b;
}

.user-link-list li a {
    display: block;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.user-link-list li a:hover {
    color: #f8b700;
}

.to-forget {
    margin-left: 10px;
    color: #2295ce;
}

.sign-w {
    text-align: center;
    margin-bottom: 10px;
}

.sign-w a,
.sign-w input,
.sign-w button {
    display: inline-block;
    border: none;
    background-color: #2295ce;
    width: 80px;
    height: 25px;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

.sign-in {
    margin-right: 15px;
}

.sign-in:hover {
    opacity: 0.8;
}

.sign-w .sign-up {
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 14px;
    box-sizing: border-box;
}

.sign-w .sign-up:hover {
    background-color: #2295ce;
    border-color: #2295ce;
}

.top-to-cart {
    position: relative;
}

.top-cart-num {
    display: flex;
    position: absolute;
    padding: 2px;
    border-radius: 50%;
    background-color: #ff9b00;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    min-width: 12px;
    height: 12px;
    top: -5px;
    right: 0;
    transform: translate(70%, 0);
    color: #fff;
}

.top-cart-num.show {
    display: flex;
}

.currency {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
}

.currency option {
    color: #333;
    font-size: 14px;
}

.header-nav {
    background: #3c3c3c;
    background-size: 100% 100%;
}

.navs-w {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
}

.logo {
    display: block;
}

.logo img {
    height: 50px;
}

.top_right_line {
    height: 40px;
    border-right: 1px dashed #666666;
    margin: 0 25px;
}

.navs-list {
    display: flex;
    align-items: center;
    height: 60px;
}

.navs-list > li {
    padding: 0 20px;
    position: relative;
}

.navs-list > li:last-child {
    border-right: none;
}

.navs-list > li.active > a {
    color: #fff600;
}

.navs-list > li:hover > a {
    color: #fff600;
}

.navs-list > li:hover > .child {
    display: block;
}

.navs-list > li > a {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.navs-list > li .child {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 60px;
    box-sizing: border-box;
    background-color: #150d0a;
}

.navs-list > li .child li a {
    display: block;
    text-align: center;
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

.navs-list > li .child li a:hover {
    color: #f8b700;
}

/* header */
/*index*/

#banner-swiper {
    max-width: 1920px;
    margin: 0 auto;
}

#banner-swiper .swiper-slide img {
    width: 100%;
}

#banner-swiper .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    background-color: #8a5937;
    margin: 0 13px;
    opacity: 1;
}

#banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f8b700;
}

.idx-pro-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 20px;
}

.idx-pro-select a {
    width: 420px;
    text-align: center;
    display: block;
}

.idx-pro-select a .select {
    display: none;
}

.idx-pro-select a:hover .default {
    display: none;
}

.idx-pro-select a:hover .select {
    display: inline;
}

.idx-pro-select .center {
    position: relative;
}

.idx-pro-select .center .bg {
    position: absolute;
    width: 385px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.idx_pro_w {
    padding-top: 30px;
    margin-bottom: 50px;
}

.idx_pro_list {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idx_pro_list > li {
    width: 483px;
    height: 270px;
    position: relative;
    text-align: center;
    border-radius: 8px;
    background: #6e0e0e;
}

.idx-pro-list-sec > li {
    background: #6a431e;
}

.idx_pro_list > li:nth-child(1) {
    margin-right: 70px;
    background: #0f3c49;
}

.idx-pro-list-sec > li:nth-child(1) {
    background: #0a1340;
}

.idx_pro_list > li .idx_pro_item {
    padding-top: 52px;
}

.idx_pro_list > li .idx_pro_item .title {
    color: #fff;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 19px;
}

.idx_pro_list > li .text_list li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.idx_pro_list > li .text_list li img {
    margin-right: 12px;
}

.idx_pro_list > li .text_list li span {
    color: #d8e7b7;
    font-size: 20px;
    line-height: 1;
}

.idx_pro_list > li .idx_pro_item .line {
    height: 1px;
    background-color: #9fb1b6;
    border-bottom: 1px solid #000;
    margin: 0 auto;
    width: 410px;
}

.idx_pro_list > li a {
    display: block;
    width: 200px;
    height: 45px;
    border-radius: 7px;
    background-color: #3d87a3;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    box-sizing: border-box;
    margin: 30px auto 0;
}

.idx_pro_list > li:nth-child(2) a {
    background: #a33d3d;
}

.idx_pro_list li a:hover {
    background-image: linear-gradient(to top, #048a33, #048a33, #048a33);
}

.idx_pro_list li .new_pro {
    position: absolute;
    left: -7px;
    top: -7px;
}

.daily_special_wrapper {
    margin-top: 30px;
    margin-bottom: 50px;
}

.daily_special {
    margin-top: 23px;
}

.tempWrap {
    width: 100% !important;
}

.daily_special .tickercontainer {
    height: auto !important;
}

.daily_special .pro-list li {
    margin-top: 0;
    width: 280px;
    margin-right: 20px;
    /* float: initial;
    display: inline-block; */
}

.daily_special .pro-list li:nth-child(4n) {
    margin-right: 24px;
}

.daily_special .pro-list li .add-to-cart {
    line-height: 25px;
}

.pro-list .preview {
    display: none;
    position: absolute;
    background-color: rgba(19, 106, 144, 0.7);
    /* min-width: 300px;
    max-width: 500px; */
    border-radius: 4px;
    color: #fff;
    padding: 20px;
    font-size: 14px;
    z-index: 9;
}

.pro-list .preview img {
    width: auto;
    max-width: 500px;
}

.pro-list .preview p {
    white-space: nowrap;
}

.pro-list li .off_icon {
    position: absolute;
    top: 0;
    left: 2px;
}

.pro-list li .pro-old-price {
    font-size: 15px;
    margin-bottom: 5px;
    color: #9e9e9e;
    text-decoration: line-through;
    height: 15px;
}

.pro-list li .pro-item-img {
    position: relative;
}

.pro-list li .pro-item-img .off_icon {
    position: absolute;
    right: 0;
    top: 0;
}

.choose {
   
}

.idx-pub-title {
    font-size: 24px;
    color: #5e4000;
    text-align: center;
    line-height: 1;
}

.idx_new_more {
    position: relative;
}

.idx_new_more a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 18px;
}

.idx_new_more a:hover {
    color: #0091d1;
}

.choose-list {
    margin-top: 23px;
    border-radius: 4px;
    padding: 15px 0;
    background-color: #fff;
}

.choose-list li {
    padding: 0 30px;
    float: left;
    width: 20%;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #e7e7e7;
}

.choose-list li:last-child {
    border-right: none;
}

.choose-list li .title {
    text-align: center;
    line-height: 1;
    font-size: 18px;
    color: #0091d1;
    margin-top: 18px;
    margin-bottom: 20px;
}

.choose-list li .detail {
    color: #666666;
    font-size: 14px;
}

.reviews-list {
    margin-top: 20px;
}

.reviews-list li {
    float: left;
    width: 216px;
    margin-right: 30px;
    border-radius: 4px;
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #fff;
}

.reviews-list li:last-child {
    margin-right: 0;
}

.reviews-list .star-time {
    line-height: 15px;
    margin-bottom: 24px;
}

.reviews-list .star-time .star {
    float: left;
}

.reviews-list .star-time .star img {
    width: 15px;
}

.reviews-list .star-time span {
    float: right;
    color: #333333;
    font-size: 12px;
    vertical-align: middle;
}

.reviews-list .title {
    font-size: 14px;
    color: #f3b709;
    line-height: 1;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reviews-list .detail {
    color: #666666;
    font-size: 14px;
    line-height: 18px;
    height: 54px;
    margin-bottom: 15px;
}

.reviews-list .name {
    font-size: 12px;
    color: #0091d1;
}

.idx-about {
    margin-bottom: 50px;
}

.idx-about-detail {
    border-radius: 7px;
    color: #666666;
}

.idx-news-w {
    background: #e7e7e7;
    padding: 20px 0 30px;
}

.idx-news {

}

.idx-news-list {
    margin-top: 20px;
}

.idx-news-list li {
    float: left;
    width: 288px;
    margin-right: 15px;
    border-radius: 5px;
    padding: 8px 10px;
    box-sizing: border-box;
    background-color: #fff;
}

.idx-news-list li:last-child {
    margin-right: 0;
}

.idx-news-list li .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3d87a3;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 7px;
}

.idx-news-list li .detail {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    height: 108px;
    overflow: hidden;
}

.idx-news-list li .time {
    color: #333;
    font-size: 14px;
    text-align: right;
    line-height: 1;
    margin-top: 5px;
}

/*index*/
/*product*/
.wrapper {

    position: relative;
}


.innerBanner {
    width: 100%;
    background: url(/images/pub_img.png) no-repeat center center #000;
    height: 200px;
}

.innerBanner-text {
    padding-top: 32px;
    color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.innerBanner-text .crumbs-menu {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    height: 30px;
    line-height: 30px;
}

.crumbs-menu a {
    color: #fff;
    font-size: 12px;
}

.crumbs-menu a:hover {
    color: #ccc;
}

.crumbs-menu span {
    color: #7d7d7e;
}

.innerBanner-text p.title {
    width: 300px;
    font-size: 32px;
    text-align: left;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 25px;
}

.innerBanner-text p {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
}
.idx-reviews{
	margin-top:34px;
	padding-bottom:30px;
}
.section1 {
    background: #e7e7e7;
    padding-bottom: 30px;
}

.goods-items-w {
    background-color: #e7e7e7;
}

.goods-items {
    display: flex;
    margin-left: -20px;
}

.goods-items li {
    border: 1px solid transparent;
    margin-left: 20px;
}

.goods-items li:last-child {
    margin-right: 0;
}

.goods-items li a {
    display: flex;
    width: 100%;
    height: 60px;
    padding: 0 35px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all .5s;
}

.goods-items li a img {
    height: 30px;
}

.goods-items li a span {
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-left: 10px;
}

.goods-items li a:hover,
.goods-items li.active a {
    background: #fff;
    border: 1px solid #00ccff;
}

.category-item-w {
    background-color: #f7f7f7;
    box-shadow: 0 0 15px #cfcfcf;
    padding: 20px 0 10px;
    margin: 20px 0;
}

.pro_empty_tips {
    margin-bottom: 15px;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #efefef;
}

.pro_empty_tips p {
    font-size: 16px;
    margin-bottom: 10px;
}

.pro_empty_tips p a {
    color: #2396ce;
}

.pro_empty_tips p a:hover {
    opacity: 0.8;
}

.pro-category {

}

.pro-category li {
    position: relative;
    box-sizing: border-box;
    float: left;
}

.pro-category li .pro_choose_icon {
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
}

.pro-category li.active .pro_choose_icon {
    display: inline;
}

.pro-category li a {
    display: block;
    background: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-color: #cecece;
}

.pro-category li a .pro_glod_icon {
    margin-right: 12px;
    width: 30px;
}

.pro-category li:hover a,
.pro-category li.active a {
    border-color: #008ecc;
}

.pro-category li a span {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #333;
    text-align: center;
}

.pro-category li:nth-child(2) {
    margin-left: 20px;
}

.pro-item-w {
    margin-top: 20px;
}

.pro_type_list {

}

.pro_type_list li {
    float: left;
    border: 1px solid #cecece;
    box-sizing: border-box;
    margin-right: 15px;
}

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

.pro_type_list li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    background-color: #fff;
}

.pro_type_list li.active a {
    background-color: #008ecc;
    color: #fff;
}

.pro_type_list li:hover a {
    background-color: #008ecc;
    color: #fff;
}

.pro-item-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: 20px;
}

.pro-item-list li {
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-left: 20px;
}

.pro-item-list li a {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    border: 1px solid #cecece;
    border-radius: 4px;
    transition: all .5s;
    padding: 6px 14px;
}

.pro_text {
    height: 50px;
    padding: 0 16px 0 0;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro_text .left {
    line-height: 1;
    color: #333;
    font-size: 16px;
}

.pro_text span {
    color: #ff0000;
    font-size: 16px;
}

.quick-purchase {
    display: flex;
    align-items: center;
}

.quick-purchase .title {
    color: #333;
    font-size: 16px;
}

.quick-purchase #quick-num {
    width: 140px;
    height: 30px;
    border-radius: 4px;
    background: #d9d9d9;
    padding: 0 15px;
    box-sizing: border-box;
    margin-right: 10px;
}

.quick-currency {
    margin-left: 20px;
}

.quick-price {
    margin-right: 10px;
    width: 80px;
}

.quick-buy {
    display: block;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    background-color: #0091d1;
    width: 120px;
    height: 30px;
    border-radius: 4px;
    transition: all .5s;
    text-align: center;
    line-height: 30px;
    margin: 0 3px 0 auto;
}

.quick-buy:hover {
    background-color: #00ccff;
}

.pro-item-list li a:hover {
    color: #fff;
    background-color: #008ecc;
    border: 1px solid #008ecc;
}

.pro-item-list li a.active {
    color: #fff;
    background-color: #008ecc;
    border: 1px solid #008ecc;
}

.search-w {
    border: 1px solid #b7895d;
    padding: 5px 10px;
    border-radius: 8px;
    height: 35px;
}

.keywords-swiper {
    float: left;
    width: 720px;
}

.keywords-swiper .swiper-slide a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(/images/keyword_bg.png) no-repeat;
    padding: 0 25px;
    background-size: 100% 100%;
}

.search-form {
    display: flex;
    align-items: center;
    float: right;
}

.search-form input {
    height: 35px;
    width: 250px;
    border-radius: 4px;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0 5px;
}

.search-form button {
    width: 110px;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #f8b700;
    background-color: #8a5937;
    color: #fff;
    font-size: 16px;
    margin-left: 18px;
    transition: all .5s;
}

.search-form button:hover {
    background-color: #f8b700;
}

.pro-item-title {
    font-size: 20px;
    color: #333333;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background-color: #e8e8e8;
    height: 60px;
}

.pro-item-title .product {
    width: 500px;
    padding-right: 10px;
    box-sizing: border-box;
}

.pro-item-title .price {
    width: 150px;
}

.pro-item-title .warranty {
    width: 250px;
    text-align: center;
}

.pro-item-title .action {
    text-align: center;
    flex: 1;

}

.pro-list {
    border-top: 1px solid #e4e0e0;
    border-left: 1px solid #e4e0e0;
    border-right: 1px solid #e4e0e0;
    margin-bottom: 20px;
}

.pro-list li {
    display: flex;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #e4e0e0;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: #f3f3f3;
}

.pro-list li:nth-child(2n) {
    background-color: #fff;
}

.pro-list li:hover {
    background: #fff5dc;
}

.pro-list li:nth-child(4n) {
    margin-right: 0;
}

.pro-item-info {
    width: 500px;
    padding-right: 10px;
    box-sizing: border-box;
}

.pro-item-info .title {
    text-align: left;
    color: #333;
    font-size: 15px;
    line-height: 1;
}

.pro-hours {
    width: 150px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.pro-item-img {
    width: 235px;
    height: 180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-item-img img {
    max-width: 100%;
    max-height: 100%;
}

.pro-item-price {
    line-height: 1;
    font-size: 15px;
    color: #fe1010;
    text-align: left;
    width: 150px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.pro-item-price .discount {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    background: #ff0000;
    font-style: oblique;
}

.pro-days {
    width: 250px;
    font-size: 14px;
    color: #82837e;
    text-align: center;
}

.pro-item-operation {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pro-item-operation .left {
    font-size: 18px;
    color: #f8b700;
    display: flex;
    align-items: center;
}

.pro-item-operation .left input {
    width: 70px;
    height: 25px;
    text-align: center;
    color: #333;
    font-size: 18px;
}

.pro-item-operation .left div {
    width: 35px;
    height: 25px;
    background-color: #7c4f2f;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pro-item-operation .left div.num-reduction {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pro-item-operation .left div.num-add {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pro-item-operation .left div:hover {
    background-color: #b7895d;
}

.pro-item-operation .line {
    width: 235px;
    height: 1px;
    background-color: #f8b700;
    margin: 15px auto 10px;
}

.add-to-cart {
    display: block;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    background-color: #84c000;
    width: 120px;
    height: 30px;
    border-radius: 4px;
    transition: all .5s;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
}

.pro-item-operation .buy_now:hover,
.add-to-cart:hover {
    background-color: #00ccff;
}

.pro-item-operation .buy_now {
    display: block;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
    background-color: #0091d1;
    width: 120px;
    height: 30px;
    border-radius: 4px;
    transition: all .5s;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    margin-left: 25px;
}

.page-list {
    margin-top: 20px;
    text-align: center;
}

.page-list a,
.page-list span {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 3px;
}

.page-list a {
    color: #333;
    border: 1px solid #000;
    transition: all .5s;
}

.page-list a:hover,
.page-list span {
    color: #fff;
    background-color: #2295ce;
    border: 1px solid #2295ce;
}

.pro-article-title {
    height: 40px;
    background-color: #015328;
    line-height: 40px;
    color: #fff;
    font-size: 24px;
    padding-left: 30px;
    margin-top: 20px;
}

.pro-article {
    margin-bottom: 20px;
}

.pro-article .big-title {
    background-color: #efefef;
    font-size: 24px;
    color: #666666;
    line-height: 1;
    text-align: left;
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
}

.pro-acticle-c {

}

.pro-acticle-c .title {
    color: #fb7a01;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    margin-bottom: 15px;
}

.pro-acticle-detail p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.pro-acticle-detail p span {
    color: #333;
    font-weight: bold;
}

.user-order-top {
    margin-bottom: 17px;
    line-height: 1;
}

.user-orderNo {
    color: #2295ce;
    font-size: 20px;
}

.user-order-detail {
    display: inline-block;
    margin-bottom: 15px;
    color: #333;
    font-size: 16px;
}

.user-order-detail:hover {
    text-decoration: underline;
    color: #2295ce;
}

.user-order-pay {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1;
}

.user-order-pay .price {
    display: inline-block;
    color: #2295ce;
    font-size: 24px;
    line-height: 1;
}

.user-order-pay .isPaid {
    position: absolute;
    right: 120px;
    top: 50%;
    transform: translate(0, -50%);
    line-height: 1;
    color: #333;
    font-size: 24px;
}

.user-order-time {
    text-align: right;
    font-size: 14px;
    color: #333;
}

.pro-search-no {
    background: #261913;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}

/*product*/

/*user*/
.user-w {
    margin-bottom: 20px;
    border: 1px solid #cecece;
    border-radius: 4px;
}

.user-c {
    border-radius: 8px;
    padding: 20px 25px;
}

.user-menu {
    width: 320px;
    float: left;
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 20px 30px;
    box-sizing: border-box;
    min-height: 510px;
    border: 1px solid #cecece;
}

.user-menu a {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #333;
    font-size: 24px;
}

.user-menu a.active,
.user-menu a:hover {
    background: url(../images/menu_bg.png) no-repeat left top;
    background-size: 100% 100%;
}

.user-right {
    border-radius: 4px;
    width: 795px;
    background-color: #f1f1f1;
    float: right;
    min-height: 510px;
    padding: 30px 15px;
    box-sizing: border-box;
    border: 1px solid #cecece;
}

.user-right .user-email {
    font-size: 24px;
    color: #333;
    line-height: 1;
}

.user-right .user-email span {
    color: #2295ce;
}

.user-info-list li {
    margin-top: 30px;
    float: left;
    width: 50%;
    font-size: 0;
}

.user-info-list li label {
    display: inline-block;
    width: 135px;
    color: #333;
    font-size: 20px;
}

.user-info-list li input {
    width: 225px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #333;
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 16px;
}

.user-right .userInfo-submit {
    display: block;
    width: 190px;
    height: 45px;
    margin: 134px auto 0;
}

.user-change-btn-w {
    margin-top: 40px;
    padding-left: 200px;
}

.userChange-submit {
    display: block;
    width: 190px;
    height: 45px;
    margin: 0 auto;
}

.user-order-list li {
    border: 1px solid #cecece;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

.user-order-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select-input {
    position: relative;
    cursor: pointer;
}

.select-input img {
    width: 28px;
}

.select-input input {
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.select-input .checked {
    display: none;
}

.user-order-selectAll {
    text-align: right;
    margin-top: 35px;
    display: none;
}

.user-order-selectAll span {
    font-size: 24px;
    color: #333;
    line-height: 1;
    vertical-align: middle;
    margin-right: 10px;
}

.user-select-all {
    display: inline-block;
    vertical-align: middle;
}

.user-order-delete-w {
    text-align: right;
    display: none;
}

.user-order-delete {
    display: inline-block;
    margin-top: 18px;
    font-size: 24px;
    width: 135px;
    height: 40px;
}

.order-empty {
    border-radius: 4px;
    width: 795px;
    background-color: #f1f1f1;
    float: right;
    height: 510px;
    padding: 30px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-change-password li {
    width: 100%;
}

.user-change-password li label {
    width: 200px;
    padding-right: 15px;
    text-align: right;
    box-sizing: border-box;
}

.user-change-password li input {
    width: 500px;
}

.user-change-password li span {
    display: none;
    padding-left: 200px;
    font-size: 12px;
    color: #2295ce;
    margin-top: 5px;
}

.user-change-password li .userInfo-submit {
    margin: 40px auto 0;
}

#pagecount {
    display: flex;
    align-items: center;
    justify-content: center;
}

#pagecount span.page-w {
    background-color: #fff;
    color: #333;
    border: 1px solid #000;
    transition: all .5s;
    display: inline-block;
    padding: 0 5px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 5px;
}

#pagecount span a {
    color: #333;
}

#pagecount span a:hover {
    color: #2295ce;
}

/*user*/
/*news*/
.news-w {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f1f1f1;
}

.news-list li {
    background-size: 100% 100%;
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #969696;
}

.news-list li:last-child {
    margin-bottom: 0;
}

.news-list li .title {
    text-align: center;

    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-list li .title a {
    color: #2295ce;
    font-size: 24px;
    transition: all .5s;
}

.news-list li .title a:hover {
    opacity: 0.8;
}

.news-list li .detail {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.news-list li .time {
    text-align: right;
    font-size: 14px;
    color: #333;
}

.newDetail-w {
    padding: 50px 25px 25px;
    background-color: #f1f1f1;
    margin-bottom: 20px;
}

.newDetail-w .title {
    font-size: 24px;
    color: #2295ce;
    line-height: 1;
    text-align: center;
    margin-bottom: 25px;
}

.newDetail-c {
    color: #333;
    font-size: 18px;
}

.newDetail-c img {
    max-width: 100%;
}

.newDetail-c a {
    color: #337FE5;
}

.newDetail-tag {
    margin-top: 25px;
    display: flex;
    align-items: flex-start;
    color: #333;
}

.newDetail-tag span {
    margin-right: 20px;
    font-size: 20px;
    line-height: 1;
}

.tag-list li {
    float: left;
    margin-right: 20px;
}

.tag-list li a {
    color: #2295ce;
    font-size: 16px;
}

.tag-list li a:hover {
    opacity: 0.8;
}

.turn-page {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

.turn-page-item a {
    color: #2295ce;
}

.turn-page-item a:hover {
    opacity: 0.8;
}

.turn-page-item.prev {
    float: left;
}

.turn-page-item.next {
    float: right;
    text-align: right;
}

.turn-page-item {
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*news*/
/*cart*/
.cart-w {
    margin-bottom: 20px;
}

.cart-section {
    margin-bottom: 20px;
    padding: 20px 15px;
    background: #f1f1f1;
    box-shadow: 3px 3px 8px #d8d8d8;
}

.cart-list {
    padding: 20px 15px;
    border-radius: 8px;
    border: 1px solid #cecece;
}

.cart-list li {
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cart-item-info {
    line-height: 50px;
    margin-bottom: 13px;
}

.cart-item-info img {
    height: 50px;
    margin-right: 18px;
}

.cart-item-info span {
    font-size: 16px;
    color: #008ecc;
}

.cart-price-describe,
.cart-price-change,
.cart-item-price {
    display: flex;
    align-items: center;
}

.cart-price-describe .currency {
    color: #000;
}

.cart-price-change div {
    width: 60px;
    height: 35px;
    background-color: #3c3c3c;
    font-size: 30px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cart-price-change div:hover {
    background-color: #008ecc;
}

.cart-price-change div.cart-subtraction {
    font-size: 35px;
}

.cart-price-change input {
    width: 75px;
    height: 35px;
    text-align: center;
    color: #333;
    font-size: 16px;
    border: 1px solid #cecece;
    box-sizing: border-box;
}

.cart-price-change {
    margin-right: 35px;
}

.cart-price-describe {
    font-size: 16px;
    color: #333;
}

.cart-price-describe .yellow {
    color: #ff0000;
}

.cart-delete {
    font-size: 22px;
    width: 90px;
    height: 36px;
    text-align: center;
    line-height: 36px;
}

.cart-operation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.cart_form_right .cart-operation {
    margin-top: 0;
}

.cart-coupons input {
    float: left;
    width: 260px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #cecece;
    padding: 0 5px;
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-right: 20px;
}

.cart-coupons .coupon-apply {
    float: left;
    color: #fff;
    width: 100px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    box-sizing: border-box;
}

.coupon-code::-webkit-input-placeholder {
    color: #d9d9d9;
}

.coupon-code:-moz-placeholder {
    color: #d9d9d9;
}

.coupon-code::-moz-placeholder {
    color: #d9d9d9;
}

.coupon-code:-ms-input-placeholder {
    color: #d9d9d9;
}

.discount-price-w {
    display: none;
}

.cart-clearAll {
    width: 120px;
    height: 40px;
    line-height: 38px;
    font-size: 24px;
    text-align: center;
    box-sizing: border-box;
}

.cart-price-w {
    border-radius: 4px;
    padding: 20px 10px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    color: #333;
    font-size: 18px;
    padding-right: 20px;
    line-height: 30px;
    border: 1px solid #cecece;
}

.cart_form_right .cart-price-w {
    border: none;
}

.new-user-price-w.total-amount-delete,
.total-amount-w.total-amount-delete {
    text-decoration: line-through;
    color: #bdbdbd;
}

.new-user-price-w.total-amount-delete span,
.total-amount-w.total-amount-delete span {
    color: #bdbdbd;
}

.cart-price-w span {
    color: #ff0000;
}

.total-payment-amount-w {
    border-top: 1px dashed #000;
    padding-top: 5px;
    margin-top: 5px;
}

.cart-form {
    padding: 20px 15px;
    margin-bottom: 20px;
    background: #f1f1f1;
    box-shadow: 3px 3px 8px #d8d8d8;
}

.cart-form .title {
    font-size: 20px;
    color: #333;
    line-height: 1;
    margin-bottom: 20px;
}

.cart-form-list li {
    float: left;
    width: 50%;
}

.cart-form-phone {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.cart-form-phone .fs-search .clear {
    display: none;
}

.cart-form-phone .fs-search input {
    width: 80%;
    padding: 0 4px;
    height: 25px;
    border: 0;
    color: #000;
    background-color: transparent;
}

.cart-form-phone .fs-label-wrap .fs-label {
    background: #008ecc;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
}

.cart-form-phone .fs-label-wrap {
    color: #fff;
    border: none;
}

.cart-form-phone .fs-arrow {
    border-top: 6px solid #fff;
}

.cart-form-phone .phoneCode-w {
    display: flex;
    margin-right: 10px;
}

.cart-form-phone .phoneCode-w span {
    margin-right: 5px;
    color: #008ecc;
    font-size: 18px;
}

.cart-form .detail .little-title {
    font-size: 18px;
    color: #000;
    line-height: 1;
    margin-bottom: 10px;
}

.cart-form .detail ul > li {
    font-size: 14px;
    color: #000;
    line-height: 1;
    margin-bottom: 10px;
}

.cart-form .detail ul > li .chat {
    color: #008ecc;
}

.cart-form-list label {
    color: #333;
    font-size: 18px;
    margin-right: 5px;
}

.cart-form-list label span {
    color: #008ecc;
    margin-right: 5px;
}

.cart-form-list input {
    width: 324px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 8px;
    color: #333;
    font-size: 16px;
    padding: 0 10px;
    box-sizing: border-box;
}

.cart-form-list .phoneNumber_w {
    display: flex;
    align-items: center;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 8px;
    background: #fff;
}

.cart-form-list .phoneNumber_w img {
    width: 20px;
    padding-left: 8px;
}

.cart-form-list input#phoneNumber {
    width: 148px;
    border: none;
    padding: 0 5px 0 0;
    /* width: 175px;
    padding-left: 30px;
    background: url(/images/phone_icon.png)no-repeat left 5px center #fff;
    background-size: 25px auto;
    box-sizing: border-box; */
}

.cart-form-list input::-webkit-input-placeholder {
    color: #d9d9d9;
}

.cart-form-list input:-moz-placeholder {
    color: #d9d9d9;
}

.cart-form-list input::-moz-placeholder {
    color: #d9d9d9;
}

.cart-form-list input:-ms-input-placeholder {
    color: #d9d9d9;
}

.cart-pay-list li {
    float: left;
    display: flex;
    align-items: center;
    /* width: 270px; */
    margin-right: 20px;
    margin-bottom: 20px;
}

.cart-pay-list li label {
    margin-left: 20px;
}

.cart-pay-list li label img {
    width: 160px;
    border-radius: 6px;
    box-shadow: 3px 3px 5px #ccc;
}

.cart-payNow-w {
    display: flex;
    align-items: center;
}

.cart-payNow-select {
    margin-right: 22px;
}

.cart-payNow-w p {
    font-size: 16px;
    color: #333;
}

.cart-form-submit {
    display: block;
    width: 300px;
    height: 50px;
    margin: 40px auto 0;
    border-radius: 6px;
    background-color: #008ecc;
}

.cart_form_right .cart-form-submit {
    margin: 0 auto;
}

.cart-form-submit img {
    height: 20px;
}

.cart-form-submit:hover {
    opacity: 0.8;
}

.cart-empty-w {
    background-color: #f1f1f1;
    padding: 20px 15px;
}

.cart-empty {
    height: 500px;
    border: 1px solid #cecece;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.cart-success-w {
    background: #f1f1f1;
    box-shadow: 3px 3px 8px #d8d8d8;
    padding: 20px 25px;
    margin-bottom: 20px;
}

.success-text {
    border: 1px solid #cecece;
    border-radius: 8px;
    padding: 30px 25px;
    margin-bottom: 20px;
    position: relative;
}

.success-text p {
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 1;
}

.success-text .one,
.success-text .two {
    margin-bottom: 50px;
}

.success-text .order-time {
    text-align: right;
    font-size: 20px;
}

.success-text img {
    position: absolute;
    top: 0;
}

.success-text .left-top {
    left: 0;
}

.success-text .right-top {
    right: 0;
}

.cart-success-goods {
    padding: 30px 20px 0;
    border: 1px solid #cecece;
    border-radius: 8px;
    background: #f1f1f1;
}

.cart-success-title {
    text-align: center;
    color: #000;
    line-height: 1;
    font-size: 24px;
    margin-bottom: 50px;
}

.cart-orderno {
    line-height: 1;
    color: #008ecc;
    font-size: 20px;
    margin-bottom: 30px;
}

.cart-success-table thead th {
    font-size: 24px;
    font-weight: normal;
    color: #000;
    padding-bottom: 20px;
}

.cart-success-table thead tr th:first-child {
    text-align: left;
}

.cart-success-table tbody td {
    padding: 30px 0 20px;
    border-bottom: 1px solid #fff;
}

.success-table-product {
    display: flex;
    align-items: center;
}

.success-table-product .img {
    width: 100px;
    height: 100px;
    border-radius: 3px;
    margin-right: 20px;
}

.success-table-product .img img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.success-table-product .title {
    color: #000;
    font-size: 18px;
}

.success-table-product .title span {
    color: #000;
}

.success-table-price,
.success-table-quantity {
    text-align: center;
    font-size: 18px;
    color: #008ecc;
}

.cart-success-goods .cart-price-w {
    border: none;
}

.order-status-w {
    background: #f1f1f1;
    box-shadow: 3px 3px 8px #d8d8d8;
    padding: 30px;
    margin-bottom: 20px;
}

.order-status {
    border: 1px solid #cecece;
    padding: 45px 15px;
    border-radius: 8px;
}

.order-status-title {
    text-align: center;
    font-size: 24px;
    color: #000;
    line-height: 1;
    margin-bottom: 50px;
}

.order-status-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-status-item {
    text-align: center;
    width: 155px;
}

.order-status-item img:nth-child(1) {
    display: none;
}

.order-status-item.progress img:nth-child(1) {
    display: inline;
}

.order-status-item.progress img:nth-child(2) {
    display: none;
}

.order-status-line {
    width: 120px;
    height: 4px;
    background-color: #cecece;
    transform: translate(0, -20px);
}

.order-status-item p {
    color: #000;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}

.order-userInfo-bar {
    background: #f1f1f1;
    box-shadow: 3px 3px 8px #d8d8d8;
    padding: 15px 30px;
    color: #000;
    font-size: 24px;
    margin-bottom: 20px;
}

.order-userInfo-list li {
    color: #000;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 15px;
}

.order-userInfo-list li span {
    display: inline-block;
    width: 150px;
    text-align: right;
    margin-right: 20px;
}

.no-coupon {
    font-size: 16px;
    color: #2295ce;
    margin: 20px auto;
}

.emial-tips {
    display: none;
    margin-left: 15px;
    font-size: 14px;
    color: #fee905;
}

.new-user-price-w {
    display: none;
}

.choose-buy {
    display: flex;
    align-items: center;
}

.choose-buy li {
    border: 1px solid #008ecc;
    color: #008ecc;
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 10px;
}

.cart_form_left {
    width: 750px;
    float: left;
    margin-right: 20px;
}

.cart_form_right {
    float: right;
    position: fixed;
    display: inline-block;
    padding: 20px 15px;
    background: #f1f1f1;
    box-shadow: 3px 3px 8px #d8d8d8;
    width: 430px;
    box-sizing: border-box;
}

/*cart*/
/*register*/
.register-w {
    padding: 30px;
    background-color: #f1f1f1;
    border-radius: 4px;
    /*border: 1px solid #000;*/
    margin-bottom: 20px;
}

.register-list {
    width: 680px;
    margin: 0 auto;
}

.register-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.register-list li:last-child {
    margin-bottom: 0;
}

.register-list li label {
    width: 160px;
    margin-right: 20px;
    text-align: right;
    color: #333;
    font-size: 16px;
}

.register-list li input {
    width: 500px;
    height: 40px;
    box-sizing: border-box;
}

.register-list li span.tips {
    float: left;
    padding-left: 180px;
    width: 100%;
    font-size: 12px;
    color: #2295ce;
    margin-top: 5px;
    display: none;
}

.register-list li label span {
    color: #008ecc;
}

.sign-up {
    width: 300px;
    height: 40px;
    font-size: 24px;
}

/*register*/
/*reviews*/
.reviews-left {
    width: 840px;
    float: left;
}

.reviews-right {
    width: 270px;
    float: right;
}

.reviews-star {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.reviews-star span {
    color: #333;
    font-size: 24px;
    line-height: 1;
    margin-right: 20px;
}

.star-list img {
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.reviews-right .title {
    height: 25px;
    font-size: 24px;
    color: #333;
    line-height: 25px;
    margin-bottom: 20px;
}

.reviews-text {
    width: 100%;
    height: 200px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #000;
    padding: 18px;
    box-sizing: border-box;
    color: #333;
    resize: none;
    font-size: 16px;
}

.reviews-operation {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.reviews-operation input {
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 0 5px;
    color: #333;
    font-size: 16px;
    box-sizing: border-box;
}

.reviews-code {
    height: 70px;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 70px;
    overflow: hidden;
}

.reviews-code img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.reviews-btn {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    font-size: 24px;
}

.reviews-top {
    margin-bottom: 25px;
}

.reviewsd-list {
    border-radius: 8px;
    border: 1px solid #000;
    background-color: #fff;
    padding: 25px 15px;
}

.reviewsd-list li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.reviewsd-list li .top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.reviewsd-list li .top span {
    color: #2295ce;
    font-size: 24px;
    margin-right: 40px;
    line-height: 1;
}

.reviewsd-star img {
    width: 25px;
    height: 25px;
}

.reviewsd-list li .detail {
    color: #333;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.reviewsd-list .time {
    text-align: right;
    font-size: 16px;
    color: #333;
    line-height: 1;
}

/*reviews*/
/*forget*/
.forget-w {
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.forget-email-label {
    margin-top: 60px;
}

.forget-email-label label {
    color: #333;
    font-size: 16px;
    margin-right: 16px;
}

.forget-email-label input {
    width: 500px;
    height: 40px;
    border: 1px solid #cecece;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 5px;
    color: #333;
    font-size: 16px;
}

.forget-emial-btn {
    width: 180px;
    height: 40px;
    font-size: 20px;
    display: block;
    margin: 40px auto 0;
}

.forget-tips {
    margin-top: 40px;
    color: #333;
    font-size: 16px;
}

.forget-send-email {
    width: 800px;
    margin: 30px auto 0;
}

.forget-list {
    width: 800px;
    margin: 20px auto 0;
}

.forget-list li {
    margin-bottom: 30px;
    position: relative;
}

.forget-list li span {
    float: left;
    padding-left: 290px;
    font-size: 12px;
    color: #2295ce;
    margin-top: 5px;
    display: none;
}

.forget-send-email .label {
    float: left;
    width: 250px;
    text-align: right;
    font-size: 24px;
    color: #2295ce;
    margin-right: 40px;
}

.forget-send-email .code-email {
    float: left;
    max-width: 500px;
}

.forget-send-email .code-email span {
    margin-right: 14px;
    font-size: 24px;
    color: #2295ce;
    vertical-align: middle;
    word-break: break-all;
}

.forget-send-email .send-email {
    vertical-align: middle;
    width: 124px;
    height: 40px;
    font-size: 18px;
    color: #fff;
}

.forget-list li label {
    width: 250px;
    font-size: 24px;
    color: #333;
    text-align: right;
    float: left;
    vertical-align: middle;
    margin-right: 40px;
}

.forget-list li input {
    float: left;
    vertical-align: middle;
    width: 390px;
    height: 40px;
    box-sizing: border-box;
}

.forget-list li .btn {
    width: 390px;
    float: left;
}

.forget-reset-btn {
    width: 200px;
    height: 40px;
    font-size: 24px;
    margin: 0 auto;
}

.forget-success {
    font-size: 16px;
    color: #2295ce;
    line-height: 1;
    margin: 60px 0;
    text-align: center;
}

.forget-success-home {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
}

/*forget*/
/*about*/
.pub-textDetail {
    padding: 20px 15px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #000;
}

.pub-textDetail .question-content,
.pub-textDetail p {
    color: #333;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
}

.pub-textDetail .yellow {
    color: #2295ce;
}

.pub-textDetail .question-title,
.pub-textDetail .title {
    color: #2295ce;
    font-size: 24px;
}

.pub-textDetail .question-content,
.pub-textDetail .article p {
    margin-bottom: 10px;
}

.pub-textDetail .article {
    margin-bottom: 24px;
}

/*about*/
/* footer */
#footer {
    background-color: #393939;
    padding: 12px 0;
}

.footer-navs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.footer-navs li,
.footer-navs li a {
    color: #fff;
    font-size: 16px;
}

.footer-navs li a:hover {
    color: #f8b700;
}

.pay-icon-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pay-icon-list li {
    width: 135px;
    height: 38px;
    border-radius: 4px;
    margin-bottom: 15px;
    margin-right: 42px;
}

.pay-icon-list li:nth-child(7),
.pay-icon-list li:nth-child(14) {
    margin-right: 0;
}

.pay-icon-list li img {
    width: 100%;
    height: 100%;
}

/* footer */
/* sitemap */
.sitemap-w {
    background-color: #f1f1f1;
    padding: 30px;
    margin-bottom: 20px;
}

.sitemap-title {
    border: 1px solid #000;
    color: #333;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
    padding: 0 20px;
}

.sitemap-list {
    border: 1px solid #000;
    margin-bottom: 20px;
    border-top: none;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sitemap-list li {
    width: 20%;
    margin-bottom: 15px;
    padding: 0 15px;
    box-sizing: border-box;
}

.sitemap-list li a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00ccff;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    padding: 5px;
    height: 46px;
    box-sizing: border-box;
}

.sitemap-list li a:hover {
    opacity: 0.8;
}

/* 订单搜索页 */
.order-search-w {
    background-color: #261913;
    padding: 30px;
    margin-bottom: 20px;
}

.order-search-inner {
    padding: 20px 15px;
    background-color: #3f2920;
    border-radius: 8px;
    border: 1px solid #b7895d;
}

.order-search-inner .title {
    font-size: 24px;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
}

.order-search-content {
    width: 860px;
    margin: 0 auto;
}

.order-search-top {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.order-search-top span {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    display: block;
    margin-right: 15px;
    white-space: nowrap;
}

.order-search-top input {
    background-color: #261913;
    border: 1px solid #b7895d;
    width: 400px;
    height: 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 0 5px;
}

.order-search-top button {
    width: 100px;
    height: 40px;
    margin-left: 20px;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    border: 1px solid #b7895d;
    outline: none;
}

.order-search-list {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
}

.order-search-list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.order-search-list li {
    font-size: 16px;
    color: #fff;
    display: flex;
    margin-bottom: 10px;
}

.order-search-list li:last-child {
    margin-bottom: 0;
}

.order-search-list li label {
    width: 75px;
    text-align: right;
    margin-right: 10px;
}

.order-search-list li.orderNo span {
    color: #fbc300;
}

.order-search-list li.order-amount span {
    color: #f7fa04;
}

.order-search-center .no-order {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

/* 订单搜索页 */

/* sitemap */
/**/
.chat-link {
    position: fixed;
    right: 30px;
    z-index: 99999;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
    top: 50%;
    margin-top: -65px;
}

.chat-link .chat {
    position: relative;
    z-index: 2;
}

.contact_link_w {
    transform: translateY(-10px);
    position: relative;
    z-index: 1;
}

.contact_link_list {
    position: absolute;
    top: 37px;
    display: flex;
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
}

.contact_link_list a {
    margin-bottom: 23px;
}