@import url("base.css");
@import url("iconfont.css");
@import url("style.css");

/*幻灯片与导航菜单*/
.full_slideshow{position:relative;height:460px;background:#f5f5f5}
.full_slideshow img{object-fit:cover;width:100%;height:460px}
.full_slideshow .swiper-pagination-bullet{background:#818181;width:30px;height:4px;border-radius:0;opacity:1}
.full_slideshow .swiper-pagination-white .swiper-pagination-bullet-active{background:#0355c5}
.full_slideshow .swiper-container-horizontal>.swiper-pagination-bullets,.full_slideshow .swiper-pagination-custom,.full_slideshow .swiper-pagination-fraction{bottom:20px}
.slide .container,.slide .container .container{position:relative}
.header_category{display:none;border-radius:0;z-index:2;position:absolute;top:56px;left:0;width:220px;height:460px;background:#fff;box-sizing:border-box;padding:10px 0}
.header_category .onemenu a b,.header_category .onemenu a h3{font-size:16px;color:#333}
.header_category .onemenu a{display:flex;justify-content:space-between;align-items:center;padding:0 25px;height:44px;line-height:44px}
.header_category .onemenu a h3{font-size:15px}
.header_category .onemenu a b{font:400 9px/14px consolas;font-size:16px}
.header_category .item:hover{background:#fff;box-shadow:0 0 28px rgb(0 0 0 / 8%)}
.header_category .twomenu{transform-origin:0 0 0;transform:scaleY(.2);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s;opacity:0;visibility:hidden;position:absolute;top:0;left:220px;height:460px;width:450px;box-shadow:0 0 46px rgb(0 0 0 / 30%);background:#fff;padding:15px;box-sizing:border-box}
.header_category .twomenu a{color:#666;font-size:14px;width:31.5%;text-align:left;margin-right:10px;float:left;line-height:39px;height:39px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header_category .twomenu a:nth-child(3n){margin-right:0}
.header_category .item:hover .twomenu{opacity:1;visibility:visible;transform:translateY(0)}
.header_category .twomenu a:nth-child(n+23){display:none}
.site_nav .nav-menu .cdmenu:hover .header_category{display:block}
.site_nav .nav-menu .cdmenu .as{cursor:pointer}
.site_nav .nav-menu .cdmenu .as i{font-size:38px;position:relative;top:7px}

/*热门产品*/
.hot_sale{flex-wrap:wrap;border-top:none}
.hot_sale .item{border-radius:16px;padding:10px;width:23.5%;margin-right:2%;margin-top:2%;box-sizing:border-box;background:#fff}
.hot_sale .item:hover{-webkit-box-shadow:0 12px 36px rgb(0 0 0 / 10%);box-shadow:0 12px 36px rgb(0 0 0 / 10%)}
.hot_sale .item:nth-child(4n){margin-right:0}
.hot_sale .item .flex .flex{flex-direction:column;align-items:flex-start;flex:1;height:120px}
.hot_sale .item .flex .price{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
.hot_sale .item .flex .price div{font-weight:700}
.hot_sale .item .flex .price a{font-size:14px;padding:5px 8px;border-radius:3px;line-height:24px;transition:all .3s ease;cursor:pointer;font-weight:700}
.hot_sale .item .flex .price a:hover{border-color:#ccc;color:#ccc}
.hot_sale .item .flex .price a i{margin-right:5px}
.hot_sale .item .img{width:150px;height:150px;margin-right:16px}
.hot_sale .item .img a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.hot_sale .item .img img{max-width:100%;max-height:100%}
.hot_sale .item .text{line-height:21px;font-size:13px;color:#999}
.hot_sale .item .text a{color:#666;display:block;width:190px;height:42px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hot_sale .item .price{margin-top:10px;font-size:1.2rem}

/*产品列表*/
.product_list{width:100%;margin-right:0}
.product_list .product_container .item{width:20%}
.product_list .product_container .item:nth-child(3n){border-right:1px solid #eee}
.product_list .product_container .item:nth-child(5n){border-right:0}
.products .product_list{border-radius:8px;margin-top:2%}
.products .product_list:nth-child(2n){margin-right:0}
.product_list .title_tab{justify-content:space-between;height:60px}
.product_list .title_tab .h3 h3{font-size:18px;font-weight:700}
.product_list .title_tab .h3 h3 i{font-size:24px;position:relative;top:4px}
.product_list .title_tab .right_tab li a{color:#fff;padding:8px 10px;margin-left:13px;border-radius:3px}
.product_list .title_tab .right_tab li a:hover{background:#ccc}
.product_list .product_container .item:nth-child(3){border-radius:0 0 0 8px}
.product_list .product_container .item:nth-child(6){border-radius:0 0 8px 0}
.product_container .item{-webkit-transition:all .2s linear;transition:all .2s linear;float:left;width:20%;height:300px;background-color:#fff;padding:16px;cursor:pointer;box-sizing:border-box;border-bottom:1px solid #eee;border-right:1px solid #eee}
.product_container .item:nth-child(5n){border-right:0}
.product_container .item .img{width:170px;height:165px;margin:auto;overflow:hidden}
.product_container .item .img img{width:100%;height:100%;transition:1s all}
.product_container .item .name a{margin-top:10px;color:#5a5a5a;height:46px;line-height:23px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;font-size:14px}
.product_container .item .price{margin-top:10px;font-size:1.2rem;justify-content:space-between}
.product_container .item .price .pr .icons span{padding:0 10px;font-weight:700}
.product_container .item .price a{font-size:14px;padding:3px 8px;border-radius:3px;line-height:24px;transition:all .3s ease;cursor:pointer;font-weight:700}
.product_container .item .price a:hover{border-color:#ccc;color:#ccc}
.product_container .item .price a i{margin-right:5px}
.product_container .item:hover .img img{transform:scale(1.2)}

/*筛选*/
.selection{border-radius:5px;padding:10px 0;background:#fff;margin-bottom:0;font-size:14px}
.selection .rows{overflow:hidden;height:auto;padding:.5rem 0;border-bottom:1px dashed #dcdcdc}
.selection .rows:last-child{border-bottom:none}
.selection .rows.on{height:auto}
.selection .rows ul{float:left;display:inline;padding:0 1rem;margin:0}
.selection .rows ul li{list-style:none;padding:0;display:flex;float:left}
.selection .rows ul li a{color:#555;padding:.6rem;transition:all .3s ease-out;font-size:1rem}
.selection .rows ul li a:active,.selection .rows ul li a:focus,.selection .rows ul li a:hover,.selection .rows ul li.on a{color:#fff;border-radius:4px;transition:all .3s ease-out}
.selection_type{background:#fff;padding:12px 15px;border-radius:6px;box-sizing:border-box}
.selection_type a{font-size:1rem;height:3rem;line-height:3rem;margin-right:1rem;color:#666;padding:0 1rem;border-radius:5px;background:#f5f5f5}
.selection .rows ul li.on,.selection .rows ul li.on a,.selection_type .on,.selection_type a:hover{color:#fff;border-radius:4px}

/*分页*/
.page_pagination{justify-content:center;margin-top:25px;margin-left:0}
.page_pagination a{border-radius:3px;height:30px;line-height:30px;display:inline-block;background:#fff;padding:0 15px;margin:0 5px}
.page_pagination .active,.page_pagination .on,.page_pagination a:hover{color:#fff}

/*产品详情*/
.product_detail_base{margin-top:15px;border-radius:10px;align-items:flex-start;background:#fff}
.product_detail_base .group,.product_detail_base .text{background:#fff;padding:2%;border-radius:1%}
.product_detail_base .group{margin-right:20px;width:100%;max-width:450px}
.product_detail_base .view .swiper-container{width:100%;height:326px}
.product_detail_base .view img{width:100%;height:326px}
.product_detail_base .view a{display:flex;justify-content:center;align-items:center}
.product_detail_base .preview{width:100%;margin-top:10px;position:relative}
.product_detail_base .preview .swiper-container{width:380px;height:82px;margin-left:35px}
.product_detail_base .preview .swiper-slide{width:70px;height:70px;cursor:pointer;margin-right:7.5px}
.product_detail_base .preview .arrow-left{left:0}
.product_detail_base .preview .arrow-right{right:0}
.product_detail_base .preview .arrow-left,.product_detail_base .preview .arrow-right{z-index:2;position:absolute;top:25%}
.product_detail_base .preview .arrow-left span,.product_detail_base .preview .arrow-right span{font-size:30px;color:#ccc}
.product_detail_base .preview img{box-sizing:border-box;padding:1px;width:70px;height:70px}
.product_detail_base .preview .active-nav img{padding:0}
.product_detail_base .text{padding-left:2%;width:54%}
.product_detail_base .text h3{font-size:21px;font-weight:400;line-height:1.5}
.product_detail_base .text .small{color:#999;font-size:14px;margin-top:15px}
.product_detail_base .text .big span,.product_detail_base .text .small span{margin-right:30px}
.product_detail_base .text .big{padding:15px 0;margin-top:20px}
.product_detail_base .text .big .sale{font-size:30px;font-weight:700}
.product_detail_base .text .big .sale em{font-size:14px}
.product_detail_base .text .big .oldsale .dw1{text-decoration:line-through;font-size:20px}
.product_detail_base .merchant{width:20%!important;border-left:1px #ccc solid;border-radius:0}
.product_detail_base .merchant .icon p{float:left;margin-right:5%}
.product_detail_base .merchant .icon p span{font-size:40px;color:#666}
.product_detail_base .merchant .info{margin:5% 0;padding:5% 0}
.product_detail_base .merchant .info .name{border-top:1px #ccc solid;border-bottom:1px #ccc solid;height:2.6rem;line-height:2.6rem;font-size:1rem}
.product_detail_base .merchant .info p{line-height:2.6rem}
.product_detail_base .btn-numbox li .number,.product_detail_base .kucun{display:inline-block;font-size:12px;color:#999}
.product_detail_base .btn-numbox .count .num-jian,.product_detail_base .input-num,.product_detail_base .num-jia{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;font-size:18px;color:#999;cursor:pointer;border:1px solid #e5e5e5;transition:all .3s ease}
.product_detail_base .btn-numbox .count .input-num{width:58px;height:28px;color:#333;border-left:0;border-right:0}
.product_detail_base .stock .rote span{color:#999}
.product_detail_base .stock .rote span i{margin-left:6px}
.product_detail_base .pbtn a{height:50px;line-height:50px;font-size:20px;border-radius:4px;padding:0 65px;color:#fff}
.product_detail_base .pbtn .btn-danger{background:#fff;margin-left:60px}
.product_detail_base .pbtn a:hover{background:#186415;border:1px #186415 solid}
.product_detail_base .pbtn .btn-danger:hover{background:#005197;color:#fff;border:1px #005197 solid}
.product_detail_content{margin-top:20px;align-items:flex-start}
.product_detail_content .switch_box{flex:1;padding:20px;box-sizing:border-box;background:#fff;border-radius:10px;overflow:hidden}
.product_detail_content .switch_box .item{border-bottom:1px solid #e6e6e6}
.product_detail_content .switch_box .item li{border-radius:6px 6px 0 0;display:inline-block;vertical-align:middle;font-size:16px;transition:all .2s;padding:0 10px;-webkit-transition:all .2s;position:relative;line-height:40px;margin-right:30px;text-align:center;cursor:pointer}
.product_detail_content .switch_box .item .on,.product_detail_content .switch_box .item li:hover{color:#fff}
.product_detail_content .switch_box .swiper-slide img{margin:auto;display:block;max-width:100%;border-radius:6px}
.product_detail_content .switch_box .swiper-slide p{margin:15px 0;line-height:2rem}
.product_detail_content .switch_box .swiper-slide table{width:100%;border:1px #ccc solid}
.product_detail_content .switch_box .swiper-slide table td{padding:10px!important;border:1px #ccc solid}
.product_detail_content .switch_box .swiper-slide h3,.product_detail_content .switch_box .swiper-slide p{text-indent:2rem}

/*加入购物车*/
.shopping_cart{padding-top:20px;padding-bottom:20px;background:#f5f5f5}
.shopping_cart .bgcs{background:#f5f5f5}
.shopping_cart .container{background:#fff;border-radius:20px}
.shopping_cart form{padding:20px}
.shopping_cart .text-r{text-align:right}
.shopping_cart .text-l{text-align:left}
.cart_product{-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px}
.cart_product{position:relative;overflow:hidden;border-radius:10px 10px 0 0}
.w53{padding-right:70px;box-sizing:border-box}
.cart_list_count,.cart_list_delete,.cart_list_img,.cart_list_market,.cart_list_name,.cart_list_num,.cart_list_price{float:left;text-align:center;height:50px;line-height:50px;border-right:1px #ddd solid;font-size:14px}
.cart_list_count,.cart_list_delete,.cart_list_img,.cart_list_market,.cart_list_name,.cart_list_num,.cart_list_price{border-right:none;color:#333}
.cart_product_list .row:after{top:50px}
.cart_list_price{width:8%}
.cart_list_img{width:10%;border-radius:10px 0 0 10px}
.cart_list_name{width:40%;text-align:left;overflow:hidden}
.cart_list_market{width:8%}
.cart_list_num{width:15%}
.cart_list_count{width:10%}
.cart_list_delete{border-radius:0 10px 10px 0;width:6%;border-right:none!important}
.cart_product_list .row{border:none;position:relative}
.cart_product_list .row .cp-list{height:100px;line-height:100px;font-size:16px}
.cart_product_list .row .cp-list.cart_list_delete a font{padding:5px 10px;border-radius:3px;color:#fff}
.cart_product_list .row .cp-list a font:hover{color:red}
.cart_product_list .row .cp-list img{width:100px;height:80px;vertical-align:middle;display:inline-block}
.cart_product_list .row .cart_list_name a{display:block;text-align:left;padding:8px;box-sizing:border-box;font-size:16px}
.cart-tit{line-height:36px!important}
.cart_product_list .row .but{color:#fff;width:25px;height:25px}
.cart_product_list .row .inp{text-align:center;border:1px #ccc solid;width:25px;height:25px;line-height:25px;outline:0;color:#333;box-sizing:border-box}
.cart_product_list .row .left-but{outline:0;cursor:pointer;position:relative;left:5px;border-right:none}
.cart_product_list .row .right-but{outline:0;cursor:pointer;position:relative;left:-5px;border-left:none}
.cart_product_list .row .inp{border-left:none;border-right:none;width:40px}
.shopping_cart_form .sub-go .go-text .rolesd{background:url(../images/07.png) no-repeat;display:inline-block;width:9px;height:9px}
.cart-confirm{width:auto;display:inline-block;position:absolute;bottom:-12px;right:15px}
.cart_product_list .row:after,.cart_product_list .row:before{position:absolute;content:'';display:block;width:100%;height:0;background:#eee;left:0}
.cart_product_list .row{position:relative;float:left;width:100%}
.cart_product_list .row:hover{border-radius:10px;background:#f5f5f5}
.shopping_cart_form{padding:30px 0;position:relative}
.shopping_cart_form{border-radius:0 0 10px 10px;font-size:14px}
.shopping_cart_form .cartflex{width:100%}
.shopping_cart_form .sub-go{padding:0}
.shopping_cart_form .sub-go .t1{width:120px;text-align:right}
.shopping_cart_form .sub-go .go-text{height:54px;line-height:54px}
.shopping_cart_form .sub-go:nth-child(5) .go-text{border-bottom:0}
.shopping_cart_form .sub-go .go-text{border-right:none}
.shopping_cart_form .sub-go .t2{width:250px}
.shopping_cart_form .sub-go .go-text .rolesd{background:url(../images/icon14.png) no-repeat;display:inline-block;width:15px;height:13px;background-size:50%}
.cart-input{padding:16px;box-sizing:border-box}
.cart-input{height:48px;padding:11px;color:#555;border:none;box-sizing:border-box;outline:0;background:#fff;border:1px solid #ccc;border-radius:6px}
.shopping_cart_form .sub-go .t4{width:auto}
.cart-pay{margin-right:15px}
.cart-pay input{position:relative;top:2px}
.cart-msg{margin-top:10px;line-height:26px}
.cart-msg img{border-radius:6px}
.cart-confirm{border-radius:6px;padding-left:0;padding-right:0;width:auto;display:inline-block;position:absolute;right:45%;text-align:right;height:70px;box-sizing:border-box}
.cart-btn{margin-top:14px;border-radius:6px;color:#fff;padding:10px;margin-left:10px;border:none;cursor:pointer}
.cart-btn:nth-child(1){margin-left:0}
.cart_product_list .row .cp-list.cart_list_delete a font:hover{color:#fff}
.cart_product_list .row{border-bottom:1px dashed #dcdcdc}

/*购物成功订单详情*/
.cash_tips{padding:1rem;background:#fff;display:flex;font-size:16px;margin-top:1rem}

/*商品评价相关样式*/
.btn-review{display:inline-block;padding:5px 12px;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s}
.btn-review:hover{background:#0056b3;color:#fff}
.text-muted{color:#fff}
.shopping_success{width:100%}
.shopping_success *{box-sizing:border-box}
.shopping_success .formBox{width:100%;padding-bottom:0;background:#fff}
.shopping_success h2.hd{height:50px;line-height:50px;padding:0}
.shopping_success h2.hd b{font-weight:700;font-size:1rem;height:50px;display:inline-block;color:#fff;padding:0 2%}
.shopping_success table{margin:0;background:#fff;padding:2%;display:block}
.shopping_success td{font-size:1rem;padding:2% 0;border-bottom:1px dashed #dcdcdca6}
.shopping_success table tbody tr td:first-child{padding-left:0}
.shopping_success td font{margin-left:130px}
.shopping_success .tb{border-bottom:none}
.shopping_success .boxs .procon .item{padding:0 15px}
.shopping_success .procon .item .text a{width:291px}

/*在线支付*/
.user_payment{width:100%}
.user_payment .pay_title_tab{height:50px;background:#fff}
.user_payment .pay_title_tab li{font-size:1rem;float:left;height:50px;line-height:50px;display:block;padding:0 2%;cursor:pointer}
.user_payment .pay_title_tab li.on{font-weight:700;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}
.user_payment .pay_content{overflow:hidden;background:#fff}
.user_payment .pay_content ul{padding:1rem}
.user_payment .pay-qrcode{float:left;width:256px;height:256px}
.pay_title_tab li.on{color:#fff}
.toolbar{height:60px;position:relative;overflow:hidden;background-color:#fff}
.toolbar input{color:#fff;border:0 none;width:120px;height:44px;font-size:15px;font-weight:700;position:absolute;right:-2px;top:-1px;cursor:pointer}
.toolbar p{float:right;line-height:38px;padding-right:140px}
.toolbar .total{font-family:Arial,Simsun;font-size:26px;font-style:normal;text-decoration:none;font-weight:700}
.icon-pay li{float:left;width:160px;margin:10px;list-style-type:none}
.icon-pay li input{vertical-align:top;margin-top:13px;margin-right:8px}
.icon-box1,.icon-box10,.icon-box11,.icon-box12,.icon-box13,.icon-box14,.icon-box15,.icon-box16,.icon-box17,.icon-box18,.icon-box19,.icon-box2,.icon-box20,.icon-box21,.icon-box22,.icon-box23,.icon-box24,.icon-box25,.icon-box3,.icon-box4,.icon-box5,.icon-box6,.icon-box7,.icon-box8,.icon-box9{background:url(../images/bank.png) no-repeat;width:130px;height:34px;border:1px solid #ddd;vertical-align:middle;position:relative;display:inline-block;background-color:#fff}
.icon-box1{background-position:10px -324px}
.icon-box2{background-position:10px -370px}
.icon-box3{background-position:10px -278px}
.icon-box4{background-position:10px -235px}
.icon-box5{background-position:10px -463px}
.icon-box6{background-position:10px -685px}
.icon-box7{background-position:10px -186px}
.icon-box8{background-position:10px -9px}
.icon-box9{background-position:10px -509px}
.icon-box10{background-position:10px -136px}
.icon-box11{background-position:10px -592px}
.icon-box12{background-position:10px -52px}
.icon-box13{background-position:10px -721px}
.icon-box14{background-position:10px -93px}
.icon-box15{background-position:10px -548px}
.icon-box16{background-position:10px -418px}
.icon-box17{background-position:10px -752px}
.icon-box18{background-position:10px -793px}
.icon-box19{background-position:10px -835px}
.icon-box20{background-position:10px -639px}
.icon-box21{background-position:10px -877px}
.icon-box22{background-position:10px -918px}
.icon-box23{background-position:9px -959px}
.icon-box24{background-position:10px -1001px}
.icon-box25{background-position:10px -1040px}
.company_transfer{padding:5px 0;border-collapse:collapse;border:1px #ccc solid;empty-cells:show;margin:1rem}
.company_transfer th{background:#f1f1f1}
.company_transfer td,.company_transfer th{border-collapse:collapse;border:1px #eee solid;padding:5px;line-height:2rem;font-size:14px;color:#444}
.company_transfer td{line-height:2rem!important}
.pay-tab-th{text-align:left!important}

/*注册与登陆*/
.login_container{position:relative;background-image:linear-gradient(350deg,#f4d03f 0,#de0245 100%)}
.user_login{padding:50px 80px;box-sizing:border-box}
.user_login .login_form{border-radius:16px;position:relative;width:500px;background:#fff;margin:0 auto;overflow:visible;zoom:1;box-shadow:0 0 10px 3px rgb(187 186 186 / 34%)}
.user_login .login_form .submit_form{width:500px;margin:auto;padding:20px 46px;box-sizing:border-box}
.user_login .login_form .login_title{width:100%;text-align:center;padding:110px;padding-bottom:0;box-sizing:border-box;padding-top:18px;border-radius:0;font-size:16px;line-height:40px}
.user_login .login_form .title.on,.user_login .login_form .title:hover{width:50%;color:#fff;border-radius:8px 0 0 8px}
.user_login .login_form .title{width:50%;color:#666;background:#fff;flex:1;margin:0}
.user_login .login_form .title+.title{border-radius:0 8px 8px 0}
.user_login .login_form h4{text-align:center;background:#0355c5;padding:0 20px;color:#fff;border-radius:8px;font-size:16px;font-weight:700}
.user_login .login_img{flex:1}
.user_login .login_img img{height:360px}
.user_register .login_img img{height:430px}
.user_register .login_form .title{border-radius:8px 0 0 8px}
.input_group{position:relative;width:100%;margin-bottom:20px}
.input_group input{outline:0;flex:1;height:38px;border:none;background:#f5f5f5;padding-left:15px;border-radius:3px}
.input_group label{width:57px;font-size:14px}
.input_group .yzm{width:120px;margin-right:10px}
.input_group img{border-radius:3px}
.btn_rigth{color:#666;font-size:14px;justify-content:space-between}
.btn_rigth span{margin-left:3px}
.btn_rigth span a{color:#09c}
.btn_rigth a{color:#666}
.flexbtn .btn{flex:1;margin-top:20px;height:40px;color:#fff;font-size:16px;line-height:26px;letter-spacing:2px;border:0;border-radius:6px}
.flexbtn .btn:hover{background:#387c35;cursor:pointer}
.user_register .input_group label{width:100px;text-align:right}
.user_register .input_group label span{color:red;font-size:16px}
.user_register .input_group .yzm{width:100px}
.user_register .input_group img{width:90px}
.user_forget .login_form .login_title{padding-left:150px;padding-right:150px}

/*会员中心 单页面*/
.member_container{align-items:flex-start}
.member_left,.member_right{background:#fff;border-radius:8px}
.member_left .pages_title{width:100%;text-align:center;box-sizing:border-box;line-height:50px}
.member_left{margin-right:20px;box-sizing:border-box;width:28%;padding:0;padding-bottom:2%}
.member_left .member_title{line-height:3rem}
.member_left .member_title h2{font-size:1rem;text-align:center;padding-bottom:0;color:#fff}
.member_left .member_base{padding:5%;border-bottom:1px solid #eee}
.member_left .img{width:70px;height:70px;background:#ccc;border-radius:50%}
.member_left .img img{width:50px;height:50px;margin-left:10px;margin-top:10px}
.member_left .text{width:70%;margin:3%;padding-left:0;float:left;font-size:1rem}
.member_left .text p:first-child{padding-bottom:5%}
.member_left .text p{padding-left:5%;position:relative}
.member_left .member_nav{overflow:hidden;padding:0 5%}
.member_left .member_nav ul li{float:left;width:50%;text-align:center;padding-top:5%}
.member_left .member_nav ul li a{font-size:1rem;display:block;width:90%;margin-left:5%;background:#fff;line-height:40px;border-radius:6px;box-sizing:border-box}
.member_right{width:100%}
.member_right .member_title{position:relative;height:3rem}
.member_right .member_title h2{color:#fff;font-size:1rem;position:absolute;top:0;padding:0 2%;height:3rem;line-height:3rem;font-weight:400}
.member_right .table_style{width:100%}
.member_right .table_style tr{font-size:1rem;color:#666}
.member_right .table_style th{height:4rem;text-align:center;font-size:1rem}
.member_right .table_list th{font-size:1rem;height:4rem}
.member_right .table_list th font{padding:3px 8px;display:inline-block;color:#fff;background:#0093dd;border-radius:4px}
.member_right .member_content{border:none;padding:0}
.member_right .member_content .table_style .w1{width:15%}
.member_right .member_content .table_style .w2{width:10%}
.member_right .member_content .table_style .w3{width:10%}
.member_right .member_content .table_style .w4{width:10%}
.member_right .member_content .table_style .w5{width:6%}
.member_right .member_content .table_style .w6{width:9%}
.member_right .member_content .table_style .w7{width:11%}
.member_right .member_content .table_style .w8{width:15%}
.member_right .member_content .table_style .wjg,.member_right .member_content .table_style .wsl{width:3%}
.member_right .member_content .table_list{border-top:0}
.member_right .member_content .table_list tr{font-size:12px;color:#666;border-bottom:1px dashed #eee}
.member_right .member_content .table_list tr:hover{background:#f5f5f5}
.member_right .member_content .table_style.bgs tr{background:#f5f5f5}
.member_right .member_content .table_list .w8 a{color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member_right .member_content .table_list .w8 a:hover{color:red}
.member_right .member_content .detail{box-sizing:border-box}
.member_right .member_content .detail .item{color:#333;line-height:50px}
.member_right .member_content .detail .item+.item{border-top:1px solid #eee}
.member_right .member_content .detail .item .con{flex:1;padding-left:1rem;font-size:1rem;padding:1rem 0}
.member_right .member_content .detail .item .tit{font-size:1rem;color:#666;padding:0 1%;width:10%;box-sizing:border-box;text-align:right}
.member_input_style{height:40px;padding:10px;box-sizing:border-box;color:#555;border-radius:4px;border:none;background:#eee;outline:0}
.member_btn{width:125px;height:40px;border:0 none;cursor:pointer;border-radius:6px;color:#fff;margin-left:178px}
.member_btn:hover{background:#317a2d}
.table_style tbody tr th{border:none}

/*单页*/
.page_content .detail_content{padding:2%}
.page_content .detail_content,.page_content .detail_content p{line-height:2.6rem;font-size:1rem}
.page_content .detail_content img{max-width:100%;height:auto;margin:15px auto}

/*新闻*/
.news_list{flex:1;flex-wrap:wrap}
.news_list li{width:47.5%;background:#fff;border-radius:10px;padding:15px;margin-right:20px;margin-top:20px}
.news_list li:nth-child(2n){margin-right:0!important}
.news_list li a{display:flex;align-items:center}
.news_list li a .text{flex:1;overflow:hidden}
.news_list li a .date{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;height:100px;margin-right:15px;border-radius:7px;background:#f1f1f1;font-size:1.2rem}
.news_list li a .date .month{margin-top:5px;border-top:1px solid #fff;padding-top:5px}
.news_list li:hover .date{background:#999}
.news_list li:hover .describe,.news_list li:hover .title span,.news_list li:hover a{color:#fff}
.news_list li:nth-child(2n){margin-right:0}
.news_list li .title h1{flex:1;padding-right:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_list li .title span{color:#999;font-size:14px;padding:3px 9px;border-radius:10px}
.news_list li .describe{height:2.8rem;margin-top:10px;font-size:.9rem;color:#999;line-height:1.4rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.news_list .news_content{border-radius:10px;padding:20px;background:#fff;margin-top:20px}
.news_list .news_content h3{font-size:18px;text-align:center;padding-bottom:15px}
.news_list .news_content p,.news_list .news_content p span{text-indent:2em;line-height:30px;margin-bottom:10px;color:#666;font-size:15px}
.news_list .news_content img{margin:0 auto;max-width:100%;border-radius:6px}
.news_base{border-bottom:1px solid #f1f1f1;line-height:40px;margin-bottom:15px;text-align:center}
.news_base span{margin:0 20px;color:#999;font-size:13px}

/*手机版*/
@media only screen and (min-width:769px) and (max-width:1024px){.site_welcome .top-lfet{display:none}
.site_logo .seo{font-size:1rem;line-height:2rem}
.site_logo .search .serchcon input{max-width:280px}
.site_nav .flex .menu li a{padding:.6rem;margin-right:.8rem}
.site_nav .flex .menu li:nth-child(n+6){display:none}
.hot_sale .item .img{display:none}
.hot_sale .item .flex .flex{height:auto}
.hot_sale .item .text a{width:100%}
.product_container .item{width:33.3333%}
.product_container .item:nth-child(10){display:none}
.product_container .item:nth-child(3n){border-right:none}
.product_container .item:nth-child(5n){border-right:1px solid #eee}
.float-menu,.footer .footer_text .footer_list,.footer .footer_text .footer_qrcode,.hot_sale .item .flex .price a,.product_container .item .price a{display:none!important}
.footer .footer_company{width:100%}
}

@media only screen and (min-width:320px) and (max-width:768px){.float-menu{display:none!important}
.hidden{display:none}
.container{width:100%}
.site_welcome .flex{justify-content:center}
.site_welcome{font-size:13px;color:#fff}
.site_welcome .flex,.site_welcome .flex a{color:#fff}
.site_welcome .flex .top-right span{padding:0 4px}
.site_welcome .flex,.site_welcome .flex a{font-size:12px}
.site_nav .logo h2{font-size:26px}
.site_logo{padding:0 10px}
.site_logo .logo{height:50px}
.site_logo .logo img{height:50px}
.site_logo .container{position:relative;height:50px}
.site_logo .seo{font-size:16px;line-height:50px}
.site_nav{box-sizing:border-box;position:relative}
.site_nav .flex.container{height:auto}
.site_nav .logo{width:70%}
.site_nav .logo img{height:36px;max-width:100%}
.site_nav .flex .menu{margin-left:0;position:absolute;top:5px;left:0;z-index:22;width:100%;background:rgba(0,0,0,.75);padding:10px;box-sizing:border-box}
.site_nav .flex .menu li{flex:1;margin:.8rem 0!important;display:inline-block;width:30%}
.site_nav .flex .menu li a{color:#fff;font-size:14px;padding:5px 10px}
.site_nav .flex .menu span{display:none}
.site_nav .flex .nav-menu .menu li{padding:0}
.site_nav .seo{font-size:20px}
.site_nav .flex .menu .on a,.site_nav .flex .menu li:hover a{background:#fff}
.site_nav .flex .nav-menu .menu li+li{margin-left:0}
.site_logo .top-cart,.site_nav .nav-menu{display:none}
.site_nav .nav-menu{height:auto}
.site_nav .nav-menu .cdmenu{display:none}
.nav_menus{z-index:9;display:inline-block;cursor:pointer;position:absolute;right:3%;top:5px}
.nav_menus .bar1,.nav_menus .bar2,.nav_menus .bar3{width:30px;height:5px;margin:6px 0;transition:.7s}
.nav_menus.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}
.nav_menus.change .bar2{opacity:0}
.nav_menus.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}
.full_slideshow,.full_slideshow img{height:7.5rem}
.full_slideshow .swiper-pagination-bullet{width:16px;height:3px}
.full_slideshow .swiper-container-horizontal>.swiper-pagination-bullets,.full_slideshow .swiper-pagination-custom,.full_slideshow .swiper-pagination-fraction{bottom:10px}
.slide .full_slideshow .container{display:none}
.product_container .item .price a{display:none}
.hot_sale{display:none}
.product_container .item{height:auto;padding:12px;width:50%}
.product_container .item:nth-child(n){margin-right:0!important}
.product_container .item .img{width:115px;height:115px;margin:0 auto}
.product_container .item .money span{font-size:17px}
.product_container .item .money i{font-size:12px}
.product_container .item .name a{-webkit-line-clamp:1;font-size:13px}
.product_container .item:nth-child(n+5){margin-top:0!important;border-right:1px solid #eee}
.product_container .item:nth-child(1),.product_container .item:nth-child(2){margin-top:0!important}
.product_container .item .money{text-align:center}
.product_container .item .money i{display:none}
.product_container .item{width:100%;margin-top:15px;margin-right:0}
.products{padding:0 10px}
.products .product_list{width:100%;box-sizing:border-box}
.products .product_container{padding:0}
.product_container .item:nth-child(3n){border-right:1px solid #eee}
.products .product_container .item:nth-child(2n){border-right:0}
.product_container .item:nth-child(n){margin-right:0}
.products .product_list .product_container .item:nth-child(4),.products .product_list .product_container .item:nth-child(6){border-radius:0}
.products .product_container .item .price{font-size:13px}
.products .product_list .title_tab .right_tab li a{font-size:12px}
.product_list .title_tab .right_tab li:nth-child(n+3){display:none}
.product_list .title_tab{height:52px}
.product_list .title_tab .h3 h3{font-size:14px}
.products .product_list .product_container .item{width:50%}
.products .product_list{margin-top:10px}
.products .product_list .product_container .item:nth-child(5n){border-right:1px solid #eee}
.products .product_list .product_container .item:nth-child(2n){border-right:0}
.selection{margin-bottom:0;margin-top:10px;padding-top:0}
.selection .rows ul{width:100%}
.selection_type{margin-bottom:0}
.selection_type a{font-size:12px;padding:0 6px;margin-right:8px}
.selection .rows p{text-align:center}
.bread_crumb{display:none}
.page_pagination{margin-top:10px;width:100%;margin-left:0;flex-wrap:wrap}
.page_pagination a{margin-top:10px}
.product_detail_base .preview{margin-top:0}
.product_detail_base .preview .swiper-container{width:100%;margin-left:0;padding:0 35px;box-sizing:border-box}
.product_detail_base .group{width:100%}
.product_detail_base .view img{height:15rem}
.product_detail_base .view .swiper-container{height:auto}
.product_detail_base .text{margin-top:15px;padding-left:15px;padding-right:15px;width:100%}
.product_detail_base .merchant{display:none}
.product_detail_base{border-radius:0;margin-top:0;flex-direction:column;padding:15px;box-sizing:border-box}
.product_detail_base .text h3{font-size:14px}
.product_detail_base .text .big .sale{font-size:14px;margin-right:6px}
.product_detail_base .text .big .oldsale .dw1,.product_detail_base .text .big .sale em{font-size:13px}
.product_detail_base .text .big,.product_detail_base .text .small,.product_detail_base .text .stock{margin-top:10px}
.product_detail_base .text .big{padding:10px 6px}
.product_detail_base .text .small{font-size:12px}
.product_detail_base .pbtn{margin-top:15px}
.product_detail_base .pbtn a{padding:0 15px;font-size:14px;height:36px;line-height:36px}
.product_detail_content{margin-top:15px;padding:0}
.product_detail_content .switch_box{border-radius:0;margin-left:0}
.product_detail_content .switch_box .item li{margin-right:12px;padding:0 10px;min-width:auto;font-size:12px}
.product_detail_base .btn-numbox .count .num-jian,.product_detail_base .input-num,.product_detail_base .num-jia{width:20px;height:20px;line-height:20px}
.product_detail_base .btn-numbox .count .input-num{font-size:14px;width:40px;height:20px}
.product_detail_base .group,.product_detail_base .text{box-sizing:border-box;margin-right:0;padding:0}
.shopping_cart_form .products{display:none}
.shopping_cart_form .cartflex{width:100%}
.cart_product{width:1220px;padding-bottom:0;margin-bottom:.2rem;margin-top:0}
.shopping_cart{padding:10px 10px 0;box-sizing:border-box;padding-bottom:15px}
.shopping_cart form{padding:15px;border:none}
.shopping_cart_form{margin-top:10px;font-size:1.2rem;padding-bottom:60px}
.shopping_cart_form .sub-go .go-text{border:none;width:28%;font-size:.26rem}
.shopping_cart_form .sub-go .go-text:nth-child(2n){width:69%!important}
.shopping_cart_form .sub-go .go-text #inputAdd,.shopping_cart_form .sub-go .go-text #inputName,.shopping_cart_form .sub-go .go-text #inputTel{width:84%!important}
.shopping_cart_form .sub-go .go-text #inputCode{width:44%!important}
.shopping_cart_form .sub-go .go-text #Demand{width:95%!important}
.shopping_cart_form .sub-go .go-text .cart-pay{margin-right:.2rem}
.cart-confirm{position:absolute;width:100%;margin:.2rem 0;text-align:left;bottom:10px;right:0;border:none}
.shopping_cart_form input[name=typePay]{position:relative;top:3px}
.cart-confirm .cart-btn{padding:5px;border-radius:3px;width:31%;margin-left:2%}
.cart-confirm .cart-btn:first-child{margin-left:0}
.cart-input{width:96%!important;box-sizing:border-box}
.cart-yzm{width:40%!important}
.shopping_cart_form{border-top:2px solid #de0245;box-sizing:border-box;padding:10px 0 0}
.cart_list_count,.cart_list_delete,.cart_list_img,.cart_list_market,.cart_list_num,.cart_list_price{display:none}
.cart-confirm{padding:0;position:unset;width:100%;margin:.2rem 0;text-align:left;height:56px}
.cart_product{width:1200px;padding-bottom:0;margin-bottom:.2rem;margin-top:0}
.cart_product_list .row:after,.cart_product_list .row:before{width:1200px;left:0}
.shopping_cart_form{padding-bottom:0;width:100%}
.shopping_cart_form .sub-go .go-text{border:none;width:30%;font-size:1rem}
.shopping_cart_form .sub-go .go-text:nth-child(2n){width:70%!important}
.shopping_cart_form .sub-go .go-text #inputAdd,.shopping_cart_form .sub-go .go-text #inputName,.shopping_cart_form .sub-go .go-text #inputTel{width:84%!important}
.shopping_cart_form .sub-go .go-text #inputCode{width:44%!important}
.shopping_cart_form .sub-go .go-text #Demand{width:95%!important}
.shopping_cart_form .sub-go .go-text .cart-pay{margin-right:.2rem}
.cart-confirm{padding:0;position:unset;width:100%;margin:.2rem 0;text-align:left;height:56px}
.shopping_cart_form input[name=typePay]{position:relative;top:3px}
.cart-confirm .cart-btn{width:30%;margin-left:2%;font-size:12px}
.cart-confirm .cart-btn:first-child{margin-left:0}
.shopping_success h2.hd{color:#fff;border-radius:6px}
.shopping_success td{font-size:12px}
.shopping_success .formBox{width:100%;padding:10px;border:0}
.shopping_success table tbody tr td:first-child{width:26%}
.shopping_success table tbody tr td:nth-child(2),.shopping_success table tbody tr td:nth-child(4){width:20%}
.shopping_success table tbody tr td:nth-child(3){width:22%;text-align:right}
.user_payment{margin-bottom:0;padding-bottom:20px;background:#fff}
.user_payment .pay_title_tab li{margin-left:10px;width:30%;padding:0;text-align:center}
.user_payment .pay_title_tab li:last-child{width:40%}
.user_payment .pay_content .icon-pay li{width:48%;margin:6px 0 3px;text-align:center}
.user_payment .pay_content .icon-pay li label{width:115px}
.user_payment .pay_content .icon-pay li:nth-child(2n){margin-left:4%}
.company_transfer{width:100%}
.company_transfer td{width:20%}
.company_transfer td a img{width:106px}
.btn_rigth{width:auto}
.pd3{width:100%}
.member_left{width:100%}
.member_right{padding-bottom:15px;margin-top:15px}
.member_right .member_content .table_style .w2,.member_right .member_content .table_style .w3,.member_right .member_content .table_style .w4,.member_right .member_content .table_style .w5,.member_right .member_content .table_style .w7,.member_right .member_content .table_style .w8{display:none}
.member_right .member_content .table_style .w1{width:25%}
.member_right .member_content .detail .item{width:100%}
.member_right .member_content .detail .item .tit{width:32%}
.member_right .member_content .detail .item .con{width:65%}
.member_right .member_content .detail .item .con .member_input_style{width:80%!important}
.member_right .member_content .detail .item .con .member_btn{margin-left:0}
.member_left .fr{float:left;padding-left:15px;width:67%}
.login_container{background:#fff}
.user_login{padding:0}
.user_login .login_form{padding-top:1px;border-radius:0;width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;box-shadow:none}
.user_login .login_form .login_title{padding:0 50px 3px;margin-top:16px;line-height:36px;height:36px;font-size:14px}
.user_login .login_form h4{top:0}
.user_login .submit_form{width:100%!important;padding:0!important;box-sizing:border-box}
.input_group{margin-bottom:15px;box-sizing:border-box;padding:0 10px}
.input_group .yzm{width:80px}
.flexbtn{padding:0 10px}
.flexbtn .btn{margin-top:15px;font-size:16px}
.user_login .btn_rigth{padding:0 10px}
.user_forget form{padding-top:15px}
.user_forget{padding-top:0}
.user_login .login_img{display:none}
.news_list .news_content h3{font-size:16px}
.news_base span:first-child{display:none}
.news_base span{margin:0 5px;font-size:12px}
.news_list{width:100%;padding:0 10px;box-sizing:border-box}
.news_list li{width:100%;box-sizing:border-box}
.page_pagination a{background:#fff}
.page_pagination .on,.page_pagination a:hover{color:#fff}
.page_pagination{width:100%;margin-left:0;flex-wrap:wrap;margin-top:10px}
.page_pagination a{margin-top:10px}
.page_content{margin-top:0;padding-top:0}
.page_content .container{flex-direction:column;padding:0 15px;width:100%;box-sizing:border-box}
.page_content{margin-top:10px}
.page_content .detail_content{padding-top:0}
.footer{margin-top:15px}
.footer .basic{margin-left:10px}
.footer .service{display:none!important}
.footer .div,.footer h3{line-height:30px}
.footer p{line-height:220%}
.bottom{padding:6px 0 6px}
.footer .div a{font-size:12px!important}
.footer{margin-top:10px;padding:0 10px}
.footer .footer_text{padding:10px 0}
.footer .footer_company .cont{display:none}
.footer .footer_company{width:100%}
}

/*商品详情页评价样式*/
.review-section{padding:20px 0}
.review-stats{background:#f8f9fa;padding:20px;border-radius:8px}
.stats-overview{display:flex;align-items:center;gap:40px}
.avg-rating{text-align:center;min-width:150px}
.rating-number{font-size:2.5rem;font-weight:700;color:#ff6b35;display:block;line-height:1}
.rating-stars{display:flex;gap:2px;justify-content:center;margin:10px 0}
.rating-stars .star{font-size:1.2rem;color:#ddd;transition:color .3s}
.rating-stars .star.active{color:#ffc107}
.total-reviews{color:#666;font-size:.9rem}
.rating-bars{flex:1}
.rating-bar{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rating-bar span{font-size:.9rem;color:#666;min-width:80px}
.bar-bg{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}
.bar-fill{height:100%;background:#ffc107;transition:width .3s}
.rating-bar span:last-child{min-width:40px;text-align:right}

.review-list{margin-top:20px}
.review-item{border-bottom:1px solid #eee;padding:20px 0}
.review-item:last-child{border-bottom:none}
.review-header{display:flex;justify-content:space-between;align-items:center}
.reviewer-info{display:flex;align-items:center;gap:15px}
.reviewer-name{font-weight:600;color:#333}
.review-time{color:#999;font-size:.9rem}
.review-content p{line-height:1.6;color:#333;text-indent:0!important;margin:0 0 10px!important}
.review-images{overflow-x:auto;gap:0;margin-bottom:15px;justify-content:flex-start;align-items:flex-start}
.review-images img{width:180px;height:180px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .3s;margin-right:20px!important;float:left}
.review-images img:last-child{margin-right:0}
.review-images img:hover{transform:scale(1.05)}
.review-videos{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.review-videos video{border-radius:4px}
.review-attachments{margin-bottom:15px}
.attachment-link{display:inline-block;padding:5px 10px;background:#f8f9fa;color:#666;text-decoration:none;border-radius:4px;margin-right:10px;font-size:.9rem}
.attachment-link:hover{background:#e9ecef;color:#333}

.admin-reply{background:#f8f9fa;padding:15px;border-radius:6px;margin-top:15px}
.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.admin-label{background:#007bff;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem}
.reply-time{color:#999;font-size:.8rem}
.reply-content p{color:#333;line-height:1.5;margin:0}
.no-reviews{text-align:center;padding:40px 0;color:#999}
.no-reviews p{font-size:1.1rem}

/*图片预览模态框*/
.image-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;display:none;justify-content:center;align-items:center}
.image-preview-modal img{max-width:90%;max-height:90%;object-fit:contain}
.image-preview-modal .close-btn{position:absolute;top:20px;right:30px;color:#fff;font-size:2rem;cursor:pointer;background:0 0;border:none}

/*手机版评价样式适配*/
@media only screen and (min-width:320px) and (max-width:768px){
.stats-overview{flex-direction:column;gap:20px}
.avg-rating{min-width:auto}
.rating-number{font-size:2rem}
.rating-bars{width:100%}
.review-header{flex-direction:column;align-items:flex-start;gap:10px}
.reviewer-info{flex-direction:column;align-items:flex-start;gap:5px}
.review-images img{width:60px;height:60px}
.review-videos video{max-width:150px;max-height:100px}
}
