/* 导航栏顶部 */
.nav {
    width: 100%;
    height: 47px;
    border-bottom: 2px solid #c81523;
}

.nav_w {
    height: 47px;
}

.nav_left {
    float: left;

}

.nav_left ul li a {
    /* float: left; */
    display: block;
    width: 208px;
    text-align: center;
    line-height: 47px;
    background-color: #b1191a;
    color: #fff;
    font-size: 16px;
}

.nav_right {
    float: left;
}

.nav_right ul li {
    float: left;
    line-height: 47px;
    font-size: 14px;
    margin-left: 47px;
}

/* 中部banner导航栏 */
.nav_d {
    position: relative;
}

/* 左侧 */
.dropdown {
    float: left;
    background-color: #c81623;
    width: 208px;
    height: 465px;
}

.dropdown ul li a {
    position: relative;
    display: block;
    color: #fff;
    line-height: 31px;
    padding-left: 12px;
    transition: all .3s;
}

.dropdown ul li a::after {
    position: absolute;
    right: 10px;
    font-family: "icomoon";
    content: "\e902";
    color: #fafafa;
}

.dropdown ul li a:hover {
    color: rgb(200, 21, 35);
    background-color: #fafafa;
}

/* 中间大图 */
.items {
    float: left;
    background: url(../upload/focus1.png) no-repeat;
    width: 721px;
    height: 455px;
    margin-left: 10px;
    margin-top: 10px;

}

/* 右边报告和广告图 */
.items_right {
    position: absolute;
    top: 10px;
    right: 0;
    width: 250px;
    height: 373px;
    border: 1px solid #e4e4e4;
}

.report_title {
    height: 32px;
    border-bottom: 1px dotted #e4e4e4;
}

.report_title h2 {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 14px;
    font-weight: 400;
}

.report_title a {
    position: absolute;
    top: 8px;
    right: 30px;
    font-size: 12px;
    font-weight: 400;
}

.report_title a::after {
    position: absolute;
    right: -15px;
    font-family: "icomoon";
    content: "\e902";
}

.report_list {
    border-bottom: 1px solid #e4e4e4;
    height: 130px;
}

.report_list li {
    line-height: 24px;
    padding-left: 16px;
    /* 超出部分显示省略号 */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}

.quick_shortcut li {
    position: relative;
    float: left;
    width: 62px;
    height: 70px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;

}

.quick_shortcut li:nth-of-type(4n) {
    border-right: none;
}

.quick_shortcut li a {
    display: block;
    width: 63px;
    height: 71px;
    transition: 0.3s;
    text-align: center;
    line-height: 110px;
    
}

.quick_shortcut li a:hover {
    background-color: rgba(203, 203, 203, .3);
    /* background-color: rgba(200, 21, 35,1);; */

}

.quick_shortcut li:nth-of-type(n) a::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -12px;

}

