.blank-m { height: 20px; }

.blank-l { height: 30px; }

.mainBody { padding-top: 20px; background: url(../../Images/Home/m_bg.jpg) repeat-x; }

.category-area #categorys-2018 { float: left; position: relative; z-index: 10; width: 228px; height: 415px; overflow: visible; }
    .category-area #categorys-2018 .dd { height: 414px; background: #F9F9F9; margin-top: 0px; border-left: solid 1px #E4E4E4; border-top: solid 1px #E4E4E4; }
    .category-area #categorys-2018 .dd-inner .item { border-bottom: solid 1px #E4E4E4; position: relative; z-index: 1; height: 50.775px; margin: 0px 0px; color: #8e8e8e; }
        .category-area #categorys-2018 .dd-inner .item a { color: #8e8e8d; }
    .category-area #categorys-2018 .dd-inner h3 { position: absolute; z-index: 2; height: 31px; padding: 10px 10px 0px 35px; line-height: 31px; font-size: 14px; font-weight: 400; /*background: url(../img/ind_icons.png) no-repeat;*/ }
    .category-area #categorys-2018 .dd-inner .fore1 h3 { /*background: 0 0 url(../img/ind_icons.png) no-repeat;*/ }
    .category-area #categorys-2018 .dd-inner .fore2 h3 { background-position: 0 -31px; }
    .category-area #categorys-2018 .dd-inner .fore3 h3 { background-position: 0 -62px; }
    .category-area #categorys-2018 .dd-inner .fore4 h3 { background-position: 0 -93px; }
    .category-area #categorys-2018 .dd-inner .fore5 h3 { background-position: 0 -124px; }
    .category-area #categorys-2018 .dd-inner .fore6 h3 { background-position: 0 -155px; }
    .category-area #categorys-2018 .dd-inner .fore7 h3 { background-position: 0 -186px; }
    .category-area #categorys-2018 .dd-inner .fore8 h3 { background-position: 0 -217px; }
    .category-area #categorys-2018 .dd-inner .fore9 h3 { background-position: 0 -248px; }
    .category-area #categorys-2018 .dd-inner i { position: absolute; z-index: 1; top: 19px; right: 14px; width: 4px; height: 14px; font: 400 9px/14px consolas; }
    .category-area #categorys-2018 .dd-inner .hover { background: #ffffff; color: #000000; }
        .category-area #categorys-2018 .dd-inner .hover a { color: #ff7300; }
        .category-area #categorys-2018 .dd-inner .hover i { top: 0; left: 185px; width: 14px; height: 31px; background: #ffffff; overflow: hidden; line-height: 200px; }
    .category-area #categorys-2018 .dorpdown-layer { display: none; position: absolute; padding: 0 0 0 40px; left: 228px; top: 0px; width: 955px; border: 1px solid #f8f8f8; background: #ffffff; overflow: hidden; }
        .category-area #categorys-2018 .dorpdown-layer .hover { display: block; }
    .category-area #categorys-2018 .item-sub { display: none; zoom: 1; overflow: hidden; }
        .category-area #categorys-2018 .item-sub:after { content: "."; display: block; height: 0; clear: both; }
    .category-area #categorys-2018 .item-channels { float: left; display: inline; width: 570px; height: 24px; padding: 20px 0 0 20px; background: #ffffff; overflow: hidden; }
        .category-area #categorys-2018 .item-channels a { float: left; display: inline; display: inline-block; *display: inline; *zoom: 1; padding: 0 0 0 8px; margin-right: 10px; line-height: 24px; background: #666666; color: #fff; white-space: nowrap; }
            .category-area #categorys-2018 .item-channels a:hover { background: #C81623; }
                .category-area #categorys-2018 .item-channels a:hover i { background: #B1191A; }
        .category-area #categorys-2018 .item-channels i { display: inline-block; *zoom: 1; _display: inline; margin-left: 8px; width: 23px; height: 24px; font: 400 9px/24px consolas; background: #5c5251; text-align: center; cursor: pointer; }
        .category-area #categorys-2018 .item-channels .line { border-left: 1px solid #dbdbdb; display: inline; float: left; height: 24px; margin-right: 7px; width: 1px; overflow: hidden; }
        .category-area #categorys-2018 .item-channels .img-link { background: 0 0; line-height: normal; padding: 0; }
            .category-area #categorys-2018 .item-channels .img-link:hover { background: 0 0; }
    .category-area #categorys-2018 .subitems { float: left; width: 643px; background: #ffffff; min-height: 363px; _height: 393px; _overflow: visible; padding: 40px 319px 10px 0; background: url("/images/nav_bg1.png") no-repeat right top; }
        .category-area #categorys-2018 .subitems dl { width: 100%; overflow: hidden; line-height: 2em; margin-bottom: 30px; }
            .category-area #categorys-2018 .subitems dl.fore1 dd { border-top: none; }
        .category-area #categorys-2018 .subitems dt { position: relative; float: left; width: 100%; line-height: 25px; text-align: left; font-size: 14px; color: #626262; border-bottom: solid 1px #ff9000; }
            .category-area #categorys-2018 .subitems dt i { position: absolute; top: 13px; right: 18px; width: 4px; height: 14px; font: 400 9px/14px consolas; }
        .category-area #categorys-2018 .subitems dd { float: left; width: 100%; padding: 6px 0; }
            .category-area #categorys-2018 .subitems dd a { float: left; padding-right: 16px; margin: 4px 2px; line-height: 16px; height: 16px; white-space: nowrap; color: #626262; font-size: 12px; }
                .category-area #categorys-2018 .subitems dd a:hover { color: red; }
    .category-area #categorys-2018 .item-brands { float: right; display: inline; width: 168px; overflow: hidden; margin: 19px 20px 10px 0; }
        .category-area #categorys-2018 .item-brands a { float: left; display: inline; margin: 1px 0 0 1px; }
    .category-area #categorys-2018 .item-promotions { float: right; display: inline; width: 168px; margin-right: 20px; }
        .category-area #categorys-2018 .item-promotions a { display: block; margin-bottom: 1px; }
    .category-area #categorys-2018 .more_item { overflow: hidden; }
        .category-area #categorys-2018 .more_item .subitems dl { width: 45%; float: left; margin-right: 5%; }
        .category-area #categorys-2018 .more_item .subitems dd { width: 100%; }
