﻿/*rewrite*/
.w,.topnav .w{width:1200px;margin:0 auto;}
.topInfo {width:1200px;}
.reclame{margin:20px 0;}
.header, .newYearBg, .navOuter {display: none;}
.navs{width:1200px;}
.noMr {margin-right:0!important;}
em {font-style:normal;}
.page::after{clear:both;display:block;content:"";}
.pageBreak .pageWrap .pageBtn {
    border: 1px solid #c3c3c3;
    background:none;
    color:#333;
}
.pageBreak .pageWrap .pageBtn:hover {
    background: #be5454;
    color: #fff;
    border-radius:3px;
}
.pageBreak .pageWrap a:hover {
    border: 1px solid #be5454;
    background:none;
}
/*banner css*/
.rareWrap .banner {
    width: 100%;
    height: 245px;
    margin-top: 5px;
    background: url(../Images/rare/banner_bg.jpg) no-repeat center 100%;
    overflow: hidden;
}
.rareWrap .banner .searchBox { width: 448px;height: 45px;margin: 0 auto;margin-top: 125px;border-radius: 30px;border: 2px solid #5c5242;background:#fff;;}
.rareWrap .banner .searchBox input {width: 375px;height: 42px;border: none; line-height: 42px;color: #8c816f;font-size: 14px;font-family: "微软雅黑";margin-left: 20px;vertical-align:top;}
.rareWrap .banner .searchBox button { width:40px;height:36px;background:url(../Images/rare/ss.png) no-repeat 0 0;border:none;margin-top:10px;cursor:pointer;}

.WHprods {margin-top:50px;}
    .WHprods:after {
        display: block;
        content: '';
        clear: both;
         visibility: hidden;
    }
    .prodWrap {
        width: 787px;
        float: left;
    }

.prodWrap .title {
    width: 116px;
    height: 33px;
    margin-bottom: 35px;
    background: url(../Images/rare/title.png) no-repeat -524px -4px;
}
.prodBox {
    border-left: 1px solid #e3e3e3;

}
    .prodBox:after {
        display: block;
        content: '';
        clear: both;
        visibility: hidden;
    }
    .prodBox .prod {
        width: 186px;
        height: 329px;
        font-size: 14px;
        font-family: "微软雅黑";
        color: #333;
        float: left;
        padding: 25px 25px 10px 25px;
        border-right: 1px solid #e3e3e3;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        position:relative;
    }
    .prodBox .prodIn {
        background: #fff;
        position: absolute;
        width: 186px;
        padding: 25px 25px 10px 25px;
        left: 0;
        top: 0;
        z-index: 10;
        min-height:329px;
    }
        .prodBox .prodIn:hover {
            width:185px;
            left: -2px;
            top: -2px;
            border: 2px solid #bd5353;
            z-index:1000;
        }
            .prodBox .prodIn:hover .sku {
                display:block;
            }
  
    .prodBox .prod .sku p {
        margin-bottom: 6px;
    }
    .prodBox .prod .sku span {
        display: inline-block;
        padding: 0 5px;
        background: #fff;
        color: #333;
        border: 1px solid #999;
        border-radius: 3px;
        margin-right: 4px;
        margin-bottom: 10px;
        font-size: 12px;
        cursor:pointer;
    }
        .prodBox .prod .sku span.select {
            background: #bd5554;
            border: 1px solid #bd5554;
            color: #fff;
        }


        .prodBox .prod .txt {
            margin-top: 15px;
            display: block;
            line-height: 18px;
            height: 40px;

        }
.prodBox .prod .saleInfo {display:table;margin:5px 0;font-size:12px;width:100%}
.prodBox .prod .saleInfo >span {display:table-cell;}
.prodBox .prod .saleInfo > span:last-of-type {text-align:right;color:#999;}
    .prodBox .prod .sku {
        margin-top: 17px;
        padding-top: 15px;
        border-top: 1px solid #e3e3e3;
        display: none;
    }
    .prodBox .prod .nums {
        display: inline-block;
        width: 103px;
        vertical-align: middle;
    }
        .prodBox .prod .nums i {
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align:middle;
        }
        .prodBox .prod .nums input {
            display: inline-block;
            width:47px;
            font-size: 12px;
            line-height: 12px;
            vertical-align: middle;
            text-align:center;
            font-family:"微软雅黑";
        }
            .prodBox .prod .nums i.jian {
                background: url(../Images/rare/jian-1.png) no-repeat 0 center;
                cursor:pointer;
            }
                .prodBox .prod .nums i.jian.no {
                    background: url(../Images/rare/jian-2.png) no-repeat 0 center;
                    cursor: auto;
                }
        .prodBox .prod .nums i.jia {
            background: url(../Images/rare/jia-1.png) no-repeat 0 center;
            cursor: pointer;
        }
            .prodBox .prod .nums i.jia.no {
                background: url(../Images/rare/jia-2.png) no-repeat 0 center;
                cursor: auto;
            }

            .prodBox .prod .goCar {
                display: inline-block;
                width: 82px;
                height: 25px;
                background: #be5454;
                color: #fff;
                line-height: 25px;
                text-align: center;
                border-radius: 3px;
                cursor:pointer;
            }

.pageBreak .pageWrap .now {
    border-color: #bd5353;
    color: #bd5353;
}
.prodBox .prod .price {
    color: #dd2727;
    font-size: 18px;
    margin-right: 5px;
}
.saleRank {
    width: 412px;
    float: left;
}

    .saleRank .title {
        width: 180px;
        height: 33px;
        margin-bottom: 32px;
        background: url(../Images/rare/title.png) no-repeat -735px 0;
    }
    .saleRank ul li {
        vertical-align: middle;
        font-size: 14px;
        color: #333;
        margin:11px 0;
        font-family:"微软雅黑";
    }
    .saleRank ul li i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #ececec;
        color: #333;
        border-radius: 5px;
        text-align: center;
        line-height: 20px;
        font-style: normal;
        margin-right: 10px;
        vertical-align: middle;
    }
        .saleRank ul li:nth-of-type(1) i, .saleRank ul li:nth-of-type(2) i, .saleRank ul li:nth-of-type(3) i {
            background: #be5454;
            color:#fff;
        }
        .saleRank ul li span.txt {
            display: inline-block;
            width: 240px;
            margin-right: 15px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: middle;
        }
        .saleRank ul li span.price {
            display:inline-block;
            width:125px;
        }
        .YGprods {
            width:1242px;
            margin-top:65px;
        }
            .YGprods .title {
                margin-bottom:33px;
            }
                .YGprods .title .prodInfo {
                    width:135px;
                    height:52px;
                    background:url(/Images/bt2-a.png) no-repeat 0 0;
                    display:inline-block;
                    margin-right:40px;
                }
                    .YGprods .title .prodInfo.active {
                        background: url(/Images/bt2-b.png) no-repeat 0 0;
                    }
                    .YGprods .title .shopLast {
                        width: 235px;
                        height: 52px;
                        background: url(/Images/bt3-a.png) no-repeat 0 0;
                        display: inline-block;
                    }
                        .YGprods .title .shopLast.active {
                            background: url(/Images/bt3-b.png) no-repeat 0 0;
                        }
                .YGprods .prodBox {
                    margin-bottom: 50px;
                }
/*冷背贵细*/
.tit {
    padding: 10px 0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

    .tit.guixi_tit {
        border-bottom-color: #14ae00;
    }

    .tit.lengbei_tit {
        border-bottom-color: #bc4200;
    }

    .tit span {
        font-family: 'Microsoft YaHei';
        font-size: 18px;
        padding-left: 10px;
        line-height: 20px;
        height: 20px;
        display: block;
    }

.guixi_tit span {
    border-left: 5px solid #14ae00;
}

.lengbei_tit span {
    border-left: 5px solid #bc4200;
}

.rareWrap, .SeasonWrap {
    background: #f0f1f8;
    padding: 10px 0;
}

.ProWrap {
    background: #fff;
}

.ProUnit {
    float: left;
    width: 190px;
    padding: 20px 24px 20px 25px;
    background: #fff;
    height: 270px;
    border: 1px solid #f0f1f8;
    border-left: none;
    border-top: none;
}

.ProUnit_img img {
    width: 190px;
    height: 190px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

    .ProUnit_img img:hover {
        transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
    }

.ProUnit_tit {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    margin: 10px 0 5px 0;
    color: #555;
    height: 34px;
    line-height: 18px;
}

    .ProUnit_tit:hover {
        color: #ff6a00;
        text-decoration: none;
    }

.ProUnit_price {
    font-family: 'Microsoft YaHei';
    color: #ee391e;
}

    .ProUnit_price i {
        font-size: 14px;
        font-style: normal;
    }

    .ProUnit_price b {
        font-size: 18px;
        margin-right: 5px;
        font-weight: normal;
        line-height: 32px;
    }

    .ProUnit_price span {
        color: #999;
        font-size: 12px;
    }

        .ProUnit_price span.num {
            margin-top: 8px;
        }

.advWrap {
    height: 622px;
}

.adv_img img {
    width: 240px;
    height: 460px;
}

.recommendStore {
    height: 162px;
    background: #14ae00;
    list-style-type: disc;
    padding: 15px;
    box-sizing: border-box;
}

.lengbei .recommendStore {
    background: #bc4200;
}

.recommendStore li {
    list-style: disc;
    color: #fff;
    list-style-position: inside;
    font-size: 14px;
    line-height: 26px;
    width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .recommendStore li a {
        color: #fff;
    }

    .recommendStore li:hover {
        color: #ffea00;
    }

        .recommendStore li:hover a {
            color: #ffea00;
            text-decoration: none;
        }
/*--- end ---*/
/*季节热销*/

/*--- start ---*/
body {
    background: #f8f8f8;
}

.originWrapper {
    font-family: "微软雅黑";
}

    .originWrapper .goBuy {
        display: inline-block;
        width: 147px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        border: 1px solid #ffb392;
        color: #ff6c2b;
        font-size: 16px;
    }

        .originWrapper .goBuy:hover {
            text-decoration: none;
        }

    .originWrapper .price {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #ff6c2b;
        margin-top: 6px;
        margin-bottom: 6px;
    }

        .originWrapper .price em {
            font-size: 18px;
        }

    .originWrapper .prod {
        display: block;
        width: 100%;
        font-size: 14px;
        color: #666;
        margin-top: 15px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
    }

    .originWrapper .accordionOut {
        padding-top: 202px;
        padding-bottom: 37px;
        background: url(/Images/origin/bg.gif);
        background-size: 100% auto;
    }

.accordionIn {
    width: 1200px;
    height: 501px;
    margin: 0 auto;
    overflow: hidden;
}

    .accordionIn ul {
        position: relative;
        overflow: hidden;
    }

.originWrapper li {
    width: 148px;
    height: 501px;
    float: left;
    overflow: hidden;
}

    .originWrapper li.active {
        width: 904px;
    }

    .originWrapper li .box {
        width: 904px;
        overflow: hidden;
    }

.originWrapper .accordionOut .left {
    width: 236px;
    height: 501px;
    float: left;
}

    .originWrapper .accordionOut .left img {
        width: 100%;
        height: 100%;
    }

.originWrapper .accordionOut .right {
    padding: 28px;
    width: 612px;
    height: 445px;
    float: left;
    background: #fff;
}

    .originWrapper .accordionOut .right .title img {
        width: 100%;
        height: 135px;
    }

    .originWrapper .accordionOut .right p {
        margin-right: 27px;
    }

    .originWrapper .accordionOut .right .cont {
        width: 612px;
        overflow: hidden;
    }

        .originWrapper .accordionOut .right .cont p {
            width: 186px;
            text-align: center;
            float: left;
        }

        .originWrapper .accordionOut .right .cont img {
            display: block;
            width: 186px;
            height: 186px;
        }

.originWrapper .floor1, .originWrapper .floor2, .originWrapper .floor3, .originWrapper .floor4, .originWrapper .floor5 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 18px;
}

    .originWrapper .floor1 .left {
        float: left;
        width: 342px;
        padding: 28px;
        border: 1px solid #efefef;
        background: #fff;
        margin-right: 20px;
    }

        .originWrapper .floor1 .left .txt {
            display: block;
            width: 100%;
            height: 105px;
        }

            .originWrapper .floor1 .left .txt img {
                width: 100%;
                height: 100%;
            }

        .originWrapper .floor1 .left .img {
            display: block;
            width: 340px;
            height: 340px;
        }

            .originWrapper .floor1 .left .img img {
                width: 100%;
                height: 100%;
            }

    .originWrapper .floor1 .right {
        float: left;
        width: 722px;
        padding: 28px;
        border: 1px solid #efefef;
        background: #fff;
    }

        .originWrapper .floor1 .right img {
            width: 100%;
        }

        .originWrapper .floor1 .right .txt {
            display: block;
            width: 100%;
            height: 105px;
        }

            .originWrapper .floor1 .right .txt img {
                width: 100%;
                height: 100%;
            }

    .originWrapper .floor1 .prod1 {
        width: 340px;
        text-align: center;
    }

    .originWrapper .floor1 .right .prod1 {
        float: left;
        margin-right: 42px;
    }

        .originWrapper .floor1 .right .prod1 img {
            width: 340px;
            height: 340px;
        }

.originWrapper .floor2 {
    height: 513px;
    overflow: hidden;
    border: 1px solid #efefef;
    background: #fff;
}

    .originWrapper .floor2 .txt {
        width: 400px;
        margin-right: 10px;
    }

    .originWrapper .floor2 .prods {
        width: 704px;
        padding: 33px;
        overflow: hidden;
        padding-left: 50px;
    }

    .originWrapper .floor2 .prod1 {
        margin-right: 24px;
        text-align: center;
    }

    .originWrapper .floor2 .txt, .originWrapper .floor2 .prod1 {
        float: left;
    }

        .originWrapper .floor2 .txt img {
            width: 400px;
            height: 513px;
        }

        .originWrapper .floor2 .prod1 img {
            width: 340px;
            height: 340px;
        }

.originWrapper .floor3 {
    background: #fff;
    padding: 28px 0;
}

    .originWrapper .floor3 .txt img {
        width: 100%;
        height: 95px;
    }

    .originWrapper .floor3 .prods {
        width: 1080px;
        padding: 0 60px;
        overflow: hidden;
    }

        .originWrapper .floor3 .prods .prod1 {
            float: left;
            margin-right: 30px;
            text-align: center;
        }

            .originWrapper .floor3 .prods .prod1 img {
                width: 340px;
                height: 340px;
            }


.originWrapper .floor4 {
    height: 529px;
    overflow: hidden;
    border: 1px solid #efefef;
    background: #fff;
}

    .originWrapper .floor4 .txt {
        width: 400px;
    }

    .originWrapper .floor4 .prods {
        width: 704px;
        padding: 33px;
        overflow: hidden;
        float: left;
    }

    .originWrapper .floor4 .prod1 {
        margin-right: 24px;
        text-align: center;
    }

    .originWrapper .floor4 .txt, .originWrapper .floor4 .prod1 {
        float: left;
    }

        .originWrapper .floor4 .prod1 img {
            width: 340px;
            height: 340px;
        }

    .originWrapper .floor4 .txt {
        padding-top: 33px;
    }

        .originWrapper .floor4 .txt img {
            width: 400px;
            height: 513px;
        }

.originWrapper .floor5 .prodW {
    width: 534px;
    padding: 28px;
    background: #fff;
    border: 1px solid #efefef;
    float: left;
    margin-right: 16px;
}

    .originWrapper .floor5 .prodW .txt {
        display: block;
        width: 533px;
        height: 118px;
    }

        .originWrapper .floor5 .prodW .txt img {
            width: 100%;
            height: 100%;
        }

.originWrapper .floor5 .prodS {
    padding: 0 25px;
    overflow: hidden;
}

    .originWrapper .floor5 .prodS img {
        width: 230px;
        height: 230px;
    }

.originWrapper .floor5 .prod {
    width: 230px;
    text-align: center;
    margin-right: 20px;
    float: left;
}

    .originWrapper .floor5 .prod > * {
        float: none;
    }

.originWrapper .floor6 {
    padding-top: 227px;
    background: url(/Images/origin/bg2.jpg) no-repeat 0 0;
    background-size: 100% auto;
}

    .originWrapper .floor6 .prodWrapper {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
    }

        .originWrapper .floor6 .prodWrapper .cont {
            width: 524px;
            overflow: hidden;
            float: left;
            padding: 28px;
            background: #fff;
            margin-right: 40px;
            margin-bottom: 22px;
        }

            .originWrapper .floor6 .prodWrapper .cont .bigPic {
                overflow: hidden;
            }

                .originWrapper .floor6 .prodWrapper .cont .bigPic .txt img {
                    width: 250px;
                    height: 254px;
                }

                .originWrapper .floor6 .prodWrapper .cont .bigPic .bigImg {
                    position: relative;
                }

                    .originWrapper .floor6 .prodWrapper .cont .bigPic .bigImg img {
                        width: 254px;
                        height: 254px;
                    }

                    .originWrapper .floor6 .prodWrapper .cont .bigPic .bigImg .txtMak {
                        display: block;
                        width: 154px;
                        padding: 54px 50px 0 50px;
                        height: 200px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: rgba(242,106,65,0.8);
                        font-size: 14px;
                        color: #fff;
                        transition: 1s;
                        opacity: 0;
                    }

                        .originWrapper .floor6 .prodWrapper .cont .bigPic .bigImg .txtMak em {
                            font-size: 18px;
                            display: block;
                            margin-top: 10px;
                        }

                    .originWrapper .floor6 .prodWrapper .cont .bigPic .bigImg:hover .txtMak {
                        opacity: 1;
                    }

                .originWrapper .floor6 .prodWrapper .cont .bigPic p {
                    display: inline-block;
                    float: left;
                    margin-right: 19px;
                    margin-bottom: 20px;
                }

            .originWrapper .floor6 .prodWrapper .cont dl {
                overflow: hidden;
            }

                .originWrapper .floor6 .prodWrapper .cont dl dd {
                    width: 115px;
                    height: 115px;
                    float: left;
                    margin: 0;
                    margin-right: 21px;
                    position: relative;
                }

                    .originWrapper .floor6 .prodWrapper .cont dl dd img {
                        width: 100%;
                        height: 100%;
                    }

                    .originWrapper .floor6 .prodWrapper .cont dl dd .txtMak {
                        display: block;
                        width: 85px;
                        padding: 20px 15px 0;
                        height: 95px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: rgba(242,106,65,0.8);
                        font-size: 12px;
                        line-height: 15px;
                        color: #fff;
                        transition: 1s;
                        opacity: 0;
                    }

                        .originWrapper .floor6 .prodWrapper .cont dl dd .txtMak em {
                            font-size: 14px;
                            display: block;
                            margin-top: 6px;
                        }

                    .originWrapper .floor6 .prodWrapper .cont dl dd:hover .txtMak {
                        opacity: 1;
                    }
/*产地直发*/
/*--- end ---*/

.Authenticated .ident {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../../images/oneSite/AuthenticateIco.png) no-repeat 0px 0px;
    top: 15px;
    right: 15px;
}

.topUnit_img.Authenticated .ident {
    right: 0px;
    top: 0px;
}

.f1 {
    margin-bottom: 20px;
}

.tit.f1_tit {
    border-bottom-color: #ca0007;
}

.f1_tit span {
    border-left: 5px solid #ca0007;
}

.tit.f2_tit {
    border-bottom-color: #14ae00;
}

.f2_tit span {
    border-left: 5px solid #14ae00;
}

.tit.f3_tit {
    border-bottom-color: #ff9000;
}

.f3_tit span {
    border-left: 5px solid #ff9000;
}

.tit.f4_tit {
    border-bottom-color: #bc4200;
}

.f4_tit span {
    border-left: 5px solid #bc4200;
}

.topUnit {
    margin-top: 1px;
}

    .topUnit:first-child {
        margin-top: 0px;
    }

    .topUnit img {
        width: 176px;
        height: 176px;
    }

.topUnit_img {
    position: relative;
}

    .topUnit_img:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(/images/seasonTop.png);
        background-repeat: no-repeat;
        left: 0px;
        bottom: 0px;
        position: absolute;
    }

.top1 .topUnit_img:before {
    background-position: 0px 0px;
}

.top2 .topUnit_img:before {
    background-position: 0px -40px;
}

.top3 .topUnit_img:before {
    background-position: 0px -80px;
}

.topUnitInfo {
    box-sizing: border-box;
    width: 220px;
    height: 176px;
    background: #f0e9df;
    padding: 10px 20px;
    color: #a48072;
    font-family: 'Microsoft YaHei';
}

.topUnitInfo_t {
    font-size: 14px;
    font-weight: bold;
    color: #6b4232;
    display: block;
    line-height: 20px;
    margin-bottom: 5px;
}

    .topUnitInfo_t:hover {
        color: #6b4232;
        text-decoration: none;
        opacity: 0.8;
    }

.topUnitInfo_des {
    font-size: 12px;
    color: #a48072;
    opacity: 0.8;
    filter: alpha(opacity=80);
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .topUnitInfo_des a {
        color: #a48072;
    }

.topUnitInfo_price {
    color: #a48072;
}

    .topUnitInfo_price i {
        font-style: normal;
        font-size: 16px;
    }

    .topUnitInfo_price b {
        font-weight: normal;
        font-size: 22px;
    }

.top1 .topUnitInfo_price i, .top1 .topUnitInfo_price b {
    color: #f60000;
}

.top2 .topUnitInfo_price i, .top2 .topUnitInfo_price b {
    color: #ff8400;
}

.top3 .topUnitInfo_price i, .top3 .topUnitInfo_price b {
    color: #5cce00;
}

.others {
    width: 804px;
    background: #fff;
}

    .others .ProUnit {
        width: 160px;
        padding: 15px 20px;
        height: 234px;
        position: relative;
    }

    .others .ProUnit_img img {
        width: 160px;
        height: 160px;
    }

    .others .ProUnit_tit {
        margin-bottom: 0px;
        height: auto;
        width: 160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.oSeasonCon {
    background: #fff;
}

    .oSeasonCon .ProUnit {
        height: 275px;
    }
/*.oSeasonCon .ProUnit_img img{width:200px;height:175px;}*/
.SeasonCon_img img {
    width: 720px;
    height: 316px;
}

.FloorNav {
    position: fixed;
    right: 50%;
    margin-right: -710px;
    top: 50%;
    display: none;
    margin-top: -88px;
}

.navLink {
    display: block;
    padding: 10px 13px;
    background: #fff;
    margin-bottom: 2px;
}

    .navLink i {
        display: inline-block;
        vertical-align: middle;
        width: 21px;
        height: 21px;
        background-image: url(/images/seasonIco.png);
        background-repeat: no-repeat;
        margin-right: 5px;
    }

    .navLink span {
        display: inline-block;
        vertical-align: middle;
    }

.navLink_f1 i {
    background-position: 0px 0px;
}

.navLink_f1.selected i {
    background-position: -21px 0px;
}

.navLink_f2 i {
    background-position: 0px -21px;
}

.navLink_f2.selected i {
    background-position: -21px -21px;
}

.navLink_f3 i {
    background-position: 0px -42px;
}

.navLink_f3.selected i {
    background-position: -21px -42px;
}

.navLink_f4 i {
    background-position: 0px -63px;
}

.navLink_f4.selected i {
    background-position: -21px -63px;
}

.navLink_f1.selected {
    background: #ca0007;
    color: #fff;
}

.navLink_f2.selected {
    background: #14ae00;
    color: #fff;
}

.navLink_f3.selected {
    background: #ff9000;
    color: #fff;
}

.navLink_f4.selected {
    background: #bc4200;
    color: #fff;
}

.navLink_f1:hover {
    background: #ca0007;
    color: #fff;
}

.navLink_f2:hover {
    background: #14ae00;
    color: #fff;
}

.navLink_f3:hover {
    background: #ff9000;
    color: #fff;
}

.navLink_f4:hover {
    background: #bc4200;
    color: #fff;
}

.navLink_f1:hover i {
    background-position: -21px 0px;
}

.navLink_f2:hover i {
    background-position: -21px -21px;
}

.navLink_f3:hover i {
    background-position: -21px -42px;
}

.navLink_f4:hover i {
    background-position: -21px -63px;
}
/*--- end ---*/
.focusImg img {
    width: 100%;
    height: auto;
}

/*focusImg*/
.swiper-container {
    width: 100%;
    height: 100% !important;
    position: relative;
}

.swiper-wrapper {
    height: auto !important;
}

.swiper-slide {
    width: 100%;
    height: auto !important;
}

    .swiper-slide a {
        width: 100%;
        display: block;
    }

        .swiper-slide a img {
            width: 100%;
            height: auto;
        }

.swiper-button-prev, .swiper-button-next {
    width: 50px;
    height: 78px;
    top: 50%;
    position: absolute;
    cursor: pointer;
    background-image: url(/images/focusCtrlBtnBg.png);
    background-size: auto;
    background-repeat: inherit;
    margin-top: -39px;
}

.swiper-button-prev {
    left: 50%;
    margin-left: -575px;
    background-position: 0 78px;
}

.swiper-button-next {
    right: 50%;
    margin-right: -575px;
    background-position: 0 0;
}

.swiper-button-prev:hover {
    background-position: -50px 78px;
}

.swiper-button-next:hover {
    background-position: -50px 0;
}

.swiper-pagination-switch {
    opacity: 1;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 100%;
    display: inline-block;
    background: #000;
}

.swiper-active-switch {
    background: #ca0007;
}

.paginationWrap {
    width: 100%;
}

.swiper-pagination {
    left: 50%;
    bottom: 20px;
    padding: 5px 5px 5px 5px;
    background: #fff;
    border-radius: 14px;
    font-size: 0px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
}

