@charset "UTF-8";
/*重置common样式*/

.reactStyle{
    /*margin-top: 7px;*/
}
.reactStyle .searchbox{
    border: 2px solid #ED712D;
}
.reactStyle .searchbox:hover{
    border: 2px solid #ff9800!important;
}
.reactStyle .search-button{
    background-color:  #ED712D;
    border: 0px solid #ED712D;
}
.reactStyle .search-button:hover{
    background-color:  #ff9800;
    border: 0px solid #ff9800;
}
.reactStyle:hover .search-button{
    background-color:  #ff9800;
    border: 2px solid #ff9800!important;
}

.reactStyle .searchbox{
    margin-left: 80px;
    margin-top: 30px;
}

/* 轮播区域 */
.slider{overflow:hidden; }
.slider .container{position:relative;
    width: 1220px;margin: 0 auto}
.slider .site-category-list{position:absolute; top:0; left:0; width:200px; color:#FFF; background:#fff; font-size:14px; }
.slider .site-category-list li:hover{background:#f10215;font-color:#fff;}
.slider .site-category-list .title{color:#333; padding-left:20px; height:42px; line-height:42px; display:block; position:relative;font-weight: 500; }
.slider .site-category-list .title i{color:rgba(144,144,144,0.5); position:absolute; top:12px; right:20px; font-size:1px; line-height:16px; }
.slider .slider-wrapper{position:relative; max-width:100%; }
.slider .slider-wrapper .slider-list {
    width: 100%;
    position: relative;
    /*height: 600px;*/
    overflow: hidden;
}

.slider .slider-wrapper .slider-list .slider-item{display:block; opacity:0; transition:opacity 0.3s; }
.slider .slider-wrapper .slider-list .slider-item.active{opacity:1; }
.slider .slider-wrapper .slider-list .slider-item img{width:1226px; height:460px; display:block; max-width:100%; }
.slider .slider-wrapper .slider-controls .slider-pager {
    position: absolute;
    bottom: 20px;
    width: 315px;
    left: 900px;
    text-align: right;
    display: block;
    top: 10px;
}

/*.slider .slider-wrapper .slider-controls .slider-pager span{display:inline-block; width:10px; height:10px; margin:0 5px; border:2px solid #fff; border-color:rgba(255,255,255,0.3); border-radius:10px; background:rgba(0,0,0,0.4); cursor:pointer; }*/
/*.slider .slider-wrapper .slider-controls .slider-pager span.active{background:rgba(255,255,255,0.4); border-color:rgba(0,0,0,0.4); }*/
.slider .slider-wrapper .slider-controls .slider-direction a{position:absolute; top:50%; height:69px; width:41px; }
.slider .slider-wrapper .slider-controls .slider-direction .slider-prev{left:234px; background:url("../img/icon-slides.png") no-repeat -84px 50%; }
.slider .slider-wrapper .slider-controls .slider-direction .slider-prev:hover{background-position:0 50%; }
.slider .slider-wrapper .slider-controls .slider-direction .slider-next{right:0; background:url("../img/icon-slides.png") no-repeat -125px 50%; }
.slider .slider-wrapper .slider-controls .slider-direction .slider-next:hover{background-position:-42px 50%; }

/* 主页子主题 */
.home-sub{margin-top:14px;}
.home-sub .home-channel-list{padding:3px; background:#5f5750; font-size:12px; text-align:center; width: 225px; float:left;}
.home-sub .home-channel-list li{position:relative; float:left; width:76px; height:82px; padding:0 3px; }
.home-sub .home-channel-list li a{display:block; padding-top:18px; text-overflow:ellipsis; overflow:hidden; color:rgba(255,255,255,0.7); }
.home-sub .home-channel-list li a:hover{color:#FFF;}
.home-sub .home-channel-list li a i{display:block; height:24px; margin-bottom:4px; font-size:24px; line-height:24px; }
.home-sub .home-promo-list{width:992px; float:left;}
.home-sub .home-promo-list li{width:316px; height:170px; float:left; margin-left:14px; transition:all 0.3s;}
.home-sub .home-promo-list li:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.home-sub .home-promo-list li a{display:block;}
.home-sub .home-promo-list li a img{width:100%; height:250px;}

/* 楼层列表 */
.floor-list{padding:22px 0;  background:#f5f5f5;}
/*.floor-list .floor-box{height:686px;}*/
.floor-list .floor-box .floor-head{height:58px; position:relative;}
.floor-list .floor-box .floor-head .title{font-size:22px; font-weight:200; line-height:58px; color:#333;}
.floor-list .floor-box .floor-head .more{position:absolute; top:0; right:0;}
.floor-list .floor-box .floor-head .more .more-link{font-size:16px; color:#424242; line-height:58px;}
.floor-list .floor-box .floor-head .more .tab-list{margin:0; padding:16px 0 0; font-size:16px;}
.floor-list .floor-box .floor-head .more .tab-list li{margin:0 0 0 30px; display:inline-block; padding:0; cursor:pointer;}
.floor-list .floor-box .floor-head .more .tab-list li.active{color:#f10215; border-bottom:2px solid #f10215;}
.floor-list .floor-box .floor-body a{display:block; width:100%; height:100%;}
.floor-list .floor-box .floor-body .product-master{width:234px; height:614px; float:left; margin-left:-14px;}
.floor-list .floor-box .floor-body .product-master .product-item{padding:0;}
.floor-list .floor-box .floor-body .product-list{width:992px;  float:right; margin-left:-14px;}
.product-list1{ margin-left:-25px;}
.product-list2{ margin-left:-25px;}
.floor-list .floor-box .floor-body .product-item{
    width:234px; background:#FFF; float:left; position:relative; z-index:1; margin-left:14px; margin-bottom:14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.product-item1{
    width:285px; background:#FFF; float:left; position:relative; z-index:1; margin-left:25px; margin-bottom:14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.product-item3{
    width:316px; background:#FFF; float:left; position:relative; z-index:1; margin-left:14px; margin-bottom:14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.inner-img1{
    width: 220px !important;
    margin-top: 20px;
    margin-left: 40px;
    height: 220px !important;
}
.inner-img2{
    width: 180px !important;
    margin-top: 40px;
    margin-left: -10px;
    height: 180px !important;
}
.inner-img3{
    width: 220px !important;
    margin-top: 20px;
    margin-left: 40px;
    height: 220px !important;
}
.inner-img4{
    margin-top: 40px;
    width: 180px !important;
    height: 180px !important;
    margin-left: -10px;
}

.floor-list .floor-box .floor-body .product-item:hover{
    -webkit-box-shadow:  0 15px 30px rgba(0,0,0,0.1);
    -moz-box-shadow:  0 15px 30px  rgba(0,0,0,0.1);
    box-shadow:  0 15px 30px  rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.floor-list .floor-box .floor-body .product-item img{width: 235px;}
.floor-list .floor-box .floor-body .product-item .figure-img{width:160px; height:160px; margin:0 auto 18px; text-align:center;}
.floor-list .floor-box .floor-body .product-item .figure-img img{width:100%; height:100%;}
.floor-list .floor-box .floor-body .product-item .figure-img i{font-size:48px; line-height:80px; color:#f10215;}
.floor-list .floor-box .floor-body .product-item .title{margin:0 10px 2px; color:#333; font-size:14px; font-weight:400; text-align:center;}
.floor-list .floor-box .floor-body .product-item .desc{margin:0 10px 10px; height:18px; font-size:12px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#b0b0b0;}
.floor-list .floor-box .floor-body .product-item .price{margin:0 10px 14px; color:#f10215; text-align:center;}
.floor-list .floor-box .floor-body .product-item .price del{color:#b0b0b0;}
.floor-list .floor-box .floor-body .product-item-lg{height:614px;}
.floor-list .floor-box .floor-body .product-item-lg img{height:100%;}
.floor-list .floor-box .floor-body .product-item-middle{height:260px; padding:20px 0;}
.floor-list .floor-box .floor-body .product-item-small{height: 93px; padding-top:50px;}
.floor-list .floor-box .floor-body .product-item-small .figure-img{position:absolute; right:20px; top:32px; width:80px; height:80px;}
.floor-list .floor-box .floor-body .product-item-small .title{margin:-10px 110px 5px 30px;}
.floor-list .floor-box .floor-body .product-item-small .title a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.floor-list .floor-box .floor-body .product-item-small .price{margin:0 110px 0 30px; font-size:12px; color:#f10215;}
.floor-list .floor-box .floor-body .product-item-small .more{display:block; margin:0 110px 0 30px; font-size:18px; color:#333;}
.floor-list .floor-box .floor-body .product-item-small .more small{font-size:12px; color:#757575; display:block;}
.floor-list .floor-ad{height:120px; margin:28px 0 22px;}
.floor-list .floor-ad img{width:100%;}
.category-item {
    width:120px;
    height:40px;
    font-size:14px;
    font-weight:400;
    color:#333333;
    position: absolute;
    margin-left: 10px;
    line-height: 40px;
    text-align: center;

}
.floor-head-img{
    margin-top: 6px;
    width: 4px;
    height: 21px;
    background-color: #207ad6;
    border-radius: 2px;
    position: absolute;
}

.slider-pager{
    width: 200px;height:590px;

}
.inner-slider-pager {
    width: 304px;
    height: 180px;
    background: #fff;
    text-align: left;
    line-height: 45px;
    padding-left: 10px;
}

.inner-slider-text {

    font-size: 12px;
    color: #b0b0b0;
    width: 400px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}
.mini-slider {
    width: 191px;
    height: 120px;
    padding-top: 10px;
    padding-left: 10px;

}

#carousel-banner {
    width: 825px;
    height: 470px;
}

.brand-list{
    /*width:825px;height:130px;*/
}
.title{
    color: #333333;

    /*margin-left:10px;*/
}
.floor-img{
    width:40px;height:40px;

}
.mall-logo{
    margin-top: 0px;
    border: none;
    width: 196px;
    height: 60px;
}
.aui-container-bxo {
    background: #fff;
    margin: 0px auto 0;
    width: 225px;
    float: left;
    /*height: 600px;*/
    /*margin: 10px auto 0;*/
    /*width: 1200px;*/
}

.aui-content-sidebar {
    /*position: relative;*/
    /*width: 321px;*/
    /*margin-left: -15px;*/
    position: relative;
    width: 225px;
}

.aui-content-menu {
    position: relative;
}

.aui-content-menu-head {
    position: relative;
    padding: 5px 0 7px;
}

.aui-content-menu-head-list {
    position: relative;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    border-right: 0;
}

.aui-content-menu-head-list h2 {
    display: inline-block;
    padding-left: 15px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.aui-content-menu-head-list a {
    margin: 0 5px 5px 0;
    padding: 0 6px;
    width: 56px;
    height: 14px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
}

.aui-content-menu-head-list-arrow {
    position: absolute;
    right: 0;
    top: 6px;
    width: 6px;
    height: 11px;
    margin-right: 8px;
    background: url("/mall-view/img/arrow.png") 0 0 no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .aui-content-menu-head-list-arrow {
        background-image:url("/mall-view/img/arrow@2x.png");
        background-size: 6px 11px;
    }

    .sidebar .mainNavs .menu_box .menu_sub dt span i.icon_new {
        /*background-image: url(//www.lgstatic.com/www/static/index/modules/sidebar/img/icon_new@2x_4e7d7b8.png);*/
        background-size: 24px 14px
    }
}

.aui-content-sidebar .aui-content-main .active .aui-content-menu-head {
    -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
    -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
    box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #fff;
    cursor: pointer;
}

.aui-ds {
    display: none;
}

.aui-content-menu-dow {
    position: absolute;
    left: 186px;
    top: 0;
    min-height: 25px;
    min-width: 650px;
    padding: 7px 10px 0 12px;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
    -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
    box-shadow: 0 0 4px 2px rgba(0,0,0,.09);
    border-radius: 2px;
    border-top-left-radius: 0;
}

.aui-content-menu-dow dl {
    margin: 0 0 17px;
}

.aui-content-menu-dow dl dt {
    position: relative;
    /*width: 70px;*/
    margin: 0;
    padding-left: 20px;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 6px;
    font-weight: bold;

}
.aui-content-menu-dow dt {
    display: inline-block;

}


.aui-content-menu-dow dl dt span {
    position: relative;
    display: inline-block;
    padding: 0;
    color: #121212;
}

.aui-content-menu-dow dl dd {
    color: #555;
    font-size: 0;
    overflow: hidden;
    display: inline;
}
.aui-content-menu-dow dd {
    display: inline;
}
.aui-content-menu-dow dl dd a {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding: 0 11px;
    font-size: 13px;
    line-height: 28px;
    color: #777;
    white-space: nowrap;
}

.aui-content-menu-dow dl dd a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: #D8D8D8;
    top: 8px;
    left: 0;
}

.aui-content-menu-dow dl dd .aui-a-curr {
    color: #666666;
}

.aui-content-sidebar .active:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 7px;
    background: #fff;
    z-index: 102;
}



.aui-content-main{
    min-height: 480px;
    padding-left: 40px;
}
.cart-button{
    font-size: 14px;
    position: relative !important;
    right: 10px ;
    width: 140px !important;
    height: 42px !important ;
    color: #666666 !important;
    background-color: #fff !important;
    border-radius: 25px !important;
    border: 2px solid  #ED712D !important;
    padding: 0 10px 0 35px;
    background-image: url("../img/cart.png");
    background-repeat: no-repeat;
    background-position: 20px 3px;
}
.cart-button:hover{
    border: 2px solid  #ff9800 !important;
}
.fa-bars{
    padding-left: 38px;font-size: 14px;
    color:#eeeeee;
}
.option li {
    padding-left: 28px;
    font-size: 16px;
    line-height: 2;
    cursor: pointer;
}
.site-a{
    line-height: 16px;
    letter-spacing: 0px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    /* color: #333; */
    margin-left: 60px;
}
.site-list{
    position: absolute;padding-left: 100px;padding-top: 10px;
    z-index: -1;
}
.site-list a:hover{
    color: rgba(237,113,45,1);
}
.text-left {
    text-align: left;
    float: left;

}
.text-right{
    text-align: right;
    float: right;

}
.prevBtn,.nextBtn{
    margin-left: 16px;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border:1px solid #eeeeee;
}
.prevBtn i{
    transform:rotate(90deg);
}
.nextBtn i{
    transform:rotate(-90deg);
}
.prevBtn:hover,.nextBtn:hover{
    color: #ff9800;
    border:1px solid #ff9800;
}


.floor-head div{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0px;
    letter-spacing: 0px;
    color: #666666;
    float: right;
    margin-top: -10px;
}
.user-personal {
    position: absolute;
    left: 35%;
    top: 10px;
    text-align: center;

}
.login-user-personal {
    position: absolute;
    left: 15%;
    top: 10px;
    text-align: center;

}
#isLogin{
    text-align: left;
    padding-left: 22px;
    line-height: 40px;
}
.user-name{
    font-size:15px;
    font-weight:400;
    color: #333333;
    line-height:14px;
}
#login-user-msg{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 140px;
    padding-top: 14px;
    font-size:14px;
    font-weight:400;
    color:#666666;
    line-height:20px;
}
.softWarelogout{
    padding-left: 10px;
    font-size:15px;
    font-weight:400;
    color:#ED712D;
    line-height:24px;
}
.softWarelogout:hover{
    color:#ff9800;
}
.watting-news{
    display: block;
    /*width: 9px;*/
    height: 13px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #207ad6;
    padding: 10px 10px 10px 10px;
}


.hot-li{
    margin-top: 30px;
    width: 285px;
    height: 349px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(221, 221, 221, 0.2);
    border: solid 1px #f4f6fd;
}
.hot-title{
    width: 285px;
    height: 72px;
    background-color: #fbfbfb;
    text-align: center;
}
.hot-title span{
    width: 72px;
    height: 18px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #333333;
}
.hot-info{
    float: left;
    padding: 10px;
    overflow: hidden;
    /* width: 325px; */
    /* height: 220px; */
    background: #fff;
    text-align: center;
}
.hot-info ul li {
    margin: 5px;
    display: inline-block;
    width: 118px;
    height: 114px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #eeeeee;
}
.hot-info ul li a{
    line-height: 30px;
}
.hot-info ul li img{
    margin-top: 30px;
    width: 60px;
    height: 47px;
}


.count-down{
    display:inline;
}
.count-down span{
    width: 28px;
    height: 12px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #666666;
}
.count-down div {
    display:inline;
    width: 36px;
    height: 36px;
    background-color: #333333;
    border-radius: 2px;
}
.count-down div {
    display:inline;
    background-color: #333333;
    border-radius: 2px;
    font-size: 30px;
    margin: 5px;
}
.count-down div span{
    padding: 3px;
    width: 24px;
    height: 17px;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
}


.public-slider-text {
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    color: #b0b0b0;
    width: 560px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

/*///// ------------------  ///*/


.red_box{
    height: 50px;
    background-color: #0a6aa1;
}
.bgcolor-box1{
  background-color:   #f5f5f5;
}
.nav-box{
    width: 100%;
}
.common-content{
    width: 1200px;
    margin: 0 auto;
}
.avator{
    padding-top: 5px;
    border-radius: 50px;
    width: auto;
    height: auto;
    max-width: 70px;
    max-height: 70px;
}
/*nav部分*/
.nav-list>li{
    float: left;
}
.nav-logo{
    width: 100%;
}
.nav-logo >img{
    line-height: 100px;
}
.nav-list-item > li{
    float: left;
    padding: 0px 0px 0px 50px;
}
.nav-list-item > li a{
  color: #333333;
    font-size: 14px;
    line-height: 100px;
}
.banner-wrap{
    padding-top: 20px;
}

.banner-wrap >div{
    float: left;
}
.banner-wrap >div:nth-of-type(2){
    float: right;
}
.banner-size{
    width: 900px;
    height: 450px;
}
.banner-list img{
    width: 100%;
    height: 100%;
}
.login-inner-slider-pager{
    position: relative;
    width: 300px;
    box-sizing: border-box;
    height: 160px;
    background: #fff;
    text-align: left;
    padding: 40px 0px 44px 32px;
}
.login-inner-slider-pager>div{
    float: left;
}
.login-inner-slider-pager>div:nth-of-type(2){
    padding-left: 23px;
}

.login-user-personal{
    position: static;
    text-align: center;
}
.welcome-info{
    width:155px;
    height:16px;
    font-size:15px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:24px;

}
.btn-list{
    padding-top: 18px;
}
.login{
    width: 60px;
    height: 28px;
    line-height: 25px;
    display: inline-block;
    /*padding: 5px 10px;*/
    border-radius: 14px;
    border:1px solid #ED712D;
    font-weight:400;
    color:#ED7431;
    font-size: 14px;
    margin: 0px 9px 0px 0px;
}
.login:hover{
    color: #ED7431;
    border: solid 1px #ED7431;
}
.banner-msg{
    width: 304px;
    background: #fff;
    text-align: left;
    padding: 20px 20px 0px 20px;
}
.banner-msg-list{
    box-sizing: border-box;
    margin-top: 20px;
    position: relative;
    width: 300px;
    height: 225px;
    background: #fff;
    text-align: left;
    padding: 25px;
    line-height: 20px;
}

.banner-msg-list>li{
    padding-top: 20px;
}
.banner-msg-list>li:nth-of-type(1){
    padding-top: 0px;
}
.banner-msg-list>li>div{
    display: inline-block;
}
.banner-msg-list>li>.banner-main-box>span{
    color: #999999;
    font-size: 12px;
}
.banner-tit-box{
    border-radius: 4px;
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
}
.tit-box-imgBox{
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}
.tit-box-imgBox>img{
    padding-left: 6px;
}
.banner-msg-list>li:nth-of-type(1)>.banner-tit-box{
    font-size: 12px;
    line-height: 30px;
    background-color: rgba(21,152,233,.1);
    color: #1e9fff;
}
.banner-msg-list>li:nth-of-type(2)>.banner-tit-box{
    background-color: rgba(36,200,178,.1);
    color: #38af2b;
    line-height: 14px;
}
.banner-msg-list>li:nth-of-type(3)>.banner-tit-box{
    background-color: rgba(200,48,48,.1);
    color: #ff1e08;
}
.banner-msg-list>li:nth-of-type(4)>.banner-tit-box{
    background-color: rgba(255,121,22,.1);
    color: #ff6d00;
    line-height: 14px;
}
.banner-tit-box span{
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    padding-left: 0px;
}
.banner-main-box{
    display: table-cell;
    vertical-align: middle;
    width: 145px;
    height: 30px;
    padding-left: 5px;
    line-height: 30px;

}
.banner-main-box>span:after{
    content: "、";
}
.banner-main-box>span:nth-last-of-type(1):after{
    content: "";
}
.banner-main-box2{
    width: 145px;
    padding-left: 5px;
    line-height: 14px;
    color: #999999;
    font-size: 12px;
}
.banner-bottom{
    box-sizing: border-box;
    margin-top: 20px;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
}
.banner-bottom > div{
    float: left;
}
.dian{
    border-radius: 5px;
    margin: 10px;
    display: block;
    width: 8px;
    height: 8px;
    background-color: rgba(214,147,20,.2);
}
.banner-bottom-btn{
    padding: 20px 0px 0px 10px;
}
.dian-1{
    border-radius: 5px;
    display: block;
    width: 8px;
    height: 8px;
    background-color: rgba(214,147,20,1);
}
.calendar{
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    background:rgba(237,113,45,1);
    color: #fff;
    margin-left: 10px;
    text-align: center;
    padding: 10px 0px 0px 0px;
}
.year-month{
    font-size: 12px;
    padding:0px 0px 8px 0px;
}
.day{
    margin: 0 auto;
    width:33px;
    height:23px;
    font-size:28px;
    font-weight:bold;
    color:#ffffff;
    line-height:20px;
    padding-top: 12px;
}
.msg-box-top{
    width: 980px;
    box-sizing: border-box;
    padding: 5px 0px 5px;
}
.msg-box-top>.title{
    width: 900px;
    font-size: 16px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:400;
    color:#666666;
    line-height:18px;
}
.msg-box-top>.title>a{
    color:#666666;
}
.msg-box-top>.title>a:hover{
    color: #ED712D;
}
.msg-box-top>.more{
    float: right;
    line-height: 14px;
}
.more:hover a{
    color: #ED712D;
}
.msg-box-top>.more span{
    vertical-align: middle;
    display: inline-block;
    width: 27px;
    height: 22px;
    margin-top: -1px;
    line-height: 30px;
    background-image: url("../img/info-more.png");
    background-repeat:no-repeat;
    background-position: 6px 0px ;
}
.moreBackpict{
    vertical-align: middle;
    display: inline-block;
    width: 27px;
    height: 22px;
    margin-top: -1px;
    line-height: 30px;
    background-image: url("../img/info-more.png");
    background-repeat:no-repeat;
    background-position: 6px 0px ;
}
.msg-box-top>.more:hover span{
    background-image: url("../img/softHover.png");
}
.banner-bottom-msg-box{
    box-sizing: border-box;
    width: 70%;
    float: left;
    padding-left: 15px;
}
.main-more:hover .moreBackpict{
    background-image: url("../img/softHover.png");
}
.banner-bottom-msg-box>li{
    /*display: none;*/
}
.banner-bottom-msg-box>.isBlock{
    display: block;
}
.msg-box-mian{
    width: 817px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    color: #999999;
    font-size: 14px;
    line-height: 18px;
}
.message-img{
    /*padding-left: 20px;*/
    box-sizing: border-box;
    /*display: table;*/
    /*vertical-align: middle;*/
    /*line-height: 100px;*/
}
.message-img-box{
    border-right: 1px solid #eeeeee;
    text-align: center;
    padding: 0px 30px 0 20px;

}
.henggang{
    display: block;
    margin: 0 auto;
    width:80px;
    height:1px;
    background:linear-gradient(90deg,rgba(237,113,45,1),rgba(223,86,10,1),rgba(237,113,45,1));
}
.message-img-box img{
    /*width: 100%;*/
}
/*陈列list开始*/

.list-mian:nth-of-type(odd){ background-color: #ffffff}
 .list-mian:nth-of-type(even){ background-color: #f5f5f5}
.main-title{
    box-sizing: border-box;
    width: 100%;
    border-left: 4px solid #D68318;
    padding-left: 10px;
    font-size: 24px;
    line-height: 24px;
}
.main-title-name{
    font-family: auto;
    font-weight: bold;
    font-size: 21px;
}
.main-content{
    padding: 30px 0px;

}
.main-more{
    line-height: 24px;
    font-size: 14px;
    color: #999999;
    float: right;
    padding-right: 15px;
}
.main-more:hover{
   color:  #D68318;
}
.main-list{
    padding-top: 30px;
}
.main-list>li{
    text-align: center;
    width: 20%;
    box-sizing: border-box;
    /*padding: 10px;*/
    float: left;
}
.imgBox{
    width: 100%;
    line-height: 220px;
    height: 224px;
    overflow: hidden;
}
.imgBox > img{
    width: 100%;
}
.main-item{
    height: 308px;
    width: 224px;
    background-color: #ffffff;
    /*border: 1px solid rgba(153,153,153,.2);*/
    box-shadow: 0px 0px 5px rgba(153,153,153,.2);
}
.main-item:hover{
    -webkit-box-shadow:  0 10px 15px rgba(0,0,0,0.1) !important;
    -moz-box-shadow:  0 10px 15px  rgba(0,0,0,0.1) !important;
    box-shadow:  0 10px 15px  rgba(0,0,0,0.1)!important;
    -webkit-transform: translate3d(0, -2px, 0) !important;
    -moz-transform: translate3d(0, -2px, 0) !important;
    -ms-transform: translate3d(0, -2px, 0) !important;
    -o-transform: translate3d(0, -2px, 0) !important;
    transform: translate3d(0, -2px, 0) !important;
}
.product-title{
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #0C0C0C;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-item:hover .product-title{
    color: #D68318;
}
.bottom-commodity{
    background-color: #ffffff;
}
.product-price{
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #D68318;
}
.botton-list{
    /*transition: all .5s;*/
}
.botton-list >li{
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    width: 400px;
    height: 200px;
    line-height: 180px;
}
.lunboWrap{
    position: relative;
    height: 230px;
    overflow-x: hidden;
    width: 100%;
}
.botton-list{
    position: absolute;
    left: 0px;
    top:0px;
    width: 6000px;
    padding-top: 20px;
}
.resetWandH{
    width: 380px;
    height: 180px;
    overflow: hidden;
}
.resetWandH img{
    width: 100%;
}
.category-item,
.softWarelogout,
.welcome-info,
.login,
#login-user-msg,
.user-name{
    font-family:FZLanTingHeiS-H-GB, Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}