.quick_shortcut li:nth-of-type(1) a::before {
    background: url(../images/icons.png) no-repeat -17px -16px;
    width: 24px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(2) a::before {
    background: url(../images/icons.png) no-repeat -78px -16px;
    width: 26px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(2) a::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";

    border-top: 13px solid #589d5a;
    border-left: 6px solid #589d5a;
    border-right: 6px solid #589d5a;
    border-bottom: 3px solid transparent;
}

.quick_shortcut li:nth-of-type(2) em {
    position: absolute;
    top: -3px;
    right: 0px;
    font-size: 12px;
    color: #fff;

}

.quick_shortcut li:nth-of-type(3) a::before {
    background: url(../images/icons.png) no-repeat -142px -16px;
    width: 24px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(4) a::before {
    background: url(../images/icons.png) no-repeat -206px -16px;
    width: 26px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(5) a::before {
    background: url(../images/icons.png) no-repeat -17px -88px;
    width: 24px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(6) a::before {
    background: url(../images/icons.png) no-repeat -78px -88px;
    width: 26px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(7) a::before {
    background: url(../images/icons.png) no-repeat -142px -88px;
    width: 24px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(8) a::before {
    background: url(../images/icons.png) no-repeat -206px -88px;
    width: 24px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(9) a::before {
    background: url(../images/icons.png) no-repeat -17px -159px;
    width: 24px;
    height: 26px;
}

.quick_shortcut li:nth-of-type(10) a::before {
    background: url(../images/icons.png) no-repeat -78px -159px;
    width: 24px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(11) a::before {
    background: url(../images/icons.png) no-repeat -142px -159px;
    width: 24px;
    height: 24px;
}

.quick_shortcut li:nth-of-type(12) a::before {
    background: url(../images/icons.png) no-repeat -206px -159px;
    width: 24px;
    height: 24px;
}

.items_pic {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 250px;
    height: 72px;
    background: url(../upload/bargain.png) no-repeat;
}

/* 侧边导航栏 */
.sidenav {
    position: fixed;
    top: 400px;
    left: 50%;
    margin-left: -675px;
}

.sidenav li a {
    display: block;
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.sidenav li a:hover {
    background-color: #c81623;
    color: #fff;
}

/* 今日推荐 */
.today_recommend {
    margin-top: 10px;

}

.today_recommend ul li {
    position: relative;
    float: left;

}

.today_recommend ul li a {
    display: block;
    width: 240px;
    height: 163px;
    border-right: 1px solid #e4e4e4;
    transition: all .3s;
}

.today_recommend ul li:nth-of-type(1) a {
    background-color: #5c5251;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 220px;
}

.today_recommend ul li:nth-of-type(1) a::before {
    position: absolute;
    top: 30px;
    left: 92px;
    content: "";
    width: 57px;
    height: 57px;
    background: url(../images/clock.png) no-repeat;
}

.today_recommend ul li:nth-of-type(2) a {
    background: url(../upload/recom_03.jpg) no-repeat;
}

.today_recommend ul li:nth-of-type(3) a {
    background: url(../upload/recom_03.jpg) no-repeat;
}

.today_recommend ul li:nth-of-type(4) a {
    background: url(../upload/recom_03.jpg) no-repeat;
}

.today_recommend ul li:nth-of-type(5) a {
    background: url(../upload/recom_03.jpg) no-repeat;
}

.today_recommend ul li a:hover {
    box-shadow: 5px 5px 10px #ccc;
}

/* 猜你喜欢模块 */
.guessfav {
    margin-top: 32px;


}

.guessfav_top h2 {
    float: left;
    font-weight: 400;
}

.guessfav_top a {
    float: right;
    font-size: 12px;
    margin-right: 20px;
    line-height: 12px;
}

.guessfav_top a::after {
    content: "\ea2e";
    font-family: "icomoon";
    margin-left: 5px;
    line-height: 12px;
}

.guessfav_bar {
    float: left;
    margin-top: 10px;
    width: 1200px;
    height: 230px;
    border: 1px solid #e4e4e4;
}

.guessfav_bar ul li {
    position: relative;
    float: left;
}

.guessfav_bar ul li a {
    display: block;
    width: 197px;
    height: 230px;
    /* transition: all .3s; */
}

/* .guessfav_bar ul li a:hover {
    box-shadow: 5px 5px 10px #ccc;
    z-index: 1;
} */
.guessfav_bar ul li:nth-of-type(n) a {
    background: url(../upload/fav_01.png) no-repeat;
}

.guessfav_bar ul li:nth-of-type(2n) a {
    position: absolute;
    bottom: -220px;
    width: 0;
    height: 62px;
    border-left: 1px solid #e4e4e4;
    margin: 0 5px;
}

.guessfav_bar ul li a h4 {
    position: absolute;
    bottom: 30px;
    left: 33px;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
}

.guessfav_bar ul li a em {
    position: absolute;
    bottom: 16px;
    left: 33px;
    font-size: 18px;
    font-weight: 400;
    line-height: 10px;
    color: #c81523;
}
/* 有趣区模块 */
.fun {
    margin-top: 32px;
    
}
.fun a {
    transition: all .3s;
}
.fun a:hover {
    box-shadow: 5px 5px 10px #ccc;
    z-index: 1;
}
.fun h2 {
    font-weight: 400;
    font-size: 18px;
}
.fun .funlist {
    margin-top: 10px;
    height: 403px;
    border: 1px solid #e4e4e4;
}
.funlist_first {
    float: left;
}
.funlist_first li a {
    float: left;
    width: 402px;
    height: 403px;
    background: url(../upload/interest_01.png) no-repeat;
}
.funlist_second {
    float: left;
    width: 226px;
    height: 403px;
}
.funlist_second h3 {
    
    margin: 0 auto;
    width: 200px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px dotted #e4e4e4;
}
.funlist_second ul li {
    float: left;
}
.funlist_second ul li:nth-of-type(1) a {
    display: block;
    background: url(../upload/interest_02.png) no-repeat;
    width: 226px;
    height: 207px;

}
.funlist_second ul li:nth-of-type(2) a {
    display: block;
    background: url(../upload/interest_03.png) no-repeat;
    width: 226px;
    height: 154px;

}

.funlist_third {
    float: left;
    width: 407px;
    height: 403px;
}
.funlist_third h3 {
    margin: 0 auto;
    width: 367px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px dotted #e4e4e4;
}
.funlist_third ul li {
    position: relative;
}
.funlist_third ul li:nth-of-type(1) a {
    display: block;
    background: url(../upload/interest_04.png) no-repeat;
    width: 407px;
    height: 206px;
}
.funlist_third ul li:nth-of-type(2) a {
    display: block;
    background: url(../upload/interest_05.png) no-repeat;
    width: 203px;
    height: 155px;
}
.funlist_third ul li:nth-of-type(3) a {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    background: url(../upload/interest_06.png) no-repeat;
    width: 203px;
    height: 155px;
}
.fun_logolist {
    float: left;
    height: 403px;
}
.fun_logolist ul {
    width: 162px;
    height: 403px;
}
.fun_logolist ul li {
    float: left;
}
.fun_logolist ul li:nth-of-type(n) a {
    float: left;
    display: block;
    background: url(../upload/logo_01.jpg) no-repeat;
    width: 81px;
    height: 58px;
}
/* 热门疯抢模块 */
.hot_shopping {
    margin-top: 32px;

}

.hot_shopping h3 {
    font-size: 18px;
    font-weight: 400;
}

.hot_shopping_list {
    margin-top: 12px;
    height: 284px;
    border: 1px solid #e4e4e4;
}

.hot_shopping_list_left {
    float: left;
    width: 238px;
    height: 100%;
}

.hot_shopping_list_left li {
    float: left;
    width: 100%;
    height: 100%;
    background: url(../upload/hot_01.png) no-repeat;
}

.hot_shopping_list_left li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hot_shopping_list_middle {
    float: left;
    width: 660px;
    height: 284px;
}

.hot_shopping_list_middle li {
    float: left;
    width: 218px;
    height: 141px;
    border: 1px solid #e4e4e4;
}
.hot_shopping_list_middle li:nth-of-type(2n-1)  {
    background: url(../upload/hot_03.png) no-repeat;
    background-position: 10px ;
}
.hot_shopping_list_middle li:nth-of-type(2n)  {
    background: url(../upload/hot_02.png) no-repeat;
   background-position: 10px;
}

.hot_shopping_list_right {
    float: left;
    width: 238px;
    height: 100%;
}
.hot_shopping_list_right li {
    float: left;
    width: 297px;
    height: 284px;
    background: url(../upload/hot_04.png) no-repeat;
}