@charset "utf-8";

/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*html {
  font-size: 100px;
  overflow-x:hidden;
}

@media screen and (max-width:829px) {
  html {
    font-size: calc(100vw/3.75);
    font-size: -webkit-calc(100vw/3.75);
  }
}*/

body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  color: #111;
  background: #f5f5fa;
  font: 14px/1.8 "Microsoft Yahei", "PingFang SC", -apple-system, SimHei, Arial;
  

}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
p {
  margin: 0;
  padding: 0;
  font-family: "Microsoft Yahei", SimHei, Arial;
}

img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
  /*width:100%;*/
}

ul,
li {
  list-style-type: none;
}

a {
  color: #000;transition:all 0.3s;
  text-decoration: none;
}

a:hover{transition:all 0.3s;}

h2{font-weight:normal;}
i{font-style:normal;}
/*.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }*/

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cl {
  clear: both;
}

.fb {
  font-weight: bold;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}

.pos {
  position: relative;
}

.over {
  overflow: hidden;
}

.fix {
  position: fixed;
}

.block {
  display: block;
}

select {
  background: none;
}
.trans{top:50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.trans1{left:50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.trans2{top:50%;left:50%; transform: translate(-50%,-50%);position:absolute;}     




/*首页*/
.nr{width:1280px;margin:0 auto;}
.min{min-width:1280px;}

.header{height:35px;background:#f1f1f1;color:#96949b;font-size:13px;line-height:35px;}
.header a{color:#96949b;display:inline-block;position:relative;}
.header span{color:#dcdbe1;padding:0 10px;}
.header a:hover{color:#e4241a;}
.header_ewm{width:120px;position:absolute;right:0;top:35px;display:none;box-shadow: 0px 10px 10px 0px rgba(7, 0, 2, 0.2);background:#fff;padding:20px;}
.header a:hover .header_ewm{display:block;}

.top{background:#fff;}
.top_m{float:left;margin:40px 0 0 70px;}
.top_k{width:640px;height:36px;border:solid 2px #e50112;position:relative;}
.top_input{width:100%;height:32px;background:#fff;line-height:32px;padding:0 15px;font-size:13px;border:none;background:#fff;}
.top_btn{position:absolute;right:-2px;top:-2px;}
.top_t{color:#666666;font-size:12px;line-height:30px;}
.top_t a{color:#666666;margin:0 20px 0 0;}
.top_t a:first-child{color:#e4241a;}
.top_t a:hover{color:#e4241a;}
.top_g{width:160px;height:36px;line-height:34px;font-size:12px;border:solid 1px #dddddd;float:left;margin:40px 0 0 20px;text-align:center;color:#e4241a;}
.top_g a{color:#e4241a;}
.top_g span{font-weight:bold;margin:0 0 0 15px;font-size:13px;}
.top_g img{position:relative;top:-9px;right:5px;}
.top_g a:hover{font-weight:bold;}
.top_r{float:right;margin:25px 50px 0 0;text-align:center;color:#888888;font-size:12px;line-height:30px;}

.ban_bg{padding:5px 0;}


.title1{color:#444444;font-size:18px;font-weight:bold;padding:20px 0 15px 0;line-height:1;}
.title2{height:36px;line-height:36px;color:#fff;font-size:16px;font-weight:bold;padding:0 0 0 40px;background:#fc5468 url(../images/icon1.png) no-repeat 16px center;}
.title3{padding:15px 0 10px 0;line-height:20px;}
.title3 span{color:#333333;font-size:14px;font-weight:bold;}
.title3 a{float:right;color:#999999;font-size:12px;}
.title3 a:hover{color:#e4241a;}
.title4{color:#fff;font-size:50px;font-weight:bold;position:absolute;left:610px;top:35px;}

.dl{border-bottom:solid 1px #ececef;padding:0 0 20px 0;}
.dl_t{padding:10px 0 15px 8px;display:flex;overflow:hidden;}
.dl_tr{flex:1;color:#666666;font-size:12px;padding:0 0 0 10px;line-height:18px;}

.dl_b{text-align:center;}
.dl_b a{width:76px;height:25px;line-height:23px;color:#e62c3a;font-size:12px;border:solid 1px #e62c3a;border-radius:12px;display:inline-block;margin:0 5px;}
.dl_b a:first-child{background:#e62c3a;color:#fff;}

.dl_bot{padding:0 5px;}


.left1{width:220px;height:541px;float:left;}
.left2{width:632px;float:left;}
.left3{width:220px;height:640px;float:left;background:#fff;position:relative;padding: 20px 0 0 0;}
.left4{width:830px;float:left;margin:0 0 0 5px;}


.right1{width:212px;height:541px;float:right;background:#fff;}
.right2{flex:1;padding:0 0 0 10px;}
.right3{width:632px;float:right;}
.right4{flex:1;padding:0 0 0 25px;}
.right5{width:220px;float:right;}
.right6{height:425px;background:#fff;padding:20px 20px 0;margin:0 0 5px 0;}
.right7{width:220px;height:210px;padding:25px;background:#fff;}
.right7 img{width:170px;height:160px;}
.swiper1{height:425px;margin:0 0 5px 0;}
.swiper1 img, .swiper2 img {
  display: block;
  width: 100%;
  height: 425px;
  object-fit: cover;
}

.swiper1 .swiper-pagination-bullet{width:10px;height:10px;border:solid 2px #fff;background:none;opacity: 1;}
.swiper1 .swiper-pagination-bullet-active{background:#fff;}
.swiper1 .swiper-pagination{bottom:5px;text-align:right;padding:0 10px 0 0;}



.list1{width:100%;position:absolute;left:15px;bottom:10px;text-align:center;}
.list1 li{width:85px;height:30px;line-height:28px;border:solid 1px rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:#fff;font-size:14px;margin:0 5px 10px;float:left;}
.list1 li a{color:#fff;}
.list1 li a:hover{font-weight:bold;}
.list2 li{height:101px;padding:15px 15px 0 15px;}
.list2 li a{display:flex;}
.list2 li a:hover .text1{color:#e4241a;}

.list3{width:843px;height:541px;float:left;background:#fff;}
.list3 ul {overflow:hidden;}
.list3 li{width:211px;height:271px;background:#fff;float:left;border-right:solid 1px #f5f5fa;border-bottom:solid 1px #f5f5fa;padding:25px 25px 0;}
.list3 li a:hover .text4{color:#e4241a;}
.list3 li:nth-child(4n){width:210px;border-right:0;}
.list3 li:nth-child(5){height:270px;border-bottom:0;}
.list3 li:nth-child(6){height:270px;border-bottom:0;}
.list3 li:nth-child(7){height:270px;border-bottom:0;}
.list3 li:nth-child(8){height:270px;border-bottom:0;}

.list4{background:#fff;height:542px;}
.list4 ul {overflow:hidden;background:#fff;}
.list4 li{width:211px;height:271px;background:#fff;float:left;border-right:solid 1px #f5f5fa;border-bottom:solid 1px #f5f5fa;padding:25px 25px 0;}
.list4 li a:hover .text4{color:#e4241a;}
.list4 li:nth-child(3n){width:210px;border-right:0;}

.list5{padding:5px 0 0 0;}
.list5 ul {overflow:hidden;display:flex;}
.list5 li{flex:1;height:346px;background:#fff;margin:0 1px 1px 0;padding:20px 22px 0 23px;}
.list5 li a:hover .text6{color:#e4241a;}
.list5 li:nth-child(5n){margin-right:0;}

.list6{overflow:hidden;}
.list6 ul{display:flex;justify-content:space-between;}
.list6 li{height:160px;flex:1;padding:30px 28px 0;background:#fff;margin:0 1px 0 0;justify-content:space-between;}
.list6 li a{display:flex;}
.list6 li a:hover .text8{color:#e4241a;}
.list6 li:nth-child(4n){margin-right:0;}  

.list7{border-bottom:solid 1px #ececef;height:153px;}
.list7 li{width:33.33%;float:left;color:#666666;font-size:12px;text-align:center;padding:0 0 5px 0;}
.list7 li a{color:#666666;}
.list7 li a:hover{color:#e4241a;}

.list8 li{height:24px;line-height:24px;color:#656565;font-size:14px;}
.list8 li a{display:block;color:#656565;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list8 li a:hover{color:#e4241a;}

.pic1{width:70px;height:70px;}
.pic2{width:160px;height:160px;}
.pic3{width:220px;height:541px;}
.pic4{width:160px;height:236px;}
.pic5{width:208px;height:208px;}
.pic6{width:100px;height:100px;}
.pic7{width:40px;height:40px;border-radius:50%;}


.fls1{line-height:37px;padding:1px 27px;color:#fff;font-size:14px;text-align:right;}
.fls1 a{color:#fff;}
.fls1 a:hover{font-weight:bold;}
.fls1 span{font-size:12px;padding:0 10px;transform:scale(0.5);display:inline-block;}
.fls1 span:last-child {display:none;}


.bs1{background:#697de2;}
.bs2{background:#3faa91;}
.bs3{background:#8ac15d;}
.bs4{background:#daab61;}
.bs5{background:#c13f62;}
.bs6{background:#1db5d0;}
.bs7{background:#9b56a8;}
.bs8{background:#bd6c4c;}


.text1{color:#333333;font-size:12px;line-height:14px;height:29px;overflow:hidden;word-break:break-all;}
.text2{color:#666666;font-size:12px;line-height:24px;height:26px;overflow:hidden;}
.text3{color:#e4241a;font-size:14px;font-family:Arial;line-height:1;}
.text3 span{font-size:12px;}
.text4{color:#666666;font-size:12px;line-height:16px;height:32px;overflow:hidden;margin:10px 0;word-break:break-all;}
.text5{color:#e4241a;font-size:16px;font-family:Arial;line-height:1;font-weight:bold;}
.text5 span{font-size:14px;font-weight:normal;}
.text6{color:#666666;font-size:14px;line-height:24px;height:48px;overflow:hidden;margin:10px 0;word-break:break-all;}
.text7{color:#e4241a;font-size:20px;font-family:Arial;line-height:1;font-weight:bold;}
.text7 span{font-size:13px;}
.text8{color:#666666;font-size:14px;line-height:22px;height:66px;overflow:hidden;margin:0 0 10px 0;word-break:break-all;}
.text9{font-size:14px;line-height:22px;padding:15px 0 5px 0;}
.text10{padding:0 10px 0 0;position:relative;height:23px;overflow:hidden;}
.text10 a{color:#999999;font-size:13px;margin:0 5px 0 0;}
.text10 a:hover{color:#e4241a;}
.text10 span{position:absolute;right:0;bottom:0;color:#999999;font-size:12px;}
.text11{color:#f41515;font-size:14px;line-height:19px;}
.text12{font-family:Arial;}


.gg{padding:20px 0 0 0;}
.bg1{background:#0dc2f6;padding:5px;margin:30px auto 0;}


.bot{background:#fff;text-align:center;margin-top:10px;}
.bot_t img{margin:20px 15px 30px;line-height:0;}
.bot_t1{color:#666666;font-size:14px;line-height:30px;padding:15px 0 0 0;}
.bot_t1 a{color:#666;}
.bot_t1 span{color:#e1e1e1;padding:0 10px;}
.bot_t1 a:hover{color:#000;}
.bot_t1 span:last-of-type{display:none;}
.bot_t2{flex:1;padding:0 0 0 15px;text-align:left;color:#666666;font-size:12px;}
.bot_t3{color:#f41515;font-size:18px;}
.bot_t4{color:#333333;font-weight:bold;line-height:35px;}
.bot_t5{color:#f41515;font-size:18px;letter-spacing:1px;}
.bot_t6{color:#777777;font-size:12px;padding:5px 0 0 0;}
.bot_top{border-bottom:solid 1px #e5e5e5;padding:35px 0 25px 0;display:flex;align-items: center;justify-content: center;}
.bot_top>div{margin:0 35px;display:flex;}
.bot_m{border-bottom:solid 1px #e5e5e5;padding:20px 0 30px;overflow:hidden;}
.bot_m ul{float:left;margin:0 0 0 175px;}
.bot_m ul li{padding:0 90px 0 0;font-size:14px;line-height:24px;text-align:left;float:left;}
.bot_m ul li a{color:#777777;display:block;}
.bot_m ul li a:hover{color:#000;}
.bor_r{float:right;margin:0 95px 0 0;text-align:left;}


.template_cate_box {
    width: 835px;
    position: absolute;
    height: 640px;
    overflow-y: auto;
    z-index: 9999;
    background: #ffffff;
    padding: 15px 20px;
    left: 220px;
    top: 0px;
    display: none;
    border-left: 5px solid #f5f5fa;
}

.cate_pop_every {
    width: 100%;
    overflow: hidden;
    /*display: none;*/
}

.cate_pop_every dl {
    float: left;
    width: 100%;
    line-height: 16px;

}
.cate_pop_every dl dt {
    padding: 5px 0px;
    font-family: 'Arial';
}
.cate_pop_every dl dt a {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    margin-right: 4px;


}
.cate_pop_every dl dd a:hover {
    color: #e50112;
}
.cate_pop_every dl dd {
    width: 640px;
    padding: 5px 5px 5px 20px;
    float: left;
    color: #eeeeee;
    line-height: 16px;
    font-size: 12px;
}

.cate_pop_every dl dd a {
    color: #666;
    font-size: 12px;
    word-break: keep-all;
    padding: 0px 8px;
    margin:4px 0px;
    float: left;
    border-left: 1px solid #eeeeee;
}

.cate_pop_every dl dt {
    float: left;
   /* width:130px;text-align:right;*/

}
.template_navs_prosul3 { 
    /*height: 640px;    */
}
.sl-price .input-txt{
    box-sizing: content-box;
}
.template_navs_prosul3 li {
    padding:0 10px 0 20px;
    height: 50px;
    font-size: 15px;
    line-height:22px;
    overflow: hidden;
    color: #333333;
}
.template_navs_prosul3 li a:hover{color:#e50112;}
.template_navs_prosul3 li:hover .template_cate_box{display:block;}



.pf{width:60px;background:#fff;position:fixed;right:20px;padding:0 15px;top:50%;z-index: 999;border: solid 1px #eeeeee;
  -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);}

.pf_k{background:#fff;position:absolute;right:70px;top:0;border-right:solid 1px #ffaeb4;padding:20px 50px 30px;white-space:nowrap;text-align:left;display:none;}
.pf_kf{background:#fff;position:absolute;right:70px;top:0;border-right:solid 1px #ffaeb4;padding:0 20px;display:none;}


.list9{}
.list9 > li{border-bottom:solid 1px #eeeeee;padding:12px 0 8px 0;text-align:center;color:#333333;font-size:14px;}
.list9 > li a:hover{color:#f41515;}
.list9_t{height:16px;position:relative;}
.list9_icon1{width:100%;position:absolute;left:0;top:0;line-height:0;}
.list9_icon2{width:100%;position:absolute;left:0;top:0;line-height:0;display:none;}
.list9_icon3{position:absolute;right:-8px;top:30px;}
.list9_icon4{position:absolute;right:-8px;top:80px;}

.list9 > li a:hover .list9_icon1{display:none;}
.list9 > li a:hover .list9_icon2{display:block;}
.list9 > li:hover .pf_k{display:block;}
.list9 > li:hover .pf_kf{display:block;}

.list10{width:348px;height:246px;padding:10px 0 0 0;overflow:hidden;}
.list10 li{width: 116px;float:left;color:#777777;font-size:12px;text-align:center;line-height:35px;padding:8px 0 0 0;}
.list10 li img{width:80px;height:80px;}

.list11{width:116px;height:auto;padding:10px 0 0 0;}
.list11 li{width: 116px;float:left;color:#777777;font-size:12px;text-align:center;line-height:35px;padding:8px 0 0 0;}
.list11 li img{width:80px;height:80px;}

.list13{width:232px;height:auto;padding:10px 0 0 0;}
.list13 li{width: 116px;float:left;color:#777777;font-size:12px;text-align:center;line-height:35px;padding:8px 0 0 0;}
.list13 li img{width:80px;height:80px;}




/*20230407商品详情*/
/*.con_jiaqian.bgred{padding:15px 0;margin-bottom:20px;}
.nr .con_jiaqian li{overflow:hidden;font-family: "微软雅黑";}
.nr .con_div_right{width:600px;}
.nr .left-btns{right:20px;top:14px;}
.nr .con_jiaqian_num{font-size:23px;line-height:46px;}
.nr .con_jiaqian{margin-top:0;}
.nr .size_div{width:500px;font-size:15px;font-family: Arial;}
.nr .con_div_right ul li .con_jiaqian_t.hl50{line-height:46px;height:46px;}
.nr .ladder-3-1{line-height:46px;}

.nr .con_button{padding:0 0 0 74px;margin-top:10px;width:auto;}
.nr .explain{padding:15px 0 0 74px;}
.nr .choose-amount{margin-bottom:10px;}*/

.nr .yh{width:500px;float:left;color:#f8302f;font-size:14px;line-height:26px;}
.nr .t1{color:#333333;font-size:14px;line-height:46px;width:500px;float:left;padding:0 0 0 15px;}
.nr .t1 a{color:#5b9fec;font-size:12px;padding:0 0 0 12px;}
/*浏览历史*/
.pro_show_r{width:150px;float:right;display:table-cell;margin:0 25px 0 0;vertical-align: top;}
.pro_show_r_title{text-align:center;color:#666666;font-size:14px;font-weight:bold;position:relative;line-height:1;margin:15px 0 20px 0;}
.pro_show_r_title::before{content:"";width:30px;height:1px;background:#e5e5e5;position:absolute;left:0;top:8px;}
.pro_show_r_title::after{content:"";width:30px;height:1px;background:#e5e5e5;position:absolute;right:0;top:8px;}

.pro_show_r_pic{position:relative;height:150px;}
.pro_show_r_pic img{height:150px;}
.pro_show_r_text{background:rgba(255, 255, 255, 0.9);width:100%;height:24px;line-height:24px;padding:0 5px;box-sizing: border-box!important;color:#666666;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:0;bottom:0;}
.pro_show_r_sale{color:#ff4c2f;font-size:12px;text-align:center;line-height:30px;}

.swiper2{position:relative;padding:0 0 30px 0;}
#swiper2{min-height:180px;max-height:540px;overflow:hidden;}
#swiper2 .swiper-slide{min-height:180px;}
.swiper2 .swiper-button-prev{width:28px;height:28px;margin-top:0;top:auto;left:35px;bottom:-5px;background-size: 28px 28px;background-image:url(../images/w_icon4.png);position:absolute;}
.swiper2 .swiper-button-next{width:28px;height:28px;margin-top:0;top:auto;right:35px;bottom:-5px;background-size: 28px 28px;background-image:url(../images/w_icon5.png);position:absolute;}
.swiper2 a{display:block;}
.swiper2 a:hover .pro_show_r_text{color:#4d6e98;}
.swiper2 .swiper-button-next.swiper-button-disabled, .swiper2 .swiper-button-prev.swiper-button-disabled{opacity: 0.5;}
.swiper-button-prev:after, .swiper-button-next:after{content:"";}

/*.m_nav{width:114px;height:30px;background:#fff url(../images/p1.png) no-repeat 18px center;padding:0 0 0 40px;color:#e50112;line-height:30px;font-size:14px;float:left;position:relative;z-index: 999;}
.m_nav:hover{color:#fff;cursor:pointer;background:#e50112 url(../images/p2.png) no-repeat 18px center;}
.m_nav:hover .m_nav_x{display:block;}
.m_nav_x{width:180px;min-height:440px;background:#fff;position:absolute;left:0;top:30px;z-index: 999;display:none;padding:15px 0 15px 20px;border:solid 1px #e50112;}
.m_nav li{line-height:33px;color:#111111;font-size:13px;font-weight:bold;}
.m_nav li a{color:#111111;margin:0;}
.m_nav li:hover > div > a{color:#e50112;}
.m_nav li:hover .template_cate_box{display:block;}
.m_nav .template_cate_box{width:870px;height:auto;min-height:440px;left:178px;border:solid 1px #e50112;border-left: 5px solid #f5f5fa;top:-1px;}*/



.m_nav{width:114px;height:30px;background:#fff url(../images/p1.png) no-repeat 18px center;padding:0 0 0 40px;color:#e50112;line-height:30px;font-size:14px;float:left;position:relative;z-index: 999;}
.m_nav:hover{color:#fff;cursor:pointer;background:#e50112 url(../images/p2.png) no-repeat 18px center;}
.m_nav:hover .m_nav_x{display:block;}
.m_nav_x{border:solid 1px #f5f5fa;background:#fff;position:absolute;left:0;top:30px;z-index: 999;display:none;box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);}
.m_nav_x > ul{padding:12px 0;}
.m_nav_x > ul >li{padding:0 15px;}
.m_nav li{line-height:33px;color:#111111;font-size:13px;font-weight:bold;}
.m_nav li a{color:#111111;margin:0;}
.m_nav li a:hover{color:#e50112;}
.m_nav_x > ul > li > div > a{white-space:nowrap;display:block;}
.m_nav li:hover > div > a{color:#e50112;}
.m_nav li:hover .template_cate_box{display:block;}
.m_nav .template_cate_box{width:870px;height:auto;left:100%;background:#f6f6f6;top:-1px;border:none;box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);overflow:visible;}
.cate_pop_every dl dd a{border-left: 1px solid #ddd;font-weight:normal;}


.youhui1{width:11px;height:20px;background:url(../images/yh.png) no-repeat right center;float:left;}
.youhui2{width:475px;float:left;position:relative;padding:13px 20px 0 0;cursor:pointer}
.youhui3{height:20px;border:solid 1px #ff6917;border-radius:0 3px 3px 0;border-left:none;float:left;padding:0 6px;color:#ff6917;line-height:18px;background:#fff;}
.youhui4{position:absolute;right:0;top:20px;}
.youhui5{width:370px;color:#ff6917;line-height:20px;float:left;padding:0 0 0 10px;height:20px;overflow:hidden;}
.youhui6{width:525px;position:absolute;left:0;top:13px;background:#fff7f2;border-radius:8px;padding:20px 30px 10px 23px;border:solid 1px #ffd1b8;z-index:999;display:none;box-shadow:0 0 5px 5px rgba(255,247,242,1);}
.youhui7{color:#444444;font-size:14px;line-height:26px;padding:8px 0 12px 17px;}
.youhui2:hover .youhui6{display:block;}