.header>div,
.nav>div {
    width: 1200px
}

.banner {
    position: relative;
    width: 1200px;
    margin: 10px auto 0;
    background: #fff
}

.banner-slider {
    position: relative
}

.banner-slider>ul {
    height: 360px
}

.banner-slider li {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.banner-slider a {
    display: block
}

.banner-slider img {
    width: 1200px;
    height: 360px
}

.banner-slider span {
    position: absolute;
    top: 50%;
    left: 220px;
    display: none;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    border-radius: 2px;
    background: url(../../common/img/master/slider-left.png) no-repeat;
    cursor: pointer
}

.banner-slider:hover span {
    display: block
}

.banner-slider .slider-right {
    left: inherit;
    right: 20px;
    background: url(../../common/img/master/slider-right.png) no-repeat
}

.banner-item {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 880px;
    text-align: center
}

.banner-item li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 6px;
    border-radius: 50%;
    border: 2px solid #523669;
    cursor: pointer;
    border-color: #ccc\9;
    background: #ccc\9
}

.banner-item li.item-active {
    background: #f7b200;
    border: 2px solid #f7b200
}

.platfor {
    width: 1020px;
    padding: 0 30px;
    margin: 0 auto;
    display: flex;
    height: 40px;
    background: #FFF;
    justify-content: space-between
}

.platfor dl {
    display: flex
}

.platfor dl dd {
    font-size: 14px;
    line-height: 40px;
    color: #9687A4
}

.platfor dl dt {
    width: 32px;
    height: 40px;
    background-size: 24px 24px;
    background-position: center left;
    background-repeat: no-repeat
}

.platfor dl:nth-child(1) dt {
    background-image: url(../img/new_master/ptzc_character.png)
}

.platfor dl:nth-child(2) dt {
    background-image: url(../img/new_master/ptzc_price.png)
}

.platfor dl:nth-child(3) dt {
    background-image: url(../img/new_master/ptzc_payment.png)
}

.platfor dl:nth-child(4) dt {
    background-image: url(../img/new_master/ptzc_sf.png)
}

.platfor dl:nth-child(5) dt {
    background-image: url(../img/new_master/ptzc_refund.png)
}

.category {
    width: 1200px;
    margin: 0 auto
}

.category .floor {
    margin-top: 30px;
    padding: 0 28px;
    background: #fff
}

.category .floor .title {
    height: 80px;
    position: relative
}

.category .floor .title h3 {
    font-size: 18px;
    text-align: center;
    font-family: PingFangSC-Medium;
    font-weight: 400
}

.category .floor .title h3 div {
    display: inline-block;
    border-bottom: 1px #BBB solid;
    padding: 12px 0 7px
}

.category .floor .title span {
    font-size: 16px;
    color: #BF9E6B;
    display: block;
    text-align: center;
    margin-top: 8px;
    font-family: PingFangSC-Regular
}

.category .floor .title a {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    width: 19px;
    background: url(../img/new_master/more.png) no-repeat center;
    background-size: 9px 16px
}

.category .floor .model .mtitle h3 {
    font-size: 16px;
    line-height: 22px;
    color: #4A4A4A;
    font-weight: 400
}

.category .floor .mtitle {
    height: 42px;
    margin-right: 10px
}

.category .floor .model {
    display: flex;
    padding: 10px 0;
    justify-content: space-between
}

.category .floor .model .mtitle span {
    font-size: 14px;
    color: #BBB;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.category .floor .model .mtitle h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category .floor .model .pic {
    margin-top: 10px;
    display: flex
}

.category .floor .md-2 {
    padding-bottom: 10px
}

.category .floor .md-1 .pic img {
    width: 497px;
    height: 255px
}

.category .floor .md-3 a.activity {
    width: 497px
}

.category .floor .md-2 .pic img {
    width: 330px;
    height: 170px
}

.category .floor .md-2 a.activity {
    width: 331px
}

.category .floor .md-3 .pic img {
    width: 150px;
    padding: 10px;
    height: 150px
}

.category .floor .md-3 .mtitle {
    margin-left: 10px
}

.category .floor .md-3 .activity {
    border-right: 1px #F4F4F4 solid;
    width: 234px
}

.category .floor .md-4 .pic img {
    width: 107px;
    padding: 10px;
    height: 107px
}

.category .floor .md-4 .mtitle {
    margin-left: 10px
}

.category .floor .md-4 a.activity {
    width: 255px
}

.category .floor .md-4 .activity {
    border-right: 1px #F4F4F4 solid
}

.category .floor .md-5 .pic img {
    width: 178px;
    height: 178px;
    padding: 12px
}

.category .floor .md-5 .activity {
    border-right: 4px #F4F4F4 solid
}

.category .floor .models .model .activity:last-child {
    border: 0
}

.category .floor .md-5 a.activity {
    width: 202px
}

.category .floor .md-5 .mtitle {
    margin-left: 10px
}

.category .floor .md-6 .pic img {
    width: 150px;
    padding: 10px;
    height: 150px
}

.category .floor .md-6 .mtitle {
    margin-left: 10px
}

.category .floor .md-6 .activity {
    border-right: 1px #F4F4F4 solid
}

.category .floor .md-6 a.activity {
    width: 170px
}

.category .floor .models:first-child .md-5,
.category .floor .models:first-child .md-4,
.category .floor .models:first-child .md-3,
.category .floor .models:first-child .md-6 {
    padding-top: 20px
}

.bt+.bt {
    border-top: 1px solid #F4F4F4
}

.hotsale {
    width: 1200px;
    margin: 30px auto
}

.hotsale .title {
    background: #fff;
    height: 80px;
    text-align: center
}

.hotsale .title h3 {
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    padding-bottom: 4px;
    border-bottom: 1px solid #BBB;
    display: inline-block
}

.hotsale .rankings {
    display: flex;
    flex-wrap: wrap
}

.hotsale .rankings .commodity {
    width: 530px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
    height: 375px;
    position: relative
}

.hotsale .rankings .commodity a {
    display: block
}

.hotsale .rankings .commodity dt img {
    width: 530px;
    height: 272px
}

.hotsale .rankings .commodity:nth-child(odd) {
    margin-right: 20px
}

.hotsale .rankings .commodity .price {
    font-size: 16px;
    margin-right: 12px
}

.hotsale .rankings .commodity .supplier {
    font-size: 12px;
    line-height: 18px;
    color: #BF9E6B;
    margin-top: 6px
}

.hotsale .rankings .commodity .content {
    font-size: 14px;
    color: #4A4A4A;
    line-height: 20px;
    margin-top: 8px
}

.hotsale .rankings .commodity dd {
    height: 103px;
    padding-left: 20px;
    overflow: hidden
}

.hotsale .rankings .commodity .mack {
    line-height: 20px
}

.hotsale .rankings .commodity .mack span {
    font-size: 10px;
    border-radius: 2px;
    color: #fff;
    padding: 0 2px;
    height: 16px;
    line-height: 13px;
    display: inline-block;
    margin-left: 5px;
    border: 1px solid #fff;
    box-sizing: border-box
}

.hotsale .rankings .commodity .priceBox {
    display: flex;
    color: #F7A701;
    margin-top: 10px;
    line-height: 22px
}

.hotsale .rankings .commodity .evaluate {
    font-size: 12px;
    color: #BBB;
    float: right;
    margin-right: 20px
}

.hotsale .new_icon {
    width: 40px;
    height: 40px;
    background: url(../img/new_master/icon_new.png) no-repeat;
    position: absolute;
    left: 10px;
    background-size: 40px 40px;
    top: 10px
}