.main {
    width: 980px;
    height: 455px;
    margin-left: 220px;
    margin-top: 10px;
}
.focus {
    position: relative;
    float: left;
    width: 721px;
    height: 455px;
    background-color: purple;
}
.focus .focus-one {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0,.3);
    text-align: center;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.focus .focus-two {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0,.3);
    text-align: center;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.newsflash {
    float: right;
    width: 250px;
    height: 455px;
}
.focus .quan {
    position: absolute;
    bottom: 8px;
    left: 20%;
}
.focus .quan li {
    float: left;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.focus .quan .current {
    background-color: #fff;
}
.newsflash .news {
    height: 165px;
    border: 1px solid #dfdfdf;
    border-bottom: none;
}
.newsflash .news .new_head {
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    border-bottom: 1px dotted #dfdfdf;
}
.newsflash .news .new_head p {
    float: left;
    font-size: 14px;
}
.newsflash .news .new_head a {
    float: right;
}
.newsflash .news .new_head a:after {
    font-family: 'icomoon';
    content: '';
    padding-left: 5px;
}
.newsflash .news .new_main {
    padding-top: 5px;
}
.newsflash .news .new_main ul li a {
    padding: 0 15px;
    height: 24px;
    line-height: 24px;
}
.newsflash .lifeservice {
    overflow: hidden;
    height: 209px;
    border: 1px solid #dfdfdf;
}
.newsflash .lifeservice ul {
    width: 252px;
}
.newsflash .lifeservice ul li {
    float: left;
    width: 63px;
    height: 70px;
    text-align: center;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}
.newsflash .lifeservice ul li i {
    display: block;
    width: 22px;
    height: 26px;
    margin: 12px 20px;
}
.newsflash .lifeservice ul :nth-child(1) i {
    background: url("images/icons.png") no-repeat -17px -15px;
}
.newsflash .lifeservice ul :nth-child(2) i {
    background: url("images/icons.png") no-repeat -82px -17px;
}
.newsflash .lifeservice ul :nth-child(3) i {
    background: url("images/icons.png") no-repeat -143px -17px;
}
.newsflash .lifeservice ul :nth-child(4) i {
    background: url("images/icons.png") no-repeat -205px -15px;
}
.newsflash .lifeservice ul :nth-child(5) i {
    background: url("images/icons.png") no-repeat -16px -88px;
}
.newsflash .lifeservice ul :nth-child(6) i {
    background: url("images/icons.png") no-repeat -78px -87px;
}
.newsflash .lifeservice ul :nth-child(7) i {
    background: url("images/icons.png") no-repeat -141px -87px;
}
.newsflash .lifeservice ul :nth-child(8) i {
    background: url("images/icons.png") no-repeat -209px -86px;
}
.newsflash .lifeservice ul :nth-child(9) i {
    background: url("images/icons.png") no-repeat -17px -158px;
}
.newsflash .lifeservice ul :nth-child(10) i {
    background: url("images/icons.png") no-repeat -80px -158px;
}
.newsflash .lifeservice ul :nth-child(11) i {
    background: url("images/icons.png") no-repeat -141px -159px;
}
.newsflash .lifeservice ul :nth-child(12) i {
    background: url("images/icons.png") no-repeat -207px -159px;
}
.newsflash .bargain {
    margin-top: 5px;
}
.recom {
    margin-top: 12px;
    height: 163px;
    background-color: #ebebeb;
}
.recom .recom_hd {
    float: left;
    width: 205px;
    height: 163px;
    background-color: #5c5251;
    text-align: center;
    padding-top: 30px;
}
.recom .recom-bd {
    float: left;
}
.recom_bd ul li {
    float: left;
    position: relative;
}
.recom_bd ul li:nth-child(-n+3)::after {
     content: '';
     position: absolute;
     right: 0;
     top: 10px;
     width: 1px;
     height: 143px;
     background-color: #ddd;
 }
.like {
    height: 262px;
    margin-top: 30px;
}
.like .like_hd {
    padding-bottom: 10px;
}
.like .like_hd ul li {
    position: relative;
    left: 0;
    font-size: 18px;
}
.like .like_hd ul li a {
    position: absolute;
    right: 0;
    font-size: 12px;
}
.like .like_hd ul li a::after {
    font-family: 'icomoon';
    content: '';
    padding-left: 8px;
}
.like .like_bd {
    height: 232px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.like_bd ul {
    width: 1212px;
}
.like_bd ul li {
    position: relative;
    float: left;
    text-align: center;
}
.like_bd ul li p {
    font-size: 12px;
    line-height: 21px;
}
.like_bd ul li i {
    font-size: 18px;
    color: #df3033;
}
.like_bd ul li i::before {
    font-family: 'icomoon';
    content: '¥';
}
.like_bd ul li:nth-child(-n+5)::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 1px;
    height: 62px;
    background-color: #ddd;
}
.chuanbo {
    margin-top: 28px;
    height: 434px;
}
.chuanbo .chuanbo_hd {
    font-size: 18px;
    padding-bottom: 8px;
}
.wd_1 {
    float: left;
    width: 405px;
}
.wd_2 {
    float: left;
    width: 224px;
}
.wd_2 ul li {
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ddd;
}
.wd_3 {
    float: left;
    width: 407px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}
.wd_3 ul li {
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.wd_3 ul a .hidden {
    float: left;
}
.wd_4 {
    float: left;
    width: 160px;
    border: 1px solid #ddd;
    border-left: none;
}
.floor_01_top {
    margin-top: 28px;
}
.floor_01_top .top_hd {
    height: 30px;
    border-bottom: 2px solid #c81623;
}
.floor_01_top .top_hd h4 {
    float: left;
    font-size: 18px;
    font-weight: 400;
    color: #c81623;
}
.floor_01_top .top_hd .tab_list {
    float: right;
}
.floor_01_top .top_hd .tab_list ul li {
    float: left;
    line-height: 30px;
}
.floor_01_top .top_hd .tab_list ul li a {
    padding: 0 10px;
}
.floor_01_top .top_bd {
    height: 360px;
}
.top_bd_01 {
    float: left;
    width: 210px;
    height: 360px;
    text-align: center;
}
.top_bd_01 ul li {
    width: 86px;
    height: 32px;
    float: left;
    font-size: 12px;
    margin-left: 14px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}
.top_bd_01 span img {
    margin-top: 24px;
}
.top_bd_02 {
    float: left;
    width: 330px;
}
.top_bd_03 {
    text-align: center;
    line-height: 360px;
    float: left;
    width: 220px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.top_bd_03 ul li {
    width: 220px;
    height: 180px;
    line-height: 180px;
}
.floor_01_bottom {
    margin-top: 18px;
}
.bottom {
    border-bottom: 1px solid #ddd;
}
.carry_hd {
    margin-top: 27px;
    height: 30px;
}
.carry_hd h4 {
    font-size: 18px;
    font-weight: 400;
}
.carry_bd {
    height: 282px;
    border: 1px solid #ddd;
}
.carry_bd .carry_bd_01 {
    float: left;
    width: 242px;
}
.carry_bd .carry_bd_02 {
    float: left;
    width: 660px;
}
.carry_bd .carry_bd_02 ul {
    overflow: hidden;
}
.carry_bd .carry_bd_02 ul li {
    float: left;
    border-bottom: 1px solid #ddd;
}
.carry_bd .carry_bd_03 {
    float: left;
    width: 296px;
    text-align: center;
    line-height: 296px;
}
.carry_bd .carry_bd_03 img {
    width: 75%;

}