@charset "utf-8";
.layout-header .header{background-color:#fff;padding-top:24px;height:120px;}
.layout-header .header .header-inner{width:1190px;margin:0 auto;position:relative;}
.header .header-inner .logo-wrapper{float:left;width:190px;}
.header .header-inner .logo{width:190px;height:80px;float:left;margin-top:8px;}
.header .header-inner .logo h1{position:relative;margin:0;padding:0;text-align:center;}
.header .header-inner .logo h1>a{display:inline-block;margin:0 auto;}
.header .header-inner .logo img{display:block;}
.header .header-inner .serach-warper{margin-left:258px;margin-right:302px;}
.header .header-inner .search-inner{position:relative;}
.header .header-inner .search-box{z-index:30;position:relative;transform:translateZ(0);}
.header .search-box .search-tab{display:table;height:22px;margin-left:17px;}
.search-box .search-tab-switch li{color:#e23435;text-align:center;float:left;width:48px;height:30px;line-height:30px;font-size:14px;margin-right:4px;cursor:pointer;}
.search-box .search-tab-switch li>a{color:#e23435;}
.search-box .search-tab-switch li.selected{color:#fff;background-color:#e23435;border-top-right-radius:6px;border-top-left-radius:6px;}
.search-box .search-tab-switch li.selected>a{color:#fff;}
.search-box .search-panel{position:relative;}
.search-box .search-panel-field{margin-right:74px;border:2px solid #e23435;border-top-left-radius:20px;border-bottom-left-radius:20px;border-right:none;overflow:hidden;height:36px;}
.search-box .search-panel-field .search-icon{z-index:2;font-size:16px;position:absolute;top:9px;left:14px;color:#666;}
.search-box .search-panel-placeholder label span{z-index:2;position:absolute;top:11px;left:34px;color:#9c9c9c;cursor:text;touch-action:none;-ms-touch-action:none;pointer-events:none;-ms-pointer-events:none;-webkit-user-select:none;}
.search-box .search-button-wrap{position:absolute;right:0;top:0;z-index:100;width:74px;height:40px;overflow:hidden;text-align:center;border-top-right-radius:20px;border-bottom-right-radius: 20px;}
.search-box .search-button-wrap .search-btn{font-size:18px;font-weight:600;color:#fff;background-color:#e23435;cursor:pointer;height:100%;border:none;width: 100%;}
.search-box .search-combobox .search-combobox-input-wrap{height:36px;overflow:hidden;width:554px;}
.search-box .search-combobox .search-input{padding:6px 0;text-indent:10px;height:24px;line-height:24px;width:554px;border:none;outline:0;background-color:#fff;*margin-top:-2px;color:#000;font-weight:bold;}
.layout-main{z-index:3;}
.layout-main .main-nav{z-index:4;border-bottom:2px solid #e23435;background-color:#ffffff;}
.layout-main .main-nav .main-nav-inner{width:1190px;margin:0 auto;height:36px;line-height:36px;position:relative;color:#fff;}
.layout-main .main-nav-list{font-size:16px;font-weight:700;margin-left:220px;z-index:6;}
.layout-main .main-nav-list li{float:left;position:relative;margin:0 3px;text-align:center;padding:0 4px;}
.layout-main .main-nav-list li a{*display:inline;padding:0 5px;font-weight:700;}
.layout-main .main-focus-screen{width:1190px;margin:0 auto;min-height:500px;position:relative;color:#fff;z-index:5;}
.layout-main .main-focus-screen .screen-mian{position:relative;width:900px;float:left;z-index:6;}
.layout-main .screen-mian .screen-subject{position:absolute;top:-36px;left:0;width:200px;height:36px;background-color:#e23435;color:#fff;z-index:100;}
.layout-main .screen-mian .screen-subject h2{font-size:16px;font-weight:700;line-height:36px;text-align:center;margin:0;}
.layout-main .screen-mian .category-wrapper{float:left;width:200px;height:555px;background-color:rgba(0,0,0,.8);z-index:10;}
.screen-mian .category-list{position:relative;padding-top:10px;padding-bottom:10px;}
.screen-mian .category-list .category-item{line-height:35px;height:35px;padding-left:25px;padding-right:19px;font-size:14px;font-weight:400;color:#fff;}
.screen-mian .category-list .category-item>a{color:#fff;display:block;line-height:35px;position:relative;}
.screen-mian .category-list .category-item>a:before{content:"";width:1px;height:35px;position:absolute;top:0;right:-20px;background-color:#fff;z-index:10003;display:none;}
.screen-mian .category-list .category-item>a>.allow{float:right;line-height:35px;}
.screen-mian .category-list .category-item-pannel{position:absolute;top:0;left:200px;width:932px;min-height:553px;border:1px solid #333;background:#ffffff;z-index:10;display:none;}
.category-item-pannel .category-pannel-left{float:left;width:687px;padding-left:20px;padding-bottom:10px;}
.category-item-pannel .category-children-list dl{display:table;padding:2px 0;}
.category-item-pannel .category-children-list dt{position:relative;width:100px;float:left;color:#333;font-weight:700;}
.category-item-pannel .category-children-list dt>a{line-height:35px;}
.category-item-pannel .category-children-list dt>i.fa{margin-left:6px;float:right;line-height:35px;}
.category-item-pannel .category-children-list dd{float:left;margin-left:8px;padding-bottom:6px;border-bottom:1px dashed #e23435;width:570px;}
.category-item-pannel .category-children-list dd>a{padding:0 6px;margin-bottom:2px;color:#666;line-height:24px;display:block;float:left;}
.category-item-pannel .category-children-list dl:last-child>dd{border-bottom:none;}
.category-item-pannel .brand-mod{float:left;background-color:#fafafa;width:199px;padding:10px;height:480px;}
.category-item-pannel .brand-mod .brand-logo{float:left;width:73px;height:37px;padding:5px 10px;background-color:#fff;margin-right:2px;margin-bottom:2px;cursor:pointer;}
.category-item-pannel .brand-mod .brand-logo>img{display:block;width:100%;}
.category-item-pannel .brand-mod .activity{display:block;border-top:10px solid #fafafa;background-color: #fff;}
.category-item-pannel .brand-mod .activity img{float:left;width:189px;height:87px;}
.screen-mian .category-list .category-item:hover{background-color:#fff;}
.screen-mian .category-list .category-item:hover>a{color:#333;}
.screen-mian .category-list .category-item:hover>a:before{display:block;}
.screen-mian .category-list .category-item:hover .category-item-pannel{display:block;}
.layout-main .screen-mian .promo{float:left;width:700px;}
.screen-mian .promo .promo-hd{margin:10px 5px;background-color:#fff;min-height:200px;}
.screen-mian .promo .promo-hd .swiper-container{}
.screen-mian .promo .swiper-slide{width:100%;background-color: #ffffff;background-image: -webkit-linear-gradient(left, #fefeff, #ffffff);background-image: linear-gradient(to right, #fefeff, #ffffff);}
.screen-mian .promo .swiper-slide a{position:relative;display:block;width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.screen-mian .promo .swiper-slide a>img{display:block;width:100%;}
.screen-mian .promo .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:10px;background:#000;opacity:1;margin:0px !important;margin-left:4px !important;transition:all 0.3s ease;}
.screen-mian .promo .swiper-pagination .swiper-pagination-bullet-active{width:10px;background-color:#e23435;}
.screen-mian .promo .promo-bd{margin:10px 5px;margin-bottom:0;background-color:#fff;min-height:180px;}
.screen-mian .promo .row1{height:134px;}
.screen-mian .promo .row2{height:134px;}
.screen-mian .promo .promo-bd-row a{float:left;width:229px;border-left:1px solid #eee;}
.screen-mian .promo .row1 a{height:134px;overflow:hidden;}
.screen-mian .promo .row2 a{height:134px;overflow:hidden;}
.screen-mian .promo .promo-bd-row a img{display:block;width:229px;display:inline;border:0;vertical-align:middle;text-align:center;}
.layout-main .main-focus-screen .screen-sidebar{float:right;width:289px;height:545px;margin-top:10px;background-color:#fff;z-index:6;}
.screen-sidebar .member-wrapper .member-inner{padding:3px 0 10px 0;height:152px;padding-right:inherit;text-align:center;color:#333;}
.screen-sidebar .member-inner .member-bd{}
.screen-sidebar .member-bd .avatar-wrapper{display:block;margin:0 auto;width:100px;height:86px;}
.screen-sidebar .member-bd .avatar-wrapper a{display:inline-block;border:3px solid #fff;border-radius:50%;background-clip:padding-box;width:80px;height:80px;line-height:80px;overflow:hidden;}
.screen-sidebar .member-bd .avatar-wrapper img{width:80px;height:80px;}
.screen-sidebar .member-bd .member-nick-info{display:block;line-height:17px;height:17px;}
.screen-sidebar .member-inner .member-ft{height: 40px;overflow: hidden;margin-top:2px;padding-left:15px;}
.screen-sidebar .member-inner .member-logout{height:25px;margin-top:8px;}
.screen-sidebar .member-inner .member-logout a{float:left;line-height:25px;width:75px;margin-left:2px;margin-right:7px;text-align:center;color:#fff;border-radius:4px;background-color:#e23435;}
.screen-sidebar .member-inner .member-login{}
.screen-sidebar .member-inner .member-login a{float:left;margin-left:-1px;width:65px;text-align:center;border-left:1px solid #fff;}
.screen-sidebar .member-inner .member-login a strong{display:block;font-size:14px;color:#e23435;}
.screen-sidebar .notices{margin:0 6px;padding-top:10px;color:#333;border-top:1px solid #eaeaea;}
.screen-sidebar .notices .notices-hd{position:relative;height:24px;margin-top:4px;overflow:hidden;margin-right:-2px;padding:0 8px;}
.screen-sidebar .notices .notices-hd li{float:left;*display:inline;line-height:20px;width:32px;text-align:center;margin:0 11px;}
.screen-sidebar .notices .notices-hd .selected{padding:0;font-weight:700;border-bottom:2px solid #e23435;}
.screen-sidebar .notices .notices-bd .notices-mod{margin:0 12px;height:auto;overflow:hidden;padding-top:9px;padding-bottom:6px;}
.screen-sidebar .notices .notices-mod li{*display:inline;line-height:25px;height:25px;overflow:hidden;}
.screen-sidebar .notices .notices-mod .h{color:#e23435;}
.main-goods-floor{margin:20px auto 0;width:1190px;}
.floor-line-wrapper{width:100%;margin-top:20px;position:relative;}
.floor-line-wrapper .floor-mod{width:100%;}
.floor-line-wrapper .floor-mod .mod-head{}
.floor-line-wrapper .mod-head .mod-tit{padding-left:10px;border-left:4px solid transparent;font:18px/28px "Microsoft YaHei";font-weight:700;color:#000;float:left;}
.floor-line-wrapper .mod-head .mod-tit{border-color:#000;}
.floor-line-wrapper .floor-mod .mod-body{width:100%;height:618px;margin-top:10px;overflow:hidden;}
.floor-line-wrapper .mod-body .mod-body-lf{float:left;position:relative;width:235px;height:618px;}
.floor-line-wrapper .mod-body-lf img{display:block;width:100%;height:618px;-webkit-transition:opacity .3s ease-out;-moz-transition: opacity .3s ease-out;-o-transition: opacity .3s ease-out;transition: opacity .3s ease-out;}
.floor-line-wrapper .mod-body .mod-body-con{width:955px;height:618px;float:left;overflow:hidden;}
.floor-line-wrapper .mod-body-con .mod-grid{width:225px;height:301px;margin-left:13px;text-align:center;float:left;display:block;border-bottom:15px solid #f5f5f5;position:relative;background-color:#fff;}
.floor-line-wrapper .mod-body-con .mod-grid-inner{width:223px;height:299px;border:1px solid #fff;}
.floor-line-wrapper .mod-body-con .mod-grid-inner:hover{border-color:#ff0036;}
.floor-line-wrapper .mod-grid .mod-grid-tag{width:68px;height:20px;color:#fff;line-height:20px;font-size:14px;margin:0 auto;}
.floor-line-wrapper .mod-grid .mod-grid-img{width:185px;height:185px;}
.floor-line-wrapper .mod-grid .mod-grid-tit{width:135px;height:40px;font-size:14px;color: #333;line-height:20px;overflow:hidden;margin:8px auto;}
.floor-line-wrapper .mod-grid .mod-grid-price{font-size:18px;color:#ff0036;line-height:18px;margin:10px auto;}


.main-hot-brand{margin:20px auto 0;width:1190px;}
.brand-line-wrapper{width:100%;margin-top:20px;position:relative;}
.brand-line-wrapper .brand-mod{width:100%;}
.brand-line-wrapper .brand-mod .mod-head{}
.brand-line-wrapper .mod-head .mod-tit{padding-left:10px;border-left:4px solid transparent;font:18px/28px "Microsoft YaHei";font-weight:700;color:#000;float:left;}
.brand-line-wrapper .mod-head .mod-tit{border-color:#000;}
.brand-line-wrapper .brand-mod .mod-body{width:100%;height:618px;margin-top:10px;overflow:hidden;}
.brand-line-wrapper .mod-body .brand-list{display: flex;flex-wrap:wrap;}
.brand-list .brand-box{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px;background-color: #fff;margin: 20px;border:1px solid #fff;}
.brand-list .brand-box:hover{border-color:#ff0036;}
.brand-box .brand-img img{width: 150px;height: 150px;border-radius: 5px;}
.brand-box .brand-title{width: 100%;height: 30px;line-height: 30px;color: #000;font-size: 16px;text-align: center;}

.head-warning{background: white;width: 100%;}
.head-warning-content{background:#fdf6ec;color:#e6a23c;text-align: center;width: 1200px;margin: 0 auto;font-size: 30px;}