@charset "utf-8";
@font-face {
  font-family: 'iconfontv3';
  src: url('../font/iconfont3.eot'); 
  src: url('../font/iconfont3.eot#iefix') format('embedded-opentype'),
  url('../font/iconfont3.woff') format('woff'),
  url('../font/iconfont4.ttf') format('truetype'),
  url('../font/iconfont3.svg#iconfont') format('svg'); 
}
:root .ui-mask {
    background: rgba(0,0,0,0.8);
    filter: none;
}
.ui-mask {
    background: #000;
    width: 100%;
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 302;
}
.layui-layer-btn .layui-layer-btn0{
    border-color: #cf211b;
    background-color: #cf211b;
}
.container {
    position: relative;
    width: 1190px;
    margin: 0 auto;
  }
.ui-DG {
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 360px;
    margin-left: -240px;
    padding: 30px 60px;
    background: #fff;
}
.code_img {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 80px;
    height: 33px;
    display: block;
    z-index: 99;
}


.topbar {
  height: 40px;
  font-size: 12px;
  color: #ccc;
  background-color: #000;
  position:relative;
}
.topbar .topbar-nav a.hover{
  color:#fff;
}
.header-nav .navlist .nav_cur a{
  color:#cf211b;
}

.topbar a {
  color: #b0b0b0;
}

.topbar .ver {
  color: #393f3f;
  margin: 0 2px;
}

.topbar .jiange {
  margin: 0 12px;
}

.topbar a:hover {
  color: #fff;
}

.topbar-nav {
  float: left;
  height: 40px;
  line-height: 40px;
}



.topbar-cart, .topbar-info {
  float: right;
  height: 40px;
  line-height: 40px;
}

.topbar-cart {
  width: 120px;
  margin-left: 15px;
}
.topbar-cart .cart_in_top i{
  font-size:12px;
  display:inline-block;
  padding-right:5px;
  height:30px;
  line-height:30px;
}