.category-area .slideBox { width: 775px; height: 415px; overflow: hidden; position: relative; }
    .category-area .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
        .category-area .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
            .category-area .slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
                .category-area .slideBox .hd ul li.on { background: #f00; color: #fff; }
    .category-area .slideBox .bd { position: relative; height: 100%; z-index: 0; }
        .category-area .slideBox .bd li { zoom: 1; vertical-align: middle; }
        .category-area .slideBox .bd img { width: 775px; height: 415px; display: block; }
    .category-area .slideBox .prev { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../../Images/Home/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
        .category-area .slideBox .prev:hover { filter: alpha(opacity=100); opacity: 1; }
    .category-area .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../../Images/Home/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; left: auto; right: 3%; background-position: 8px 5px; }
        .category-area .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
    .category-area .slideBox .prevStop { display: none; }
    .category-area .slideBox .nextStop { display: none; }
.category-area .rightPanel { width: 209px; box-shadow: 0px 0px 10px #e6e6e6; background: #fff; height: 415px; overflow: hidden; }
    .category-area .rightPanel .userLogin { text-align: center; padding: 22px 9px; border-bottom: 1px solid #f2f2f2; }
        .category-area .rightPanel .userLogin img { margin-bottom: 22px; }
        .category-area .rightPanel .userLogin p { color: #9e9e9e; font-size: 12px; margin: 8px 0px; line-height: 20px; }
        .category-area .rightPanel .userLogin .btns { display: flex; flex-direction: row; line-height: 30px; font-size: 14px; }
            .category-area .rightPanel .userLogin .btns a { width: 50%; }
                .category-area .rightPanel .userLogin .btns a:nth-child(1) { background: #f63300; color: #fff; }
                .category-area .rightPanel .userLogin .btns a:nth-child(2) { border: 1px solid #f63300; color: #f63300; }
    .category-area .rightPanel .news { padding: 10px 13px; }
        .category-area .rightPanel .news dt { font-weight: bold; font-size: 14px; }
        .category-area .rightPanel .news dd { width: 100%; }
            .category-area .rightPanel .news dd a { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; line-height: 25px; }
    .category-area .rightPanel .tj { padding: 10px 13px; }
        .category-area .rightPanel .tj li { margin-bottom: 5px; line-height: 20px; }
            .category-area .rightPanel .tj li strong { color: #c18256; }

.xsqg .xsgcont { padding: 13px 7px; background: #f2f2f2; height: 275px; }
    .xsqg .xsgcont .countDown { background: url(../../Images/Home/xsg_01.jpg); width: 190px; height: 275px; position: relative; }
        .xsqg .xsgcont .countDown .time { position: absolute; top: 212px; left: 10px; width: 171px; text-align: center; }
            .xsqg .xsgcont .countDown .time span { display: inline-block; background: url(../../Images/Home/xsg_03.jpg) center center repeat-x; font-size: 28px; color: #fff; text-align: center; line-height: 40px; width: 40px; height: 40px; font-weight: bold; }
    .xsqg .xsgcont .picScroll-left { overflow: hidden; position: relative; background: #fff; height: 275px; }
        .xsqg .xsgcont .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
            .xsqg .xsgcont .picScroll-left .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; width: 170px; height: 245px; padding: 15px 24px; border-right: 1px solid #f2f2f2; }
                .xsqg .xsgcont .picScroll-left .bd ul li .pic { text-align: center; }
                    .xsqg .xsgcont .picScroll-left .bd ul li .pic img { width: 170px; height: 170px; display: block; margin: 0px auto; }
                    .xsqg .xsgcont .picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
                .xsqg .xsgcont .picScroll-left .bd ul li .title { line-height: 24px; color: #5d5d5d; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 13px 0px; }
                .xsqg .xsgcont .picScroll-left .bd ul li .price { display: flex; flex-direction: row; }
                    .xsqg .xsgcont .picScroll-left .bd ul li .price span { width: 50%; line-height: 22px; }
                        .xsqg .xsgcont .picScroll-left .bd ul li .price span:nth-child(1) { background: #e6382f; color: #fff; font-weight: bold; }
                        .xsqg .xsgcont .picScroll-left .bd ul li .price span:nth-child(2) { border: 1px solid #e6382f; color: #b7bcb8; text-decoration: line-through; }
    .xsqg .xsgcont .more { background: url(../../Images/Home/xsg_02.jpg) no-repeat; background-size: cover; line-height: 275px; font-size: 24px; color: #fff; font-weight: bold; width: 141px; display: block; text-align: center; float: right; }

.advs .advscont { display: flex; flex-direction: row; }
    .advs .advscont .item { margin-right: 14px; position: relative; }
        .advs .advscont .item:last-of-type { margin-right: 0px; }
        .advs .advscont .item img { width: 100%; }
        .advs .advscont .item .mark { font-size: 12px; color: #b7afaf; border: solid 1px #c5baba; padding: 0 5px; position: absolute; left: 0; bottom: 0; background: #fff; }
    .advs .advscont.column-4 .item { width: calc((100% - 42px)/4); }

.classPanel { margin-top: 10px; }
    .classPanel .title { display: flex; flex-direction: row; align-items: flex-end; }
        .classPanel .title h1 { color: #ffa41f; font-size: 30px; margin-right: 38px; font-weight: normal; }
        .classPanel .title .classkeys { color: #565656; font-size: 14px; }
            .classPanel .title .classkeys a { padding: 0px 15px; font-size: 12px; }
                .classPanel .title .classkeys a:hover { font-size: 14px; }
    .classPanel .panelcont { border-top: 1px solid #ffa724; margin-top: 15px; }
        .classPanel .panelcont .hhzt { position: relative; width: 241px; height: 448px; text-align: center; }
            .classPanel .panelcont .hhzt img { margin-top: 27px; width: 241px; height: 264px; }
            .classPanel .panelcont .hhzt h1 { color: #fff; font-weight: normal; font-size: 32px; margin-top: 27px; line-height: 48px; }
            .classPanel .panelcont .hhzt a { font-size: 14px; color: #ffe8c2; }
    .classPanel .prolist { width: 734px; }
        .classPanel .prolist li { width: 244px; height: 223px; float: left; text-align: center; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
            .classPanel .prolist li a { display: block; margin: 5px auto; width: 180px; }
                .classPanel .prolist li a .pro_img { width: 150px; margin: 12px auto 0px; position: relative; }
                    .classPanel .prolist li a .pro_img img { width: 100%; height: 100%; }
                .classPanel .prolist li a .pro_name { padding: 0 20px; margin: 5px 0; height: 20px; line-height: 20px; font-size: 14px; color: #656A73; overflow: hidden; }
                .classPanel .prolist li a .price { font-weight: bold; font-size: 14px; color: #CE1213; }
            .classPanel .prolist li:nth-child(3n+0) { border-right: 0px; }
    .classPanel .shopTop { width: 250px; height: 448px; background: #f8f9fa; }
        .classPanel .shopTop h1 { color: #d8d8d8; font-size: 24px; font-weight: normal; text-align: center; margin: 25px 0px 0px; }
        .classPanel .shopTop .tab { width: 217px; margin: 0 auto; }
            .classPanel .shopTop .tab .tab-nav { overflow: hidden; zoom: 1; margin-top: 20px; zoom: 1; text-align: center; }
                .classPanel .shopTop .tab .tab-nav li { width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #9a9a9a; border-radius: 5px; display: inline-block; transition: all .5s; float: none; }
                    .classPanel .shopTop .tab .tab-nav li.on { width: 27px; background: #ffa421; }
            .classPanel .shopTop .tab .content-wrap { width: 217px; height: 336px; overflow: hidden; }
                .classPanel .shopTop .tab .content-wrap .content-item { display: none; position: absolute; width: 217px; }
                    .classPanel .shopTop .tab .content-wrap .content-item .item { display: flex; flex-direction: row; border-bottom: 1px dashed #e4e4e4; padding: 27px 0px 20px; }
                        .classPanel .shopTop .tab .content-wrap .content-item .item i { display: none; }
                        .classPanel .shopTop .tab .content-wrap .content-item .item .r a { font-size: 14px; color: #504f4f; margin-bottom: 8px; display: block; height: 40px; line-height: 20px; float: none; text-align: left; padding: 0; }
                        .classPanel .shopTop .tab .content-wrap .content-item .item .r p { color: #949494; }
                        .classPanel .shopTop .tab .content-wrap .content-item .item.top1 i, .classPanel .shopTop .tab .content-wrap .content-item .item.top2 i, .classPanel .shopTop .tab .content-wrap .content-item .item.top3 i { width: 36px; height: 42px; display: block; margin-right: 12px; min-width: 36px; }
                        .classPanel .shopTop .tab .content-wrap .content-item .item.top1 i { background: url(../images/top_01.png); }
                        .classPanel .shopTop .tab .content-wrap .content-item .item.top2 i { background: url(../images/top_02.png); }
                        .classPanel .shopTop .tab .content-wrap .content-item .item.top3 i { background: url(../images/top_03.png); }
                    .classPanel .shopTop .tab .content-wrap .content-item.current { display: block; }
    .classPanel.ye_floor_1 .panelcont .hhzt { background: -webkit-linear-gradient(#ffa625, #ffc354); background: -o-linear-gradient(#ffa625, #ffc354); background: -moz-linear-gradient(#ffa625, #ffc354); background: linear-gradient(#ffa625, #ffc354); }
    .classPanel.ye_floor_2 .title h1 { color: #f8514d; }
    .classPanel.ye_floor_2 .panelcont { border-color: #f8514d; }
        .classPanel.ye_floor_2 .panelcont .hhzt { background: -webkit-linear-gradient(#f8514d, #ff7875); background: -o-linear-gradient(#f8514d, #ff7875); background: -moz-linear-gradient(#f8514d, #ff7875); background: linear-gradient(#f8514d, #ff7875); }
    .classPanel.ye_floor_3 .title h1 { color: #58a1ae; }
    .classPanel.ye_floor_3 .panelcont { border-color: #58a1ae; }
        .classPanel.ye_floor_3 .panelcont .hhzt { background: -webkit-linear-gradient(#58a1ae, #52ddb6); background: -o-linear-gradient(#58a1ae, #52ddb6); background: -moz-linear-gradient(#58a1ae, #52ddb6); background: linear-gradient(#58a1ae, #52ddb6); }
    .classPanel.ye_floor_4 .title h1 { color: #6ea166; }
    .classPanel.ye_floor_4 .panelcont { border-color: #6ea166; }
        .classPanel.ye_floor_4 .panelcont .hhzt { background: -webkit-linear-gradient(#6ea166, #99c368); background: -o-linear-gradient(#6ea166, #99c368); background: -moz-linear-gradient(#6ea166, #99c368); background: linear-gradient(#6ea166, #99c368); }
    .classPanel.ye_floor_5 .title h1 { color: #a18e66; }
    .classPanel.ye_floor_5 .panelcont { border-color: #a18e66; }
        .classPanel.ye_floor_5 .panelcont .hhzt { background: -webkit-linear-gradient(#a18e66, #c48068); background: -o-linear-gradient(#a18e66, #c48068); background: -moz-linear-gradient(#a18e66, #c48068); background: linear-gradient(#a18e66, #c48068); }
    .classPanel.ye_floor_6 .title h1 { color: #ff7a23; }
    .classPanel.ye_floor_6 .panelcont { border-color: #ff7a23; }
        .classPanel.ye_floor_6 .panelcont .hhzt { background: -webkit-linear-gradient(#ff7a23, #ffcb8d); background: -o-linear-gradient(#ff7a23, #ffcb8d); background: -moz-linear-gradient(#ff7a23, #ffcb8d); background: linear-gradient(#ff7a23, #ffcb8d); }
    .classPanel.ye_floor_7 .title h1 { color: #0a89dd; }
    .classPanel.ye_floor_7 .panelcont { border-color: #0a89dd; }
        .classPanel.ye_floor_7 .panelcont .hhzt { background: -webkit-linear-gradient(#0a89dd, #689ad5); background: -o-linear-gradient(#0a89dd, #689ad5); background: -moz-linear-gradient(#0a89dd, #689ad5); background: linear-gradient(#0a89dd, #689ad5); }
    .classPanel.ye_floor_8 .title h1 { color: #969696; }
    .classPanel.ye_floor_8 .panelcont { border-color: #969696; }
        .classPanel.ye_floor_8 .panelcont .hhzt { background: -webkit-linear-gradient(#969696, #cdcdcd); background: -o-linear-gradient(#969696, #cdcdcd); background: -moz-linear-gradient(#969696, #cdcdcd); background: linear-gradient(#969696, #cdcdcd); }

.main_news { margin-top: 30px; border: 1px solid #e9e9e9; height: 386px; overflow: hidden; }
    .main_news a:hover { text-decoration: underline; }
    .main_news h3 { font-size: 22px; color: #373737; font-weight: normal; padding: 8px; padding-top: 14px; position: relative; line-height: 20px; border-bottom: 1px solid #e9e9e9; }
        .main_news h3 a.more { position: absolute; right: 5px; top: 20px\9; font-size: 14px; color: #4a4a4a; }
    .main_news .scxx { width: 496px; }
        .main_news .scxx .newspic { width: 436px; height: 140px; margin: 15px auto; overflow: hidden; position: relative; }
            .main_news .scxx .newspic ul { width: 1310px; position: absolute; left: 0px; top: 0px; }
                .main_news .scxx .newspic ul li { float: left; width: 436px; height: 140px; }
                    .main_news .scxx .newspic ul li img { width: 436px; height: 140px; }
        .main_news .scxx ul.list { width: 436px; margin: 15px auto; }
            .main_news .scxx ul.list li { line-height: 25px; color: #404040; position: relative; padding: 0px; height: 25px; }
                .main_news .scxx ul.list li a { color: #404040; display: inline-block; width: 360px; height: 25px; overflow: hidden; }
                .main_news .scxx ul.list li span { position: absolute; right: 0px; }
                .main_news .scxx ul.list li.first { height: auto; }
                    .main_news .scxx ul.list li.first p { color: #7f7f7f; }
                    .main_news .scxx ul.list li.first a { color: #595959; font-size: 14px; font-weight: bold; }
                .main_news .scxx ul.list li:first-child { height: auto; }
                    .main_news .scxx ul.list li:first-child p { color: #7f7f7f; }
                    .main_news .scxx ul.list li:first-child a { color: #595959; font-size: 14px; font-weight: bold; }
                .main_news .scxx ul.list li p a.more { color: #ff7300; font-weight: normal; display: inline; font-size: 12px; width: auto; }
    .main_news .hyxw { width: 350px; margin-left: 6px; }
        .main_news .hyxw ul.list { padding: 15px 0px; }
            .main_news .hyxw ul.list li { position: relative; height: 30px; line-height: 30px; }
                .main_news .hyxw ul.list li a { display: inline-block; width: 275px; height: 30px; overflow: hidden; }
                .main_news .hyxw ul.list li span { position: absolute; right: 5px; }
    .main_news .wjzs { width: 360px; }
        .main_news .wjzs ul.list { padding-top: 15px; width: 330px; margin: 0 auto; }
            .main_news .wjzs ul.list li { /*background: url(../../Images/Home/gray_dot.jpg) left center no-repeat;*/ line-height: 25px; padding-left: 15px; border-bottom: 1px solid #f0f0f0; overflow: hidden; height: 25px; }
                .main_news .wjzs ul.list li a { color: #404040; }
                .main_news .wjzs ul.list li:first-child { background: none; padding-left: 0px; border-bottom: 0px; height: auto; }
                .main_news .wjzs ul.list li:last-child { border-bottom: 0px; }

.top2 { }
.top { height: 32px !important; }
.logo { padding-top: 0 !important; }
.whjqf { background: url(/Areas/Web/Images/Home/whjqf_bg2.jpg) #ffffff no-repeat top center; }
    .whjqf .mainBody { background: none; }
    .whjqf .classPanel .panelcont { height: 449px; background-color: #fff; }
    .whjqf .classPanel .title .classkeys a, .whjqf .classPanel .title .classkeys { color: #fff; }
    .whjqf .main_news { background-color: #fff; }
    .whjqf .classPanel .shopTop .tab .content-wrap .content-item .item { background: #f8f9fa; }

/*# sourceMappingURL=index.css.map */