.topbar-cart .cart_in_top {
  display: block;
  text-align: center;
  background-color: #424242;
  position:relative;
}
.topbar-cart .cart_in_top a{
  color:#b0b0b0;
}
.topbar-cart .cart_in_top a:hover{
  color:#fff;
}
.topbar-cart_hover.topbar-cart .cart_in_top{
    background-color:#fff;
    z-index:2000;
    color:#333;
}
.topbar-cart_hover.topbar-cart .cart_in_top a,.topbar-cart_hover.topbar-cart .cart_in_top a:hover{
  color:#333;
}
.topbar-cart .cart_in_top span{
 
}
.cart_right{
  position:relative;
}
.cart_right .cart_num2{
  position:absolute;
  display:block;
  
  line-height:16px;
  border-radius:50%;
  top:-2px;
  right:8px;
  font-size:12px;
  text-align:center;
  background:#cf211b;
  color:#fff;
  padding:0 5px;
}
.l{float:left;}
.r{float:right;}
.header-car-hd a { display:block; color:#fff; }
.header-car-hd a:hover { text-decoration:none; color:#cf1d1b;}
.header-car-bd { display:none; position:absolute; z-index:199; top:40px; right:0; width:300px; background:#fff; box-shadow:0 0 15px rgba(0,0,5,0.5); }
.header-car-list { padding:10px 20px; }
.header-car-item { padding:10px 0; }
.header-car-item-pic { float:left; margin-right:10px; }
.header-car-item a { color:#333; }
.header-car-total { height:40px; padding:10px; background:#f0f0f0; }
.header-car-total-btn { float:right; height:40px; padding:0 20px; line-height:40px; background:#cf1d1b; color:#fff; }
.header-car-total-btn:hover { text-decoration:none; background:#196de2; color:#fff; }
.header-car-total-info { font-size:12px; }
.header-car-total-price { margin-top:3px; color:#cf1d1b; font-size:24px; line-height:1; }
.header-car-total-txt { color:#999; line-height:1; }
.header-car-no { color:#666; font-size:12px; }

.header-car-hover { background:#fff; box-shadow:0 0 15px rgba(0,0,5,0.3); }
    .header-car-hover .header-car-hd { background:#fff; }
    .header-car-hover .header-car-hd a:hover { color:#cf1d1b; }
    .header-car-hover .header-car-bd { display:block; }
.cart_goods_li a {color: #333;}
.cart_goods_li a:hover {color: #cf1d1b;text-decoration: none;}
.cart_goods_li li {border-bottom: 1px solid #eee;}
.cart_goods {padding: 10px;display: block;}
.cart_goods:hover {background: #F0F0F0;}
.cart_goods_img {margin-right: 10px;}
.cart_goods_detail {padding-top: 0px;}
.cart_goods_detail p{line-height:23px;}
.cart_goods_bar {background: #eee;padding: 15px;overflow:hidden;}
.cart_goods_price {margin: -2px 0;display: inline-block;}
.cart_goods_bar .btn_orange {margin-top: 5px;}
.cart_goods_null {padding: 20px;display: block;}
.topbar_cart:hover {background: #fff;}
.topbar_cart:hover .shopping_cart {color: #333;}
.topbar_cart:hover .cart_dialog_wrap {visibility: visible;opacity: 1;}
.topbar_cart:hover .icon_cart {background-position: -52px 0;}
.topbar_cart:hover .cart {color: #333;}
#carTotalPrice{
  font-size:16px;
}
.ui_btn {
    line-height: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 3px;
    width: 133px;
    padding: 1px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.cart_goods_bar .btn_orange {
    background: #cf1d1b;
    color: #fff;
}
.cart_goods_bar .ui_clr_orange {
    color: #cf1d1b;
    line-height:23px;
}
.cart_goods_bar .ui_clr_999 {
    color: #999;
    line-height:20px;
}


.topbar-info .link {
  padding: 0 10px;
}



.header {
  position: relative;
  height: 70px;
  z-index: 20;
  box-shadow: 0 0 5px #ccc;
}

.header-logo {
  position: relative;
  float: left;
  padding-top: 0px;
  padding-bottom:5px;
}

.header-logo .logo {
  display: block;
  width: 120px;
  height: 65px;
  background: url(../image/logo9.png) no-repeat center;
  background-size: 100%;
}

.header-nav {
  float: left;
}

.navlist {
  width: 700px;
  margin-top: 0px;
  padding-left: 30px;
}

.navlist .all {
  position: relative;
  float: left;
  width: 160px;
  height: 80px;
}

.navlist .item {
  float: left;
  padding-bottom:16px;
}
.header-user label#user_bar{
    position:relative;
    height:30px;
    line-height:30px;
    display:inline-block;

}
.header-user label#user_bar i{
  font-size:14px;
  padding-right:10px;
}
#user_bar .user_menu {
  width: 80px;
  position: absolute;
  top: 28px;
  left: -10px;
  z-index: 100;
  font-size: 14px;
  color: #333;
  padding: 5px;
  margin-top: 2px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(27, 31, 35, 0.15);
  border-radius: 4px;
  box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15);
}
#user_bar .user_menu li {
  line-height: 30px;
  padding-left: 10px;
}
#user_bar .user_menu li a {
  color: #333;
}
#user_bar .user_menu::after {
  border: 7px solid transparent;
  border-bottom-color: #fff;
  top: -14px;
  left: 10px;
  right: auto;
  position: absolute;
  display: inline-block;
  content: "";
}
#user_bar .user_menu::before {
  top: -16px;
  left: 10px;
  right: auto;
  border: 8px solid transparent;
  border-bottom-color: rgba(27, 31, 35, 0.15);
  position: absolute;
  display: inline-block;
  content: "";
}

.item a {
  font-size: 16px;
  color: #333;
  display: block;
  padding: 20px 25px 10px;
}

.item a:hover {
  color: #cf211b;
}



.children-nav {
  display: none;
  position: absolute;
  left: 230px;
  top: 0;
  width: 780px;
  height: 428px;
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}

.children-list {
  float: left;
}

.children-list li {
  position: relative;
  height: 70px;
  width: 260px;
}

.children-list .link {
  display: block;
  line-height: 40px;
  width: 160px;
  padding: 15px 0 15px 20px;
}

.children-list .title {
  margin-left: 15px;
}

.children-list .buybtn {
  display: block;
  position: absolute;
  top: 23px;
  right: 15px;
  width: 60px;
  font-size: 12px;
  line-height: 24px;
  border: 1px solid #cf211b;
  background: #fff;
  color: #cf211b;
  text-align: center;
}

.children-list .icon-80 {
  width: 40px;
  height: 40px;
}

.children-list .title:hover {
  color: #cf211b;
}

.buybtn:hover {
  color: #fff;
  background: #cf211b;
  transition: all .2s;
}

.children-list img {
  vertical-align: middle;
}



.header-search {
  float: right;
  margin-top: 15px;
}

.search-form {
  position: relative;
  width: 300px;
  height: 40px;
}

.search-text {
  position: absolute;
  top: 0;
  right: 40px;
  padding: 0 10px;
  width: 230px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
}

.search-btn {
  position: absolute;
  top: 0;
  right: 0px;
  width: 40px;
  height: 40px;
  color: #616161;
  background-color: transparent;
  border: 1px solid #e0e0e0;
  border-left: none;
  cursor: pointer;
  transition: all .2s;
  font-size: 20px;
}

.search-btn:hover {
  color: #fff;
  background-color: #cf211b;
  border-color: #cf211b;
}

.main-nav {
  display: none;
  z-index: 25;
  position: absolute;
  top: 70px;
  left: 0;
  height: 230px;
  width: 100%;
  background: #fff;
  border-top: 1px solid #ccc;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}

.mainnav-list {
  font-size: 12px;
  margin-left:130px;
}

.mainnav-list .title{
      overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.mainnav-item {
  position: relative;
  float: left;
  width: 150px;
  padding: 40px 12px 0px 12px;
  text-align: center;
  list-style:none;
}

.product-thumb {
  width: 160px;
  height: 110px;
  margin: 0 auto 10px;
  border-right: 1px solid #ccc;
}
.product-thumb img{
  width:110px;
  height:110px;
  margin: 0 auto;
}

.mainnav-item:last-child .product-thumb {
  border: none;
}

.price {
  font-size: 14px;
  color: #cf211b;
}

.product-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 20px;
}

.product-label .goods-label {
  display: inline-block;
  padding: 0 20px;
  height: 20px;
  border: 1px solid #cf211b;
  color: #cf211b;
}



.footer {
  width: 100%;
  background:#fff;
}

.footer-servise {
  border-bottom: 1px solid #e0e0e0;
}

.servise-item {
  float: left;
  width: 235px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin: 25px 0;
  border-right: 1px solid #e0e0e0;
}

.servise-item:last-child {
  border-right: 0;
}

.servise-item a {
  font-size: 16px;
  transition: all .5s;
}

.servise-item a:hover {
  color: #cf211b;
}

.servise-item .iconfont {
  font-size: 25px;
  vertical-align: -3px;
  margin-right: 5px;
}

.footer-info {
  padding: 40px 0;
  border-bottom: 1px solid #e0e0e0;
}

.footer-info .more-info {
  float: left;
}

.footer-info .info-item {
  float: left;
  width: 233px;
  height: 120px;
}

.footer-info .info-title {
  font-size: 15px;
  margin-bottom: 20px;
}

.footer-info .c1 {
  font-size: 12px;
  margin-bottom: 8px;
}

.footer-info .cm-info {
  float: right;
  width: 244px;
  height: 120px;
  text-align: center;
  border-left: 1px solid #ccc;
}

.cm-info .phone {
  color: #cf211b;
  font-size: 22px;
}

.cm-info .time {
  font-size: 12px;
  margin-bottom: 10px;
}

.cm-info .online {
  display: block;
  font-size: 12px;
  color: #cf211b;
  width: 118px;
  height: 28px;
  line-height: 30px;
  border: 1px solid #cf211b;
  margin: 0 auto;
  transition: all .5s;
}

.cm-info .online:hover {
  color: #fff;
  background: #cf211b;
}

.cm-info .iconfont {
  font-size: 12px;
  margin-right: 5px;
}

.footer_bottom {
  width: 100%;
  margin-top: 10px;
}

.footer_bottom .bottom_logo {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  float: left;
  background: url('../image/red_logo.png') no-repeat center center;
  background-size: 82%;
}

.footer_bottom .bottom_center {
  float: left;
}

.footer_bottom .bottom_center a {
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  font-size: 14px;
  color: #222;
  display: inline-block;
}

.footer_bottom .bottom_center p {
  color: #909090;
  padding-left: 10px;
}

.footer_bottom .f_bottom_right {
  width: 230px;
  height: 60px;
  float: right;
  text-align: center;
}

.footer_bottom .f_bottom_right .contactIcon {
  margin: 5px;
  font-size: 30px;
  line-height: 60px;
}

.footer_bottom .f_bottom_right .weibo {
  color: #f74400;
}
.footer_bottom .f_bottom_right .weixin {
  color: #3fc508;
}

.right_bar {
  position: fixed;
  right: 0;
  top: 50%;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
}

.right_bar .bar_list {
  padding-top: 10px;
}

.right_bar .bar_list li {
  width: 55px;
  height: 60px;
  line-height: 25px;
}
.right_bar .bar_list li a:hover{
  color:#cf211b;
}

.right_bar .bar_list li .bar_icon {
  display: block;
  text-align: center;
  font-size: 20px;
}

.right_bar .bar_list li span {
  display: block;
  text-align: center;
  font-size: 12px;
}



.red {
  display: block;
  padding: 2px 15px;
  background: #fe2827;
  color: #fff;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.yellow {
  display: block;
  padding: 2px 15px;
  background: #fbac30;
  color: #fff;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.green {
  display: block;
  padding: 2px 15px;
  background: #83c44e;
  color: #fff;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background: url('../image/left2.png') no-repeat;
  background-size: 100%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background: url('../image/right2.png') no-repeat;
  background-size: 100%;
}



.ui-HInput { position:relative; z-index:1; width:338px; height:43px; padding:0 10px; line-height:43px; border:solid 1px #dadada; color:#bbb; font-size:14px; background:transparent; }
.ui-HInput:focus { color:#333; }
.ui-HPassowrdLabel { position:absolute; left:10px; top:0; line-height:43px; color:#bbb; font-size:14px; }
.ui-HGet { position:absolute; z-index:2; right:0; top:5px; width:127px; height:35px; line-height:35px; border:0; border-left:solid 1px #dadada; text-align:center; font-size:12px; background:none; color:#777; cursor:pointer; }
            .ui-HGet.disable { color:#ccc; cursor:default; }
.ui-Hbtn { width:100%; height:45px; line-height:45px; text-align:center; color:#fff; font-size:20px; background:#cf1d1b; border:none; cursor:pointer; }
.ui-HStatus { padding:10px 0 10px; }
    .ui-HStatus input { vertical-align:0px; }
.ui-HInput.error { border-color:red; }
.ui-HStatus .ui-HStatus-check { display:inline-block; width:16px; height:16px; line-height:16px; overflow:hidden; border:solid 1px #dadada; font-size:0; text-align:center; vertical-align:top; font-family:"iconfontv3"; }
.ui-HStatus .ui-HStatus-check.checked { font-size:10px; color:#cf1d1b; border:solid 1px #cf1d1b; }

.ui-DG-close { position:absolute; right:10px; top:10px; z-index:1; width:20px; height:20px; font-size:20px; color:#c8c8c8; text-align:center; line-height:20px; font-family:"iconfontv3"; cursor:pointer; }
.ui-DG-close:hover { color:#aaa; }
.ui-login-hd { text-align:center; line-height:22px; font-size:18px; }
    .ui-login-hd-list { overflow:hidden; height:22px; }
        .ui-login-hd-item { float:left; width:50%; height:18px; line-height:18px; margin-top:2px; color:#777;  border-left:solid 1px #adadad; margin-left:-1px; cursor:pointer; }
        .ui-login-hd-item.current { color:#cf1d1b; }




.ui-login-bd { padding-top:18px; }
    .ui-login-main { padding-bottom:10px; }
    .ui-login-panel { display:none; }
        .ui-login-item { position:relative; z-index:1; margin-top:10px; }
            
    .ui-login-error { color:#f30909; }
.ui-login-status { }
    .ui-login-status-forget { float:right; color:#cf1d1b ;}
.ui-login-other { height:38px; padding:19px 0 0; line-height:38px; }
    .ui-login-other-list { font-size:0; }
    .ui-login-other-item { display:inline-block; width:38px; height:38px; margin-right:23px; border-radius:19px; text-align:center; background:#ccc; font-family:"iconfontv3"; font-size:20px; color:#fff; }
    .ui-login-other-item:hover {  text-decoration:none; }
    .ui-login-other-register { float:right; color:#cf1d1b; }


.ui-register-hd { text-align:center; line-height:22px; font-size:18px; }
.ui-register-bd { padding-top:18px; }
    .ui-register-main { padding-bottom:10px; }
    .ui-register-item { position:relative; z-index:1; margin-top:10px; }
    .ui-register-error { color:#f30909; }
    .ui-register-status { color:#6a6969; }
    .ui-register-status a { color:#cf1d1b; }
.topbar-nav a{
  line-height:40px;
  height:40px;
}
.product_show{
  width:100%;
  overflow:hidden;
  top:39px;
  min-height:100px;
  left:0px;
  background:#fff;
  position:absolute;
  z-index:9900;
  display:none;
  padding-bottom:20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);

}
.header-nav-sub-list { width:1180px;margin:0 auto;overflow:hidden; } 
.header-nav-sub-item { float:left; width:128px; height:103px;margin-top:20px; margin-left:-1px; text-align:center;  }
.header-nav-sub-item a { text-decoration: none;color:#333;}
.header-nav-sub-pic { width:105px; height:70px; margin:0 auto;}
.header-nav-sub-pic img{
  width:100%;
}
.header-nav-sub-tit { margin-top:19px; font-size:14px; line-height:1; }
.header-nav-sub-item a:hover { color:#cf1d1b;}


ul li.mg_bottom a .goods_img i{
  font-size:12px;
  padding:1px 9px;
}