@charset "UTF-8";

/* home start*/


/*首页悬浮搜索栏*/

.attached-search-container {
    display: block;
    margin: 0 auto;
    position: fixed;
    top: -60px;
    height: 60px;
    width: 100%;
    z-index: 10000;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: top .3s ease-out;
    -moz-transition: top .3s ease-out;
    -ms-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out;
    background-color: #fff;
}

.attached-search-container .w1200 {
    position: relative;
    z-index: 10;
}

.attached-search-container.show {
    top: 0;
    box-shadow: 0 0 10px 2px rgba(90, 90, 90, .6);
}

.attached-search-container .fp-iconfont {
    width: 220px;
    height: 58px;
    float: left;
    position: relative;
}

.attached-search-container .fp-iconfont a {
    width: 220px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

.attached-search-container .fp-iconfont a img {
    max-width: 220px;
    max-height: 58px;
}

.attached-search-container .mall-search {
    float: left;
    margin-left: 100px;
    margin-top: 12px;
}

.attached-search-container .mall-search .dsc-search {
    margin: 0;
}

.mall-search .ecsc-search-tabs .shop_search li {
    background-color: transparent;
}

.mall-search .ecsc-search-tabs .shop_search li.curr {
    background: #ec5151;
}

.mall-search .ecsc-search-input {
    background-color: transparent;
    color: #999;
    outline: 0;
}


/*首页悬浮注册登录 by yanxin*/

.attached-search-container .suspend-login {
    float: left;
    margin-left: 80px;
    margin-top: 12px;
    line-height: 34px;
    width: 90px;
    overflow: hidden;
}

.attached-search-container .suspend-login .nick_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content {
    position: relative;
    z-index: 2;
}

.banner {
    position: relative;
    width: 100%;
}

.home-banner,
.home-banner .bd {
    height: 393px;
    width: 100%;
    display: block;
    overflow: hidden;
    /* background: #f6f6f6; */
    padding-top: 10px;
}

.home-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.home-banner .banner-width a {
    width: 100%;
    height: 500px;
    display: block;
}

.banner .hd {
    text-align: center;
    position: relative;
    width: 100%;
}

.banner .hd ul {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 25px;
    padding: 4px 8px;
    border-radius: 12px;
    background-color: hsla(0, 0%, 100%, .3);
    font-size: 0;
}

.banner .hd ul li {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 50%;
    cursor: pointer;
    margin-right: 5px;
}

.banner .hd ul li.on {
    background-color: rgba(255, 255, 255, 1);
}

.banner .hd ul li:last-child {}

.vip-outcon {
    width: 1265px;
    margin: -500px auto 0;
    height: 0;
    position: relative;
}

.vip-outcon .vip-con {
    width: 253px;
    height: 394px;
    position: absolute;
    right: 12px;
    top: -2px;
    z-index: 100;
    background-color: #fff;
    margin-top: 12px;
    border: 1px solid #eee;
}

.userVip-info {
    width: 224px;
    position: relative;
    margin: 0 auto;
    height: 182px;
}

.userVip-info .icon-spin {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}

.userVip-info-logined {
    height: 92px;
}


/*登录成功userVip-info高度变低*/

.avatar {
    width: 80px;
    height: 80px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    margin: 10px auto 5px;
}

.avatar img {
    width: 80px;
    height: 80px;
}

.login-info {
    width: 150px;
    height: 75px;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
}

.login-info span {
    display: block;
    color: #333;
    line-height: 25px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.login-info a {
    display: block;
    float: left;
    line-height: 22px;
    width: 68px;
    height: 22px;
    border: 1px solid #333;
    text-align: center;
}

.login-info a.login-button {
    margin-right: 10px;
}

.login-info a.login-success {
    border-color: #f42424;
    color: #f42424;
    float: none;
    width: 108px;
    margin: 0 auto;
}

.login-info a:hover,
.login-info a.register_button {
    border-color: #f42424;
    color: #f42424;
}

.login-info a.login-success:hover {
    background-color: #f42424;
    color: #fff;
}


/*.login-info .login-button{ width:96px; height:26px; line-height:26px; border:2px solid #f42424; color:#f42424;}
.login-info .login-button:hover{ background-color:#f42424; color:#fff;}*/

.vip-item {
    width: 100%;
    height: 98px;
    position: relative;
    background: #fff;
}

.vip-item-logined {
    height: 178px;
}

.vip-item .tit {
    background-color: #eee;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #555;
    padding-left: 18px;
}

.vip-item .tit .tab_head_item {
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 5px 0;
    position: relative;
}

.vip-item .tit .tab_head_item:first-child {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 12px;
}

.vip-item .tit .tab_head_item .news_tab_active {
    width: 26px;
    height: 1px;
    background-color: #f42424;
    display: block;
    position: absolute;
    top: 18px;
    left: -1px;
    display: none;
}

.vip-item .tit .tab_head_item.on .news_tab_active {
    display: block;
}

.vip-item .tit .tab_head_item.on {
    color: #f42424;
}

.vip-item .con {
    margin: 0px 7px;
    line-height: 22px;
    color: #555;
    height: 70px;
}

.vip-item .con li {
    width: 204px;
    height: 24px;
    overflow: hidden;
}

.vip-item .con li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vip-item .kj_con {
    padding-top: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.vip-item .kj_con .item {
    text-align: center;
    padding-bottom: 9px;
    flex: 1;
}

.vip-item .kj_con .item .iconfont {
    display: block;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin: 15px 0 5px;
}

.vip-item .kj_con .item a {
    color: #333;
}

.vip-item .kj_con .item_1,
.vip-item .kj_con .item_2,
.vip-item .kj_con .item_4,
.vip-item .kj_con .item_5 {
    border-right: 1px solid #eee;
}

.vip-item .kj_con .item_4,
.vip-item .kj_con .item_5,
.vip-item .kj_con .item_6 {
    border-top: 1px solid #eee;
    padding-bottom: 9px;
}


/*.vip-item .kj_con .item_1{ margin-right:13px; padding-bottom:9px; border-bottom:1px solid #bbb;}
.vip-item .kj_con .item_2{ margin-bottom:10px; padding-left:14px; border-left:1px solid #bbb;}
.vip-item .kj_con .item_3{ margin-top:9px; padding-right:13px; border-right:1px solid #bbb;}
.vip-item .kj_con .item_4{ margin-left:14px; padding-top:8px; border-top:1px solid #bbb;}*/

.box_hd_arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 19px solid #fff;
    border-right: 19px solid transparent;
}

.box_hd_dec {
    background: url(../images/index/sprite_index.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    left: -4px;
    top: -4px;
}

.channel-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.seckill-channel {
    width: 100%;
    margin-top: 20px;
}

.seckill-channel .box-hd {
    height: 50px;
    background-color: #ff6633;
    line-height: 24px;
    position: relative;
}

.seckill-channel .box-hd .box_hd_dec {
    background-position: 0 -82px;
}

.seckill-channel .box-hd .box-hd-icon {
    display: block;
    width: 63px;
    height: 31px;
    background: url(../images/seckill.png) no-repeat;
    float: left;
    margin: 9px 15px 0 0;
}

.sk-time-cd {
    height: 30px;
    line-height: 30px;
    padding: 10px 0;
    float: left;
    font-size: 14px;
    color: #fff;
}

.sk-cd-tit {
    float: left;
    margin-right: 6px;
}

.cd-time {
    overflow: hidden;
}

.cd-time * {
    float: left;
}

.cd-time div {
    min-width: 24px;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    font-size: 21px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    position: relative;
}


/*.cd-time div:before,.cd-time div:after{ content:''; background:#f42424; width:100%; height:1px; position:absolute; left:0; top:50%;}*/

.cd-time span {
    margin: 0 5px;
}


/*首页秒杀  更多 by yanxin*/

.sk-more {
    height: 30px;
    line-height: 30px;
    padding: 10px 25px;
    float: right;
    font-size: 14px;
}

.sk-more a {
    color: #fff;
    float: left
}

.sk-more i.arrow {
    background: url(../images/index/right_arrow.png) no-repeat;
    width: 15px;
    height: 16px;
    float: left;
    margin-top: 7px;
    margin-left: 10px
}


/* .seckill-channel .box-bd{ 
     height: auto;
   
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 1px;
    width:80%;
    float:left;
    display:inline-block;
} */


/* 2020/08/26 曹国防增加 */

.seckill-channel .box-bd {
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    display: inline-block;
    display: flex;
    align-items: center;
}

    .seckill-channel .box-bd .litupian {
        width: 708px;
        margin: 0 15px;
        /*height: 295px;*/
        height: 350px;
        margin-bottom: 10px;
    }

.seckill-channel .box-bd .litupian a img {
    width: 100%;
    height: 100%;
}

.seckill-channel .box-bd li {
    float: left;
    width: 232px;
    margin-right: 5px;
    margin-top: 5px;
}

.seckill-channel .box-bd li:last-child {
    margin-right: 0;
}

.seckill-channel .box-bd .p-img {
    width: 232px;
    height: 232px;
    display: block;
}

.seckill-channel .box-bd .p-name {
    height: 38px;
    line-height: 38px;
    width: 100%;
    font-size: 14px;
}

.seckill-channel .box-bd .p-name a {
    color: #555;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seckill-channel .box-bd .p-name a:hover {
    color: #e23435;
}

.seckill-channel .box-bd .p-over {
    height: 60px;
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.seckill-channel .box-bd .p-info {
    width: 86px;
    height: 0;
    border-top: none;
    border-top: 60px solid #eee;
    border-right: transparent 60px solid;
    border-left: none;
    position: absolute;
    left: 0;
}

.seckill-channel .box-bd .p-info .p-price {
    float: left;
    width: 145px;
    height: 48px;
    padding-top: 12px;
    position: absolute;
    top: -60px;
}

.seckill-channel .box-bd .p-info .p-price span {
    display: block;
    padding-left: 16px;
}

.seckill-channel .box-bd .p-info .shop-price {
    line-height: 20px;
}

.seckill-channel .box-bd .p-btn {
    width: 86px;
    height: 0;
    border-top: none;
    border-bottom: 60px solid #ff6633;
    border-left: transparent 60px solid;
    border-right: none;
    position: absolute;
    right: 0;
}

.seckill-channel .box-bd .p-btn a {
    color: #fff;
    font-size: 14px;
    display: block;
    width: 76px;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    position: absolute;
}

.seckill-channel .box-bd .p-btn:hover {
    border-bottom-color: #0095d8;
}

.seckill-channel .box-bd .prev,
.seckill-channel .box-bd .next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
}

.seckill-channel .box-bd .prev {
    left: 0;
}

.seckill-channel .box-bd .next {
    right: 0;
}

.seckill-channel .box-bd .prev .iconfont,
.seckill-channel .box-bd .next .iconfont {
    font-size: 20px;
    line-height: 70px;
}

.seckill-channel .box-bd:hover .prev,
.seckill-channel .box-bd:hover .next {
    display: block;
}

.seckill-channel .box-bd .prev:hover,
.seckill-channel .box-bd .next:hover {
    background: rgba(0, 0, 0, .5)
}

.seckill-channel .seckill_end_notic {
    text-align: center;
    height: 100%;
    line-height: 300px;
    background-color: #dbe0e3;
    font-size: 16px;
}

.need-channel {
    width: 1210px;
    height: auto;
    margin-top: 20px;
}

.need-channel .channel-column {
    width: 232px;
    height: 330px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.need-channel .channel-column:last-child {
    margin-right: 0;
}

.need-channel .channel-column .column-img {
    width: 155px;
    height: 155px;
    margin: 20px auto 0;
}

.need-channel .channel-column .column-img img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.need-channel .channel-column .column-img:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.need-channel .channel-column .column-title,
.need-channel .channel-column .column-btn {
    position: relative;
}

.need-channel .channel-column .column-title {
    color: #fff;
    min-height: 82px;
    overflow: hidden;
}

.need-channel .channel-column .column-title h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 25px;
}

.need-channel .channel-column .column-title p {
    font-size: 14px;
}

.need-channel .channel-column .column-btn {
    display: block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 17px;
    left: 46px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.need-channel .channel-column .column-btn:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.color-type-0 .column-btn {
    color: #96572a;
}

.color-type-1 .column-btn {
    color: #aa4af0;
}

.color-type-2 .column-btn {
    color: #f5467d;
}

.color-type-3 .column-btn {
    color: #e68d19;
}

.color-type-4 .column-btn {
    color: #8a47ee;
}

.brand-channel {
    width: 100%;
    margin-top: 20px;
}

.brand-channel .home-brand-adv {
    width: 474px;
    height: 178px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.brand-channel .home-brand-adv .dsc_more_img {
    width: 484px;
    height: 178px;
    display: block;
}

.brand-channel .brand-list {
    float: left;
    width: 716px;
    position: relative;
    margin: 0;
}

.brand-channel .brand-list li {
    width: 118px;
    height: 58px;
    float: left;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    text-align: center;
    margin: -1px -1px 0 0;
    position: relative;
    cursor: default;
}

.brand-channel .brand-list .brand-img {
    margin: 0 auto;
    background-color: #fff;
    display: block;
}

.brand-channel .brand-list .brand-img a {
    display: table-cell;
    vertical-align: middle;
    width: 118px;
    height: 58px;
}

.brand-channel .brand-list .brand-img a img {
    width: 100px;
    height: auto;
}

.brand-channel .brand-list .refresh-btn {
    width: 118px;
    height: 58px;
    display: block;
    color: #999;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 2px;
    overflow: hidden;
    transition: all .3s ease-out;
    z-index: 500;
    border: 1px solid #f5f5f5;
    margin: -1px -1px 0 0;
    text-align: center;
}

.brand-channel .brand-list .refresh-btn span {
    display: inline-block;
    font-size: 14px;
    line-height: 75px;
}

.brand-channel .brand-list .refresh-btn .iconfont {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    top: 6px;
}

.brand-channel .brand-list .refresh-btn:hover {
    background: #f42424;
    color: #fff;
}

.brand-channel .brand-list .refresh-btn:hover .iconfont {
    animation: rotate .5s ease-out 0s;
    -webkit-animation: rotate .5s ease-out 0s;
}

.brand-channel .brand-list .brand-mash {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #333;
    background-color: rgba(0, 0, 0, .8);
    transition: all .3s ease-out;
    opacity: 0;
    filter: alpha(opacity=0);
}

.brand-channel .brand-list li:hover .brand-mash {
    opacity: 1;
    filter: alpha(opacity=100);
}

.brand-channel .brand-list .brand-mash .iconfont {
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    z-index: 20;
    -ms-transition: color .3s;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.brand-channel .brand-list .brand-mash .icon-zan-alts {
    color: #f42424;
}

.brand-channel .brand-list .brand-mash .coupon {
    color: #fff;
    text-align: center;
    margin-top: 14px;
    line-height: 16px;
}

.brand-channel .brand-list .brand-mash .coupon a {
    color: #fff;
}

.full-banner {
    width: 1200px;
    margin: 30px auto 0;
    overflow: hidden;
}

.floor-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.floor-line-con {
    padding-top: 30px;
    animation: fadeIn .5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.floor-hd {
    width: 100%;
    height: 58px;
    color: #fff;
    position: relative;
}

.floor-hd .hd-tit {
    font-size: 21px;
    line-height: 58px;
    padding-left: 25px;
    float: left;
}

.floor-hd .hd-tags {
    float: right;
    padding-right: 5px;
}

.floor-hd .hd-tags li {
    float: left;
    width: 98px;
    height: 28px;
    line-height: 28px;
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #f9f9f9\0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
    margin: 14px 10px 14px 0;
    font-size: 14px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.floor-hd .hd-tags li span {
    display: block;
    width: 88px;
    height: 28px;
    padding: 0 5px;
    overflow: hidden;
}

.floor-hd .hd-tags li .arrowImg {
    position: absolute;
    left: -1px;
    display: none;
}

.floor-hd .hd-tags li.current {
    border-bottom: 0;
}

.floor-hd .hd-tags li.current .arrowImg {
    display: block;
}

.floor-bd {
    margin-top: 10px;
    overflow: hidden;
    height: 570px;
}

.floor-bd .bd-left {
    float: left;
    width: 475px;
    height: 100%;
}

.floor-bd .bd-right {
    float: right;
    width: 715px;
    height: 100%;
}

.floor-left-slide,
.floor-left-slide .bd {
    overflow: hidden;
    position: relative;
}

.floor-left-slide .bd li {
    float: left;
    width: 100%;
    height: auto;
}

.floor-left-slide .hd {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 12px;
    text-align: center;
    font-size: 0;
}

.floor-left-slide .hd li {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a0a0a0;
    margin-right: 5px;
    cursor: pointer;
}

.floor-left-slide .hd li.last {
    margin-right: 0;
}

.floor-left-slide .hd li.on {
    background-color: #fff;
}

.floor-left-adv {
    float: left;
}

.floor-left-adv a {
    display: block;
}

.f-r-main {
    width: calc(100% + 12px);
    float: left;
    margin-top: -10px;
    display: none;
}

.f-r-m-adv {
    display: block;
}

.f-r-main .f-r-m-item {
    float: left;
    width: 232px;
    height: 280px;
    position: relative;
    margin: 10px 10px 0 0;
}

.f-r-main .f-r-m-i-double {
    width: 474px;
}

.f-r-main .f-r-m-item .title {
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    z-index: 2;
    left: 25px;
    top: 20px;
}

.f-r-main .f-r-m-item .title h3 {
    color: #555;
}

.f-r-main .f-r-m-item img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 232px;
    height: 280px;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
}

.f-r-main .f-r-m-item:hover img {
    right: 5px;
}

.f-r-main .f-r-m-i-double img {
    width: 474px;
}

.f-r-main .p-list {
    margin-left: 18px;
    width: calc(100% + 28px);
}

.f-r-main .p-list li {
    float: left;
    width: 200px;
    height: 280px;
    margin: 10px 36px 0 0;
}

.f-r-main .p-list li .p-img {
    width: 200px;
    height: 200px;
    display: block;
}

.f-r-main .p-list li .p-name {
    color: #555;
    line-height: 20px;
    font-size: 14px;
    margin-top: 10px;
    height: 38px;
    overflow: hidden;
}

.f-r-main .p-list li .p-price {
    font-size: 16px;
    color: #f42424;
    margin-top: 8px;
    line-height: 20px;
}

.f-r-main .p-list li:hover .p-name {
    color: #e23435;
}

.f-r-main .p-list .original-price {
    display: none;
}

.bd-mode-01 .floor-left-slide {
    float: left;
    width: 232px;
    height: 100%;
    position: relative;
}

.bd-mode-01 .floor-left-slide .bd li,
.bd-mode-01 .floor-left-slide .bd li img {
    height: 570px;
    width: 232px;
}

.bd-mode-01 .floor-left-adv {
    margin-left: 10px;
}

.bd-mode-01 .floor-left-adv a:first-child {
    margin-bottom: 10px;
}

.bd-mode-01 .floor-left-adv a img,
.bd-mode-02 .floor-left-adv a img {
    width: 232px;
    height: 280px;
}

.bd-mode-02 .floor-left-slide {
    float: left;
    width: 474px;
    height: 280px;
    position: relative;
}

.bd-mode-02 .floor-left-slide .bd li,
.bd-mode-02 .floor-left-slide .bd li img {
    height: 280px;
    width: 474px;
}

.bd-mode-02 .floor-left-adv {
    width: 100%;
    margin-top: 10px;
}

.bd-mode-02 .floor-left-adv a {
    float: left;
}

.bd-mode-02 .floor-left-adv a:first-child {
    margin-right: 10px;
}

.bd-mode-03 .floor-left-adv a:first-child {
    margin-bottom: 10px;
}

.bd-mode-04 .floor-left-slide {
    float: left;
    width: 474px;
    height: 280px;
    position: relative;
    margin-top: 10px;
}

.bd-mode-04 .floor-left-slide .bd li,
.bd-mode-04 .floor-left-slide .bd li img {
    width: 474px;
    height: 280px;
}

.bd-mode-04 .floor-left-adv {
    width: 100%;
}

.bd-mode-04 .floor-left-adv a {
    float: left;
}

.bd-mode-04 .floor-left-adv a:first-child {
    margin-right: 10px;
}

.floor-fd {
    margin-top: 10px;
    width: 100%;
    height: 60px;
}

.floor-fd-brand {
    overflow: hidden;
    height: 60px;
}

.floor-fd-brand .item {
    width: 118px;
    height: 58px;
    border: 1px solid #fff;
    float: left;
    text-align: center;
    position: relative;
}

.floor-fd-brand .item a {}

.floor-fd-brand .item .img {
    width: 118px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

.floor-fd-brand .item .img img {
    max-width: 118px;
}

.floor-fd-brand .item .link,
.floor-fd-brand .item .link-l {
    height: 30px;
    width: 1px;
    background-color: #f8f8f8;
    position: absolute;
    top: 15px;
    z-index: 9;
}

.floor-fd-brand .item .link {
    right: -2px;
}

.floor-fd-brand .item .link-l {
    left: -1px;
}

.floor-fd-brand .item:last-child .link {
    right: 0;
}

.floor-fd-brand .item:hover {
    border-color: #f8f8f8;
}

.floor-fd-brand .item:hover .link {
    display: none;
}

.floormodule {
    overflow: hidden;
    width: 596px;
    float: left;
}

.floormodule .floor-content {
    width: 100%;
    margin: 0;
}

.floormodule .floor-line-con {
    width: 100%;
}

.floormodule .floor-bd {
    width: 596px;
    height: 480px;
}

.floormodule .floor-bd .bd-left {
    width: 232px;
}

.floormodule .floor-bd .bd-right {
    width: 364px;
}

.floormodule .f-r-main {
    width: 100%;
}

.floormodule .f-r-main .f-r-m-item {
    width: 172px;
    height: 235px;
    margin: 10px 0 0 10px;
}

.floormodule .f-r-main .f-r-m-item img {
    width: 172px;
    height: 235px;
}

.floormodule .f-r-main .f-r-m-item.f-r-m-i-double,
.floormodule .f-r-main .f-r-m-item.f-r-m-i-double img {
    width: 354px;
    height: 235px;
}

.floormodule .f-r-main .p-list {
    width: 100%;
    margin-left: 0;
}

.floormodule .f-r-main .p-list li {
    width: 150px;
    height: 235px;
    margin: 10px 0 0 25px;
}

.floormodule .f-r-main .p-list li .p-img {
    width: 150px;
    height: 150px;
}

.floormodule .f-r-main .p-list li .p-name {
    height: 40px;
    overflow: hidden;
}

.floormodule .floor-fd-brand .item,
.floor-fd-brand .item .img {
    width: 117px;
}

.floormodule .floor-hd .hd-tit {
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.floor-loading {
    width: 1200px;
    height: 668px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: none;
}

.floor-loading .floor-loading-warp {
    width: 1200px;
    height: 668px;
    display: table-cell;
    vertical-align: middle;
}

.goods-floor-loading,
.goods-floor-loading .floor-loading-warp {
    height: 300px;
}


/*新增楼层模板 start*/

.floor-line-con .floor-bd .p-list li.nobor {
    border: 0;
}

.f-r-curr {
    display: block;
}

.p-img img {
    width: 100%;
    height: 100%;
}

.floorThree .f-r-main {
    margin-top: 0;
}

.p-list-item {
    float: left;
    width: 230px;
    height: 288px;
    position: relative;
    margin: 10px 10px 0 0;
    border: 1px solid #eeeeee;
}

.p-list-item .product {
    padding: 15px 15px;
}

.p-list-item .p-img {
    width: 200px;
    height: 200px;
}

.p-list-item .p-name {
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
}

.p-list-item .p-name a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.p-list-item .p-price {
    text-align: left;
    margin-top: 5px;
}

.floor-bd .p-list {
    float: left;
}

.floor-bd .p-list li .product {
    padding: 18px 20px;
}

.floor-bd .p-list li .p-img,
.floor-bd .p-list li .p-img img {
    width: 160px;
    height: 160px;
}

.floor-bd .p-list li .p-name {
    margin-top: 10px;
    text-align: left;
    width: 100%;
    height: auto;
}

.floor-bd .p-list li .p-name a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.floor-bd .p-list li .p-price {
    text-align: left;
    margin-top: 5px;
}

.floor-bd .p-list li.left-child {
    border-left-color: #fff;
}

.floor-bd .p-list li.right-child {
    border-right-color: #fff;
}

.floor-bd .p-list li .fr-btn {
    width: 100%;
    height: 40px;
    background-color: #f42424;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    display: block;
}


/*第一套可视化楼层样式*/

.floorOne .f-r-main .p-list li .product {
    padding: 0;
}

.floorOne .f-r-main .p-list li .p-img,
.floorOne .f-r-main .p-list li .p-img img {
    width: 200px;
    height: 200px;
}

.floorOne .f-r-main .p-list li .p-name {
    height: 38px;
}

.floorOne .f-r-main .p-list li .p-name a {
    text-overflow: clip;
    white-space: normal;
}

.floorOne .floor-bd .p-list li .p-price {
    margin-top: 8px;
}


/*第二套可视化楼层样式*/

.floorTwo .f-r-main .p-list li .product {
    padding: 0;
}

.floorTwo .f-r-main .p-list li .product .p-img,
.floorTwo .f-r-main .p-list li .product .p-img img {
    width: 150px;
    height: 150px;
}

.floorTwo .f-r-main .p-list li .product .p-name {
    height: 40px;
}

.floorTwo .f-r-main .p-list li .product .p-name a {
    text-overflow: clip;
    white-space: normal;
}


/*第三套可视化楼层样式*/

.floorThree .floor-hd {
    color: #333;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 6px;
}

.floorThree .floor-hd .hd-tit {
    padding: 0;
}

.floorThree .floor-hd .hd-tags {
    padding-right: 0;
}

.floorThree .floor-hd .hd-tags li {
    border: 0;
    background: none;
    margin: 18px 0 12px 40px;
    width: auto;
}

.floorThree .floor-hd .hd-tags li.current {
    color: #f42424;
}

.floorThree .floor-bd {
    height: 600px;
    margin-top: 0;
}

.floorThree .bd-left {
    width: 232px;
    margin: 10px 10px 0 0;
}

.floorThree .bd-right {
    width: 958px;
}

.floorThree .bd-right .floor-left-adv {
    margin: 10px 10px 0 0;
}

.floorThree .bd-right .f-r-m-item {
    float: left;
    width: 232px;
    height: 290px;
    position: relative;
    margin: 10px 10px 0 0;
}

.floorThree .bd-right .f-r-m-item img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 232px;
    height: 290px;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
}

.floorThree .bd-right .f-r-m-item:hover img {
    right: 5px;
}

.floorThree .bd-right .f-r-m-item .title {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    width: 100%;
    text-align: center;
    bottom: 20px;
    top: inherit;
    left: 0;
}

.floorThree .bd-right .f-r-m-item .title h3,
.floorThree .bd-right .f-r-m-item .title span {
    color: #555;
    font-weight: normal;
    font-size: 14px;
}

.FT-bd-more-01 {
    overflow: hidden;
    margin-top: 0;
}

.FT-bd-more-01 ul {
    width: 1210px;
    margin-top: 10px;
}

.FT-bd-more-01 li {
    float: left;
    width: 232px;
    height: 590px;
    margin-right: 10px;
}

.FT-bd-more-01 li:last-child {
    margin-right: 0;
}

.floorThree .f-r-m-adv {
    margin-top: 0;
}

.FT-bd-more-04 .floor-left-adv a {
    margin-bottom: 10px;
}

.FT-bd-more-04 .floor-left-adv a:last-child {
    margin-bottom: 0;
}


/*第四套可视化楼层样式*/

.floorFour .floor-hd {
    height: 45px;
}

.floorFour .floor-hd .hd-tit {
    line-height: 45px;
    font-size: 22px;
}

.floorFour .floor-hd .hd-tags li {
    width: auto;
    border: 0;
    background: none;
    margin: 8px 0 9px;
    padding: 0 15px;
}

.floorFour .floor-hd .hd-tags li.current {
    color: #f42424;
}

.floorFour .floor-bd {
    height: 520px;
    overflow: hidden;
    margin-top: 0;
}

.floorFour .floor-bd .bd-left {
    width: 200px;
}

.floorFour .floor-bd .bd-right {
    width: 1000px;
    float: left;
}

.floorFour .floor-bd .floor-left-adv {
    float: left;
    width: 200px;
    height: 520px;
}

.floorFour .floor-bd .floor-left-adv img {
    width: 100%;
    height: 100%;
}

.floorFour .floor-bd .p-list {
    float: left;
}

.floorFour .floor-bd .p-list li {
    float: left;
    width: 199px;
    height: 259px;
    text-align: center;
    border: 1px solid #dcdcdc;
    margin: -1px 0 0 -1px;
}

.floorFour .f-r-main {
    margin-top: 0;
}

.floorFour .p-list {
    margin: 0;
    width: 100%;
}

.floorFour .FF-bd-more-01 .bd-left,
.floorFour .FF-bd-more-01 .bd-right {
    width: 50%;
    float: left;
}

.floorFour .FF-bd-more-01 .p-list {
    width: 400px;
}

.floorFour .p-list li.left-child,
.floorFour .FF-bd-more-02 .p-list li:nth-child(5n + 1),
.floorFour .FF-bd-more-03 .p-list li:nth-child(5n + 1) {
    border-left-color: #fff;
}

.floorFour .FF-bd-more-04 .bd-right {
    width: 100%;
}

.floorFour .FF-bd-more-04 .p-list li.left-child,
.floorFour .FF-bd-more-04 .p-list li:nth-child(6n + 1) {
    margin-left: 0;
    border-left-color: #dcdcdc;
    width: 198px;
}


/*第五套可视化楼层样式*/

.floorFive .floor-hd {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #696969;
}

.floorFive .floor-hd .hd-tit {
    color: #333;
    font-size: 24px;
    padding-left: 20px;
}

.floorFive .floor-hd .hd-tit .iconfont {
    color: #4accf1;
    float: left;
}

.floorFive .floor-hd .hd-tit i.iconfont {
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 18px 0;
}

.floorFive .floor-hd .hd-tit i.iconfont img {
    width: 24px;
    height: 24px;
}

.floorFive .floor-hd .hd-tit em.iconfont {
    font-size: 12px;
    margin: 0 10px;
}

.floorFive .floor-hd .hd-tags {
    padding: 0;
}

.floorFive .floor-hd .hd-tags li {
    border-color: #d2d2d2;
    border-radius: 15px;
    color: #888888;
    font-size: 12px;
    background: #fff;
    margin: 15px 0 15px 10px;
}

.floorFive .floor-hd .hd-tags li.current {
    border: 1px #4accf1 solid;
    color: #4accf1;
}

.floorFive .floor-bd {
    margin-top: 20px;
    height: auto;
    min-height: 450px;
}

.floorFive .floor-fd {
    height: 95px;
    margin-top: 20px;
}

.floorFive .floor-fd .floor-fd-slide {
    overflow: hidden;
    position: relative;
}

.floorFive .floor-fd .floor-fd-slide .bd {
    width: 1120px;
    height: 95px;
    overflow: hidden;
    margin: 0 auto;
}

.floorFive .floor-fd .floor-fd-slide .bd li {
    float: left;
    width: 280px;
    height: 95px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-img {
    float: left;
    width: 95px;
    height: 95px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-info {
    float: left;
    margin-left: 12px;
    width: 173px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-name {
    font-size: 12px;
    width: 150px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 12px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-name a {
    display: block;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-price {
    font-size: 18px;
    margin-top: 5px;
}

.floorFive .floor-fd .floor-fd-slide .ff-prev,
.floorFive .floor-fd .floor-fd-slide .ff-next {
    width: 23px;
    height: 40px;
    display: block;
    background: url(../images/floor4prevNext.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.floorFive .floor-fd .floor-fd-slide .ff-prev {
    left: 0px;
    background-position: 0px 0px;
}

.floorFive .floor-fd .floor-fd-slide .ff-next {
    right: 0px;
    background-position: -45px 0px;
}

.floorFive .floor-bd .f-r-main {
    width: 100%;
}

.floorFive .floor-bd .bd-left {
    width: 477px;
}

.floorFive .floor-bd .floor-left-slide {
    float: left;
    width: 477px;
    height: 450px;
    position: relative;
}

.floorFive .floor-bd .f-bd-item {
    float: left;
    margin-left: 5px;
    width: 236px;
}

.floorFive .floor-bd .fr-adv {
    position: relative;
    width: 236px;
    height: 280px;
}

.floorFive .floor-bd .fr-adv .title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px;
}

.floorFive .floor-bd .fr-adv .title h3 {
    font-size: 24px;
    color: #4accf1;
}

.floorFive .floor-bd .fr-adv .title span {
    font-size: 14px;
    color: #888;
    display: block;
    margin-top: 3px;
}

.floorFive .floor-bd .floor-adv {
    width: 236px;
    height: 165px;
}

.floorFive .p-list {
    margin: 0;
}

.floorFive .p-list li {
    float: left;
    width: 230px;
    height: 288px;
    position: relative;
    margin: 10px 10px 0 0;
    border: 1px solid #eeeeee;
}

.floorFive .p-list li .p-img,
.floorFive .p-list li .p-img img {
    width: 200px;
    height: 200px;
}

.floorFive .FFI-bd-more-01 .bd-left {
    width: 100%;
}

.floorFive .FFI-bd-more-01 .bd-left .floor-left-adv {
    overflow: hidden;
}

.floorFive .FFI-bd-more-01 .bd-left .floor-left-adv li {
    float: left;
    width: 236px;
    height: 450px;
    margin-left: 5px;
}

.floorFive .FFI-bd-more-01 .bd-left .floor-left-adv li img {
    width: 100%;
    height: 100%;
}

.floorFive .FFI-bd-more-02 .bd-right {
    float: left;
    width: 723px;
}

.floorFive .FFI-bd-more-03 .bd-left {
    width: 718px;
}

.floorFive .FFI-bd-more-03 .bd-left .floor-left-slide {
    margin-left: 5px;
}

.floorFive .FFI-bd-more-03 .bd-right {
    width: 482px;
}

.floorFive .FFI-bd-more-04 .bd-left {
    width: 482px;
}

.floorFive .FFI-bd-more-04 .bd-right {
    width: 718px;
}

.floorFive .FFI-bd-more-04 .bd-right .floor-left-slide {
    margin-right: 5px;
}

.floorFive .FFI-bd-more-05 .bd-left {
    width: 718px;
}

.floorFive .FFI-bd-more-05 .bd-right {
    width: 482px;
}

.floorFive .FFI-bd-more-05 .bd-right .floor-left-slide {
    margin-left: 5px;
}


/*第六套可视化楼层样式*/

.floorSix .floor-hd {
    height: 50px;
    line-height: 50px;
}

.floorSix .floor-hd .hd-tit {
    font-size: 22px;
    color: #333;
    padding-left: 0;
    line-height: 50px;
}

.floorSix .floor-hd .hd-tit i {
    display: block;
    float: left;
    width: 5px;
    height: 20px;
    background: #c891ff;
    margin: 15px 15px 15px 0;
}

.floorSix .floor-hd .hd-tags {
    float: left;
    padding: 0 0 0 30px;
}

.floorSix .floor-hd .hd-tags li {
    color: #888;
    margin: 11px 0;
    border: 0;
    width: auto;
    padding: 0 15px;
}

.floorSix .floor-hd .hd-tags li.current {
    color: #f42424;
}

.floorSix .floor-bd {
    height: 480px;
}

.floorSix .floor-bd .bd-left {
    width: 400px;
    position: relative;
}

.floorSix .floor-bd .bd-right {
    float: left;
    width: 800px;
}

.floorSix .floor-bd .floor-left-adv {
    width: 100%;
}

.floorSix .floor-bd .floor-left-adv .f-bd-item {
    width: 198px;
    height: 478px;
    float: left;
    border: 1px solid #f0f0f0;
    margin: 0 0 0 -1px;
}

.floorSix .floor-bd .floor-left-adv .f-bd-item img {
    width: 100%;
    height: 100%;
}

.floorSix .floor-bd .floor-left-adv .child-double {
    width: 398px;
}

.floorSix .floor-bd .floor-left-adv .child-double a {
    width: 398px;
    height: 238px;
    display: block;
}

.floorSix .floor-bd .floor-left-adv .child-double a:first-child {
    border-bottom: 1px solid #f0f0f0;
}

.floorSix .floor-left-slide .hd {
    bottom: 90px;
}

.floorSix .floor-brand {
    width: 380px;
    height: 60px;
    position: absolute;
    background: #fff;
    left: 10px;
    bottom: 10px;
    overflow: hidden;
}

.floorSix .floor-brand .fb-bd {
    width: 344px;
    margin: 0 auto;
}

.floorSix .floor-brand .fb-bd li {
    width: 104px;
    height: 46px;
    border: 1px solid #fff;
    float: left;
    text-align: center;
    position: relative;
    margin: 6px 8px 6px 0;
}

.floorSix .floor-brand .fb-bd li a {
    width: 104px;
    height: 46px;
    display: table-cell;
    vertical-align: middle;
}

.floorSix .floor-brand .fb-bd li a img {
    width: 104px;
    height: 46px;
}

.floorSix .floor-brand .fs_prev,
.floorSix .floor-brand .fs_next {
    width: 16px;
    height: 36px;
    line-height: 38px;
    display: block;
    position: absolute;
    background: #d7d7d7;
    top: 12px;
    color: #fff;
}

.floorSix .floor-brand .fs_prev {
    left: 0;
}

.floorSix .floor-brand .fs_next {
    right: 0;
}

.floorSix .floor-tabs-content {
    float: left;
}

.floorSix .f-r-main {
    float: left;
    width: 100%;
    margin: 0;
}

.floorSix .f-r-main .p-list li {
    width: 199px;
    height: 239px;
    border: 1px solid #f0f0f0;
    float: left;
    margin: 0 0 -1px -1px;
    position: relative;
}

.floorSix .f-r-main .p-list li.child-curr {
    height: 238px;
}

.floorSix .f-r-main .p-list li .product {
    width: 150px;
    padding: 20px 24px 15px;
}

.floorSix .f-r-main .p-list li .product .p-img,
.floorSix .f-r-main .p-list li .product .p-img img {
    width: 150px;
    height: 150px;
}

.floorSix .f-r-main .p-list li .product .p-name {
    font-size: 12px;
}

.floorSix .f-r-main .p-list li .fr-btn {
    display: none;
    position: absolute;
    bottom: 0;
}

.floorSix .f-r-main .p-list li:hover .fr-btn {
    display: block;
}

.floorSix .FS-bd-more-01 .floor-left-adv {
    width: 800px;
}

.floorSix .FS-bd-more-01 .p-list li:nth-child(1),
.floorSix .FS-bd-more-01 .p-list li:nth-child(2),
.floorSix .FS-bd-more-01 .p-list li:nth-child(3),
.floorSix .FS-bd-more-01 .p-list li:nth-child(4),
.floorSix .FS-bd-more-02 .p-list li:nth-child(1),
.floorSix .FS-bd-more-02 .p-list li:nth-child(2),
.floorSix .FS-bd-more-03 .p-list li:nth-child(1),
.floorSix .FS-bd-more-03 .p-list li:nth-child(2),
.floorSix .FS-bd-more-03 .p-list li:nth-child(3),
.floorSix .FS-bd-more-04 .p-list li:nth-child(1),
.floorSix .FS-bd-more-04 .p-list li:nth-child(2),
.floorSix .FS-bd-more-04 .p-list li:nth-child(3),
.floorSix .FS-bd-more-04 .p-list li:nth-child(4) {
    height: 238px;
}

.floorSix .FS-bd-more-02 .floor-left-adv {
    width: 400px;
}

.floorSix .FS-bd-more-02 .floor-left-adv .f-bd-item {
    border-right-color: #fff;
}

.floorSix .FS-bd-more-02 .floor-tabs-content {
    width: 400px;
}

.floorSix .floor-tabs-content .p-list {
    margin-left: 0;
}

.floorSix .FS-bd-more-03 .floor-left-adv {
    width: 200px;
}

.floorSix .FS-bd-more-03 .floor-tabs-content {
    width: 600px;
}


/*第七套可视化楼层样式*/

.floorSeven .floor-bd {
    height: 440px;
}

.floorSeven .bd-left {
    width: 400px;
    position: relative;
}

.floorSeven .bd-right {
    width: 800px;
}

.floorSeven .bd-right .floor-left-adv {
    width: 200px;
}

.floorSeven .bd-right .floor-tabs-content {
    float: left;
    width: 800px;
}

.floorSeven .bd-right .f-r-main {
    width: 100%;
    margin-top: 0;
}

.floorSeven .bd-right .p-list li {
    float: left;
    width: 199px;
    height: 218px;
    border: 1px solid #f0f0f0;
    margin: 0 0 -1px -1px;
}

.floorSeven .bd-right .p-list li.child-curr {
    height: 219px;
}

.floorSeven .bd-right .p-list li.child-double {
    width: 401px;
    border: 0;
}

.floorSeven .bd-right .p-list .product {
    width: 130px;
    padding: 20px 35px 19px;
}

.floorSeven .bd-right .p-list .product .p-img,
.floorSeven .bd-right .p-list .product .p-img img {
    width: 130px;
    height: 130px;
}

.floorSeven .bd-right .p-list li .product .p-name {
    font-size: 12px;
    height: auto;
}

.floorSeven .bd-right .p-list li .p-price {
    margin-top: 3px;
}

.floorSeven .floor-nav {
    width: 130px;
    height: 400px;
    padding: 20px 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .1);
}

.floorSeven .floor-nav li {
    width: 88px;
    height: 28px;
    line-height: 28px;
    float: right;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, .2);
    text-indent: 15px;
    margin: 10px 20px 0 0;
    position: relative;
    -o-transition: width .3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
    -ms-transition: width .3s;
    transition: width .3s;
    cursor: pointer;
}

.floorSeven .floor-nav li.current {
    width: 108px;
    background-color: #fff;
    color: #333;
    margin-left: 0;
    text-indent: 35px;
}

.floorSeven .floor-nav li i {
    width: 8px;
    height: 8px;
    background-color: #fff;
    position: absolute;
    right: -5px;
    top: 10px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: none;
}

.floorSeven .floor-nav li.current i {
    display: block;
}

.floorSeven .FSE-bd-more-01 .floor-tabs-content {
    width: 600px;
}

.floorSeven .bd-right .p-list {
    width: auto;
    margin: 0;
}

.floorSeven .bd-right .p-list-two {
    width: 200px;
}

.floorSeven .bd-right .p-list-two li {
    border-right-color: #fff;
}

.floorSeven .bd-right .p-list-four {
    width: 400px;
}

.floorSeven .bd-right .p-list-six {
    width: 600px;
}


/*第八套可视化楼层样式*/

.floorEight .floor-hd {
    color: #333;
}

.floorEight .floor-hd .hd-tit {
    font-size: 24px;
    font-weight: bold;
    padding: 0;
}

.floorEight .floor-hd li {
    width: auto;
    padding: 0 20px;
    margin: 22px 0;
    border: 0;
    border-right: 1px solid #ccc;
    height: 14px;
    line-height: 14px;
    background: none;
}

.floorEight .floor-hd li:last-child {
    border-right: 0;
    padding-right: 0;
}


/*.floorEight .floor-hd li.current{ color:#f78b4c;}*/

.floorEight .floor-bd {
    height: 430px;
    margin: 0;
}

.floorEight .bd-left {
    width: 232px;
}

.floorEight .bd-left .floor_silder {
    position: relative;
}

.floorEight .bd-left .floor_silder .bd {
    position: relative;
    margin-top: 62px;
}

.floorEight .bd-left .floor_silder .bd ul {
    width: 195px;
    height: 330px;
    margin: 0 auto;
    position: relative;
}

.floorEight .bd-left .floor_silder .bd li {
    width: 195px;
    height: 330px;
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
}

.floorEight .bd-left .floor_silder .bd li.img_first {
    top: 0;
    left: 0;
    z-index: 100;
}

.floorEight .bd-left .floor_silder .bd li.img_second {
    top: -9px;
    left: 12px;
    z-index: 90;
    width: 170px;
}

.floorEight .bd-left .floor_silder .bd li.img_third {
    top: -18px;
    left: 22px;
    z-index: 80;
    width: 150px;
}

.floorEight .bd-left .floor_silder .bd li a {
    padding-top: 30px;
    display: block;
    width: 150px;
    margin: 0 auto;
}

.floorEight .bd-left .floor_silder .bd li .silder-img img {
    width: 148px;
    height: 160px;
}

.floorEight .bd-left .floor_silder .bd li .color_mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 330px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.4;
    background-color: #f89d5d;
}

.floorEight .bd-left .bd li:nth-child(1) .color_mask {
    opacity: 0;
}

.floorEight .bd-left .bd li:nth-child(2) .color_mask {
    opacity: 0.5;
}

.floorEight .bd-left .bd li:nth-child(3) .color_mask {
    opacity: 0.8;
}

.floorEight .bd-left .bd li .silder-title {
    padding-top: 20px;
}

.floorEight .bd-left .bd li .silder-title h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.floorEight .bd-left .bd li .silder-title span {
    font-size: 14px;
    color: #333;
    display: block;
    padding-top: 5px;
}

.floorEight .bd-left .hd {
    position: absolute;
    bottom: 36px;
    width: 100%;
    display: block;
    text-align: center;
    z-index: 101;
}

.floorEight .bd-left .hd li {
    width: 22px;
    height: 4px;
    background-color: #ccc;
    display: inline-block;
    margin-right: 5px;
}

.floorEight .bd-left .hd li:last-child {
    margin-right: 0;
}

.floorEight .bd-left .hd li.on {
    background-color: #f9a270;
}

.floorEight .FE-bd-more-01 {
    height: 280px;
}

.floorEight .FE-bd-more-01 .bd-left {
    width: 393px;
    height: 280px;
}

.floorEight .FE-bd-more-01 .bd-right {
    width: 807px;
}

.floorEight .FE-bd-more-01 .bd-right .floor-left-adv a {
    float: left;
    width: 192px;
    height: 280px;
    float: left;
    margin-left: 10px;
    display: block;
}

.floorEight .FE-bd-more-01 .bd-right .floor-left-adv a:last-child {
    margin-left: 9px;
}

.floorEight .bd-right {
    float: left;
    width: 968px;
}

.floorEight .f-r-main {
    margin-top: 0;
}

.floorEight .p-list {
    margin: 0;
    width: 100%;
}

.floorEight .bd-right .p-list li {
    float: left;
    width: 241px;
    height: 213px;
    border: 1px solid #f0f0f0;
    text-align: center;
    margin: 0 0 -1px -1px;
}

.floorEight .bd-right .p-list li.child-double {
    width: 484px;
    height: 215px;
    border: 0;
    margin: 0
}

.floorEight .bd-right .p-list li.child-double .floor-left-adv img {
    width: 484px;
    height: 215px;
}

.floorEight .bd-right .p-list li .product {
    padding: 11px 20px;
}

.floorEight .bd-right .p-list li .p-img,
.floorEight .bd-right .p-list li .p-img img {
    width: 130px;
    height: 130px;
    display: inline-block;
}

.floorEight .bd-right .p-list li .p-name {
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
}

.floorEight .bd-right .p-list li .p-price {
    margin-top: 5px;
    text-align: center;
}

.floorEight .FE-bd-more-02 .bd-right .p-list li:nth-child(2),
.floorEight .FE-bd-more-02 .bd-right .p-list li:nth-child(3),
.floorEight .FE-bd-more-03 .bd-right .p-list li:nth-child(-n+4),
.floorEight .FE-bd-more-04 .bd-right .p-list li:nth-child(-n+2),
.floorEight .FE-bd-more-05 .bd-right .p-list li:nth-child(1) {
    height: 214px;
}

.floorEight .FE-bd-more-04 .p-list,
.floorEight .FE-bd-more-04 .floor-left-adv {
    width: 484px;
}

.floorEight .FE-bd-more-05 .p-list,
.floorEight .FE-bd-more-05 .floor-left-adv {
    width: 242px;
}

.floorEight .FE-bd-more-02 .bd-left {
    background: #f9ab57;
    background: -moz-linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -webkit-linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -webkit-linear-gradient(60deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -moz-linear-gradient(60deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -o-linear-gradient(60deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9ab57', endColorstr='#f78a4b', GradientType=1);
}

.floorEight .FE-bd-more-03 .bd-left {
    background: #93cbff;
    background: -moz-linear-gradient(30deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -webkit-linear-gradient(30deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -webkit-linear-gradient(60deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -moz-linear-gradient(60deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -o-linear-gradient(60deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: linear-gradient(30deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93cbff', endColorstr='#7066ef', GradientType=1);
}

.floorEight .FE-bd-more-04 .bd-left {
    background: #c0b3f8;
    background: -moz-linear-gradient(30deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -webkit-linear-gradient(30deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -webkit-linear-gradient(60deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -moz-linear-gradient(60deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -o-linear-gradient(60deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: linear-gradient(30deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c0b3f8', endColorstr='#978dfb', GradientType=1);
}

.floorEight .FE-bd-more-05 .bd-left {
    background: #ff8fb7;
    background: -moz-linear-gradient(30deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -webkit-linear-gradient(30deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -webkit-linear-gradient(60deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -moz-linear-gradient(60deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -o-linear-gradient(60deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: linear-gradient(30deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8fb7', endColorstr='#ff86d0', GradientType=1);
}


/*第九套可视化楼层样式*/

.floorNine {
    position: relative;
    padding: 0;
    margin-top: 40px;
}

.floorNine .floor-hd {
    height: 45px;
    line-height: 45px;
    background-color: #b8143c;
    position: relative;
}

.floorNine .floor-hd .hd-tags {
    padding: 0;
}

.floorNine .floor-hd .hd-tags li {
    height: 24px;
    line-height: 24px;
    width: auto;
    padding: 0 10px;
    margin: 10px 20px 9px 0;
    background: none;
    border: 1px solid #b8143c;
}

.floorNine .floor-hd .hd-tags li.current {
    border: 1px solid rgba(255, 255, 255, .5);
}

.floorNine .floor-tit-arrow {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    background-color: #61051b;
    transform: rotate(45deg);
    top: -6px;
    left: 186px;
}

.floorNine .floor-bd {
    height: 530px;
}

.floorNine .floor-bd .bd-left {
    position: absolute;
    width: 193px;
    height: 585px;
    top: -10px;
    background-color: #f31349;
}

.floorNine .floor-bd .bd-left-title {
    height: 55px;
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
}

.floorNine .floor-bd .bd-left-title h3 {
    font-weight: bold;
    padding-top: 5px;
    font-size: 24px;
}

.floorNine .floor-bd .bd-left-title i {
    display: inline-block;
    width: 16px;
    height: 1px;
    background-color: #fff;
    margin: 10px 88px 0;
    float: left;
}

.floorNine .floor-bd .floor-left-slide {
    width: 160px;
    margin: 25px auto 0;
    overflow: visible;
}

.floorNine .floor-bd .floor-left-slide .hd {
    bottom: -28px;
}

.floorNine .floor-bd .floor-left-slide .hd li {
    margin-right: 10px;
    background: rgba(255, 255, 255, .4);
}

.floorNine .floor-bd .floor-left-slide .hd li.on {
    background: rgba(255, 255, 255, .7);
}

.floorNine .floor-bd .floor-left-slide .hd li:last-child {
    margin-right: 0;
}

.floorNine .floor-bd .floor-left-slide .bd {
    height: 457px;
}

.floorNine .floor-bd .bd-right {
    width: 1000px;
    margin: -10px 0 0 7px;
}

.floorNine .floor-bd .bd-right .f-r-main {
    margin: 0;
}

.floorNine .f-r-main .f-r-m-items {
    float: left;
    width: 500px;
}

.floorNine .f-r-main .f-r-m-item {
    margin: 10px 0 0 10px;
    width: 240px;
    height: 255px;
}

.floorNine .f-r-main .f-r-m-item .title {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    width: 100%;
    text-align: center;
    bottom: 10px;
    top: inherit;
    left: inherit;
}

.floorNine .f-r-main .f-r-m-item .title h3 {
    font-size: 18px;
    color: #333;
}

.floorNine .f-r-main .f-r-m-item .title span {
    font-size: 14px;
    color: #999;
}

.floorNine .f-r-main .f-r-m-item img {
    width: 100%;
    height: 100%;
}

.floorNine .f-r-main .floor-left-adv {
    width: 500px;
}

.floorNine .f-r-main .floor-left-adv a {
    width: 240px;
    height: 255px;
    float: left;
    margin: 10px 0 0 10px;
}

.floorNine .f-r-main .floor-left-adv .adv-module {
    width: 490px;
}

.floorNine .f-r-main .p-list-item {
    float: left;
    width: 238px;
    height: 253px;
    margin: 10px 0 0 10px;
    border: 1px solid #eee;
}

.floorNine .f-r-main .p-list-item .product {
    width: 190px;
    padding: 23px 25px;
    text-align: center;
}

.floorNine .f-r-main .p-list-item .product .p-img {
    width: 142px;
    height: 142px;
    margin: 0 auto;
}

.floorNine .f-r-main .p-list-item .product .p-name {
    font-size: 14px;
    width: 100%;
}

.floorNine .f-r-main .p-list-item .product .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
}

.floorNine .f-r-main .p-list-item .product .p-price {
    margin-top: 5px;
}

.floorNine.FN-bd-more-01 .floor-hd {
    background-color: #b8143c;
}

.floorNine.FN-bd-more-01 .floor-tit-arrow {
    background-color: #61051b;
}

.floorNine.FN-bd-more-01 .bd-left {
    background-color: #f31349;
}

.floorNine.FN-bd-more-02 .floor-hd {
    background-color: #da8500;
}

.floorNine.FN-bd-more-02 .floor-tit-arrow {
    background-color: #9f6101;
}

.floorNine.FN-bd-more-02 .bd-left {
    background-color: #f39c13;
}

.floorNine.FN-bd-more-03 .floor-hd {
    background-color: #8300d7;
}

.floorNine.FN-bd-more-03 .floor-tit-arrow {
    background-color: #7100b8;
}

.floorNine.FN-bd-more-03 .bd-left {
    background-color: #9c13f3;
}

.floorNine.FN-bd-more-04 .floor-hd {
    background-color: #00c679;
}

.floorNine.FN-bd-more-04 .floor-tit-arrow {
    background-color: #018451;
}

.floorNine.FN-bd-more-04 .bd-left {
    background-color: #00e58c;
}


/*第十套可视化楼层样式*/

.floorTen .floor-title {
    text-align: center;
}

.floorTen .floor-title-con {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    position: relative;
}

.floorTen .floor-title-con h3 {
    display: block;
    width: 200px;
    padding: 0 20px;
    background-color: #e11853;
    font-size: 20px;
    color: #fff;
}

.floorTen .floor-title-con i {
    width: 0;
    height: 0;
    border-bottom: 44px solid rgba(255, 24, 83, .3);
    position: absolute;
    top: 0;
}

.floorTen .floor-title-con i.left-arrow {
    left: -10px;
    border-left: 10px solid transparent;
}

.floorTen .floor-title-con i.right-arrow {
    right: -10px;
    border-right: 10px solid transparent;
}

.floorTen .floor-bd {
    height: 473px;
    margin-top: 0;
}

.floorTen .bd-left {
    width: 200px;
    position: relative;
}

.floorTen .floor-left-slide .hd {
    bottom: 135px;
    height: 5px;
}

.floorTen .floor-left-slide .hd li {
    border-radius: inherit;
    width: 20px;
    height: 5px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, .5);
}

.floorTen .floor-left-slide .hd li.on {
    background-color: #fff;
}

.floorTen .floor-left-slide .hd li:last-child {
    margin-right: 0;
}

.floorTen .floor-nav {
    position: absolute;
    width: 200px;
    top: 358px;
}

.floorTen .floor-nav ul {
    margin-left: 11px;
    width: 189px;
}

.floorTen .floor-nav li {
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 0 7px;
    margin: 0 6px 8px 0;
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .1);
    float: left;
    cursor: pointer;
}

.floorTen .floor-nav li.current {
    border-color: #fff;
}

.floorTen .bd-right {
    width: 1000px;
}

.floorTen .floor-bd .bd-right .f-r-main {
    margin: 0;
}

.floorTen .bd-right .p-list {
    width: auto;
    margin: 0;
}

.floorTen .bd-right .p-list .li {
    float: left;
    width: 199px;
    height: auto;
    border: 1px solid #eee;
    margin: 0 0 -1px -1px;
}

.floorTen .bd-right .p-list .li .product {
    padding: 10px 20px 10px 20px;
    height: 215px;
}

.floorTen .bd-right .p-list .li .product .p-img {
    width: 158px;
    height: 158px;
}

.floorTen .bd-right .p-list .li .product .p-name {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.floorTen .bd-right .p-list .li .product .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.floorTen .bd-right .p-list .li .product .p-name a:hover {
    color: #f42424;
}

.floorTen .bd-right .p-list .li .product .p-price {
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    font-size: 16px;
    color: #f42424;
}

.floorTen .bd-right .p-list .child-double {
    width: 399px;
    height: 235px;
    border: 1px solid #eee;
    margin: 0 0 -1px -1px;
}


/*新增楼层模板 end*/


/*floor color start*/

.box_hd_arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 19px solid #fff;
    border-right: 19px solid transparent;
}

.box_hd_dec {
    width: 28px;
    height: 28px;
    position: absolute;
    left: -4px;
    top: -4px;
}

.floorOne.floor-color-type-1 .floor-hd,
.floorTwo.floor-color-type-1 .floor-hd,
.floorFour.floor-color-type-1 .floor-hd,
.floorSix.floor-color-type-1 .floor-hd .hd-tit i {
    background-color: #d84566;
}

.floorOne.floor-color-type-1 .f-r-m-item .title span,
.floorTwo.floor-color-type-1 .f-r-m-item .title span {
    color: #d84566;
}

.floorOne.floor-color-type-1 .box_hd_dec,
.floorTwo.floor-color-type-1 .box_hd_dec {
    background-position: -1px -1px;
}

.floorOne.floor-color-type-2 .floor-hd,
.floorTwo.floor-color-type-2 .floor-hd,
.floorFour.floor-color-type-2 .floor-hd,
.floorSix.floor-color-type-2 .floor-hd .hd-tit i {
    background-color: #ec7546;
}

.floorOne.floor-color-type-2 .f-r-m-item .title span,
.floorTwo.floor-color-type-2 .f-r-m-item .title span {
    color: #ec7546;
}

.floorOne.floor-color-type-2 .box_hd_dec,
.floorTwo.floor-color-type-2 .box_hd_dec {
    background-position: -45px -1px;
}

.floorOne.floor-color-type-3 .floor-hd,
.floorTwo.floor-color-type-3 .floor-hd,
.floorFour.floor-color-type-3 .floor-hd,
.floorSix.floor-color-type-3 .floor-hd .hd-tit i {
    background-color: #3aab6d;
}

.floorOne.floor-color-type-3 .f-r-m-item .title span,
.floorTwo.floor-color-type-3 .f-r-m-item .title span {
    color: #3aab6d;
}

.floorOne.floor-color-type-3 .box_hd_dec,
.floorTwo.floor-color-type-3 .box_hd_dec {
    background-position: -85px -1px;
}

.floorOne.floor-color-type-4 .floor-hd,
.floorTwo.floor-color-type-4 .floor-hd,
.floorFour.floor-color-type-4 .floor-hd,
.floorSix.floor-color-type-4 .floor-hd .hd-tit i {
    background-color: #498bad;
}

.floorOne.floor-color-type-4 .f-r-m-item .title span,
.floorTwo.floor-color-type-4 .f-r-m-item .title span {
    color: #498bad;
}

.floorOne.floor-color-type-4 .box_hd_dec,
.floorTwo.floor-color-type-4 .box_hd_dec {
    background-position: -125px -1px;
}

.floorOne.floor-color-type-5 .floor-hd,
.floorTwo.floor-color-type-5 .floor-hd,
.floorFour.floor-color-type-5 .floor-hd,
.floorSix.floor-color-type-5 .floor-hd .hd-tit i {
    background-color: #aa5586;
}

.floorOne.floor-color-type-5 .f-r-m-item .title span,
.floorTwo.floor-color-type-5 .f-r-m-item .title span {
    color: #aa5586;
}

.floorOne.floor-color-type-5 .box_hd_dec,
.floorTwo.floor-color-type-5 .box_hd_dec {
    background-position: -165px -1px;
}

.floorOne.floor-color-type-6 .floor-hd,
.floorTwo.floor-color-type-6 .floor-hd,
.floorFour.floor-color-type-6 .floor-hd,
.floorSix.floor-color-type-6 .floor-hd .hd-tit i {
    background-color: #f6c024;
}

.floorOne.floor-color-type-6 .f-r-m-item .title span,
.floorTwo.floor-color-type-6 .f-r-m-item .title span {
    color: #f6c024;
}

.floorOne.floor-color-type-6 .box_hd_dec,
.floorTwo.floor-color-type-6 .box_hd_dec {
    background-position: -2px -42px;
}

.floorOne.floor-color-type-7 .floor-hd,
.floorTwo.floor-color-type-7 .floor-hd,
.floorFour.floor-color-type-7 .floor-hd,
.floorSix.floor-color-type-7 .floor-hd .hd-tit i {
    background-color: #39b6b6;
}

.floorOne.floor-color-type-7 .f-r-m-item .title span,
.floorTwo.floor-color-type-7 .f-r-m-item .title span {
    color: #39b6b6;
}

.floorOne.floor-color-type-7 .box_hd_dec,
.floorTwo.floor-color-type-7 .box_hd_dec {
    background-position: -43px -41px;
}

.floorOne.floor-color-type-8 .floor-hd,
.floorTwo.floor-color-type-8 .floor-hd,
.floorFour.floor-color-type-8 .floor-hd,
.floorSix.floor-color-type-8 .floor-hd .hd-tit i {
    background-color: #8364a4;
}

.floorOne.floor-color-type-8 .f-r-m-item .title span,
.floorTwo.floor-color-type-8 .f-r-m-item .title span {
    color: #8364a4;
}

.floorOne.floor-color-type-8 .box_hd_dec,
.floorTwo.floor-color-type-8 .box_hd_dec {
    background-position: -85px -41px;
}

.floorOne.floor-color-type-9 .floor-hd,
.floorTwo.floor-color-type-9 .floor-hd,
.floorFour.floor-color-type-9 .floor-hd,
.floorSix.floor-color-type-9 .floor-hd .hd-tit i {
    background-color: #ff889e;
}

.floorOne.floor-color-type-9 .f-r-m-item .title span,
.floorTwo.floor-color-type-9 .f-r-m-item .title span {
    color: #ff889e;
}

.floorOne.floor-color-type-9 .box_hd_dec,
.floorTwo.floor-color-type-9 .box_hd_dec {
    background-position: -125px -41px;
}

.floorOne.floor-color-type-10 .floor-hd,
.floorTwo.floor-color-type-10 .floor-hd,
.floorFour.floor-color-type-10 .floor-hd,
.floorSix.floor-color-type-10 .floor-hd .hd-tit i {
    background-color: #569b86;
}

.floorOne.floor-color-type-10 .f-r-m-item .title span,
.floorTwo.floor-color-type-10 .f-r-m-item .title span {
    color: #569b86;
}

.floorOne.floor-color-type-10 .box_hd_dec,
.floorTwo.floor-color-type-10 .box_hd_dec {
    background-position: -165px -41px;
}

.floorOne.floor-color-type-11 .floor-hd,
.floorTwo.floor-color-type-11 .floor-hd,
.floorFour.floor-color-type-11 .floor-hd,
.floorSix.floor-color-type-11 .floor-hd .hd-tit i {
    background-color: #1698ce;
}

.floorOne.floor-color-type-11 .f-r-m-item .title span,
.floorTwo.floor-color-type-11 .f-r-m-item .title span {
    color: #1698ce;
}

.floorOne.floor-color-type-11 .box_hd_dec,
.floorTwo.floor-color-type-11 .box_hd_dec {
    background-position: -45px -82px;
}

.floorOne.floor-color-type-12 .floor-hd,
.floorTwo.floor-color-type-12 .floor-hd,
.floorFour.floor-color-type-12 .floor-hd,
.floorSix.floor-color-type-12 .floor-hd .hd-tit i {
    background-color: #339d7b;
}

.floorOne.floor-color-type-12 .f-r-m-item .title span,
.floorTwo.floor-color-type-12 .f-r-m-item .title span {
    color: #339d7b;
}

.floorOne.floor-color-type-12 .box_hd_dec,
.floorTwo.floor-color-type-12 .box_hd_dec {
    background-position: -84px -82px;
}

.floorOne.floor-color-type-13 .floor-hd,
.floorTwo.floor-color-type-13 .floor-hd,
.floorFour.floor-color-type-13 .floor-hd,
.floorSix.floor-color-type-13 .floor-hd .hd-tit i {
    background-color: #de9c10;
}

.floorOne.floor-color-type-13 .f-r-m-item .title span,
.floorTwo.floor-color-type-13 .f-r-m-item .title span {
    color: #de9c10;
}

.floorOne.floor-color-type-13 .box_hd_dec,
.floorTwo.floor-color-type-13 .box_hd_dec {
    background-position: -125px -82px;
}

.floorOne.floor-color-type-14 .floor-hd,
.floorTwo.floor-color-type-14 .floor-hd,
.floorFour.floor-color-type-14 .floor-hd,
.floorSix.floor-color-type-14 .floor-hd .hd-tit i {
    background-color: #00bbc8;
}

.floorOne.floor-color-type-14 .f-r-m-item .title span,
.floorTwo.floor-color-type-14 .f-r-m-item .title span {
    color: #00bbc8;
}

.floorOne.floor-color-type-14 .box_hd_dec,
.floorTwo.floor-color-type-14 .box_hd_dec {
    background-position: -164px -82px;
}

.floorOne.floor-color-type-15 .floor-hd,
.floorTwo.floor-color-type-15 .floor-hd,
.floorFour.floor-color-type-15 .floor-hd,
.floorSix.floor-color-type-15 .floor-hd .hd-tit i {
    background-color: #63ca9b;
}

.floorOne.floor-color-type-15 .f-r-m-item .title span,
.floorTwo.floor-color-type-15 .f-r-m-item .title span {
    color: #63ca9b;
}

.floorOne.floor-color-type-15 .box_hd_dec,
.floorTwo.floor-color-type-15 .box_hd_dec {
    background-position: -1px -123px;
}

.floorOne.floor-color-type-16 .floor-hd,
.floorTwo.floor-color-type-16 .floor-hd,
.floorFour.floor-color-type-16 .floor-hd,
.floorSix.floor-color-type-16 .floor-hd .hd-tit i {
    background-color: #cd75ce;
}

.floorOne.floor-color-type-16 .f-r-m-item .title span,
.floorTwo.floor-color-type-16 .f-r-m-item .title span {
    color: #cd75ce;
}

.floorOne.floor-color-type-16 .box_hd_dec,
.floorTwo.floor-color-type-16 .box_hd_dec {
    background-position: -45px -123px;
}

.floorOne.floor-color-type-17 .floor-hd,
.floorTwo.floor-color-type-17 .floor-hd,
.floorFour.floor-color-type-17 .floor-hd,
.floorSix.floor-color-type-17 .floor-hd .hd-tit i {
    background-color: #a28bed;
}

.floorOne.floor-color-type-17 .f-r-m-item .title span,
.floorTwo.floor-color-type-17 .f-r-m-item .title span {
    color: #a28bed;
}

.floorOne.floor-color-type-17 .box_hd_dec,
.floorTwo.floor-color-type-17 .box_hd_dec {
    background-position: -84px -123px;
}

.floorOne.floor-color-type-18 .floor-hd,
.floorTwo.floor-color-type-18 .floor-hd,
.floorFour.floor-color-type-18 .floor-hd,
.floorSix.floor-color-type-18 .floor-hd .hd-tit i {
    background-color: #4accf1;
}

.floorOne.floor-color-type-18 .f-r-m-item .title span,
.floorTwo.floor-color-type-18 .f-r-m-item .title span {
    color: #4accf1;
}

.floorOne.floor-color-type-18 .box_hd_dec,
.floorTwo.floor-color-type-18 .box_hd_dec {
    background-position: -124px -123px;
}

.floorOne.floor-color-type-19 .floor-hd,
.floorTwo.floor-color-type-19 .floor-hd,
.floorFour.floor-color-type-19 .floor-hd,
.floorSix.floor-color-type-19 .floor-hd .hd-tit i {
    background-color: #f14ad3;
}

.floorOne.floor-color-type-19 .f-r-m-item .title span,
.floorTwo.floor-color-type-19 .f-r-m-item .title span {
    color: #f14ad3;
}

.floorOne.floor-color-type-19 .box_hd_dec,
.floorTwo.floor-color-type-19 .box_hd_dec {
    background-position: -164px -123px;
}

.floorOne.floor-color-type-20 .floor-hd,
.floorTwo.floor-color-type-20 .floor-hd,
.floorFour.floor-color-type-20 .floor-hd,
.floorSix.floor-color-type-20 .floor-hd .hd-tit i {
    background-color: #ff6c6e;
}

.floorOne.floor-color-type-20 .f-r-m-item .title span,
.floorTwo.floor-color-type-20 .f-r-m-item .title span {
    color: #ff6c6e;
}

.floorOne.floor-color-type-20 .box_hd_dec,
.floorTwo.floor-color-type-20 .box_hd_dec {
    background-position: -1px -163px;
}

.floorOne.floor-color-type-21 .floor-hd,
.floorTwo.floor-color-type-21 .floor-hd,
.floorFour.floor-color-type-21 .floor-hd,
.floorSix.floor-color-type-21 .floor-hd .hd-tit i {
    background-color: #dd4137;
}

.floorOne.floor-color-type-21 .f-r-m-item .title span,
.floorTwo.floor-color-type-21 .f-r-m-item .title span {
    color: #dd4137;
}

.floorOne.floor-color-type-21 .box_hd_dec,
.floorTwo.floor-color-type-21 .box_hd_dec {
    background-position: -45px -163px;
}

.floorOne.floor-color-type-22 .floor-hd,
.floorTwo.floor-color-type-22 .floor-hd,
.floorFour.floor-color-type-22 .floor-hd,
.floorSix.floor-color-type-22 .floor-hd .hd-tit i {
    background-color: #5bc6ab;
}

.floorOne.floor-color-type-22 .f-r-m-item .title span,
.floorTwo.floor-color-type-22 .f-r-m-item .title span {
    color: #5bc6ab;
}

.floorOne.floor-color-type-22 .box_hd_dec,
.floorTwo.floor-color-type-22 .box_hd_dec {
    background-position: -85px -163px;
}

.floorOne.floor-color-type-23 .floor-hd,
.floorTwo.floor-color-type-23 .floor-hd,
.floorFour.floor-color-type-23 .floor-hd,
.floorSix.floor-color-type-23 .floor-hd .hd-tit i {
    background-color: #c891ff;
}

.floorOne.floor-color-type-23 .f-r-m-item .title span,
.floorTwo.floor-color-type-23 .f-r-m-item .title span {
    color: #c891ff;
}

.floorOne.floor-color-type-23 .box_hd_dec,
.floorTwo.floor-color-type-23 .box_hd_dec {
    background-position: -125px -163px;
}

.floorOne.floor-color-type-24 .floor-hd,
.floorTwo.floor-color-type-24 .floor-hd,
.floorFour.floor-color-type-24 .floor-hd,
.floorSix.floor-color-type-24 .floor-hd .hd-tit i {
    background-color: #29a8c3;
}

.floorOne.floor-color-type-24 .f-r-m-item .title span,
.floorTwo.floor-color-type-24 .f-r-m-item .title span {
    color: #29a8c3;
}

.floorOne.floor-color-type-24 .box_hd_dec,
.floorTwo.floor-color-type-24 .box_hd_dec {
    background-position: -165px -163px;
}

.floorOne.floor-color-type-25 .floor-hd,
.floorTwo.floor-color-type-25 .floor-hd,
.floorFour.floor-color-type-25 .floor-hd,
.floorSix.floor-color-type-25 .floor-hd .hd-tit i {
    background-color: #f89fe9;
}

.floorOne.floor-color-type-25 .f-r-m-item .title span,
.floorTwo.floor-color-type-25 .f-r-m-item .title span {
    color: #f89fe9;
}

.floorOne.floor-color-type-25 .box_hd_dec,
.floorTwo.floor-color-type-25 .box_hd_dec {
    background-position: -1px -205px;
}

.floorOne.floor-color-type-26 .floor-hd,
.floorTwo.floor-color-type-26 .floor-hd,
.floorFour.floor-color-type-26 .floor-hd,
.floorSix.floor-color-type-26 .floor-hd .hd-tit i {
    background-color: #f27d74;
}

.floorOne.floor-color-type-26 .f-r-m-item .title span,
.floorTwo.floor-color-type-26 .f-r-m-item .title span {
    color: #f27d74;
}

.floorOne.floor-color-type-26 .box_hd_dec,
.floorTwo.floor-color-type-26 .box_hd_dec {
    background-position: -45px -205px;
}

.floorThree.floor-color-type-1 .f-r-m-item .title h3,
.floorFive.floor-color-type-1 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-1 .floor-hd .hd-tit .iconfont {
    color: #d84566;
}

.floorThree.floor-color-type-2 .f-r-m-item .title h3,
.floorFive.floor-color-type-2 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-2 .floor-hd .hd-tit .iconfont {
    color: #ec7546;
}

.floorThree.floor-color-type-3 .f-r-m-item .title h3,
.floorFive.floor-color-type-3 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-3 .floor-hd .hd-tit .iconfont {
    color: #3aab6d;
}

.floorThree.floor-color-type-4 .f-r-m-item .title h3,
.floorFive.floor-color-type-4 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-4 .floor-hd .hd-tit .iconfont {
    color: #498bad;
}

.floorThree.floor-color-type-5 .f-r-m-item .title h3,
.floorFive.floor-color-type-5 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-5 .floor-hd .hd-tit .iconfont {
    color: #aa5586;
}

.floorThree.floor-color-type-6 .f-r-m-item .title h3,
.floorFive.floor-color-type-6 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-6 .floor-hd .hd-tit .iconfont {
    color: #f6c024;
}

.floorThree.floor-color-type-7 .f-r-m-item .title h3,
.floorFive.floor-color-type-7 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-7 .floor-hd .hd-tit .iconfont {
    color: #39b6b6;
}

.floorThree.floor-color-type-8 .f-r-m-item .title h3,
.floorFive.floor-color-type-8 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-8 .floor-hd .hd-tit .iconfont {
    color: #8364a4;
}

.floorThree.floor-color-type-9 .f-r-m-item .title h3,
.floorFive.floor-color-type-9 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-9 .floor-hd .hd-tit .iconfont {
    color: #ff889e;
}

.floorThree.floor-color-type-10 .f-r-m-item .title h3,
.floorFive.floor-color-type-10 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-10 .floor-hd .hd-tit .iconfont {
    color: #569b86;
}

.floorThree.floor-color-type-11 .f-r-m-item .title h3,
.floorFive.floor-color-type-11 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-11 .floor-hd .hd-tit .iconfont {
    color: #1698ce;
}

.floorThree.floor-color-type-12 .f-r-m-item .title h3,
.floorFive.floor-color-type-12 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-12 .floor-hd .hd-tit .iconfont {
    color: #339d7b;
}

.floorThree.floor-color-type-13 .f-r-m-item .title h3,
.floorFive.floor-color-type-13 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-13 .floor-hd .hd-tit .iconfont {
    color: #de9c10;
}

.floorThree.floor-color-type-14 .f-r-m-item .title h3,
.floorFive.floor-color-type-14 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-14 .floor-hd .hd-tit .iconfont {
    color: #00bbc8;
}

.floorThree.floor-color-type-15 .f-r-m-item .title h3,
.floorFive.floor-color-type-15 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-15 .floor-hd .hd-tit .iconfont {
    color: #63ca9b;
}

.floorThree.floor-color-type-16 .f-r-m-item .title h3,
.floorFive.floor-color-type-16 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-16 .floor-hd .hd-tit .iconfont {
    color: #cd75ce;
}

.floorThree.floor-color-type-17 .f-r-m-item .title h3,
.floorFive.floor-color-type-17 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-17 .floor-hd .hd-tit .iconfont {
    color: #a28bed;
}

.floorThree.floor-color-type-18 .f-r-m-item .title h3,
.floorFive.floor-color-type-18 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-18 .floor-hd .hd-tit .iconfont {
    color: #4accf1;
}

.floorThree.floor-color-type-19 .f-r-m-item .title h3,
.floorFive.floor-color-type-19 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-19 .floor-hd .hd-tit .iconfont {
    color: #f14ad3;
}

.floorThree.floor-color-type-20 .f-r-m-item .title h3,
.floorFive.floor-color-type-20 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-20 .floor-hd .hd-tit .iconfont {
    color: #ff6c6e;
}

.floorThree.floor-color-type-21 .f-r-m-item .title h3,
.floorFive.floor-color-type-21 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-21 .floor-hd .hd-tit .iconfont {
    color: #dd4137;
}

.floorThree.floor-color-type-22 .f-r-m-item .title h3,
.floorFive.floor-color-type-22 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-22 .floor-hd .hd-tit .iconfont {
    color: #5bc6ab;
}

.floorThree.floor-color-type-23 .f-r-m-item .title h3,
.floorFive.floor-color-type-23 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-23 .floor-hd .hd-tit .iconfont {
    color: #c891ff;
}

.floorThree.floor-color-type-24 .f-r-m-item .title h3,
.floorFive.floor-color-type-24 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-24 .floor-hd .hd-tit .iconfont {
    color: #29a8c3;
}

.floorThree.floor-color-type-25 .f-r-m-item .title h3,
.floorFive.floor-color-type-25 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-25 .floor-hd .hd-tit .iconfont {
    color: #f89fe9;
}

.floorThree.floor-color-type-26 .f-r-m-item .title h3,
.floorFive.floor-color-type-26 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-26 .floor-hd .hd-tit .iconfont {
    color: #f27d74;
}

.floorFive.floor-color-type-1 .floor-hd .hd-tags li.current {
    color: #d84566;
    border-color: #d84566
}

.floorFive.floor-color-type-2 .floor-hd .hd-tags li.current {
    color: #ec7546;
    border-color: #ec7546
}

.floorFive.floor-color-type-3 .floor-hd .hd-tags li.current {
    color: #3aab6d;
    border-color: #3aab6d
}

.floorFive.floor-color-type-4 .floor-hd .hd-tags li.current {
    color: #498bad;
    border-color: #498bad
}

.floorFive.floor-color-type-5 .floor-hd .hd-tags li.current {
    color: #aa5586;
    border-color: #aa5586
}

.floorFive.floor-color-type-6 .floor-hd .hd-tags li.current {
    color: #f6c024;
    border-color: #f6c024
}

.floorFive.floor-color-type-7 .floor-hd .hd-tags li.current {
    color: #39b6b6;
    border-color: #39b6b6
}

.floorFive.floor-color-type-8 .floor-hd .hd-tags li.current {
    color: #8364a4;
    border-color: #8364a4
}

.floorFive.floor-color-type-9 .floor-hd .hd-tags li.current {
    color: #ff889e;
    border-color: #ff889e
}

.floorFive.floor-color-type-10 .floor-hd .hd-tags li.current {
    color: #569b86;
    border-color: #569b86
}

.floorFive.floor-color-type-11 .floor-hd .hd-tags li.current {
    color: #1698ce;
    border-color: #1698ce;
}

.floorFive.floor-color-type-12 .floor-hd .hd-tags li.current {
    color: #339d7b;
    border-color: #339d7b;
}

.floorFive.floor-color-type-13 .floor-hd .hd-tags li.current {
    color: #de9c10;
    border-color: #de9c10;
}

.floorFive.floor-color-type-14 .floor-hd .hd-tags li.current {
    color: #00bbc8;
    border-color: #00bbc8;
}

.floorFive.floor-color-type-15 .floor-hd .hd-tags li.current {
    color: #63ca9b;
    border-color: #63ca9b;
}

.floorFive.floor-color-type-16 .floor-hd .hd-tags li.current {
    color: #cd75ce;
    border-color: #cd75ce;
}

.floorFive.floor-color-type-17 .floor-hd .hd-tags li.current {
    color: #a28bed;
    border-color: #a28bed;
}

.floorFive.floor-color-type-18 .floor-hd .hd-tags li.current {
    color: #4accf1;
    border-color: #4accf1;
}

.floorFive.floor-color-type-19 .floor-hd .hd-tags li.current {
    color: #f14ad3;
    border-color: #f14ad3;
}

.floorFive.floor-color-type-20 .floor-hd .hd-tags li.current {
    color: #ff6c6e;
    border-color: #ff6c6e;
}

.floorFive.floor-color-type-21 .floor-hd .hd-tags li.current {
    color: #dd4137;
    border-color: #dd4137;
}

.floorFive.floor-color-type-22 .floor-hd .hd-tags li.current {
    color: #5bc6ab;
    border-color: #5bc6ab;
}

.floorFive.floor-color-type-23 .floor-hd .hd-tags li.current {
    color: #c891ff;
    border-color: #c891ff;
}

.floorFive.floor-color-type-24 .floor-hd .hd-tags li.current {
    color: #29a8c3;
    border-color: #29a8c3;
}

.floorFive.floor-color-type-25 .floor-hd .hd-tags li.current {
    color: #f89fe9;
    border-color: #f89fe9;
}

.floorFive.floor-color-type-26 .floor-hd .hd-tags li.current {
    color: #f27d74;
    border-color: #f27d74;
}

.floorEight .FE-bd-more-02 .bd-left .bd li .silder-title h3 {
    color: #f78b4c;
}

.floorEight .FE-bd-more-03 .bd-left .bd li .silder-title h3 {
    color: #5c9bf1;
}

.floorEight .FE-bd-more-04 .bd-left .bd li .silder-title h3 {
    color: #6d62da;
}

.floorEight .FE-bd-more-05 .bd-left .bd li .silder-title h3 {
    color: #ff87d0;
}

.floorEight .FE-bd-more-02 .bd-left .hd li.on {
    background-color: #f9a270;
}

.floorEight .FE-bd-more-03 .bd-left .hd li.on {
    background-color: #5c9bf1;
}

.floorEight .FE-bd-more-04 .bd-left .hd li.on {
    background-color: #6d62da;
}

.floorEight .FE-bd-more-05 .bd-left .hd li.on {
    background-color: #ff87d0;
}

.floorEight.floor-color-type-1 .floor-hd .hd-tags li.current {
    color: #d84566;
}

.floorEight.floor-color-type-2 .floor-hd .hd-tags li.current {
    color: #ec7546;
}

.floorEight.floor-color-type-3 .floor-hd .hd-tags li.current {
    color: #3aab6d;
}

.floorEight.floor-color-type-4 .floor-hd .hd-tags li.current {
    color: #498bad;
}

.floorEight.floor-color-type-5 .floor-hd .hd-tags li.current {
    color: #aa5586;
}

.floorEight.floor-color-type-6 .floor-hd .hd-tags li.current {
    color: #f6c024;
}

.floorEight.floor-color-type-7 .floor-hd .hd-tags li.current {
    color: #39b6b6;
}

.floorEight.floor-color-type-8 .floor-hd .hd-tags li.current {
    color: #8364a4;
}

.floorEight.floor-color-type-9 .floor-hd .hd-tags li.current {
    color: #ff889e;
}

.floorEight.floor-color-type-10 .floor-hd .hd-tags li.current {
    color: #569b86;
}

.floorEight.floor-color-type-11 .floor-hd .hd-tags li.current {
    color: #1698ce;
}

.floorEight.floor-color-type-12 .floor-hd .hd-tags li.current {
    color: #339d7b;
}

.floorEight.floor-color-type-13 .floor-hd .hd-tags li.current {
    color: #de9c10;
}

.floorEight.floor-color-type-14 .floor-hd .hd-tags li.current {
    color: #00bbc8;
}

.floorEight.floor-color-type-15 .floor-hd .hd-tags li.current {
    color: #63ca9b;
}

.floorEight.floor-color-type-16 .floor-hd .hd-tags li.current {
    color: #cd75ce;
}

.floorEight.floor-color-type-17 .floor-hd .hd-tags li.current {
    color: #a28bed;
}

.floorEight.floor-color-type-18 .floor-hd .hd-tags li.current {
    color: #4accf1;
}

.floorEight.floor-color-type-19 .floor-hd .hd-tags li.current {
    color: #f14ad3;
}

.floorEight.floor-color-type-20 .floor-hd .hd-tags li.current {
    color: #ff6c6e;
}

.floorEight.floor-color-type-21 .floor-hd .hd-tags li.current {
    color: #dd4137;
}

.floorEight.floor-color-type-22 .floor-hd .hd-tags li.current {
    color: #5bc6ab;
}

.floorEight.floor-color-type-23 .floor-hd .hd-tags li.current {
    color: #c891ff;
}

.floorEight.floor-color-type-24 .floor-hd .hd-tags li.current {
    color: #29a8c3;
}

.floorEight.floor-color-type-25 .floor-hd .hd-tags li.current {
    color: #f89fe9;
}

.floorEight.floor-color-type-26 .floor-hd .hd-tags li.current {
    color: #f27d74;
}

.floorTen.floor-color-type-1 .floor-title-con h3 {
    background-color: rgba(216, 69, 102, 1);
}

.floorTen.floor-color-type-1 .floor-title-con i {
    border-bottom-color: rgba(216, 69, 102, .3);
}

.floorTen.floor-color-type-2 .floor-title-con h3 {
    background-color: rgba(236, 117, 70, 1);
}

.floorTen.floor-color-type-2 .floor-title-con i {
    border-bottom-color: rgba(236, 117, 70, .3);
}

.floorTen.floor-color-type-3 .floor-title-con h3 {
    background-color: rgba(58, 171, 109, 1);
}

.floorTen.floor-color-type-3 .floor-title-con i {
    border-bottom-color: rgba(58, 171, 109, .3);
}

.floorTen.floor-color-type-4 .floor-title-con h3 {
    background-color: rgba(73, 139, 173, 1);
}

.floorTen.floor-color-type-4 .floor-title-con i {
    border-bottom-color: rgba(73, 139, 173, .3);
}

.floorTen.floor-color-type-5 .floor-title-con h3 {
    background-color: rgba(170, 85, 134, 1);
}

.floorTen.floor-color-type-5 .floor-title-con i {
    border-bottom-color: rgba(170, 85, 134, .3);
}

.floorTen.floor-color-type-6 .floor-title-con h3 {
    background-color: rgba(246, 192, 36, 1);
}

.floorTen.floor-color-type-6 .floor-title-con i {
    border-bottom-color: rgba(246, 192, 36, .3);
}

.floorTen.floor-color-type-7 .floor-title-con h3 {
    background-color: rgba(57, 182, 182, 1);
}

.floorTen.floor-color-type-7 .floor-title-con i {
    border-bottom-color: rgba(57, 182, 182, .3);
}

.floorTen.floor-color-type-8 .floor-title-con h3 {
    background-color: rgba(131, 100, 164, 1);
}

.floorTen.floor-color-type-8 .floor-title-con i {
    border-bottom-color: rgba(131, 100, 164, .3);
}

.floorTen.floor-color-type-9 .floor-title-con h3 {
    background-color: rgba(255, 136, 158, 1);
}

.floorTen.floor-color-type-9 .floor-title-con i {
    border-bottom-color: rgba(255, 136, 158, .3);
}

.floorTen.floor-color-type-10 .floor-title-con h3 {
    background-color: rgba(86, 155, 134, 1);
}

.floorTen.floor-color-type-10 .floor-title-con i {
    border-bottom-color: rgba(86, 155, 134, .3);
}

.floorTen.floor-color-type-11 .floor-title-con h3 {
    background-color: rgba(22, 152, 206, 1);
}

.floorTen.floor-color-type-11 .floor-title-con i {
    border-bottom-color: rgba(22, 152, 206, .3);
}

.floorTen.floor-color-type-12 .floor-title-con h3 {
    background-color: rgba(51, 157, 123, 1);
}

.floorTen.floor-color-type-12 .floor-title-con i {
    border-bottom-color: rgba(51, 157, 123, .3);
}

.floorTen.floor-color-type-13 .floor-title-con h3 {
    background-color: rgba(222, 156, 16, 1);
}

.floorTen.floor-color-type-13 .floor-title-con i {
    border-bottom-color: rgba(222, 156, 16, .3);
}

.floorTen.floor-color-type-14 .floor-title-con h3 {
    background-color: rgba(0, 187, 200, 1);
}

.floorTen.floor-color-type-14 .floor-title-con i {
    border-bottom-color: rgba(0, 187, 200, .3);
}

.floorTen.floor-color-type-15 .floor-title-con h3 {
    background-color: rgba(99, 202, 155, 1);
}

.floorTen.floor-color-type-15 .floor-title-con i {
    border-bottom-color: rgba(99, 202, 155, .3);
}

.floorTen.floor-color-type-16 .floor-title-con h3 {
    background-color: rgba(205, 117, 206, 1);
}

.floorTen.floor-color-type-16 .floor-title-con i {
    border-bottom-color: rgba(205, 117, 206, .3);
}

.floorTen.floor-color-type-17 .floor-title-con h3 {
    background-color: rgba(162, 139, 237, 1);
}

.floorTen.floor-color-type-17 .floor-title-con i {
    border-bottom-color: rgba(162, 139, 237, .3);
}

.floorTen.floor-color-type-18 .floor-title-con h3 {
    background-color: rgba(74, 204, 241, 1);
}

.floorTen.floor-color-type-18 .floor-title-con i {
    border-bottom-color: rgba(74, 204, 241, .3);
}

.floorTen.floor-color-type-19 .floor-title-con h3 {
    background-color: rgba(241, 74, 211, 1);
}

.floorTen.floor-color-type-19 .floor-title-con i {
    border-bottom-color: rgba(241, 74, 211, .3);
}

.floorTen.floor-color-type-20 .floor-title-con h3 {
    background-color: rgba(255, 108, 110, 1);
}

.floorTen.floor-color-type-20 .floor-title-con i {
    border-bottom-color: rgba(255, 108, 110, .3);
}

.floorTen.floor-color-type-21 .floor-title-con h3 {
    background-color: rgba(221, 65, 55, 1);
}

.floorTen.floor-color-type-21 .floor-title-con i {
    border-bottom-color: rgba(221, 65, 55, .3);
}

.floorTen.floor-color-type-22 .floor-title-con h3 {
    background-color: rgba(91, 198, 171, 1);
}

.floorTen.floor-color-type-22 .floor-title-con i {
    border-bottom-color: rgba(91, 198, 171, .3);
}

.floorTen.floor-color-type-23 .floor-title-con h3 {
    background-color: rgba(200, 145, 255, 1);
}

.floorTen.floor-color-type-23 .floor-title-con i {
    border-bottom-color: rgba(200, 145, 255, .3);
}

.floorTen.floor-color-type-24 .floor-title-con h3 {
    background-color: rgba(41, 168, 195, 1);
}

.floorTen.floor-color-type-24 .floor-title-con i {
    border-bottom-color: rgba(41, 168, 195, .3);
}

.floorTen.floor-color-type-25 .floor-title-con h3 {
    background-color: rgba(248, 159, 233, 1);
}

.floorTen.floor-color-type-25 .floor-title-con i {
    border-bottom-color: rgba(248, 159, 233, .3);
}

.floorTen.floor-color-type-26 .floor-title-con h3 {
    background-color: rgba(242, 125, 116, 1);
}

.floorTen.floor-color-type-26 .floor-title-con i {
    border-bottom-color: rgba(242, 125, 116, .3);
}

.floorFour.floor-color-type-1 .floor-hd .hd-tags li.current,
.floorFour.floor-color-type-15 .floor-hd .hd-tags li.current,
.floorFour.floor-color-type-21 .floor-hd .hd-tags li.current {
    color: #ffef39;
}


/*floor color end*/

.titIcon {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    display: block;
    background: url(../images/common/tit_icon.png) no-repeat;
}

.promoWarp {
    margin-top: 20px;
}

.promoWarp .tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.promoWarp .tit h3 {
    float: left;
    padding-left: 48px;
    font-size: 24px;
    color: #fff;
}

.promoWarp .tit span {
    float: right;
    color: #fff;
    padding-right: 25px;
}

.promoWarp ul {
    margin-top: 10px;
    width: 1210px;
    height: auto;
}

.promoWarp li {
    float: left;
    border: 1px solid #eee;
    width: 230px;
    margin-right: 10px;
}

.promoWarp li .p-img,
.promoWarp li .p-img img {
    width: 230px;
    height: 230px;
}

.promoWarp li .info {
    text-align: center;
    padding: 15px 0;
}

.promoWarp li .info .price {
    font-size: 18px;
    color: #f42424;
}

.promoWarp li .info .name {
    height: 20px;
    margin-top: 5px;
}

.promoWarp li .info .name a {
    display: block;
    font-size: 14px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promoWarp li .info .time {
    font-size: 0;
    vertical-align: middle;
    margin-top: 5px;
}

.promoWarp li .info .time span,
.promoWarp li .info .time em {
    font-size: 12px;
}

.promoWarp li .info .time .label {
    color: #8c8c8c;
}

.promoWarp li .info .time em {
    display: inline-block;
    vertical-align: middle;
    margin-top: -12px;
}

.module {
    float: left;
    position: relative;
}

.sepmodule {
    margin-top: 20px;
}

.sepmodule .sepmodule_warp {
    width: 588px;
    height: 380px;
    float: left;
}

.sepmodule .sepmod-left {
    width: 232px;
    height: 380px;
    float: left;
    position: relative;
}

.sepmodule .tit {
    text-align: center;
    padding: 20px 0 15px 0;
}

.sepmodule .tit h3 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.sepmodule .tit .subtit {
    width: 198px;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    margin-top: 5px;
}

.sepmodule .tit .subtit em {
    padding: 0 10px;
    position: relative;
    z-index: 3;
}

.sepmodule .tit .subtit em i {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(../images/common/subtit_icon.png) no-repeat;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.sepmodule .tit .subtit span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 12px;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.sepmodule .sepmod-goods .p-img img {
    width: 100%;
    height: 100%;
}

.sepmodule .sepmod-goods .name {
    width: 100%;
    margin-top: 10px;
}

.sepmodule .sepmod-goods .name a {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.sepmodule .sepmod-goods .price {
    font-size: 18px;
    color: #f42424;
}

.sepmodule .sepmod-left .sepmod-goods {
    width: 160px;
    padding: 16px;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 auto;
}

.sepmodule .sepmod-left .sepmod-goods .img {
    width: 160px;
    height: 160px;
}

.sepmodule .sepmod-right {
    float: left;
    width: calc(100% - 232px);
}

.sepmodule .sepmod-right .sepmod-goods {
    float: left;
    width: 155px;
    margin: 0 0 15px 23px;
}

.sepmodule .sepmod-right .sepmod-goods img {
    width: 155px;
    height: 155px;
}

.sepmodule .sepmod-right .sepmod-goods .name {
    margin-top: 7px;
}

.other-content {
    width: 1200px;
    margin: 0 auto;
}

.ftit {
    overflow: hidden;
    padding: 0 0 20px;
    height: 35px;
    background: url(/images/index/dian-ico.png) repeat-x 0 18px;
    text-align: center;
    font-size: 21px;
    line-height: 33px;
}

.ftit h3 {
    display: inline;
    padding: 0 50px;
    background-color: #fff;
    font-weight: 400;
    font-size: 21px;
    color: #555;
}

.ftit-delr {
    background: url(/images/dian-ico2.png) repeat-x 0 18px;
}

.master-channel {
    margin: 30px 0;
}

.master-con {
    overflow: hidden;
}

.m-c-item {
    float: left;
    width: 232px;
    height: 120px;
    margin-right: 10px;
    position: relative;
    background-color: #ff889e;
}

.m-c-item .m-c-main {
    color: #fff;
    float: left;
    padding-left: 24px;
}

.m-c-item .m-c-main .title {
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
}

.m-c-item .m-c-main .title h3 {
    font-size: 16px;
    font-weight: bold;
}

.m-c-item .m-c-main .m-c-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 70px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    float: left;
    margin-top: 10px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.m-c-item .m-c-main .m-c-btn:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.m-c-item .img {
    position: absolute;
    top: 30px;
    right: 10px;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
    cursor: pointer;
}

.m-c-item .img:hover {
    right: 15px;
}

.m-c-i-1 {
    background-position: 0 0;
}

.m-c-i-2 {
    background-position: 0 -126px;
}

.m-c-i-3 {
    background-position: 0 -252px;
}

.m-c-i-4 {
    background-position: 0 -376px;
}

.m-c-i-5 {
    background-position: 0 -502px;
    margin-right: 0;
}

.m-c-i-1 .m-c-btn {
    color: #7bd1f6;
}

.m-c-i-2 .m-c-btn {
    color: #f75674;
}

.m-c-i-3 .m-c-btn {
    color: #f46750;
}

.m-c-i-4 .m-c-btn {
    color: #cd51eb;
}

.m-c-i-5 .m-c-btn {
    color: #43dd72;
}

.store-channel {}

.lift-channel {
    margin-top: 30px;
}

.rec-store-list {
    overflow: hidden;
    width: 1213px;
}

.rec-store-item {
    float: left;
    width: 290px;
    margin: 0 13px 10px 0;
}

.rec-store-item .p-img {
    width: 290px;
    height: 290px;
    display: block;
}

.rec-store-item .info {
    border: 6px solid #e5e5e5;
    border-top: 0;
    overflow: hidden;
    height: 85px;
}

.rec-store-item .info .s-logo {
    width: 114px;
    height: 56px;
    border: 1px dashed #dcdcdc;
    float: left;
    text-align: center;
    margin: 13px 18px;
}

.rec-store-item .info .s-logo .img {
    width: 114px;
    height: 56px;
    display: table-cell;
    vertical-align: middle;
}

.rec-store-item .info .s-title {
    float: left;
    font-size: 14px;
    color: #555;
    margin-top: 18px;
    line-height: 24px;
    width: 112px;
}

.rec-store-item .info .s-title .tit {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rec-store-item .info .s-title .ui-tit {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rec-store-list .rec-store-item.last,
.rec-store-list .rec-store-item:last-child {
    margin-right: 0;
}

.lift-channel li {
    float: left;
    width: 210px;
    margin: 0 10px 10px 0;
    border: 1px solid #D2D2D2;
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.lift-channel li .p-img {
    width: 210px;
    height: 210px;
}

.lift-channel li .p-name {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
    width: 200px;
}

.lift-channel li .p-price {
    line-height: 36px;
}

.lift-channel li .p-price .shop-price {
    float: left;
    font-size: 16px;
    color: #f42424;
}

.lift-channel li .p-price .original-price {
    float: left;
    margin-left: 5px;
    color: #555;
}

.lift {
    position: fixed;
    -moz-transform: translate(0, -50%) scale(1, 1);
    -webkit-transform: translate(0, -50%) scale(1, 1);
    -o-transform: translate(0, -50%) scale(1, 1);
    transform: translate(0, -50%) scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.lift-hide {
    transform: translate(0, -50%) scale(0, 0);
    -webkit-transform: translate(0, -50%) scale(0, 0);
    -moz-transform: translate(0, -50%) scale(0, 0);
    -o-transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}


/* 首页楼层左侧悬浮导航栏 start */


/* 第一种样式 */

.lift.lift-mode-one .lift {
    background-color: #fff;
}

.lift.lift-mode-one .lift-item {
    position: relative;
    width: 24px;
    height: 36px;
    line-height: 13px;
    padding: 0 6px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .6);
    background-color: #333\0;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.lift.lift-mode-one .lift-item span {
    height: 36px;
    display: table-cell;
    vertical-align: middle;
}

.lift.lift-mode-one .lift-item:hover,
.lift.lift-mode-one .lift-item-current {
    background-color: #f42424;
    color: #fff;
}

.lift.lift-mode-one .lift-item.lift-item-top {
    line-height: 36px;
    min-height: 30px;
}


/* 第二种样式 */

.lift.lift-mode-two .lift-item,
.lift.lift-mode-sthree .lift-item,
.lift.lift-mode-four .lift-item {
    width: 70px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e6e6e6;
    color: #333;
    text-align: center;
    margin-bottom: -2px;
    background-color: #fafafa;
    cursor: pointer;
    position: relative;
}

.lift.lift-mode-two .lift-item span,
.lift.lift-mode-sthree .lift-item span,
.lift.lift-mode-four .lift-item span {
    display: block;
    width: 60px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lift.lift-mode-two .lift-item.lift-item-top .iconfont,
.lift.lift-mode-sthree .lift-item.lift-item-top .iconfont,
.lift.lift-mode-four .lift-item.lift-item-top .iconfont {
    font-size: 12px;
    width: 10px;
    display: inline-block;
}

.lift.lift-mode-two .lift-item .lift-arrow,
.lift.lift-mode-sthree .lift-item .lift-arrow,
.lift.lift-mode-four .lift-item .lift-arrow {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #ff4040;
    position: absolute;
    top: 8px;
    right: -11px;
    display: none;
}

.lift.lift-mode-two .lift-item:hover,
.lift.lift-mode-two .lift-item-current {
    background-color: #ff4040;
    color: #fff;
    border-color: #ff4040;
}

.lift.lift-mode-two .lift-item-current .lift-arrow,
.lift.lift-mode-sthree .lift-item-current .lift-arrow,
.lift.lift-mode-four .lift-item-current .lift-arrow {
    display: block;
}


/* 第三种样式 */

.lift.lift-mode-sthree .lift-item {
    width: 72px;
    height: 30px;
    line-height: 30px;
    background-color: #9d9b9b;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #c7c6c6;
    margin-bottom: 0;
}

.lift.lift-mode-sthree .lift-item .lift-arrow {
    border-left-color: #392e2e;
    right: -10px;
    top: 10px;
}

.lift.lift-mode-sthree .lift-item:hover,
.lift.lift-mode-sthree .lift-item-current {
    background-color: #392e2e;
    color: #fff;
}


/* 第四种样式 */

.lift.lift-mode-four .lift-item {
    width: 72px;
    height: 30px;
    line-height: 30px;
    background-color: #fafafa;
    color: #666;
    border-color: #e6e6e6;
}

.lift.lift-mode-four .lift-item .lift-arrow {
    border-left-color: #bbb;
    right: -10px;
    top: 10px;
}

.lift.lift-mode-four .lift-item.lift-item-top {
    color: #f42424;
}

.lift.lift-mode-four .lift-item:hover,
.lift.lift-mode-four .lift-item-current {
    background-color: #bbb;
    color: #fff;
    border-color: #bbb;
}


/* 首页楼层左侧悬浮导航栏 start */


/*首页弹出广告*/

.ejectAdvbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    overflow: hidden;
    z-index: 100002;
}

.ejectAdvimg {
    width: 640px;
    height: 568px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -284px 0 0 -320px;
    z-index: 100003;
}

.ejectAdvimg a {
    display: block;
}

.ejectClose {
    position: absolute;
    width: 42px;
    height: 42px;
    display: block;
    z-index: 100004;
    top: 0;
    right: 50px;
    background: url(../images/closeAll.png) 0 0 no-repeat;
}


/* home end*/


/* goods-list start*/

.hot-sales {
    width: 100%;
}

.hotsale {
    background-color: #f5f5f5;
    margin: 10px auto;
}

.hotsale .hatsale-mt {
    font-size: 16px;
    color: #fff;
    background: #f42424;
    float: left;
    padding: 27px 12px;
    width: 16px;
    font-family: "microsoft yahei";
}

.hotsale .bd {
    float: left;
    position: relative;
    height: 110px;
    overflow: hidden;
    padding: 20px;
}

.hotsale li {
    width: 310px;
    height: 110px;
    border: 1px solid #fff;
    float: left;
    background: #fff;
    margin-right: 20px;
}

.hotsale li:hover {
    border-color: #ec5051;
}

.hotsale li:last-child {
    margin-right: 0;
}

.hotsale li.last {
    margin-right: 0;
}

.hotsale .item {
    padding: 10px;
    float: left;
}

.hotsale .item .p-img {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 12px;
}

.hotsale .item .p-img img {
    width: 100%;
}

.hotsale .item .p-name {
    float: left;
    width: 160px;
    height: 35px;
    overflow: hidden;
}

.hotsale .item .p-price {
    float: left;
    color: #f42424;
    padding-top: 6px;
    width: 120px;
    font-size: 14px;
    font-weight: bold;
}

.hotsale .item .btn {
    height: 22px;
    height: 22px;
    border: 0;
    margin-top: 6px;
    float: left;
}

.hotsale .prev,
.hotsale .next {
    background-color: #dedede;
    top: 35%;
}

.hotsale .next {
    right: 0;
}

.hotsale .prev {
    left: 15px;
}

.crumbs-nav {
    height: 25px;
    line-height: 25px;
    padding: 12px 0;
}

.crumbs-nav span {
    color: #8c8c8c;
    float: left;
}

.crumbs-nav-item {
    float: left;
    margin-right: 7px;
    position: relative;
}

.crumbs-nav-item .arrow {
    font-family: simsun;
}

.crumbs-nav-item a span {
    color: #555;
}

.crumbs-nav-item .menu-drop {
    float: left;
    margin-right: 7px;
    background-color: #fff;
}

.crumbs-nav-item .icon-right {
    font-size: 12px;
}

.cn-goodsName {
    width: 300px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    color: #8c8c8c;
}

.crumbs-nav span.arrow {
    margin: 0 7px;
    font-family: sans-serif;
    color: #8c8c8c;
}

.crumbs-nav span.finish {
    display: inline-block;
    width: 300px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.full-main-n {
    background-color: #f8f8f8;
}

.full-main-n .crumbs-nav {
    padding: 7px 0 8px;
}

.menu-drop .trigger {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #d2d2d2;
    cursor: pointer;
}

.menu-drop .icon-down {
    font-size: 12px;
    margin-left: 2px;
}

.menu-drop-main {
    display: none;
    width: 219px;
    padding: 6px 0 4px 10px;
    position: absolute;
    left: 0;
    top: 24px;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index: 10;
}

.menu-drop-main li {
    float: left;
    width: 68px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px 2px 0;
}

.menu-drop-open .trigger {
    position: relative;
    z-index: 12;
}

.menu-drop-open:hover .trigger {
    border-color: #f42424;
    border-bottom-color: #fff;
}

.menu-drop-open:hover .bottom {
    border-bottom: 1px solid #f00;
}

.menu-drop-open:hover .menu-drop-main {
    border-color: #f42424;
    display: block;
}

.selector {
    background-color: #fff;
    margin-bottom: 15px;
}

.selector .s-line {
    border: 1px dotted #d2d2d2;
    margin-top: -1px;
}

.selector .s-line:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.selector .s-l-wrap {
    position: relative;
    line-height: 28px;
    padding: 10px 0;
}

.selector .s-l-tit {
    float: left;
    padding-left: 30px;
    width: 80px;
    color: #8c8c8c;
}

.selector .s-l-value {
    margin-left: 110px;
    padding-right: 130px;
    padding-left: 10px;
    overflow: hidden;
    zoom: 1;
}

.selector .s-l-v-logos ul {
    overflow: hidden;
    zoom: 1;
    padding-top: 1px;
}

.selector .s-l-v-logos li {
    float: left;
    width: 118px;
    height: 58px;
    border: 1px solid #f8f8f8;
    margin: -1px -1px 0 0;
    background-color: #fff;
    position: relative;
    text-align: center;
}

.selector .s-l-v-logos li a {
    display: block;
    border: 1px solid #fff;
    width: 116px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    zoom: 1;
}

.selector .s-l-v-logos li .logo {
    display: table-cell;
    width: 116px;
    height: 56px;
    vertical-align: middle;
}

.selector .s-l-v-logos li:hover {
    position: relative;
    z-index: 5;
    border-color: #f42424;
}

.selector .s-l-v-logos li:hover a {
    border-color: #f42424;
    line-height: 56px;
    color: #f42424;
}

.selector .s-l-v-logos li:hover .logo {
    display: none;
}

.selector .s-l-v-logos li i {
    display: none;
    width: 12px;
    height: 12px;
    background: url(../images/dsc-icon.png) no-repeat;
    position: absolute;
    top: 1px;
    right: 1px;
}

.selector .s-l-v-list li {
    float: left;
    width: 100px;
    overflow: hidden;
    margin-right: 10px;
}

.selector .s-l-v-list li.curr a,
.selector .s-l-v-list li a.shaixuan {
    color: #f42424;
}

.selector .s-l-opt {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 75px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
}

.selector .s-l-opt a {
    display: block;
    float: left;
    border: 1px solid #d2d2d2;
    line-height: 18px;
    height: 18px;
    color: #8c8c8c;
}

.selector .s-l-opt a:hover {
    border-color: #f42424;
    color: #f42424;
}

.selector .s-l-opt a .iconfont {
    font-size: 12px;
    float: left;
    margin-top: 2px;
}

.selector .s-l-opt .s-l-more {
    width: 18px;
    text-align: center;
    margin-right: 5px;
}

.selector .s-l-opt .s-l-more .iconfont {
    margin-left: 3px;
}

.selector .s-l-opt .s-l-multiple {
    padding: 0 5px;
}

.selector .s-l-opt .s-l-multiple .iconfont {
    margin-right: 2px;
}

.s-more {
    text-align: center;
    position: relative;
    top: -1px;
    border-top: 5px solid #f8f8f8;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
}

.s-more span {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    background: #f8f8f8;
    cursor: pointer;
    color: #8c8c8c;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
}

.s-more span:hover {
    color: #f42424;
}

.s-more .iconfont {
    font-size: 12px;
    margin-left: 6px;
}

.filter {
    height: 38px;
    border: 1px solid #d2d2d2;
}

.filter-wrap {
    padding: 7px 0 6px;
    height: 25px;
    line-height: 25px;
}

.filter-wrap .filter-sort {
    float: left;
}

.filter-wrap .filter-sort a .iconfont {
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.filter-wrap .filter-sort a {
    float: left;
    display: block;
    padding: 0 20px;
    border-right: 1px solid #d2d2d2;
    color: #222;
}

.filter-wrap .filter-sort a:hover,
.filter-wrap .filter-sort a.curr {
    color: #f42424;
}

.filter-wrap .filter-range {
    float: left;
    margin-left: 15px;
}

.filter-wrap .filter-range .fprice {
    float: left;
    padding-right: 15px;
    border-right: 1px solid #d2d2d2;
    position: relative;
}

.filter-wrap .filter-range .fprice .f-text {
    width: 58px;
    height: 23px;
    border: 1px solid #d2d2d2;
    outline: 0;
    padding: 0 5px;
}

.filter-wrap .filter-range .fcheckbox {
    float: left;
}

.filter-wrap .filter-range .fcheckbox .checkbox_item {
    float: left;
    padding-left: 19px;
}

.filter-wrap .filter-left {
    float: left;
}

.filter-wrap .filter-right {
    float: right;
}

.filter-wrap .filter-right .button-page {
    float: left;
    margin-right: 28px;
}

.filter-wrap .filter-right .pageState {
    float: left;
    color: #8c8c8c;
}

.filter-wrap .filter-right .button-page a {
    display: block;
    float: left;
    width: 18px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #d2d2d2;
    text-align: center;
    margin: 4.5px 0 0 5px;
    cursor: default;
}

.filter-wrap .filter-right .button-page a .iconfont {
    font-size: 12px;
    color: #d2d2d2;
}

.filter-wrap .filter-right .button-page .page {
    cursor: pointer;
}

.filter-wrap .filter-right .button-page .page .iconfont {
    color: #959595;
}

.filter-wrap .filter-right .button-page .page:hover {
    border-color: #8c8c8c;
}

.filter-wrap .filter-right .button-page .page:hover .iconfont {
    color: #8c8c8c;
}

.filter-wrap .styles {
    float: left;
}

.filter-wrap .styles li {
    float: left;
    padding: 0 8px 0 14px;
    border-left: 1px solid #d2d2d2;
}

.filter-wrap .styles li a {
    color: #8c8c8c;
    display: block;
}

.filter-wrap .styles li .iconfont {
    color: #d2d2d2;
    vertical-align: middle;
    margin-right: 2px;
}

.filter-wrap .styles li a:hover,
.filter-wrap .filter-right .styles li a:hover .iconfont {
    color: #f42424;
}

.filter-wrap .styles li.current .iconfont {
    color: #f42424;
}

.filter-wrap .styles li.current a {
    color: #f42424;
}

.filter-wrap .filter-left .styles li {
    border-right: 1px solid #d2d2d2;
    border-left: 0;
}

.p-price {
    font-size: 16px;
    color: red;
}

.p-num {
    color: #8c8c8c;
}

.p-num em {
    font-weight: bold;
}

.p-img img {
    width: 100%;
    height: 100%;
}

.p-name {
    font-size: 12px;
}

.p-kefu {
    color: #fcc217;
    margin-left: 5px;
}

.p-kefu.p-c-violet {
    color: #7b75f3;
}

.p-kefu.p-c-org {
    color: #ff5f2e;
    margin-left: 0;
}

.p-kefu .iconfont,
.p-kefu.p-c-violet .iconfont {
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
}

.p-kefu.p-c-violet:hover,
.p-kefu.p-c-org:hover {
    color: #f42424;
}

.g-view {
    width: 1417px;
    margin-top: 20px;
}

.goods-list {
    min-height: 500px;
    float: left;
    width: 1160px;
}

.goods-list .gl-warp:after,
.goods-list .gl-warp:before,
.goods-list-warp:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.goods-list .gl-item {
    float: left;
    width: 226px;
    position: relative;
    z-index: 1;
    border: 1px solid #e5e5e5;
    margin: 1px 0 10px 10px;
}

.goods-list .gl-item:hover {
    z-index: 2;
}

.goods-list .gl-warp-large {
    display: block;
}

.goods-list .gl-warp-samll {
    display: none;
}

.goods-list .no_records {
    padding: 150px 0 150px 350px;
}

.goods-list .no_records .btn {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
}

.goods-list-w1390 .no_records {
    padding-left: 450px;
}

.shop-list-view .goods-list .no_records {
    padding-left: 285px;
}

.gl-i-wrap {
    background-color: #fff;
    -webkit-transition: border-color .1s ease;
    -moz-transition: border-color .1s ease;
    transition: border-color .1s ease;
}

.gl-i-wrap .p-img {
    width: 210px;
    height: 210px;
}

.gl-i-wrap .sider {
    margin-top: 12px;
    width: 100%;
    overflow: hidden;
}

.gl-i-wrap .sider ul {
    float: left;
}

.gl-i-wrap .sider li {
    float: left;
    border: 1px solid #d2d2d2;
    padding: 1px;
    background: #fff;
    margin-right: 2px;
    cursor: pointer;
}

.gl-i-wrap .sider li.cur,
.goods-list .gl-i-wrap .sider li:hover {
    border-color: #f42424;
}

.gl-i-wrap .sider a {
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.gl-i-wrap .sider .iconfont {
    font-size: 12px;
}

.gl-i-wrap .sider .sider-prev {
    width: 26px;
}

.gl-i-wrap .sider .sider-next {
    width: 24px;
}

.gl-i-wrap .sider .prevStop,
.gl-i-wrap .sider .nextStop {
    display: none;
}

.gl-i-wrap .p-lie {
    overflow: hidden;
    width: 100%;
    line-height: 30px;
    margin-top: 8px;
}

.gl-i-wrap .p-price {
    font-size: 20px;
    float: left;
}

.gl-i-wrap .p-num {
    float: right;
}

.gl-i-wrap .p-name {
    margin-top: 6px;
}

.gl-i-wrap .p-name a {
    height: 38px;
    overflow: hidden;
    display: block;
}

.gl-i-wrap .p-store {
    line-height: 24px;
    margin-top: 3px;
}


/*width:190px;*/

.gl-i-wrap .p-store a {
    display: inline-block;
}

.store {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 208px;
    height: 17px;
    display: block;
    white-space: nowrap;
    color: #999
}

.gl-i-wrap .p-store a.store {
    color: #8c8c8c;
    color: #8c8c8c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 133px;
}

.gl-i-wrap .p-store em {
    color: #7b75f3;
    font-weight: 700;
}

.gl-i-wrap .p-activity {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 5px;
    height: 16px;
}

.gl-i-wrap .p-activity .tag {
    float: left;
    height: 16px;
    line-height: 16px;
    color: #fff;
    background-color: #f42424;
    padding: 0 7px;
    position: relative;
    margin-right: 5px;
}

.gl-i-wrap .p-activity .tag i {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    top: 4px;
    overflow: hidden;
}

.gl-i-wrap .p-activity .tag i.i-left {
    left: -5px;
}

.gl-i-wrap .p-activity .tag i.i-right {
    right: -5px;
}

.gl-i-wrap .p-activity .tac-mh {
    background-color: #f861af;
}

.gl-i-wrap .p-activity .tac-mb {
    background-color: #7b75f3;
}

.gl-i-wrap .p-activity .tac-by {
    background-color: #63bfad;
}

.gl-i-wrap .p-activity .tac-sr {
    background-color: #f42424;
}

.gl-i-wrap .p-operate {
    margin-top: 10px;
    overflow: hidden;
    padding: 0 0 3px 1px;
}

.gl-i-wrap .p-operate a {
    display: block;
    float: left;
    width: 53px;
    height: 28px;
    line-height: 28px;
    border: 1px dotted #dbdbdb;
    text-align: center;
    margin-left: -1px;
    position: relative;
    z-index: 2;
}

.gl-i-wrap .p-operate a .ui-label {
    display: block;
}

.gl-i-wrap .p-operate a .ui-label {
    background: url(../images/check/checkbox_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a .ui-checkbox:checked+label {
    background: url(../images/check/checked_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a:hover {
    border-color: #f42424;
    z-index: 5;
}

.gl-i-wrap .p-operate a:hover .ui-label {
    background: url(../images/check/checkbox_cur_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a:hover .ui-checkbox:checked+label {
    background: url(../images/check/checked_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a.not_compareLink {
    cursor: default;
    background-color: #d2d2d2;
    color: #555;
}

.gl-i-wrap .p-operate a.not_compareLink .ui-label {
    background: url(../images/check/input_checkbox_disabled.png) 6px 9px no-repeat;
    cursor: default;
}

.gl-i-wrap .p-operate a.not_compareLink:hover {
    border-color: #dbdbdb;
}

.gl-i-wrap .p-operate a.not_compareLink:hover .ui-label {
    color: #555;
}

.gl-i-wrap .p-operate a .iconfont {
    font-size: 14px;
    margin: 1px 2px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.gl-i-wrap .p-operate .addcart.btn_disabled {
    color: #fff;
}

.gl-i-wrap .p-operate .addcart.btn_disabled .iconfont {
    color: #fff;
}

.gl-i-wrap .p-operate .addcart.btn_disabled:hover {
    border-color: #dbdbdb;
}

.gl-i-wrap .p-operate .addcart .iconfont {
    font-size: 12px;
    margin: -1px 3px 0 0;
}

.gl-i-wrap .p-operate .selected {
    color: #f42424;
}


/*.goods-list .gl-item:hover{ -webkit-box-shadow: 0 0 4px 0 rgba(85,85,85,.4);-moz-box-shadow: 0 0 4px 0 rgba(85,85,85,.4); box-shadow: 0 0 4px 0 rgba(85,85,85,.4); border:1px solid #ddd\0;}*/

.gl-h-item {
    position: relative;
    padding: 9px 15px 8px 10px;
}

.gl-h-item .gl-i-wrap {
    width: 100%;
    padding: 0;
    overflow: hidden;
    background: none;
    height: 85px;
}

.gl-h-item .gl-i-wrap .col {
    height: 60px;
    float: left;
}

.gl-h-item .gl-i-wrap .col-1 {
    width: 40%;
    margin-right: 2%;
}

.gl-h-item .gl-i-wrap .col-2 {
    width: 30%;
    margin-right: 1%;
}


/*width:15%;*/

.gl-h-item .gl-i-wrap .col-3 {
    width: 20%;
    margin-right: 2%;
}

.gl-h-item .gl-i-wrap .col-4 {
    width: 20%;
    margin-right: 0;
}

.col .p-img {
    width: 58px;
    height: 58px;
    border: 1px solid #d2d2d2;
    float: left;
}

.col .p-right {
    float: left;
    width: calc(100% - 70px);
    margin-left: 10px;
}

.col .p-name {
    width: 100%;
    height: 20px;
    overflow: hidden;
    display: flex;
}

.col .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #000;
}

.col .p-lie {
    line-height: 20px;
    margin-top: 5px;
    color: #8c8c8c;
}

.col .p-lie .p-num {
    float: left;
    color: #8c8c8c;
    width: 264px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.col .p-lie .p-comm {
    float: left;
    margin-left: 30px;
}

.col .p-store {
    margin: 0;
    /*line-height:60px;*/
}

.col .p-store a {
    font-size: 14px;
}

.col .p-store a.p-kefu {
    margin-left: 0;
}

.col .p-price {
    font-size: 14px;
    line-height: 60px;
}

.col .p-price .shop-price {
    font-size: 14px;
    float: left;
}

.col .p-price .original-price {
    font-size: 14px;
    float: left;
    margin-left: 10px;
}

.col .p-operate {
    padding: 0;
    margin-top: 15px;
    float: right;
}

.col .p-operate a {
    background-color: #fff;
    margin: 0 10px 0 0;
}

.col .p-operate a.addcart {
    margin-right: 0;
}

.item_bg {
    background-color: #f8f8f8;
}

.goods-spread {
    float: right;
    margin: 11px 27px 0 0;
    width: 221px;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -ms-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out;
}

.goods-spread .g-stop {
    width: 23px;
    height: 23px;
    line-height: 23px;
    border: 1px dotted #d2d2d2;
    background-color: #f8f8f8;
    display: block;
    text-align: center;
    color: #959595;
}

.goods-spread .g-stop .iconfont {
    font-size: 12px;
}

.goods-spread .g-stop:hover {
    color: #555;
}

.goods-spread .gs-warp {
    width: 190px;
    padding: 0 15px;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
    margin-top: 8px;
    display: block;
}

.goods-spread .gs-tit {
    color: #8c8c8c;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
}

.goods-spread .gs-list {
    overflow: hidden;
}

.goods-spread .gs-list li {
    margin-bottom: 15px;
}

.goods-spread .gs-i-warp {
    padding-bottom: 15px;
}

.goods-spread .gs-i-warp .p-img {
    width: 190px;
    height: 190px;
}

.goods-spread .gs-i-warp .p-price {
    font-size: 16px;
    color: #f42424;
    margin-top: 5px;
}

.goods-spread .gs-i-warp .p-num {
    margin-top: 2px;
}

.goods-spread .gs-list .p-name a {
    height: 38px;
    overflow: hidden;
    display: block;
}

.goods-spread .gs-list li:last-child {
    margin-bottom: 0;
}

.goods-spread .gs-list li:last-child .gs-i-warp {
    padding-bottom: 0;
}

.goods-list-w1390 {
    width: 1392px;
}

.goods-spread-fix {
    position: absolute;
    right: -30px;
    width: 25px;
    height: 25px;
    overflow: hidden;
}


/*.goods-spread-fix .gs-warp{ display:none;}*/

.p-panel-main {
    overflow: hidden;
    position: relative;
    z-index: 3;
    margin-top: 15px;
    /* padding-bottom:80px;*/
}

.p-panel-main .gl-list ul {
    width: 1400px;
}

.p-panel-main .gl-list li {
    float: left;
    width: 190px;
    height: auto;
    position: relative;
    z-index: 2;
    margin-right: 10px;
}

.p-panel-main .gl-list li .p-img {
    width: 190px;
    height: 190px;
}

.p-panel-main .gl-list li .p-price {
    font-size: 20px;
    margin-top: 6px;
}

.p-panel-main .gl-list li .p-name {
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 5px;
}

.p-panel-main .gl-list li .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.p-panel-main .gl-list li .p-name a:hover {
    color: #f42424;
}

.p-panel-main .gl-list li .p-num {
    margin-top: 7px;
}

.p-panel-main .gl-list li:last-child {
    margin-right: 0;
}

.history_close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 2px;
    right: 2px;
    display: none;
}

.goods-list .gl-item:hover .history_close {
    display: block;
}

.fP-expand,
.fP-expand-kword {
    display: none;
    position: absolute;
    z-index: 99;
    border: 1px solid #dcdcdc;
    background: #EFECEB;
    width: 161px;
    left: 0px;
    top: 24px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.fP-expand .ui-btn-s,
.fP-expand-kword .ui-btn-s {
    border: 1px solid #ccc;
    height: 18px;
    line-height: 18px;
    *line-height: 20px;
    color: #333;
    padding: 0 10px;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f7f7f7, #f2f2f2);
    background-image: -webkit-linear-gradient(top, #f7f7f7, #f2f2f2);
    background-image: -o-linear-gradient(top, #f7f7f7, #f2f2f2);
    background-image: linear-gradient(top, #f7f7f7, #f2f2f2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}

.fP-expand .ui-btn-s-primary,
.fP-expand-kword .ui-btn-s-primary {
    color: #fff;
    border-color: #f42424;
    background-color: #f42424;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f42424, #f55658);
    background-image: -webkit-linear-gradient(top, #f42424, #f55658);
    background-image: -o-linear-gradient(top, #f42424, #f55658);
    background-image: linear-gradient(top, #f42424, #f55658);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f42424', endColorstr='#f55658', GradientType=0);
    margin-left: 15px;
}

.fP-expand .ui-btn-s:hover,
.fP-expand-kword .ui-btn-s:hover {
    background-position: 0 -321px;
}

.fP-expand .ui-btn-s-primary:hover,
.fP-expand-kword .ui-btn-s-primary:hover {
    background-position: 0 -21px;
}


/* goods-list end*/


/* search store-list start*/

.store-shop-list {
    z-index: 2;
    margin-top: 12px;
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
}

.store-shop-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.store-shop-list .ss-warp {
    overflow: hidden;
}

.store-shop-list .ss-item {
    overflow: hidden;
    margin-bottom: 30px;
}

.store-shop-list .ss-item:last-child {
    margin-bottom: 20px;
}

.store-shop-list .ss-info {
    border: 1px solid #f8f8f8;
    overflow: hidden;
    padding-bottom: 10px;
}

.store-shop-list .ss-i-info {
    float: left;
    padding: 10px;
    width: 300px;
}

.store-shop-list .ss-i-top {
    background: #f8f8f8;
    float: left;
    width: 100%;
    height: 180px;
}

.store-shop-list .logo {
    width: 95px;
    height: 95px;
    display: block;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    overflow: hidden;
    margin: 20px 15px 0 10px;
    float: left;
}

.store-shop-list .logo a {
    display: table-cell;
    width: 95px;
    height: 95px;
    vertical-align: middle;
}

.store-shop-list .logo a img {
    width: 95px;
}

.store-shop-list .r-info {
    float: left;
    width: 175px;
}

.store-shop-list .ss-tit {
    font-size: 14px;
    font-weight: bold;
    color: #555;
    line-height: 24px;
    margin-top: 18px;
}

.store-shop-list .seller-sr {
    border: 1px solid #f42424;
    width: 25px;
    color: #f42424;
    padding: 0 5px;
}

.store-shop-list .ss-tit a {
    margin-left: 5px;
}

.store-shop-list .ss-tit .iconfont {
    margin-top: -2px;
}

.store-shop-list .ss-desc {
    color: #8c8c8c;
    line-height: 20px;
    margin-top: 5px;
}

.store-shop-list .ss-desc p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-shop-list .ss-btn {
    margin-top: 20px;
    font-size: 0;
}

.store-shop-list .ss-btn .btn {
    padding: 0 15px;
}

.store-shop-list .ss-btn .icon-zan-alt {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.store-shop-list .ss-btn .btn:last-child {
    margin-right: 0;
}

.store-shop-list .ss-i-bottom {
    float: left;
    width: 100%;
    font-size: 14px;
}

.store-shop-list .ss-contrast {
    overflow: hidden;
    margin: 10px 0;
    line-height: 25px;
    color: #8c8c8c;
}

.store-shop-list .ss-contrast .ssc-top,
.store-shop-list .ss-contrast .ssc-content,
.store-shop-list .ss-contrast .ssc-bottom {
    width: 100%;
    float: left;
}

.store-shop-list .ss-contrast span {
    display: block;
    float: left;
    margin-left: 20px;
    width: 52px;
}

.store-shop-list .ss-contrast .col1 {
    margin-left: 20px;
    width: 60px;
}

.store-shop-list .ss-contrast .col2 {
    margin-left: 24px;
}

.store-shop-list .ssc-top .col1 {
    font-weight: bold;
}

.store-shop-list .ssc-content span {
    color: #f42424;
}

.store-shop-list .ssc-bottom .iconfont {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin: -5px 0 0 2px;
}

.store-shop-list .ssc-bottom .icon-arrow-down {
    color: #23bc17;
}

.store-shop-list .ssc-bottom .icon-arrow-up {
    color: #f42424;
}

.store-shop-list .ss-i-goods {
    float: left;
    width: 876px;
    margin-top: 10px;
}

.store-shop-list .ss-i-goods ul {
    width: calc(100% + 10px);
}

.store-shop-list .ss-i-goods li {
    float: left;
    width: 210px;
    height: auto;
    margin-right: 10px;
}

.store-shop-list .ss-i-goods .p-img {
    width: 210px;
    height: 210px;
}

.store-shop-list .ss-i-goods .p-name {
    line-height: 20px;
    margin-top: 10px;
}

.store-shop-list .ss-i-goods .p-name a {
    color: #333;
    display: block;
    height: 38px;
    overflow: hidden;
}

.store-shop-list .ss-i-goods .p-name a:hover {
    color: #f42424;
}

.store-shop-list .ss-i-goods .p-price {
    font-size: 14px;
    margin-top: 5px;
}

.store-shop-list .goods-list {
    border-top: 1px solid #e5e5e5;
}

.store-shop-list .goods-list .gl-item {
    width: 228px;
}


/*width:229px;*/


/*去掉猜您喜欢，大图商品展示4->5*/

.store-shop-list .goods-list .gl-item .gl-i-wrap {
    padding: 0px 15px;
}

.shopCon {
    background: url(../images/shopCon_bg.jpg) no-repeat;
    height: 130px;
    margin: 30px 0;
}

.shopCon .shopBox {
    overflow: hidden;
    padding: 15px 0;
}

.shopCon .shopLeft {
    float: left;
    width: 350px;
    margin-right: 20px;
}

.shopCon .shopLeft .logo {
    width: 95px;
    height: 95px;
    margin-left: 35px;
}

.shopCon .shopLeft .logo img {
    width: 95px;
    height: 95px;
    border-radius: 50%;
}

.shopCon .shopLeft .storeName {
    float: left;
    font-size: 18px;
    color: #555;
    font-weight: bold;
    margin-left: 20px;
    line-height: 95px;
}

.shopCon .shopHeader-info {
    float: left;
    color: #8c8c8c;
    margin: 28px 20px 0 0;
    width: 280px;
}

.shopCon .shopHeader-info p {
    line-height: 25px;
}

.shopCon .shopHeader-dsr {
    float: left;
    margin-top: 15px;
}

.shopCon .shopHeader-dsr dl {
    width: 260px;
    overflow: hidden;
    line-height: 24px;
}

.shopCon .shopHeader-dsr dt {
    float: left;
    font-weight: bold;
    width: 60px;
    margin-right: 20px;
}

.shopCon .shopHeader-dsr dd {
    float: left;
    width: 40px;
    margin-right: 20px;
}

.shopCon .shopHeader-dsr dl.dl2 dd {
    color: #f42424;
}

.shopCon .shopHeader-enter {
    float: right;
    margin: 38px 38px 0 0;
}

.shopCon .shopHeader-enter .iconfont {
    margin-top: -1px;
    vertical-align: middle;
    display: inline-block;
}

.filter-wrap .crumbTitle {
    padding-right: 22px;
    color: #8c8c8c;
}


/* search store-list end*/


/* goods start*/

.g-d-store-info {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
}

.g-d-store-info .item {
    float: left;
    margin-right: 15px;
    position: relative;
}

.g-d-store-info .item:last-child {
    margin-right: 0;
}

.i-kefu {
    width: 26px;
    height: 21px;
    background-position: -260px 0;
}

.g-d-store-info .item a {
    display: block;
}

.g-d-store-info .item .s-name {
    font-weight: bold;
    color: #555;
    line-height: 40px;
    float: left;
}

.g-d-store-info .item .s-name:hover {
    color: #f42424;
}

.g-d-store-info .item .s-a-kefu {
    margin-left: 5px;
    float: left;
}

.g-d-store-info .item .i-kefu {
    margin-top: 8px;
}

.g-d-store-info .item a.selected {
    color: #f42424;
}

.g-d-store-info .s-score,
.g-d-store-info .s-score-info {
    border-radius: 0;
}

.s-follow {
    margin-top: 9px;
}

.s-follow .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    color: #f42424;
}

.g-d-store-info .item.gd-shop-qrcode {
    line-height: 36px;
}

.g-d-store-info .item.gd-shop-qrcode .mobile_pop {
    text-align: center;
    height: 180px;
    width: 180px;
    top: 36px;
}

.g-d-store-info .item.gd-shop-qrcode .mobile_pop .img {
    width: 160px;
    height: 160px;
    margin-top: 10px;
}

.g-d-store-info .item.gd-shop-qrcode:hover .mobile_pop {
    display: block;
}


/*放大镜样式*/

.MagicZoomPup {
    z-index: 3;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background-image: url(../images/common/zoom-point.png);
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    cursor: move
}

.MagicBoxShadow {
    border: 1px solid #e4e4e4;
}

.product-info {}

.preview {
    float: left;
    width: 400px;
    height: auto;
}

.gallery_wrap {
    width: 398px;
    height: 398px;
    border: 1px solid #d2d2d2;
    text-align: center;
}

.gallery_wrap a {
    width: 398px;
    height: 398px;
    display: table-cell;
    vertical-align: middle;
}

.gallery_wrap a img {
    max-width: 398px;
    max-height: 398px;
}

.gallery_wrap ul {}

.gallery_wrap li {
    float: left;
    width: 398px;
    height: 398px;
    position: relative;
}

.gallery_wrap li .video_default {
    background: url(../images/video_default.png);
    width: 400px;
    height: 400px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.spec-list {
    width: 398px;
    height: 60px;
    border: 1px solid #d2d2d2;
    border-top: 0;
    padding: 14px 0;
}

.spec-list .spec-prev,
.spec-list .spec-next {
    float: left;
    width: 39px;
    margin: 18px 0 0 0;
    text-align: center;
}

.spec-list .spec-items {
    float: left;
    width: 320px;
    height: 60px;
    overflow: hidden;
}

.spec-list .spec-items ul {
    width: 325px;
}

.spec-list .spec-items li {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 5px;
}

.spec-list .spec-items li a {
    display: block;
    border: 1px solid #fff;
}

.spec-list .spec-items li:hover a,
.spec-list .spec-items li a.img-hover {
    border-color: #f42424;
}

.short-share {
    height: 20px;
    margin-top: 20px;
}

.short-share .bar_code {
    float: right;
}

.short-share .left-btn {
    margin-left: 5px;
}

.short-share .left-btn .duibi,
.short-share .left-btn .collection,
.short-share .left-btn .share {
    float: left;
    line-height: 20px;
    margin-left: 15px;
}

.short-share .left-btn .duibi .ui-label,
.short-share .left-btn .collection em {
    padding-right: 15px;
    border-right: 1px solid #d2d2d2;
}

.short-share .left-btn .iconfont {
    vertical-align: middle;
    margin-top: -1px;
    display: inline-block;
}

.short-share .left-btn .icon-share {
    font-size: 12px;
    color: #8c8c8c;
    margin-right: 5px;
}

.short-share .left-btn .selected {
    color: #f42424;
}

#bdshare .share {
    background: none !important;
    font-family: "Microsoft YaHei";
    padding: 0;
}

.product-wrap {
    float: left;
    width: 600px;
    margin: 0 30px;
}

.product-wrap .name {
    font-size: 16px;
    color: #555;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-wrap .newp {
    font-size: 14px;
    color: #f42424;
    margin-bottom: 10px;
}

.summary {
    position: relative;
}

.activity-title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #f42424;
}

.activity-title .activity-type {
    float: left;
    font-size: 18px;
    color: #fff;
}

.activity-title .sk-time-cd {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 8px 0;
}

.activity-title .cd-time {
    float: left;
}

.activity-title .cd-time div {
    min-width: 16px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding: 0 3px;
}

.activity-title .cd-time .split {
    line-height: 22px;
}

.summary-price-wrap .s-p-w-wrap {
    background: url(../images/summary-bg.jpg) #f3f3f3 repeat-x 20px -60px;
    padding: 22px 0 12px 10px;
}

.summary-item {
    position: relative;
    float: left;
    width: 100%;
}

.si-tit {
    float: left;
    margin-right: 10px;
    line-height: 27px;
    font-size: 14px;
}

.summary-item .si-warp {
    line-height: 24px;
    width: 500px;
}

.summary-item .si-warp .shop-price {
    font-size: 30px;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-left: -6px;
}

.summary-item .si-warp .price-notify {
    width: 52px;
    height: 20px;
    line-height: 20px;
    background: url(../images/dsc-icon.png) -296px -44px no-repeat;
    display: inline-block;
    padding-left: 8px;
    color: #fff;
    margin: 3px 0 0 8px;
    cursor: pointer;
}

.summary-item .si-warp .m-price {
    line-height: 24px;
    text-decoration: line-through;
}

.summary-item .quan-item {
    float: left;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #ff6590;
    padding: 0 7px;
    position: relative;
    margin: 4px 5px 0 0;
    overflow: hidden;
}

.summary-item .quan-item i {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #f3f3f3;
    border-radius: 50%;
    top: 4px;
    overflow: hidden;
}

.summary-item .quan-item i.i-left {
    left: -5px;
}

.summary-item .quan-item i.i-right {
    right: -5px;
}

.summary-item .si-warp .tary {
    display: block;
    float: left;
    margin-right: 10px;
}

.si-promotion {
    position: relative;
    height: 42px;
    z-index: 2;
    margin-bottom: 0;
    overflow: hidden;
}

.si-promotion .si-warp {
    width: 410px;
}

.si-promotion .prom-items {
    width: 320px;
    float: left;
}

.si-promotion .prom-item {
    height: 14px;
    line-height: 14px;
    color: #f42424;
    margin-top: 6px;
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.si-promotion .prom-item .prom-tip {
    display: block;
    float: left;
    height: 14px;
    background: url(../images/jt.png) #f42424 no-repeat;
    padding: 0 2px 0 10px;
    color: #fff;
    margin-right: 9px;
}

.si-promotion .view-all-promotions {
    float: right;
    color: #438cde;
    cursor: pointer;
}

.si-promotion .view-all-promotions .iconfont {
    font-size: 12px;
}

.z-promotions-all-show {
    position: absolute;
    z-index: 9;
}

.z-promotions-all-show .si-promotion {
    height: auto;
}

.si-coupon .si-warp {
    width: 415px;
}

.summary-price-wrap .si-info {
    position: absolute;
    top: 30px;
    right: 18px;
}

.summary-price-wrap .si-cumulative {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 12px;
    line-height: 14px;
    border-right: 1px solid #d2d2d2;
}

.summary-price-wrap .si-cumulative em {
    font-size: 14px;
    color: #b31919;
    margin-left: 8px;
}

.summary-price-wrap .si-cumulative:last-child {
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
}

.summary-price-wrap .si-phone-code {
    position: absolute;
    top: 50px;
    right: 20px;
    z-index: 8;
}

.qrcode-wrap {
    text-align: right;
}

.qrcode-wrap .qrcode_tit {
    color: #8c8c8c;
    line-height: 24px;
    cursor: pointer;
}

.qrcode-wrap .qrcode_tit .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 5px;
}

.qrcode-wrap .qrcode_pop {
    position: relative;
    z-index: 99;
    right: -52px;
    width: 180px;
    height: auto;
    background-color: #fff;
    box-shadow: 0px 2px 10px rgb(204, 204, 204);
    text-align: center;
    margin-top: 8px;
    display: none;
}

.qrcode-wrap .qrcode_pop:before {
    content: '';
    position: absolute;
    display: block;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #fbfbfb #fbfbfb #fff;
}

.qrcode-wrap:hover .qrcode_pop {
    display: block;
}

.summary-basic-info {
    margin-top: 15px;
    line-height: 28px;
}

.is-ladder {
    position: relative;
}

.is-ladder .priceLadder {
    position: absolute;
    background: #fff;
    border: 1px solid #ff869a;
    z-index: 99;
    display: none;
}

.is-ladder .priceLadder dt,
.is-ladder .priceLadder dd {
    width: 160px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #ff869a;
    overflow: hidden;
    text-align: center;
}

.is-ladder .priceLadder dt span:first-child,
.is-ladder .priceLadder dd span:first-child {
    display: block;
    width: 70px;
    float: left;
}

.is-ladder .priceLadder dt span:last-child,
.is-ladder .priceLadder dd span:last-child {
    display: block;
    width: 90px;
    float: left;
}

.is-ladder .priceLadder dt {
    background-color: #ff869a;
    color: #fff;
}

.is-ladder .priceLadder dd:last-child {
    border-bottom: 0;
}

.is-stock span {
    float: left;
    margin-right: 5px;
}

.store-selector {
    float: left;
    position: relative;
}

.text-select .tit {
    padding: 0 10px;
    border: 1px solid #d2d2d2;
    height: 23px;
    line-height: 23px;
    cursor: pointer;
}

.text-select .tit .iconfont {
    font-size: 12px;
}

.text-select.hover .tit {
    border-bottom-color: #fff;
    position: relative;
    z-index: 11;
}

.text-select .area-warp {
    position: absolute;
    border: 1px solid #d2d2d2;
    width: 290px;
    padding: 10px 23px 15px 18px;
    top: 24px;
    left: 0;
    z-index: 10;
    display: none;
    background: #fff;
}

.text-select .tab {
    border-bottom: 1px solid #d2d2d2;
    float: left;
    width: 100%;
    padding-left: 1px;
    height: 24px;
}

.text-select .tab li {
    min-width: 36px;
    float: left;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
    margin-left: -1px;
    text-align: center;
    cursor: pointer;
}

.text-select .tab li.curr {
    border-bottom: 1px solid #fff;
    border-top: 2px solid #f42424;
    height: 22px;
    color: #f42424;
}

.text-select .tab-content {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.text-select .tab-content ul {
    width: 300px;
}

.text-select .tab-content li {
    float: left;
    width: 70px;
    line-height: 18px;
    margin: 0 5px 5px 0;
}

.text-select .tab-content li a {
    display: inline-block;
    padding: 0 4px;
    color: #333;
}

.text-select .tab-content li a:hover {
    background-color: #f42424;
    color: #fff;
}

.text-select .tab-content li a.choosable {
    color: #ddd;
    cursor: default;
}

.text-select .tab-content li a.choosable:hover {
    background: none;
}

.mod_storage_state {
    overflow: hidden;
    float: left;
    width: 280px;
    margin: 5px 0 0 5px;
    color: #f42424;
}

.cart-filter .store-selector .area-warp {
    right: 0;
    left: inherit;
}

.cart-filter .sp-area .txt {
    height: 25px;
    line-height: 25px;
}

.stock-add-used {
    margin-bottom: 15px;
}

.stock-add-used .stock-top {
    cursor: pointer;
    overflow: hidden;
    margin-top: 5px;
}

.stock-add-used .stock-top strong {
    line-height: normal;
}

.stock-add-used .stock-con {
    display: block;
}

.stock-add-used .stock-con ul {
    border-bottom: 1px solid #f7f7f7;
    padding: 5px 0 10px;
    overflow: hidden;
}

.stock-add-used .stock-con ul li {
    line-height: normal;
    float: left;
    margin-right: 15px;
}

.stock-add-used .stock-con ul li.last {
    margin-right: 0;
}

.stock-add-used .stock-con ul li a {
    float: left;
    padding: 0 4px;
    color: #555;
    line-height: 20px;
}

.stock-add-used .stock-con ul li a:hover {
    color: #fff;
    background: #f42424;
}

.store-warehouse {
    float: left;
}

.store-warehouse-info {
    float: left;
}

.store-warehouse .text-select {
    margin-left: -1px;
    cursor: pointer;
}

.store-warehouse .warehouse {
    display: none;
    position: absolute;
    border: 1px solid #d2d2d2;
    border-top: 0;
    background-color: #fff;
    top: 24px;
    z-index: 999;
    width: calc(100% - 2px)
}

.store-warehouse .warehouse li {
    padding: 0 10px;
}

.store-warehouse .warehouse li:hover {
    background: #ddd;
}

.store-warehouse .store-prompt {
    float: left;
    height: 25px;
    line-height: 25px;
    color: #999;
    margin-left: 10px;
}

.store-warehouse .store-prompt strong {
    font-size: 16px;
    color: #666;
}

.store-warehouse h2 {
    float: left;
    line-height: 25px;
    color: #666;
    font-family: '\5B8B\4F53';
}

.store-warehouse strong {
    font-size: 14px;
}

.is-since .iconfont {
    font-size: 14px;
    margin-right: 3px;
}

.is-attr {
    margin-bottom: 0;
}

.is-attr .si-tit,
.is-ious .si-tit,
.is-number .si-tit {}

.summary-item .item {
    float: left;
    border: 1px solid #d2d2d2;
    padding: 2px;
    margin: 0 10px 10px 0;
    position: relative;
}

.summary-item .item:last-child {
    margin-right: 0;
}

.summary-item .item a {
    display: block;
    overflow: hidden;
}

.summary-item .item a:hover {
    color: #555;
}

.summary-item .item a img,
.is-attr ul li a i {
    float: left;
}

.summary-item .item a i {
    padding: 0 10px;
}

.summary-item .item b {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 15px;
    height: 15px;
    background: url(../images/dsc-icon.png) 0 0 no-repeat;
}

.summary-item .selected,
.summary-item .item:hover {
    border-color: #f42424;
}

.summary-item .selected b {
    display: block;
}

.summary-item .no-stock {
    border: 1px dashed #d2d2d2;
}

.summary-item .no-stock a {
    background-color: #fff;
    opacity: .4;
    filter: alpha(opacity=40);
}

.is-ious .item a i {
    padding: 0 5px;
}

.bt-info-tips {
    float: left;
    height: 30px;
    position: relative;
}

.bt-info-tips .question {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-top: 6px;
    margin-right: 5px;
    background: url(../images/question.png) no-repeat;
}

.bt-info-tips .tips {
    width: 310px;
    height: 130px;
    position: absolute;
    position: absolute;
    top: 35px;
    left: -48px;
    background-color: #f1faff;
    display: none;
    z-index: 10;
}

.bt-info-tips .tips .sprite-arrow {
    width: 11px;
    height: 7px;
    display: block;
    position: absolute;
    background: url(../images/dsc-icon.png) -26px 0 no-repeat;
    top: -6px;
    left: 51px;
    z-index: 5;
}

.bt-info-tips .tips .content {
    padding: 10px 12px;
    line-height: 18px;
    border: 1px solid #b6c0c6;
    -moz-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    -webkit-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2)
}

.bt-info-tips:hover .tips {
    display: block;
}

.baitiao-tips {
    position: absolute;
    z-index: 6;
    top: 28px;
    left: -1px;
    width: 200px;
    padding: 4px 10px;
    background: #f1faff;
    border: 1px solid #b6c0c6;
    -moz-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    -webkit-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    display: none;
}

.is-ious .item:hover .baitiao-tips {
    display: block;
}

.amount-warp {
    float: left;
}

.amount-warp .buy-num {
    width: 56px;
    float: left;
    outline: 0;
    background: transparent;
    height: 30px;
}

.amount-warp .a-btn {
    float: left;
    width: 22px;
    height: 28px;
    border: 1px solid #d2d2d2;
    border-left: 0;
}

.btn-reduce-detail {
    margin-left: 2px;
}

.btn-detail,
.btn-reduce-detail {
    display: inline-block;
    float: left;
    border: 1px solid #d2d2d2;
    padding: 2px 10px;
}

.amount-warp .a-btn a {
    float: left;
    width: 22px;
    height: 14px;
    line-height: 14px;
    text-align: center;
}

.amount-warp .a-btn .btn-reduce {
    height: 13px;
    border-top: 1px solid #d2d2d2;
}

.amount-warp a .iconfont {
    font-size: 12px;
}

.amount-warp .a-btn .btn-disabled {
    color: #e0e0e0;
}

.is-number span {
    line-height: 30px;
    float: left;
    margin-left: 14px;
}

.choose-btns {
    margin-top: 30px;
    margin-left: 11px;
}

.choose-btns a,
.choose-btns .button {
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    padding: 0 25px;
    cursor: pointer;
    border: 0;
    margin-bottom: 10px;
}

.choose-btns a:last-child {
    margin-right: 0;
}

.choose-btns .iconfont {
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.choose-btns .btn-append {
    padding: 0 32px;
}

.btn-buynow {
    background-color: #ff8f22;
}

.btn-append {
    background-color: #f42424;
}

.btn-since {
    background-color: #b31919;
}

.btn-baitiao {
    background-color: #22c37d;
}

.btn-invalid,
.btn_disabled {
    background-color: #d2d2d2;
    cursor: default;
    border-color: #d2d2d2;
}

.btn-buynow:hover {
    background-color: #f29c49;
}

.btn-append:hover {
    background-color: #ec5151;
}

.btn-since:hover {
    background-color: #ec5151;
}

.btn-baitiao:hover {
    background-color: #36d791;
}

.btn-invalid:hover,
.btn_disabled:hover {
    background-color: #d2d2d2;
    cursor: default;
}

.summary-tips {
    margin-top: 15px;
}

.tips-list {
    float: left;
}

.tips-list li {
    float: left;
    margin-right: 10px;
}

.tips-list li.choose-item .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.track {
    float: left;
    width: 140px;
    height: auto;
    position: relative;
}

.track .track-tit {
    text-align: center;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-bottom: 10px;
}

.track .track-tit h3 {
    font-size: 14px;
    padding: 0 10px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    display: inline-block;
    color: #8c8c8c;
}

.track .track-tit span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 9px;
    height: 1px;
    border-bottom: 1px dashed #e5e5e5;
}

.track .track-con {
    max-height: 550px;
    overflow: hidden;
}

.track .track-con li {
    width: 140px;
    height: auto;
    position: relative;
    margin-bottom: 5px;
}

.track .track-con li .p-img {
    width: 140px;
    height: 140px;
}

.track .track-con li .p-name {
    width: 100%;
    height: 20px;
}

.track .track-con li .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.track .track-con li .price {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #f42424;
}

.track .track-con li a:hover .price {
    color: #f42424;
}

.track .track-more {
    text-align: center;
    font-size: 0;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
}

.track .track-more .sprite-up {
    margin-right: 20px;
}

.track .track-more .iconfont {
    font-size: 24px;
    color: #8c8c8c;
}

.track .track-more a:hover .iconfont {
    color: #f42424;
}

.product-wrap-min {
    width: 580px;
    margin: 0 20px;
}

.product-wrap-min .summary-item .si-warp {
    width: 500px;
}

.seller-pop {
    float: left;
    width: 158px;
    height: auto;
    position: relative;
    border: 1px solid #dddddd;
    padding: 10px;
}

.seller-pop .seller-logo {
    width: 140px;
    height: 70px;
    position: relative;
    margin: 0 auto;
}

.seller-pop .seller-logo a {
    width: 140px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.seller-pop .seller-logo a img {
    max-width: 140px;
    max-height: 70px;
}

.seller-pop .seller-info {
    text-align: center;
    margin-top: 10px;
}

.seller-pop .seller-info .name {
    font-weight: 700;
    margin-right: 5px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seller-pop .seller-info a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

.seller-pop .seller-sr {
    border: 1px solid #f42424;
    width: 50px;
    color: #f42424;
    padding: 0 5px;
    margin: 5px auto;
}

.seller-pop .seller-pop-box {
    padding: 5px 0 10px;
    border-top: 1px dashed #dbdbdb;
    border-bottom: 1px dashed #dbdbdb;
    margin-top: 10px;
}

.seller-pop .seller-pop-box .s-score {
    margin: 10px auto;
}

.seller-pop .seller-pop-box .g-s-parts {
    width: 110px;
    margin: 0 auto;
}

.seller-pop .seller-pop-box .g-s-parts span {
    width: 50%;
}

.seller-pop .seller-item {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px dashed #dbdbdb;
    height: 20px;
}

.seller-pop .seller-item .iconfont {
    vertical-align: middle;
    margin-right: 3px;
    color: #f42424;
    margin-top: -2px;
}

.seller-pop .seller-item .gz-store {
    padding-right: 15px;
    border-right: 1px dotted #dbdbdb;
    margin-right: 10px;
}

.seller-pop .seller-item .gz-store .iconfont {
    font-size: 13px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
}

.seller-pop .seller-tel {
    text-align: center;
    padding: 10px 0 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seller-pop .seller-tel .iconfont {
    font-size: 14px;
    margin-right: 5px;
}

.seller-pop .seller-item .gz-store.selected {
    color: #f42424;
}


/*商品配件、组合购买*/

.combo-inner {
    margin-top: 30px;
}

.combo-inner .tab-nav {
    padding-left: 1px;
    overflow: hidden;
}

.combo-inner .tab-nav li {
    float: left;
    border: 1px solid #d2d2d2;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    font-weight: bold;
    margin: 0 0 0 -1px;
    cursor: pointer;
}

.combo-inner .tab-nav li.curr {
    border-top: 2px solid #f42424;
    height: 37px;
    color: #f42424;
    border-bottom-color: #fff;
}

.combo-inner .tab-content {
    overflow: hidden;
    border: 1px solid #d2d2d2;
    padding: 24px 0 20px 27px;
    margin-top: -1px;
}

.combo-inner .master {
    float: left;
    width: 160px;
}

.combo-inner .p-img {
    width: 160px;
    height: 160px;
}

.combo-inner .p-name {
    margin-top: 5px;
    color: #333;
    width: 100%;
    height: 20px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-inner .p-oper {
    margin-top: 5px;
    line-height: 20px;
}

.combo-inner .dsc-enable {
    float: left;
    margin-left: 1px;
}

.combo-inner .p-price {
    font-size: 14px;
    color: #555;
    float: left;
    margin-left: 12px;
}

.combo-spliter {
    float: left;
    width: 40px;
    text-align: center;
    margin-top: 85px;
}

.combo-spliter .iconfont {
    font-size: 20px;
    color: #8c8c8c;
}

.combo-items {
    float: left;
}

.combo-items-warp {
    float: left;
    width: 688px;
    height: 215px;
    margin-right: 16px;
    overflow: hidden;
}

.combo-item {
    float: left;
    margin-right: 16px;
    width: 160px;
}

.combo-items .oper {
    width: 40px;
    float: left;
}

.combo-items .oper a {
    width: 38px;
    height: 68px;
    line-height: 68px;
    border: 1px solid #d2d2d2;
    text-align: center;
    display: block;
    float: left;
}

.combo-items .oper a .iconfont {
    font-size: 20px;
    color: #8c8c8c;
}

.combo-items .oper .o-prev {
    margin-bottom: 20px;
}

.combo-action {
    float: left;
    margin-left: 25px;
    width: 195px;
}

.combo-action-info {
    overflow: hidden;
}

.combo-action .combo-price {
    height: 24px;
    line-height: 24px;
}

.combo-action .combo-price span {
    float: left;
}

.combo-action .combo-price strong {
    font-size: 16px;
    color: #f42424;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-action .combo-o-price {
    margin-top: 5px;
}

.combo-action .save-price {
    float: left;
    height: 20px;
    line-height: 20px;
    color: #fff;
    padding: 0 5px;
    background-color: #555;
    margin-top: 10px;
}

.input_combo_stock {
    margin-top: 10px;
    overflow: hidden;
}

.input_combo_stock .gns_item {
    margin-bottom: 5px;
}

.combo-btn {
    margin-top: 15px;
}

.combo-btn a {
    width: 140px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center;
}

.combo-btn .combo-btn-buynow {
    background-color: #f42424;
}

.combo-btn .combo-btn-buynow:hover {
    background-color: #ec5051;
}

.combo-btn .combo-btn-append {
    background-color: #f42424;
    margin-top: 14px;
}

.combo_stock {
    border: 1px solid #d2d2d2;
    text-align: center;
    padding: 0 5px;
    outline: 0;
}

.goods-main-layout {
    width: 100%;
    min-height: 520px;
    position: relative;
    z-index: 4;
    overflow: hidden;
    margin: 26px 0 0 0;
}

.g-m-left {
    float: left;
    width: 200px;
}

.g-m-left .g-main {
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
    width: 198px;
    background-color: #fff;
}

.g-m-left .mt {
    height: 38px;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    background-color: #f8f8f8;
}

.g-m-left .mt h3 {
    font-size: 14px;
    line-height: 38px;
    font-weight: bold;
    color: #555;
    padding-left: 14px;
    float: left;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.g-m-left .mc {
    position: relative;
}

.g-m-left .mc .mc-warp {
    padding: 0 14px;
}

.g-store-info .s-a-kefu {
    float: left;
    margin: 6px 0 0 5px;
}

.g-store-info .g-s-brand {
    text-align: center;
    padding: 20px 0;
}

.g-store-info .g-s-brand img {
    max-width: 150px;
    max-height: 75px;
}

.service_list ul {
    padding: 10px;
    overflow: hidden;
}

.service_list li {
    height: 40px;
    line-height: 40px;
    width: 84px;
    float: left;
    padding-left: 5px;
}

.service_list li a {
    display: block;
}

.service_list li i.icon_service_qq {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    background-position: -40px -89px;
    margin-top: 10px;
}

.service_list li span {
    float: left;
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 58px;
}

.service_list li .icon {
    float: left;
    margin-top: 8px;
}

.service_list li.service_qq span {
    width: 53px;
}

.service_list li i.icon_service_ww {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    background: url(../images/icon_service_ww.gif) -82px 0 no-repeat;
    margin-top: 8px;
}

.store-href {
    padding: 10px 0 20px;
    overflow: hidden;
}

.store-href a {
    float: left;
    height: 23px;
    line-height: 23px;
    border: 1px solid #d2d2d2;
    display: block;
    background-color: #f8f8f8;
    padding: 0 5px;
    color: #8c8c8c;
}

.store-href .iconfont {
    display: inline-block;
    vertical-align: middle;
    color: #f42424;
    margin-right: 3px;
}

.store-href .gz-store {
    margin-right: 10px;
}

.store-href .icon-zan-alt,
.store-href .icon-zan-alts {
    font-size: 13px;
    margin-left: 3px;
}

.store-href .gz-store.selected {
    border-color: #f42424;
    color: #f42424;
}

.store-href a:hover {
    color: #f42424;
    border-color: #f42424;
}

.s-search {
    padding: 20px 0;
}

.s-search p {
    margin-bottom: 10px;
}

.s-search .text {
    height: 28px;
    line-height: 28px;
    width: 160px;
    padding: 0 4px;
    border: 1px solid #d2d2d2;
    outline: 0;
}

.s-search .text:focus {
    border: 1px solid #f42424;
}

.s-search .sp-form-item2 span {
    color: #d2d2d2;
    padding: 0 5px 0 6px;
}

.s-search .sp-form-item2 .text {
    width: 65px;
}

.s-search .sp-form-item3 {
    margin-bottom: 0;
}

.s-search .search-btn {
    width: 100%;
    height: 30px;
    border: 0;
    background-color: #f42424;
    color: #fff;
    text-align: center;
    outline: 0;
    cursor: pointer;
}

.s-search .search-btn:hover {
    background-color: #ec5051;
}

.g-s-cate-warp dl {
    border-bottom: 1px solid #d2d2d2;
}

.g-s-cate-warp dl:last-child {
    border-bottom: 0;
}

.g-s-cate-warp dt {
    height: 28px;
    line-height: 28px;
    padding: 0 14px;
    color: #8c8c8c;
    font-weight: bold;
    cursor: pointer;
}

.g-s-cate-warp dt .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: 0 -26px;
    float: left;
    margin: 8px 6px 0 0;
}

.g-s-cate-warp dd {
    display: none;
    border-top: 1px solid #d2d2d2;
    padding: 5px 0;
}

.g-s-cate-warp dd .a-item {
    display: block;
    line-height: 28px;
    color: #8c8c8c;
    padding-left: 30px;
}

.g-s-cate-warp dd .a-item:hover {
    color: #f42424;
}

.g-s-cate-warp .hover .icon {
    background-position: -18px -26px;
}

.g-s-cate-warp .hover dt {
    color: #555;
}

.g-s-cate-warp .hover dd {
    display: block;
}

.history_tishi {
    text-align: center;
    padding: 50px 0;
    line-height: 25px;
}

.mc-warp .items {
    padding: 5px 0;
}

.mc-warp .item {
    line-height: 28px;
}

.mc-warp .item a {
    color: #8c8c8c;
    display: block;
    padding-left: 10px;
    background: url(../images/spirit.jpg) 0 12px no-repeat;
}

.mc-warp .item a:hover {
    color: #f42424;
}

.g-m-left .g-rank {
    border: 0;
    width: 200px;
}

.mc-tab {
    height: 38px;
    border-bottom: 1px solid #d2d2d2;
}


/*padding-left:1px;*/

.mc-tab li {
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-bottom: 0;
    height: 38px;
    line-height: 38px;
    width: 65px;
    text-align: center;
    font-weight: bold;
    float: left;
    cursor: pointer;
}


/*margin-left:-1px;*/

.mc-tab li:last-child {
    border-right: 1px solid #d2d2d2;
}

.mc-tab li.curr {
    border-top: 2px solid #f42424;
    background-color: #fff;
    width: 66px;
    height: 37px;
    color: #f42424;
}

.mc-tab.mcOne li.curr {
    width: 198px;
    background: none;
    border-bottom: 1px solid #d2d2d2;
    background-color: #f8f8f8;
    text-align: left;
    font-weight: bold;
    color: #555;
    text-indent: 14px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
}

.mc-tab.mcTwo li {
    width: 49%;
}

.mc-tab.mcTwo li.curr {
    width: 50%;
}

.mc-content {
    border: 1px solid #d2d2d2;
    border-top: 0;
}

.mc-content .mc-main {
    padding: 23px 14px 0;
    overflow: hidden;
    display: none;
}

.mc-content .mcm-left {
    float: left;
    width: 25px;
    position: relative;
}

.mc-content .mcm-right {
    float: left;
    margin-left: 14px;
    width: 130px;
}

.mc-content .mcm-left .spirit {
    width: 1px;
    height: calc(100% - 54px);
    border-left: 1px dashed #d2d2d2;
    position: absolute;
    left: 12px;
    top: 53px;
    z-index: 1;
}

.mc-content .mcm-left .rank-number {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 50%;
    background-color: #555;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 3;
    margin-bottom: 168px;
}

.mc-content .mcm-left .rank-number1 {
    margin-top: 53px;
}

.mc-content .mcm-left .rank-number1,
.mc-content .mcm-left .rank-number2,
.mc-content .mcm-left .rank-number3 {
    background-color: #f42424;
}

.mc-content .mcm-left .rank-number:last-child {
    margin-bottom: 0;
}

.mc-content .mcm-right li {
    margin-bottom: 15px;
}

.mc-content .mcm-right .p-img {
    width: 130px;
    height: 130px;
}

.mc-content .mcm-right .p-name {
    margin-top: 5px;
    width: 100%;
}

.mc-content .mcm-right .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-content .mcm-right .p-price {
    font-size: 14px;
    height: 20px;
}

.g-history .mc-warp ul,
.g-recommend .mc-warp ul {
    margin-top: 14px;
}

.g-history .mc-warp li,
.g-recommend .mc-warp li {
    margin-bottom: 15px;
}

.g-history .mc-warp li .p-img,
.g-recommend .mc-warp li .p-img {
    width: 170px;
    height: 170px;
}

.g-history .mc-warp li .p-lie {
    overflow: hidden;
    margin-top: 6px;
}

.g-history .mc-warp li .p-price {
    float: left;
    font-size: 14px;
}

.g-history .mc-warp li .p-comm {
    float: right;
}

.g-history .mc-warp li .p-comm .iconfont {
    float: left;
    font-size: 14px;
    color: #ccc;
    margin-right: 5px;
}

.g-history .mc-warp li .p-comm .p-c-comm {
    float: left;
}

.g-history .mc-warp li .p-name {
    margin-top: 5px;
}

.g-history .mc-warp li .p-name a {
    height: 38px;
    overflow: hidden;
    display: block;
}

.g-recommend .mc-warp li .p-name {
    margin-top: 5px;
    max-height: 36px;
}

.g-recommend .mc-warp li .p-name a {
    overflow: hidden;
    max-height: 36px;
    display: block;
}

.g-recommend .mc-warp li .p-price {
    font-size: 14px;
    margin-top: 5px;
}

.g-m-detail {
    float: left;
    margin-left: 30px;
    width: 970px;
    overflow: hidden;
}

.gm-tabbox {
    width: 970px;
    background-color: #fff;
}

.gm-tabbox .gm-tab {
    padding-left: 1px;
    border-bottom: 1px solid #d2d2d2;
    height: 38px;
}

.gm-tab li {
    float: left;
    border: 1px solid #d2d2d2;
    margin-left: -1px;
    height: 38px;
    line-height: 38px;
    border-bottom: 0;
    padding: 0 18px;
    font-weight: bold;
    cursor: pointer;
}

.gm-tab li.curr {
    border-top: 2px solid #f42424;
    height: 37px;
    background-color: #fff;
    color: #f42424;
}


/*.g-m-detail .extra{ float:right; display:none;}*/

.g-m-detail .extra {
    position: absolute;
    right: 0;
    top: 0;
}

.g-m-detail .extra .item {
    float: right;
    height: 30px;
    margin-top: 3px;
}

.g-m-detail .extra .item .si-phone-code {
    float: left;
    margin: 3px 20px 0 0;
}

.g-m-detail .extra .item .si-phone-code .qrcode-wrap .qrcode_tit .iconfont {
    font-size: 15px;
}

.g-m-detail .extra .item .inner {
    float: right;
}

.g-m-detail .extra .item .inner .btn {
    height: 28px;
    line-height: 28px;
    margin-right: 0;
}

.tb-popsku {
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    position: absolute;
    right: 0;
    width: 400px;
    z-index: 100;
    display: none;
}

.tb-popsku .arrow-top {
    width: 10px;
    height: 10px;
    position: absolute;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    display: block;
    top: -6px;
    right: 36px;
    transform: rotate(45deg);
}

.tb-popsku-content {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding: 20px 0;
}

.tb-popsku-content .tb-list {
    margin-bottom: 10px;
    overflow: hidden;
}

.tb-popsku-content .tb-list.is-attr {}

.tb-popsku-content .tb-label {
    float: left;
    width: 60px;
    margin-right: 10px;
    line-height: 24px;
    color: #8c8c8c;
    text-align: right;
}

.tb-popsku-content .tb-value {
    float: left;
    width: 330px;
}

.tb-popsku-content .tb-value .shop-price {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-left: -6px;
}

.tb-popsku-content .tb-value .item {
    float: left;
    border: 1px solid #d2d2d2;
    padding: 2px;
    margin: 0 10px 10px 0;
    position: relative;
    height: auto;
}

.tb-popsku-content .tb-value .item b {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 15px;
    height: 15px;
    background: url(../images/dsc-icon.png) 0 0 no-repeat;
}

.tb-popsku-content .tb-value .item a {
    display: block;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}

.tb-popsku-content .tb-value .item a i {
    padding: 0 10px;
}

.tb-popsku-content .tb-value .item.selected {
    border-color: #f42424;
}

.tb-popsku-content .tb-value .item.selected b {
    display: block;
}

.tb-popsku-content .tb-value .cz-btn {
    float: left;
    display: block;
    cursor: pointer;
    width: 80px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}

.tb-popsku-content .tb-value .cz-btn-true {
    background-color: #f42424;
    border-color: #f42424;
    color: #fff;
}

.tb-popsku-content .tb-value .cz-btn-false {
    color: #666;
    border-color: #ededed;
    background: #fafafa;
}

.tb-popsku-content .tb-value .cz-btn-false:hover {
    background-color: #ec5051;
}

.tb-popsku-content .tb-value .cz-btn-false:hover {
    border-color: #e0e0e0;
    background: #f5f5f5;
}

.gm-floors {
    overflow: hidden;
}

.gm-floors .gm-f-item {
    overflow: hidden;
    height: auto;
    position: relative;
}

.gm-floors .gm-f-item .table {
    padding: 0;
}

.goods-para-list {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.goods-para {
    width: 100%;
    float: left;
}

.goods-para .column,
.goods-para .column2 {
    width: 25%;
    float: left;
    margin-top: 10px;
}

.goods-para .column2 {
    width: 96%;
}

.goods-para .column span,
.goods-para .column2 span {
    width: 100%;
}

.gm-f-item .gm-title {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;
    margin-top: 30px;
}

.gm-f-item .gm-title h3 {
    font-size: 14px;
    padding-left: 8px;
    border-left: 4px solid #f42424;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
    float: left;
}

.gm-f-item .gm-title .gm-f-tab {
    float: left;
    margin-left: 20px;
}

.gm-f-item .gm-title .gm-f-tab a {
    float: left;
    font-size: 14px;
    line-height: 14px;
    margin-right: 30px;
    cursor: pointer;
}

.gm-f-item .gm-title .gm-f-tab a.curr {
    color: #f42424;
}

.gm-f-item .gm-title .gm-f-tab li {
    float: left;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
}

.gm-f-item .gm-title .gm-f-tab li.curr a {
    color: #f42424;
}


/*.gm-f-details .gm-title,.gm-f-parameter .gm-title{ margin-top:30px;}*/

.gm-f-details img {
    max-width: 970px;
}

.more-par {
    padding-right: 20px;
    margin-top: -5px;
    text-align: right;
    overflow: hidden;
}

.Ptable {
    overflow: hidden;
    /* border-bottom: 1px solid #eee;*/
}

.Ptable .Ptable-item {
    border-top: 1px solid #eee;
    padding: 12px 0;
    line-height: 220%;
    color: #999;
    margin-top: -1px;
    font-size: 12px;
}

.Ptable .Ptable-item h3 {
    width: 110px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    float: left;
}

.Ptable .Ptable-item dl {
    margin-left: 110px;
}

.Ptable .Ptable-item dt {
    width: 150px;
    float: left;
    text-align: right;
}

.Ptable .Ptable-item dd {
    margin-left: 190px;
}

.praise-rate-warp {
    padding: 0 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
}

.praise-rate-warp .rate {
    float: left;
    margin-left: 30px;
    padding: 6px 28px 6px 0;
    border-right: 1px solid #d2d2d2;
}

.praise-rate-warp .rate strong {
    font-size: 48px;
    color: #f42424;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-weight: normal;
    float: left;
}

.praise-rate-warp .rate .rate-span {
    float: left;
    color: #8c8c8c;
    width: 50px;
}

.praise-rate-warp .rate .tit {
    margin: 5px 0 0 8px;
    float: left;
}

.praise-rate-warp .rate .bf {
    float: left;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    color: #f42424;
}

.praise-rate-warp .actor-new {
    float: left;
    margin-left: 34px;
    width: 740px;
    height: 60px;
    overflow: hidden;
}

.praise-rate-warp .actor-new dl {
    overflow: hidden;
}

.praise-rate-warp .actor-new dd {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 0 12px;
    border: 1px solid #fcdbdb;
    color: #b31919;
    margin: 4px 8px 4px 0;
    cursor: pointer;
}

.not_impression {
    font-size: 14px;
    color: #8c8c8c;
    background: url(../images/prompt/not-imp.png) no-repeat;
    padding-left: 70px;
    line-height: 50px;
    margin: 5px 0 0 50px
}

.com-list-main {
    overflow: hidden;
    padding: 0 20px;
}

.com-list-main .com-list-item {
    border-bottom: 1px dotted #dcdcdc;
    overflow: hidden;
    padding: 28px 0 20px;
}

.com-list-item .com-user-name {
    float: left;
    width: 50px;
}

.com-list-item .com-user-name .user-ico {
    width: 50px;
    height: 50px;
}

.com-list-item .com-user-name .user-ico img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.com-list-item .com-user-name .user-txt {
    text-align: center;
    color: #8c8c8c;
    margin-top: 6px;
}

.com-item-warp {
    float: left;
    margin-left: 25px;
    width: calc(100% - 75px);
}

.ciw-top {
    overflow: hidden;
}

.grade-star {
    float: left;
    display: block;
    float: left;
    width: 60px;
    height: 12px;
    background: url(../images/dsc-icon.png) -298px 0 no-repeat;
    margin: 4px 3px 0 0;
}

.grade-star-bg {
    float: left;
    height: 12px;
    width: 60px;
    background: url(../images/dsc-icon.png) -298px -16px no-repeat;
}

.ciw-actor-info {
    float: left;
    margin-left: 15px;
}

.ciw-actor-info span {
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    border: 1px solid #fcdbdb;
    color: #b31919;
    text-align: center;
    margin-right: 10px;
}

.ciw-actor-info span:last-child {
    margin-right: 0;
}

.ciw-time {
    float: right;
    color: #8c8c8c;
}

.ciw-content {
    overflow: hidden;
    margin-top: 5px;
}

.ciw-content .com-warp {
    overflow: hidden;
    padding-bottom: 10px;
}

.ciw-content .com-txt {
    color: #222;
    max-height: 90px;
    line-height: 20px;
    font-size: 14px;
}

.ciw-content .com-operate {
    float: right;
    width: 100%;
    overflow: hidden;
}

.ciw-content .com-operate a {
    float: right;
}

.ciw-content .com-operate .nice {
    margin-left: 25px;
}

.ciw-content .com-operate .iconfont {
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    color: #8c8c8c;
}

.ciw-content .com-operate .nice .iconfont {
    margin-top: -2px;
}

.ciw-content .com-operate a:hover .iconfont,
.ciw-content .com-operate .selected,
.ciw-content .com-operate .selected .iconfont {
    color: #f42424;
}

.ciw-content .reply_info {
    font-size: 14px;
}

.ciw-content .reply_info .item {
    border-top: 1px dotted #dcdcdc;
    line-height: 25px;
    padding: 5px 0;
}

.ciw-content .reply_info em {
    color: #b31919;
    float: left;
}

.ciw-content .reply_info .words {
    display: inline-block;
    width: 580px;
    color: #8c8c8c
}

.ciw-content .com-imgs {
    width: 100%;
    float: left;
    position: relative;
}

.ciw-content .reply_info .time {
    color: #8c8c8c;
    font-size: 12px;
}

.ciw-content .reply_info em {
    color: #f42424
}

.ciw-content .reply_info .pages26 {
    float: right;
}

.ciw-content .reply_info .pages26 .item {
    padding: 0;
    border: 1px solid #d2d2d2;
}

.ciw-content .reply_info .pages26 .pages .item.cur {
    border-color: #f42424;
}

.reply-textarea {
    float: right;
    width: 570px;
}

.reply-textarea .inner {
    border: 1px solid #dcdcdc;
}

.reply-textarea .inner textarea {
    width: 555px;
    padding: 5px;
    border: 0;
    outline: 0;
    height: 45px;
}

.reply-textarea .reply-arrow {
    width: 100%;
    height: 12px;
    position: relative;
    bottom: -1px;
}

.reply-textarea .reply-arrow .layer {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #FFF url(../images/reply-arrow.png) no-repeat;
    right: 56px;
}

.reply-textarea .btnbox {
    float: right;
    width: 100%;
}

.reply-textarea .btnbox .btn {
    float: right;
}

.btnbox .reply-submit {
    cursor: pointer;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    color: #fff;
    background: #ec5051;
    outline: 0;
}

.btnbox span {
    color: #f42424;
    float: left;
    margin-top: 10px;
}

.p-imgs-warp {
    overflow: hidden;
}

.p-thumb-img {
    overflow: hidden;
    margin-bottom: 12px;
}

.p-thumb-img li {
    float: left;
    padding: 2px;
    border: 1px solid #d2d2d2;
    margin-right: 10px;
    height: 54px;
    height: 54px;
    position: relative;
}

.p-thumb-img li a {
    display: table-cell;
    vertical-align: middle;
    height: 54px;
    height: 54px;
}

.p-thumb-img li:hover,
.p-thumb-img li.curr {
    border-color: #f42424;
}

.p-thumb-img li img {
    cursor: url(../images/cursor_plus.png), auto;
    max-height: 54px;
    max-width: 54px;
}

.p-thumb-img li.curr img {
    cursor: url(../images/cursor_reduce.png), auto;
}

.p-view-img {
    position: relative;
    border: 1px solid #d2d2d2;
    padding: 2px;
    background-color: #fff;
    float: left;
    max-width: 400px;
    max-height: 400px;
    text-align: center;
    position: relative;
}

.p-view-img img {
    width: 100%;
    height: 100%;
    cursor: url(../images/cursor_reduce.png), auto;
}

.p-view-img a {
    height: 100%;
    position: absolute;
    top: 0;
    width: 60px;
    text-align: center;
}

.p-view-img a i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -12px;
    width: 23px;
    height: 40px;
    background: url(../images/arrow_icon.png) no-repeat;
    display: none;
}

.p-view-img a:hover i {
    display: block;
}

.p-view-img .p-prev {
    left: 0;
}

.p-view-img .p-next {
    right: 0;
}

.p-view-img .p-prev i {
    background-position: 0 0;
}

.p-view-img .p-next i {
    background-position: -23px 0;
}

.com-list-main .pages {
    margin: 20px 0;
}

.table {
    padding: 0 20px;
    overflow: hidden;
}

.table .thead {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #dcdcdc;
}

.table .thead .th {
    float: left;
    line-height: 30px;
    padding-bottom: 5px;
}

.table .tbody {
    overflow: hidden;
    padding: 15px 0 20px;
    float: left;
    width: 100%;
}

.table .tbody .td {
    float: left;
    line-height: 30px;
    position: relative;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table .td1 {
    width: 470px;
    padding-left: 30px;
    text-align: left;
}

.table .td2 {
    width: 80px;
    text-align: center;
}

.table .td3 {
    width: 80px;
    text-align: center;
}

.table .td4 {
    width: 150px;
    text-align: center;
}

.table .td5 {
    width: 130px;
    text-align: center;
}

.table .tbody .tr {
    width: 100%;
    float: left;
}

.rection {
    overflow: hidden;
}

.rection ul {
    width: 1210px;
}

.rection li {
    float: left;
    width: 230px;
    margin-right: 10px;
    text-align: center;
}

.rection li:last-child {
    margin-right: 0;
}

.rection li .p-img {
    width: 232px;
    height: 232px;
}

.rection li .p-name {
    width: 100%;
    margin-top: 5px;
}

.rection li .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rection li .p-price {
    margin-top: 5px;
}

.goods-main-layout .detail-hd-fixed {
    position: fixed;
    top: 0;
    z-index: 39;
    border-bottom: 0;
}

.goods-main-layout .detail-hd-fixed .gm-tab {
    border-bottom: 0;
    float: left;
}

.goods-main-layout .detail-hd-fixed .extra {
    display: block;
}

.g-store-info.detail-hd-fixed .mt {
    border-bottom: 0;
}

.g-store-info.detail-hd-fixed .mc {
    display: none;
}

.gm-tab-qp-bort {
    height: 1px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3);
    position: absolute;
    width: 1920px;
    bottom: 0;
    left: 0;
}

.who-goods-main-layout .extra {
    display: none;
}


/* goods-desc end*/


/*discuss strat*/

.discuss-warp {
    overflow: hidden;
}

.discuss-left {
    float: left;
    width: 900px;
}

.discuss-right {
    float: right;
    width: 250px;
}

.d-title {}

.d-title h1 {
    font-size: 24px;
    color: #555;
    padding: 25px 0;
}

.review-info {
    overflow: hidden;
}

.review-tabs {
    border: 1px solid #f42424;
    height: 38px;
    line-height: 38px;
}

.review-tabs a {
    float: left;
    width: 179px;
    text-align: center;
    color: #f42424;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.review-tabs a:last-child {
    width: 182px;
}

.review-tabs a i {
    width: 6px;
    height: 5px;
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -3px;
    display: none;
}

.review-tabs a.curr {
    background-color: #f42424;
    color: #fff;
}

.review-tabs a.curr i {
    display: block;
}

.discuss-list {
    padding-top: 20px;
}

.discuss-list .discuss-item {
    margin-top: 28px;
    overflow: hidden;
}

.discuss-item .d-i-info {
    padding-bottom: 25px;
    border-bottom: 1px dashed #d2d2d2;
}

.discuss-item .d-i-info .d-i-name {
    position: relative;
    overflow: hidden;
}

.discuss-item .d-i-info .d-i-name .icon-tie {
    top: 0;
}

.discuss-item .d-i-info .d-i-name a {
    padding-left: 30px;
    line-height: 20px;
    display: block;
    float: left;
    font-size: 16px;
    color: #333;
    max-width: 768px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.discuss-item .d-i-info .d-i-name a:hover {
    color: #f42424;
}

.discuss-item .d-i-info .d-i-name .iconfont {
    vertical-align: middle;
    color: #fc6e29;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
}

.discuss-item .d-i-info .d-i-lie {
    padding-left: 30px;
    color: #8c8c8c;
    margin-top: 10px;
    overflow: hidden;
}

.discuss-item .d-i-info .user-name,
.discuss-item .d-i-info .time {
    float: left;
    font-size: 14px;
}

.discuss-item .d-i-info .user-name {
    margin-right: 20px;
}

.discuss-item .d-i-info .time {}

.browse,
.comment {
    color: #8c8c8c;
}

.browse {
    margin-right: 20px;
}

.browse i,
.comment i {
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
    color: #d2d2d2;
}

.comment i {
    font-size: 14px;
    margin-top: 0;
}

a.browse:hover,
a.comment:hover {
    color: #f42424;
}

.review-form {
    padding-top: 30px;
    overflow: hidden;
    border-top: 1px solid #d2d2d2;
}

.review-form .r-u-name {
    margin-bottom: 20px;
}

.review-form .r-u-name .u-ico {
    margin-left: 6px;
}

.review-form span {
    font-size: 18px;
    color: #8c8c8c;
    display: inline-block;
    line-height: 50px;
    margin-left: 20px;
}

.review-form .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.review-form .item .item-label {
    font-size: 14px;
    color: #8c8c8c;
    width: 56px;
    text-align: right;
    float: left;
    margin-right: 10px;
    line-height: 35px;
}

.review-form .item .item-label2 {
    line-height: 30px;
}

.review-form .item .item-value {
    float: left;
    width: calc(100% - 66px);
}

.review-form .item .item-value .text {
    height: 35px;
    float: left;
    font-size: 14px;
}

.review-form .item .item-value .textarea {
    width: 510px;
}

.review-form .item .item-value .radio-item {
    margin-top: 5px;
}

.review-form .item .item-value .form_prompt {
    line-height: 37px;
}

.review-form .item .item-value .captcha_input .text {
    height: 28px;
}

.review-form .item .btn {
    width: 118px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.discuss-right .d-main {
    border: 1px solid #d2d2d2;
    padding: 0 19px;
}

.d-goods {
    margin-top: 30px;
}

.d-main .d-tit {
    font-size: 14px;
    font-weight: bold;
    margin: 18px 0 0;
}

.d-main .d-g-info {
    margin-top: 18px;
}

.d-main .p-img {
    width: 210px;
    height: 210px;
}

.d-main .p-price {
    font-size: 20px;
    margin-top: 10px;
}

.d-main .p-name {
    font-size: 12px;
    line-height: 20px;
}

.d-main .p-name a {
    color: #555;
}

.d-main .p-name a:hover {
    color: #f42424;
}

.d-main .p-lie {
    color: #8c8c8c;
    margin-top: 5px;
}

.d-main .p-lie b {
    margin-left: 3px;
}

.d-main .btn {
    width: 158px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    margin: 15px 0 20px;
    margin-right: 0;
}

.my-post {
    margin-top: 20px;
}

.my-post .btn {
    width: 228px;
    margin-right: 0;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.my-post .btn .iconfont {
    margin-right: 8px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.d-hot {
    margin-top: 20px;
}

.d-hot .d-info {
    margin: 15px 0 5px;
}

.d-hot .d-info i {
    top: 6px;
}

.d-hot .d-info li {
    position: relative;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}

.d-hot .d-info li a {
    display: block;
}

.discuss-info {
    overflow: hidden;
    margin-top: 30px;
}

.discuss-info-warp {
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
}

.d-i-tit {
    font-size: 14px;
    color: #8c8c8c;
}

.d-i-tit p {
    margin-top: 5px;
}

.d-i-txt {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}

.discuss-info-warp .p-imgs-warp {
    margin-top: 10px;
}

.discuss-reply-info {
    overflow: hidden;
}

.d-r-warp .user-name {
    font-size: 14px;
    color: #8c8c8c;
}

.d-r-warp .textarea {
    width: calc(100% - 22px);
    margin-top: 10px;
}

.d-r-warp .btn {
    float: right;
    width: 68px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-right: 0;
}

.discuss-all {
    margin-top: 20px;
}

.discuss-all .tit {
    font-size: 14px;
    color: #8c8c8c;
}

.discuss-all .item {
    margin-top: 25px;
    overflow: hidden;
}

.d-a-info {
    border-bottom: 1px dashed #d2d2d2;
}

.d-a-info .d-a-lie {
    color: #8c8c8c;
    font-size: 14px;
    overflow: hidden;
}

.d-a-info .d-a-lie * {
    float: left;
}

.d-a-info .time {
    margin-left: 20px;
}

.d-a-info .d-i-txt {
    margin: 10px 0 15px;
    width: 790px;
    float: left;
    overflow: hidden;
}

.d-a-info .reply_parent {
    float: right;
    font-size: 14px;
    margin-top: 14px;
}

.album-info {
    padding: 10px 0;
    overflow: hidden;
}

.album-big {
    float: left;
    width: 880px;
    position: relative;
}

.album-big .album-big-cen {
    width: 720px;
    overflow: hidden;
    margin: 0 auto;
}

.album-big .albumbig-prev,
.album-big .albumbig-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

.album-big .albumbig-prev i,
.album-big .albumbig-next i {
    font-size: 50px;
    color: #d4d4d4;
}

.album-big .albumbig-prev:hover i,
.album-big .albumbig-next:hover i {
    color: #f42424;
}

.album-big .albumbig-prev {
    left: 0;
}

.album-big .albumbig-next {
    right: 0;
}

.album-right {
    float: right;
    width: 200px;
}

.album-list {
    border: 1px solid #d2d2d2;
}

.album-list .album-tit {
    height: 38px;
    line-height: 38px;
    background-color: #f8f8f8;
    padding-left: 15px;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
}

.album-list-warp {
    padding: 15px 0 0 15px;
    overflow: hidden;
    height: 360px;
}

.album-list-warp ul {}

.album-list-warp li {
    float: left;
    width: 64px;
    height: 64px;
    padding: 7px;
    border: 1px solid #d2d2d2;
    margin: 0 9px 10px 0;
    cursor: pointer;
}

.album-list-warp li.curr,
.album-list-warp li:hover {
    border-color: #f42424;
}

.album-nunber {
    text-align: center;
    margin: 10px 0 20px;
}

.album-nunber a {
    width: 23px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.album-nunber a i {
    font-size: 12px;
    color: #8c8c8c;
}

.pur-info {
    margin: 15px 0;
    color: #8c8c8c;
}

.pur-info p {
    padding-top: 5px;
}

.pur-info p span {
    color: #f42424;
    font-weight: bold;
}

.pur-info p b {
    margin-right: 3px;
}

.pur-info .btn {
    width: 198px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    margin: 15px 0 0 0;
}

.pur-info .btn i {
    margin-right: 5px;
}

.quote {
    margin-bottom: 10px;
    width: 510px;
}

.quote fieldset {
    border: 1px solid #dedede;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 0 8px;
    width: 500px;
    word-wrap: break-word;
}

.quote legend {
    color: #999;
    margin-left: 5px;
    padding: 0 4px;
}

.quote .quote_content {
    margin-left: 5px;
    padding: 0 5px;
    width: 580px;
}

.editor-quote .quote {
    background-color: #fff;
    border: 1px solid #d0e4c2;
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 0 0;
    padding: 6px 11px;
    position: relative;
    width: 525px;
    word-wrap: break-word;
}

.editor-quote .quote_title {
    color: #989898;
    height: 22px;
}

.editor-quote .quote .close {
    background: url(../images/close.png);
    cursor: pointer;
    font-size: 0;
    height: 8px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    text-decoration: none;
    top: 40%;
    width: 8px;
}


/*discuss end*/


/* login and register start*/

.login {
    background-color: #fff;
}

.login .container {
    padding-bottom: 0;
}

.login-wrap {
    position: relative;
    height: 530px;
    z-index: 5;
}

.login-wrap .login-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 530px;
}

.login-banner .banner-bg {
    position: relative;
    z-index: 3;
    height: 530px;
}

.login-form {
    position: relative;
    width: 350px;
    z-index: 4;
    background-color: #fff;
}

.login-wrap .login-form {
    float: right;
    top: 52px;
}

.login-form .coagent {
    padding: 20px 40px 0;
}

.login-form .tit {
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: relative;
}

.login-form .tit h3 {
    font-size: 16px;
    padding: 5px 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.login-form .tit span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 9px;
    height: 1px;
    border-bottom: 1px dashed #e5e5e5;
}

.coagent .coagent-warp {
    height: 36px;
    margin-top: 20px;
    text-align: center;
    font-size: 0;
}

.coagent .coagent-warp a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 20px;
}

.coagent .coagent-warp a:last-child {
    margin-right: 0;
}

.third-party-icon {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../images/phone-icon.png) no-repeat;
}

.qq-icon {
    background-position: 0 0;
}

.weixin-icon {
    background-position: 0 -37px;
}

.weibo-icon {
    background-position: 0 -74px;
}

.alipay-icon {
    background-position: 0 -111px;
}

.qq-icon:hover {
    background-position: -39px 0;
}

.weixin-icon:hover {
    background-position: -39px -37px;
}

.weibo-icon:hover {
    background-position: -39px -74px;
}

.alipay-icon:hover {
    background-position: -39px -111px;
}

.login-box {
    padding: 20px 40px 30px;
}

.msg-wrap {
    height: 25px;
}

.msg-wrap .msg-error {
    color: #f42424;
}

.msg-wrap .msg-error .iconfont {
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.form .item {
    margin-bottom: 10px;
}

.form .item-info {
    position: relative;
    width: 268px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
}

.form .item-info-not {
    border: 0;
}

.form .text {
    border: 0;
    width: 223px;
    padding: 5px 0px 5px 21px;
}

.form .iconfont {
    position: absolute;
    color: #e8e8e8;
    left: 10px;
    top: 11px;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.form .text-2 {
    width: 111px;
}

.form .item-button {
    margin-top: 20px;
}

.form .btn {
    width: 270px;
    height: 40px;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    outline: 0;
}

.form .notpwd {
    margin-top: 5px;
    display: block;
}

.captcha_img {
    margin-top: 1px;
    cursor: pointer;
}

.form .item-focus .item-info {
    border-color: #8c8c8c;
}

.form .item-focus .iconfont,
.form .item-error .iconfont {
    color: #d2d2d2;
}

.form .item-error .item-info {
    border-color: #f42424;
}

.register-wrap {
    background-color: #fff;
    min-height: 565px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
}

.register-adv {
    float: left;
    width: 600px;
    height: 565px;
    position: relative;
    text-align: center;
}

.register-adv a {
    display: table-cell;
    width: 600px;
    height: 565px;
    vertical-align: middle;
}

.register-form {
    width: 600px;
    float: left;
    padding-top: 38px;
}

.form-other .item {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.form-other .item-label {
    float: left;
    width: 136px;
    font-size: 16px;
    color: #8c8c8c;
    line-height: 40px;
    padding-right: 24px;
    text-align: right;
}

.form-other .item-info {
    float: left;
    width: 340px;
}

.form-other .text {
    padding: 0 10px;
    width: 320px;
}

.form-other .text-2 {
    padding: 5px 10px;
    width: 208px;
}

.form-other .text-3 {
    padding: 0 38px 0 10px;
    width: 292px;
}

.form-other .item2 {
    width: auto;
    padding-left: 160px;
}

.form-other .item2 .ui-solid-label {
    cursor: pointer;
}

.form-other .item2 .input-tip {
    padding-left: 0;
}

.form-other .item-button {
    margin-top: 0;
}

.form-other .btn {
    width: 342px;
    height: 50px;
    line-height: 50px;
}

.form-other .item-other {
    margin-top: 40px;
}

.form-other .icon-eye-open {
    left: inherit;
    right: 10px;
    cursor: pointer;
}

.form-other .icon-eye-open:hover {
    color: #fdd98f;
}

.get_pwd_warp {
    background-color: #fff;
    height: 460px;
    margin-bottom: 30px;
}

.get_pwd_form {
    margin: 0 auto;
    width: 448px;
}

.get_pwd_form .form-other .item-label {
    width: 82px;
}

.get_pwd_form .form-other .item2 {
    padding-left: 106px;
}

.get_pwd_form .form-other .btn {
    margin: 0;
}

.get_pwd_form .gp-content {
    float: left;
    margin-top: 26px;
}

.get_pwd_form .gp-content .gp-warp:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.get_pwd_form .input-tip {
    padding-left: 106px;
}

.user_email_verify .loginRegister-header {
    border-bottom: 1px solid #dcdcdc;
}

.user_email_verify .get_pwd_warp {
    margin: 103px 0;
}

.meswitch {
    float: right;
    line-height: 26px;
    position: relative;
    z-index: 99;
    color: #438cde;
}

.gp-tab {
    float: left;
    width: 342px;
}

.gp-tab ul {}

.gp-tab li {
    position: relative;
    float: left;
    width: 168px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    border-bottom-color: #f42424;
    text-align: center;
    color: #d2d2d2;
    font-size: 16px;
    cursor: pointer;
}

.gp-tab li .iconfont {
    left: 28px;
}

.gp-tab li .icon-mobile-phone {
    left: 32px;
    top: 11px;
}

.gp-tab li.curr {
    border-color: #f42424;
    border-bottom-color: #fff;
    color: #f42424;
}

.gp-tab li.curr .iconfont {
    color: #f42424;
}

.gp-warp {
    display: none;
}

.gptabThree li {
    width: 112px;
}

.gptabThree li span {
    float: left;
    display: block;
    padding-left: 30px;
}

.gptabThree li .iconfont {
    left: 8px;
}

.gp-tit {
    margin-bottom: 30px;
    float: left;
    width: 317px;
    color: #f42424;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f42424;
}

.gp-tit .iconfont {
    left: 2px;
    top: 3px;
    color: #f42424;
}

.gp-email-up,
.gp-end {
    text-align: center;
    font-size: 16px;
    color: #8c8c8c;
    padding-top: 150px;
}

.gp-email-up a {
    color: #f42424;
}

.gp-email-up a:hover {
    text-decoration: underline;
}

.gp-email-up p {
    margin-bottom: 20px;
}

.gp-email-up .time {
    color: #f42424;
}

.gp-end .gp-end-tit {
    height: 40px;
    line-height: 40px;
}

.gp-end .gp-end-tit .icon-state {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}

.gp-end .gp-end-tit .icon-state-ok {
    background: url(../images/ok.png) no-repeat;
}

.gp-end .gp-end-tit em {
    color: #f42424;
    margin: 0 5px;
}

.gp-end .btn {
    width: 138px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}

.msg_ts {
    height: 30px;
    margin-left: 106px;
    position: relative;
}

.msg_ts .error {
    padding-top: 7px;
    color: #f42424;
}

.input-tip {
    width: 342px;
    height: 26px;
    font-size: 12px;
    float: left;
    padding-left: 160px;
    position: relative;
}

.input-tip .iconfont,
.msg_ts .error .iconfont {
    font-size: 14px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    line-height: normal;
}

.input-tip span {
    margin-top: 3px;
    display: block;
    color: #d2d2d2;
}

.input-tip .error,
.input-tip.error,
.input-tip .error .iconfont,
.msg_ts .error .iconfont {
    color: #f42424;
}

.input-tip span.succeed,
.input-tip span.succeed .iconfont {
    color: #1ecb63;
}

.succeed i {
    background: url(../images/login_icons_new.png) -25px -2px no-repeat;
    width: 16px;
    height: 18px;
    display: block;
    margin: 10px 0 0 10px;
}

.input-tip .succeed i {
    background: url(../images/login_icons_new.png) -25px -2px no-repeat;
    width: 16px;
    height: 18px;
    position: absolute;
    top: -30px;
    right: -30px;
    margin: 0;
}

.input-tip .strength {
    width: 190px;
    height: 10px;
    display: block;
    padding: 0;
    margin: 8px 0 0 2px;
    position: relative;
}

.input-tip .strengthA,
.input-tip .strengthB,
.input-tip .strengthC {
    background: url(../images/login_icons_new.png) 0 -124px;
}

.input-tip .strength b {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 10px;
    background: url(../images/login_icons_new.png) 0 -137px;
}

.input-tip .strength span {
    position: absolute;
    top: -8px;
    right: -20px;
    color: #333;
    margin: 0;
}

.input-tip .strengthA b {
    width: 37%;
}

.input-tip .strengthB b {
    width: 67%;
}

.input-tip .strengthC b {
    width: 100%;
}

.input-tip .strengthA span {
    color: #f42424;
}

.input-tip .strengthB span {
    color: #f7a530;
}

.input-tip .strengthC span {
    color: #0bc756;
}


/* login and register end*/


/* cart start */

.cart-warp {
    position: relative;
    z-index: 9;
}

.cart-filter {
    width: 100%;
    height: 36px;
    position: relative;
}

.cart-filter .cart-stepflex {
    float: left;
}

.cart-stepflex {
    overflow: hidden;
    height: 36px;
}

.cart-step-item {
    float: left;
}

.cart-step-item span {
    display: inline-block;
    float: left;
    width: 126px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #8c8c8c;
    font-size: 14px;
    border: 1px solid #f8f8f8;
    border-radius: 18px;
}

.cart-step-item .iconfont {
    width: 13px;
    margin: 7px 12px 0;
    display: inline-block;
    vertical-align: middle;
    color: #d2d2d2;
}

.cart-step-item.curr span {
    background-color: #ff8f23;
    border-color: #ff8f23;
    color: #fff;
}

.cart-step-item.cur span {
    background-color: #fff;
    border-color: #ff8f23;
    color: #ff8f23;
}

.cart-step-item.curr .iconfont,
.cart-step-item.cur .iconfont {
    color: #ff8f23;
}

.cart-filter .cart-stepright {
    float: right;
    height: 36px;
    line-height: 36px;
    margin-right: 85px;
    font-size: 18px;
    width: 100px;
    text-align: right;
}

.cart-filter #spanOpe {
    cursor: pointer;
}

.sp-area {
    float: right;
    color: #8c8c8c;
    position: relative;
    margin-top: 3px;
}

.sp-area .txt {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-right: 15px;
}

.sp-area .selector {
    float: left;
    position: relative;
    margin-bottom: 0;
}

.sp-area .selector .selector-tit {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 14px;
    color: #333;
}

.cart-table {
    position: relative;
    margin-top: 16px;
}

.cart-head {
    background-color: #fff;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
}

.cart-head .column {
    float: left;
    height: 50px;
    font-size: 14px;
    color: #8c8c8c;
}

.cart-head .c-checkbox {
    width: 100px;
}

.cart-all-checkbox .ui-label-14,
.cart-all-checkbox .ui-checkbox:checked+label {
    background-position: 0 3px;
    cursor: pointer;
    padding-left: 25px;
}

.cart-head .c-goods {
    width: 550px;
}

.cart-head .c-props {
    width: 142px;
}

.cart-head .c-price {
    width: 180px;
}

.cart-head .c-quantity {
    width: 132px;
}

.cart-head .c-sum {
    width: 120px;
}

.cart-head .c-action {
    width: 60px;
}

.cart-tbody {
    margin-top: 10px;
}

.cart-item {}

.cart-item .shop {
    height: 50px;
    line-height: 50px;
}

.cart-checkbox {
    padding-left: 20px;
    float: left;
}

.cart-item .shop-txt {
    float: left;
}

.cart-item .shop-txt .shop-name {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    float: left;
}

.cart-item .shop-txt .shop-name strong {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-item .shop-txt .self-shop-name {
    min-width: 62px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #f42424;
    border-radius: 10px;
    text-align: center;
    float: left;
    margin: 15px 0 0 5px;
    cursor: default;
}

.shop-coupon {
    float: right;
    position: relative;
    margin: 12px 30px 0 0;
    width: 82px;
    height: 25px;
    overflow: hidden;
}

.shop-coupon .s-coupon-tit {
    width: 80px;
    height: 23px;
    border: 1px dashed #f42424;
    display: block;
    text-align: center;
    line-height: 23px;
    color: #f42424;
    position: relative;
    z-index: 10
}

.shop-coupon .s-coupon-tit .iconfont {
    font-size: 12px;
    margin-left: 3px;
}

.shop-coupon .p-coupon-cont {
    position: absolute;
    width: 265px;
    padding: 10px;
    border: 1px solid #f42424;
    top: 25px;
    right: 0;
    background-color: #fff;
    z-index: 9;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease-out;
    -moz-transition: height .3s ease-out;
    -ms-transition: height .3s ease-out;
    -o-transition: height .3s ease-out;
    transition: height .3s ease-out;
}

.p-coupon-cont .p-coupon-item {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 15px;
    margin-bottom: 15px;
}

.p-coupon-cont .p-coupon-item:last-child {
    margin-bottom: 0;
}

.p-coupon-item .coupon-price {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 54px;
    position: relative;
    font-size: 0;
    background: #ff99ef;
    text-align: center;
}

.p-coupon-item .coupon-price i {
    display: block;
    width: 3px;
    height: 30px;
    overflow: hidden;
    background: url(../images/cart-coupon-icon.png) no-repeat;
    position: absolute;
    top: 0;
}

.p-coupon-item .coupon-price .i-left {
    background-position: 0 0;
    left: -3px;
}

.p-coupon-item .coupon-price .i-right {
    background-position: -57px 0;
    right: -3px;
}

.p-coupon-item .coupon-price span {
    font-size: 12px;
    color: #fff;
}

.p-coupon-item .coupon-msg {
    float: left;
    width: auto;
    margin-left: 8px;
}

.p-coupon-item .coupon-msg span {
    display: block;
    color: #8c8c8c;
}

.p-coupon-item .coupon-opbtns {
    float: right;
}

.p-coupon-item .coupon-opbtns a {
    width: 40px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 5px;
}

.p-coupon-item .coupon-opbtns .c-btn {
    background-color: #f42424;
}

.p-coupon-item .coupon-opbtns .c-btn-disabled {
    background-color: #d2d2d2;
}

.prom-hover .p-coupon-cont {
    top: 24px;
}

.cart-item .item-list {
    position: relative;
    padding: 20px;
    background-color: #fff;
}

.cart-item .item-list .item-single {
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}

.cart-item .item-list .item-single:last-child {
    border-bottom: 0;
}

.cart-item .item-list .item-item {
    padding: 15px 0 15px 75px;
    position: relative;
}

.cart-item .item-list .selected {}

.cart-item .item-list .zp {
    background-color: #fff7f0;
    padding-left: 15px;
    margin-left: 75px;
    margin-bottom: 20px;
}

.cart-item .item-list .zp .item-form .s-props {
    padding-right: 25px;
}

.cart-item .item-list .zp .item-form .s-price {
    padding-right: 20px;
}

.cart-item .item-list .zp .item-form .s-quantity {
    padding-right: 71px;
}

.cart-item .item-list .last-item {
    padding-bottom: 0;
}

.item-form {
    position: relative;
    margin-top: 17px;
}

.item-form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.item-form .cell {
    float: left;
}

.item-form .s-checkbox {
    position: absolute;
    left: -75px;
    z-index: 2;
}

.item-form .s-goods {
    width: 550px;
}

.item-form .s-props {
    width: 155px;
    padding: 0px 35px 0 0;
}

.item-form .s-price {
    width: 160px;
    padding: 0px 20px 0 0;
}

.item-form .s-quantity {
    width: 100px;
    padding: 0px 48px 0 0;
}

.item-form .s-sum {
    width: 120px;
    padding: 0px 10px 0 0;
}

.item-form .goods-item {
    display: block;
    margin-right: 75px;
}

.item-form .goods-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.item-form .goods-item .p-img {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #d2d2d2;
}

.item-form .goods-item .item-msg {
    float: left;
    width: calc(100% - 92px);
    margin-left: 20px;
    line-height: 24px;
}

.item-form .goods-item .p-name {
    height: 38px;
    line-height: 20px;
    overflow: hidden;
}

.item-form .p-extend {
    margin-top: 10px;
}

.item-form .p-extend:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.item-form .p-extend-item {
    float: left;
    position: relative;
    height: 24px;
    line-height: 24px;
    border: 1px solid #95c1fb;
    padding: 0 14px 0 30px;
    border-radius: 12px;
    color: #8c8c8c;
    margin-bottom: 5px;
}

.item-form .p-extend-item i {
    position: absolute;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    display: block;
    background-color: #95c1fb;
    text-align: center;
    color: #fff;
    left: -1px;
    top: -1px;
}

.item-form .p-extend-item:last-child {
    margin-bottom: 0;
}

.item-form .p-extend-item span {
    height: 18px;
    max-width: 388px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.item-form .props-txt {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 24px;
}

.item-form .s-price strong {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 400;
}

.item-form .s-quantity .buy-num {
    width: 44px;
    padding: 0 2px;
}

.item-form .s-quantity .amount-warp {
    overflow: hidden;
    float: none;
    margin-bottom: 2px;
}

.item-form .s-quantity .amount-warp .noeidx {
    border: 0;
    background-color: transparent;
    outline: 0;
    width: 56px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.item-form .s-sum strong {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.item-form .s-action a:first-child {
    margin-top: 0;
}

.item-form .s-action a:hover {
    color: #f42424;
}

.promotion-info {
    position: relative;
    overflow: hidden;
    width: 80px;
}

.sales-promotion {
    display: block;
    width: 78px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #d2d2d2;
    text-align: center;
    color: #f42424;
    position: relative;
    z-index: 11;
}

.sales-promotion .iconfont {
    font-size: 12px;
    margin-left: 3px;
}

.promotion-tips {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    z-index: 10;
    min-width: 250px;
    border: 1px solid #f42424;
    top: 24px;
    left: 0;
    -webkit-transition: height .3s ease-out;
    -moz-transition: height .3s ease-out;
    -ms-transition: height .3s ease-out;
    -o-transition: height .3s ease-out;
    transition: height .3s ease-out;
    height: 0;
}

.promotion-tips li {
    line-height: 25px;
    width: 100%;
}

.promotion-tips li label {
    cursor: pointer;
}

.prom-hover {
    overflow: visible;
    z-index: 12;
}

.prom-hover .sales-promotion {
    border-color: #f42424;
    border-bottom-color: #fff;
}

.prom-hover .promotion-tips,
.prom-hover .p-coupon-cont {
    overflow: hidden;
}

.prom-hover .s-coupon-tit {
    border: 1px solid #f42424;
    border-bottom-color: #fff;
}

.item-header {
    padding: 20px 0 0 20px;
}

.item-header .f-txt {
    color: #8c8c8c;
    padding-bottom: 10px;
    line-height: 16px;
}

.item-header .f-txt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.full-icon {
    float: left;
    height: 16px;
    line-height: 16px;
    color: #fff;
    background-color: #ff8f23;
    padding: 0 7px;
    position: relative;
    margin-right: 10px;
}

.full-icon i {
    position: absolute;
    width: 10px;
    height: 4px;
    background: url(../images/cart-line-02.png) no-repeat;
    display: block;
    left: 0;
    bottom: -4px;
}

.item-line {
    position: absolute;
    z-index: 1;
    left: 26px;
    top: -72px;
    width: 0;
    height: 87px;
    border-right: 1px dashed #d2d2d2;
}

.item-header .f-txt .f-btn {
    width: 65px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    border-radius: 10px;
    background-color: #f42424;
    text-align: center;
    margin-top: -2px;
}

.item-header .f-txt .f-price {
    float: right;
    padding-right: 47px;
    display: block;
    width: 120px;
    text-align: left;
}

.gift-box {
    background: #fff;
    width: 354px;
    height: 338px;
    border: 1px solid #ec5051;
    position: absolute;
    top: 40px;
    left: 442px;
    z-index: 999;
}

.gift-box .gift-icon {
    position: absolute;
    display: inline-block;
    border: 5px dashed transparent;
    border-bottom: 5px solid #eb5151;
    top: -11px;
    *top: -30px;
    left: 15px;
}

.gift-box .gift-mt {
    height: 32px;
    line-height: 32px;
    background: #ec5151;
    color: #fff;
    padding-left: 20px;
}

.gift-box .gift-mt .close {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    width: 10px;
    font-weight: normal;
}

.gift-box .gift-goods {
    height: 237px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.gift-box .gift-goods .item-gift {
    padding: 15px 22px 5px 22px;
}

.gift-box .gift-goods .item-gift .p-checkbox {
    float: left;
    margin-right: 5px;
}

.gift-box .gift-goods .item-gift .p-img {
    float: left;
    margin-right: 12px;
    width: 58px;
    height: 58px;
    border: 1px solid #d2d2d2;
}

.gift-box .gift-goods .item-gift .p-name {
    width: auto;
    color: #727171;
    height: 35px;
    overflow: hidden;
    font-size: 12px;
}

.gift-box .gift-goods .item-gift .p-price {
    color: #ec5151;
}

.gift-box .gift-goods .item-gift .p-price strong {
    font-weight: 400;
}

.gift-box .op-btns {
    float: left;
    margin-left: 25px;
}

.gift-box .op-btns .btn-9,
.gift-box .op-btns .btn-1 {
    height: 25px;
    line-height: 25px;
    float: left;
}

.gift-box .op-btns .btn-9 {
    height: 23px;
    padding: 0 10px;
}

.gift-box .op-btns .btn-9:hover {
    color: #323333;
}

.cart-tfoot {
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 14px;
    color: #8c8c8c;
}

.cart-tfoot .cart-toolbar {
    height: 50px;
}

.cart-tfoot .fixed-bottom {
    border-width: 1px 0;
    border-top: 1px solid #f0f0f0 \9;
    -webkit-box-shadow: 0 -1px 8px #c4c4c4;
    -moz-box-shadow: 0 -1px 8px #c4c4c4;
    box-shadow: 0 -1px 8px #c4c4c4;
}


/*.cart-tfoot .ui-label,.cart-tfoot .ui-checkbox:checked +label{ background-position:0 4px;}*/

.cart-tfoot .operation {
    float: left;
}

.cart-tfoot .operation a {
    margin-left: 20px;
    color: #8c8c8c;
}

.cart-tfoot .operation a:hover {
    color: #f42424;
}

.cart-tfoot .toolbar-right,
.cart-tfoot .toolbar-right .comm-right,
.cart-tfoot .btn-area {
    float: right;
}

.cart-tfoot .btn-area form {
    float: left;
    height: 50px;
}

.cart-tfoot .price-sum {
    float: right;
    margin-right: 25px;
}

.cart-tfoot .price-sum * {
    float: left;
}

.cart-tfoot .reduce-sum {
    float: right;
    margin-right: 25px;
}

.cart-tfoot .amount-sum {
    float: right;
    margin-right: 25px;
}

.submit-btn {
    width: 160px;
    height: 50px;
    border: 0;
    background-color: #f42424;
    color: #fff;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.sumPrice {
    font-size: 24px;
    font-weight: 700;
    color: #f42424;
}

.totalRePrice {
    color: #333;
}

.cart-tfoot .amount-sum .cart_check_num {
    color: #f42424;
    margin: 0 5px;
}

.c-history {
    margin: 50px auto 0;
    width: 1200px;
}

.c-history .ftit h3 {
    background-color: #f8f8f8;
}

.c-history .gl-list li {
    margin-right: 12px;
}

.cart-empty {
    height: 174px;
    padding: 63px 0;
    background-color: #fff;
}

.cart-message {
    padding-left: 490px;
    height: 174px;
    background: url(../images/no-login-icon.png) 177px 0 no-repeat;
}

.cart-message .txt {
    font-size: 24px;
    font-weight: bold;
    color: #8c8c8c;
    padding-top: 35px;
}

.cart-message .info {
    overflow: hidden;
    margin-top: 25px;
}

.cart-message .info .login {
    line-height: 40px;
    margin-left: 25px;
    color: #2e7ad6;
    cursor: pointer;
    font-size: 14px;
}

.cart-message .info .login:hover {
    color: #f42424;
}

.cart-message .info .btn {
    width: 138px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    margin: 0;
    text-align: center;
    display: block;
    float: left;
    color: #fff;
    font-size: 14px;
}

.gds-types {
    position: absolute;
    bottom: 0px;
    left: 92px;
}

.gds-type {
    background: #fb9c31;
    color: #fff;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-right: 3px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 28px;
    padding: 2px;
}

.gds-type-stages {
    background-color: #85c360;
    margin-right: 0;
}

.gds-type-store {
    background-color: #f5c237;
}

.item-form .goods-item .package-name {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.package_goods {
    overflow: hidden;
}

.package_goods .title {
    color: #333;
    font-size: 12px;
}

.package_goods ul {
    max-height: 115px;
    overflow: hidden;
    position: relative;
    padding-right: 10px;
}

.package_goods li {
    float: left;
    width: 258px;
    line-height: 22px;
}

.package_goods li .goodsName {
    float: left;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.package_goods li .goodsNumber {
    float: left;
    width: 18px;
    margin-left: 10px;
    font-size: 12px;
}

.package_goods li a {
    color: #888;
}

.package_goods li a:hover {
    color: #f42424;
}

.ck-goods-cont .cg-item .cg-name .p-info .package_goods li {
    width: 100%;
}

.ck-goods-cont .cg-item .cg-name .p-info .package_goods li .goodsName {
    width: 500px;
}

.ck-goods-cont .cg-item .cg-name .p-info .package_goods li .goodsName a {
    font-size: 12px;
}


/* cart end */


/* checkout start */

.container {}

.checkout-warp {
    background-color: #fff;
    margin: 15px 0 0;
    padding: 0 30px;
}

.checkout-warp:after,
.ck-step:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ck-step {
    display: block;
}

.ck-step-tit {
    padding: 20px 0 10px;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #d2d2d2;
}

.ck-step-tit h3 {
    font-size: 18px;
    color: #555;
    float: left;
}

.ck-step-tit .extra-r {
    float: right;
    color: #438cde;
}

.ck-step-tit .extra-r:hover {
    color: #f42424;
}

.tips-new-white {
    position: relative;
    margin-left: 15px;
    float: left;
    top: -12px;
}

.tips-new-white b {
    position: absolute;
    top: 12px;
    left: -8px;
    width: 9px;
    height: 17px;
    vertical-align: middle;
    background: url(../images/arrow-left.png) 0 0 no-repeat;
}

.tips-new-white span {
    float: left;
    background-color: #fff;
    color: #333;
    padding: 5px 10px;
    vertical-align: middle;
    line-height: 20px;
    margin-top: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    border: 1px solid #ddd;
}

.tips-new-white span i {
    width: 12px;
    height: 16px;
    background: url(../images/light-icon.png) 0 0 no-repeat;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
}

.ck-step-cont {
    margin-top: 20px;
    padding-bottom: 30px;
    display: block;
    position: relative;
}

.ck-step-cont .consignee-warp {
    position: relative;
}

.ck-step-cont .cs-w-item {
    float: left;
    width: 288px;
    height: 118px;
    padding: 20px 18px 18px 22px;
    border: 1px dashed #d2d2d2;
    margin: 10px 18px 0 0;
    color: #8c8c8c;
    position: relative;
    font-size: 14px;
    cursor: pointer;
}

.ck-step-cont .cs-w-item .item-tit {
    display: block;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.ck-step-cont .cs-w-item .username {
    font-size: 18px;
    float: left;
    color: #555;
}

.ck-step-cont .cs-w-item .remark {
    float: left;
    margin-left: 25px;
}

.ck-step-cont .cs-w-item .item-tel {
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
}

.ck-step-cont .cs-w-item .item-address {
    margin-top: 5px;
}

.ck-step-cont .cs-w-item .edit,
.ck-step-cont .cs-w-item .delete {
    position: absolute;
    color: #f42424;
    top: 20px;
    right: 18px;
    display: none;
    z-index: 99;
}

.ck-step-cont .cs-w-item .edit {
    right: 55px;
}

.ck-step-cont .cs-w-item .edit:hover,
.ck-step-cont .cs-w-item .delete:hover {
    text-decoration: underline;
}

.ck-step-cont .cs-w-item .icon {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    background-position: 0 -50px;
    display: none;
}

.ck-step-cont .cs-w-item:hover .edit,
.ck-step-cont .cs-w-item:hover .delete {
    display: block;
}

.ck-step-cont .cs-selected {
    border-color: #f42424;
}

.ck-step-cont .cs-selected .icon {
    display: block;
}

.add-new-address {
    display: block;
    text-align: center;
    color: #8c8c8c;
    padding: 30px 0;
}

.add-new-address .iconfont {
    font-size: 32px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    color: #d2d2d2;
}

.add-new-address span {
    display: block;
}

.ck-step-cont .load {
    text-align: center;
}

.ck-step-other {
    padding-bottom: 30px;
}

.ck-step-other .ck-step-cont {
    padding-bottom: 0;
}


/*.user-form{ font-size: 14px; padding: 1px 0;}
.user-form .form-row{ margin: 15px 0; }
.user-form .form-row:after{content: ""; clear: both; display: block; }
.user-form .form-label{ float: left; width: 90px; height: 22px; line-height: 22px; padding: 9px;}
.user-form .form-label .red{ margin-top: 5px; margin-right: 3px; }
.user-form .form-value{ float: left; line-height: 40px;}
.user-form .form-input{ border: 1px solid #d2d2d2; height: 38px; background: #fff; outline: none; padding: 0 10px; width: 178px; line-height: 38px; margin-right: 10px;}
.user-form .form-input:hover,
.user-form .form-input:focus{ border-color: #afafaf; }
.user-form .form-value .notic{ float:left; color:#8c8c8c;}
.user-form .form-input-long{ width: 500px; }
.user-form .mod-select{ height: 38px; width: 198px; margin-right: 10px;}
.user-form .mod-select dt{ height: 38px; line-height: 38px; }
.user-form .mod-select dt span{ display:block; cursor:pointer;}
.user-form .mod-select dt:after{ top: 17px; }
.user-form .mod-select dd{ top: 38px; width: 198px; }
.user-form .mod-select-small,
.user-form .mod-select-small dd{ width: 118px; }
.user-form .form-btn-wp{ margin: 20px 0 20px 107px; }
.user-form .form-btn{ display: inline-block; background: #f43434; color: #fff; width: 160px; border-radius: 5px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; border: 0 none; -webkit-appearance: none; cursor: pointer; margin-right: 8px; outline: none;}
.user-form .form-btn:hover{ background: #EF1D1D; }
.user-form .form-btn.form-btn-gray{ width: 120px; border: 1px solid #d2d2d2; background: #fff; height: 38px; line-height: 38px; color: #999;}
.user-form .form-btn.form-btn-line{ border: 1px solid #f43434; background: #fff; color: #f43434; width: 118px;}
.user-form input[type=submit].form-btn.form-btn-gray,
.user-form input[type=button].form-btn.form-btn-gray,
.user-form input[type=reset].form-btn.form-btn-gray{ height: 40px;}
.user-form .form-captcha{ width: 60px; height: 38px; margin-left: 178px; position: relative; z-index: 2; float: left; margin-top: 1px; cursor: pointer;}
.user-form .form-captcha + .form-input{ margin-left: -238px; position: relative; z-index: 1; padding-right: 49px;}*/

.foreg-form .form-row {
    margin: 10px 0;
}

.foreg-form .form-label {
    padding: 6px 9px;
    width: 100px;
    text-align: right;
}

.foreg-form .form-label-lh {
    padding: 9px;
}

.foreg-form .form-value {
    line-height: 34px;
}

.foreg-form .form-value .error {
    float: left;
    color: #f42424;
}

.foreg-form .form-input {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.foreg-form .form-btn-wp {
    margin-left: 118px;
}

.foreg-form .mod-select dd {
    max-height: 250px;
}


/* stores start*/

.store-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.store-warp .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 30px;
    color: #8c8c8c;
    font-size: 14px;
}

.store-warp .item:last-child {
    margin-bottom: 0;
}

.store-warp .item_label {
    min-width: 70px;
    float: left;
}

.store-warp .item_value {
    float: left;
}

.store-warp .sp {
    margin-right: 10px;
}

.store-warp .item_value a {
    color: #f42424;
}

.store-warp .item_value a:hover {
    text-decoration: underline;
}

.store-warp .item_value .text {
    font-size: 12px;
}

.store-warp .item_value .text-2 {
    width: 131px;
}

.store-warp .item_value .text_time .text {
    padding: 0 15px 0 5px;
}

.store-warp .item_value .mod-select,
.store-warp .item_value .mod-select dt {
    height: 30px;
    line-height: 30px;
}

.store-warp .item_value .error {
    color: #F42424;
}


/* stores end*/

.p-radio-item {
    float: left;
    width: auto;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    margin-right: 20px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.p-radio-item b {
    position: absolute;
    background: url(../images/dsc-icon.png) 0 -50px no-repeat;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    display: none;
}

.p-radio-item.item-selected {
    border-color: #f42424;
}

.p-radio-item.item-selected b {
    display: block;
}

.payment-warp {}

.payment-warp .payment-list {
    display: inline-block;
    display: block;
}

.payment-warp .payment-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.payment-warp .payment-item {
    padding: 0 25px;
}

.ck-step-cont .notic {
    margin-top: 20px;
}

.delivery-time-warp .delivery-time-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.delivery-time-warp .d-t-item {
    padding: 0 30px;
}

.delivery-time-warp .d-t-item span {
    color: #333;
}

.delivery-time-warp .d-t-item em {
    color: #8c8c8c;
}

.ck-goods-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ck-goods-list .ck-goods-item {
    display: block;
    margin-bottom: 10px;
}

.ck-goods-list .ck-goods-item:last-child {
    margin-bottom: 0;
}

.ck-goods-tit {
    height: 30px;
    padding: 5px 0;
}

.ck-goods-tit .ck-store {
    float: left;
    line-height: 30px;
}

.ck-goods-tit .ck-store .shop-name {
    font-size: 14px;
    font-weight: bold;
}

.ck-goods-tit .ck-dis-modes {
    float: right;
    font-size: 14px;
    line-height: 30px;
    position: relative;
}

.ck-goods-tit .ck-dis-modes .ck-dis-tit {
    float: left;
    color: #8c8c8c;
    line-height: 30px;
}

.ck-goods-tit .ck-dis-modes .ck-dis-select {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 15px;
    border: 1px solid #d2d2d2;
}

.ck-goods-tit .ck-dis-select .sk-dis-select-tit {
    float: left;
}

.ck-goods-tit .ck-dis-select .iconfont {
    float: left;
    font-size: 12px;
    margin: 8px 0 0 5px;
    vertical-align: middle;
    line-height: normal;
}

.ck-dis-text {
    width: auto;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
}

.ck-dis-text .iconfont {
    vertical-align: middle;
    font-size: 14px;
    display: inline-block;
    margin: -2px 6px 0 0;
}

.ck-dis-warp {
    position: absolute;
    width: 308px;
    border: 1px solid #b5c0c6;
    top: 29px;
    right: 0;
    box-shadow: 0px 0px 6px 0 rgba(174, 198, 211, .7);
    z-index: 999;
    display: none;
}

.ck-dis-warp .i-box,
.mwapper .i-box {
    width: 7px;
    height: 7px;
    background-color: #f1faff;
    border-left: 1px solid #b5c0c6;
    border-top: 1px solid #b5c0c6;
    display: block;
    box-shadow: 0px 0px 6px 0 rgba(174, 198, 211, .7);
    top: -4px;
    right: 40px;
    position: absolute;
    transform: rotate(45deg);
    z-index: 8;
}

.ck-dis-warp .items {
    padding: 18px 24px;
    overflow: hidden;
    font-size: 12px;
    background-color: #f1faff;
    position: relative;
    z-index: 9;
}

.ck-dis-warp .item {
    float: left;
    width: 100%;
}

.ck-dis-warp .item .tit {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    color: #8c8c8c;
}

.ck-dis-warp .item .value {
    float: left;
    width: calc(100% - 60px);
    line-height: 25px;
}

.ck-dis-warp .item .value .tipTitle {
    display: block;
    line-height: 20px;
    margin-top: 2px;
}

.ck-dis-warp .item .value .nyroModal {
    font-size: 12px;
}

.ck-dis-modes:hover .ck-dis-warp {
    display: block;
}

.ck-dis-info {
    float: left;
    height: 30px;
    position: relative;
}

.ck-dis-info ul {
    float: left;
}

.ck-dis-info .ck-sp-type li {
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    padding: 0 15px;
    min-width: 68px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

.ck-dis-info .ck-sp-type li:last-child {
    margin-right: 0;
}

.ck-dis-info .ck-sp-type li.item-selected {
    border-color: #f42424;
    color: #f42424;
}

.ck-dis-info .ck-sp-type li span {
    display: block;
}

.mwapper {
    position: absolute;
    width: 308px;
    border: 1px solid #b5c0c6;
    top: 29px;
    right: 0;
    box-shadow: 0px 0px 6px 0 rgba(174, 198, 211, .7);
    z-index: 999;
    display: none;
}

.mwapper-content {
    padding: 18px 24px;
    overflow: hidden;
    font-size: 12px;
    background-color: #f1faff;
    position: relative;
    z-index: 9;
}

.mwapper-content li {
    width: 120px;
    float: left;
    cursor: pointer;
}

.mwapper-content li.item-selected {
    color: #f42424;
}

.mwapper-content li em {
    color: #8c8c8c;
}

.mwapper-content li:nth-child(2n) {
    float: right;
}

.mwapper-content .mode-list-item {
    overflow: hidden;
    line-height: 30px;
}

.mwapper-content .mode-list-item .tit {
    float: left;
    width: 60px;
    color: #8c8c8c;
}

.mwapper-content .mode-list-item .value {
    float: left;
    display: block;
    width: 170px;
}

.mwapper-content .mode-list-item a {
    float: right;
}

.mwapper-logistics {
    right: 110px;
}

.mwapper-since {
    right: 0;
}

.ck-goods-cont {
    overflow: hidden;
    padding: 10px 0;
    background-color: #f8f8f8;
}

.ck-goods-cont .cg-item {
    display: block;
    position: relative;
    padding: 20px 0;
    margin: 0 30px;
    border-bottom: 1px dashed #d2d2d2;
}

.ck-goods-cont .cg-item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ck-goods-cont .cg-item:last-child {
    margin-bottom: 0;
}

.ck-goods-cont .cg-item.last {
    border-bottom: 0;
}

.ck-goods-cont .cg-item .c-col {
    float: left;
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-right: 14px;
}

.ck-goods-cont .cg-item .cg-name {
    width: 670px;
    margin-right: 20px;
    text-align: left;
}

.ck-goods-cont .cg-item .cg-name a {
    display: block;
    font-size: 0;
}

.ck-goods-cont .cg-item .cg-price {
    width: 120px;
}

.ck-goods-cont .cg-item .cg-number {
    width: 55px;
}

.ck-goods-cont .cg-item .cg-state {
    width: 50px;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
}

.ck-goods-cont .cg-item .cg-sum {
    width: 120px;
    font-weight: bold;
    color: #f42424;
    margin-right: 0;
    text-align: right;
}

.ck-goods-cont .cg-item .cg-name .p-img {
    width: 48px;
    height: 48px;
    float: left;
    border: 1px solid #d2d2d2;
}

.ck-goods-cont .cg-item .cg-name .p-info {
    float: left;
    margin-left: 15px;
    width: calc(100% - 65px);
}

.ck-goods-cont .cg-item .cg-name .p-name {
    line-height: 25px;
    height: 25px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.ck-goods-cont .cg-item .cg-name .p-name:hover {
    color: #f42424;
}

.ck-goods-cont .cg-item .cg-name .p-attr {
    line-height: 20px;
    color: #8c8c8c;
    font-size: 12px;
    margin-top: 5px;
}

.cg-gift {
    font-size: 12px;
    line-height: 20px;
    float: left;
    width: 100%;
    color: #8c8c8c;
    margin-top: 5px;
}

.ck-prom .f-txt {
    line-height: 16px;
}

.ck-prom {
    border-top: 1px dashed #dcdcdc;
    border-bottom: 1px dashed #dcdcdc;
    margin: 0 30px;
    padding-bottom: 10px;
    position: relative;
    margin-top: -1px;
}

.ck-prom .ck-prom-header {
    color: #8c8c8c;
    margin-bottom: 8px;
    padding-top: 20px;
}

.ck-prom .cg-item {
    padding: 10px 0;
    border-bottom: 0;
    margin: 0;
}

.ck-prom:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.ck-prom .first {
    padding-top: 10px;
}

.ck-prom .i-zp {
    width: 40px;
    height: 18px;
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #f42424;
    border-radius: 20px;
    text-align: center;
    color: #f42424;
    display: inline-block;
    float: left;
    margin: 3px 8px 0 0;
    font-size: 12px;
}

.ck-prom .cg-item .kuan {
    width: 10px;
    height: 100%;
    border-left: 1px solid #d2d2d2;
    position: absolute;
    left: -10px;
    top: 0;
}

.ck-prom .first .kuan {
    border-top: 1px solid #d2d2d2;
    top: 35px;
}

.ck-prom .cg-item:last-child .kuan {
    border-bottom: 1px solid #d2d2d2;
    top: -35px;
}

.ck-prom-first {
    border-top: 0;
}

.ck-order-remark {
    margin-top: 45px;
    overflow: hidden;
}

.ck-order-remark .text {
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
    border-color: #d2d2d2;
    font-size: 14px;
    width: 830px;
}

.ck-order-remark .prompt {
    line-height: 40px;
    color: #8c8c8c;
    margin-left: 18px;
}

.invoice-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.invoice-part {
    display: block;
}

.invoice-part span {
    font-size: 14px;
    float: left;
}

.invoice-part span em {
    margin-right: 10px;
}

.invoice-part .i-edit {
    font-size: 14px;
    color: #f42424;
    margin-left: 10px;
}

.invoice-part .i-edit:hover {
    text-decoration: underline;
}

.invoice-cont {
    overflow: hidden;
}

.invoice-cont .i-c-item {
    display: block;
    overflow: hidden;
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 14px;
}

.invoice-cont .i-c-item:last-child {
    margin-bottom: 0;
}

.invoice-cont .i-c-label {
    float: left;
    width: 80px;
    margin-right: 20px;
    text-align: right;
    color: #8c8c8c;
}

.invoice-cont .i-c-value {
    float: left;
    width: calc(100% - 100px);
}

.invoice-cont .invoice-tab-item,
.invoice-cont .invoice-con-item {
    width: 78px;
    text-align: center;
}

.invoice-cont .invoice-item {
    overflow: hidden;
}

.invoice-cont .invoice-item-text {
    height: 38px;
    width: 338px;
    border: 1px solid #d2d2d2;
    position: relative;
    float: left;
}

.invoice-cont .invoice-item-text .i-text {
    height: 38px;
    line-height: 38px;
    border: 0;
    padding: 0 12px;
    outline: 0;
    float: left;
    width: 314px;
}

.invoice-cont .invoice-item a {
    float: left;
    margin-left: 16px;
    display: none;
}

.invoice-cont .add-invoice {
    line-height: 20px;
    margin-top: 12px;
}

.invoice-cont a {
    font-size: 12px;
    color: #438cde;
}

.invoice-cont a:hover {
    color: #f42424;
}

.invoice-cont .selected .invoice-item-text {
    border-color: #f42424;
}

.invoice-cont .selected b {
    position: absolute;
    background: url(../images/dsc-icon.png) 0 -50px no-repeat;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}

.ck-toggle .icon-down {
    font-size: 14px;
    margin-left: 10px;
    color: #8c8c8c;
    cursor: pointer;
}

.ck-toggle .tag {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #f42424;
    color: #fff;
    margin-left: 5px;
}

.order-virtual-tabs {
    height: 38px;
    border: 1px solid #f8f8f8;
    background-color: #f8f8f8;
}

.order-virtual-tabs li {
    float: left;
    font-size: 14px;
    line-height: 38px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.order-virtual-tabs li:first-child {
    padding-left: 20px;
}

.order-virtual-tabs li span {
    display: block;
}

.order-virtual-tabs li.curr span {
    color: #f42424;
    border-bottom: 1px solid #f42424;
}

.order-virtual-tabs li b {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    background-color: #f42424;
    top: 12px;
    right: -8px;
    display: none;
}

.order-virtual-tabs li.curr b {
    display: block;
}

.toggle-panel-main {
    border: 1px solid #f8f8f8;
    padding: 18px 18px 0 18px;
    overflow: hidden;
}

.toggle-panl-warp {
    display: none;
}

.toggle-panl-warp:frist-child {
    display: block;
}

.toggle-panl-warp .panl-top {
    border-bottom: 1px solid #f8f8f8;
}

.toggle-panl-warp .panl-bot {
    margin-top: 20px;
}

.toggle-panl-warp .panl-top:after,
.toggle-panl-warp .panl-bot:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.toggle-panl-warp .panl-items {
    overflow: hidden;
    max-height: 400px;
    position: relative;
    width: 1120px;
}

.toggle-panl-warp .panl-item.selected b {
    position: absolute;
    background: url(../images/dsc-icon.png) 0 -50px no-repeat;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}

.panl-coupon .panl-item {
    min-width: 230px;
    height: 118px;
    float: left;
    padding: 0 10px;
    border: 1px solid #fff;
    background-color: #74d2d4;
    position: relative;
    color: #fff;
    margin: 0 30px 20px 0;
    cursor: pointer;
}

.panl-coupon .panl-item:last-child {
    margin-right: 0;
}

.panl-coupon .panl-item i {
    width: 6px;
    height: 117px;
    display: block;
    position: absolute;
    top: 0;
    background: url(../images/toggle_panel.png) no-repeat;
}

.panl-coupon .panl-item .i-left {
    left: 0;
    background-position: 0 0;
}

.panl-coupon .panl-item .i-right {
    right: 0;
    background-position: -225px 0;
}

.panl-coupon .panl-item .panl-item-top {
    overflow: hidden;
    padding: 0 20px;
    margin-top: 8px;
}

.panl-coupon .panl-item .panl-item-top .icon-my {
    float: left;
    width: 72px;
    height: 36px;
    background: url(../images/my.png) no-repeat;
    display: block;
    margin: 8px 0 0 5px;
}

.panl-coupon .panl-item .panl-item-top strong {
    font-size: 30px;
    float: left;
}

.panl-coupon .panl-item .panl-item-top span {
    font-size: 14px;
    float: left;
    margin: 16px 0 0 8px;
}

.panl-coupon .panl-item .panl-item-bot {
    padding: 0 28px;
}

.panl-coupon .panl-item .panl-item-bot p {
    line-height: 20px;
}

.panl-coupon .panl-item.selected {
    border-color: #f42424;
}

.panl-coupon .panl-item.selected i {
    display: none;
}

.panl-coupon .panl-item-disabled {
    background-color: #d2d2d2;
    cursor: default;
}

.panl-coupon .panl-item-disabled .i-left {
    background-position: 0 -131px;
}

.panl-coupon .panl-item-disabled .i-right {
    background-position: -225px -131px;
}

.panl-coupon .panl-item-disabled .panl-item-top .icon-my {
    background-position: 0 -36px;
}

.panl-coupon .panl-item-last {
    margin-right: 0;
}

.panl-stored .panl-warp {
    overflow: hidden;
}

.panl-stored .panl-item {
    float: left;
    width: 230px;
    height: 117px;
    background-color: #98c758;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin: 0 30px 20px 0;
    position: relative;
    cursor: pointer;
}

.panl-stored .panl-item p {
    margin-top: 16px;
}

.panl-stored .panl-item strong {
    font-size: 36px;
    font-weight: bold;
    display: block;
    margin-top: 2px;
}

.panl-stored .panl-item span {
    display: block;
    height: 20px;
    line-height: 20px;
    background-color: #e9e9e9;
    color: #555;
    text-align: left;
    margin-top: 7px;
    border-radius: 0 0 5px 5px;
    padding-left: 14px;
}

.panl-stored .panl-item-new {
    width: 228px;
    height: 115px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    margin-right: 0;
}

.panl-stored .panl-item-new a {
    display: block;
    text-align: center;
    color: #8c8c8c;
    font-size: 14px;
    padding: 32px 0 36px;
}

.panl-stored .panl-item-new em {
    display: block;
}

.panl-stored .panl-item-new i {
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    color: #d2d2d2;
}

.panl-redBag .panl-item {
    float: left;
    width: 230px;
    height: 107px;
    border: 1px solid #fff;
    margin: 0 30px 20px 0;
    background: url(../images/toggle_panel.png) 0 -255px no-repeat;
    position: relative;
    cursor: pointer;
}

.panl-redBag .panl-item strong {
    font-size: 30px;
    text-align: center;
    color: #f42424;
    display: block;
    margin-bottom: 10px;
}

.panl-redBag .panl-item p {
    color: #fff;
    padding-left: 35px;
    line-height: 20PX;
}

.panl-redBag .panl-item.selected {
    border-color: #f42424;
}

.panl-redBag .panl-item-disabled {
    background-position: 0 -370px;
    cursor: default;
}

.panl-redBag .panl-item-disabled strong {
    color: #fff;
}

.panl-redBag .panl-item-last {
    margin-right: 0;
}

.order-summary {
    overflow: hidden;
    padding: 20px 30px 60px;
    background-color: #fff
}

.order-summary .statistic {
    width: 340px;
    float: right;
}

.order-summary .statistic .list {
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 5px;
    zoom: 1;
}

.order-summary .statistic span {
    width: 200px;
    margin-right: 10px;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #8c8c8c;
}

.order-summary .statistic .price {
    color: #333;
    float: left;
    width: 130px;
    text-align: right;
    font-size: 14px;
}

.order-summary .statistic .price-total {
    width: 130px;
    font-size: 20px;
    font-weight: bold;
    color: #f42424;
    float: left;
    text-align: right;
}

.checkout-foot {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #8c8c8c;
    background: #fff;
    overflow: hidden;
    margin: 10px 0 0;
}

.checkout-foot .d-address {
    float: right;
}

.checkout-foot .d-address span {
    margin-right: 20px;
}

.checkout-foot .btn-area {
    float: right;
}

.checkout-foot .btn-area .submit-btn {
    height: 50px;
    line-height: 50px;
}

.checkout-foot.fixed-bottom {
    margin: 0;
}


/* pay order start*/

.payOrder-warp {
    overflow: hidden;
    margin-bottom: 50px;
}

.payOrder-warp .payOrder-desc {
    background: url(../images/payorder.png) #fff 66px 51px no-repeat;
    padding: 0 60px 45px 300px;
    min-height: 170px;
}

.payOrder-desc .pay-top {
    padding-top: 25px;
    overflow: hidden;
}

.pay-top h3 {
    font-size: 24px;
    font-weight: bold;
    color: #555;
    float: left;
}

.pay-top .pay-total {
    float: right;
    line-height: 36px;
}

.pay-top .pay-total span {
    float: left;
    font-size: 14px;
    color: #8c8c8c;
}

.pay-top .pay-total .pay-price {
    font-size: 24px;
    float: left;
    text-align: right;
    min-width: 120px;
    color: #f42424;
}

.payOrder-desc .pay-txt {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0 5px;
}

.payOrder-desc .pay-txt em {
    color: #ff8f23;
}

.payOrder-desc .o-list {
    margin-top: 10px;
}

.payOrder-desc .o-list .o-list-info {
    font-size: 14px;
    overflow: hidden;
    line-height: 23px;
}

.payOrder-desc .o-list .o-list-info span {
    margin-right: 8px;
}

.payOrder-desc .o-list .o-list-info #spname {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 24px;
}

.payOrder-desc .o-list .o-list-info .opened {
    float: right;
}

.payOrder-desc .o-list .o-list-info .opened .iconfont {
    font-size: 12px;
    margin-left: 6px;
}

.payOrder-desc .orderPrint {
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
}

.payOrder-mode {
    margin-top: 10px;
    background-color: #fff;
    padding: 30px;
}

.payOrder-mode .p-mode-tit {
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
}

.payOrder-mode .p-mode-tit h3 {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    padding-left: 10px;
    border-left: 4px solid #f42424;
}

.payOrder-mode .p-mode-list {
    margin-top: 20px;
    width: calc(100% + 12px);
    overflow: hidden;
}

.payOrder-mode .p-mode-item {
    float: left;
    width: 178px;
    height: 60px;
    border: 1px solid #d2d2d2;
    text-align: center;
    position: relative;
    margin: 0 12px 12px 0;
}

.payOrder-mode .payOrder-list {
    margin-bottom: 30px;
}

.payOrder-mode .payOrder-list:last-child {
    margin-bottom: 0;
}

.p-mode-item a {
    font-size: 18px;
    width: 178px;
    height: 88px;
}

.p-mode-item .b-pay i {
    width: 25px;
    height: 25px;
    background: url(../images/dsc-icon.png) -66px -45px no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 8px 0 0;
}

.p-mode-item .b-pay span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    color: #555;
}

.p-mode-item.selected {
    border-color: #f42424;
}

.shopend-warp {}

.shopend-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.shopend-info {
    margin: 50px auto;
    width: 596px;
    overflow: hidden;
}

.shopend-info .s-i-left {
    width: 80px;
    height: 80px;
    float: left;
}

.shopend-info .s-i-left i {
    background: url(../images/pprompt-icon.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
}

.shopend-info .s-i-left i.ico-success {
    background-position: 0 0;
}

.shopend-info .s-i-left i.ico-fail {
    background-position: -86px 0;
}

.shopend-info .s-i-right {
    width: calc(100% - 110px);
    margin-left: 30px;
    float: left;
}

.shopend-info .s-i-right h3 {
    font-size: 24px;
    font-weight: bold;
}

.shopend-info .s-i-right .s-i-tit {
    margin-top: 15px;
    font-size: 14px;
}

.shopend-info .s-i-right .s-i-tit p {
    line-height: 25px;
}

.shopend-info .s-i-right .s-i-tit em {
    color: #ff8f23;
}

.s-i-btn {
    margin-top: 15px;
}

.s-i-btn a {
    width: 138px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin-right: 16px;
}

.s-i-btn a:last-child {
    margin-right: 0;
}

.shopend-info-many {
    width: 825px;
    margin: 0 auto;
}

.shopend-info-many .shopend-info .s-i-right {
    margin: 9px 0 9px 30px;
}

.shopend-info-many .shopend-info .s-i-right .txt {
    font-size: 14px;
    line-height: 26px;
    display: block;
    float: left;
}

.shopend-info-items {
    width: calc(100% + 25px);
    overflow: hidden;
}

.shopend-info-items .shopend-info-item {
    float: left;
    padding: 15px;
    width: 368px;
    border: 1px dashed #dcdcdc;
    margin: 0 25px 20px 0;
    font-size: 14px;
    background-color: #fff;
}

.shopend-info-items .shopend-info-item p {
    line-height: 25px;
}

.shopend-info-items .shopend-info-item em {
    color: #ff8f23
}

.shopend-info-many .s-i-btn {
    text-align: center;
}

.bank_list li {
    float: left;
    width: 178px;
    height: 40px;
    border: 1px solid #d2d2d2;
    text-align: center;
    position: relative;
    margin: 0 12px 12px 0;
    cursor: pointer;
}

.bank_list li a {
    font-size: 18px;
    display: table-cell;
    width: 178px;
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
}

.bank_list li a img {
    cursor: pointer;
}

.bank_list li.selected {
    border-color: #f42424;
}

.pay_button {
    overflow: hidden;
    padding: 30px 0 20px
}

.pay_button input,
.pay_button .noBtn {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    width: 220px;
    font-family: "Microsoft Yahei";
    font-weight: 700;
    border: none;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    outline: 0;
    background-color: #f42424;
    display: none;
}

.pay_button .noBtn {
    background: #b5b5b5;
    display: block;
    cursor: default;
}

.pay_button * {
    float: left;
}

.p-mode-list .balance a {
    height: 60px;
    background: url(../images/pay/balance-icon.png) center center no-repeat;
    font-size: 0;
}

.p-mode-list .chunsejinrong a {
    height: 60px !important;
    background: url(../images/pay/baitiao-icon.png) center center no-repeat;
    font-size: 0;
}

.p-mode-list .p-mode-item input[type="button"],
.p-mode-list .p-mode-item input[type="submit"] {
    border: 0;
    width: 178px;
    height: 60px;
    display: block;
    font-size: 0;
    outline: 0;
    cursor: pointer;
}

.p-mode-list .alipay input[type="button"] {
    background: url(../images/pay/alipay-icon.png) center center no-repeat;
}

.p-mode-list .paypal input[type="submit"] {
    background: url(../images/pay/paypal-icon.png) center center no-repeat;
}

.p-mode-list .upop input[type="submit"] {
    background: url(../images/pay/unionpay-icon.png) center center no-repeat;
}

.p-mode-list .syl input[type="submit"] {
    background: url(../images/pay/dianzi-icon.png) center center no-repeat;
}

.p-mode-list .cappay input[type="submit"] {
    background: url(../images/pay/payease-icon.png) center center no-repeat;
}

.p-mode-list .tenpay input[type="submit"] {
    background: url(../images/pay/tenpay-icon.png) center center no-repeat;
}

.p-mode-list .tenpayc2c input[type="submit"] {
    background: url(../images/pay/tenpay-c2c-icon.png) center center no-repeat;
}

.p-mode-list .chinabank input[type="submit"] {
    background: url(../images/pay/chinabank-icon.png) center center no-repeat;
}

.p-mode-list .bestpay input[type="submit"] {
    background: url(../images/pay/bestpay.jpg) center center no-repeat;
}

.p-mode-list .paypal_ec input[type="button"] {
    background: url(../images/pay/paypal-ec-icon.png) center center no-repeat;
}

.p-mode-list .epay input[type="submit"] {
    background: url(../images/pay/epay-icon.png) center center no-repeat;
}

.p-mode-list .ips input[type="submit"] {
    background: url(../images/pay/ips-icon.png) center center no-repeat;
}

.p-mode-list .kuaiqian input[type="submit"] {
    background: url(../images/pay/kuaiqian-icon.png) center center no-repeat;
}

.p-mode-list .shenzhou input[type="submit"] {
    background: url(../images/pay/shenzhou-icon.png) center center no-repeat;
}

.p-mode-list .wxpay a {
    height: 60px;
    background: url(../images/pay/wxpay-icon.png) center center no-repeat;
    font-size: 0;
    display: block;
}

.other-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.qt_item {
    margin-bottom: 15px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

.qt_item .item_label {
    float: left;
    color: #8c8c8c;
    font-size: 14px;
}

.qt_item .item_value {
    float: left;
}

.qt_item .qt_text {
    height: 38px;
    line-height: 38px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;
    width: 260px;
    outline: 0;
    float: left;
}

.qt_item .sp {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    color: #8c8c8c;
}

.qt_item .sp em {
    padding: 0 5px;
}

.qt_item .radio-item {
    margin-top: 10px;
}

.qt_item:last-child {
    margin-bottom: 0;
}

.fd-total {
    text-align: center;
}

.fd-total span {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin-top: -10px;
}

.fd-total .total-price {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #ff8f23;
}

.yh-zz {
    font-size: 14px;
    color: #8c8c8c;
}

.bt-desc {
    float: left;
    margin: 5px 0 0 10px;
    font-size: 14px;
}

.bt-desc .qishu {
    margin-top: 5px;
    color: #ff8f23;
}


/* checkout end */


/* settled start */

.settled-container {}

.sett-banner {
    width: 100%;
    height: 385px;
    position: relative;
}

.sett-banner .banner-auto {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.sett-banner .s-b-tit {
    text-align: center;
    color: #fff;
    padding-top: 70px;
}

.sett-banner .s-b-tit h3 {
    font-size: 48px;
}

.sett-banner .s-b-line {
    border-bottom: 1px dashed #fff;
    width: 310px;
    margin: 5px auto 0;
}

.sett-banner .s-b-btn {
    text-align: center;
    width: 650px;
    margin: 0 auto;
    overflow: hidden;
}

.sett-banner .s-b-btn a {
    background: url(../images/sett-btn-icon.png) no-repeat;
    color: #fff;
    font-size: 18px;
    width: 208px;
    height: 86px;
    float: left;
    line-height: 4.5;
    margin-top: 60px;
}

.sett-banner .s-b-btn .im-sett {
    background-position: -6px 0px;
    margin-left: 60px;
}

.sett-banner .s-b-btn .view-prog {
    background-position: -239px 0px;
    float: right;
}

.sett-banner .s-b-btn .im-sett:hover {
    background-position: -6px -92px;
}

.sett-banner .s-b-btn .view-prog:hover {
    background-position: -239px -92px;
}

.sett-section {
    width: 100%;
    position: relative;
    background: #fff;
}

.sett-section:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sett-section .sett-warp {
    position: relative;
    overflow: hidden;
}

.s-section-help {
    padding-bottom: 80px;
}

.sett-title {
    width: 300px;
    margin: 50px auto 40px;
    text-align: center;
}

.sett-title .zw-tit {
    font-size: 30px;
    color: #333;
    background-color: #fff;
    position: relative;
}

.sett-title .zw-tit h3 {
    background-color: #fff;
    padding: 0 40px;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.sett-title .zw-tit .line {
    width: 100%;
    height: 1px;
    background: #f42424;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 8;
}

.sett-title .yw-tit {
    font-size: 14px;
    color: #8c8c8c;
}

.s-section-step .sett-warp {
    width: 1000px;
    margin: 0 auto 30px;
}

.s-section-step .item {
    float: left;
    width: 125px;
    text-align: center;
}

.s-section-step .item-i {
    width: 88px;
    height: 88px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    transition: .3s all ease;
}

.s-section-step .item-jt {
    width: 55px;
    height: 23px;
    display: block;
    float: left;
    margin: 32px 55px 0;
    background: url(../images/dsc-icon.png) -122px -48px no-repeat;
}

.s-section-step .item .tit {
    font-size: 18px;
    margin: 20px 0 5px;
}

.s-section-step .item span {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 25px;
    display: block;
}

.s-section-step .item:hover .item-i {
    margin-left: 10px;
}

.item-i i {
    display: inline-block;
    background: url(../images/dsc-icon.png) no-repeat;
    margin-top: 26px;
}

.item-one i {
    width: 30px;
    height: 35px;
    background-position: 0 -84px;
}

.item-two i {
    width: 31px;
    height: 35px;
    background-position: -47px -84px;
}

.item-three i {
    width: 24px;
    height: 35px;
    background-position: -94px -84px;
}

.item-four i {
    width: 36px;
    height: 35px;
    background-position: -134px -84px;
}

.item-one .item-i {
    background-color: #f53372;
    box-shadow: 0 7px 15px rgba(245, 51, 114, .3);
}

.item-two .item-i {
    background-color: #9bd541;
    box-shadow: 0 7px 15px rgba(155, 213, 65, .3);
}

.item-three .item-i {
    background-color: #3accda;
    box-shadow: 0 7px 15px rgba(58, 204, 218, .3);
}

.item-four .item-i {
    background-color: #a75ffd;
    box-shadow: 0 7px 15px rgba(167, 95, 253, .3);
}

.item-one .tit {
    color: #f53372;
}

.item-two .tit {
    color: #8fd326;
}

.item-three .tit {
    color: #22c4d3;
}

.item-four .tit {
    color: #9a51f2;
}

.s-section-cate .item {
    float: left;
    width: 300px;
    margin: 0 0 50px 0;
}

.s-section-cate .item.last {
    width: 280px;
}

.s-section-cate .item i {
    background: url(../images/sett-cate-icon.png) no-repeat;
    width: 98px;
    height: 85px;
    display: block;
    float: left;
}

.s-section-cate .item span {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 85px;
}

.s-section-cate .item1 i {
    background-position: 0 0;
}

.s-section-cate .item2 i {
    background-position: -102px 0;
}

.s-section-cate .item3 i {
    background-position: 0 -94px;
}

.s-section-cate .item4 i {
    background-position: -102px -94px;
}

.s-section-cate .item5 i {
    background-position: 0 -189px;
}

.s-section-cate .item6 i {
    background-position: -102px -189px;
}

.s-section-cate .item7 i {
    background-position: 0 -285px;
}

.s-section-cate .item8 i {
    background-position: -102px -285px;
}

.s-section-case,
.s-section-case .sett-title .zw-tit,
.s-section-case .sett-title .zw-tit h3 {
    background-color: #f5f9fc;
}

.s-section-case .item {
    float: left;
    width: 282px;
    margin-right: 24px;
    text-align: center;
    margin-bottom: 80px;
}

.s-section-case .item:last-child {
    margin-right: 0;
}

.s-section-case .item .item-top {
    width: 282px;
    height: 200px;
    position: relative;
    text-align: center;
}

.s-section-case .item .item-top a {
    width: 282px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}

.s-section-case .item .tit {
    font-size: 18px;
    color: #333;
    margin-top: 20px;
}

.s-section-case .item .desc {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 24px;
    margin-top: 5px;
}

.s-section-case .item .item-top img {
    transition: .5s all ease;
}

.s-section-case .item:hover .item-top img {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -moz-transform: none;
}

.s-section-case .item1 .item-top {
    background-color: #e9544e;
    box-shadow: 0 5px 15px rgba(247, 156, 152, .5);
}

.s-section-case .item2 .item-top {
    background-color: #67ccf4;
    box-shadow: 0 5px 15px rgba(70, 177, 219, .5);
}

.s-section-case .item3 .item-top {
    background-color: #ef588a;
    box-shadow: 0 5px 15px rgba(239, 88, 138, .5);
}

.s-section-case .item4 .item-top {
    background-color: #9ed260;
    box-shadow: 0 5px 15px rgba(158, 210, 96, .5);
}

.s-section-help .item {
    float: left;
    width: 550px;
    margin: 0 0 30px 0;
}

.s-section-help .item .number {
    width: 80px;
    height: 80px;
    background-color: #fff;
    font-size: 48px;
    line-height: 80px;
    color: #d2d2d2;
    text-align: center;
    float: left;
    border-radius: 50%;
    box-shadow: 0 4px 18px #fff5f5;
}

.s-section-help .item .info {
    float: left;
    width: calc(100% - 100px);
    margin: 10px 0 0 20px;
}

.s-section-help .item .info .name {
    width: 400px;
    transition: .3s all ease;
}

.s-section-help .item .info .tit a {
    font-size: 18px;
    color: #333;
}

.s-section-help .item .info .tit a:hover {
    color: #f42424;
}

.s-section-help .item .info .desc {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 22px;
    margin-top: 5px;
    height: 60px;
    overflow: hidden;
}

.s-section-help .item-left {
    margin: 0 90px 30px 10px;
}

.s-section-help .item .info:hover .name {
    margin-left: 8px;
}

.settled-article-warp {
    background-color: #fff;
    margin-top: 10px;
    min-height: 976px;
    position: relative;
    margin-bottom: 80px;
}

.settled-article-warp .sett-a-item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sett-a-item .sett-cont {
    padding: 40px 36px 40px 36px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 30px;
}

.sett-a-item .sett-cont .sett-step {
    overflow: hidden;
    margin-bottom: 20px;
}

.sett-a-item .sett-step .item {
    float: left;
    width: 220px;
    height: 70px;
    border-radius: 5px;
    background-color: #f5f5f5;
}

.sett-a-item .sett-step .item-i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    float: left;
    margin: 15px 0 0 19px;
    text-align: center;
}

.sett-a-item .sett-step .item-i i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 10px;
    background: url(../images/dsc-icon.png) no-repeat;
}

.sett-a-item .sett-step span {
    font-size: 14px;
    color: #8c8c8c;
    margin-left: 15px;
    line-height: 70px;
}

.sett-a-item .sett-step .item1 .item-i {
    background-color: #3accda;
}

.sett-a-item .sett-step .item2 .item-i {
    background-color: #a75ffd;
}

.sett-a-item .sett-step .item3 .item-i {
    background-color: #9bd541;
}

.sett-a-item .sett-step .item4 .item-i {
    background-color: #f53372;
}

.sett-a-item .sett-step .item1 .item-i i {
    background-position: -5px -134px;
    width: 16px;
}

.sett-a-item .sett-step .item2 .item-i i {
    background-position: -35px -134px;
    width: 17px;
}

.sett-a-item .sett-step .item3 .item-i i {
    background-position: -35px -134px;
    width: 17px;
}

.sett-a-item .sett-step .item4 .item-i i {
    background-position: -67px -134px;
    width: 17px;
}

.sett-a-item .sett-step .item-jt {
    width: 55px;
    height: 23px;
    display: block;
    float: left;
    margin: 26px 18px 0 8px;
    background: url(../images/dsc-icon.png) -122px -48px no-repeat;
}

.step-nav {
    height: 68px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.step-nav .title {
    float: left;
}

.step-nav .title h3 {
    line-height: 68px;
    margin-left: 25px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.sett-r-btn {
    position: absolute;
    right: 40px;
    top: 0;
}

.sett-r-btn a {
    font-size: 14px;
    color: #fff;
    line-height: 5;
    text-align: center;
}

.sett-r-btn .imrz {
    background: url(../images/sett-btn-icon.png) -190px -193px no-repeat;
    width: 155px;
    height: 68px;
    float: left;
}

.sett-r-btn .imrz:hover {
    background-position: 0 -193px;
}

.sett-r-btn .view-prog {
    color: #f42424;
    float: left;
    margin-left: 10px;
}

.sett-r-btn .view-prog:hover {
    text-decoration: underline;
}

.sett-help-warp .item {
    width: 100%;
    height: 87px;
}

.sett-help-warp .item .number {
    box-shadow: 0 5px 18px rgba(254, 179, 179, .2);
}

.sett-help-warp .item .info {
    width: 1000px;
    margin: 0 0 0 40px;
}

.sett-help-warp .item .info .name {
    width: 100%;
}

.sett-help-warp .item:hover .info .name {
    margin-left: 0;
}

.sett-help-warp .item .info .desc {
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.sett-store-warp {
    overflow: hidden;
}

.sett-store-warp .item {
    float: left;
    width: 320px;
    margin-right: 75px;
}

.sett-store-warp .item:last-child {
    margin-right: 0;
}

.sett-store-warp .item-left {
    float: left;
    width: 70px;
    text-align: center;
    overflow: hidden;
}

.sett-store-warp .item-right {
    float: left;
    margin-left: 10px;
    width: 240px;
    line-height: 25px;
}

.sett-store-warp .item-left i {
    width: 70px;
    height: 70px;
    display: block;
    background: url(../images/storetype-icon.png) no-repeat;
    float: left;
}

.sett-store-warp .item-left span {
    font-size: 18px;
    color: #333;
    float: left;
    display: block;
    width: 100%;
    margin-top: 5px;
}

.sett-store-warp .item-left i.st-icon1 {
    background-position: 0 0;
}

.sett-store-warp .item-left i.st-icon2 {
    background-position: 0 -73px;
}

.sett-store-warp .item-left i.st-icon3 {
    background-position: 0 -145px;
}

.sett-process-warp {
    padding-bottom: 80px;
}

.settled-prog-container {
    background: url(../images/sett-proicon.jpg) #f5f9fc center top no-repeat;
}

.settled-prog-warp {
    width: 100%;
    height: 418px;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(78, 137, 145, .2);
    margin-top: 164px;
    position: relative;
}

.settled-prog-warp .che {
    position: absolute;
    left: 50%;
    top: -121px;
    margin-left: -83px;
}

.settled-prog-warp .spw-cont {
    overflow: hidden;
}

.spw-cont .spw-tit {
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2;
}

.spw-cont .spw-tit h1 {
    font-size: 18px;
    color: #555;
    font-weight: bold;
}

.spw-cont .spw-mian {
    width: 420px;
    margin: 50px auto 0;
    position: relative;
}

.spw-cont .spw-mian .spw-icon {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/pprompt-icon.png) no-repeat;
}

.spw-cont .spw-mian .spw-info {
    padding-left: 100px;
}

.spw-cont .spw-mian .spw-info h2 {
    font-size: 24px;
    font-weight: bold;
}

.spw-cont .spw-mian .spw-info .spw-txt {
    font-size: 14px;
    color: #8c8c8c;
    overflow: hidden;
}

.spw-cont .spw-mian .spw-info .spw-txt p {
    margin: 12px 0 8px;
}

.spw-cont .spw-mian .spw-info .spw-txt span {
    display: block;
    line-height: 24px;
}

.spw-cont .spw-mian .spw-info .spw-txt em {
    color: #333;
}

.spw-cont .spw-mian .spw-info .spw-txt .tag {
    border: 1px solid #d2d2d2;
    background-color: #f5f9fc;
    height: 23px;
    padding: 0 5px;
    color: #555;
    display: block;
    float: left;
    margin: 0 7px 5px 0;
}

.spw-cont .spw-mian .spw-info .spw-btn {
    margin-top: 12px;
}

.spw-cont .spw-mian .spw-info .spw-btn .btn {
    width: 138px;
    height: 38px;
    padding: 0;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
}

.spw-cont .spw-success .spw-icon {
    background-position: 0 0;
}

.spw-cont .spw-success h2 {
    color: #4bc696;
}

.spw-cont .spw-fail .spw-icon {
    background-position: -85px 0;
}

.spw-cont .spw-fail h2 {
    color: #f42424;
}

.spw-cont .spw-wait .spw-icon {
    background-position: -169px 0;
}

.spw-cont .spw-wait h2 {
    color: #ff8f23;
}

.s-p-steps {
    width: 100%;
    height: 35px;
    margin: 40px 0;
    overflow: hidden;
}

.s-p-steps ul {
    width: 712px;
    position: relative;
    margin: 0 auto;
}

.s-p-steps li {
    float: left;
    width: 168px;
    margin-right: 13px;
}

.s-p-steps li.last,
.s-p-steps li.last span {
    margin-right: 0;
}

.s-p-steps li span {
    display: block;
    float: left;
    width: 138px;
    height: 33px;
    line-height: 33px;
    border-radius: 17px;
    text-align: center;
    color: #8c8c8c;
    border: 1px solid #d2d2d2;
    margin-right: 12px;
    font-size: 14px;
}

.s-p-steps li i {
    float: left;
    color: #d2d2d2;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
}

.s-p-steps li.curr span {
    background-color: #ec5151;
    border-color: #ec5151;
    color: #fff;
}

.s-p-steps li.curr i {
    color: #ec5151;
}

.s-p-steps li.cur span {
    border-color: #ec5151;
    color: #ec5151;
}

.s-p-steps li.cur i {
    color: #ec5151;
}

.s-wz-content {
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
    margin-top: 20px;
}

.s-wz-content .tempItem {
    margin-bottom: 20px;
}

.s-wz-content .tempItem h3 {
    font-weight: bold;
    font-size: 18px;
}

.sett-cont-bd {
    position: relative;
    display: block;
    padding: 0;
    margin: -36px;
}

.sett-cont-bd .item {
    width: 1192px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
}

.sett-cont-bd .item .s-pop {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 100px;
    background-color: #EA4F40;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
}

.sett-cont-bd .item .s-pop .p-hd h3 {
    font-size: 16px;
    font-weight: 800;
    padding: 5px 40px;
    border-radius: 15px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #AD191C;
}

.sett-cont-bd .item .s-pop .p-bd {
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border-radius: 5px;
    line-height: 1.5;
}

.s-jiaofei {
    position: absolute;
    right: 388px;
    bottom: 228px;
    line-height: 1.8;
    color: #333;
    font-size: 14px;
    width: 174px;
}

.sett-cont-bd .item .s-pop.blue {
    background-color: #A8C0F7;
}

.sett-cont-bd .item .s-pop.blue:after {
    border-color: #A8C0F7;
}

.sett-cont-bd .item .s-pop.blue .p-hd h3 {
    background-color: #516CA8;
}

.sett-cont-bd .item .s-pop:after {
    position: absolute;
    border-style: solid;
    border-width: 14px;
    content: '';
    border-color: #EA4F40;
}

.sett-cont-bd .item .s-pop.left:after {
    left: -25px;
    top: 116px;
    border-top-color: transparent;
    border-left-color: transparent;
}

.sett-cont-bd .item .s-pop.right:after {
    right: -25px;
    top: 116px;
    border-top-color: transparent;
    border-right-color: transparent;
}

.sett-cont-bd .item .s-pop.bottom:after {
    bottom: -25px;
    right: 20px;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.sett-cont-bd .item .s-pop.bottomleft:after {
    bottom: -25px;
    left: 20px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.sett-cont-bd .item .s-pop.blue.right:after {
    right: -25px;
    top: 50px;
    border-top-color: transparent;
    border-right-color: transparent;
}

.sett-cont-bd .item .s-pop.left2:after {
    left: -25px;
    top: 56px;
    border-top-color: transparent;
    border-left-color: transparent;
}

.sett-cont-bd .item .s-pop01 {
    width: 370px;
    top: 210px;
    right: 728px;
}

.sett-cont-bd .item .s-pop02 {
    width: 305px;
    top: 80px;
    right: 288px;
}

.sett-cont-bd .item .s-pop03 {
    width: 350px;
    top: 20px;
    right: 160px;
}

.sett-cont-bd .item .s-pop04 {
    width: 400px;
    top: 100px;
    right: 448px;
}

.sett-cont-bd .item .s-pop05 {
    width: 360px;
    top: 400px;
    right: 398px;
}

.sett-cont-bd .item .s-pop06 {
    width: 290px;
    top: -26px;
    right: 24px;
}

.sett-cont-bd .item .s-pop07 {
    width: 250px;
    top: 75px;
    right: 294px;
}

.sett-cont-bd .item .s-pop08 {
    width: 240px;
    top: 423px;
    right: 425px;
}


/* settled end */


/* ------------------- tong start ------------------- */


/*common start*/


/*shadow-card*/

.mod-shadow-card {
    transition: all .3s;
}

.mod-shadow-card:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.mod-shadow-card .lefttime {
    margin: 10px;
    vertical-align: middle;
}


/*list-sort*/

.mod-list-sort {
    height: 30px;
    line-height: 30px;
    color: #8c8c8c;
}

.mod-list-sort .sort-t {
    float: left;
    margin-right: 10px;
}

.mod-list-sort .sort-c {
    float: left;
}

.mod-list-sort .sort-item {
    float: left;
    line-height: 28px;
    height: 28px;
    border: 1px solid #d2d2d2;
    text-align: center;
    width: 78px;
    background: #fff;
    color: #8c8c8c;
    margin-right: 10px;
}

.mod-list-sort .sort-item .iconfont {
    font-size: 12px;
    margin-left: 4px;
    vertical-align: middle;
    margin-right: -7px;
}

.mod-list-sort .sort-item .icon-up1 {
    vertical-align: top;
}

.mod-list-sort .sort-item.curr {
    color: #ff6633;
    border-color: #ff6633;
}

.mod-list-sort .f-search {
    float: right
}

.mod-list-sort .f-search .text {
    float: left;
    width: 180px;
}

.mod-list-sort .f-search .btn {
    float: left;
    margin: 0 0 0 8px;
    height: 28px;
    border-radius: 3px;
    line-height: 28px;
    min-width: 30px;
    text-align: center;
}


/*common end*/


/*groupbuy start*/

.nav .gb-categorys {
    width: 180px;
}

.nav .gb-categorys .categorys-type {
    background: #DD0909;
}

.nav .gb-categorys .categorys-type a {
    padding-left: 30px;
    text-align: left;
}

.nav .gb-categorys .categorys-tab-content {
    background: #333;
    height: 280px;
}

.nav .gb-categorys .categorys-tab-content .categorys-item {
    border-bottom: 1px dotted #555;
    height: 39px;
}

.nav .gb-categorys .categorys-tab-content .categorys-title {
    width: 106px;
}

.nav .gb-categorys .categorys-tab-content .item-content {
    width: 134px;
    padding: 8px 16px 8px 30px;
}

.nav .gb-categorys .categorys-tab-content .item-content:hover {
    background: #DD0909;
}

.nav .gb-categorys .categorys-tab-content .iconfont {
    color: #fff;
}

.nav .gb-categorys .categorys-tab-content .categorys-title span a:hover,
.nav .gb-categorys .categorys-tab-content .categorys-title strong a:hover {
    color: #fff;
}

.gb-crazy {
    background: #F8F8F8;
    padding: 40px 0;
}

.gb-crazy .crazy-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 20px;
}

.gb-crazy .crazy-hd h2 {
    float: left;
    font-size: 28px;
    padding-left: 40px;
    background: url(../images/crazy-icon.png) no-repeat left center;
}

.gb-crazy .crazy-hd .extra {
    float: right;
    color: #8c8c8c;
}

.gb-crazy .crazy-hd .extra .time {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
}

.gb-crazy .crazy-hd .extra .time .hour,
.gb-crazy .crazy-hd .extra .time .minute,
.gb-crazy .crazy-hd .extra .time .second {
    width: 37px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    float: left;
    height: 42px;
    background: url(../images/crazy-time.png) no-repeat left center;
}

.gb-crazy .crazy-hd .extra .time .point {
    float: left;
    margin: 0 5px;
    font-size: 20px;
}

.gb-crazy .crazy-list {
    margin-right: -10px;
}

.gb-crazy .crazy-list li {
    width: 232px;
    margin-right: 10px;
    background: #fff;
    float: left;
}

.gb-crazy .crazy-list .img {
    display: block;
    margin-bottom: 5px;
}

.gb-crazy .crazy-list .img img {
    width: 232px;
    height: 232px;
}

.gb-crazy .crazy-list .price {
    color: #f43434;
    font-size: 21px;
    text-align: center;
}

.gb-crazy .crazy-list .name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 10px 10px;
    font-size: 14px;
    color: #555;
}

.gb-crazy .crazy-list .crazy-btn {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #f43434;
    display: block;
    text-align: center;
    font-size: 14px;
}

.gb-crazy .crazy-list .bid_end {
    background-color: #d2d2d2;
}

.gb-index-main {
    padding: 40px 0 0;
}

.gb-index-main h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.gb-index-list ul {
    margin: 10px -10px 0 0;
}

.gb-index-list li {
    float: left;
    width: 210px;
    margin: 0 10px 10px 0;
    position: relative;
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.gb-index-list .img {
    display: block;
}

.gb-index-list .img img {
    width: 210px;
    height: 210px;
    margin-bottom: 10px;
}

.gb-index-list .price {
    color: #f43434;
    font-size: 21px;
}

.gb-index-list .price em {
    font-size: 18px;
    font-style: normal;
}

.gb-index-list .man {
    float: right;
    line-height: 26px;
    color: #8c8c8c;
    font-size: 12px;
    margin-top: 7px;
    display: flex;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gb-index-list .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #555;
}

.gb-index-list .lefttime {
    color: #8c8c8c;
    margin: 10px 0;
}

.gb-index-list .lefttime i,
.mod-shadow-card .lefttime i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.gb-index-list #no-default {
    background: #999;
    color: #fff!important;
    cursor: default;
    pointer-events: none;
}

.pic-jx {
    color: #999;
    font-size: 14px;
}

.gb-index-list .bid_end {
    background-color: #d2d2d2;
}

.gb-btn-all {
    display: block;
    border: 1px solid #d2d2d2;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.gb-btn-all:hover {
    background: #d2d2d2;
    color: #555;
}

.gb-selector .s-line {
    border-style: dashed;
}

.gb-selector .s-l-value {
    padding-right: 0;
}

.group-buy .activity-title {
    padding: 0 20px 0 10px;
}

.group-buy .activity-title .iconfont {
    font-size: 21px;
    vertical-align: middle;
    margin: 9px 5px 0 0;
    float: left;
    height: 26px;
    line-height: 26px;
}


/*groupbuy end*/


/*exchange start*/

.exchange-banner {
    overflow: hidden;
    min-height: 300px;
}

.exchange-banner .exchange-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.exchange-score {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 20px;
    padding-bottom: 30px;
    background: #fff;
    width: 232px;
    height: auto;
}

.exchange-score .u-info {
    text-align: center;
    padding: 30px 40px 10px 40px;
}

.exchange-score .u-info .u-avatar {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto 5px;
    padding: 5px;
    border: 5px solid #CD1F0A;
    border-radius: 50%;
}

.exchange-score .u-info .u-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.exchange-score .u-info .u-name {
    font-size: 14px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exchange-score .score-info {
    padding: 10px 0;
    overflow: hidden;
}

.exchange-score .score-info .item {
    float: left;
    white-space: nowrap;
    text-align: center;
    width: 103px;
}

.exchange-score .score-info .item:first-child {
    padding-right: 10px;
    border-right: 1px solid #ddd;
    margin-right: 10px;
}

.exchange-score .score-info .item .num {
    color: #f43434;
    font-size: 14px;
}

.exchange-score .score-info .login-button,
.exchange-score .score-info .register_button {
    display: block;
    float: left;
    width: 78px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #333;
    text-align: center;
}

.exchange-score .score-info .login-button {
    margin: 0 15px 0 30px;
}

.exchange-score .score-info .login-button:hover,
.exchange-score .score-info .register_button:hover,
.exchange-score .score-info .register_button {
    border-color: #f42424;
    color: #f42424;
}

.exchange-cate {
    background: #F8F8F8;
    line-height: 40px;
    font-size: 14px;
}

.exchange-cate a {
    color: #555;
    white-space: nowrap;
}

.exchange-cate a.curr,
.exchange-cate a:hover {
    color: #ff6633;
}

.exchange-cate a.curr {
    font-weight: bold;
}

.exchange-cate a:first-child {
    margin-left: 5px;
}

.exchange-cate .point {
    margin-left: 10px;
    margin-right: 6px;
}

.exchange-main {
    padding: 40px 0 0;
}

.exchange-main h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.exchange-list ul {
    margin-right: -10px;
    padding-top: 10px;
}

.exchange-list li {
    float: left;
    width: 212px;
    margin: 0 10px 10px 0;
    position: relative;
    padding: 10px;
}

.exchange-list .img {
    display: block;
}

.exchange-list .img img {
    width: 210px;
    height: 210px;
    margin-bottom: 10px;
}

.exchange-list .score {
    float: left;
    color: #ff6633;
    font-size: 16px;
}

.exchange-list .market {
    float: right;
    line-height: 24px;
    color: #8c8c8c;
    text-decoration: line-through;
}

.exchange-list .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.exchange-list .already {
    color: #8c8c8c;
    margin: 5px 0 10px;
}

.exchange-list .already i {
    margin-right: 5px;
}

.exchange-list li:hover .ex-btn {
    opacity: 1;
    filter: alpha(opacity=100);
}

.ex-btn-all {
    display: block;
    background: #f8f8f8;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.ex-btn-all:hover {
    background: #f43434;
    color: #fff;
}


/*exchange end*/


/*activity start*/

.activity-banner {
    overflow: hidden;
}

.activity-banner .activity-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.activity-main {
    background: #F8F8F8;
    padding-bottom: 90px;
    margin-bottom: -90px;
    padding-top: 40px;
}

.activity-main-title {
    text-align: center;
    margin-bottom: 30px;
}

.activity-main-title h2 {
    font-size: 30px;
    color: #555;
}

.activity-main-title p {
    font-size: 18px;
    color: #f43434;
}

.activity-list {
    margin-right: -10px;
}

.activity-list li {
    float: left;
    padding: 10px;
    width: 212px;
    height: 305px;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}

.activity-list .img {
    display: block;
}

.activity-list .img img {
    width: 212px;
    height: 212px;
}

.activity-list .name {
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: 5px 0;
}

.activity-list .price {
    font-size: 18px;
    text-align: center;
    color: #f43434;
    margin-bottom: 5px;
}

.activity-list .act-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    background: #f43434;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.activity-list li.li-col2 {
    width: 454px;
    text-align: left;
    font-size: 14px;
}

.activity-list li .shop-info {
    width: auto;
    height: 280px;
    background: #f8f8f8;
    padding: 25px 20px 0 40px;
    border: 0;
}

.activity-list li .shop-info .shop-name {
    margin-bottom: 20px;
}

.activity-list li .shop-info .shop-name .s-name {
    font-weight: 700;
    font-size: 18px;
    color: #438cde;
}

.activity-list li .shop-info dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.activity-list li .shop-info dt {
    float: left;
    width: 80px;
    color: #8c8c8c;
}

.activity-list li .shop-info dd {
    float: left;
    width: 300px;
    color: #555;
}

.activity-list li .shop-info dd .shop-brand {
    overflow: hidden;
    margin-top: 10px;
}

.activity-list li .shop-info dd .shop-brand a {
    border: 1px dashed #d2d2d2;
    color: #8c8c8c;
    float: left;
    padding: 5px 8px;
    margin-right: -1px;
}

.activity-list li .shop-info dd .shop-brand a:hover {
    background: #fff;
}

.activity-index-main {
    background: #f8f8f8;
    padding-top: 40px;
}

.activity-index-filter {
    overflow: hidden;
    margin-bottom: 30px;
}

.activity-index-filter a {
    float: left;
    border: 1px solid #d2d2d2;
    color: #8c8c8c;
    background: #fff;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    width: 98px;
    text-align: center;
    margin-right: 10px;
}

.activity-index-filter a:hover {
    border-color: #EC4BFB;
    color: #EC4BFB;
}

.activity-index-filter a.curr {
    background: #EC4BFB;
    color: #fff;
    border-color: #EC4BFB;
}

.activity-index-list {
    margin-right: -30px;
    font-size: 14px;
}

.activity-index-list li {
    width: 580px;
    margin: 35px 35px 0 0;
    background: #fff;
    text-align: center;
    position: relative;
    float: left;
}

.activity-index-list li:nth-child(1),
.activity-index-list li:nth-child(2) {
    margin-top: 0;
}

.activity-index-list li .img {
    width: 580px;
    height: 360px;
    position: relative;
}

.activity-index-list li .img a {
    width: 580px;
    height: 360px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.activity-index-list li .img img {
    max-width: 580px;
    max-height: 360px;
}

.activity-index-list li .tag {
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 0;
    background: #ddd;
    color: #fff;
    height: 26px;
    line-height: 26px;
    width: 87px;
}

.activity-index-list li .tag:after {
    content: "●●●●●●●●";
    color: #ddd;
    position: absolute;
    left: -1px;
    top: 13px;
    line-height: 1;
    font-size: 20px;
    letter-spacing: -2px;
}

.activity-index-list li .tag-zp {
    background: #EC4BFB;
}

.activity-index-list li .tag-zp:after {
    color: #EC4BFB;
}

.activity-index-list li .tag-jm {
    background: #F59A19;
}

.activity-index-list li .tag-jm:after {
    color: #F59A19;
}

.activity-index-list li .tag-zk {
    background: #F42424;
}

.activity-index-list li .tag-zk:after {
    color: #F42424;
}

.activity-index-list li .title {
    font-size: 21px;
    color: #555;
    margin: 10px 0 3px;
}

.activity-index-list li .time {
    color: #8c8c8c;
    margin-bottom: 5px;
}

.activity-index-list li .discount {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
}

.activity-index-list li .discount span {
    font-size: 16px;
    margin: 0 5px;
}

.activity-index-list li .acti-btn {
    width: 150px;
    height: 40px;
    background: #f43434;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    overflow: hidden;
}

.activity-index-list li .acti-btn i {
    vertical-align: -1px;
    margin-left: -16px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translate3d(76px, 0, 0);
    -moz-transform: translate3d(76px, 0, 0);
    -o-transform: translate3d(76px, 0, 0);
    transform: translate3d(76px, 0, 0);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.activity-index-list li .acti-btn:hover i {
    -webkit-transform: translate3d(16px, 0, 0);
    -moz-transform: translate3d(16px, 0, 0);
    -o-transform: translate3d(16px, 0, 0);
    transform: translate3d(16px, 0, 0);
}


/*activity end*/


/*brand start*/

.brand-banner {
    overflow: hidden;
}

.brand-banner .brand-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.brand-main {
    padding-top: 40px;
}

.brand-main .brand-title {
    width: 300px;
    margin: 0 auto;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

.brand-main .brand-title span {
    display: block;
    width: 100px;
    margin: -12px auto 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background: #fff;
}

.brand-cate {
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}

.brand-cate a {
    color: #555;
    white-space: nowrap;
}

.brand-cate a.curr,
.brand-cate a:hover {
    color: #ff6633;
}

.brand-cate a.curr {
    font-weight: bold;
}

.brand-cate a:first-child {
    margin-left: 5px;
}

.brand-cate .point {
    margin-left: 10px;
    margin-right: 6px;
}

.brand-list {
    margin-top: 40px;
    margin-right: -10px;
}

.brand-list li {
    width: 278px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;
    border: 6px solid #E4E4E4;
    float: left;
}

.brand-list li:hover {
    border-color: #aaaaaa;
}

.brand-list li .img {
    margin-bottom: 30px;
    display: block;
    position: relative;
}

.brand-list li .img img {
    width: 150px;
    height: 150px;
}

.brand-list li .brand_desc {
    padding: 0 20px;
    color: #fff;
    position: absolute;
    width: 238px;
    height: 0;
    bottom: 0;
    left: 0;
    line-height: 24px;
    z-index: 2;
    font-size: 14px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
}

.brand-list li .brand_desc .tit {
    font-size: 18px;
    line-height: 36px;
    padding-top: 40px;
}

.brand-list li .brand_desc .info {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.brand-list li .brand_desc .info p {
    text-align: center;
    line-height: 60px;
    font-size: 14px;
}

.brand-list li .brand_desc_notic .tit {
    padding-top: 90px;
}

.brand-list li .mask {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: #000;
    opacity: .45;
    -ms-filter: alpha(Opacity=45);
    filter: alpha(Opacity=45);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.brand-list li:hover .brand_desc {
    height: 285px;
}

.brand-list li:hover .mask {
    height: 285px;
}

.brand-list li .b-logo {
    height: 57px;
    position: relative;
    margin-bottom: 20px;
}

.brand-list li .b-logo img {
    height: 57px;
    max-width: 260px;
}

.brand-list li .b-logo .follow {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 30px;
    margin-left: -40px;
    margin-top: -15px;
    color: #fff;
    background: #ff6633;
    line-height: 30px;
    border-radius: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.brand-list li .b-logo .follow i {
    vertical-align: -2px;
    margin-right: 5px;
}

.brand-list li:hover .b-logo img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.brand-list li:hover .b-logo .follow {
    opacity: 1;
    filter: alpha(opacity=100);
}

.brand-list li .slogan {
    font-size: 14px;
    color: #8c8c8c;
    margin-bottom: 30px;
}

.rTop {
    position: fixed;
    right: 100px;
    top: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    cursor: pointer;
    -moz-transform: translate(0, -50%) scale(1, 1);
    -webkit-transform: translate(0, -50%) scale(1, 1);
    -o-transform: translate(0, -50%) scale(1, 1);
    transform: translate(0, -50%) scale(1, 1);
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.rTop.returnHide {
    transform: translate(0, -50%) scale(0, 0);
    -webkit-transform: translate(0, -50%) scale(0, 0);
    -moz-transform: translate(0, -50%) scale(0, 0);
    -o-transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}


/*brand end*/


/*auction start*/

.auction-banner {
    overflow: hidden;
}

.auction-banner .auction-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.auction-cate {
    background: #B31919;
    height: 50px;
    line-height: 50px;
}

.auction-cate a {
    padding: 0 20px;
    color: #fff;
    float: left;
    font-size: 16px;
}

.auction-cate a.curr {
    background: #fff;
    color: #B31919;
    font-weight: 700;
}

.auction-main {
    padding-top: 30px;
}

.auction-list {}

.auction-list ul {
    margin-right: -20px;
    font-size: 14px;
    margin-top: 20px;
}

.auction-list li {
    border: 1px solid transparent;
    width: 283px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.auction-list li:hover {
    border-color: #f43434;
}

.auction-list li .img {
    display: block;
}

.auction-list li .img img {
    width: 283px;
    height: 283px;
}

.auction-list li .name {
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.auction-list li .info {
    padding: 15px 18px;
}

.auction-list li .info p {
    margin-bottom: 5px;
}

.auction-list li .info p em {
    color: #8c8c8c;
}

.auction-list li .timebar {
    background: #EEEEEE;
    position: relative;
    border-radius: 2px;
    height: 3px;
}

.auction-list li .timebar i {
    position: absolute;
    height: 100%;
    left: 0;
    background: #FFD07F;
}

.auction-list li .btn-wp {
    overflow: hidden;
    margin-top: 15px;
}

.auction-list li .btn-wp .price {
    float: left;
    width: 50%;
    white-space: nowrap;
    font-size: 21px;
    color: #f43434;
    line-height: 30px;
}

.auction-list li .btn-wp .price em {
    font-size: 14px;
}

.auction-list li .btn-wp .au-btn {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 50%;
    float: right;
    color: #fff;
    background: #f43434;
    font-weight: 700;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.auction-list li:hover .btn-wp .au-btn {
    opacity: 1;
    filter: alpha(opacity=100);
}


/*auction end*/

.act-banner {
    overflow: hidden;
}

.act-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}


/*snatch start*/

.snatch-main {
    padding: 40px 0 0;
}

.snatch-t {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.snatch-t h2 {
    float: left;
    font-size: 21px;
    font-weight: 700;
    color: #555;
    line-height: 50px;
}

.snatch-hot-slide {
    position: relative;
    height: 507px;
    overflow: hidden;
}

.snatch-hot-slide .bd {
    width: 991px;
    margin: 0 auto;
    height: 507px;
    overflow: hidden;
}

.snatch-hot-slide .bd li {
    float: left;
    width: 300px;
    margin: 0 15px 50px;
}

.snatch-hot-slide .bd li .img img {
    width: 300px;
    height: 300px;
}

.snatch-hot-slide .bd li .name {
    font-size: 18px;
    color: #555;
    display: block;
    height: 27px;
    overflow: hidden;
    margin: 10px 0 5px;
}

.snatch-hot-slide .bd li .info {
    overflow: hidden;
    margin-bottom: 8px;
}

.snatch-hot-slide .bd li .info-item {
    float: left;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 31px;
}

.snatch-hot-slide .bd li .info-item:nth-child(2) {
    width: 110px;
}

.snatch-hot-slide .bd li .info-item:nth-child(3) {
    width: 300px;
}

.snatch-hot-slide .bd li .info-item em {}

.snatch-hot-slide .bd li .info-item .price {
    font-size: 21px;
    color: #f42424;
}

.snatch-hot-slide .bd li .sn-btn {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #f43434;
}

.snatch-hot-slide .p-left,
.snatch-hot-slide .p-right {
    position: absolute;
    width: 58px;
    height: 455px;
    border: 1px solid #f8f8f8;
    text-align: center;
}

.snatch-hot-slide .p-left {
    left: 0;
}

.snatch-hot-slide .p-right {
    right: 0;
}

.snatch-hot-slide .prev,
.snatch-hot-slide .next {
    display: inline-block;
    width: 27px;
    height: 50px;
    background: url(../images/common/arrow_max.png) no-repeat;
    margin-top: 202px;
}

.snatch-hot-slide .prev {
    background-position: left top;
}

.snatch-hot-slide .next {
    background-position: right top;
}

.snatch-list {}

.snatch-list ul {
    margin-right: -10px;
}

.snatch-list li {
    float: left;
    width: 212px;
    margin: 0 10px 20px 0;
    position: relative;
    padding: 10px 10px 20px;
}

.snatch-list .img {
    display: block;
}

.snatch-list .img img {
    width: 210px;
    height: 210px;
    margin-bottom: 10px;
}

.snatch-list .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.snatch-list .info {
    line-height: 24px;
    margin-bottom: 12px;
}

.snatch-list .info em {
    color: #8c8c8c;
}

.snatch-list .info .price {
    font-size: 21px;
    color: #f43434;
    vertical-align: -3px;
}

.snatch-list .info .price em {
    color: #f43434;
}

.snatch-list .sn-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #f43434;
    opacity: 1;
    filter: alpha(opacity=100);
}

.snatch-list .bid_end {
    background-color: #d2d2d2;
}

.snatch-list .info .lefttime {
    margin: 0;
}

.snatch-firt {
    position: absolute;
    width: 141px;
    height: 243px;
    background: url(../images/snatch_icon.png) no-repeat;
    top: 30px;
    right: 10px;
    text-align: center;
}

.snatch-firt .snatch-f-name {
    margin-top: 140px;
}

.snatch-firt .snatch-f-info {
    margin-top: 16px;
}

.snatch-firt .snatch-f-info .namber {
    font-size: 24px;
}

.snatch-firt .snatch-f-info span {
    color: #8c8c8c;
}


/*snatch end*/


/*package start*/

.package-content {
    background: #F8F8F8;
}

.package-list {
    margin: 0 -20px;
}

.package-list .list-item {
    width: 580px;
    margin: 0 20px 20px 20px;
    background: #fff;
    float: left;
}

.package-list .list-item .cover {
    color: #fff;
    position: relative;
    display: block;
}

.package-list .list-item .cover img {
    width: 580px;
    height: 270px;
}

.package-list .list-item .cover .intro {
    position: absolute;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    bottom: 0;
    right: 0;
    left: 0;
}

.package-list .list-item .info {
    padding: 13px 20px 0;
    color: #8c8c8c;
}

.package-list .list-item .info .info-p {
    margin-bottom: 13px;
}

.package-list .list-item .info .info-slide {
    background: #F8F8F8;
    padding-top: 20px;
    padding-bottom: 15px;
    position: relative;
}

.package-list .list-item .info .info-slide .bd {
    width: 453px;
    height: 116px;
    overflow: hidden;
    margin: 0 auto;
}

.package-list .list-item .info .info-slide .bd li {
    float: left;
    width: 90px;
    position: relative;
    text-align: center;
    font-size: 14px;
    margin: 0 24px 0 0;
}

.package-list .list-item .info .info-slide .bd li .img img {
    width: 90px;
    height: 90px;
    margin-bottom: 5px;
}

.package-list .list-item .info .info-slide .bd li:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/common/plus.png) no-repeat;
    top: 40px;
    right: -22px;
}

.package-list .list-item .info .info-slide .bd li.g_last:after {
    background: none;
}

.package-list .list-item .info .info-slide .prev,
.package-list .list-item .info .info-slide .next {
    position: absolute;
    width: 16px;
    height: 30px;
    background: url(../images/common/arrow_min.png) no-repeat;
    top: 50%;
    margin-top: -21px;
}

.package-list .list-item .info .info-slide .prev {
    left: 10px;
    background-position: left top;
}

.package-list .list-item .info .info-slide .next {
    right: 10px;
    background-position: right top;
}

.package-list .list-item .info .info-btn-wp {
    padding: 20px 0;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    font-size: 14px;
}

.package-list .list-item .info .info-btn-wp .price {
    font-weight: 700;
    font-size: 30px;
    color: #333;
    margin-right: 10px;
    vertical-align: -7px;
    line-height: 1;
}

.package-list .list-item .info .info-btn-wp .price em {
    font-size: 16px;
}

.package-list .list-item .info .pack-btn {
    float: right;
    width: 150px;
    height: 40px;
    color: #fff;
    text-align: center;
    background: #f43434;
    font-size: 16px;
    margin-left: 10px;
}


/*package end*/


/*street start*/

.street-banner {
    overflow: hidden;
}

.street-banner .street-banner-wp {
    width: 100%;
    text-align: center;
}

.street-banner .street-banner-wp a {
    display: block;
}

.street-main {
    padding: 20px 0 0;
}

.street-list {
    width: 1213px;
}

.street-list-item {
    width: 278px;
    height: auto;
    border: 3px solid #e5e5e5;
    background: #f8f8f8;
    margin-bottom: 13px;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s;
}

.street-list-item:hover {
    border-color: #aaaaaa;
}

.street-list-item .info {
    padding: 20px 20px 25px;
    text-align: center;
}

.street-list-item .info .s-follow {
    font-size: 0;
}

.street-list-item .info .s-follow i {
    font-size: 21px;
    color: #f43434;
    position: absolute;
    right: 8px;
    top: 5px;
    z-index: 2;
}

.street-list-item .info .s-logo {
    display: block;
    width: 118px;
    height: 58px;
    margin: 0 auto;
    border: 1px dashed #dcdcdc;
    background-color: #fff;
}

.street-list-item .info .s-logo a {
    display: table-cell;
    width: 118px;
    height: 58px;
    vertical-align: middle;
}

.street-list-item .info .s-logo img {
    width: 118px;
    max-height: 58px;
}

.street-list-item .info .s-name {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    display: block;
    margin: 10px 0;
}

.street-list-item .info .seller-sr {
    border: 1px solid #f42424;
    width: 50px;
    color: #f42424;
    padding: 0 5px;
    margin: 0 auto;
}

.street-list-item .info .s-name a:hover {
    color: #f43434;
}

.street-list-item .info p {
    color: #8c8c8c;
    text-align: left;
    padding-left: 60px;
    margin: 2px 0;
    height: 20px;
    overflow: hidden;
}

.street-list-item .info .shop-level-icon {
    height: 13px;
    background: url(../images/common/shop-level-icon.png) repeat-x;
    width: 18px;
    vertical-align: middle;
    display: inline-block;
}

.street-list-item .info .shop-level-icon.level-1 {
    width: 18px;
}

.street-list-item .info .shop-level-icon.level-2 {
    width: 36px;
}

.street-list-item .info .shop-level-icon.level-3 {
    width: 54px;
}

.street-list-item .info .shop-level-icon.level-4 {
    width: 72px;
}

.street-list-item .info .shop-level-icon.level-5 {
    width: 90px;
}

.street-list-item .cover img {
    width: 278px;
    height: auto;
}

.grid-sizer {
    width: 25%;
}

.gutter-sizer {
    width: 1.8%;
}


/*street end*/


/*activity-desc(include auction,snatch) start*/

.activity-desc-content {
    background: #f8f8f8;
}

.activity-desc-main {
    background: #fff;
    padding: 20px;
}

.acde-left {
    border-right: 1px solid #f0f0f0;
    width: 940px;
    padding-right: 20px;
    float: left;
}

.acde-left .gallery_wrap {
    width: 400px;
    height: 400px;
    border: 0 none;
}

.acde-left .spec-list {
    border: 0 none;
    width: 400px;
}

.acde-left .product-wrap {
    width: 500px;
    margin-right: 0;
}

.acde-left .activity-title {
    padding-left: 10px;
}

.acde-left .activity-title .activity-type .iconfont {
    font-size: 21px;
    vertical-align: middle;
    margin: 9px 5px 0 0;
    float: left;
    height: 26px;
    line-height: 26px;
}

.acde-left .summary-item .si-warp {
    width: 420px;
}

.acde-left .summary-item .price {
    font-size: 21px;
    margin-right: 10px;
}

.acde-left .summary-item .price em {
    font-size: 14px;
}

.acde-left .summary-count-wp {
    padding-left: 20px;
    margin-top: 30px;
    color: #8c8c8c
}

.acde-left .summary-count-wp span {
    display: inline-block;
    line-height: 40px;
}

.acde-left .amount-wrap-2 {
    width: 168px;
    display: inline-block;
    border: 1px solid #D2D2D2;
    height: 38px;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}

.acde-left .amount-wrap-2 i {
    width: 38px;
    height: 38px;
    line-height: 40px;
    float: left;
    font-size: 16px;
    -webkit-user-select: none;
    cursor: pointer;
}

.acde-left .amount-wrap-2 i.icon-reduce {
    border-right: 1px solid #d2d2d2;
}

.acde-left .amount-wrap-2 i.icon-plus {
    border-left: 1px solid #d2d2d2;
}

.acde-left .amount-wrap-2 input[type=text] {
    border: 0 none;
    width: 80px;
    padding: 0 5px;
    float: left;
    outline: none;
    height: 38px;
    text-align: center;
}

.acde-left a.btn-append {
    min-width: 106px;
    text-align: center;
}

.acde-left a.btn-invalid {
    min-width: 106px;
    margin-top: 40px;
    text-align: center;
    cursor: default;
}

.acde-left input.btn-append {
    min-width: 170px;
    text-align: center;
}

.acde-left .summary-row-2 {
    margin: 25px 0;
}

.acde-left .summary-row-2 .si-tit {
    width: 70px;
}

.acde-left .summary-row-2 .si-warp {
    width: 130px;
}

.auction-progress {
    height: 58px;
    border: 1px solid #f8f8f8;
    font-size: 14px;
    color: #8c8c8c;
    border-radius: 30px;
    margin: 40px 0;
}

.auction-progress .apt {
    float: left;
    width: 90px;
    line-height: 58px;
    margin-left: 30px;
}

.auction-progress .apb {
    margin-left: 90px;
}

.auction-progress .apb ul {
    padding-top: 12px;
}

.auction-progress .apb li {
    height: 33px;
    width: 127px;
    border: 1px solid #d2d2d2;
    line-height: 33px;
    text-align: center;
    float: left;
    border-radius: 17px;
    margin-right: 40px;
    position: relative;
}

.auction-progress .apb li:last-child {
    margin-right: 0;
}

.auction-progress .apb li .iconfont {
    position: absolute;
    right: -30px;
    top: 0;
    font-size: 14px;
    color: #ddd;
}

.auction-progress .apb .tips {
    width: 128px;
    height: auto;
    font-size: 12px;
    left: 0;
    top: 42px;
}

.auction-progress .apb .tips .sprite-arrow {
    left: 58px;
}

.activity-desc-detail .hd {
    height: 40px;
}

.activity-desc-detail .hd ul {
    height: 39px;
    border-bottom: 1px solid #f43434;
}

.activity-desc-detail .hd li {
    float: left;
    width: 108px;
    text-align: center;
    line-height: 38px;
    height: 38px;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: 0 none;
    margin-right: -1px;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
}

.activity-desc-detail .hd li.on {
    color: #fff;
    font-weight: 700;
    background: #f43434;
    border-color: #f43434;
}

.activity-desc-detail .bd-item {
    padding: 20px;
}

.activity-desc-detail .desc-detail-title {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
}

.activity-desc-detail .desc-detail-title:after {
    content: "";
    display: block;
    width: 30px;
    border-top: 1px solid #d2d2d2;
    margin: 5px auto 0;
}

.activity-desc-detail .desc-detail-content {
    overflow: hidden;
}

.activity-desc-detail .attr-table {
    width: 100%;
    font-size: 14px;
}

.activity-desc-detail .attr-table td {
    border: 1px solid #d2d2d2;
    padding: 10px 18px;
}

.activity-desc-detail .attr-table .td-t {
    background: #F8F8F8;
    color: #8c8c8c;
    text-align: right;
}

.activity-desc-detail .offer-table {
    width: 100%;
    margin: 20px 0;
    color: #8c8c8c;
}

.activity-desc-detail .offer-table thead {
    background: #f7f7f7;
}

.activity-desc-detail .offer-table th,
.activity-desc-detail .offer-table td {
    padding: 10px 20px;
    text-align: center;
}

.activity-desc-detail .offer-table th {
    font-weight: normal;
    font-size: 14px;
}

.activity-desc-detail .offer-table td {
    border-bottom: 1px dashed #e7e7e7;
}

.activity-desc-detail .offer-table .offer-statu {
    width: 43px;
    height: 18px;
    border: 1px solid #d1d1d1;
    line-height: 18px;
    display: inline-block;
    border-radius: 9px;
}

.activity-desc-detail .offer-table .offer-statu.active {
    border-color: #f43434;
    color: #f43434;
}

.acde-right {
    float: left;
    width: 179px;
    border-left: 1px solid #f0f0f0;
    margin-left: -1px;
    padding-left: 20px;
    min-height: 300px;
}

.acde-right .org-box {
    margin-bottom: 40px;
}

.acde-right .org-box .org-logo {
    margin-bottom: 20px;
    width: 180px;
    height: 90px;
    position: relative;
}

.acde-right .org-box .org-logo a {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
    height: 90px;
    text-align: center;
}

.acde-right .org-box .org-logo img {
    max-width: 180px;
    height: auto;
}

.acde-right .org-box p {
    margin-bottom: 10px;
    margin-left: 10px;
}

.acde-right .org-box p span {
    color: #8c8c8c;
}

.acde-right .org-box .a-kefu {
    color: #ff4e13;
    margin-left: 10px;
}

.acde-right .org-box .i-kefu {
    margin-right: 5px;
    vertical-align: sub;
}

.acde-right .acde-right-title {
    border: 1px solid;
    border-color: #EFEFEF transparent #EFEFEF transparent;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    margin: 20px 0 10px;
}

.acde-right .offer-table-s {
    width: 100%;
    margin: 10px 0 30px;
    color: #8c8c8c;
    text-align: center;
}

.acde-right .offer-table-s th {
    padding: 10px 5px;
}

.acde-right .offer-table-s td {
    padding: 5px 5px;
}

.acde-right .offer-table-s .offer-statu {
    width: 43px;
    height: 18px;
    border: 1px solid #d1d1d1;
    line-height: 18px;
    display: inline-block;
    border-radius: 9px;
}

.acde-right .offer-table-s .offer-statu.active {
    border-color: #f43434;
    color: #f43434;
}

.acde-right .side-goods {
    font-size: 14px;
    display: block;
    width: 180px;
}

.acde-right .side-goods li {
    margin-bottom: 15px;
}

.acde-right .side-goods .p-img img {
    width: 100%;
    height: auto;
}

.acde-right .side-goods .p-name {
    margin-top: 5px;
}

.acde-right .side-goods .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*snatch*/

.acde-left .snatch-summary .summary-price-wrap {
    border: 1px dashed #f43434;
    border-top: 0 none;
}

.acde-left .snatch-summary .summary-price-wrap .s-p-w-wrap {
    background: #fff;
}

.acde-left .snatch-summary .si-tit {
    width: 70px;
}

.acde-left .snatch-summary .si-warp {
    width: 398px;
    font-size: 14px;
}


/*activity-desc(include auction,snatch) end*/


/*common start*/

.logo-side-cate {
    width: 85px;
    height: 25px;
    position: relative;
    float: left;
    margin-top: 39px;
    color: #8c8c8c;
}

.logo-side-cate .dt {
    line-height: 23px;
    border: 1px solid #D2D2D2;
    padding-left: 10px;
    position: relative;
}

.logo-side-cate .dt:after {
    content: "";
    position: absolute;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    width: 7px;
    height: 7px;
    transform: rotate(-45deg);
    right: 10px;
    top: 5px;
}

.logo-side-cate .dd {
    display: none;
    position: absolute;
    left: 0;
    top: 24px;
    width: 83px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    border-top: 1px solid #fff;
    background: #fff;
    padding: 3px 0;
}

.logo-side-cate .dd a {
    display: block;
    padding: 5px 3px 5px 10px;
    color: #8c8c8c;
}

.logo-side-cate .dd a:hover {
    color: #f43434;
}

.logo-side-cate:hover .dd {
    display: block;
}


/*common end*/


/*catalog start*/

.catalog-main {
    position: relative;
}

.catalog-side {
    float: right;
    width: 210px;
    position: relative;
}

.catalog-menu {
    border: 1px solid #d2d2d2;
    position: relative;
    width: 210px;
    background-color: #fff;
}

.catalog-menu .menu-list li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 28px;
    border-bottom: 1px solid #f7f7f7;
}

.catalog-menu .menu-list li a:last-child {
    border-bottom: 0 none;
}

.catalog-menu .menu-list li.current a,
.catalog-menu .menu-list li a:hover {
    background-color: #555;
    color: #fff;
}

.catalog-menu .back-top-wp {
    position: absolute;
    height: 30px;
    overflow: hidden;
    bottom: -30px;
    width: 100%;
}

.catalog-menu .back-top {
    position: absolute;
    height: 30px;
    line-height: 30px;
    left: 30px;
    width: 150px;
    background-color: #D2D2D2;
    text-align: center;
    transition: all .2s;
}

.catalog-menu .back-top:before,
.catalog-menu .back-top:after {
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    background-color: inherit;
    transform: rotate(-45deg);
    bottom: 0;
    transform-origin: left bottom;
}

.catalog-menu .back-top:before {
    left: -1px;
}

.catalog-menu .back-top:after {
    right: -45px;
}

.catalog-menu .back-top:hover {
    color: #555;
    background-color: #E4E4E4;
}

.catalog-detail {
    width: 970px;
    float: left;
}

.catalog-detail .catalog-item {
    margin-bottom: 40px;
}

.catalog-detail h2 {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    background: #855F9B;
}

.catalog-detail .catalog-item:nth-child(2) h2 {
    background-color: #4D98B8;
}

.catalog-detail .catalog-item:nth-child(3) h2 {
    background-color: #39B6B6;
}

.catalog-detail .catalog-item:nth-child(4) h2 {
    background-color: #892E63;
}

.catalog-detail .catalog-item:nth-child(5) h2 {
    background-color: #D84566;
}

.catalog-detail .catalog-item:nth-child(6) h2 {
    background-color: #EC7546;
}

.catalog-detail .catalog-item:nth-child(7) h2 {
    background-color: #AA5586;
}

.catalog-detail .catalog-item:nth-child(8) h2 {
    background-color: #F6C024;
}

.catalog-detail h2 a {
    color: #fff;
}

.catalog-detail h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 20px;
}

.catalog-detail h3 a {
    color: #555;
}

.catalog-detail .h4 {
    margin-right: -10px;
}

.catalog-detail .h4 li {
    float: left;
}

.catalog-detail .h4 a {
    display: block;
    width: 137px;
    height: 38px;
    border: 1px dashed #d2d2d2;
    line-height: 38px;
    text-align: center;
    margin-right: -1px;
    margin-bottom: -1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .2s ease-in;
}

.catalog-detail .h4 a:hover {
    position: relative;
    z-index: 2;
    border-color: #f43434;
    box-shadow: 0 7px 10px 0px rgba(0, 0, 0, 0.15);
}

.catalog-item-ad {
    margin-right: -10px;
    margin-top: 20px;
}

.catalog-item-ad a {
    float: left;
    margin-right: 10px;
}


/*catalog end*/


/*category-top common start*/


/*limitime*/

.catetop-main {}

.catetop-main .limitime {
    margin: 40px 0 30px;
}

.catetop-main .limitime .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-main .limitime .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-main .limitime .hd h3 {
    float: left;
    font-size: 12px;
    color: #8c8c8c;
    height: 42px;
    overflow: hidden;
    line-height: 56px;
    margin-left: 10px;
}

.catetop-main .limitime .hd .extra {
    float: right;
    color: #8c8c8c;
}

.catetop-main .limitime .hd .extra .time {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
}

.catetop-main .limitime .hd .extra .time .hour,
.catetop-main .limitime .hd .extra .time .minute,
.catetop-main .limitime .hd .extra .time .second {
    width: 37px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    float: left;
    height: 42px;
    background: url(../images/crazy-time.png) no-repeat left center;
}

.catetop-main .limitime .hd .extra .time .point {
    float: left;
    margin: 0 5px;
    font-size: 20px;
}

.catetop-main .limitime .limitime-list {
    margin-right: -10px;
}

.catetop-main .limitime .limitime-list li {
    width: 232px;
    margin-right: 10px;
    background: #fff;
    float: left;
}

.catetop-main .limitime .limitime-list .img {
    display: block;
    margin-bottom: 5px;
}

.catetop-main .limitime .limitime-list .img img {
    width: 232px;
    height: 232px;
}

.catetop-main .limitime .limitime-list .price {
    color: #f43434;
    font-size: 18px;
    margin: 0 10px;
}

.catetop-main .limitime .limitime-list .price del {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    margin-left: 8px;
}

.catetop-main .limitime .limitime-list .name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 10px 10px;
    font-size: 14px;
    color: #555;
}

.catetop-main .limitime .limitime-list .limitime-btn {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #f43434;
    display: block;
    text-align: center;
    font-size: 14px;
    transition: all .2s;
}

.catetop-main .limitime .limitime-list .limitime-btn:hover {
    background: #ED2626;
}


/*atwillgo*/

.catetop-main .atwillgo {
    margin: 40px 0 0;
}

.catetop-main .atwillgo .awg-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-main .atwillgo .awg-hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-main .atwillgo-slide {
    position: relative;
}

.catetop-main .atwillgo-slide .bd {
    height: auto;
    overflow: hidden;
}

.catetop-main .atwillgo-slide .bd li {
    width: 158px;
    float: left;
    border: 1px dashed #D1D1D1;
    padding: 25px 20px 27px;
}

.catetop-main .atwillgo-slide .bd li .p-img img {
    width: 158px;
    height: 158px;
}

.catetop-main .atwillgo-slide .bd li .p-price {
    text-align: center;
    margin: 10px 0;
}

.catetop-main .atwillgo-slide .bd li .p-name {
    margin-bottom: 10px;
    font-size: 12px;
    height: 54px;
    overflow: hidden;
}

.catetop-main .atwillgo-slide .bd li .p-btn a {
    display: block;
    height: 28px;
    border: 1px solid #f43434;
    color: #f43434;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-main .atwillgo-slide .bd li .p-btn a:hover {
    background: #f43434;
    color: #fff;
}

.catetop-main .atwillgo-slide .hd {
    position: relative;
    height: 0;
}

.catetop-main .atwillgo-slide .hd ul {
    position: absolute;
    right: 0;
    top: -30px;
}

.catetop-main .atwillgo-slide .hd ul li {
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #9f9f9f;
    margin-right: 5px;
    transition: all .2s;
    cursor: pointer;
}

.catetop-main .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #f43434;
}

.catetop-main .atwillgo-slide .prev,
.catetop-main .atwillgo-slide .next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
}

.catetop-main .atwillgo-slide .prev {
    left: 0;
}

.catetop-main .atwillgo-slide .next {
    right: 0;
}

.catetop-main .atwillgo-slide .prev .iconfont,
.catetop-main .atwillgo-slide .next .iconfont {
    font-size: 20px;
    line-height: 70px;
}

.catetop-main .atwillgo-slide:hover .prev,
.catetop-main .atwillgo-slide:hover .next {
    display: block;
}

.catetop-main .atwillgo-slide .prev:hover,
.catetop-main .atwillgo-slide .next:hover {
    background: rgba(0, 0, 0, .5)
}


/*lift*/

.catetop-main .catetop-lift {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%) scale(1, 1);
    -moz-transform: translate(0, -50%) scale(1, 1);
    -ms-transform: translate(0, -50%) scale(1, 1);
    -o-transform: translate(0, -50%) scale(1, 1);
    -webkit-transform: translate(0, -50%) scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
}

.catetop-main .lift-hide {
    transform: translate(0, -50%) scale(0, 0);
    -moz-transform: translate(0, -50%) scale(0, 0);
    -ms-transform: translate(0, -50%) scale(0, 0);
    -o-transform: translate(0, -50%) scale(0, 0);
    -webkit-transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}

.catetop-main .catetop-lift-item {
    width: 40px;
    height: 50px;
    background: #A3A0A1;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    margin-bottom: 2px;
    position: relative;
    transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
}

.catetop-main .catetop-lift-item span {
    position: absolute;
    width: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.catetop-main .catetop-lift-item.lift-item-top {
    background: #6A6364;
    height: 30px;
}

.catetop-main .catetop-lift-item:hover,
.catetop-main .catetop-lift-item.lift-item-current {
    background: #f43434;
}

@media screen and (max-width: 1652px) {
    .catetop-main .catetop-lift {
        left: 15px;
    }
}


/*category-top common end*/


/*category-top-default start*/


/*tree*/

.catetop-default .nav .categorys {}

.catetop-default .nav .categorys .categorys-type {
    background-color: #333;
}

.catetop-default .nav .categorys .categorys-type a {
    padding: 0 10px;
    max-width: 212px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.catetop-default .nav .categorys .categorys-type a .iconfont {
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 8px 0 0;
}

.catetop-default .categorys-tab-content {
    background-color: #333;
    height: 45px;
    width: 1200px;
}

.catetop-default .categorys-tab-content .categorys-item {
    height: 45px;
    cursor: default;
    float: left;
    margin-left: 10px;
}

.catetop-default .categorys-tab-content .item-content {
    position: relative;
    line-height: 45px;
    height: 45px;
    padding: 0;
    margin: 0 10px;
    width: auto;
    z-index: 2;
    background: none;
}

.catetop-default .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-default .categorys-tab-content .item-content:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    top: 41px;
    transform: rotate(45deg);
    display: none;
}

.catetop-default .categorys-tab-content .categorys-item:hover .item-content:before {
    display: block;
}

.catetop-default .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-default .categorys-tab-content .iconfont {
    color: #6BBF33;
}

.catetop-default .categorys-tab-content .categorys-title {
    width: auto;
    margin-left: 0;
}

.catetop-default .categorys-tab-content .categorys-title strong a {}

.catetop-default .categorys-tab-content .categorys-item:hover .iconfont,
.catetop-default .categorys-tab-content .categorys-item:hover .categorys-title strong a,
.catetop-default .categorys-tab-content .categorys-item:hover .categorys-title span a {
    color: #fff;
}

.catetop-default .categorys-items-layer {
    width: 1200px;
    min-height: 54px;
    top: 45px;
    background-color: #fff;
    left: 0;
    overflow: hidden;
    border: 0 none;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.2);
}

.catetop-default .catetop-layer-con {
    padding: 20px 20px 0;
}

.catetop-default .catetop-layer-con .tit {
    font-size: 14px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    float: left;
    border-bottom: 1px solid #bebebe;
}

.catetop-default .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 15px;
}

.catetop-default .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-right: -40px;
    width: 100%;
    margin-left: 3px;
}

.catetop-default .catetop-layer-con .cate-list li {
    float: left;
    font-size: 14px;
    margin-right: 40px;
    word-break: break-all;
    overflow: hidden;
    height: 24px;
    margin-bottom: 10px;
}

.catetop-default .catetop-layer-con .cate-list li a {
    color: #8c8c8c;
}

.catetop-default .catetop-layer-con .cate-list li a:hover {
    color: #f43434;
}

.catetop-default .categorys-items-layer .cate-ad {
    float: left;
    width: 215px;
}

.catetop-default .catetop-tree-blank {
    height: 45px;
    background: #333;
}

.catetop-default .catetop-layer-con .brand-list {
    margin-top: 5px;
    overflow: hidden;
}

.catetop-default .catetop-layer-con .brand-list .brand-item {
    float: left;
    width: 118px;
    height: 58px;
    position: relative;
    text-align: center
}

.catetop-default .catetop-layer-con .brand-list .brand-item a {
    width: 118px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

.catetop-default .catetop-layer-con .brand-list .brand-item a img {
    max-width: 118px;
}


/*banner*/

.catetop-default .catetop-banner {
    height: 390px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-default .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-default .catetop-banner .banner-width a {
    display: block;
    height: 390px;
    width: 1920px;
    margin-left: -360px;
}

.catetop-default .catetop-banner .hd ul {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    margin: 0 auto;
    z-index: 1;
    height: 15px;
    padding: 0;
    background: none;
}

.catetop-default .catetop-banner .hd li {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 3px;
    cursor: pointer;
}

.catetop-default .catetop-banner .hd li.on {
    background: #fff;
}


/*limitime*/

.catetop-default .limitime .limitime-list li {
    width: 199px;
    padding: 20px;
    border: 1px solid #efefef;
    margin-right: -1px;
}

.catetop-default .limitime .limitime-list .img img {
    width: 199px;
    height: 199px;
}

.catetop-default .limitime .limitime-list .limitime-btn {
    height: 40px;
    line-height: 40px;
}


/*toprank*/

.catetop-default .toprank {
    margin: 30px 0;
}

.catetop-default .toprank .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-default .toprank .hd li {
    float: left;
    padding: 0 15px;
    position: relative;
    font-size: 21px;
    cursor: pointer;
}

.catetop-default .toprank .hd li:after {
    content: "";
    width: 0;
    height: 20px;
    position: absolute;
    right: 0;
    top: 14px;
    border-right: 1px solid #d2d2d2;
}

.catetop-default .toprank .hd li:last-child:after {
    display: none;
}

.catetop-default .toprank .hd li.on {
    color: #f43434;
}

.catetop-default .toprank .bd ul {
    height: 320px;
}

.catetop-default .toprank .bd li {
    width: 199px;
    padding: 20px;
    border: 1px solid #efefef;
    margin-right: -1px;
    background: #fff;
    float: left;
    position: relative;
}

.catetop-default .toprank .bd li:before {
    content: "";
    position: absolute;
    font-size: 70px;
    color: #f43434;
    top: 209px;
    left: 5px;
    font-family: 'Lucida Sans Unicode', sans-serif;
}

.catetop-default .toprank .bd li:nth-child(1):before {
    content: "1";
}

.catetop-default .toprank .bd li:nth-child(2):before {
    content: "2";
    opacity: .8;
    filter: alpha(opacity=80);
}

.catetop-default .toprank .bd li:nth-child(3):before {
    content: "3";
    opacity: .6;
    filter: alpha(opacity=60);
}

.catetop-default .toprank .bd li:nth-child(4):before {
    content: "4";
    opacity: .4;
    filter: alpha(opacity=40);
}

.catetop-default .toprank .bd li:nth-child(5):before {
    content: "5";
    opacity: .2;
    filter: alpha(opacity=20);
}

.catetop-default .toprank .bd li .p-name {
    margin: 10px 0 5px 40px;
    height: 36px;
    overflow: hidden;
}

.catetop-default .toprank .bd li .p-price {
    margin-left: 40px;
}


/*catetop-brand*/

.catetop-default .catetop-brand {
    margin: 30px 0;
}

.catetop-default .catetop-brand .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-default .catetop-brand .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-default .catetop-brand .bd ul {
    margin-right: -10px;
}

.catetop-default .catetop-brand .bd .brand-recommend li {
    width: 390px;
    float: left;
    margin: 0 10px 10px 0;
}

.catetop-default .catetop-brand .bd .brand-recommend li .cover {
    float: left;
    width: 200px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .cover img {
    width: 200px;
    height: 200px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info {
    float: right;
    width: 189px;
    height: 198px;
    position: relative;
    border: 1px solid #efefef;
    border-left-width: 0;
    text-align: center;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    left: -6px;
    top: 50%;
    margin-top: -6px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-logo {
    margin-top: 40px;
    margin-bottom: 40px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-logo img {
    width: 60px;
    height: 31px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-name {
    font-size: 14px;
    font-weight: 700;
    color: #f42424;
    margin-bottom: 5px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-name a {
    color: #f43434;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-intro {
    color: #8c8c8c;
}

.catetop-default .catetop-brand .bd .brand-recommend li.reverse .cover {
    float: right;
}

.catetop-default .catetop-brand .bd .brand-recommend li.reverse .info {
    float: left;
    border-left-width: 1px;
    border-right-width: 0;
}

.catetop-default .catetop-brand .bd .brand-recommend li.reverse .info:before {
    left: auto;
    right: -6px;
}

.catetop-default .catetop-brand .bd .brand-slide {
    height: 68px;
    border: 1px solid #efefef;
    position: relative;
    margin-top: 10px;
}

.catetop-default .catetop-brand .bd .brand-slide .prev,
.catetop-default .catetop-brand .bd .brand-slide .next {
    position: absolute;
    font-size: 20px;
    top: 50%;
    color: #999;
    margin-top: -13px;
}

.catetop-default .catetop-brand .bd .brand-slide .prev {
    left: 10px;
}

.catetop-default .catetop-brand .bd .brand-slide .next {
    right: 10px;
}

.catetop-default .catetop-brand .bd .brand-slide .bs-bd {
    margin: 20px 45px;
}

.catetop-default .catetop-brand .bd .brand-slide .bs-bd li {
    float: left;
    width: 110px;
    text-align: center;
    border-right: 1px dashed #efefef;
}

.catetop-default .catetop-brand .bd .brand-slide .bs-bd li img {
    height: 30px;
    width: auto;
}


/*floor*/

.catetop-default .catetop-floor {
    margin: 30px 0;
}

.catetop-default .catetop-floor .f-banner {
    overflow: hidden;
}

.catetop-default .catetop-floor .f-banner a {
    float: left;
    margin-top: 10px;
    margin-bottom: 34px;
}

.catetop-default .catetop-floor .f-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-default .catetop-floor .f-hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-default .catetop-floor .f-bd li {
    float: left;
}

.catetop-default .catetop-floor .f-bd .goods-item {
    margin: 0 -1px -1px 0;
    padding: 20px;
    width: 199px;
    border: 1px solid #efefef;
    height: 238px;
}

.catetop-default .catetop-floor .f-bd .goods-item .p-img {
    text-align: center;
}

.catetop-default .catetop-floor .f-bd .goods-item .p-img img {
    width: 167px;
    height: 167px;
}

.catetop-default .catetop-floor .f-bd .goods-item .p-name {
    font-size: 12px;
    height: 34px;
    margin: 10px 0 5px;
    overflow: hidden;
}

.catetop-default .catetop-floor .f-bd .first {
    margin-bottom: -1px;
}


/*category-top-default end*/


/*catogory-top-cloth start*/

.catetop-cloth .dsc-search .search-text {
    border-color: #FD5F8E;
}

.catetop-cloth .dsc-search .button {
    background-color: #FD5F8E;
}

.catetop-cloth .dsc-search .button-store {
    background-color: #BD1044;
}

.catetop-cloth .dsc-zoom {
    border-bottom-color: #EE356C;
}


/*tree*/

.catetop-cloth .nav .nav-main {
    width: 940px;
}

.catetop-cloth .nav .categorys {
    width: 250px;
}

.catetop-cloth .nav .categorys .categorys-type {
    background-color: #EE356C;
}

.catetop-cloth .categorys-tab-content {
    background-color: #FD5F8E;
    height: 450px;
}

.catetop-cloth .categorys-tab-content .categorys-item {
    height: 90px;
    cursor: default;
}

.catetop-cloth .categorys-tab-content .categorys-item:hover {
    background-color: #E02B61;
}

.catetop-cloth .categorys-tab-content .item-content {
    position: relative;
    padding: 14.5px 0;
    margin: 0 10px;
    width: 230px;
    background: none;
    border-bottom: 1px dashed #FE8FB0;
}

.catetop-cloth .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-cloth .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-cloth .categorys-tab-content .iconfont {
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 12px;
}

.catetop-cloth .categorys-tab-content .categorys-title {
    margin-left: 0;
    width: auto;
}

.catetop-cloth .categorys-tab-content .categorys-title strong {
    margin-bottom: 3px;
}

.catetop-cloth .categorys-tab-content .categorys-title strong a {
    font-weight: 700;
}

.catetop-cloth .categorys-tab-content .categorys-title span {
    margin-right: -10px;
}

.catetop-cloth .categorys-tab-content .categorys-title span a {
    color: #fff;
    font-size: 12px;
    display: block;
    float: left;
    height: 18px;
    width: 64px;
    word-break: break-all;
    overflow: hidden;
}

.catetop-cloth .categorys-tab-content .categorys-title span a:hover,
.catetop-cloth .categorys-tab-content .categorys-title strong a:hover {
    color: #fff;
}

.catetop-cloth .categorys-items-layer {
    border: 1px solid #E02B61;
    border-left: 0 none;
    width: 420px;
    min-height: 448px;
    left: 250px;
}

.catetop-cloth .catetop-layer-con {
    padding: 20px 20px 0;
}

.catetop-cloth .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 10px;
}

.catetop-cloth .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-bottom: 40px;
    width: 190px;
    float: left;
}

.catetop-cloth .catetop-layer-con .cate-list li {
    float: left;
    width: 46%;
    margin-right: 2%;
    word-break: break-all;
    overflow: hidden;
    height: 18px;
    margin-bottom: 10px;
}

.catetop-cloth .catetop-layer-con .cate-logo {
    overflow: hidden;
    margin-right: -20px;
    width: 210px;
    float: left;
}

.catetop-cloth .catetop-layer-con .cate-logo li {
    float: left;
    width: 90px;
    height: 45px;
    border: 1px solid #eaeaea;
    margin: 0 10px 10px 0;
    text-align: center;
    overflow: hidden;
}

.catetop-cloth .catetop-layer-con .cate-logo li a {
    width: 90px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
}

.catetop-cloth .catetop-layer-con .cate-logo li img {
    max-width: 90px;
    max-height: 45px;
}


/*banner*/

.catetop-cloth .catetop-banner {
    height: 450px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-cloth .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-cloth .catetop-banner .banner-width a {
    display: block;
    height: 450px;
    width: 950px;
    margin-left: 250px;
}

.catetop-cloth .catetop-banner .cloth-hd {
    position: relative;
    top: -5px;
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
}

.catetop-cloth .catetop-banner .cloth-hd li {
    float: left;
    width: 189px;
    height: 5px;
    background: #555;
    margin-left: 1px;
    cursor: pointer;
}

.catetop-cloth .catetop-banner .cloth-hd li.on {
    background: #FC5F8D;
}

.catetop-cloth .catetop-banner .cloth-hd li:first-child {
    margin-left: 251px;
}


/*limitime*/

.catetop-cloth .limitime .limitime-list .limitime-btn {
    background: #FC5F8D;
}

.catetop-cloth .limitime .limitime-list .limitime-btn:hover {
    background: #ED386B;
}


/*selectbrand*/

.catetop-cloth .selectbrand {
    margin: 30px 0;
}

.catetop-cloth .selectbrand .sb-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-cloth .selectbrand .sb-hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-cloth .selectbrand-slide {
    position: relative;
}

.catetop-cloth .selectbrand-slide .bd {
    height: 371px;
    overflow: hidden;
}

.catetop-cloth .selectbrand-slide .bd li {
    width: 232px;
    margin-right: 10px;
    background: #f7f7f7;
    float: left;
}

.catetop-cloth .selectbrand-slide .bd .cover {
    width: 232px;
    height: 232px;
}

.catetop-cloth .selectbrand-slide .bd .logo-wrap {
    height: 80px;
    text-align: center;
    width: 80px;
    margin: -20px auto 20px;
}

.catetop-cloth .selectbrand-slide .bd .sbs-logo {
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    position: relative;
}

.catetop-cloth .selectbrand-slide .bd .sbs-logo img {
    max-width: 80%;
    height: auto;
}

.catetop-cloth .selectbrand-slide .bd .intro {
    text-align: center;
    padding-bottom: 20px;
}

.catetop-cloth .selectbrand-slide .bd .intro span {
    display: block;
    font-size: 14px;
    color: #555
}

.catetop-cloth .selectbrand-slide .bd .intro em {
    display: block;
    color: #8c8c8c;
}

.catetop-cloth .selectbrand-slide .hd {
    position: relative;
    height: 0;
}

.catetop-cloth .selectbrand-slide .hd ul {
    position: absolute;
    right: 0;
    top: -30px;
}

.catetop-cloth .selectbrand-slide .hd ul li {
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #9F9F9F;
    margin-right: 5px;
    transition: all .2s;
}

.catetop-cloth .selectbrand-slide .hd ul li.on {
    width: 20px;
    background: #FC5F8D;
}

.catetop-cloth .selectbrand-slide .prev,
.catetop-cloth .selectbrand-slide .next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
}

.catetop-cloth .selectbrand-slide .prev {
    left: 0;
}

.catetop-cloth .selectbrand-slide .next {
    right: 0;
}

.catetop-cloth .selectbrand-slide .prev .iconfont,
.catetop-cloth .selectbrand-slide .next .iconfont {
    font-size: 20px;
    line-height: 70px;
}

.catetop-cloth .selectbrand-slide:hover .prev,
.catetop-cloth .selectbrand-slide:hover .next {
    display: block;
}

.catetop-cloth .selectbrand-slide .prev:hover,
.catetop-cloth .selectbrand-slide .next:hover {
    background: rgba(0, 0, 0, .5)
}


/*floor*/

.catetop-cloth .catetop-floor {
    margin: 30px 0;
}

.catetop-cloth .catetop-floor .f-hd {
    height: 50px;
}

.catetop-cloth .catetop-floor .f-hd h2 {
    font-size: 21px;
    line-height: 50px;
    float: left;
}

.catetop-cloth .catetop-floor .f-hd h3 {
    font-size: 14px;
    height: 50px;
    line-height: 63px;
    color: #8c8c8c;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}

.catetop-cloth .catetop-floor .f-hd .extra {
    height: 50px;
    float: right;
    overflow: hidden;
}

.catetop-cloth .catetop-floor .f-hd .extra .fgoods-hd {
    margin-top: 10px;
}

.catetop-cloth .catetop-floor .f-hd .extra .fgoods-hd li {
    min-width: 48px;
    height: 28px;
    border: 1px solid #d1d1d1;
    border-radius: 15px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    float: left;
    margin-left: 15px;
    padding: 0 10px;
}

.catetop-cloth .catetop-floor .f-hd .extra .fgoods-hd li.on {
    color: #fc5f8d;
    border-color: #FC5F8D;
}

.catetop-cloth .catetop-floor .f-bd {}

.catetop-cloth .catetop-floor .f-bd .bd-left {
    width: 400px;
    height: 660px;
    float: left;
}

.catetop-cloth .catetop-floor .f-bd .bd-left .l-ad img {
    width: 400px;
    height: 660px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right {
    float: left;
    width: 800px;
    height: 660px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-top {
    height: 170px;
    border: 1px solid #ededed;
    border-left: 0 none;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-top .rt-ad {
    float: left;
    height: 170px;
    width: 399px;
    border-right: 1px solid #ededed;
    overflow: hidden;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-top .rt-ad:last-child {
    border-right: 0 none;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom {
    height: 488px;
    overflow: hidden;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list {
    margin-right: -4px;
    height: 488px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list li {
    float: left;
    width: 159px;
    height: 203px;
    padding: 20px;
    border: 1px solid #ededed;
    font-size: 14px;
    text-align: center;
    margin: -1px 0 0 -1px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list .p-img img {
    width: 159px;
    height: 159px;
    margin-bottom: 8px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list .p-name {
    margin-bottom: 5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-cloth .catetop-floor .f-bd .brands {
    width: 100%;
    height: 70px;
}

.catetop-cloth .catetop-floor .f-bd .brands li {
    width: 120px;
    height: 70px;
    text-align: center;
    float: left;
    position: relative;
}

.catetop-cloth .catetop-floor .f-bd .brands li a {
    display: table-cell;
    width: 120px;
    height: 70px;
    vertical-align: middle;
}

.catetop-cloth .catetop-floor .f-bd .brands li img {
    max-width: 80%;
    height: auto;
}


/*atwillgo*/

.catetop-cloth .atwillgo-slide .bd li .p-btn a {
    display: block;
    height: 28px;
    border: 1px solid #FC5F8D;
    color: #FC5F8D;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-cloth .atwillgo-slide .bd li .p-btn a:hover {
    background: #FC5F8D;
    color: #fff;
}

.catetop-cloth .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #FC5F8D;
}


/*lift*/

.catetop-cloth .catetop-lift-item:hover,
.catetop-cloth .catetop-lift-item.lift-item-current {
    background: #FC5F8D;
}


/*catogory-top-cloth end*/


/*catogory-top-food start*/

.catetop-food .dsc-search .search-text {
    border-color: #6CC133;
}

.catetop-food .dsc-search .button {
    background-color: #6CC133;
}

.catetop-food .dsc-search .button-store {
    background-color: #327C00;
}

.catetop-food .dsc-zoom {
    border-bottom-color: #6CC133;
}


/*tree*/

.catetop-food .nav .categorys {
    width: 216px;
}

.catetop-food .nav .categorys .categorys-type {
    background-color: #6CC133;
}

.catetop-food .categorys-tab-content {
    background-color: #fff;
    height: 420px;
}

.catetop-food .categorys-tab-content .categorys-item {
    height: 60px;
    cursor: default;
}

.catetop-food .categorys-tab-content .categorys-item:hover {
    background-color: #44A811;
}

.catetop-food .categorys-tab-content .item-content {
    position: relative;
    padding: 8.5px 0;
    margin: 0 10px;
    width: 196px;
    background: none;
    border-bottom: 1px dashed #d2d2d2;
    z-index: 2;
}

.catetop-food .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-food .categorys-tab-content .item-content:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #44A811;
    right: -15px;
    top: 25px;
    transform: rotate(45deg);
    display: none;
}

.catetop-food .categorys-tab-content .categorys-item:hover .item-content:before {
    display: block;
}

.catetop-food .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-food .categorys-tab-content .iconfont {
    color: #6BBF33;
}

.catetop-food .categorys-tab-content .categorys-title {
    width: 170px;
}

.catetop-food .categorys-tab-content .categorys-title strong {
    margin-bottom: 3px;
}

.catetop-food .categorys-tab-content .categorys-title strong a {
    font-weight: 700;
    color: #555;
}

.catetop-food .categorys-tab-content .categorys-title span {
    margin-right: -10px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-food .categorys-tab-content .categorys-title span a {
    color: #555;
    font-size: 12px;
    float: left;
    height: 18px;
    word-break: break-all;
    overflow: hidden;
    max-width: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-food .categorys-tab-content .categorys-title span a:last-child {
    margin-right: 0;
}

.catetop-food .categorys-tab-content .categorys-title span a:hover,
.catetop-food .categorys-tab-content .categorys-title strong a:hover {
    color: #fff;
}

.catetop-food .categorys-tab-content .categorys-item:hover .iconfont,
.catetop-food .categorys-tab-content .categorys-item:hover .categorys-title strong a,
.catetop-food .categorys-tab-content .categorys-item:hover .categorys-title span a {
    color: #fff;
}

.catetop-food .categorys-items-layer {
    width: 230px;
    min-height: 398px;
    top: 10px;
    background-color: rgba(255, 255, 255, .9);
    left: 216px;
    box-shadow: 0 0 0 0 transparent;
}

.catetop-food .catetop-layer-con {
    padding: 20px 20px 0;
}

.catetop-food .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 10px;
}

.catetop-food .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-bottom: 40px;
    margin-left: 23px;
    height: 220px;
}

.catetop-food .catetop-layer-con .cate-list li {
    float: left;
    width: 46%;
    margin-right: 2%;
    word-break: break-all;
    overflow: hidden;
    height: 18px;
    margin-bottom: 10px;
}

.catetop-food .catetop-layer-con .cate-ad {
    margin-left: -10px;
}


/*banner*/

.catetop-food .catetop-banner {
    height: 420px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-food .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-food .catetop-banner .banner-width a {
    display: block;
    height: 420px;
    width: 1920px;
    margin-left: -360px;
}

.catetop-food .catetop-banner .food-hd {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    margin: 0 auto;
    z-index: 1;
    height: 15px;
}

.catetop-food .catetop-banner .food-hd li {
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .8);
    margin: 0 3px;
    cursor: pointer;
    font-size: 0;
}

.catetop-food .catetop-banner .food-hd li.on {
    background: #fff;
}

.catetop-food .catetop-banner .banner-ad {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    z-index: 3;
}

.catetop-food .catetop-banner .banner-ad .w {
    position: relative;
}

.catetop-food .catetop-banner .banner-ad .list {
    position: absolute;
    right: 0;
    width: 180px;
}


/*bestad*/

.catetop-food .bestad {
    margin: 40px 0 30px;
}

.catetop-food .bestad .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-food .bestad .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-food .bestad .bd {
    margin-right: -10px;
}

.catetop-food .bestad .bd a {
    float: left;
}

.catetop-food .bestad .bd img {
    width: 240px;
    height: 350px;
}


/*catetop-floor*/

.catetop-food .catetop-floor {
    margin: 30px 0;
}

.catetop-food .catetop-floor .f-hd {
    height: 50px;
    border-bottom: 2px solid #6CC133;
    margin-bottom: 20px;
}

.catetop-food .catetop-floor .f-hd h2 {
    font-size: 21px;
    line-height: 50px;
    float: left;
}

.catetop-food .catetop-floor .f-hd .extra {
    height: 50px;
    float: right;
}

.catetop-food .catetop-floor .f-hd .extra .fgoods-hd {
    margin-top: 10px;
    font-size: 14px;
}

.catetop-food .catetop-floor .f-hd .extra .fgoods-hd li {
    padding: 0 20px;
    height: 38px;
    border: 1px solid #f8f8f8;
    line-height: 38px;
    background: #fff;
    cursor: pointer;
    float: left;
    margin-left: 8px;
}

.catetop-food .catetop-floor .f-hd .extra .fgoods-hd li.on {
    color: #6CC133;
    padding: 0 19px;
    line-height: 36px;
    border: 2px solid #6CC133;
    border-bottom-color: #fff;
}

.catetop-food .catetop-floor .f-bd .bd-left {
    float: left;
    width: 580px;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide {
    width: 580px;
    height: 440px;
    position: relative;
    overflow: hidden;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-bd li {
    height: 440px;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-hd {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-hd li {
    float: left;
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    margin: 0 3px;
    cursor: pointer;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-hd li.on {
    background: #fff;
}

.catetop-food .catetop-floor .f-bd .bd-right {
    float: left;
    width: 600px;
    margin-left: 20px;
    margin-top: -17px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list li {
    float: left;
    width: 200px;
    font-size: 14px;
    margin-top: 17px;
    position: relative;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-img {
    text-align: center;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-img img {
    width: 160px;
    height: 160px;
    margin-bottom: 8px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-name {
    width: 160px;
    margin: 0 auto 3px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-price {
    width: 160px;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-btn {
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #6CC133;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: none;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-btn .iconfont {
    margin-right: 5px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list li:hover .p-btn {
    display: block;
}

.catetop-food .catetop-floor .f-bd .brands {
    display: table;
    width: 100%;
    height: 70px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.catetop-food .catetop-floor .f-bd .brands li {
    width: 120px;
    height: 70px;
    text-align: center;
    float: left;
}

.catetop-food .catetop-floor .f-bd .brands li a {
    display: table-cell;
    width: 120px;
    height: 70px;
    vertical-align: middle;
}

.catetop-food .catetop-floor .f-bd .brands li img {
    max-width: 120px;
    height: auto;
}

.catetop-food .catetop-floor .f-bd .f-banner img {
    max-width: 100%;
    height: auto;
}


/*atwillgo*/

.catetop-food .catetop-main .atwillgo-slide .bd li .p-btn a {
    display: block;
    height: 28px;
    border: 1px solid #6CC133;
    color: #6CC133;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-food .catetop-main .atwillgo-slide .bd li .p-btn a:hover {
    background: #6CC133;
    color: #fff;
}

.catetop-food .catetop-main .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #6CC133;
}


/*lift*/

.catetop-food .catetop-main .catetop-lift-item {
    margin-bottom: -1px;
    border: 1px solid #6CC133;
    background: #fff;
    color: #555;
    width: 45px;
}

.catetop-food .catetop-main .catetop-lift-item.lift-item-top {
    background: #B5E099;
    color: #fff;
    border: 0 none;
    margin-top: 1px;
    width: 47px;
}

.catetop-food .catetop-main .catetop-lift-item:hover,
.catetop-food .catetop-main .catetop-lift-item.lift-item-current {
    background: #6CC133;
    color: #fff;
}


/*catogory-top-food start*/


/*catogory-top-jiadian start*/

.catetop-jiadian .dsc-search .search-text {
    border-color: #2984EB;
}

.catetop-jiadian .dsc-search .button {
    background-color: #2984EB;
}

.catetop-jiadian .dsc-search .button-store {
    background-color: #434D55;
}

.catetop-jiadian .dsc-zoom {
    border-bottom: 0 none;
}


/*tree*/

.catetop-jiadian .nav .categorys {
    width: 200px;
}

.catetop-jiadian .nav .categorys .categorys-type {
    background-color: #027BD6;
    padding-bottom: 0;
}

.catetop-jiadian .categorys-tab-content {
    background-color: #2984EB;
    height: 400px;
}

.catetop-jiadian .categorys-tab-content .categorys-item {
    height: 80px;
    cursor: default;
}

.catetop-jiadian .categorys-tab-content .categorys-item:hover {
    background-color: #006BBC;
}

.catetop-jiadian .categorys-tab-content .item-content {
    position: relative;
    padding: 18.5px 0;
    margin: 0 10px;
    width: 180px;
    background: none;
    border-bottom: 1px dashed #4B94E6;
    z-index: 2;
}

.catetop-jiadian .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-jiadian .categorys-tab-content .item-content:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #006BBC;
    right: -15px;
    top: 25px;
    transform: rotate(45deg);
    display: none;
}

.catetop-jiadian .categorys-tab-content .categorys-item:hover .item-content:before {
    display: block;
}

.catetop-jiadian .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-jiadian .categorys-tab-content .iconfont {
    color: #6BBF33;
}

.catetop-jiadian .categorys-tab-content .categorys-title {
    width: 154px;
}

.catetop-jiadian .categorys-tab-content .categorys-title strong {
    margin-bottom: 3px;
}

.catetop-jiadian .categorys-tab-content .categorys-title strong a {
    font-weight: 700;
}

.catetop-jiadian .categorys-tab-content .categorys-title span {
    margin-right: -10px;
    height: 18px;
    display: block;
    overflow: hidden;
}

.catetop-jiadian .categorys-tab-content .categorys-title span a {
    color: #fff;
    font-size: 12px;
    float: left;
    height: 18px;
    word-break: break-all;
    overflow: hidden;
}

.catetop-jiadian .categorys-tab-content .categorys-item:hover .iconfont,
.catetop-jiadian .categorys-tab-content .categorys-item:hover .categorys-title strong a,
.catetop-jiadian .categorys-tab-content .categorys-item:hover .categorys-title span a {
    color: #fff;
}

.catetop-jiadian .categorys-items-layer {
    width: 445px;
    min-height: 378px;
    top: 10px;
    background-color: #fff;
    left: 200px;
    box-shadow: 0 0 0 0 transparent;
    overflow: hidden;
    border: 0 none;
}

.catetop-jiadian .catetop-layer-con {
    padding: 20px 20px 0;
    width: 190px;
    float: left;
}

.catetop-jiadian .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 15px;
}

.catetop-jiadian .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-right: -10px;
    height: 310px;
}

.catetop-jiadian .catetop-layer-con .cate-list li {
    float: left;
    width: 90px;
    margin-right: 10px;
    word-break: break-all;
    overflow: hidden;
    height: 24px;
    margin-bottom: 10px;
}

.catetop-jiadian .catetop-layer-con .cate-list li a {
    display: block;
    background: #F8F8F8;
    text-align: center;
    line-height: 2;
}

.catetop-jiadian .catetop-layer-con .cate-list li a:hover {
    background: #434D55;
    color: #fff;
}

.catetop-jiadian .categorys-items-layer .cate-ad {
    float: left;
    width: 215px;
}


/*banner*/

.catetop-jiadian .catetop-banner {
    height: 400px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-jiadian .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-jiadian .catetop-banner .banner-width a {
    display: block;
    height: 400px;
    width: 1920px;
    margin-left: -360px;
}


/*.catetop-jiadian .catetop-banner .hd{ position: absolute; bottom: 12px; left: 50%; transform: translate(-50%,0); background-color: #F2F8FB; width: auto; margin: 0 auto; z-index: 1; height: 35px;}
.catetop-jiadian .catetop-banner .hd li{ float: left; width: 117px; height: 35px; line-height: 35px; cursor: pointer; position: relative;}
.catetop-jiadian .catetop-banner .hd li:after{content: ""; position: absolute; height: 12px; width: 0; border-right: 1px solid #CECECE; top: 11px; right: 0;}
.catetop-jiadian .catetop-banner .hd li:last-child:after{ border-right: 0 none; }
.catetop-jiadian .catetop-banner .hd li.on{ color: #2E84E9; }
.catetop-jiadian .catetop-banner .hd li.on:before{ content: "";position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-top: 2px solid #2e84e9; }*/

.catetop-jiadian .catetop-banner .banner-ad {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    z-index: 3;
}

.catetop-jiadian .catetop-banner .banner-ad .w {
    position: relative;
}

.catetop-jiadian .catetop-banner .banner-ad a {
    position: absolute;
    right: 0;
    width: 222px;
    top: 44px;
}


/*hotrecommend*/

.catetop-jiadian .hotrecommend {
    margin: 40px 0 30px;
}

.catetop-jiadian .hotrecommend .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
    border-bottom: 2px solid #434D55;
    padding-bottom: 5px;
}

.catetop-jiadian .hotrecommend .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-jiadian .hotrecommend .hd .extra {
    float: right;
    height: 42px;
}

.catetop-jiadian .hotrecommend .hd .extra .hr-slide-hd ul {
    overflow: hidden;
    margin-top: 11px;
}

.catetop-jiadian .hotrecommend .hd .extra .hr-slide-hd li {
    float: left;
    font-size: 14px;
    padding: 3px 15px;
    cursor: pointer;
    border-right: 1px solid #ededed;
    line-height: 1.2;
}

.catetop-jiadian .hotrecommend .hd .extra .hr-slide-hd li.on {
    color: #006BBC;
    font-weight: 700;
}

.catetop-jiadian .hotrecommend .bd {
    margin-right: -10px;
    height: 295px;
    overflow: hidden;
}

.catetop-jiadian .hotrecommend .bd li {
    float: left;
    padding: 20px 20px 0;
    width: 159px;
    border: 1px solid #ededed;
    margin-right: -1px;
    text-align: center;
}

.catetop-jiadian .hotrecommend .bd li .p-img img {
    margin-bottom: 5px;
}

.catetop-jiadian .hotrecommend .bd li .p-price {
    font-size: 16px;
}

.catetop-jiadian .hotrecommend .bd li .p-name {
    overflow: hidden;
    height: 38px;
    margin: 5px 0 10px;
}

.catetop-jiadian .hotrecommend .bd li .p-name a {
    display: block;
    height: 38px;
    overflow: hidden;
}

.catetop-jiadian .hotrecommend .bd li .p-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #f43434;
    visibility: hidden;
    margin: 0 -20px;
}

.catetop-jiadian .hotrecommend .bd li:hover .p-btn {
    visibility: visible;
}


/*catetop-brand*/

.catetop-jiadian .catetop-brand {
    margin: 30px 0;
}

.catetop-jiadian .catetop-brand .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-jiadian .catetop-brand .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-jiadian .catetop-brand .cb-l,
.catetop-jiadian .catetop-brand .cb-m,
.catetop-jiadian .catetop-brand .cb-r {
    float: left;
    height: 300px;
}

.catetop-jiadian .catetop-brand .cb-l {
    width: 350px;
}

.catetop-jiadian .catetop-brand .cb-m {
    width: 400px;
}

.catetop-jiadian .catetop-brand .cb-r {
    width: 450px;
}

.catetop-jiadian .catetop-brand .cb-r li {
    float: left;
    border: 1px solid #ededed;
    width: 148px;
    height: 74px;
    margin: 0 -1px -1px 0;
    text-align: center;
}

.catetop-jiadian .catetop-brand .cb-r li a {
    width: 148px;
    height: 74px;
    display: table-cell;
    vertical-align: middle;
}

.catetop-jiadian .catetop-brand .cb-r li img {
    max-width: 148px;
    max-height: 74px;
}


/*catetop-floor*/

.catetop-jiadian .catetop-floor {
    margin: 30px 0;
}

.catetop-jiadian .catetop-floor .f-hd {
    height: 50px;
    border-bottom: 1px solid #2E84E9;
    margin-bottom: 20px;
}

.catetop-jiadian .catetop-floor .f-hd h2 {
    font-size: 21px;
    line-height: 50px;
    float: left;
}

.catetop-jiadian .catetop-floor .f-hd .extra {
    height: 50px;
    float: right;
}

.catetop-jiadian .catetop-floor .f-hd .extra .fgoods-hd {
    margin-top: 10px;
    font-size: 14px;
}

.catetop-jiadian .catetop-floor .f-hd .extra .fgoods-hd li {
    padding: 0 20px;
    height: 38px;
    border: 1px solid #f8f8f8;
    line-height: 38px;
    background: #fff;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    font-size: 12px;
}

.catetop-jiadian .catetop-floor .f-hd .extra .fgoods-hd li.on {
    color: #2E84E9;
    height: 39px;
    border: 1px solid #2E84E9;
    border-bottom-color: #fff;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left {
    float: left;
    width: 280px;
    position: relative;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-ad {
    width: 280px;
    height: 460px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-menu {
    position: absolute;
    width: 200px;
    top: 330px;
    left: 46px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-menu a {
    float: left;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 10px 0;
    opacity: .7;
    filter: alpha(opacity=70);
    background: rgba(0, 0, 0, .4);
    color: #fff;
    transition: all .2s;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-menu a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.catetop-jiadian .catetop-floor .f-bd .bd-right {
    float: left;
    width: 920px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li {
    float: left;
    width: 168px;
    font-size: 14px;
    text-align: center;
    margin: 0 -1px -1px 0;
    position: relative;
    padding: 14px;
    border: 1px solid #ededed;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-img {
    text-align: center;
    width: 143px;
    height: 143px;
    margin: 0 auto;
    position: relative;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-img a {
    display: table-cell;
    vertical-align: middle;
    width: 143px;
    height: 143px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-img img {
    width: 143px;
    height: 143px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-name {
    margin: 11px 0 5.5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-price {
    text-align: center;
    font-size: 14px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first {
    width: 280px;
    padding: 24px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img {
    width: 280px;
    height: 280px;
    position: relative;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img a {
    display: table-cell;
    vertical-align: middle;
    width: 280px;
    height: 280px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img img {
    width: 100%;
    height: 100%;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-info {
    background: #F5F9FF;
    padding: 14px 14px;
    margin-top: 20px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-name {
    font-size: 12px;
    text-align: left;
    height: 36px;
    overflow: hidden;
    margin-bottom: 10px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle {
    overflow: hidden;
    height: 36px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-price {
    float: left;
    color: #f43434;
    font-size: 21px;
    width: 140px;
    text-align: left;
    overflow: hidden;
    height: 36px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-btn {
    float: right;
    background: #f43434;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 110px;
}

.catetop-jiadian .catetop-floor .f-bd .brands {
    width: 100%;
    height: 70px;
}

.catetop-jiadian .catetop-floor .f-bd .brands li {
    width: 120px;
    height: 70px;
    text-align: center;
    float: left;
    vertical-align: middle;
}

.catetop-jiadian .catetop-floor .f-bd .brands li a {
    display: table-cell;
    width: 120px;
    height: 70px;
    vertical-align: middle;
}

.catetop-jiadian .catetop-floor .f-bd .brands li img {
    max-width: 80%;
    height: auto;
}

.catetop-jiadian .catetop-floor .f-bd .f-banner img {
    max-width: 100%;
    height: auto;
}


/*lift*/

.catetop-jiadian .catetop-main .catetop-lift-item {
    background: #E9E9E9;
    color: #555;
    width: 45px;
}

.catetop-jiadian .catetop-main .catetop-lift-item.catetop-lift-top {
    background: #C8C8C8;
    color: #fff;
}

.catetop-jiadian .catetop-main .catetop-lift-item.catetop-lift-top .iconfont {
    font-size: 21px;
}

.catetop-jiadian .catetop-main .catetop-lift-item:hover,
.catetop-jiadian .catetop-main .catetop-lift-item.lift-item-current {
    background: #2984EB;
    color: #fff;
}


/*catogory-top-jiadian start*/


/*feedback start*/

.feedback-main {
    background: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 40px;
}

.feedback-main .feedback-title {
    text-align: center;
    font-size: 21px;
    color: #8c8c8c;
    font-weight: 700;
    margin-bottom: 40px;
}

.feedback-tip {
    margin-bottom: 30px;
}

.feedback-tip .avatar {
    float: left;
    width: 80px;
}

.feedback-tip .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.feedback-tip .avatar p {
    font-size: 14px;
    margin-top: 5px;
}

.feedback-tip .message {
    float: left;
    width: 850px;
    background: #fff;
    padding: 28px 45px;
    border-radius: 10px;
    margin-left: 55px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 2;
    position: relative;
}

.feedback-tip .message:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    left: -9.14px;
    top: 30px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.feedback-tip-two .message:before {
    left: 10px;
}

.feedback-tip-two .message:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    right: -9.14px;
    top: 30px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.feedback-write .avatar,
.feedback-tip-two .avatar {
    float: right;
    width: 80px;
}

.feedback-write .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.feedback-write .avatar p {
    font-size: 14px;
    margin-top: 5px;
}

.feedback-write .message {
    float: right;
    width: 850px;
    background: #fff;
    padding: 28px 45px;
    border-radius: 10px;
    margin-right: 55px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 2;
    position: relative;
}

.feedback-write .message:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    right: -9.14px;
    top: 30px;
    transform: rotate(45deg);
}

.feedback-write .message .feedback-form .form-row {
    margin-bottom: 20px;
}

.feedback-write .message .feedback-form .ff-hd {
    font-weight: 700;
    font-size: 14px;
    color: #555;
    margin: 0 0 10px;
}

.feedback-write .message .feedback-form .radio-item .ui-radio-label {
    margin-right: 40px;
}

.feedback-write .message .feedback-form .imitate_select {
    height: 38px;
    line-height: 38px;
    width: 198px;
}

.feedback-write .message .feedback-form .imitate_select .cite span {
    font-size: 14px;
    color: #d2d2d2;
}

.feedback-write .message .feedback-form .imitate_select .iconfont {
    margin-top: 14px;
}

.feedback-write .message .feedback-form .imitate_select ul {
    top: 38px;
}

.feedback-write .message .feedback-form .imitate_select ul li {
    font-size: 14px;
}

.feedback-write .message .feedback-form .textarea {
    width: 630px;
}

.feedback-write .message .feedback-form .text {
    height: 38px;
    line-height: 38px;
    float: left;
}

.feedback-write .message .feedback-form .sc-btn {
    height: 40px;
    line-height: 40px;
    width: 120px;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
}

.feedback-write .message .feedback-form .captcha_input .text {
    height: 28px;
    line-height: 28px;
    margin-right: 0;
}

.feedback-write .message .feedback-form .form_prompt {
    line-height: 40px;
}

.message .item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.message .item {
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdcdc;
}

.message .item:last-child {
    margin-bottom: 10px;
}

.message .item .item-l {
    margin-bottom: 10px;
    overflow: hidden;
}

.message .item .item-l h2 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
    float: left;
}

.message .item .item-l .time {
    float: right;
}

.message .item .item-r {
    width: 848px;
    float: left;
}

.message .item .item-r .content-item-tit {
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 6px;
}

.message .item .item-r .content-item-tit .tit {
    color: #666;
    line-height: 28px;
}

.message .item .item-r .content-item-tit .ftx-10 {
    color: #999;
}

.message .item .item-r .content-item-tit a {
    color: #4f71c6;
}

.message .item .item-r .hf {
    overflow: hidden;
    margin: 0 0 15px;
    color: #ff0000;
    font-size: 14px;
}

.message .item .item-r .hf h3 {
    float: left;
    color: #999;
}

.message .item .item-r .msg_content {
    float: left;
}


/*feedback end*/


/*article start*/

.logoText {
    float: left;
    font-size: 20px;
    color: #8c8c8c;
    line-height: 100px;
}


/*rewrite*/

.article-page .header {
    padding-bottom: 0;
}

.article-page .dsc-search {
    float: right;
    width: auto;
}

.article-page .dsc-search .search-text {
    border-width: 1px;
    height: 16px;
}

.article-page .dsc-search .button {
    width: 50px;
}

.article-page .dsc-search .button .iconfont {
    position: static;
    color: #fff;
    line-height: inherit;
    font-size: 21px;
    font-weight: 100;
}


/*content*/

.article-content {
    background: #f8f8f8;
}


/*side*/

.article-side {
    float: left;
    width: 230px;
    margin-right: 20px;
}

.article-side .article-menu {
    background: #fff;
    margin-bottom: 10px;
}

.article-side .article-menu .am-t a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #333333;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.article-side .article-menu .am-c .menu-item .item-hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    padding: 0 20px;
    position: relative;
}

.article-side .article-menu .am-c .menu-item .item-hd a {
    font-size: 14px;
    font-weight: 700;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.article-side .article-menu .am-c .menu-item .item-hd .iconfont {
    position: absolute;
    right: 20px;
    top: 12px;
    color: #8c8c8c;
    cursor: pointer;
    width: 16px;
    height: 17px;
    line-height: 17px;
}

.article-side .article-menu .am-c .menu-item .item-bd {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.article-side .article-menu .am-c .menu-item .item-bd li {
    display: block;
    line-height: 35px;
    padding-left: 40px;
    position: relative;
    font-size: 14px;
}

.article-side .article-menu .am-c .menu-item .item-bd li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border: 1px solid #666;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(-45deg);
    left: 24px;
    top: 16px;
}

.article-side .article-menu .am-c .menu-item .item-bd a {
    color: #555;
    display: block;
}

.article-side .article-menu .am-c .menu-item .item-bd a:hover,
.article-side .article-menu .am-c .menu-item .item-bd a.current {
    color: #f43434;
}

.article-side .side-goods {
    position: relative;
    padding: 20px;
    background: #fff;
    margin-bottom: 10px;
}

.article-side .side-goods .prev,
.article-side .side-goods .next {
    content: "";
    text-align: center;
    height: 70px;
    width: 30px;
    margin-top: -35px;
    line-height: 70px;
    position: absolute;
    top: 50%;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    z-index: 3;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s;
}

.article-side .side-goods .prev {
    left: 0;
}

.article-side .side-goods .next {
    right: 0;
}

.article-side .side-goods:hover .prev,
.article-side .side-goods:hover .next {
    opacity: .5;
    filter: alpha(opacity=50);
}

.article-side .side-goods .prev:hover,
.article-side .side-goods .next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.article-side .side-goods .p-name {
    margin: 10px 0 5px;
    height: 42px;
    overflow: hidden;
}

.article-side .side-goods .p-name a {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 20px;
}

.article-side .side-goods .p-name a:hover {
    color: #f42424;
}

.article-side .side-goods .p-price {
    text-align: center;
    color: #555;
}


/*main*/

.article-main {
    float: left;
    width: 910px;
    background: #fff;
    padding: 26px 20px 0;
}

.article-main .am-hd {
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px;
}

.article-main .am-hd h2 {
    float: left;
    font-size: 21px;
    padding-left: 20px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-main .am-hd .extra {
    float: right;
    color: #8c8c8c;
}

.article-main .am-hd .extra span {
    max-width: 200px;
    overflow: hidden;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-main .am-hd .extra a {
    color: #8c8c8c;
}

.article-main .am-hd .extra a:hover {
    color: #f43434;
}

.article-main .am-hd .extra>i {
    margin: 0 5px;
    font-size: 12px;
}

.article-main .artilce-list li {
    border-top: 1px solid #eee;
    padding: 10px 20px;
}

.article-main .artilce-list h3 {
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
}

.article-main .artilce-list h3:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    font-size: 0;
    border-radius: 50%;
    background: #d4d4d4;
    left: -14px;
    top: 11px;
}

.article-main .artilce-list h3 a {
    color: #555;
}

.article-main .artilce-list h3 a:hover {
    color: #f43434
}

;
.article-main .artilce-list p {
    color: #8c8c8c;
    line-height: 1.8;
}

.article-main .article-words {
    border-top: 1px solid #eee;
    padding: 25px 20px;
    font-size: 14px;
    line-height: 25px;
    width: 870px;
    overflow: hidden;
    float: left;
}

.article-search-hd {
    background: url(../images/article_bg.jpg) no-repeat;
    height: 100px;
}

.article-search-hd .hd-tit {
    float: left;
    font-size: 28px;
    color: #fff;
    line-height: 100px;
}

.article-search-hd .hd-search {
    float: left;
    margin: 26px 0 26px 85px;
}

.article-search-hd .f-search .text {
    width: 500px;
    height: 28px;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    border-radius: 24px 0 0 24px;
    border: 0;
    float: left;
}

.article-search-hd .f-search .ui-btn-submit {
    float: left;
    width: 114px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background-color: #f42424;
    border: 0;
    border-radius: 0 24px 24px 0;
    font-size: 16px;
    outline: 0;
    cursor: pointer;
    text-align: center;
}

.article-search-hd .f-search .iconfont {
    font-size: 18px;
    margin-right: 3px;
    vertical-align: middle;
}


/*article end*/


/*artilce-index start*/

.cms_not {
    background: #fff;
    margin-top: 80px;
    padding: 50px 0;
}

.article-index .demo .visual-item {
    margin-top: 20px;
}

.article-index .banner-article {
    overflow: hidden;
}

.article-index .banner-article a {
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.article-index .banner-article .banner-main {
    float: left;
    position: relative;
    width: 800px;
    height: 310px;
    margin-right: 10px;
    overflow: hidden;
}

.article-index .banner-article .banner-second {
    float: left;
    width: 390px;
    height: 310px;
}

.article-index .banner-article .banner-second .s {
    width: 390px;
    height: 150px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.article-index .banner-article img {
    width: 100%;
    height: 100%;
}

.article-index .banner-article .banner-second .last {
    margin-bottom: 0;
}

.article-index .banner-article .b p,
.article-index .banner-article .s p {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0, 100%);
    transition: all .2s;
    color: #fff;
    padding: 0 20px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.article-index .banner-article .b:hover p,
.article-index .banner-article .s:hover p {
    transform: translate(0, 0);
}

.article-index .banner-article-one .banner-main {
    width: 1200px;
}

.article-index .banner-article-three .banner-second .s {
    height: 310px;
}

.banner-main {
    position: relative;
}

.banner-main .hd {
    position: absolute;
    width: 100%;
    bottom: 15px;
    text-align: center;
    z-index: 99;
}

.banner-main .hd ul {
    font-size: 0;
}

.banner-main .hd li {
    display: inline-block;
    margin: 0 8px 0 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.8;
    background: #666;
    text-indent: -89999px;
}

.banner-main .hd li:last-child {
    margin-right: 0;
}

.banner-main .hd li.on {
    background-color: #000;
}


/*box*/

.article-box {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
}

.article-box .ab-hd {
    height: 27px;
    line-height: 27px;
    margin-bottom: 10px;
}

.article-box .ab-hd h2 {
    font-size: 18px;
    float: left;
    padding-left: 35px;
    position: relative;
}

.article-box .ab-hd h2 .iconfont {
    font-size: 22px;
    color: #f42424;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.article-box .ab-hd .more {
    float: right;
    color: #8c8c8c;
}

.article-box .ab-bd .focus {
    height: 160px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
}

.article-box .ab-bd .focus .img {
    float: left;
    width: 280px;
    height: 160px;
    position: relative;
}

.article-box .ab-bd .focus .img a {
    width: 280px;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
}

.article-box .ab-bd .focus .info {
    float: left;
    margin-left: 20px;
    width: 250px;
}

.article-box .ab-bd .focus .info-name {
    font-size: 18px;
    margin-bottom: 20px;
    height: 27px;
    overflow: hidden;
}

.article-box .ab-bd .focus .info-intro {
    color: #8c8c8c;
    margin-bottom: 15px;
    height: 75px;
    overflow: hidden;
}

.article-box .ab-bd .focus .info-time {
    color: #8c8c8c;
}

.article-box .ab-bd .list li {
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
}

.article-box .ab-bd .list li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d2d2d2;
    margin-top: 16px;
    left: 0;
}

.article-box .ab-bd .list li a {
    font-size: 14px;
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-box .ab-bd .list li .time {
    float: right;
    width: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8c8c8c;
}

.article-box .ab-bd .quick {
    margin-right: -20px;
    margin-top: 15px;
    /*padding-bottom: 10px;*/
}

.article-box .ab-bd .quick li {
    float: left;
    width: 280px;
    margin-right: 14px;
}

.article-box .ab-bd .quick .q-img a {
    font-size: 0;
    display: block;
}

.article-box .ab-bd .quick .q-img {
    margin-bottom: 15px;
}

.article-box .ab-bd .quick .q-img img {
    max-width: 280px;
    max-height: 160px;
}

.article-box .ab-bd .quick .q-name {
    font-size: 18px;
    margin-bottom: 10px;
    height: 27px;
    overflow: hidden;
}

.article-box .ab-bd .quick .q-info {
    font-size: 12px;
    color: #8c8c8c;
    height: 36px;
    overflow: hidden;
}

.article-box .ab-bd .g-list {
    margin-right: -20px;
    margin-top: 2px;
}

.article-box .ab-bd .g-list li {
    float: left;
    margin-right: 20px;
    width: 173px;
    position: relative;
    overflow: hidden;
}

.article-box .ab-bd .g-list li img {
    width: 100%;
}

.article-box .ab-bd .g-list li p {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    transition: all .2s;
    color: #fff;
    background: rgba(0, 0, 0, .6);
}

.article-box .ab-bd .g-list li:hover p {
    transform: translate(0, 0);
}

.article-col-1-2,

/*两列，分别占1/3,2/3*/

.article-col-2,
.article-col-3 {
    margin: -20px -20px 0 0;
}

.article-col-4 {
    margin-top: -20px;
}

.article-col-1-2 .article-box,
.article-col-2 .article-box,
.article-col-3 .article-box {
    float: left;
    margin: 20px 20px 0 0;
    overflow: hidden;
}

.article-col-4 .article-box {
    margin-top: 20px;
}

.article-col-1-2 .article-box:nth-child(1) {
    width: 346px;
    margin-bottom: 0;
}

.article-col-1-2 .article-box:nth-child(1) .ab-bd .list li a {
    max-width: 250px;
}

.article-col-1-2 .article-box:nth-child(2) {
    width: 754px;
    margin-bottom: 0;
}

.article-col-1-2 .article-box:nth-child(2) .ab-bd .list li a {
    max-width: 250px;
}

.article-col-2 .article-box {
    width: 550px;
    height: 360px;
}

.article-col-2 .article-box .ab-bd .list li a {
    max-width: 460px;
}

.article-col-3 .article-box {
    width: 346px;
    height: 212px;
}

.article-col-3 .article-box .ab-bd .list li a {
    max-width: 250px;
}


/*artilce-index end*/


/*shop start*/


/*head*/

.shop-header .top {
    height: 40px;
    background: #F8F8F8;
}

.shop-header .middle {
    height: 100px;
    background: #EEEEEE;
}

.shop-header .middle .logo-wp {
    float: left;
    width: 500px;
    margin-top: 33px;
}

.shop-header .middle .shop-logo {
    float: left;
    width: 212px;
    height: 50px;
}

.shop-header .middle .shop-logo img {
    max-width: 212px;
    max-height: 50px;
}

.shop-header .middle .logo-text {
    float: left;
    height: 50px;
    line-height: 1;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #d2d2d2;
}

.shop-header .middle .shop-title {
    font-size: 18px;
    font-weight: 700;
}

.shop-header .middle .shop-intro {
    margin-top: 10px;
    color: #8c8c8c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
    font-size: 14px;
}

.shop-header .middle .follow-btn {
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 80px;
    float: right;
    margin-top: 5px;
    border-radius: 12px;
    background: #f42424;
    color: #fff;
}

.shop-header .middle .follow-btn .iconfont {
    font-size: 13px;
    margin-right: 5px;
}

.shop-search {
    float: left;
}

.shop-search input[type=text] {
    float: left;
    height: 28px;
    border: 1px solid #D9D9D9;
    padding: 0 5px;
    width: 170px;
    outline: none;
}

.shop-search button {
    float: left;
    height: 30px;
    background: #d9d9d9;
    color: #555;
    border: 0 none;
    -webkit-appearance: none;
    width: 60px;
    outline: 0;
    cursor: pointer;
}

.shop-header .shop-search {
    margin: 34px 0 0 90px;
}

.shop-header .shop-qrcode {
    float: right;
    margin-top: 8px;
}

.shop-header .shop-qrcode .img {
    float: right;
}

.shop-header .shop-qrcode .img img {
    width: 84px;
    height: 84px;
}

.shop-header .shop-qrcode p {
    float: right;
    margin-top: 33px;
    color: #8c8c8c;
    margin-right: 10px;
}

.shop-header .bottom {
    height: 40px;
    line-height: 40px;
    background: #353535;
    color: #fff;
}

.shop-header .bottom a {
    color: #fff;
}

.shop-head-category {
    float: left;
    width: 140px;
    height: 38px;
    border-top: 2px solid transparent;
    position: relative;
}

.shop-head-category .all-cate a {
    height: 38px;
    line-height: 36px;
    display: block;
    padding-left: 15px;
    font-size: 14px;
}

.shop-head-category .all-cate a .iconfont {
    margin-left: 10px;
}

.shop-head-category .cate-tab-content {
    position: absolute;
    z-index: 30;
    top: 38px;
    left: 0;
    width: 700px;
    min-height: 70px;
    padding: 28px 0 0 40px;
    background: #fff;
    border: 1px solid #333333;
    border-top: 0 none;
    margin-left: -1px;
    color: #555;
    display: none;
}

.shop-head-category .cate-tab-content a {
    color: #333;
}

.shop-head-category .cate-tab-content dl {
    float: left;
    width: 100px;
    margin-right: 40px;
}

.shop-head-category .cate-tab-content dt {
    border-bottom: 1px dashed #EEEEEE;
    font-size: 14px;
}

.shop-head-category .cate-tab-content dd {
    line-height: 30px;
}

.shop-head-category .cate-tab-content dd a {
    color: #8c8c8c;
}

.shop-head-category .cate-tab-content dd a:hover {
    color: #f43434;
}

.shop-head-category:hover .all-cate a {
    background: #fff;
    color: #555;
}

.shop-head-category:hover .cate-tab-content {
    display: block;
}

.shop-nav li {
    float: left;
    font-size: 14px;
    padding: 0 25px;
}

.shop-nav li a:hover,
.shop-nav li a.current {
    color: #f42424;
}


/*banner*/

.shop-banner {
    height: 700px;
    overflow: hidden;
    position: relative;
}

.shop-banner .bd {
    margin-left: -360px;
    width: 1920px;
}

.shop-banner .bd a {
    display: block;
    height: 700px;
}

.shop-banner .hd {
    position: absolute;
    left: 50%;
    transform: translate(0, -50%);
    bottom: 20px;
    z-index: 10;
}

.shop-banner .hd li {
    float: left;
    width: 17px;
    height: 17px;
    cursor: pointer;
    line-height: 17px;
    text-align: center;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    margin: 0 3px;
}

.shop-banner .hd li.on {
    background: #000;
    color: #fff;
}


/*home*/

.shop-home {
    background: #f8f8f8;
    padding-bottom: 70px;
}

.shop-home .under-banner {
    overflow: hidden;
    margin: 15px -20px 60px 0;
}

.shop-home .under-banner a {
    float: left;
    width: 590px;
    height: 410px;
    margin-right: 20px;
}

.shop-floor .f-hd {
    text-align: center;
    margin-bottom: 50px;
}

.shop-floor .f-hd h2 {
    font-size: 36px;
    color: #333;
    margin-bottom: 6px;
}

.shop-floor .f-hd:after {
    width: 40px;
    border-top: 1px solid #f34545;
    content: "";
    margin: 0 auto;
    display: block;
}

.shop-floor .f-bd .list {
    margin-right: -10px;
}

.shop-floor .f-bd .list li {
    float: left;
    margin-right: 10px;
    background: #fff;
    margin-bottom: 20px;
}

.shop-floor .f-bd .list li.first {
    margin-right: 6px
}

.shop-floor .f-bd .list .first img {
    width: 474px;
    height: 310px;
}

.shop-floor .f-bd .list .goods-item {
    width: 210px;
    padding: 10px;
    height: 290px;
    overflow: hidden;
}

.shop-floor .f-bd .list .goods-item .p-name {
    margin: 5px 0;
    height: 38px;
    overflow: hidden;
}


/*lift*/

.shop-lift {
    position: fixed;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%) scale(1, 1);
    opacity: 1;
    z-index: 100;
    transition: all .2s;
    background: #fff;
    padding: 20px 0;
    width: 90px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.shop-lift-hide {
    transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
}

.shop-lift-item {
    line-height: 3;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    transition: all .1s;
}

.shop-lift-item:hover,
.shop-lift-item.active {
    color: #f43434;
}

@media screen and (max-width: 1652px) {
    .shop-lift {
        right: 15px;
    }
}


/*shop end*/


/*shop-list start*/

.seller-list-main .selector {
    margin-top: 20px;
}

.search-inshop {
    float: right;
}

.search-inshop .inshop-word {
    width: 140px;
    margin-right: 10px;
}

.search-inshop .inshop-p-s,
.search-inshop .inshop-p-e {
    width: 50px;
    height: 24px;
}

.search-inshop .sc-btn {
    border-radius: 0;
    height: 26px;
    line-height: 24px;
    vertical-align: bottom;
    margin-left: 8px;
    float: left;
}


/*side*/

.shop-list-side {
    width: 200px;
    float: left;
    margin-right: 20px;
    min-height: 100px;
}

.shop-list-side .side-box {
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.shop-list-side .side-box h2 {
    font-size: 14px;
    font-weight: 700;
    background: #F8F8F8;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
}

.shop-list-side .side-menu dt {
    border: 1px solid #d2d2d2;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: -1px;
    height: 33px;
    line-height: 33px;
    padding: 0 13px;
    font-weight: 700;
}

.shop-list-side .side-menu dt a {
    color: #8c8c8c;
}

.shop-list-side .side-menu dt .iconfont {
    float: right;
    font-size: 12px;
    color: #aaa;
    cursor: pointer;
}

.shop-list-side .side-menu dl.active dt .iconfont {
    transform: rotate(180deg);
}

.shop-list-side .side-menu dd {
    padding: 5px 13px;
    line-height: 30px;
    display: none;
}

.shop-list-side .side-menu dd p {
    position: relative;
    padding-left: 15px;
}

.shop-list-side .side-menu dd p:before {
    content: "";
    border: 1px solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 3px;
    height: 3px;
    font-size: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
}

.shop-list-side .side-menu dd a {
    color: #8c8c8c;
}

.shop-list-side .side-recommend-hot {
    padding: 5px 15px;
}

.shop-list-side .side-recommend-hot li {
    overflow: hidden;
    margin: 10px 0;
}

.shop-list-side .side-recommend-hot li:before {
    content: "";
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    float: left;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    margin-top: 15px;
    margin-right: 10px;
}

.shop-list-side .side-recommend-hot li:nth-child(1):before {
    content: "1";
    color: #f43434;
    border-color: #f43434;
}

.shop-list-side .side-recommend-hot li:nth-child(2):before {
    content: "2";
    color: #f43434;
    border-color: #f43434;
}

.shop-list-side .side-recommend-hot li:nth-child(3):before {
    content: "3";
    color: #f43434;
    border-color: #f43434;
}

.shop-list-side .side-recommend-hot li:nth-child(4):before {
    content: "4";
}

.shop-list-side .side-recommend-hot li:nth-child(5):before {
    content: "5";
}

.shop-list-side .side-recommend-hot li:nth-child(6):before {
    content: "6";
}

.shop-list-side .side-recommend-hot li .p-img,
.shop-list-side .side-recommend-hot li .p-name {
    float: left;
}

.shop-list-side .side-recommend-hot li .p-img img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.shop-list-side .side-recommend-hot li .p-name {
    width: 70px;
    font-size: 12px;
    height: 34px;
    overflow: hidden;
    word-break: break-all;
    margin-top: 8px;
}

.shop-list-side .side-news {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 23px 15px 20px;
    position: relative;
    margin-top: 30px;
}

.shop-list-side .side-news h2 {
    position: absolute;
    width: 90px;
    margin-left: -45px;
    left: 50%;
    text-align: center;
    background: #fff;
    font-size: 16px;
    top: -14px;
}

.shop-list-side .side-news li {
    word-break: break-all;
    overflow: hidden;
    line-height: 2.2;
    color: #8c8c8c;
    min-height: 26px;
}

.shop-list-side .side-news li:before,
.shop-list-side .side-news li:after {
    content: "";
    position: absolute;
    bottom: 8px;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    height: 20px;
    width: 20px;
    border-bottom-left-radius: 10px;
}

.shop-list-side .side-news li:before {
    left: 8px;
}

.shop-list-side .side-news li:after {
    right: 8px;
    transform: rotateY(180deg);
}

.shop-list-view {
    width: 980px;
    float: left;
}


/*rewrite*/

.shop-list-view .filter-wrap .filter-sort a:last-child {
    border-right-width: 0;
}

.shop-list-view .goods-list,
.shop-list-view .g-view {
    width: 100%;
}

.shop-list-view .goods-list .gl-item {
    width: 245px;
    height: 373px;
}

.shop-list-view .gl-i-wrap {
    padding: 17px;
}


/*shop-list end*/


/* ------------------- tong end ------------------- */


/*加入购物车弹出框*/

.ecsc-cart-popup {
    display: none;
    position: relative;
    z-index: 100003;
}

.ecsc-cart-popup .loading-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.2;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
    overflow: hidden;
    background-color: rgb(0, 0, 0);
}

.ecsc-cart-popup .loading {
    background-color: #fff;
    border: 8px solid #bcbcbc;
    position: fixed;
    width: 455px;
}

.loading .title {
    position: relative;
    padding: 0 16px;
    height: 31px;
    line-height: 31px;
    background: #f3f3f3;
}

.loading .title h3 {
    font-weight: normal;
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei";
    float: left;
}

.loading .title .loading-x {
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 1000000;
    top: 10px;
    right: 16px;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url(../images/dialog.png) no-repeat;
    font-size: 0;
    text-indent: -99999px;
    float: right;
}

.center_pop_p {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    padding: 20px 0;
    font-family: "Microsoft YaHei";
}

.center_pop_p .ts {
    font-size: 18px;
    color: #ec5051;
    font-weight: 700;
}

.center_pop_p .desc {
    color: #777;
    line-height: 20px;
    margin-top: 8px;
}

.center_pop_p .desc strong {
    font-weight: normal;
}

.center_pop_p .desc .saleP {
    font-size: 18px;
    color: #666;
    font-weight: bold;
}

.loading .btns {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.loading .btns .ecsc-btn-mini {
    height: 28px;
    line-height: 28px;
    border: 1px solid #dcdcdc;
    width: 88px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    color: #333;
    font-family: "Microsoft YaHei";
}

.loading .btns .ecsc-btn-orange {
    border-color: #f99c00;
    background-color: #f99c00;
    color: #fff;
    margin-right: 15px;
}

.loading .btns .ecsc-btn-orange:hover {
    background-color: #e79205;
}


/*加入购物车弹出框end*/


/*邮箱订阅*/

.attached_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 9;
}

.email_sub {
    display: none;
    margin: 0 auto;
    position: fixed;
    bottom: -60px;
    height: 60px;
    width: 100%;
    z-index: 10000;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: bottom .3s ease-out;
    -moz-transition: bottom .3s ease-out;
    -ms-transition: bottom .3s ease-out;
    -o-transition: bottom .3s ease-out;
    transition: bottom .3s ease-out;
    box-shadow: -15px -12px 10px -12px #999;
}

.email_sub.show {
    bottom: 0;
}

.email_sub .w1200 {
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.email_sub_btn {
    margin-top: 12px;
    font-size: 0;
    overflow: hidden;
}

.email_sub_btn input {
    padding: 7px 10px;
    border: 1px solid #ec5151;
    outline: 0 none;
    width: 350px;
    font-size: 14px;
    float: left;
}

.email_sub_btn .emp_btn {
    background: #ec5051;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    float: left;
}

.email_sub_btn .emp_cancel_btn {
    background: #ccc;
}


/*邮箱订阅end*/


/*coudan start*/

.coudan-title {
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
    background: url(../images/coudan.jpg) center center no-repeat;
}

.coudan-title .i-sale {
    display: inline-block;
    background: url(../images/sprite-icon.png) 0 -30px;
    width: 28px;
    height: 26px;
    margin: 27px 5px 0 0;
}

.coudan-title em {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 80px;
    color: #8c8c8c;
}

.floatbar-cart {
    float: left;
    width: 100%;
    height: 52px;
    margin-top: 30px;
    background-color: #f8f8f8;
}

.floatbar-cart .floatbar-sales {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: 1px solid #f70;
    margin-top: 10px;
    margin-left: 54px;
    color: #f70;
    font-family: arial;
}


/*.floatbar-cart .floatbar-sales:hover{ background-color:#f70; color:#fff;}*/

.floatbar-cart .floatbar-checkout {
    float: right;
    line-height: 52px;
}

.floatbar-cart .sales-tip {
    float: left;
    font-size: 14px;
    color: #f42424;
    margin-right: 20px;
}

.floatbar-cart .price {
    float: left;
    font-size: 20px;
    color: #333;
    margin-right: 30px;
}

.floatbar-cart .submit-btn {
    display: block;
    float: right;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
}

.floatbar-cart .submit-btn:hover {
    color: #fff;
    background-color: #ec5051;
}

.coudan .goods-list .gl-item {
    height: 364px;
}


/*coudan end*/


/*brand-index start*/

.brand-home-top {
    width: 100%;
    height: 200px;
}

.attention-rate {
    width: 180px;
    height: 160px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    float: left;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.attention-rate .brand-logo {
    width: 180px;
    margin-top: 10px;
}

.attention-rate .brand-logo img {
    width: 100%;
    height: auto;
}

.attention-rate .follow-info {
    margin-top: 10px;
}

.attention-rate .follow-info .follow-sum {
    color: #8c8c8c;
}

.attention-rate .follow-info .follow-sum em {
    color: #333;
    margin-right: 2px;
}

.attention-rate .follow-info .go-follow {
    cursor: pointer;
    width: 68px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #f42424;
    border-radius: 9px;
    color: #f42424;
    margin: 10px auto 0;
}

.attention-rate .follow-info .go-follow .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 3px 0 0;
}

.attention-rate .follow-info .go-follow:hover {
    background-color: #f42424;
    color: #fff;
}

.brand-home-top .brand-cate-info {
    float: left;
    margin: 30px 0 0 55px;
    width: 960px;
}

.brand-cate-info .title {
    width: 100%;
    overflow: hidden;
}

.brand-cate-info .title h3 {
    color: #f42424;
    font-size: 22px;
    float: left;
}

.brand-cate-info .title a {
    float: left;
    color: #f42424;
    display: block;
    margin: 12px 0 0 20px;
}

.brand-cate-info .title a:hover {
    text-decoration: underline;
}

.brand-cate-info .title a i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/dsc-icon.png) -386px -81px no-repeat;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.brand-cate-info .cate-list {
    margin-top: 20px;
}

.brand-cate-info .cate-list a {
    color: #cbccd0;
    display: block;
    float: left;
    width: auto;
    margin-right: 20px;
    line-height: 30px;
}

.brand-cate-info .cate-list a:hover,
.brand-cate-info .cate-list a.curr {
    color: #f42424;
}

.brand-cate-info .brand_desc {
    color: #cbccd0;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    width: 960px;
    height: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*.brand-main{ padding-bottom:70px;}*/

.brand-main .brand-section {
    width: 100%;
    margin-bottom: 30px;
}

.brand-main .brand-section:last-child {
    margin-bottom: 0;
}

.brand-main .brand-section:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.brand-main .brand-section .bl-title {
    border-bottom: 1px solid #f42424;
    padding-bottom: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.brand-main .brand-section .bl-title h2 {
    font-size: 18px;
    float: left;
}

.brand-main .brand-section .bl-title h2 i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/dsc-icon.png) -386px -81px no-repeat;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.brand-main .brand-section .bl-title .more {
    float: right;
    line-height: 30px;
}

.brand-main .brand-section .bl-content {
    width: 100%;
}

.brand-main .brand-section .bd {}

.brand-main .brand-section .bd li {
    float: left;
    width: 208px;
    padding: 10px 10px 2px 10px;
    border: 1px solid #e5e5e5;
    margin: 5px;
}

.brand-main .brand-section .bd .p-img {
    width: 208px;
    height: 208px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.brand-main .brand-section .bd .p-img img {
    max-width: 100%;
    max-height: 90%;
    vertical-align: middle;
}

.brand-main .brand-section .bd .p-price {
    font-size: 18px;
    text-align: left;
    color: #f42424;
    margin-top: 10px;
}

.brand-main .brand-section .bd .p-name {
    margin-top: 10px;
}

.brand-main .brand-section .bd .p-name a {
    font-size: 14px;
    display: block;
    height: 20px;
    overflow: hidden;
    color: #666;
}

.p-activity {
    color: #999;
    margin-top: 5px;
    width: 208px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-store {
    margin-top: 5px;
}

.brand-main .brand-section .bd li:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.brand-main .brand-section .hd {
    position: relative;
    height: 0;
}

.brand-main .brand-section .hd ul {
    position: absolute;
    right: 0;
    top: -30px;
}

.brand-main .brand-section .hd ul li {
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #9F9F9F;
    margin-right: 5px;
    transition: all .2s;
    cursor: pointer;
}

.brand-main .brand-section .hd ul li.on {
    width: 20px;
    background: #FC5F8D;
}

.brand-main .brand-section .bd li.notic {
    float: none;
    width: 100%;
}

.brand-main .brand-section .bd li.notic:hover {
    box-shadow: none;
}


/*brand-index end*/

div.pay_more a,
div.pay_more input {
    height: 38px;
    padding: 0 21px;
    font-size: 16px;
    background: #ff7573;
    color: #fff;
    display: block;
    float: left;
    border: 1px solid #ff7573;
    border-radius: 5px;
    line-height: 36px;
    text-align: center;
    background: -webkit-linear-gradient( top, #ff7573, #ff5658);
    cursor: pointer;
    outline: 0;
}

.me_grab {
    font-size: 18px;
    color: #f42424;
    margin-bottom: 12px;
}

.me_bid {
    width: 100%;
    float: left;
    line-height: 36px;
}

.me_bid span {
    float: left;
    font-size: 14px;
    color: #727171;
}

.me_bid .p-price {
    float: left;
    padding-top: 0;
    color: #f42424;
    font-weight: bold;
    font-size: 24px;
}

.me_bid .p-price em {
    font-size: 12px;
    font-weight: normal;
}

.endTime {
    float: left;
    padding-left: 5px;
}


/*seckill_list*/

.seckill-banner {
    overflow: hidden;
}

.seckill-banner a {
    display: block;
}

.seckill-main {
    margin-top: 20px;
    /* padding-bottom:50px;*/
}

.seckill-main .seckill-hot-goods {}

.seckill-main .seckill-time-tabs {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: #eee;
}

.seckill-main .seckill-time-tabs li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 0;
    cursor: pointer;
}

.seckill-main .seckill-time-tabs li strong {
    display: inline-block;
    color: #555;
    font-size: 18px;
    line-height: 50px;
}

.seckill-main .seckill-time-tabs li .time {
    display: none;
    font-size: 0;
    line-height: 50px;
    vertical-align: middle;
    margin: -14px 0 0 10px;
}

.seckill-main .seckill-time-tabs li .time * {
    font-size: 12px;
}

.seckill-main .seckill-time-tabs li i {
    width: 78px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #8c8c8c;
    border-radius: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: -15px 0 0 12px;
    font-size: 12px;
    text-align: center;
}

.seckill-main .seckill-time-tabs li.curr {
    background-color: #f42424;
    color: #fff;
}

.seckill-main .seckill-time-tabs li.curr .time {
    display: inline-block;
}

.seckill-main .seckill-time-tabs li.curr i {
    display: none;
}

.seckill-main .seckill-time-tabs li.curr strong {
    font-size: 24px;
    color: #fff;
}

.seckill-main .seckill-warp {
    margin-top: 20px;
}

.seckill-main .seckill-warp ul {
    width: 1210px;
}

.seckill-main .seckill-warp li .p-img {
    margin-bottom: 10px;
}

.seckill-main .seckill-warp li .p-name {
    margin-bottom: 6px;
}

.seckill-main .seckill-warp li .p-name a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #555;
}

.seckill-main .seckill-warp li .p-pirce {
    float: left;
    font-size: 18px;
    color: #f42424;
}

.seckill-main .seckill-warp li .p-del {
    float: left;
    color: #999;
    line-height: 27px;
    margin-left: 10px;
}

.seckill-main .seckill-warp li .p-number {
    margin-top: 5px;
}

.seckill-main .seckill-warp li .p-number span {
    float: left;
    color: #8c8c8c;
    width: 60px;
}

.timebar {
    background: #EEEEEE;
    position: relative;
    border-radius: 2px;
    height: 3px;
}

.timebar i {
    position: absolute;
    height: 100%;
    left: 0;
    background: #FFD07F;
}

.seckill-main .seckill-warp li .timebar {
    width: 152px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
}

.seckill-main .seckill-warp li .btn {
    width: 190px;
    margin: 10px 0 0 0;
    text-align: center;
    height: 28px;
    line-height: 28px;
}

.seckill-main .seckill-warp li {
    margin-bottom: 20px;
}

.seckill-main .seckill-all {
    margin-top: 30px;
}

.seckill-main .seckill-all .title {
    text-align: center;
}

.seckill-main .seckill-cate {
    height: 50px;
    width: 100%;
    background-color: #eee;
    overflow: hidden;
    margin-top: 35px;
}

.seckill-main .seckill-cate a {
    line-height: 50px;
    display: block;
    float: left;
    font-size: 14px;
    padding: 0 16px;
}

.seckill-main .seckill-cate a.curr {
    background-color: #f42424;
    color: #fff;
    font-weight: bold;
}

.seckill-cat-banner {
    background: url(../images/seckill-cat-banner.jpg) center center no-repeat;
    width: 100%;
    height: 130px;
    text-align: center;
}

.seckill-cat-banner span {
    font-size: 30px;
    color: #b31919;
    font-weight: bold;
    display: block;
    margin-top: 55px;
}

.skmu_list_img {
    float: left;
    margin-top: 6px;
}

.skmu-nav .nav-main {
    width: 1096px;
    position: relative;
    overflow: visible;
}

.skmu-nav .nav-main li {
    margin-left: 0;
    width: 96px;
    text-align: center;
}

.skmu-nav .nav-main li:first-child {
    margin-left: 40px;
}

.skmu-nav .nav-main li a {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.skmu-nav .nav-main li.skmu-item-last a {
    color: #f42424;
}

.skmu-nav .nav-main li.skmu-item-last i {
    font-size: 12px;
    margin-left: 5px;
}

.skmu-mcate {
    position: absolute;
    width: 425px;
    border-top: 4px solid #fff;
    right: 0;
    background: #fff;
    padding: 10px 20px;
    padding-right: 0;
    top: 156px;
    -webkit-transition: all .3s ease;
    -moz-transition: all ease .3s;
    transition: all .3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.skmu-mcate-active {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 56px;
    visibility: visible;
}

.skmu-mcate s {
    font-size: 0;
    position: absolute;
    right: 40px;
    width: 0;
    height: 0;
    top: -14px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff;
}

.skmu-mcate a {
    font-size: 14px;
    display: inline-block;
    float: left;
    width: 80px;
    line-height: 35px;
    margin-right: 5px;
}

.skmu-mcate a.curr {
    color: #f42424;
}


/*seckill_list end*/


/*wholesale start*/

.who-filler {
    height: 60px;
    background-color: #fff;
    margin-top: 35px;
}

.who-filler .wholesale-search {
    float: left;
    margin: 15px 0 0 20px;
}

.who-filler .wholesale-search .imitate_select {
    float: left;
}

.who-filler .wholesale-search .text {
    float: left;
    margin-left: 10px;
    border: 1px solid #d2d2d2;
    height: 28px;
    width: 200px;
}

.who-filler .wholesale-search .go {
    float: left;
    margin-left: 10px;
    height: 30px;
    border: 0;
    width: 50px;
    cursor: pointer;
    outline: 0;
    background-color: #f42424;
    color: #fff;
    border-radius: 3px;
}

.who-items {
    overflow: hidden;
    margin-top: 15px;
}

.who-items .who-item {
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
}

.who-items .who-item .left {
    float: left;
    width: 435px;
}

.who-items .who-item .left .p-img {
    float: left;
    width: 110px;
    height: 110px;
}

.who-items .who-item .left .p-info {
    float: left;
    margin-left: 20px;
    width: 290px;
}

.who-items .who-item .left .p-name {
    margin-top: 3px;
    height: 52px;
}

.who-items .who-item .left .p-name a {
    font-size: 14px;
    height: 40px;
    display: block;
    overflow: hidden;
}

.who-items .who-item .left .p-lie {
    margin-top: 20px;
    color: #8c8c8c;
}

.who-items .who-item .right {
    float: left;
    width: 700px;
    margin-left: 25px;
}

.who-items .who-item .right .lie {
    width: 100%;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e8e8e8;
    overflow: hidden;
    margin-top: 10px;
}

.who-items .who-item .right .lie span {
    color: #8c8c8c;
}

.who-items .who-item .right .row1 {
    float: left;
    width: 40%;
}

.who-items .who-item .right .row2 {
    float: left;
    width: 20%;
}

.who-items .who-item .right .row3 {
    float: left;
    width: 20%;
}

.who-items .who-item .right .row4 {
    float: left;
    width: 20%;
}

.who-items .who-item .right .lie.no_bot {
    border-bottom: 0;
}

.who-items .who-item .right .number {
    position: relative;
    float: right;
}

.who-items .who-item .right .number .decrement,
.who-items .who-item .right .number .increment {
    border: 1px solid #cacbcb;
    border-right: 0;
    height: 26px;
    line-height: 26px;
    padding: 1px 0;
    width: 30px;
    text-align: center;
    color: #666;
    margin: 0;
    background: #fff;
    cursor: pointer;
    float: left;
}

.who-items .who-item .right .number .itxt {
    float: left;
    border: 1px solid #cacbcb;
    width: 45px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding: 1px;
    margin: 0;
    font-size: 12px;
    font-family: verdana;
    color: #333;
    -webkit-appearance: none;
    outline: 0;
    text-align: center;
}

.who-items .who-item .right .number .increment {
    float: right;
    border: 1px solid #cacbcb;
    border-left: 0;
    color: #666;
}

.lie_more {
    width: 100%;
    height: 15px;
    border-top: 1px solid #d2d2d2;
    margin-top: -1px;
}

.lie_more span {
    width: 48px;
    display: block;
    margin-left: 325px;
    float: left;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-top: 0;
    background-color: #fff;
    margin-top: -1px;
    cursor: pointer;
}

.lie_more span i {
    font-size: 12px;
    color: #9b9b9b;
    height: 12px;
    line-height: 12px;
}

.who-cart {
    width: 63px;
    height: 72px;
    background: url(../images/who-icon.png) no-repeat;
    position: fixed;
    right: 10%;
    top: 40%;
    cursor: pointer;
}

.who-cart .number {
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background-color: #f42424;
    color: #fff;
    position: absolute;
    text-align: center;
    top: 2px;
    left: 2px;
}

.who-cart span {
    display: block;
    color: #a35022;
    margin: 62px 0 0 10px;
}

.who-btn {
    float: right;
    margin-top: 10px;
}

.who-btn .btn {
    width: 108px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    padding: 0;
    font-size: 14px;
    background-color: #fff3f3;
    outline: 0;
}

.who-btn .btn:hover {
    background-color: #f42424;
}


/*wholesale end*/


/*文章页上一篇，下一篇 样式 strat by yanxin*/

.more_article {
    padding: 0px 20px 20px 20px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    width: 870px;
    overflow: hidden
}

.more_article .art_prev {
    float: left
}

.more_article .art_next {
    float: right
}


/*文章页上一篇，下一篇 样式 end by yanxin*/


/*jq仿select*/

.divselect {
    width: 340px;
    position: relative;
    z-index: 10000;
}

.divselect .cite {
    width: 300px;
    height: 24px;
    line-height: 24px;
    padding: 7px 25px 7px 15px;
    display: block;
    color: #999;
    cursor: pointer;
    font-style: normal;
    border: 1px solid #c9c9c9;
    background: url(../images/xjt.png) 320px 11px no-repeat;
    font-size: 14px;
}

.divselect ul {
    width: 340px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    position: absolute;
    z-index: 20000;
    margin-top: -1px;
    display: none;
}

.divselect ul li {
    height: 30px;
    line-height: 30px;
}

.divselect ul li a {
    display: block;
    height: 30px;
    color: #333333;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}

.divselect ul li a:hover {
    background-color: #CCC;
}

.ps-scrollbar-x-rail {
    display: none !important;
}


/*可视化样式 start*/

.home_visual_body .content,
.topic_visual_body .content,
.store_visual_body .content {
    padding-bottom: 80px;
}

.homeindex .w1200 {
    margin: 0 auto;
}

.visual-item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.adv_module {
    margin-top: 20px;
}

.shop-list-main .visual-item {
    margin-bottom: 20px;
}

.shop-list-main .visual-item .custom img {
    width: 100%;
}

.shop-list-main .visual-item:last-child {
    margin-bottom: 0;
}

.shop-list-main .adv_module {
    margin: 0;
}

.shop-list-main .adv_module .bd {
    overflow: hidden;
}

.shop-list-main .floor-line-con {
    padding-top: 0;
}


/*可视化样式 end*/


/* 节日首页模板 start*/

.festival_home {
    background: url(../images/festival_home/hd-bj-banner3.png) #f5f5f5 top center no-repeat;
}

.festival_home .header {
    height: 126px;
    padding-bottom: 0;
}

.festival_home .header .logo {
    float: left;
    width: 232px;
    text-align: center;
    box-shadow: 3px 0px 7px rgba(0, 0, 0, .2);
    position: relative;
}

.festival_home .header .logoImg {
    height: 126px;
    margin: 0;
    float: none;
}

.festival_home .header .logoImg a {
    width: 232px;
    height: 126px;
    display: table-cell;
    vertical-align: middle;
}

.festival_home .header .header_con {
    float: left;
    width: calc(100% - 232px);
    width: 968px\0;
}

.festival_home .header .site-nav {
    height: 30px;
    line-height: 30px;
}

.festival_home .header .logoAdv {
    margin: 16px 0 0 22px;
}

.festival_home .header .dsc-search {
    margin: 20px 0 0 58px;
}

.festival_home .header .shopCart {
    margin: 20px 20px 0 0;
}

.festival_home .nav {
    border-bottom: 1px solid #f42424;
}

.festival_home .nav .categorys {
    height: 41px;
}

.festival_home .nav .categorys .categorys-type {
    line-height: 41px;
}

.festival_home .nav .categorys .categorys-tab-content {
    background-color: #333;
}

.festival_home .banner-wrapper {
    width: 100%;
    position: relative;
}

.festival_home .banner-wrapper:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.festival_home .banner-wrapper .home-banner {
    float: left;
    width: 758px;
    margin-left: 232px;
}

.festival_home .banner-wrapper .home-banner .banner-width {
    width: 758px;
}

.festival_home .vip-outcon {
    width: 210px;
    margin: 0;
    float: left;
}

.festival_home .vip-outcon .vip-con {
    width: 100%;
    height: 500px;
    position: static;
}

.festival_home .vip-outcon .userVip-info {
    width: 100%;
    height: 152px;
}

.festival_home .vip-outcon .userVip-info .avatar {
    margin: 25px auto 10px;
}

.festival_home .vip-outcon .userVip-info .login-info {
    width: 170px;
}

.festival_home .vip-outcon .userVip-info .login-info span {
    font-size: 14px;
    margin-bottom: 10px;
}

.festival_home .vip-outcon .userVip-info .login-info a {
    min-width: 80px;
    height: 25px;
    line-height: 25px;
    border: 0;
    border-radius: 13px;
    -webkit-box-shadow: 4px 6px 12px 2px rgba(45, 45, 45, .15);
    -moz-box-shadow: 4px 6px 12px 2px rgba(45, 45, 45, .15);
    box-shadow: 4px 6px 12px 2px rgba(45, 45, 45, .15);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    color: #f42424;
    font-size: 14px;
}

.festival_home .vip-outcon .userVip-info .login-info .register_button,
.festival_home .vip-outcon .userVip-info .login-info .login-button:hover {
    background-color: #f42424;
    color: #fff;
}

.festival_home .vip-outcon .vip-item .tit {
    background: none;
    font-size: 14px;
    padding: 10px 0 10px 20px;
}

.festival_home .vip-outcon .vip-item .con {
    margin: 0 20px 6px;
}

.festival_home .vip-outcon .vip-item .con li {
    width: 100%;
}

.festival_home .vip-outcon .vip-item .kj_con {
    padding: 0;
    border-top: 1px solid #eee;
}

.festival_home .vip-outcon .vip-item .kj_con .item {
    width: 69px;
}

.festival_home .vip-outcon .vip-item .kj_con .item i {
    display: block;
}

.img-browse {
    background: url(../images/festival_home/record.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-zan {
    background: url(../images/festival_home/collection.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-order {
    background: url(../images/festival_home/order.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-password {
    background: url(../images/festival_home/wallet.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-share {
    background: url(../images/festival_home/repair.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-settled {
    background: url(../images/festival_home/settled.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.index-festival-adv {
    margin-top: 20px;
    text-align: center;
}

.index-festival-adv .festival-adv-bot {
    height: 200px;
    background-color: #fd1b4e;
}

.index-festival-adv .festival-adv-bot a {
    float: left;
}

.index-festival-adv .festival-adv-bot img {
    margin: 8px 5px 0px;
    transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}

.index-festival-adv .festival-adv-bot img:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 20px 0px;
    border-radius: 10px;
}

.festival_home .seckill-channel {
    background-color: #fd1b4e;
    margin: 0;
}

.festival_home .seckill-channel .box-hd {
    background: none;
    line-height: 50px;
    padding: 0 10px;
}

.festival_home .seckill-channel .box-hd h3 {
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.festival_home .seckill-channel .box-hd .tit {
    text-align: center;
    font-size: 18px;
    color: #fff000;
    float: left;
    font-weight: bold;
    margin-left: 350px;
}

.festival_home .seckill-channel .box-hd .seckill-more {
    float: right;
}

.festival_home .seckill-channel .box-hd .seckill-more a {
    width: 112px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    padding: 0 9px;
    border-radius: 11px;
    display: inline-block;
}

.festival_home .seckill-channel .box-hd .seckill-more .iconfont {
    font-size: 14px;
    margin-left: 5px;
}

.festival_home .seckill-channel .box-bd {
    margin: 0;
    height: 300px;
}

.festival_home .seckill-channel .box-bd .icon-spin {
    margin-top: -40px;
}

.festival_home .seckill-channel .box-bd li {
    width: 228px;
    height: 280px;
    margin: 5px 0 10px 10px;
    background-color: #fff;
    -o-transform: all 150ms ease-in-out;
    -moz-transform: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.festival_home .seckill-channel .box-bd li:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -o-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.festival_home .seckill-channel .box-bd li .p-img {
    width: 180px;
    height: 180px;
    margin: 18px auto 0;
}

.festival_home .seckill-channel .box-bd li .p-name {
    width: 183px;
    margin: 10px auto 0;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
}

.festival_home .seckill-channel .box-bd li .p-name a {
    white-space: normal;
    color: #444;
}

.festival_home .seckill-channel .box-bd li .p-name a:hover {
    color: #f42424;
}

.festival_home .seckill-channel .box-bd li .p-price {
    width: 180px;
    margin: 5px auto 0;
}

.festival_home .seckill-channel .seckill_end_notic {
    background-color: #fff;
}

.index-venue-adv {
    background: url(../images/festival_home/venue_banner.png) no-repeat;
    width: 1297px;
    height: 566px;
    position: relative;
    margin-left: -97px;
    margin-top: 20px;
}

.index-venue-adv .venue_warpper {
    float: right;
    width: 1000px;
}

.index-venue-adv .venue_warpper .venue_act_list {
    overflow: hidden;
}

.index-venue-adv .venue_warpper .venue_act_list a,
.index-venue-adv .venue_warpper .venue_shop_list a {
    float: left;
    margin: 10px 10px 0 0;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.index-venue-adv .venue_warpper .venue_act_list a:hover,
.index-venue-adv .venue_warpper .venue_shop_list a:hover {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.brand-adv-warp {}

.brand-adv-warp .brand-adv-item {
    float: left;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-left: 10px;
}

.brand-adv-warp .brand-adv-item:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px 0px;
    -o-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.brand-adv-warp .brand-adv-item .brand-item-head {
    height: 50px;
    line-height: 50px;
    color: #333;
    background-color: #fff;
    font-weight: bold;
}

.brand-adv-warp .brand-adv-item .brand-item-head .cn {
    padding-left: 10px;
    font-size: 18px;
    display: inline-block;
}

.brand-adv-warp .brand-adv-item .brand-item-head .en {
    padding-left: 6px;
    font-size: 14px;
    display: inline-block;
}

.brand-adv-warp .brand-adv-item .brand-item-head .more {
    float: right;
    padding-right: 5px;
}

.brand-adv-warp .brand-adv-item .brand-item-head .more .iconfont {
    font-size: 12px;
}

.brand-adv-warp .brand-adv-item-1 {
    margin-left: 0;
    width: 240px;
}

.brand-adv-warp .brand-adv-item-2 {
    width: 470px;
}

.brand-adv-warp .brand-adv-item-3 {
    width: 470px;
}

.brand-adv-warp .brand-adv-item-1 .brand-item-img img {
    width: 240px;
    height: 316px;
}

.brand-adv-warp .brand-adv-item-2 .brand-item-img img,
.brand-adv-warp .brand-adv-item-3 .brand-item-img img {
    width: 470px;
    height: 316px;
}

.festival_home .brand-channel .brand-list {
    width: 100%;
    margin-top: 20px;
}

.festival_home .brand-channel .brand-list li {
    width: 119px;
    height: 112px;
    float: left;
    overflow: hidden;
    text-align: center;
    margin: -1px -1px 0 0;
    position: relative;
    cursor: default;
}

.festival_home .brand-channel .brand-list li a {
    height: 112px;
    display: table-cell;
    vertical-align: middle;
    width: 118px;
}

.festival_home .brand-channel .brand-list .refresh-btn {
    width: 119px;
    height: 112px;
    right: 0;
}

.festival_home .brand-channel .brand-list .refresh-btn .iconfont {
    top: 33px;
}

.festival_home .brand-channel .brand-list .refresh-btn span {
    line-height: 130px;
}

.festival_home .brand-channel .brand-list .brand-mash .coupon {
    margin-top: 0;
}

.festival_home .brand-channel .brand-list .brand-mash .coupon span {
    color: #fff;
    display: block;
    line-height: 24px;
}

.festival_home .brand-channel .brand-list .brand-mash .coupon .click-enter {
    display: inline-block;
    color: rgb(255, 255, 255);
    width: 63px;
    height: 18px;
    font-size: 12px;
    line-height: 15px;
    background-color: rgb(255, 0, 54);
    border-radius: 9px;
}

.festival_home .p-img-scale {
    -webkit-transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
}

.festival_home .p-img-scale:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.second-wrapper {
    margin-top: 20px;
}

.second-wrapper .module {
    width: 595px;
    margin-left: 10px;
    background-color: #fff;
    float: left;
}

.second-wrapper .title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #449dae;
}

.second-wrapper .title h5 {
    float: left;
    margin-left: 15px;
    color: #fff;
    font-size: 20px;
}

.second-wrapper .title .more {
    float: right;
    margin-right: 10px;
    color: #fff;
}

.second-wrapper .title .more .iconfont {
    font-size: 12px;
    margin-left: 5px;
}

.second-wrapper .hh-module {
    margin-left: 0;
}

.second-wrapper .hh-module .title {}

.second-wrapper .second-content {
    position: relative;
    height: 380px;
    background-color: #fff;
    z-index: 2;
}

.second-wrapper .second-content ul {
    padding-top: 10px;
}

.second-wrapper .second-content li {
    float: left;
}

.second-wrapper .second-content .sew-item {
    width: 200px;
    height: 100px;
    margin-bottom: 20px;
}

.second-wrapper .second-content .sew-item .p-img {
    float: left;
    width: 80px;
    height: 80px;
    margin: 18px 0 0 10px;
}

.second-wrapper .second-content .sew-item .p-info {
    float: left;
    margin: 33px 0 0 16px;
    width: 76px;
}

.second-wrapper .second-content .sew-item .p-name {
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 12px;
}

.second-wrapper .second-content .sew-item .p-desc {
    width: 100%;
    height: 36px;
    line-height: 15px;
    margin-top: 2px;
    color: #449dae;
    font-size: 12px;
}

.second-wrapper .hh-module .second-content .first {
    width: 189px;
    height: 360px;
    border-right: 1px solid #eee;
}

.second-wrapper .hh-module .second-content .first .p-img {
    width: 160px;
    height: 160px;
    margin: 40px 0 0 15px;
}

.second-wrapper .hh-module .second-content .first .p-name {
    color: #333;
    width: 155px;
    height: 18px;
    overflow: hidden;
    margin: 27px 0 0 17px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    font-weight: 700;
}

.second-wrapper .hh-module .second-content .first .p-desc {
    float: left;
    width: 155px;
    height: 36px;
    overflow: hidden;
    color: #999;
    margin: 5px 0 0 17px;
}

.second-wrapper .hh-module .second-content .first .sew_btn {
    float: left;
    margin: 9px 0 0 17px;
    padding: 3px 9px;
    color: #fff;
    background-color: #449dae;
    border-radius: 2px;
}

.second-wrapper .hh-module .second-content .first .sew_btn:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.second-wrapper .tj-module .title {
    background-color: #a25684;
}

.second-wrapper .tj-module .second-content .tj-item {
    margin: 36px 0 0 30px;
    width: 264px;
}

.second-wrapper .tj-module .second-content .tj-item:nth-child(1),
.second-wrapper .tj-module .second-content .tj-item:nth-child(3) {
    float: left;
}

.second-wrapper .tj-module .second-content .tj-item:nth-child(2),
.second-wrapper .tj-module .second-content .tj-item:nth-child(4) {
    float: right;
}

.second-wrapper .tj-module .second-content .tj-item-1,
.second-wrapper .tj-module .second-content .tj-item-3 {
    float: left;
}

.second-wrapper .tj-module .second-content .tj-item-2,
.second-wrapper .tj-module .second-content .tj-item-4 {
    float: right;
}

.second-wrapper .tj-module .second-content .tj-item .tit {
    float: left;
    width: 260px;
    height: 18px;
    overflow: hidden;
}

.second-wrapper .tj-module .second-content .tj-item .tj-icon {
    display: inline-block;
    padding: 0 10px;
    line-height: 18px;
    border-radius: 9px;
    color: #FFF;
    margin-right: 8px;
    background: #a25684;
}

.second-wrapper .tj-module .second-content .tj-item .tit a:hover {
    color: #a25684;
}

.second-wrapper .tj-module .second-content .tj-item ul {
    margin-top: 10px;
}

.second-wrapper .tj-module .second-content .tj-item li {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.second-wrapper .tj-module .second-content .tj-item li img {
    display: block;
    width: 220px;
    height: 110px;
}

.second-wrapper .tj-module .second-content .line {
    position: absolute;
    left: 294px;
    width: 1px;
    height: 360px;
    background: #eee;
    top: 10px;
}

.secondwh-wrapper .module {
    width: 393px;
}

.secondwh-wrapper .tm-module {
    margin-left: 0;
}

.secondwh-wrapper .tm-module .title {
    background-color: #c43d7e;
}

.secondwh-wrapper .xp-module .title {
    background-color: #e66a07;
}

.secondwh-wrapper .phb-module .title {
    background-color: #b62323;
}

.secondwh-wrapper .second-content {
    margin: 10px auto 0;
    width: 369px;
}

.secondwh-wrapper .second-content li {
    position: relative;
    float: left;
    width: 184px;
    height: 120px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e7e7e7;
}

.secondwh-wrapper .second-content li .p-name {
    width: 72px;
    height: 40px;
    overflow: hidden;
    margin: 14px 0 0 15px;
    color: #333;
    font: 14px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    word-break: break-all;
}

.secondwh-wrapper .second-content li .p-desc {
    width: 72px;
    height: 16px;
    overflow: hidden;
    color: #999;
    margin: 10px 0 0 15px;
    font: 12px/16px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.secondwh-wrapper .second-content li .p-img {
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    bottom: 3px;
    right: 3px;
}

.secondwh-wrapper .second-content .first {
    height: 241px;
}

.secondwh-wrapper .second-content .first .p-name {
    width: 140px;
    height: 20px;
}

.secondwh-wrapper .second-content .first .p-desc {
    width: 144px;
    margin-top: 3px;
}

.secondwh-wrapper .second-content .first .p-img {
    width: 160px;
    height: 160px;
    left: 13px;
    top: auto;
    right: auto;
    bottom: 0;
}

.secondwh-wrapper .tm-module .second-content li:nth-child(1),
.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .xp-module .second-content li:nth-child(1),
.secondwh-wrapper .xp-module .second-content li:nth-child(3),
.secondwh-wrapper .xp-module .second-content li:nth-child(5) {
    border-right-width: 1px;
}

.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .tm-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(6) {
    border-bottom-width: 0;
}

.secondwh-wrapper .phb-module .com-list {}

.secondwh-wrapper .phb-module .com-ul {
    overflow: hidden;
}

.secondwh-wrapper .phb-module .com-ul:first-child {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
}

.secondwh-wrapper .phb-module .com-li {
    float: left;
    position: relative;
    width: 123px;
    height: 180px;
}

.secondwh-wrapper .phb-module .com-li .p-img {
    width: 100px;
    height: 100px;
    margin: 10px auto 0;
}

.secondwh-wrapper .phb-module .com-li .p-name {
    width: 100px;
    height: 28px;
    overflow: hidden;
    color: #333;
    margin-left: 11px;
    font: 12px/14px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    margin-top: 5px;
}

.secondwh-wrapper .phb-module .com-li .p-price {
    margin: 5px 0 0 11px;
    color: #b62323;
    font: 14px/22px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.secondwh-wrapper .phb-module .com-li .p-price em {
    font-size: 12px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 10px;
    right: 16px;
    background: url(../images/festival_home/festival_icon.png);
    color: #FFF;
    text-align: center;
    font: 12px/23px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.secondwh-wrapper .phb-module .com-li .ph-icon1 {
    background-position: -2px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon2 {
    background-position: -31px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon3 {
    background-position: -60px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon4 {
    background-position: -2px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon5 {
    background-position: -31px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon6 {
    background-position: -60px -30px;
}

.pindao-enter {
    margin-top: 20px;
}

.pindao-enter ul {
    width: 1210px;
    margin-top: -10px;
}

.pindao-enter li {
    float: left;
    position: relative;
    width: 393px;
    height: 170px;
    margin: 10px 10px 0 0;
}

.pindao-enter li a {
    display: block;
    width: 100%;
    height: 126px;
    padding-top: 44px;
}

.pindao-enter li a span.line {
    position: relative;
    display: block;
    height: 2px;
    background: url(../images/festival_home/festival_icon.png);
    margin-left: 5px;
    z-index: 1;
}

.pindao-enter li a span.n-line {
    width: 78px;
    background-position: -1px -3px;
    margin-left: 35px;
}

.pindao-enter li a span.w-line {
    background-position: 0 -11px;
    width: 154px;
    margin-left: 35px;
}

.pindao-enter li a p {
    position: relative;
    color: #FFF;
    width: 160px;
    overflow: hidden;
    z-index: 1;
}

.pindao-enter li a .name {
    font: bold 20px/26px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    height: 26px;
    margin: 5px 0 5px 35px;
}

.pindao-enter li a .desc {
    font: 14px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    height: 20px;
    margin: 5px 0 5px 35px;
}

.pindao-enter li a img {
    position: absolute;
    width: 170px;
    height: 170px;
    right: 25px;
    top: 0;
    background: 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s;
}

.pindao-enter li a:hover img {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

.pindao-enter li.item1 {
    background: #e89621;
    background: -moz-linear-gradient(center, #e89621, #f5c568);
    background: -webkit-gradient(linear, 0 0, right 0, from(#e89621), to(#f5c568));
    background: -o-linear-gradient(center, #e89621, #f5c568);
    background: -ms-linear-gradient(center, #e89621 0, #f5c568 100%);
}

.pindao-enter li.item2 {
    background: #325bb4;
    background: -moz-linear-gradient(center, #325bb4, #4c9afe);
    background: -webkit-gradient(linear, 0 0, right 0, from(#325bb4), to(#4c9afe));
    background: -o-linear-gradient(center, #325bb4, #4c9afe);
    background: -ms-linear-gradient(center, #325bb4 0, #4c9afe 100%);
}

.pindao-enter li.item3 {
    background: #1c9daf;
    background: -moz-linear-gradient(center, #1c9daf, #40cda7);
    background: -webkit-gradient(linear, 0 0, right 0, from(#1c9daf), to(#40cda7));
    background: -o-linear-gradient(center, #1c9daf, #40cda7);
    background: -ms-linear-gradient(center, #1c9daf 0, #40cda7 100%);
}

.pindao-enter li.item4 {
    background: #d13837;
    background: -moz-linear-gradient(center, #d13837, #df6d4f);
    background: -webkit-gradient(linear, 0 0, right 0, from(#d13837), to(#df6d4f));
    background: -o-linear-gradient(center, #d13837, #df6d4f);
    background: -ms-linear-gradient(center, #d13837 0, #df6d4f 100%);
}

.pindao-enter li.item5 {
    background: #ca4283;
    background: -moz-linear-gradient(center, #ca4283, #eb75cf);
    background: -webkit-gradient(linear, 0 0, right 0, from(#ca4283), to(#eb75cf));
    background: -o-linear-gradient(center, #ca4283, #eb75cf);
    background: -ms-linear-gradient(center, #ca4283 0, #eb75cf 100%);
}

.pindao-enter li.item6 {
    background: #5d40c1;
    background: -moz-linear-gradient(center, #5d40c1, #8c5fdb);
    background: -webkit-gradient(linear, 0 0, right 0, from(#5d40c1), to(#8c5fdb));
    background: -o-linear-gradient(center, #5d40c1, #8c5fdb);
    background: -ms-linear-gradient(center, #5d40c1 0, #8c5fdb 100%);
}

.festival-floormodule {
    width: 595px;
    background-color: #fff;
    box-shadow: 0 0 8px #eee;
    float: left;
    margin-top: 20px;
}

.festival-floormodule .floor-line-con {
    width: 100%;
    margin: 0;
    padding: 0;
}

.festival-floormodule .floor-hd {
    height: 45px;
    border-top: 2px solid #FFF;
}

.festival-floormodule .title {
    width: 100%;
    height: 45px;
}

.festival-floormodule .title-name {
    float: left;
    width: 181px;
    height: 45px;
    padding-left: 15px;
    font: bold 18px/45px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    color: #fff;
}

.festival-floormodule .keyword {
    float: right;
    margin: 14px 18px 0 0;
}

.festival-floormodule .keyword a {
    float: right;
    margin-left: 20px;
    font: 14px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    color: #666;
    text-decoration: none;
}

.festival-floormodule .floor-bd {
    height: auto;
    margin: 0;
}

.festival-floormodule .left-img {
    float: left;
    width: 195px;
    height: 360px;
}

.festival-floormodule .left-img .p-img {
    width: 100%;
    height: 270px;
}

.festival-floormodule .left-img .p-info {
    width: 100%;
    height: 90px;
    color: #fff;
}

.festival-floormodule .left-img .p-name {
    font: bold 20px/30px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    padding: 18px 0 0 20px;
}

.festival-floormodule .left-img .p-desc {
    font: 12px/22px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    padding-left: 20px;
}

.festival-floormodule .ul-list-img {
    float: left;
    width: 400px;
    height: 360px;
}

.festival-floormodule .ul-list-img li {
    float: left;
    width: 199px;
    height: 179px;
    border-width: 0 0 1px 1px;
    border-color: #EEE;
    border-style: solid;
    overflow: hidden;
}

.festival-floormodule .ul-list-img li .p-img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.festival-floormodule .ul-list-img li .p-name {
    width: 180px;
    height: 24px;
    overflow: hidden;
    text-align: center;
    margin: 14px auto 0;
    font: 16px/24px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    color: #333;
}

.festival-floormodule .ul-list-img li .p-desc {
    width: 180px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    font: 12px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.festival-floormodule .bottom-list {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}

.festival-floormodule .bottom-list li {
    float: left;
    position: relative;
    width: 199px;
    height: 109px;
    border-left: 1px solid #EEE;
}

.festival-floormodule .bottom-list li:first-child {
    width: 195px;
    border: 0;
}

.festival-floormodule .bottom-list li .p-name {
    width: 70px;
    color: #333;
    height: 24px;
    margin-top: 27px;
    padding-left: 20px;
    overflow: hidden;
    font: 14px/24px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.festival-floormodule .bottom-list li .p-desc {
    width: 72px;
    height: 22px;
    padding-left: 20px;
    overflow: hidden;
    font: 12px/22px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.festival-floormodule .bottom-list li .p-img {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 80px;
    height: 80px;
}

.festival-floormodule .brand-list {
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin: 0;
}

.festival-floormodule .brand-list li {
    float: left;
    width: 80px;
    height: 30px;
    margin: 9px;
    border: 0;
}

.festival-floormodule .brand-list li img {
    width: 100%;
}


/* 节日模板前台样式 */

.festival_home .header,
.festival_home .nav,
.festival_home .content {
    width: 1200px;
    margin: 0 auto;
}

.festival_home .lift-channel li {
    background-color: #fff;
}

.festival_home .ftit h3 {
    background: none;
}


/* 节日首页模板 end*/

.sellerlist {
    width: 1200px;
    float: left;
    clear: both;
}


/* 交易快照 */

.trade_snapshot .g-m-detail {
    margin-left: 0;
    width: 100%;
}

.trade_snapshot .gm-tabbox {
    width: 100%;
}

.trade_snapshot .short-share {
    display: none;
}


/* 红包领取页面 */

.bonus_content {
    width: 100%;
    min-height: 360px;
    background: url(../images/bouns_vol_bg.jpg) center center repeat-y;
}

.bonus_content .bonus_warp {
    margin: 40px 0 0 300px;
}

.bonus_content .bonus_warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.bonus_content .bonus_icon {
    width: 160px;
    height: 160px;
    display: block;
    float: left;
    background: url(../images/bouns_vol.png) no-repeat;
    margin-top: 40px;
}

.bonus_content .bonus_icon2 {
    background: url(../images/coupons_vol.png) no-repeat;
}

.bonus_content .bonus_info {
    margin-left: 50px;
    color: #fff;
    float: left;
    max-width: 680px;
}

.bonus_content .bonus_info .bonus_info_title {
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

.bonus_content .bonus_info .bonus_info_title h1 {
    font-size: 36px;
}

.bonus_content .bonus_info .bonus_info_title span {
    font-size: 24px;
}

.bonus_content .bonus_info .bonus_info_con {
    margin-top: 15px;
}

.bonus_content .bonus_info .bonus_info_con p {
    font-size: 14px;
    color: #eee;
    line-height: 22px;
}

.bonus_content .bonus_info .bonus_info_btn {
    margin-top: 5px;
}

.bonus_content .bonus_info .bonus_info_btn input {
    outline: 0;
}

.bonus_content .bonus_info .bonus_notic {
    height: 200px;
    line-height: 200px;
    font-size: 36px;
}


/* 店铺营业执照 详情信息 */

.mallInfo {
    float: left;
    border: solid 1px #dedede;
    background: #f7f7f7;
    width: 220px;
    padding: 10px 5px;
}

.mallInfo .item {
    float: left;
    width: 100%;
    padding: 5px;
}

.mallInfo .item .label {
    float: left;
    width: 72px;
}

.mallInfo .item .value {
    float: left;
}

.mallInfo .item .value .s-score {
    margin: 0;
}

.mallInfo .item .value .iconfont {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin: 1px 0 0 3px;
}

.mallInfo .item .value .grade_img {
    width: 20px;
    max-height: 20px;
}

.mallInfo .item .value.dsc-store-item .s-score-info {
    top: 15px;
}

.ratingMore {
    float: left;
    width: 946px;
    margin-left: 20px;
    border: 1px solid #dcdcdc;
}

.ratingMore .rm_title {
    padding: 5px 10px;
    font-weight: bold;
    border-bottom: solid 1px #dddddd;
    box-shadow: 0 1px 2px #ddd;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f3f3f3));
    background: -o-linear-gradient(top, #ffffff, #f3f3f3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
}

.ratingMore ul {
    margin: 15px 20px;
}

.ratingMore ul li {
    padding: 6px 5px;
}

.ratingMore ul li h2 {
    font-size: 14px;
    font-weight: bold;
}

.ratingMore ul li .label {
    font-weight: bold;
    width: 120px;
    float: left;
}

.ratingMore ul li .value {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    margin-left: 10px;
    width: 760px;
}

.ratingMore ul li .noMargin {
    width: 100%;
}

.ratingMore ul li .qualification-img {
    max-width: 900px;
}

#videoPlay {
    cursor: pointer;
}

@media screen and (min-width:1230px) and (max-width:1450px) {
    .w1390 {
        width: 1200px !important;
    }
    .header .w1390 .dsc-search {
        width: 546px;
        margin-left: 78px;
    }
    .header .w1390 .dsc-search .search-text {
        width: 378px;
    }
    .hotsale.w1390 li {
        width: 266px;
        margin-right: 15px;
    }
    .hotsale.w1390 li.last {
        margin-right: 0;
    }
    .hotsale.w1390 .item .p-img {
        margin-right: 10px;
    }
    .hotsale.w1390 .item .p-name {
        width: 146px;
    }
    .w1390 .g-view {
        width: 1226px;
    }
    .w1390 .goods-list {
        width: 978px;
    }
    .w1390 .goods-spread,
    .w1390 .goods-spread .gs-warp {
        margin-top: 0;
    }
    .w1390 .goods-spread .g-stop {
        display: none;
    }
    .merchants_shop .w1390 .goods-list {
        width: 1200px;
    }
    .merchants_shop .w1390 .goods-list .gl-item {
        width: 240px;
    }
    .merchants_shop .w1390 .goods-list .gl-i-wrap .p-img {
        width: 218px;
    }
    .merchants_shop .w1390 .goods-list .gl-i-wrap .p-operate a {
        width: 60px;
    }
    .merchants_shop .w1390 .goods-list .gl-i-wrap .p-operate .addcart {
        width: 90px;
    }
    .w1390 .p-panel-main .gl-list {
        height: 276px;
        overflow: hidden;
    }
    .w1390 .gl-h-item .gl-i-wrap .col {
        margin-right: 1%;
    }
    .w1390 .gl-h-item .gl-i-wrap .col-1 {
        width: 38%;
    }
    .w1390 .gl-h-item .gl-i-wrap .col-4 {
        margin-right: 0;
        width: 24%;
    }
}

@charset "UTF-8";

/* home start*/


/*首页悬浮搜索栏*/

.attached-search-container {
    display: block;
    margin: 0 auto;
    position: fixed;
    top: -60px;
    height: 60px;
    width: 100%;
    z-index: 10000;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: top .3s ease-out;
    -moz-transition: top .3s ease-out;
    -ms-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out;
    background-color: #fff;
}

.attached-search-container .w1200 {
    position: relative;
    z-index: 10;
}

.attached-search-container.show {
    top: 0;
    box-shadow: 0 0 10px 2px rgba(90, 90, 90, .6);
}

.attached-search-container .fp-iconfont {
    width: 220px;
    height: 58px;
    float: left;
    position: relative;
}

.attached-search-container .fp-iconfont a {
    width: 220px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

.attached-search-container .fp-iconfont a img {
    max-width: 220px;
    max-height: 58px;
}

.attached-search-container .mall-search {
    float: left;
    margin-left: 100px;
    margin-top: 12px;
}

.attached-search-container .mall-search .dsc-search {
    margin: 0;
}

.mall-search .ecsc-search-tabs .shop_search li {
    background-color: transparent;
}

.mall-search .ecsc-search-tabs .shop_search li.curr {
    background: #ec5151;
}

.mall-search .ecsc-search-input {
    background-color: transparent;
    color: #999;
    outline: 0;
}


/*首页悬浮注册登录 by yanxin*/

.attached-search-container .suspend-login {
    float: left;
    margin-left: 80px;
    margin-top: 12px;
    line-height: 34px;
    width: 90px;
    overflow: hidden;
}

.attached-search-container .suspend-login .nick_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content {
    position: relative;
    z-index: 2;
}

.banner {
    position: relative;
    width: 100%;
}

.home-banner,
.home-banner .bd {
    height: 393px;
    width: 100%;
    display: block;
    overflow: hidden;
    /* background: #f6f6f6; */
    padding-top: 10px;
}

.home-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.home-banner .banner-width a {
    width: 100%;
    height: 500px;
    display: block;
}

.banner .hd {
    text-align: center;
    position: relative;
    width: 100%;
}

.banner .hd ul {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 25px;
    padding: 4px 8px;
    border-radius: 12px;
    background-color: hsla(0, 0%, 100%, .3);
    font-size: 0;
}

.banner .hd ul li {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 50%;
    cursor: pointer;
    margin-right: 5px;
}

.banner .hd ul li.on {
    background-color: rgba(255, 255, 255, 1);
}

.banner .hd ul li:last-child {}

.vip-outcon {
    width: 1265px;
    margin: -500px auto 0;
    height: 0;
    position: relative;
}

.vip-outcon .vip-con {
    width: 253px;
    height: 394px;
    position: absolute;
    right: 12px;
    top: -2px;
    z-index: 100;
    background-color: #fff;
    margin-top: 12px;
    border: 1px solid #eee;
}

.userVip-info {
    width: 224px;
    position: relative;
    margin: 0 auto;
    height: 182px;
}

.userVip-info .icon-spin {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}

.userVip-info-logined {
    height: 92px;
}


/*登录成功userVip-info高度变低*/

.avatar {
    width: 80px;
    height: 80px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    margin: 10px auto 5px;
}

.avatar img {
    width: 80px;
    height: 80px;
}

.login-info {
    width: 150px;
    height: 75px;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
}

.login-info span {
    display: block;
    color: #333;
    line-height: 25px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.login-info a {
    display: block;
    float: left;
    line-height: 22px;
    width: 68px;
    height: 22px;
    border: 1px solid #333;
    text-align: center;
}

.login-info a.login-button {
    margin-right: 10px;
}

.login-info a.login-success {
    border-color: #f42424;
    color: #f42424;
    float: none;
    width: 108px;
    margin: 0 auto;
}

.login-info a:hover,
.login-info a.register_button {
    border-color: #f42424;
    color: #f42424;
}

.login-info a.login-success:hover {
    background-color: #f42424;
    color: #fff;
}


/*.login-info .login-button{ width:96px; height:26px; line-height:26px; border:2px solid #f42424; color:#f42424;}
.login-info .login-button:hover{ background-color:#f42424; color:#fff;}*/

.vip-item {
    width: 100%;
    height: 98px;
    position: relative;
    background: #fff;
}

.vip-item-logined {
    height: 178px;
}

.vip-item .tit {
    background-color: #eee;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #555;
    padding-left: 18px;
}

.vip-item .tit .tab_head_item {
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 5px 0;
    position: relative;
}

.vip-item .tit .tab_head_item:first-child {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 12px;
}

.vip-item .tit .tab_head_item .news_tab_active {
    width: 26px;
    height: 1px;
    background-color: #f42424;
    display: block;
    position: absolute;
    top: 18px;
    left: -1px;
    display: none;
}

.vip-item .tit .tab_head_item.on .news_tab_active {
    display: block;
}

.vip-item .tit .tab_head_item.on {
    color: #f42424;
}

.vip-item .con {
    margin: 0px 7px;
    line-height: 22px;
    color: #555;
    height: 70px;
}

.vip-item .con li {
    width: 204px;
    height: 24px;
    overflow: hidden;
}

.vip-item .con li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vip-item .kj_con {
    padding-top: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.vip-item .kj_con .item {
    text-align: center;
    padding-bottom: 9px;
    flex: 1;
}

.vip-item .kj_con .item .iconfont {
    display: block;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin: 15px 0 5px;
}

.vip-item .kj_con .item a {
    color: #333;
}

.vip-item .kj_con .item_1,
.vip-item .kj_con .item_2,
.vip-item .kj_con .item_4,
.vip-item .kj_con .item_5 {
    border-right: 1px solid #eee;
}

.vip-item .kj_con .item_4,
.vip-item .kj_con .item_5,
.vip-item .kj_con .item_6 {
    border-top: 1px solid #eee;
    padding-bottom: 9px;
}


/*.vip-item .kj_con .item_1{ margin-right:13px; padding-bottom:9px; border-bottom:1px solid #bbb;}
.vip-item .kj_con .item_2{ margin-bottom:10px; padding-left:14px; border-left:1px solid #bbb;}
.vip-item .kj_con .item_3{ margin-top:9px; padding-right:13px; border-right:1px solid #bbb;}
.vip-item .kj_con .item_4{ margin-left:14px; padding-top:8px; border-top:1px solid #bbb;}*/

.box_hd_arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 19px solid #fff;
    border-right: 19px solid transparent;
}

.box_hd_dec {
    background: url(../images/index/sprite_index.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    left: -4px;
    top: -4px;
}

.channel-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.seckill-channel {
    width: 100%;
    margin-top: 20px;
}

.seckill-channel .box-hd {
    height: 50px;
    background-color: #ff6633;
    line-height: 24px;
    position: relative;
}

.seckill-channel .box-hd .box_hd_dec {
    background-position: 0 -82px;
}

.seckill-channel .box-hd .box-hd-icon {
    display: block;
    width: 63px;
    height: 31px;
    background: url(../images/seckill.png) no-repeat;
    float: left;
    margin: 9px 15px 0 0;
}

.sk-time-cd {
    height: 30px;
    line-height: 30px;
    padding: 10px 0;
    float: left;
    font-size: 14px;
    color: #fff;
}

.sk-cd-tit {
    float: left;
    margin-right: 6px;
}

.cd-time {
    overflow: hidden;
}

.cd-time * {
    float: left;
}

.cd-time div {
    min-width: 24px;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    font-size: 21px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    position: relative;
}


/*.cd-time div:before,.cd-time div:after{ content:''; background:#f42424; width:100%; height:1px; position:absolute; left:0; top:50%;}*/

.cd-time span {
    margin: 0 5px;
}


/*首页秒杀  更多 by yanxin*/

.sk-more {
    height: 30px;
    line-height: 30px;
    padding: 10px 25px;
    float: right;
    font-size: 14px;
}

.sk-more a {
    color: #fff;
    float: left
}

.sk-more i.arrow {
    background: url(../images/index/right_arrow.png) no-repeat;
    width: 15px;
    height: 16px;
    float: left;
    margin-top: 7px;
    margin-left: 10px
}


/* 2020/08/26 曹注释
.seckill-channel .box-bd{ 
     height: auto;
   
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 1px;
    width:80%;
    float:left;
    display:inline-block;
} */

.seckill-channel .box-bd li {
    float: left;
    width: 232px;
    margin-right: 8px;
    margin-top: 5px;
}

.seckill-channel .box-bd li:last-child {
    margin-right: 0;
}

.seckill-channel .box-bd .p-img {
    width: 232px;
    height: 232px;
    display: block;
    position: relative;
}

.seckill-channel .box-bd .p-name {
    height: 38px;
    line-height: 38px;
    width: 100%;
    font-size: 14px;
}

.seckill-channel .box-bd .p-name a {
    color: #555;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seckill-channel .box-bd .p-name a:hover {
    color: #e23435;
}

.seckill-channel .box-bd .p-over {
    height: 60px;
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.seckill-channel .box-bd .p-info {
    width: 86px;
    height: 0;
    border-top: none;
    border-top: 60px solid #eee;
    border-right: transparent 60px solid;
    border-left: none;
    position: absolute;
    left: 0;
}

.seckill-channel .box-bd .p-info .p-price {
    float: left;
    width: 145px;
    height: 48px;
    padding-top: 12px;
    position: absolute;
    top: -60px;
}

.seckill-channel .box-bd .p-info .p-price span {
    display: block;
    padding-left: 16px;
}

.seckill-channel .box-bd .p-info .shop-price {
    line-height: 20px;
}

.seckill-channel .box-bd .p-btn {
    width: 86px;
    height: 0;
    border-top: none;
    border-bottom: 60px solid #ff6633;
    border-left: transparent 60px solid;
    border-right: none;
    position: absolute;
    right: 0;
}

.seckill-channel .box-bd .p-btn a {
    color: #fff;
    font-size: 14px;
    display: block;
    width: 76px;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    position: absolute;
}

.seckill-channel .box-bd .p-btn:hover {
    border-bottom-color: #0095d8;
}

.seckill-channel .box-bd .prev,
.seckill-channel .box-bd .next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
}

.seckill-channel .box-bd .prev {
    left: 0;
}

.seckill-channel .box-bd .next {
    right: 0;
}

.seckill-channel .box-bd .prev .iconfont,
.seckill-channel .box-bd .next .iconfont {
    font-size: 20px;
    line-height: 70px;
}

.seckill-channel .box-bd:hover .prev,
.seckill-channel .box-bd:hover .next {
    display: block;
}

.seckill-channel .box-bd .prev:hover,
.seckill-channel .box-bd .next:hover {
    background: rgba(0, 0, 0, .5)
}

.seckill-channel .seckill_end_notic {
    text-align: center;
    height: 100%;
    line-height: 300px;
    background-color: #dbe0e3;
    font-size: 16px;
}

.need-channel {
    width: 1210px;
    height: auto;
    margin-top: 20px;
}

.need-channel .channel-column {
    width: 232px;
    height: 330px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.need-channel .channel-column:last-child {
    margin-right: 0;
}

.need-channel .channel-column .column-img {
    width: 155px;
    height: 155px;
    margin: 20px auto 0;
}

.need-channel .channel-column .column-img img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.need-channel .channel-column .column-img:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.need-channel .channel-column .column-title,
.need-channel .channel-column .column-btn {
    position: relative;
}

.need-channel .channel-column .column-title {
    color: #fff;
    min-height: 82px;
    overflow: hidden;
}

.need-channel .channel-column .column-title h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 25px;
}

.need-channel .channel-column .column-title p {
    font-size: 14px;
}

.need-channel .channel-column .column-btn {
    display: block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 17px;
    left: 46px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.need-channel .channel-column .column-btn:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.color-type-0 .column-btn {
    color: #96572a;
}

.color-type-1 .column-btn {
    color: #aa4af0;
}

.color-type-2 .column-btn {
    color: #f5467d;
}

.color-type-3 .column-btn {
    color: #e68d19;
}

.color-type-4 .column-btn {
    color: #8a47ee;
}

.brand-channel {
    width: 100%;
    margin-top: 20px;
}

.brand-channel .home-brand-adv {
    width: 474px;
    height: 178px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.brand-channel .home-brand-adv .dsc_more_img {
    width: 484px;
    height: 178px;
    display: block;
}

.brand-channel .brand-list {
    float: left;
    width: 716px;
    position: relative;
    margin: 0;
}

.brand-channel .brand-list li {
    width: 118px;
    height: 58px;
    float: left;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    text-align: center;
    margin: -1px -1px 0 0;
    position: relative;
    cursor: default;
}

.brand-channel .brand-list .brand-img {
    margin: 0 auto;
    background-color: #fff;
    display: block;
}

.brand-channel .brand-list .brand-img a {
    display: table-cell;
    vertical-align: middle;
    width: 118px;
    height: 58px;
}

.brand-channel .brand-list .brand-img a img {
    width: 100px;
    height: auto;
}

.brand-channel .brand-list .refresh-btn {
    width: 118px;
    height: 58px;
    display: block;
    color: #999;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 2px;
    overflow: hidden;
    transition: all .3s ease-out;
    z-index: 500;
    border: 1px solid #f5f5f5;
    margin: -1px -1px 0 0;
    text-align: center;
}

.brand-channel .brand-list .refresh-btn span {
    display: inline-block;
    font-size: 14px;
    line-height: 75px;
}

.brand-channel .brand-list .refresh-btn .iconfont {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    top: 6px;
}

.brand-channel .brand-list .refresh-btn:hover {
    background: #f42424;
    color: #fff;
}

.brand-channel .brand-list .refresh-btn:hover .iconfont {
    animation: rotate .5s ease-out 0s;
    -webkit-animation: rotate .5s ease-out 0s;
}

.brand-channel .brand-list .brand-mash {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #333;
    background-color: rgba(0, 0, 0, .8);
    transition: all .3s ease-out;
    opacity: 0;
    filter: alpha(opacity=0);
}

.brand-channel .brand-list li:hover .brand-mash {
    opacity: 1;
    filter: alpha(opacity=100);
}

.brand-channel .brand-list .brand-mash .iconfont {
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    z-index: 20;
    -ms-transition: color .3s;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.brand-channel .brand-list .brand-mash .icon-zan-alts {
    color: #f42424;
}

.brand-channel .brand-list .brand-mash .coupon {
    color: #fff;
    text-align: center;
    margin-top: 14px;
    line-height: 16px;
}

.brand-channel .brand-list .brand-mash .coupon a {
    color: #fff;
}

.full-banner {
    width: 1200px;
    margin: 30px auto 0;
    overflow: hidden;
}

.floor-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.floor-line-con {
    padding-top: 30px;
    animation: fadeIn .5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.floor-hd {
    width: 100%;
    height: 58px;
    color: #fff;
    position: relative;
}

.floor-hd .hd-tit {
    font-size: 21px;
    line-height: 58px;
    padding-left: 25px;
    float: left;
}

.floor-hd .hd-tags {
    float: right;
    padding-right: 5px;
}

.floor-hd .hd-tags li {
    float: left;
    width: 98px;
    height: 28px;
    line-height: 28px;
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #f9f9f9\0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
    margin: 14px 10px 14px 0;
    font-size: 14px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.floor-hd .hd-tags li span {
    display: block;
    width: 88px;
    height: 28px;
    padding: 0 5px;
    overflow: hidden;
}

.floor-hd .hd-tags li .arrowImg {
    position: absolute;
    left: -1px;
    display: none;
}

.floor-hd .hd-tags li.current {
    border-bottom: 0;
}

.floor-hd .hd-tags li.current .arrowImg {
    display: block;
}

.floor-bd {
    margin-top: 10px;
    overflow: hidden;
    height: 570px;
}

.floor-bd .bd-left {
    float: left;
    width: 475px;
    height: 100%;
}

.floor-bd .bd-right {
    float: right;
    width: 715px;
    height: 100%;
}

.floor-left-slide,
.floor-left-slide .bd {
    overflow: hidden;
    position: relative;
}

.floor-left-slide .bd li {
    float: left;
    width: 100%;
    height: auto;
}

.floor-left-slide .hd {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 12px;
    text-align: center;
    font-size: 0;
}

.floor-left-slide .hd li {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a0a0a0;
    margin-right: 5px;
    cursor: pointer;
}

.floor-left-slide .hd li.last {
    margin-right: 0;
}

.floor-left-slide .hd li.on {
    background-color: #fff;
}

.floor-left-adv {
    float: left;
}

.floor-left-adv a {
    display: block;
}

.f-r-main {
    width: calc(100% + 12px);
    float: left;
    margin-top: -10px;
    display: none;
}

.f-r-m-adv {
    display: block;
}

.f-r-main .f-r-m-item {
    float: left;
    width: 232px;
    height: 280px;
    position: relative;
    margin: 10px 10px 0 0;
}

.f-r-main .f-r-m-i-double {
    width: 474px;
}

.f-r-main .f-r-m-item .title {
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    z-index: 2;
    left: 25px;
    top: 20px;
}

.f-r-main .f-r-m-item .title h3 {
    color: #555;
}

.f-r-main .f-r-m-item img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 232px;
    height: 280px;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
}

.f-r-main .f-r-m-item:hover img {
    right: 5px;
}

.f-r-main .f-r-m-i-double img {
    width: 474px;
}

.f-r-main .p-list {
    margin-left: 18px;
    width: calc(100% + 28px);
}

.f-r-main .p-list li {
    float: left;
    width: 200px;
    height: 280px;
    margin: 10px 36px 0 0;
}

.f-r-main .p-list li .p-img {
    width: 200px;
    height: 200px;
    display: block;
}

.f-r-main .p-list li .p-name {
    color: #555;
    line-height: 20px;
    font-size: 14px;
    margin-top: 10px;
    height: 38px;
    overflow: hidden;
}

.f-r-main .p-list li .p-price {
    font-size: 16px;
    color: #f42424;
    margin-top: 8px;
    line-height: 20px;
}

.f-r-main .p-list li:hover .p-name {
    color: #e23435;
}

.f-r-main .p-list .original-price {
    display: none;
}

.bd-mode-01 .floor-left-slide {
    float: left;
    width: 232px;
    height: 100%;
    position: relative;
}

.bd-mode-01 .floor-left-slide .bd li,
.bd-mode-01 .floor-left-slide .bd li img {
    height: 570px;
    width: 232px;
}

.bd-mode-01 .floor-left-adv {
    margin-left: 10px;
}

.bd-mode-01 .floor-left-adv a:first-child {
    margin-bottom: 10px;
}

.bd-mode-01 .floor-left-adv a img,
.bd-mode-02 .floor-left-adv a img {
    width: 232px;
    height: 280px;
}

.bd-mode-02 .floor-left-slide {
    float: left;
    width: 474px;
    height: 280px;
    position: relative;
}

.bd-mode-02 .floor-left-slide .bd li,
.bd-mode-02 .floor-left-slide .bd li img {
    height: 280px;
    width: 474px;
}

.bd-mode-02 .floor-left-adv {
    width: 100%;
    margin-top: 10px;
}

.bd-mode-02 .floor-left-adv a {
    float: left;
}

.bd-mode-02 .floor-left-adv a:first-child {
    margin-right: 10px;
}

.bd-mode-03 .floor-left-adv a:first-child {
    margin-bottom: 10px;
}

.bd-mode-04 .floor-left-slide {
    float: left;
    width: 474px;
    height: 280px;
    position: relative;
    margin-top: 10px;
}

.bd-mode-04 .floor-left-slide .bd li,
.bd-mode-04 .floor-left-slide .bd li img {
    width: 474px;
    height: 280px;
}

.bd-mode-04 .floor-left-adv {
    width: 100%;
}

.bd-mode-04 .floor-left-adv a {
    float: left;
}

.bd-mode-04 .floor-left-adv a:first-child {
    margin-right: 10px;
}

.floor-fd {
    margin-top: 10px;
    width: 100%;
    height: 60px;
}

.floor-fd-brand {
    overflow: hidden;
    height: 60px;
}

.floor-fd-brand .item {
    width: 118px;
    height: 58px;
    border: 1px solid #fff;
    float: left;
    text-align: center;
    position: relative;
}

.floor-fd-brand .item a {}

.floor-fd-brand .item .img {
    width: 118px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

.floor-fd-brand .item .img img {
    max-width: 118px;
}

.floor-fd-brand .item .link,
.floor-fd-brand .item .link-l {
    height: 30px;
    width: 1px;
    background-color: #f8f8f8;
    position: absolute;
    top: 15px;
    z-index: 9;
}

.floor-fd-brand .item .link {
    right: -2px;
}

.floor-fd-brand .item .link-l {
    left: -1px;
}

.floor-fd-brand .item:last-child .link {
    right: 0;
}

.floor-fd-brand .item:hover {
    border-color: #f8f8f8;
}

.floor-fd-brand .item:hover .link {
    display: none;
}

.floormodule {
    overflow: hidden;
    width: 596px;
    float: left;
}

.floormodule .floor-content {
    width: 100%;
    margin: 0;
}

.floormodule .floor-line-con {
    width: 100%;
}

.floormodule .floor-bd {
    width: 596px;
    height: 480px;
}

.floormodule .floor-bd .bd-left {
    width: 232px;
}

.floormodule .floor-bd .bd-right {
    width: 364px;
}

.floormodule .f-r-main {
    width: 100%;
}

.floormodule .f-r-main .f-r-m-item {
    width: 172px;
    height: 235px;
    margin: 10px 0 0 10px;
}

.floormodule .f-r-main .f-r-m-item img {
    width: 172px;
    height: 235px;
}

.floormodule .f-r-main .f-r-m-item.f-r-m-i-double,
.floormodule .f-r-main .f-r-m-item.f-r-m-i-double img {
    width: 354px;
    height: 235px;
}

.floormodule .f-r-main .p-list {
    width: 100%;
    margin-left: 0;
}

.floormodule .f-r-main .p-list li {
    width: 150px;
    height: 235px;
    margin: 10px 0 0 25px;
}

.floormodule .f-r-main .p-list li .p-img {
    width: 150px;
    height: 150px;
}

.floormodule .f-r-main .p-list li .p-name {
    height: 40px;
    overflow: hidden;
}

.floormodule .floor-fd-brand .item,
.floor-fd-brand .item .img {
    width: 117px;
}

.floormodule .floor-hd .hd-tit {
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.floor-loading {
    width: 1200px;
    height: 668px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: none;
}

.floor-loading .floor-loading-warp {
    width: 1200px;
    height: 668px;
    display: table-cell;
    vertical-align: middle;
}

.goods-floor-loading,
.goods-floor-loading .floor-loading-warp {
    height: 300px;
}


/*新增楼层模板 start*/

.floor-line-con .floor-bd .p-list li.nobor {
    border: 0;
}

.f-r-curr {
    display: block;
}

.p-img img {
    width: 100%;
    height: 100%;
}

.floorThree .f-r-main {
    margin-top: 0;
}

.p-list-item {
    float: left;
    width: 230px;
    height: 288px;
    position: relative;
    margin: 10px 10px 0 0;
    border: 1px solid #eeeeee;
}

.p-list-item .product {
    padding: 15px 15px;
}

.p-list-item .p-img {
    width: 200px;
    height: 200px;
}

.p-list-item .p-name {
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
}

.p-list-item .p-name a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.p-list-item .p-price {
    text-align: left;
    margin-top: 5px;
}

.floor-bd .p-list {
    float: left;
}

.floor-bd .p-list li .product {
    padding: 18px 20px;
}

.floor-bd .p-list li .p-img,
.floor-bd .p-list li .p-img img {
    width: 160px;
    height: 160px;
}

.floor-bd .p-list li .p-name {
    margin-top: 10px;
    text-align: left;
    width: 100%;
    height: auto;
}

.floor-bd .p-list li .p-name a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.floor-bd .p-list li .p-price {
    text-align: left;
    margin-top: 5px;
}

.floor-bd .p-list li.left-child {
    border-left-color: #fff;
}

.floor-bd .p-list li.right-child {
    border-right-color: #fff;
}

.floor-bd .p-list li .fr-btn {
    width: 100%;
    height: 40px;
    background-color: #f42424;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    display: block;
}


/*第一套可视化楼层样式*/

.floorOne .f-r-main .p-list li .product {
    padding: 0;
}

.floorOne .f-r-main .p-list li .p-img,
.floorOne .f-r-main .p-list li .p-img img {
    width: 200px;
    height: 200px;
}

.floorOne .f-r-main .p-list li .p-name {
    height: 38px;
}

.floorOne .f-r-main .p-list li .p-name a {
    text-overflow: clip;
    white-space: normal;
}

.floorOne .floor-bd .p-list li .p-price {
    margin-top: 8px;
}


/*第二套可视化楼层样式*/

.floorTwo .f-r-main .p-list li .product {
    padding: 0;
}

.floorTwo .f-r-main .p-list li .product .p-img,
.floorTwo .f-r-main .p-list li .product .p-img img {
    width: 150px;
    height: 150px;
}

.floorTwo .f-r-main .p-list li .product .p-name {
    height: 40px;
}

.floorTwo .f-r-main .p-list li .product .p-name a {
    text-overflow: clip;
    white-space: normal;
}


/*第三套可视化楼层样式*/

.floorThree .floor-hd {
    color: #333;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 6px;
}

.floorThree .floor-hd .hd-tit {
    padding: 0;
}

.floorThree .floor-hd .hd-tags {
    padding-right: 0;
}

.floorThree .floor-hd .hd-tags li {
    border: 0;
    background: none;
    margin: 18px 0 12px 40px;
    width: auto;
}

.floorThree .floor-hd .hd-tags li.current {
    color: #f42424;
}

.floorThree .floor-bd {
    height: 600px;
    margin-top: 0;
}

.floorThree .bd-left {
    width: 232px;
    margin: 10px 10px 0 0;
}

.floorThree .bd-right {
    width: 958px;
}

.floorThree .bd-right .floor-left-adv {
    margin: 10px 10px 0 0;
}

.floorThree .bd-right .f-r-m-item {
    float: left;
    width: 232px;
    height: 290px;
    position: relative;
    margin: 10px 10px 0 0;
}

.floorThree .bd-right .f-r-m-item img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 232px;
    height: 290px;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
}

.floorThree .bd-right .f-r-m-item:hover img {
    right: 5px;
}

.floorThree .bd-right .f-r-m-item .title {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    width: 100%;
    text-align: center;
    bottom: 20px;
    top: inherit;
    left: 0;
}

.floorThree .bd-right .f-r-m-item .title h3,
.floorThree .bd-right .f-r-m-item .title span {
    color: #555;
    font-weight: normal;
    font-size: 14px;
}

.FT-bd-more-01 {
    overflow: hidden;
    margin-top: 0;
}

.FT-bd-more-01 ul {
    width: 1210px;
    margin-top: 10px;
}

.FT-bd-more-01 li {
    float: left;
    width: 232px;
    height: 590px;
    margin-right: 10px;
}

.FT-bd-more-01 li:last-child {
    margin-right: 0;
}

.floorThree .f-r-m-adv {
    margin-top: 0;
}

.FT-bd-more-04 .floor-left-adv a {
    margin-bottom: 10px;
}

.FT-bd-more-04 .floor-left-adv a:last-child {
    margin-bottom: 0;
}


/*第四套可视化楼层样式*/

.floorFour .floor-hd {
    height: 45px;
}

.floorFour .floor-hd .hd-tit {
    line-height: 45px;
    font-size: 22px;
}

.floorFour .floor-hd .hd-tags li {
    width: auto;
    border: 0;
    background: none;
    margin: 8px 0 9px;
    padding: 0 15px;
}

.floorFour .floor-hd .hd-tags li.current {
    color: #f42424;
}

.floorFour .floor-bd {
    height: 520px;
    overflow: hidden;
    margin-top: 0;
}

.floorFour .floor-bd .bd-left {
    width: 200px;
}

.floorFour .floor-bd .bd-right {
    width: 1000px;
    float: left;
}

.floorFour .floor-bd .floor-left-adv {
    float: left;
    width: 200px;
    height: 520px;
}

.floorFour .floor-bd .floor-left-adv img {
    width: 100%;
    height: 100%;
}

.floorFour .floor-bd .p-list {
    float: left;
}

.floorFour .floor-bd .p-list li {
    float: left;
    width: 199px;
    height: 259px;
    text-align: center;
    border: 1px solid #dcdcdc;
    margin: -1px 0 0 -1px;
}

.floorFour .f-r-main {
    margin-top: 0;
}

.floorFour .p-list {
    margin: 0;
    width: 100%;
}

.floorFour .FF-bd-more-01 .bd-left,
.floorFour .FF-bd-more-01 .bd-right {
    width: 50%;
    float: left;
}

.floorFour .FF-bd-more-01 .p-list {
    width: 400px;
}

.floorFour .p-list li.left-child,
.floorFour .FF-bd-more-02 .p-list li:nth-child(5n + 1),
.floorFour .FF-bd-more-03 .p-list li:nth-child(5n + 1) {
    border-left-color: #fff;
}

.floorFour .FF-bd-more-04 .bd-right {
    width: 100%;
}

.floorFour .FF-bd-more-04 .p-list li.left-child,
.floorFour .FF-bd-more-04 .p-list li:nth-child(6n + 1) {
    margin-left: 0;
    border-left-color: #dcdcdc;
    width: 198px;
}


/*第五套可视化楼层样式*/

.floorFive .floor-hd {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #696969;
}

.floorFive .floor-hd .hd-tit {
    color: #333;
    font-size: 24px;
    padding-left: 20px;
}

.floorFive .floor-hd .hd-tit .iconfont {
    color: #4accf1;
    float: left;
}

.floorFive .floor-hd .hd-tit i.iconfont {
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 18px 0;
}

.floorFive .floor-hd .hd-tit i.iconfont img {
    width: 24px;
    height: 24px;
}

.floorFive .floor-hd .hd-tit em.iconfont {
    font-size: 12px;
    margin: 0 10px;
}

.floorFive .floor-hd .hd-tags {
    padding: 0;
}

.floorFive .floor-hd .hd-tags li {
    border-color: #d2d2d2;
    border-radius: 15px;
    color: #888888;
    font-size: 12px;
    background: #fff;
    margin: 15px 0 15px 10px;
}

.floorFive .floor-hd .hd-tags li.current {
    border: 1px #4accf1 solid;
    color: #4accf1;
}

.floorFive .floor-bd {
    margin-top: 20px;
    height: auto;
    min-height: 450px;
}

.floorFive .floor-fd {
    height: 95px;
    margin-top: 20px;
}

.floorFive .floor-fd .floor-fd-slide {
    overflow: hidden;
    position: relative;
}

.floorFive .floor-fd .floor-fd-slide .bd {
    width: 1120px;
    height: 95px;
    overflow: hidden;
    margin: 0 auto;
}

.floorFive .floor-fd .floor-fd-slide .bd li {
    float: left;
    width: 280px;
    height: 95px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-img {
    float: left;
    width: 95px;
    height: 95px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-info {
    float: left;
    margin-left: 12px;
    width: 173px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-name {
    font-size: 12px;
    width: 150px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 12px;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-name a {
    display: block;
}

.floorFive .floor-fd .floor-fd-slide .bd li .p-price {
    font-size: 18px;
    margin-top: 5px;
}

.floorFive .floor-fd .floor-fd-slide .ff-prev,
.floorFive .floor-fd .floor-fd-slide .ff-next {
    width: 23px;
    height: 40px;
    display: block;
    background: url(../images/floor4prevNext.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.floorFive .floor-fd .floor-fd-slide .ff-prev {
    left: 0px;
    background-position: 0px 0px;
}

.floorFive .floor-fd .floor-fd-slide .ff-next {
    right: 0px;
    background-position: -45px 0px;
}

.floorFive .floor-bd .f-r-main {
    width: 100%;
}

.floorFive .floor-bd .bd-left {
    width: 477px;
}

.floorFive .floor-bd .floor-left-slide {
    float: left;
    width: 477px;
    height: 450px;
    position: relative;
}

.floorFive .floor-bd .f-bd-item {
    float: left;
    margin-left: 5px;
    width: 236px;
}

.floorFive .floor-bd .fr-adv {
    position: relative;
    width: 236px;
    height: 280px;
}

.floorFive .floor-bd .fr-adv .title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px;
}

.floorFive .floor-bd .fr-adv .title h3 {
    font-size: 24px;
    color: #4accf1;
}

.floorFive .floor-bd .fr-adv .title span {
    font-size: 14px;
    color: #888;
    display: block;
    margin-top: 3px;
}

.floorFive .floor-bd .floor-adv {
    width: 236px;
    height: 165px;
}

.floorFive .p-list {
    margin: 0;
}

.floorFive .p-list li {
    float: left;
    width: 230px;
    height: 288px;
    position: relative;
    margin: 10px 10px 0 0;
    border: 1px solid #eeeeee;
}

.floorFive .p-list li .p-img,
.floorFive .p-list li .p-img img {
    width: 200px;
    height: 200px;
}

.floorFive .FFI-bd-more-01 .bd-left {
    width: 100%;
}

.floorFive .FFI-bd-more-01 .bd-left .floor-left-adv {
    overflow: hidden;
}

.floorFive .FFI-bd-more-01 .bd-left .floor-left-adv li {
    float: left;
    width: 236px;
    height: 450px;
    margin-left: 5px;
}

.floorFive .FFI-bd-more-01 .bd-left .floor-left-adv li img {
    width: 100%;
    height: 100%;
}

.floorFive .FFI-bd-more-02 .bd-right {
    float: left;
    width: 723px;
}

.floorFive .FFI-bd-more-03 .bd-left {
    width: 718px;
}

.floorFive .FFI-bd-more-03 .bd-left .floor-left-slide {
    margin-left: 5px;
}

.floorFive .FFI-bd-more-03 .bd-right {
    width: 482px;
}

.floorFive .FFI-bd-more-04 .bd-left {
    width: 482px;
}

.floorFive .FFI-bd-more-04 .bd-right {
    width: 718px;
}

.floorFive .FFI-bd-more-04 .bd-right .floor-left-slide {
    margin-right: 5px;
}

.floorFive .FFI-bd-more-05 .bd-left {
    width: 718px;
}

.floorFive .FFI-bd-more-05 .bd-right {
    width: 482px;
}

.floorFive .FFI-bd-more-05 .bd-right .floor-left-slide {
    margin-left: 5px;
}


/*第六套可视化楼层样式*/

.floorSix .floor-hd {
    height: 50px;
    line-height: 50px;
}

.floorSix .floor-hd .hd-tit {
    font-size: 22px;
    color: #333;
    padding-left: 0;
    line-height: 50px;
}

.floorSix .floor-hd .hd-tit i {
    display: block;
    float: left;
    width: 5px;
    height: 20px;
    background: #c891ff;
    margin: 15px 15px 15px 0;
}

.floorSix .floor-hd .hd-tags {
    float: left;
    padding: 0 0 0 30px;
}

.floorSix .floor-hd .hd-tags li {
    color: #888;
    margin: 11px 0;
    border: 0;
    width: auto;
    padding: 0 15px;
}

.floorSix .floor-hd .hd-tags li.current {
    color: #f42424;
}

.floorSix .floor-bd {
    height: 480px;
}

.floorSix .floor-bd .bd-left {
    width: 400px;
    position: relative;
}

.floorSix .floor-bd .bd-right {
    float: left;
    width: 800px;
}

.floorSix .floor-bd .floor-left-adv {
    width: 100%;
}

.floorSix .floor-bd .floor-left-adv .f-bd-item {
    width: 198px;
    height: 478px;
    float: left;
    border: 1px solid #f0f0f0;
    margin: 0 0 0 -1px;
}

.floorSix .floor-bd .floor-left-adv .f-bd-item img {
    width: 100%;
    height: 100%;
}

.floorSix .floor-bd .floor-left-adv .child-double {
    width: 398px;
}

.floorSix .floor-bd .floor-left-adv .child-double a {
    width: 398px;
    height: 238px;
    display: block;
}

.floorSix .floor-bd .floor-left-adv .child-double a:first-child {
    border-bottom: 1px solid #f0f0f0;
}

.floorSix .floor-left-slide .hd {
    bottom: 90px;
}

.floorSix .floor-brand {
    width: 380px;
    height: 60px;
    position: absolute;
    background: #fff;
    left: 10px;
    bottom: 10px;
    overflow: hidden;
}

.floorSix .floor-brand .fb-bd {
    width: 344px;
    margin: 0 auto;
}

.floorSix .floor-brand .fb-bd li {
    width: 104px;
    height: 46px;
    border: 1px solid #fff;
    float: left;
    text-align: center;
    position: relative;
    margin: 6px 8px 6px 0;
}

.floorSix .floor-brand .fb-bd li a {
    width: 104px;
    height: 46px;
    display: table-cell;
    vertical-align: middle;
}

.floorSix .floor-brand .fb-bd li a img {
    width: 104px;
    height: 46px;
}

.floorSix .floor-brand .fs_prev,
.floorSix .floor-brand .fs_next {
    width: 16px;
    height: 36px;
    line-height: 38px;
    display: block;
    position: absolute;
    background: #d7d7d7;
    top: 12px;
    color: #fff;
}

.floorSix .floor-brand .fs_prev {
    left: 0;
}

.floorSix .floor-brand .fs_next {
    right: 0;
}

.floorSix .floor-tabs-content {
    float: left;
}

.floorSix .f-r-main {
    float: left;
    width: 100%;
    margin: 0;
}

.floorSix .f-r-main .p-list li {
    width: 199px;
    height: 239px;
    border: 1px solid #f0f0f0;
    float: left;
    margin: 0 0 -1px -1px;
    position: relative;
}

.floorSix .f-r-main .p-list li.child-curr {
    height: 238px;
}

.floorSix .f-r-main .p-list li .product {
    width: 150px;
    padding: 20px 24px 15px;
}

.floorSix .f-r-main .p-list li .product .p-img,
.floorSix .f-r-main .p-list li .product .p-img img {
    width: 150px;
    height: 150px;
}

.floorSix .f-r-main .p-list li .product .p-name {
    font-size: 12px;
}

.floorSix .f-r-main .p-list li .fr-btn {
    display: none;
    position: absolute;
    bottom: 0;
}

.floorSix .f-r-main .p-list li:hover .fr-btn {
    display: block;
}

.floorSix .FS-bd-more-01 .floor-left-adv {
    width: 800px;
}

.floorSix .FS-bd-more-01 .p-list li:nth-child(1),
.floorSix .FS-bd-more-01 .p-list li:nth-child(2),
.floorSix .FS-bd-more-01 .p-list li:nth-child(3),
.floorSix .FS-bd-more-01 .p-list li:nth-child(4),
.floorSix .FS-bd-more-02 .p-list li:nth-child(1),
.floorSix .FS-bd-more-02 .p-list li:nth-child(2),
.floorSix .FS-bd-more-03 .p-list li:nth-child(1),
.floorSix .FS-bd-more-03 .p-list li:nth-child(2),
.floorSix .FS-bd-more-03 .p-list li:nth-child(3),
.floorSix .FS-bd-more-04 .p-list li:nth-child(1),
.floorSix .FS-bd-more-04 .p-list li:nth-child(2),
.floorSix .FS-bd-more-04 .p-list li:nth-child(3),
.floorSix .FS-bd-more-04 .p-list li:nth-child(4) {
    height: 238px;
}

.floorSix .FS-bd-more-02 .floor-left-adv {
    width: 400px;
}

.floorSix .FS-bd-more-02 .floor-left-adv .f-bd-item {
    border-right-color: #fff;
}

.floorSix .FS-bd-more-02 .floor-tabs-content {
    width: 400px;
}

.floorSix .floor-tabs-content .p-list {
    margin-left: 0;
}

.floorSix .FS-bd-more-03 .floor-left-adv {
    width: 200px;
}

.floorSix .FS-bd-more-03 .floor-tabs-content {
    width: 600px;
}


/*第七套可视化楼层样式*/

.floorSeven .floor-bd {
    height: 440px;
}

.floorSeven .bd-left {
    width: 400px;
    position: relative;
}

.floorSeven .bd-right {
    width: 800px;
}

.floorSeven .bd-right .floor-left-adv {
    width: 200px;
}

.floorSeven .bd-right .floor-tabs-content {
    float: left;
    width: 800px;
}

.floorSeven .bd-right .f-r-main {
    width: 100%;
    margin-top: 0;
}

.floorSeven .bd-right .p-list li {
    float: left;
    width: 199px;
    height: 218px;
    border: 1px solid #f0f0f0;
    margin: 0 0 -1px -1px;
}

.floorSeven .bd-right .p-list li.child-curr {
    height: 219px;
}

.floorSeven .bd-right .p-list li.child-double {
    width: 401px;
    border: 0;
}

.floorSeven .bd-right .p-list .product {
    width: 130px;
    padding: 20px 35px 19px;
}

.floorSeven .bd-right .p-list .product .p-img,
.floorSeven .bd-right .p-list .product .p-img img {
    width: 130px;
    height: 130px;
}

.floorSeven .bd-right .p-list li .product .p-name {
    font-size: 12px;
    height: auto;
}

.floorSeven .bd-right .p-list li .p-price {
    margin-top: 3px;
}

.floorSeven .floor-nav {
    width: 130px;
    height: 400px;
    padding: 20px 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .1);
}

.floorSeven .floor-nav li {
    width: 88px;
    height: 28px;
    line-height: 28px;
    float: right;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, .2);
    text-indent: 15px;
    margin: 10px 20px 0 0;
    position: relative;
    -o-transition: width .3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
    -ms-transition: width .3s;
    transition: width .3s;
    cursor: pointer;
}

.floorSeven .floor-nav li.current {
    width: 108px;
    background-color: #fff;
    color: #333;
    margin-left: 0;
    text-indent: 35px;
}

.floorSeven .floor-nav li i {
    width: 8px;
    height: 8px;
    background-color: #fff;
    position: absolute;
    right: -5px;
    top: 10px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: none;
}

.floorSeven .floor-nav li.current i {
    display: block;
}

.floorSeven .FSE-bd-more-01 .floor-tabs-content {
    width: 600px;
}

.floorSeven .bd-right .p-list {
    width: auto;
    margin: 0;
}

.floorSeven .bd-right .p-list-two {
    width: 200px;
}

.floorSeven .bd-right .p-list-two li {
    border-right-color: #fff;
}

.floorSeven .bd-right .p-list-four {
    width: 400px;
}

.floorSeven .bd-right .p-list-six {
    width: 600px;
}


/*第八套可视化楼层样式*/

.floorEight .floor-hd {
    color: #333;
}

.floorEight .floor-hd .hd-tit {
    font-size: 24px;
    font-weight: bold;
    padding: 0;
}

.floorEight .floor-hd li {
    width: auto;
    padding: 0 20px;
    margin: 22px 0;
    border: 0;
    border-right: 1px solid #ccc;
    height: 14px;
    line-height: 14px;
    background: none;
}

.floorEight .floor-hd li:last-child {
    border-right: 0;
    padding-right: 0;
}


/*.floorEight .floor-hd li.current{ color:#f78b4c;}*/

.floorEight .floor-bd {
    height: 430px;
    margin: 0;
}

.floorEight .bd-left {
    width: 232px;
}

.floorEight .bd-left .floor_silder {
    position: relative;
}

.floorEight .bd-left .floor_silder .bd {
    position: relative;
    margin-top: 62px;
}

.floorEight .bd-left .floor_silder .bd ul {
    width: 195px;
    height: 330px;
    margin: 0 auto;
    position: relative;
}

.floorEight .bd-left .floor_silder .bd li {
    width: 195px;
    height: 330px;
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
}

.floorEight .bd-left .floor_silder .bd li.img_first {
    top: 0;
    left: 0;
    z-index: 100;
}

.floorEight .bd-left .floor_silder .bd li.img_second {
    top: -9px;
    left: 12px;
    z-index: 90;
    width: 170px;
}

.floorEight .bd-left .floor_silder .bd li.img_third {
    top: -18px;
    left: 22px;
    z-index: 80;
    width: 150px;
}

.floorEight .bd-left .floor_silder .bd li a {
    padding-top: 30px;
    display: block;
    width: 150px;
    margin: 0 auto;
}

.floorEight .bd-left .floor_silder .bd li .silder-img img {
    width: 148px;
    height: 160px;
}

.floorEight .bd-left .floor_silder .bd li .color_mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 330px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.4;
    background-color: #f89d5d;
}

.floorEight .bd-left .bd li:nth-child(1) .color_mask {
    opacity: 0;
}

.floorEight .bd-left .bd li:nth-child(2) .color_mask {
    opacity: 0.5;
}

.floorEight .bd-left .bd li:nth-child(3) .color_mask {
    opacity: 0.8;
}

.floorEight .bd-left .bd li .silder-title {
    padding-top: 20px;
}

.floorEight .bd-left .bd li .silder-title h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.floorEight .bd-left .bd li .silder-title span {
    font-size: 14px;
    color: #333;
    display: block;
    padding-top: 5px;
}

.floorEight .bd-left .hd {
    position: absolute;
    bottom: 36px;
    width: 100%;
    display: block;
    text-align: center;
    z-index: 101;
}

.floorEight .bd-left .hd li {
    width: 22px;
    height: 4px;
    background-color: #ccc;
    display: inline-block;
    margin-right: 5px;
}

.floorEight .bd-left .hd li:last-child {
    margin-right: 0;
}

.floorEight .bd-left .hd li.on {
    background-color: #f9a270;
}

.floorEight .FE-bd-more-01 {
    height: 280px;
}

.floorEight .FE-bd-more-01 .bd-left {
    width: 393px;
    height: 280px;
}

.floorEight .FE-bd-more-01 .bd-right {
    width: 807px;
}

.floorEight .FE-bd-more-01 .bd-right .floor-left-adv a {
    float: left;
    width: 192px;
    height: 280px;
    float: left;
    margin-left: 10px;
    display: block;
}

.floorEight .FE-bd-more-01 .bd-right .floor-left-adv a:last-child {
    margin-left: 9px;
}

.floorEight .bd-right {
    float: left;
    width: 968px;
}

.floorEight .f-r-main {
    margin-top: 0;
}

.floorEight .p-list {
    margin: 0;
    width: 100%;
}

.floorEight .bd-right .p-list li {
    float: left;
    width: 241px;
    height: 213px;
    border: 1px solid #f0f0f0;
    text-align: center;
    margin: 0 0 -1px -1px;
}

.floorEight .bd-right .p-list li.child-double {
    width: 484px;
    height: 215px;
    border: 0;
    margin: 0
}

.floorEight .bd-right .p-list li.child-double .floor-left-adv img {
    width: 484px;
    height: 215px;
}

.floorEight .bd-right .p-list li .product {
    padding: 11px 20px;
}

.floorEight .bd-right .p-list li .p-img,
.floorEight .bd-right .p-list li .p-img img {
    width: 130px;
    height: 130px;
    display: inline-block;
}

.floorEight .bd-right .p-list li .p-name {
    font-size: 12px;
    margin-top: 15px;
    text-align: center;
}

.floorEight .bd-right .p-list li .p-price {
    margin-top: 5px;
    text-align: center;
}

.floorEight .FE-bd-more-02 .bd-right .p-list li:nth-child(2),
.floorEight .FE-bd-more-02 .bd-right .p-list li:nth-child(3),
.floorEight .FE-bd-more-03 .bd-right .p-list li:nth-child(-n+4),
.floorEight .FE-bd-more-04 .bd-right .p-list li:nth-child(-n+2),
.floorEight .FE-bd-more-05 .bd-right .p-list li:nth-child(1) {
    height: 214px;
}

.floorEight .FE-bd-more-04 .p-list,
.floorEight .FE-bd-more-04 .floor-left-adv {
    width: 484px;
}

.floorEight .FE-bd-more-05 .p-list,
.floorEight .FE-bd-more-05 .floor-left-adv {
    width: 242px;
}

.floorEight .FE-bd-more-02 .bd-left {
    background: #f9ab57;
    background: -moz-linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -webkit-linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -webkit-linear-gradient(60deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -moz-linear-gradient(60deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: -o-linear-gradient(60deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    background: linear-gradient(30deg, #f9ab57 0%, #fab775 32%, #f78a4b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9ab57', endColorstr='#f78a4b', GradientType=1);
}

.floorEight .FE-bd-more-03 .bd-left {
    background: #93cbff;
    background: -moz-linear-gradient(30deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -webkit-linear-gradient(30deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -webkit-linear-gradient(60deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -moz-linear-gradient(60deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: -o-linear-gradient(60deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    background: linear-gradient(30deg, #93cbff 0%, #6ec7ff 32%, #7066ef 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#93cbff', endColorstr='#7066ef', GradientType=1);
}

.floorEight .FE-bd-more-04 .bd-left {
    background: #c0b3f8;
    background: -moz-linear-gradient(30deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -webkit-linear-gradient(30deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -webkit-linear-gradient(60deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -moz-linear-gradient(60deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: -o-linear-gradient(60deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    background: linear-gradient(30deg, #c0b3f8 0%, #b9c2ff 32%, #978dfb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c0b3f8', endColorstr='#978dfb', GradientType=1);
}

.floorEight .FE-bd-more-05 .bd-left {
    background: #ff8fb7;
    background: -moz-linear-gradient(30deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -webkit-linear-gradient(30deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -webkit-linear-gradient(60deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -moz-linear-gradient(60deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: -o-linear-gradient(60deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    background: linear-gradient(30deg, #ff8fb7 0%, #ff9cd6 32%, #ff86d0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff8fb7', endColorstr='#ff86d0', GradientType=1);
}


/*第九套可视化楼层样式*/

.floorNine {
    position: relative;
    padding: 0;
    margin-top: 40px;
}

.floorNine .floor-hd {
    height: 45px;
    line-height: 45px;
    background-color: #b8143c;
    position: relative;
}

.floorNine .floor-hd .hd-tags {
    padding: 0;
}

.floorNine .floor-hd .hd-tags li {
    height: 24px;
    line-height: 24px;
    width: auto;
    padding: 0 10px;
    margin: 10px 20px 9px 0;
    background: none;
    border: 1px solid #b8143c;
}

.floorNine .floor-hd .hd-tags li.current {
    border: 1px solid rgba(255, 255, 255, .5);
}

.floorNine .floor-tit-arrow {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    background-color: #61051b;
    transform: rotate(45deg);
    top: -6px;
    left: 186px;
}

.floorNine .floor-bd {
    height: 530px;
}

.floorNine .floor-bd .bd-left {
    position: absolute;
    width: 193px;
    height: 585px;
    top: -10px;
    background-color: #f31349;
}

.floorNine .floor-bd .bd-left-title {
    height: 55px;
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
}

.floorNine .floor-bd .bd-left-title h3 {
    font-weight: bold;
    padding-top: 5px;
    font-size: 24px;
}

.floorNine .floor-bd .bd-left-title i {
    display: inline-block;
    width: 16px;
    height: 1px;
    background-color: #fff;
    margin: 10px 88px 0;
    float: left;
}

.floorNine .floor-bd .floor-left-slide {
    width: 160px;
    margin: 25px auto 0;
    overflow: visible;
}

.floorNine .floor-bd .floor-left-slide .hd {
    bottom: -28px;
}

.floorNine .floor-bd .floor-left-slide .hd li {
    margin-right: 10px;
    background: rgba(255, 255, 255, .4);
}

.floorNine .floor-bd .floor-left-slide .hd li.on {
    background: rgba(255, 255, 255, .7);
}

.floorNine .floor-bd .floor-left-slide .hd li:last-child {
    margin-right: 0;
}

.floorNine .floor-bd .floor-left-slide .bd {
    height: 457px;
}

.floorNine .floor-bd .bd-right {
    width: 1000px;
    margin: -10px 0 0 7px;
}

.floorNine .floor-bd .bd-right .f-r-main {
    margin: 0;
}

.floorNine .f-r-main .f-r-m-items {
    float: left;
    width: 500px;
}

.floorNine .f-r-main .f-r-m-item {
    margin: 10px 0 0 10px;
    width: 240px;
    height: 255px;
}

.floorNine .f-r-main .f-r-m-item .title {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    width: 100%;
    text-align: center;
    bottom: 10px;
    top: inherit;
    left: inherit;
}

.floorNine .f-r-main .f-r-m-item .title h3 {
    font-size: 18px;
    color: #333;
}

.floorNine .f-r-main .f-r-m-item .title span {
    font-size: 14px;
    color: #999;
}

.floorNine .f-r-main .f-r-m-item img {
    width: 100%;
    height: 100%;
}

.floorNine .f-r-main .floor-left-adv {
    width: 500px;
}

.floorNine .f-r-main .floor-left-adv a {
    width: 240px;
    height: 255px;
    float: left;
    margin: 10px 0 0 10px;
}

.floorNine .f-r-main .floor-left-adv .adv-module {
    width: 490px;
}

.floorNine .f-r-main .p-list-item {
    float: left;
    width: 238px;
    height: 253px;
    margin: 10px 0 0 10px;
    border: 1px solid #eee;
}

.floorNine .f-r-main .p-list-item .product {
    width: 190px;
    padding: 23px 25px;
    text-align: center;
}

.floorNine .f-r-main .p-list-item .product .p-img {
    width: 142px;
    height: 142px;
    margin: 0 auto;
}

.floorNine .f-r-main .p-list-item .product .p-name {
    font-size: 14px;
    width: 100%;
}

.floorNine .f-r-main .p-list-item .product .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
}

.floorNine .f-r-main .p-list-item .product .p-price {
    margin-top: 5px;
}

.floorNine.FN-bd-more-01 .floor-hd {
    background-color: #b8143c;
}

.floorNine.FN-bd-more-01 .floor-tit-arrow {
    background-color: #61051b;
}

.floorNine.FN-bd-more-01 .bd-left {
    background-color: #f31349;
}

.floorNine.FN-bd-more-02 .floor-hd {
    background-color: #da8500;
}

.floorNine.FN-bd-more-02 .floor-tit-arrow {
    background-color: #9f6101;
}

.floorNine.FN-bd-more-02 .bd-left {
    background-color: #f39c13;
}

.floorNine.FN-bd-more-03 .floor-hd {
    background-color: #8300d7;
}

.floorNine.FN-bd-more-03 .floor-tit-arrow {
    background-color: #7100b8;
}

.floorNine.FN-bd-more-03 .bd-left {
    background-color: #9c13f3;
}

.floorNine.FN-bd-more-04 .floor-hd {
    background-color: #00c679;
}

.floorNine.FN-bd-more-04 .floor-tit-arrow {
    background-color: #018451;
}

.floorNine.FN-bd-more-04 .bd-left {
    background-color: #00e58c;
}


/*第十套可视化楼层样式*/

.floorTen .floor-title {
    text-align: center;
}

.floorTen .floor-title-con {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    position: relative;
}

.floorTen .floor-title-con h3 {
    display: block;
    width: 200px;
    padding: 0 20px;
    background-color: #e11853;
    font-size: 20px;
    color: #fff;
}

.floorTen .floor-title-con i {
    width: 0;
    height: 0;
    border-bottom: 44px solid rgba(255, 24, 83, .3);
    position: absolute;
    top: 0;
}

.floorTen .floor-title-con i.left-arrow {
    left: -10px;
    border-left: 10px solid transparent;
}

.floorTen .floor-title-con i.right-arrow {
    right: -10px;
    border-right: 10px solid transparent;
}

.floorTen .floor-bd {
    height: 473px;
    margin-top: 0;
}

.floorTen .bd-left {
    width: 200px;
    position: relative;
}

.floorTen .floor-left-slide .hd {
    bottom: 135px;
    height: 5px;
}

.floorTen .floor-left-slide .hd li {
    border-radius: inherit;
    width: 20px;
    height: 5px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, .5);
}

.floorTen .floor-left-slide .hd li.on {
    background-color: #fff;
}

.floorTen .floor-left-slide .hd li:last-child {
    margin-right: 0;
}

.floorTen .floor-nav {
    position: absolute;
    width: 200px;
    top: 358px;
}

.floorTen .floor-nav ul {
    margin-left: 11px;
    width: 189px;
}

.floorTen .floor-nav li {
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 0 7px;
    margin: 0 6px 8px 0;
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .1);
    float: left;
    cursor: pointer;
}

.floorTen .floor-nav li.current {
    border-color: #fff;
}

.floorTen .bd-right {
    width: 1000px;
}

.floorTen .floor-bd .bd-right .f-r-main {
    margin: 0;
}

.floorTen .bd-right .p-list {
    width: auto;
    margin: 0;
}

.floorTen .bd-right .p-list .li {
    float: left;
    width: 199px;
    height: auto;
    border: 1px solid #eee;
    margin: 0 0 -1px -1px;
}

.floorTen .bd-right .p-list .li .product {
    padding: 10px 20px 10px 20px;
    height: 215px;
}

.floorTen .bd-right .p-list .li .product .p-img {
    width: 158px;
    height: 158px;
}

.floorTen .bd-right .p-list .li .product .p-name {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.floorTen .bd-right .p-list .li .product .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.floorTen .bd-right .p-list .li .product .p-name a:hover {
    color: #f42424;
}

.floorTen .bd-right .p-list .li .product .p-price {
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    font-size: 16px;
    color: #f42424;
}

.floorTen .bd-right .p-list .child-double {
    width: 399px;
    height: 235px;
    border: 1px solid #eee;
    margin: 0 0 -1px -1px;
}


/*新增楼层模板 end*/


/*floor color start*/

.box_hd_arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 19px solid #fff;
    border-right: 19px solid transparent;
}

.box_hd_dec {
    width: 28px;
    height: 28px;
    position: absolute;
    left: -4px;
    top: -4px;
}

.floorOne.floor-color-type-1 .floor-hd,
.floorTwo.floor-color-type-1 .floor-hd,
.floorFour.floor-color-type-1 .floor-hd,
.floorSix.floor-color-type-1 .floor-hd .hd-tit i {
    background-color: #d84566;
}

.floorOne.floor-color-type-1 .f-r-m-item .title span,
.floorTwo.floor-color-type-1 .f-r-m-item .title span {
    color: #d84566;
}

.floorOne.floor-color-type-1 .box_hd_dec,
.floorTwo.floor-color-type-1 .box_hd_dec {
    background-position: -1px -1px;
}

.floorOne.floor-color-type-2 .floor-hd,
.floorTwo.floor-color-type-2 .floor-hd,
.floorFour.floor-color-type-2 .floor-hd,
.floorSix.floor-color-type-2 .floor-hd .hd-tit i {
    background-color: #ec7546;
}

.floorOne.floor-color-type-2 .f-r-m-item .title span,
.floorTwo.floor-color-type-2 .f-r-m-item .title span {
    color: #ec7546;
}

.floorOne.floor-color-type-2 .box_hd_dec,
.floorTwo.floor-color-type-2 .box_hd_dec {
    background-position: -45px -1px;
}

.floorOne.floor-color-type-3 .floor-hd,
.floorTwo.floor-color-type-3 .floor-hd,
.floorFour.floor-color-type-3 .floor-hd,
.floorSix.floor-color-type-3 .floor-hd .hd-tit i {
    background-color: #3aab6d;
}

.floorOne.floor-color-type-3 .f-r-m-item .title span,
.floorTwo.floor-color-type-3 .f-r-m-item .title span {
    color: #3aab6d;
}

.floorOne.floor-color-type-3 .box_hd_dec,
.floorTwo.floor-color-type-3 .box_hd_dec {
    background-position: -85px -1px;
}

.floorOne.floor-color-type-4 .floor-hd,
.floorTwo.floor-color-type-4 .floor-hd,
.floorFour.floor-color-type-4 .floor-hd,
.floorSix.floor-color-type-4 .floor-hd .hd-tit i {
    background-color: #498bad;
}

.floorOne.floor-color-type-4 .f-r-m-item .title span,
.floorTwo.floor-color-type-4 .f-r-m-item .title span {
    color: #498bad;
}

.floorOne.floor-color-type-4 .box_hd_dec,
.floorTwo.floor-color-type-4 .box_hd_dec {
    background-position: -125px -1px;
}

.floorOne.floor-color-type-5 .floor-hd,
.floorTwo.floor-color-type-5 .floor-hd,
.floorFour.floor-color-type-5 .floor-hd,
.floorSix.floor-color-type-5 .floor-hd .hd-tit i {
    background-color: #aa5586;
}

.floorOne.floor-color-type-5 .f-r-m-item .title span,
.floorTwo.floor-color-type-5 .f-r-m-item .title span {
    color: #aa5586;
}

.floorOne.floor-color-type-5 .box_hd_dec,
.floorTwo.floor-color-type-5 .box_hd_dec {
    background-position: -165px -1px;
}

.floorOne.floor-color-type-6 .floor-hd,
.floorTwo.floor-color-type-6 .floor-hd,
.floorFour.floor-color-type-6 .floor-hd,
.floorSix.floor-color-type-6 .floor-hd .hd-tit i {
    background-color: #f6c024;
}

.floorOne.floor-color-type-6 .f-r-m-item .title span,
.floorTwo.floor-color-type-6 .f-r-m-item .title span {
    color: #f6c024;
}

.floorOne.floor-color-type-6 .box_hd_dec,
.floorTwo.floor-color-type-6 .box_hd_dec {
    background-position: -2px -42px;
}

.floorOne.floor-color-type-7 .floor-hd,
.floorTwo.floor-color-type-7 .floor-hd,
.floorFour.floor-color-type-7 .floor-hd,
.floorSix.floor-color-type-7 .floor-hd .hd-tit i {
    background-color: #39b6b6;
}

.floorOne.floor-color-type-7 .f-r-m-item .title span,
.floorTwo.floor-color-type-7 .f-r-m-item .title span {
    color: #39b6b6;
}

.floorOne.floor-color-type-7 .box_hd_dec,
.floorTwo.floor-color-type-7 .box_hd_dec {
    background-position: -43px -41px;
}

.floorOne.floor-color-type-8 .floor-hd,
.floorTwo.floor-color-type-8 .floor-hd,
.floorFour.floor-color-type-8 .floor-hd,
.floorSix.floor-color-type-8 .floor-hd .hd-tit i {
    background-color: #8364a4;
}

.floorOne.floor-color-type-8 .f-r-m-item .title span,
.floorTwo.floor-color-type-8 .f-r-m-item .title span {
    color: #8364a4;
}

.floorOne.floor-color-type-8 .box_hd_dec,
.floorTwo.floor-color-type-8 .box_hd_dec {
    background-position: -85px -41px;
}

.floorOne.floor-color-type-9 .floor-hd,
.floorTwo.floor-color-type-9 .floor-hd,
.floorFour.floor-color-type-9 .floor-hd,
.floorSix.floor-color-type-9 .floor-hd .hd-tit i {
    background-color: #ff889e;
}

.floorOne.floor-color-type-9 .f-r-m-item .title span,
.floorTwo.floor-color-type-9 .f-r-m-item .title span {
    color: #ff889e;
}

.floorOne.floor-color-type-9 .box_hd_dec,
.floorTwo.floor-color-type-9 .box_hd_dec {
    background-position: -125px -41px;
}

.floorOne.floor-color-type-10 .floor-hd,
.floorTwo.floor-color-type-10 .floor-hd,
.floorFour.floor-color-type-10 .floor-hd,
.floorSix.floor-color-type-10 .floor-hd .hd-tit i {
    background-color: #569b86;
}

.floorOne.floor-color-type-10 .f-r-m-item .title span,
.floorTwo.floor-color-type-10 .f-r-m-item .title span {
    color: #569b86;
}

.floorOne.floor-color-type-10 .box_hd_dec,
.floorTwo.floor-color-type-10 .box_hd_dec {
    background-position: -165px -41px;
}

.floorOne.floor-color-type-11 .floor-hd,
.floorTwo.floor-color-type-11 .floor-hd,
.floorFour.floor-color-type-11 .floor-hd,
.floorSix.floor-color-type-11 .floor-hd .hd-tit i {
    background-color: #1698ce;
}

.floorOne.floor-color-type-11 .f-r-m-item .title span,
.floorTwo.floor-color-type-11 .f-r-m-item .title span {
    color: #1698ce;
}

.floorOne.floor-color-type-11 .box_hd_dec,
.floorTwo.floor-color-type-11 .box_hd_dec {
    background-position: -45px -82px;
}

.floorOne.floor-color-type-12 .floor-hd,
.floorTwo.floor-color-type-12 .floor-hd,
.floorFour.floor-color-type-12 .floor-hd,
.floorSix.floor-color-type-12 .floor-hd .hd-tit i {
    background-color: #339d7b;
}

.floorOne.floor-color-type-12 .f-r-m-item .title span,
.floorTwo.floor-color-type-12 .f-r-m-item .title span {
    color: #339d7b;
}

.floorOne.floor-color-type-12 .box_hd_dec,
.floorTwo.floor-color-type-12 .box_hd_dec {
    background-position: -84px -82px;
}

.floorOne.floor-color-type-13 .floor-hd,
.floorTwo.floor-color-type-13 .floor-hd,
.floorFour.floor-color-type-13 .floor-hd,
.floorSix.floor-color-type-13 .floor-hd .hd-tit i {
    background-color: #de9c10;
}

.floorOne.floor-color-type-13 .f-r-m-item .title span,
.floorTwo.floor-color-type-13 .f-r-m-item .title span {
    color: #de9c10;
}

.floorOne.floor-color-type-13 .box_hd_dec,
.floorTwo.floor-color-type-13 .box_hd_dec {
    background-position: -125px -82px;
}

.floorOne.floor-color-type-14 .floor-hd,
.floorTwo.floor-color-type-14 .floor-hd,
.floorFour.floor-color-type-14 .floor-hd,
.floorSix.floor-color-type-14 .floor-hd .hd-tit i {
    background-color: #00bbc8;
}

.floorOne.floor-color-type-14 .f-r-m-item .title span,
.floorTwo.floor-color-type-14 .f-r-m-item .title span {
    color: #00bbc8;
}

.floorOne.floor-color-type-14 .box_hd_dec,
.floorTwo.floor-color-type-14 .box_hd_dec {
    background-position: -164px -82px;
}

.floorOne.floor-color-type-15 .floor-hd,
.floorTwo.floor-color-type-15 .floor-hd,
.floorFour.floor-color-type-15 .floor-hd,
.floorSix.floor-color-type-15 .floor-hd .hd-tit i {
    background-color: #63ca9b;
}

.floorOne.floor-color-type-15 .f-r-m-item .title span,
.floorTwo.floor-color-type-15 .f-r-m-item .title span {
    color: #63ca9b;
}

.floorOne.floor-color-type-15 .box_hd_dec,
.floorTwo.floor-color-type-15 .box_hd_dec {
    background-position: -1px -123px;
}

.floorOne.floor-color-type-16 .floor-hd,
.floorTwo.floor-color-type-16 .floor-hd,
.floorFour.floor-color-type-16 .floor-hd,
.floorSix.floor-color-type-16 .floor-hd .hd-tit i {
    background-color: #cd75ce;
}

.floorOne.floor-color-type-16 .f-r-m-item .title span,
.floorTwo.floor-color-type-16 .f-r-m-item .title span {
    color: #cd75ce;
}

.floorOne.floor-color-type-16 .box_hd_dec,
.floorTwo.floor-color-type-16 .box_hd_dec {
    background-position: -45px -123px;
}

.floorOne.floor-color-type-17 .floor-hd,
.floorTwo.floor-color-type-17 .floor-hd,
.floorFour.floor-color-type-17 .floor-hd,
.floorSix.floor-color-type-17 .floor-hd .hd-tit i {
    background-color: #a28bed;
}

.floorOne.floor-color-type-17 .f-r-m-item .title span,
.floorTwo.floor-color-type-17 .f-r-m-item .title span {
    color: #a28bed;
}

.floorOne.floor-color-type-17 .box_hd_dec,
.floorTwo.floor-color-type-17 .box_hd_dec {
    background-position: -84px -123px;
}

.floorOne.floor-color-type-18 .floor-hd,
.floorTwo.floor-color-type-18 .floor-hd,
.floorFour.floor-color-type-18 .floor-hd,
.floorSix.floor-color-type-18 .floor-hd .hd-tit i {
    background-color: #4accf1;
}

.floorOne.floor-color-type-18 .f-r-m-item .title span,
.floorTwo.floor-color-type-18 .f-r-m-item .title span {
    color: #4accf1;
}

.floorOne.floor-color-type-18 .box_hd_dec,
.floorTwo.floor-color-type-18 .box_hd_dec {
    background-position: -124px -123px;
}

.floorOne.floor-color-type-19 .floor-hd,
.floorTwo.floor-color-type-19 .floor-hd,
.floorFour.floor-color-type-19 .floor-hd,
.floorSix.floor-color-type-19 .floor-hd .hd-tit i {
    background-color: #f14ad3;
}

.floorOne.floor-color-type-19 .f-r-m-item .title span,
.floorTwo.floor-color-type-19 .f-r-m-item .title span {
    color: #f14ad3;
}

.floorOne.floor-color-type-19 .box_hd_dec,
.floorTwo.floor-color-type-19 .box_hd_dec {
    background-position: -164px -123px;
}

.floorOne.floor-color-type-20 .floor-hd,
.floorTwo.floor-color-type-20 .floor-hd,
.floorFour.floor-color-type-20 .floor-hd,
.floorSix.floor-color-type-20 .floor-hd .hd-tit i {
    background-color: #ff6c6e;
}

.floorOne.floor-color-type-20 .f-r-m-item .title span,
.floorTwo.floor-color-type-20 .f-r-m-item .title span {
    color: #ff6c6e;
}

.floorOne.floor-color-type-20 .box_hd_dec,
.floorTwo.floor-color-type-20 .box_hd_dec {
    background-position: -1px -163px;
}

.floorOne.floor-color-type-21 .floor-hd,
.floorTwo.floor-color-type-21 .floor-hd,
.floorFour.floor-color-type-21 .floor-hd,
.floorSix.floor-color-type-21 .floor-hd .hd-tit i {
    background-color: #dd4137;
}

.floorOne.floor-color-type-21 .f-r-m-item .title span,
.floorTwo.floor-color-type-21 .f-r-m-item .title span {
    color: #dd4137;
}

.floorOne.floor-color-type-21 .box_hd_dec,
.floorTwo.floor-color-type-21 .box_hd_dec {
    background-position: -45px -163px;
}

.floorOne.floor-color-type-22 .floor-hd,
.floorTwo.floor-color-type-22 .floor-hd,
.floorFour.floor-color-type-22 .floor-hd,
.floorSix.floor-color-type-22 .floor-hd .hd-tit i {
    background-color: #5bc6ab;
}

.floorOne.floor-color-type-22 .f-r-m-item .title span,
.floorTwo.floor-color-type-22 .f-r-m-item .title span {
    color: #5bc6ab;
}

.floorOne.floor-color-type-22 .box_hd_dec,
.floorTwo.floor-color-type-22 .box_hd_dec {
    background-position: -85px -163px;
}

.floorOne.floor-color-type-23 .floor-hd,
.floorTwo.floor-color-type-23 .floor-hd,
.floorFour.floor-color-type-23 .floor-hd,
.floorSix.floor-color-type-23 .floor-hd .hd-tit i {
    background-color: #c891ff;
}

.floorOne.floor-color-type-23 .f-r-m-item .title span,
.floorTwo.floor-color-type-23 .f-r-m-item .title span {
    color: #c891ff;
}

.floorOne.floor-color-type-23 .box_hd_dec,
.floorTwo.floor-color-type-23 .box_hd_dec {
    background-position: -125px -163px;
}

.floorOne.floor-color-type-24 .floor-hd,
.floorTwo.floor-color-type-24 .floor-hd,
.floorFour.floor-color-type-24 .floor-hd,
.floorSix.floor-color-type-24 .floor-hd .hd-tit i {
    background-color: #29a8c3;
}

.floorOne.floor-color-type-24 .f-r-m-item .title span,
.floorTwo.floor-color-type-24 .f-r-m-item .title span {
    color: #29a8c3;
}

.floorOne.floor-color-type-24 .box_hd_dec,
.floorTwo.floor-color-type-24 .box_hd_dec {
    background-position: -165px -163px;
}

.floorOne.floor-color-type-25 .floor-hd,
.floorTwo.floor-color-type-25 .floor-hd,
.floorFour.floor-color-type-25 .floor-hd,
.floorSix.floor-color-type-25 .floor-hd .hd-tit i {
    background-color: #f89fe9;
}

.floorOne.floor-color-type-25 .f-r-m-item .title span,
.floorTwo.floor-color-type-25 .f-r-m-item .title span {
    color: #f89fe9;
}

.floorOne.floor-color-type-25 .box_hd_dec,
.floorTwo.floor-color-type-25 .box_hd_dec {
    background-position: -1px -205px;
}

.floorOne.floor-color-type-26 .floor-hd,
.floorTwo.floor-color-type-26 .floor-hd,
.floorFour.floor-color-type-26 .floor-hd,
.floorSix.floor-color-type-26 .floor-hd .hd-tit i {
    background-color: #f27d74;
}

.floorOne.floor-color-type-26 .f-r-m-item .title span,
.floorTwo.floor-color-type-26 .f-r-m-item .title span {
    color: #f27d74;
}

.floorOne.floor-color-type-26 .box_hd_dec,
.floorTwo.floor-color-type-26 .box_hd_dec {
    background-position: -45px -205px;
}

.floorThree.floor-color-type-1 .f-r-m-item .title h3,
.floorFive.floor-color-type-1 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-1 .floor-hd .hd-tit .iconfont {
    color: #d84566;
}

.floorThree.floor-color-type-2 .f-r-m-item .title h3,
.floorFive.floor-color-type-2 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-2 .floor-hd .hd-tit .iconfont {
    color: #ec7546;
}

.floorThree.floor-color-type-3 .f-r-m-item .title h3,
.floorFive.floor-color-type-3 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-3 .floor-hd .hd-tit .iconfont {
    color: #3aab6d;
}

.floorThree.floor-color-type-4 .f-r-m-item .title h3,
.floorFive.floor-color-type-4 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-4 .floor-hd .hd-tit .iconfont {
    color: #498bad;
}

.floorThree.floor-color-type-5 .f-r-m-item .title h3,
.floorFive.floor-color-type-5 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-5 .floor-hd .hd-tit .iconfont {
    color: #aa5586;
}

.floorThree.floor-color-type-6 .f-r-m-item .title h3,
.floorFive.floor-color-type-6 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-6 .floor-hd .hd-tit .iconfont {
    color: #f6c024;
}

.floorThree.floor-color-type-7 .f-r-m-item .title h3,
.floorFive.floor-color-type-7 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-7 .floor-hd .hd-tit .iconfont {
    color: #39b6b6;
}

.floorThree.floor-color-type-8 .f-r-m-item .title h3,
.floorFive.floor-color-type-8 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-8 .floor-hd .hd-tit .iconfont {
    color: #8364a4;
}

.floorThree.floor-color-type-9 .f-r-m-item .title h3,
.floorFive.floor-color-type-9 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-9 .floor-hd .hd-tit .iconfont {
    color: #ff889e;
}

.floorThree.floor-color-type-10 .f-r-m-item .title h3,
.floorFive.floor-color-type-10 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-10 .floor-hd .hd-tit .iconfont {
    color: #569b86;
}

.floorThree.floor-color-type-11 .f-r-m-item .title h3,
.floorFive.floor-color-type-11 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-11 .floor-hd .hd-tit .iconfont {
    color: #1698ce;
}

.floorThree.floor-color-type-12 .f-r-m-item .title h3,
.floorFive.floor-color-type-12 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-12 .floor-hd .hd-tit .iconfont {
    color: #339d7b;
}

.floorThree.floor-color-type-13 .f-r-m-item .title h3,
.floorFive.floor-color-type-13 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-13 .floor-hd .hd-tit .iconfont {
    color: #de9c10;
}

.floorThree.floor-color-type-14 .f-r-m-item .title h3,
.floorFive.floor-color-type-14 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-14 .floor-hd .hd-tit .iconfont {
    color: #00bbc8;
}

.floorThree.floor-color-type-15 .f-r-m-item .title h3,
.floorFive.floor-color-type-15 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-15 .floor-hd .hd-tit .iconfont {
    color: #63ca9b;
}

.floorThree.floor-color-type-16 .f-r-m-item .title h3,
.floorFive.floor-color-type-16 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-16 .floor-hd .hd-tit .iconfont {
    color: #cd75ce;
}

.floorThree.floor-color-type-17 .f-r-m-item .title h3,
.floorFive.floor-color-type-17 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-17 .floor-hd .hd-tit .iconfont {
    color: #a28bed;
}

.floorThree.floor-color-type-18 .f-r-m-item .title h3,
.floorFive.floor-color-type-18 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-18 .floor-hd .hd-tit .iconfont {
    color: #4accf1;
}

.floorThree.floor-color-type-19 .f-r-m-item .title h3,
.floorFive.floor-color-type-19 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-19 .floor-hd .hd-tit .iconfont {
    color: #f14ad3;
}

.floorThree.floor-color-type-20 .f-r-m-item .title h3,
.floorFive.floor-color-type-20 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-20 .floor-hd .hd-tit .iconfont {
    color: #ff6c6e;
}

.floorThree.floor-color-type-21 .f-r-m-item .title h3,
.floorFive.floor-color-type-21 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-21 .floor-hd .hd-tit .iconfont {
    color: #dd4137;
}

.floorThree.floor-color-type-22 .f-r-m-item .title h3,
.floorFive.floor-color-type-22 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-22 .floor-hd .hd-tit .iconfont {
    color: #5bc6ab;
}

.floorThree.floor-color-type-23 .f-r-m-item .title h3,
.floorFive.floor-color-type-23 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-23 .floor-hd .hd-tit .iconfont {
    color: #c891ff;
}

.floorThree.floor-color-type-24 .f-r-m-item .title h3,
.floorFive.floor-color-type-24 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-24 .floor-hd .hd-tit .iconfont {
    color: #29a8c3;
}

.floorThree.floor-color-type-25 .f-r-m-item .title h3,
.floorFive.floor-color-type-25 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-25 .floor-hd .hd-tit .iconfont {
    color: #f89fe9;
}

.floorThree.floor-color-type-26 .f-r-m-item .title h3,
.floorFive.floor-color-type-26 .floor-bd .fr-adv .title h3,
.floorFive.floor-color-type-26 .floor-hd .hd-tit .iconfont {
    color: #f27d74;
}

.floorFive.floor-color-type-1 .floor-hd .hd-tags li.current {
    color: #d84566;
    border-color: #d84566
}

.floorFive.floor-color-type-2 .floor-hd .hd-tags li.current {
    color: #ec7546;
    border-color: #ec7546
}

.floorFive.floor-color-type-3 .floor-hd .hd-tags li.current {
    color: #3aab6d;
    border-color: #3aab6d
}

.floorFive.floor-color-type-4 .floor-hd .hd-tags li.current {
    color: #498bad;
    border-color: #498bad
}

.floorFive.floor-color-type-5 .floor-hd .hd-tags li.current {
    color: #aa5586;
    border-color: #aa5586
}

.floorFive.floor-color-type-6 .floor-hd .hd-tags li.current {
    color: #f6c024;
    border-color: #f6c024
}

.floorFive.floor-color-type-7 .floor-hd .hd-tags li.current {
    color: #39b6b6;
    border-color: #39b6b6
}

.floorFive.floor-color-type-8 .floor-hd .hd-tags li.current {
    color: #8364a4;
    border-color: #8364a4
}

.floorFive.floor-color-type-9 .floor-hd .hd-tags li.current {
    color: #ff889e;
    border-color: #ff889e
}

.floorFive.floor-color-type-10 .floor-hd .hd-tags li.current {
    color: #569b86;
    border-color: #569b86
}

.floorFive.floor-color-type-11 .floor-hd .hd-tags li.current {
    color: #1698ce;
    border-color: #1698ce;
}

.floorFive.floor-color-type-12 .floor-hd .hd-tags li.current {
    color: #339d7b;
    border-color: #339d7b;
}

.floorFive.floor-color-type-13 .floor-hd .hd-tags li.current {
    color: #de9c10;
    border-color: #de9c10;
}

.floorFive.floor-color-type-14 .floor-hd .hd-tags li.current {
    color: #00bbc8;
    border-color: #00bbc8;
}

.floorFive.floor-color-type-15 .floor-hd .hd-tags li.current {
    color: #63ca9b;
    border-color: #63ca9b;
}

.floorFive.floor-color-type-16 .floor-hd .hd-tags li.current {
    color: #cd75ce;
    border-color: #cd75ce;
}

.floorFive.floor-color-type-17 .floor-hd .hd-tags li.current {
    color: #a28bed;
    border-color: #a28bed;
}

.floorFive.floor-color-type-18 .floor-hd .hd-tags li.current {
    color: #4accf1;
    border-color: #4accf1;
}

.floorFive.floor-color-type-19 .floor-hd .hd-tags li.current {
    color: #f14ad3;
    border-color: #f14ad3;
}

.floorFive.floor-color-type-20 .floor-hd .hd-tags li.current {
    color: #ff6c6e;
    border-color: #ff6c6e;
}

.floorFive.floor-color-type-21 .floor-hd .hd-tags li.current {
    color: #dd4137;
    border-color: #dd4137;
}

.floorFive.floor-color-type-22 .floor-hd .hd-tags li.current {
    color: #5bc6ab;
    border-color: #5bc6ab;
}

.floorFive.floor-color-type-23 .floor-hd .hd-tags li.current {
    color: #c891ff;
    border-color: #c891ff;
}

.floorFive.floor-color-type-24 .floor-hd .hd-tags li.current {
    color: #29a8c3;
    border-color: #29a8c3;
}

.floorFive.floor-color-type-25 .floor-hd .hd-tags li.current {
    color: #f89fe9;
    border-color: #f89fe9;
}

.floorFive.floor-color-type-26 .floor-hd .hd-tags li.current {
    color: #f27d74;
    border-color: #f27d74;
}

.floorEight .FE-bd-more-02 .bd-left .bd li .silder-title h3 {
    color: #f78b4c;
}

.floorEight .FE-bd-more-03 .bd-left .bd li .silder-title h3 {
    color: #5c9bf1;
}

.floorEight .FE-bd-more-04 .bd-left .bd li .silder-title h3 {
    color: #6d62da;
}

.floorEight .FE-bd-more-05 .bd-left .bd li .silder-title h3 {
    color: #ff87d0;
}

.floorEight .FE-bd-more-02 .bd-left .hd li.on {
    background-color: #f9a270;
}

.floorEight .FE-bd-more-03 .bd-left .hd li.on {
    background-color: #5c9bf1;
}

.floorEight .FE-bd-more-04 .bd-left .hd li.on {
    background-color: #6d62da;
}

.floorEight .FE-bd-more-05 .bd-left .hd li.on {
    background-color: #ff87d0;
}

.floorEight.floor-color-type-1 .floor-hd .hd-tags li.current {
    color: #d84566;
}

.floorEight.floor-color-type-2 .floor-hd .hd-tags li.current {
    color: #ec7546;
}

.floorEight.floor-color-type-3 .floor-hd .hd-tags li.current {
    color: #3aab6d;
}

.floorEight.floor-color-type-4 .floor-hd .hd-tags li.current {
    color: #498bad;
}

.floorEight.floor-color-type-5 .floor-hd .hd-tags li.current {
    color: #aa5586;
}

.floorEight.floor-color-type-6 .floor-hd .hd-tags li.current {
    color: #f6c024;
}

.floorEight.floor-color-type-7 .floor-hd .hd-tags li.current {
    color: #39b6b6;
}

.floorEight.floor-color-type-8 .floor-hd .hd-tags li.current {
    color: #8364a4;
}

.floorEight.floor-color-type-9 .floor-hd .hd-tags li.current {
    color: #ff889e;
}

.floorEight.floor-color-type-10 .floor-hd .hd-tags li.current {
    color: #569b86;
}

.floorEight.floor-color-type-11 .floor-hd .hd-tags li.current {
    color: #1698ce;
}

.floorEight.floor-color-type-12 .floor-hd .hd-tags li.current {
    color: #339d7b;
}

.floorEight.floor-color-type-13 .floor-hd .hd-tags li.current {
    color: #de9c10;
}

.floorEight.floor-color-type-14 .floor-hd .hd-tags li.current {
    color: #00bbc8;
}

.floorEight.floor-color-type-15 .floor-hd .hd-tags li.current {
    color: #63ca9b;
}

.floorEight.floor-color-type-16 .floor-hd .hd-tags li.current {
    color: #cd75ce;
}

.floorEight.floor-color-type-17 .floor-hd .hd-tags li.current {
    color: #a28bed;
}

.floorEight.floor-color-type-18 .floor-hd .hd-tags li.current {
    color: #4accf1;
}

.floorEight.floor-color-type-19 .floor-hd .hd-tags li.current {
    color: #f14ad3;
}

.floorEight.floor-color-type-20 .floor-hd .hd-tags li.current {
    color: #ff6c6e;
}

.floorEight.floor-color-type-21 .floor-hd .hd-tags li.current {
    color: #dd4137;
}

.floorEight.floor-color-type-22 .floor-hd .hd-tags li.current {
    color: #5bc6ab;
}

.floorEight.floor-color-type-23 .floor-hd .hd-tags li.current {
    color: #c891ff;
}

.floorEight.floor-color-type-24 .floor-hd .hd-tags li.current {
    color: #29a8c3;
}

.floorEight.floor-color-type-25 .floor-hd .hd-tags li.current {
    color: #f89fe9;
}

.floorEight.floor-color-type-26 .floor-hd .hd-tags li.current {
    color: #f27d74;
}

.floorTen.floor-color-type-1 .floor-title-con h3 {
    background-color: rgba(216, 69, 102, 1);
}

.floorTen.floor-color-type-1 .floor-title-con i {
    border-bottom-color: rgba(216, 69, 102, .3);
}

.floorTen.floor-color-type-2 .floor-title-con h3 {
    background-color: rgba(236, 117, 70, 1);
}

.floorTen.floor-color-type-2 .floor-title-con i {
    border-bottom-color: rgba(236, 117, 70, .3);
}

.floorTen.floor-color-type-3 .floor-title-con h3 {
    background-color: rgba(58, 171, 109, 1);
}

.floorTen.floor-color-type-3 .floor-title-con i {
    border-bottom-color: rgba(58, 171, 109, .3);
}

.floorTen.floor-color-type-4 .floor-title-con h3 {
    background-color: rgba(73, 139, 173, 1);
}

.floorTen.floor-color-type-4 .floor-title-con i {
    border-bottom-color: rgba(73, 139, 173, .3);
}

.floorTen.floor-color-type-5 .floor-title-con h3 {
    background-color: rgba(170, 85, 134, 1);
}

.floorTen.floor-color-type-5 .floor-title-con i {
    border-bottom-color: rgba(170, 85, 134, .3);
}

.floorTen.floor-color-type-6 .floor-title-con h3 {
    background-color: rgba(246, 192, 36, 1);
}

.floorTen.floor-color-type-6 .floor-title-con i {
    border-bottom-color: rgba(246, 192, 36, .3);
}

.floorTen.floor-color-type-7 .floor-title-con h3 {
    background-color: rgba(57, 182, 182, 1);
}

.floorTen.floor-color-type-7 .floor-title-con i {
    border-bottom-color: rgba(57, 182, 182, .3);
}

.floorTen.floor-color-type-8 .floor-title-con h3 {
    background-color: rgba(131, 100, 164, 1);
}

.floorTen.floor-color-type-8 .floor-title-con i {
    border-bottom-color: rgba(131, 100, 164, .3);
}

.floorTen.floor-color-type-9 .floor-title-con h3 {
    background-color: rgba(255, 136, 158, 1);
}

.floorTen.floor-color-type-9 .floor-title-con i {
    border-bottom-color: rgba(255, 136, 158, .3);
}

.floorTen.floor-color-type-10 .floor-title-con h3 {
    background-color: rgba(86, 155, 134, 1);
}

.floorTen.floor-color-type-10 .floor-title-con i {
    border-bottom-color: rgba(86, 155, 134, .3);
}

.floorTen.floor-color-type-11 .floor-title-con h3 {
    background-color: rgba(22, 152, 206, 1);
}

.floorTen.floor-color-type-11 .floor-title-con i {
    border-bottom-color: rgba(22, 152, 206, .3);
}

.floorTen.floor-color-type-12 .floor-title-con h3 {
    background-color: rgba(51, 157, 123, 1);
}

.floorTen.floor-color-type-12 .floor-title-con i {
    border-bottom-color: rgba(51, 157, 123, .3);
}

.floorTen.floor-color-type-13 .floor-title-con h3 {
    background-color: rgba(222, 156, 16, 1);
}

.floorTen.floor-color-type-13 .floor-title-con i {
    border-bottom-color: rgba(222, 156, 16, .3);
}

.floorTen.floor-color-type-14 .floor-title-con h3 {
    background-color: rgba(0, 187, 200, 1);
}

.floorTen.floor-color-type-14 .floor-title-con i {
    border-bottom-color: rgba(0, 187, 200, .3);
}

.floorTen.floor-color-type-15 .floor-title-con h3 {
    background-color: rgba(99, 202, 155, 1);
}

.floorTen.floor-color-type-15 .floor-title-con i {
    border-bottom-color: rgba(99, 202, 155, .3);
}

.floorTen.floor-color-type-16 .floor-title-con h3 {
    background-color: rgba(205, 117, 206, 1);
}

.floorTen.floor-color-type-16 .floor-title-con i {
    border-bottom-color: rgba(205, 117, 206, .3);
}

.floorTen.floor-color-type-17 .floor-title-con h3 {
    background-color: rgba(162, 139, 237, 1);
}

.floorTen.floor-color-type-17 .floor-title-con i {
    border-bottom-color: rgba(162, 139, 237, .3);
}

.floorTen.floor-color-type-18 .floor-title-con h3 {
    background-color: rgba(74, 204, 241, 1);
}

.floorTen.floor-color-type-18 .floor-title-con i {
    border-bottom-color: rgba(74, 204, 241, .3);
}

.floorTen.floor-color-type-19 .floor-title-con h3 {
    background-color: rgba(241, 74, 211, 1);
}

.floorTen.floor-color-type-19 .floor-title-con i {
    border-bottom-color: rgba(241, 74, 211, .3);
}

.floorTen.floor-color-type-20 .floor-title-con h3 {
    background-color: rgba(255, 108, 110, 1);
}

.floorTen.floor-color-type-20 .floor-title-con i {
    border-bottom-color: rgba(255, 108, 110, .3);
}

.floorTen.floor-color-type-21 .floor-title-con h3 {
    background-color: rgba(221, 65, 55, 1);
}

.floorTen.floor-color-type-21 .floor-title-con i {
    border-bottom-color: rgba(221, 65, 55, .3);
}

.floorTen.floor-color-type-22 .floor-title-con h3 {
    background-color: rgba(91, 198, 171, 1);
}

.floorTen.floor-color-type-22 .floor-title-con i {
    border-bottom-color: rgba(91, 198, 171, .3);
}

.floorTen.floor-color-type-23 .floor-title-con h3 {
    background-color: rgba(200, 145, 255, 1);
}

.floorTen.floor-color-type-23 .floor-title-con i {
    border-bottom-color: rgba(200, 145, 255, .3);
}

.floorTen.floor-color-type-24 .floor-title-con h3 {
    background-color: rgba(41, 168, 195, 1);
}

.floorTen.floor-color-type-24 .floor-title-con i {
    border-bottom-color: rgba(41, 168, 195, .3);
}

.floorTen.floor-color-type-25 .floor-title-con h3 {
    background-color: rgba(248, 159, 233, 1);
}

.floorTen.floor-color-type-25 .floor-title-con i {
    border-bottom-color: rgba(248, 159, 233, .3);
}

.floorTen.floor-color-type-26 .floor-title-con h3 {
    background-color: rgba(242, 125, 116, 1);
}

.floorTen.floor-color-type-26 .floor-title-con i {
    border-bottom-color: rgba(242, 125, 116, .3);
}

.floorFour.floor-color-type-1 .floor-hd .hd-tags li.current,
.floorFour.floor-color-type-15 .floor-hd .hd-tags li.current,
.floorFour.floor-color-type-21 .floor-hd .hd-tags li.current {
    color: #ffef39;
}


/*floor color end*/

.titIcon {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    display: block;
    background: url(../images/common/tit_icon.png) no-repeat;
}

.promoWarp {
    margin-top: 20px;
}

.promoWarp .tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.promoWarp .tit h3 {
    float: left;
    padding-left: 48px;
    font-size: 24px;
    color: #fff;
}

.promoWarp .tit span {
    float: right;
    color: #fff;
    padding-right: 25px;
}

.promoWarp ul {
    margin-top: 10px;
    width: 1210px;
    height: auto;
}

.promoWarp li {
    float: left;
    border: 1px solid #eee;
    width: 230px;
    margin-right: 10px;
}

.promoWarp li .p-img,
.promoWarp li .p-img img {
    width: 230px;
    height: 230px;
}

.promoWarp li .info {
    text-align: center;
    padding: 15px 0;
}

.promoWarp li .info .price {
    font-size: 18px;
    color: #f42424;
}

.promoWarp li .info .name {
    height: 20px;
    margin-top: 5px;
}

.promoWarp li .info .name a {
    display: block;
    font-size: 14px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promoWarp li .info .time {
    font-size: 0;
    vertical-align: middle;
    margin-top: 5px;
}

.promoWarp li .info .time span,
.promoWarp li .info .time em {
    font-size: 12px;
}

.promoWarp li .info .time .label {
    color: #8c8c8c;
}

.promoWarp li .info .time em {
    display: inline-block;
    vertical-align: middle;
    margin-top: -12px;
}

.module {
    float: left;
    position: relative;
}

.sepmodule {
    margin-top: 20px;
}

.sepmodule .sepmodule_warp {
    width: 588px;
    height: 380px;
    float: left;
}

.sepmodule .sepmod-left {
    width: 232px;
    height: 380px;
    float: left;
    position: relative;
}

.sepmodule .tit {
    text-align: center;
    padding: 20px 0 15px 0;
}

.sepmodule .tit h3 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.sepmodule .tit .subtit {
    width: 198px;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    margin-top: 5px;
}

.sepmodule .tit .subtit em {
    padding: 0 10px;
    position: relative;
    z-index: 3;
}

.sepmodule .tit .subtit em i {
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(../images/common/subtit_icon.png) no-repeat;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.sepmodule .tit .subtit span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 12px;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.sepmodule .sepmod-goods .p-img img {
    width: 100%;
    height: 100%;
}

.sepmodule .sepmod-goods .name {
    width: 100%;
    margin-top: 10px;
}

.sepmodule .sepmod-goods .name a {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.sepmodule .sepmod-goods .price {
    font-size: 18px;
    color: #f42424;
}

.sepmodule .sepmod-left .sepmod-goods {
    width: 160px;
    padding: 16px;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 auto;
}

.sepmodule .sepmod-left .sepmod-goods .img {
    width: 160px;
    height: 160px;
}

.sepmodule .sepmod-right {
    float: left;
    width: calc(100% - 232px);
}

.sepmodule .sepmod-right .sepmod-goods {
    float: left;
    width: 155px;
    margin: 0 0 15px 23px;
}

.sepmodule .sepmod-right .sepmod-goods img {
    width: 155px;
    height: 155px;
}

.sepmodule .sepmod-right .sepmod-goods .name {
    margin-top: 7px;
}

.other-content {
    width: 1200px;
    margin: 0 auto;
}

.ftit {
    overflow: hidden;
    padding: 0 0 20px;
    height: 35px;
    background: url(/images/index/dian-ico.png) repeat-x 0 18px;
    text-align: center;
    font-size: 21px;
    line-height: 33px;
}

.ftit h3 {
    display: inline;
    padding: 0 50px;
    background-color: #fff;
    font-weight: 400;
    font-size: 21px;
    color: #555;
}

.ftit-delr {
    background: url(/images/dian-ico2.png) repeat-x 0 18px;
}

.master-channel {
    margin: 30px 0;
}

.master-con {
    overflow: hidden;
}

.m-c-item {
    float: left;
    width: 232px;
    height: 120px;
    margin-right: 10px;
    position: relative;
    background-color: #ff889e;
}

.m-c-item .m-c-main {
    color: #fff;
    float: left;
    padding-left: 24px;
}

.m-c-item .m-c-main .title {
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
}

.m-c-item .m-c-main .title h3 {
    font-size: 16px;
    font-weight: bold;
}

.m-c-item .m-c-main .m-c-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 70px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    float: left;
    margin-top: 10px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.m-c-item .m-c-main .m-c-btn:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.m-c-item .img {
    position: absolute;
    top: 30px;
    right: 10px;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
    cursor: pointer;
}

.m-c-item .img:hover {
    right: 15px;
}

.m-c-i-1 {
    background-position: 0 0;
}

.m-c-i-2 {
    background-position: 0 -126px;
}

.m-c-i-3 {
    background-position: 0 -252px;
}

.m-c-i-4 {
    background-position: 0 -376px;
}

.m-c-i-5 {
    background-position: 0 -502px;
    margin-right: 0;
}

.m-c-i-1 .m-c-btn {
    color: #7bd1f6;
}

.m-c-i-2 .m-c-btn {
    color: #f75674;
}

.m-c-i-3 .m-c-btn {
    color: #f46750;
}

.m-c-i-4 .m-c-btn {
    color: #cd51eb;
}

.m-c-i-5 .m-c-btn {
    color: #43dd72;
}

.store-channel {}

.lift-channel {
    margin-top: 30px;
}

.rec-store-list {
    overflow: hidden;
    width: 1213px;
}

.rec-store-item {
    float: left;
    width: 290px;
    margin: 0 13px 10px 0;
}

.rec-store-item .p-img {
    width: 290px;
    height: 290px;
    display: block;
}

.rec-store-item .info {
    border: 6px solid #e5e5e5;
    border-top: 0;
    overflow: hidden;
    height: 85px;
}

.rec-store-item .info .s-logo {
    width: 114px;
    height: 56px;
    border: 1px dashed #dcdcdc;
    float: left;
    text-align: center;
    margin: 13px 18px;
}

.rec-store-item .info .s-logo .img {
    width: 114px;
    height: 56px;
    display: table-cell;
    vertical-align: middle;
}

.rec-store-item .info .s-title {
    float: left;
    font-size: 14px;
    color: #555;
    margin-top: 18px;
    line-height: 24px;
    width: 112px;
}

.rec-store-item .info .s-title .tit {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rec-store-item .info .s-title .ui-tit {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rec-store-list .rec-store-item.last,
.rec-store-list .rec-store-item:last-child {
    margin-right: 0;
}

.lift-channel li {
    float: left;
    width: 210px;
    margin: 0 10px 10px 0;
    border: 1px solid #D2D2D2;
    padding: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.lift-channel li .p-img {
    width: 210px;
    height: 210px;
}

.lift-channel li .p-name {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
    width: 200px;
}

.lift-channel li .p-price {
    line-height: 36px;
}

.lift-channel li .p-price .shop-price {
    float: left;
    font-size: 16px;
    color: #f42424;
}

.lift-channel li .p-price .original-price {
    float: left;
    margin-left: 5px;
    color: #555;
}

.lift {
    position: fixed;
    -moz-transform: translate(0, -50%) scale(1, 1);
    -webkit-transform: translate(0, -50%) scale(1, 1);
    -o-transform: translate(0, -50%) scale(1, 1);
    transform: translate(0, -50%) scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.lift-hide {
    transform: translate(0, -50%) scale(0, 0);
    -webkit-transform: translate(0, -50%) scale(0, 0);
    -moz-transform: translate(0, -50%) scale(0, 0);
    -o-transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}


/* 首页楼层左侧悬浮导航栏 start */


/* 第一种样式 */

.lift.lift-mode-one .lift {
    background-color: #fff;
}

.lift.lift-mode-one .lift-item {
    position: relative;
    width: 24px;
    height: 36px;
    line-height: 13px;
    padding: 0 6px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .6);
    background-color: #333\0;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.lift.lift-mode-one .lift-item span {
    height: 36px;
    display: table-cell;
    vertical-align: middle;
}

.lift.lift-mode-one .lift-item:hover,
.lift.lift-mode-one .lift-item-current {
    background-color: #f42424;
    color: #fff;
}

.lift.lift-mode-one .lift-item.lift-item-top {
    line-height: 36px;
    min-height: 30px;
}


/* 第二种样式 */

.lift.lift-mode-two .lift-item,
.lift.lift-mode-sthree .lift-item,
.lift.lift-mode-four .lift-item {
    width: 70px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e6e6e6;
    color: #333;
    text-align: center;
    margin-bottom: -2px;
    background-color: #fafafa;
    cursor: pointer;
    position: relative;
}

.lift.lift-mode-two .lift-item span,
.lift.lift-mode-sthree .lift-item span,
.lift.lift-mode-four .lift-item span {
    display: block;
    width: 60px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lift.lift-mode-two .lift-item.lift-item-top .iconfont,
.lift.lift-mode-sthree .lift-item.lift-item-top .iconfont,
.lift.lift-mode-four .lift-item.lift-item-top .iconfont {
    font-size: 12px;
    width: 10px;
    display: inline-block;
}

.lift.lift-mode-two .lift-item .lift-arrow,
.lift.lift-mode-sthree .lift-item .lift-arrow,
.lift.lift-mode-four .lift-item .lift-arrow {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #ff4040;
    position: absolute;
    top: 8px;
    right: -11px;
    display: none;
}

.lift.lift-mode-two .lift-item:hover,
.lift.lift-mode-two .lift-item-current {
    background-color: #ff4040;
    color: #fff;
    border-color: #ff4040;
}

.lift.lift-mode-two .lift-item-current .lift-arrow,
.lift.lift-mode-sthree .lift-item-current .lift-arrow,
.lift.lift-mode-four .lift-item-current .lift-arrow {
    display: block;
}


/* 第三种样式 */

.lift.lift-mode-sthree .lift-item {
    width: 72px;
    height: 30px;
    line-height: 30px;
    background-color: #9d9b9b;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #c7c6c6;
    margin-bottom: 0;
}

.lift.lift-mode-sthree .lift-item .lift-arrow {
    border-left-color: #392e2e;
    right: -10px;
    top: 10px;
}

.lift.lift-mode-sthree .lift-item:hover,
.lift.lift-mode-sthree .lift-item-current {
    background-color: #392e2e;
    color: #fff;
}


/* 第四种样式 */

.lift.lift-mode-four .lift-item {
    width: 72px;
    height: 30px;
    line-height: 30px;
    background-color: #fafafa;
    color: #666;
    border-color: #e6e6e6;
}

.lift.lift-mode-four .lift-item .lift-arrow {
    border-left-color: #bbb;
    right: -10px;
    top: 10px;
}

.lift.lift-mode-four .lift-item.lift-item-top {
    color: #f42424;
}

.lift.lift-mode-four .lift-item:hover,
.lift.lift-mode-four .lift-item-current {
    background-color: #bbb;
    color: #fff;
    border-color: #bbb;
}


/* 首页楼层左侧悬浮导航栏 start */


/*首页弹出广告*/

.ejectAdvbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    overflow: hidden;
    z-index: 100002;
}

.ejectAdvimg {
    width: 640px;
    height: 568px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -284px 0 0 -320px;
    z-index: 100003;
}

.ejectAdvimg a {
    display: block;
}

.ejectClose {
    position: absolute;
    width: 42px;
    height: 42px;
    display: block;
    z-index: 100004;
    top: 0;
    right: 50px;
    background: url(../images/closeAll.png) 0 0 no-repeat;
}


/* home end*/


/* goods-list start*/

.hot-sales {
    width: 100%;
}

.hotsale {
    background-color: #f5f5f5;
    margin: 10px auto;
}

.hotsale .hatsale-mt {
    font-size: 16px;
    color: #fff;
    background: #f42424;
    float: left;
    padding: 27px 12px;
    width: 16px;
    font-family: "microsoft yahei";
}

.hotsale .bd {
    float: left;
    position: relative;
    height: 110px;
    overflow: hidden;
    padding: 20px;
}

.hotsale li {
    width: 310px;
    height: 110px;
    border: 1px solid #fff;
    float: left;
    background: #fff;
    margin-right: 20px;
}

.hotsale li:hover {
    border-color: #ec5051;
}

.hotsale li:last-child {
    margin-right: 0;
}

.hotsale li.last {
    margin-right: 0;
}

.hotsale .item {
    padding: 10px;
    float: left;
}

.hotsale .item .p-img {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 12px;
}

.hotsale .item .p-img img {
    width: 100%;
}

.hotsale .item .p-name {
    float: left;
    width: 160px;
    height: 35px;
    overflow: hidden;
}

.hotsale .item .p-price {
    float: left;
    color: #f42424;
    padding-top: 6px;
    width: 120px;
    font-size: 14px;
    font-weight: bold;
}

.hotsale .item .btn {
    height: 22px;
    height: 22px;
    border: 0;
    margin-top: 6px;
    float: left;
}

.hotsale .prev,
.hotsale .next {
    background-color: #dedede;
    top: 35%;
}

.hotsale .next {
    right: 0;
}

.hotsale .prev {
    left: 15px;
}

.crumbs-nav {
    height: 25px;
    line-height: 25px;
    padding: 12px 0;
}

.crumbs-nav span {
    color: #8c8c8c;
    float: left;
}

.crumbs-nav-item {
    float: left;
    margin-right: 7px;
    position: relative;
}

.crumbs-nav-item .arrow {
    font-family: simsun;
}

.crumbs-nav-item a span {
    color: #555;
}

.crumbs-nav-item .menu-drop {
    float: left;
    margin-right: 7px;
    background-color: #fff;
}

.crumbs-nav-item .icon-right {
    font-size: 12px;
}

.cn-goodsName {
    width: 300px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    color: #8c8c8c;
}

.crumbs-nav span.arrow {
    margin: 0 7px;
    font-family: sans-serif;
    color: #8c8c8c;
}

.crumbs-nav span.finish {
    display: inline-block;
    width: 300px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.full-main-n {
    background-color: #f8f8f8;
}

.full-main-n .crumbs-nav {
    padding: 7px 0 8px;
}

.menu-drop .trigger {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #d2d2d2;
    cursor: pointer;
}

.menu-drop .icon-down {
    font-size: 12px;
    margin-left: 2px;
}

.menu-drop-main {
    display: none;
    width: 219px;
    padding: 6px 0 4px 10px;
    position: absolute;
    left: 0;
    top: 24px;
    border: 1px solid #ddd;
    background-color: #fff;
    z-index: 10;
}

.menu-drop-main li {
    float: left;
    width: 68px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px 2px 0;
}

.menu-drop-open .trigger {
    position: relative;
    z-index: 12;
}

.menu-drop-open:hover .trigger {
    border-color: #f42424;
    border-bottom-color: #fff;
}

.menu-drop-open:hover .bottom {
    border-bottom: 1px solid #f00;
}

.menu-drop-open:hover .menu-drop-main {
    border-color: #f42424;
    display: block;
}

.selector {
    background-color: #fff;
    margin-bottom: 15px;
}

.selector .s-line {
    border: 1px dotted #d2d2d2;
    margin-top: -1px;
}

.selector .s-line:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.selector .s-l-wrap {
    position: relative;
    line-height: 28px;
    padding: 10px 0;
}

.selector .s-l-tit {
    float: left;
    padding-left: 30px;
    width: 80px;
    color: #8c8c8c;
}

.selector .s-l-value {
    margin-left: 110px;
    padding-right: 130px;
    padding-left: 10px;
    overflow: hidden;
    zoom: 1;
}

.selector .s-l-v-logos ul {
    overflow: hidden;
    zoom: 1;
    padding-top: 1px;
}

.selector .s-l-v-logos li {
    float: left;
    width: 118px;
    height: 58px;
    border: 1px solid #f8f8f8;
    margin: -1px -1px 0 0;
    background-color: #fff;
    position: relative;
    text-align: center;
}

.selector .s-l-v-logos li a {
    display: block;
    border: 1px solid #fff;
    width: 116px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    zoom: 1;
}

.selector .s-l-v-logos li .logo {
    display: table-cell;
    width: 116px;
    height: 56px;
    vertical-align: middle;
}

.selector .s-l-v-logos li:hover {
    position: relative;
    z-index: 5;
    border-color: #f42424;
}

.selector .s-l-v-logos li:hover a {
    border-color: #f42424;
    line-height: 56px;
    color: #f42424;
}

.selector .s-l-v-logos li:hover .logo {
    display: none;
}

.selector .s-l-v-logos li i {
    display: none;
    width: 12px;
    height: 12px;
    background: url(../images/dsc-icon.png) no-repeat;
    position: absolute;
    top: 1px;
    right: 1px;
}

.selector .s-l-v-list li {
    float: left;
    width: 100px;
    overflow: hidden;
    margin-right: 10px;
}

.selector .s-l-v-list li.curr a,
.selector .s-l-v-list li a.shaixuan {
    color: #f42424;
}

.selector .s-l-opt {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 75px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
}

.selector .s-l-opt a {
    display: block;
    float: left;
    border: 1px solid #d2d2d2;
    line-height: 18px;
    height: 18px;
    color: #8c8c8c;
}

.selector .s-l-opt a:hover {
    border-color: #f42424;
    color: #f42424;
}

.selector .s-l-opt a .iconfont {
    font-size: 12px;
    float: left;
    margin-top: 2px;
}

.selector .s-l-opt .s-l-more {
    width: 18px;
    text-align: center;
    margin-right: 5px;
}

.selector .s-l-opt .s-l-more .iconfont {
    margin-left: 3px;
}

.selector .s-l-opt .s-l-multiple {
    padding: 0 5px;
}

.selector .s-l-opt .s-l-multiple .iconfont {
    margin-right: 2px;
}

.s-more {
    text-align: center;
    position: relative;
    top: -1px;
    border-top: 5px solid #f8f8f8;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
}

.s-more span {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    background: #f8f8f8;
    cursor: pointer;
    color: #8c8c8c;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
}

.s-more span:hover {
    color: #f42424;
}

.s-more .iconfont {
    font-size: 12px;
    margin-left: 6px;
}

.filter {
    height: 38px;
    border: 1px solid #d2d2d2;
}

.filter-wrap {
    padding: 7px 0 6px;
    height: 25px;
    line-height: 25px;
}

.filter-wrap .filter-sort {
    float: left;
}

.filter-wrap .filter-sort a .iconfont {
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.filter-wrap .filter-sort a {
    float: left;
    display: block;
    padding: 0 20px;
    border-right: 1px solid #d2d2d2;
    color: #222;
}

.filter-wrap .filter-sort a:hover,
.filter-wrap .filter-sort a.curr {
    color: #f42424;
}

.filter-wrap .filter-range {
    float: left;
    margin-left: 15px;
}

.filter-wrap .filter-range .fprice {
    float: left;
    padding-right: 15px;
    border-right: 1px solid #d2d2d2;
    position: relative;
}

.filter-wrap .filter-range .fprice .f-text {
    width: 58px;
    height: 23px;
    border: 1px solid #d2d2d2;
    outline: 0;
    padding: 0 5px;
}

.filter-wrap .filter-range .fcheckbox {
    float: left;
}

.filter-wrap .filter-range .fcheckbox .checkbox_item {
    float: left;
    padding-left: 19px;
}

.filter-wrap .filter-left {
    float: left;
}

.filter-wrap .filter-right {
    float: right;
}

.filter-wrap .filter-right .button-page {
    float: left;
    margin-right: 28px;
}

.filter-wrap .filter-right .pageState {
    float: left;
    color: #8c8c8c;
}

.filter-wrap .filter-right .button-page a {
    display: block;
    float: left;
    width: 18px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #d2d2d2;
    text-align: center;
    margin: 4.5px 0 0 5px;
    cursor: default;
}

.filter-wrap .filter-right .button-page a .iconfont {
    font-size: 12px;
    color: #d2d2d2;
}

.filter-wrap .filter-right .button-page .page {
    cursor: pointer;
}

.filter-wrap .filter-right .button-page .page .iconfont {
    color: #959595;
}

.filter-wrap .filter-right .button-page .page:hover {
    border-color: #8c8c8c;
}

.filter-wrap .filter-right .button-page .page:hover .iconfont {
    color: #8c8c8c;
}

.filter-wrap .styles {
    float: left;
}

.filter-wrap .styles li {
    float: left;
    padding: 0 8px 0 14px;
    border-left: 1px solid #d2d2d2;
}

.filter-wrap .styles li a {
    color: #8c8c8c;
    display: block;
}

.filter-wrap .styles li .iconfont {
    color: #d2d2d2;
    vertical-align: middle;
    margin-right: 2px;
}

.filter-wrap .styles li a:hover,
.filter-wrap .filter-right .styles li a:hover .iconfont {
    color: #f42424;
}

.filter-wrap .styles li.current .iconfont {
    color: #f42424;
}

.filter-wrap .styles li.current a {
    color: #f42424;
}

.filter-wrap .filter-left .styles li {
    border-right: 1px solid #d2d2d2;
    border-left: 0;
}

.p-price {
    font-size: 16px;
    color: red;
}

.p-num {
    color: #8c8c8c;
}

.p-num em {
    font-weight: bold;
}

.p-img img {
    width: 100%;
    height: 100%;
}

.p-name {
    font-size: 12px;
}

.p-kefu {
    color: #fcc217;
    margin-left: 5px;
}

.p-kefu.p-c-violet {
    color: #7b75f3;
}

.p-kefu.p-c-org {
    color: #ff5f2e;
    margin-left: 0;
}

.p-kefu .iconfont,
.p-kefu.p-c-violet .iconfont {
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
}

.p-kefu.p-c-violet:hover,
.p-kefu.p-c-org:hover {
    color: #f42424;
}

.g-view {
    width: 1417px;
    margin-top: 20px;
}

.goods-list {
    min-height: 500px;
    float: left;
    width: 1160px;
}

.goods-list .gl-warp:after,
.goods-list .gl-warp:before,
.goods-list-warp:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.goods-list .gl-item {
    float: left;
    width: 226px;
    position: relative;
    z-index: 1;
    border: 1px solid #e5e5e5;
    margin: 1px 0 10px 10px;
}

.goods-list .gl-item:hover {
    z-index: 2;
}

.goods-list .gl-warp-large {
    display: block;
}

.goods-list .gl-warp-samll {
    display: none;
}

.goods-list .no_records {
    padding: 150px 0 150px 350px;
}

.goods-list .no_records .btn {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
}

.goods-list-w1390 .no_records {
    padding-left: 450px;
}

.shop-list-view .goods-list .no_records {
    padding-left: 285px;
}

.gl-i-wrap {
    background-color: #fff;
    -webkit-transition: border-color .1s ease;
    -moz-transition: border-color .1s ease;
    transition: border-color .1s ease;
}

.gl-i-wrap .p-img {
    width: 210px;
    height: 210px;
}

.gl-i-wrap .sider {
    margin-top: 12px;
    width: 100%;
    overflow: hidden;
}

.gl-i-wrap .sider ul {
    float: left;
}

.gl-i-wrap .sider li {
    float: left;
    border: 1px solid #d2d2d2;
    padding: 1px;
    background: #fff;
    margin-right: 2px;
    cursor: pointer;
}

.gl-i-wrap .sider li.cur,
.goods-list .gl-i-wrap .sider li:hover {
    border-color: #f42424;
}

.gl-i-wrap .sider a {
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.gl-i-wrap .sider .iconfont {
    font-size: 12px;
}

.gl-i-wrap .sider .sider-prev {
    width: 26px;
}

.gl-i-wrap .sider .sider-next {
    width: 24px;
}

.gl-i-wrap .sider .prevStop,
.gl-i-wrap .sider .nextStop {
    display: none;
}

.gl-i-wrap .p-lie {
    overflow: hidden;
    width: 100%;
    line-height: 30px;
    margin-top: 8px;
}

.gl-i-wrap .p-price {
    font-size: 20px;
    float: left;
}

.gl-i-wrap .p-num {
    float: right;
}

.gl-i-wrap .p-name {
    margin-top: 6px;
}

.gl-i-wrap .p-name a {
    height: 38px;
    overflow: hidden;
    display: block;
}

.gl-i-wrap .p-store {
    line-height: 24px;
    margin-top: 3px;
}


/*width:190px;*/

.gl-i-wrap .p-store a {
    display: inline-block;
}

.store {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 208px;
    height: 17px;
    display: block;
    white-space: nowrap;
    color: #999
}

.gl-i-wrap .p-store a.store {
    color: #8c8c8c;
    color: #8c8c8c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 133px;
}

.gl-i-wrap .p-store em {
    color: #7b75f3;
    font-weight: 700;
}

.gl-i-wrap .p-activity {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 5px;
    height: 16px;
}

.gl-i-wrap .p-activity .tag {
    float: left;
    height: 16px;
    line-height: 16px;
    color: #fff;
    background-color: #f42424;
    padding: 0 7px;
    position: relative;
    margin-right: 5px;
}

.gl-i-wrap .p-activity .tag i {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    top: 4px;
    overflow: hidden;
}

.gl-i-wrap .p-activity .tag i.i-left {
    left: -5px;
}

.gl-i-wrap .p-activity .tag i.i-right {
    right: -5px;
}

.gl-i-wrap .p-activity .tac-mh {
    background-color: #f861af;
}

.gl-i-wrap .p-activity .tac-mb {
    background-color: #7b75f3;
}

.gl-i-wrap .p-activity .tac-by {
    background-color: #63bfad;
}

.gl-i-wrap .p-activity .tac-sr {
    background-color: #f42424;
}

.gl-i-wrap .p-operate {
    margin-top: 10px;
    overflow: hidden;
    padding: 0 0 3px 1px;
}

.gl-i-wrap .p-operate a {
    display: block;
    float: left;
    width: 53px;
    height: 28px;
    line-height: 28px;
    border: 1px dotted #dbdbdb;
    text-align: center;
    margin-left: -1px;
    position: relative;
    z-index: 2;
}

.gl-i-wrap .p-operate a .ui-label {
    display: block;
}

.gl-i-wrap .p-operate a .ui-label {
    background: url(../images/check/checkbox_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a .ui-checkbox:checked+label {
    background: url(../images/check/checked_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a:hover {
    border-color: #f42424;
    z-index: 5;
}

.gl-i-wrap .p-operate a:hover .ui-label {
    background: url(../images/check/checkbox_cur_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a:hover .ui-checkbox:checked+label {
    background: url(../images/check/checked_12x12.png) 6px 9px no-repeat;
}

.gl-i-wrap .p-operate a.not_compareLink {
    cursor: default;
    background-color: #d2d2d2;
    color: #555;
}

.gl-i-wrap .p-operate a.not_compareLink .ui-label {
    background: url(../images/check/input_checkbox_disabled.png) 6px 9px no-repeat;
    cursor: default;
}

.gl-i-wrap .p-operate a.not_compareLink:hover {
    border-color: #dbdbdb;
}

.gl-i-wrap .p-operate a.not_compareLink:hover .ui-label {
    color: #555;
}

.gl-i-wrap .p-operate a .iconfont {
    font-size: 14px;
    margin: 1px 2px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.gl-i-wrap .p-operate .addcart.btn_disabled {
    color: #fff;
}

.gl-i-wrap .p-operate .addcart.btn_disabled .iconfont {
    color: #fff;
}

.gl-i-wrap .p-operate .addcart.btn_disabled:hover {
    border-color: #dbdbdb;
}

.gl-i-wrap .p-operate .addcart .iconfont {
    font-size: 12px;
    margin: -1px 3px 0 0;
}

.gl-i-wrap .p-operate .selected {
    color: #f42424;
}


/*.goods-list .gl-item:hover{ -webkit-box-shadow: 0 0 4px 0 rgba(85,85,85,.4);-moz-box-shadow: 0 0 4px 0 rgba(85,85,85,.4); box-shadow: 0 0 4px 0 rgba(85,85,85,.4); border:1px solid #ddd\0;}*/

.gl-h-item {
    position: relative;
    padding: 9px 15px 8px 10px;
}

.gl-h-item .gl-i-wrap {
    width: 100%;
    padding: 0;
    overflow: hidden;
    background: none;
    height: 85px;
}

.gl-h-item .gl-i-wrap .col {
    height: 60px;
    float: left;
}

.gl-h-item .gl-i-wrap .col-1 {
    width: 40%;
    margin-right: 2%;
}

.gl-h-item .gl-i-wrap .col-2 {
    width: 30%;
    margin-right: 1%;
}


/*width:15%;*/

.gl-h-item .gl-i-wrap .col-3 {
    width: 20%;
    margin-right: 2%;
}

.gl-h-item .gl-i-wrap .col-4 {
    width: 20%;
    margin-right: 0;
}

.col .p-img {
    width: 58px;
    height: 58px;
    border: 1px solid #d2d2d2;
    float: left;
}

.col .p-right {
    float: left;
    width: calc(100% - 70px);
    margin-left: 10px;
}

.col .p-name {
    width: 100%;
    height: 20px;
    overflow: hidden;
    display: flex;
}

.col .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #000;
}

.col .p-lie {
    line-height: 20px;
    margin-top: 5px;
    color: #8c8c8c;
}

.col .p-lie .p-num {
    float: left;
    color: #8c8c8c;
    width: 264px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.col .p-lie .p-comm {
    float: left;
    margin-left: 30px;
}

.col .p-store {
    margin: 0;
    /*line-height:60px;*/
}

.col .p-store a {
    font-size: 14px;
}

.col .p-store a.p-kefu {
    margin-left: 0;
}

.col .p-price {
    font-size: 14px;
    line-height: 60px;
}

.col .p-price .shop-price {
    font-size: 14px;
    float: left;
}

.col .p-price .original-price {
    font-size: 14px;
    float: left;
    margin-left: 10px;
}

.col .p-operate {
    padding: 0;
    margin-top: 15px;
    float: right;
}

.col .p-operate a {
    background-color: #fff;
    margin: 0 10px 0 0;
}

.col .p-operate a.addcart {
    margin-right: 0;
}

.item_bg {
    background-color: #f8f8f8;
}

.goods-spread {
    float: right;
    margin: 11px 27px 0 0;
    width: 221px;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    -ms-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out;
}

.goods-spread .g-stop {
    width: 23px;
    height: 23px;
    line-height: 23px;
    border: 1px dotted #d2d2d2;
    background-color: #f8f8f8;
    display: block;
    text-align: center;
    color: #959595;
}

.goods-spread .g-stop .iconfont {
    font-size: 12px;
}

.goods-spread .g-stop:hover {
    color: #555;
}

.goods-spread .gs-warp {
    width: 190px;
    padding: 0 15px;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
    margin-top: 8px;
    display: block;
}

.goods-spread .gs-tit {
    color: #8c8c8c;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
}

.goods-spread .gs-list {
    overflow: hidden;
}

.goods-spread .gs-list li {
    margin-bottom: 15px;
}

.goods-spread .gs-i-warp {
    padding-bottom: 15px;
}

.goods-spread .gs-i-warp .p-img {
    width: 190px;
    height: 190px;
}

.goods-spread .gs-i-warp .p-price {
    font-size: 16px;
    color: #f42424;
    margin-top: 5px;
}

.goods-spread .gs-i-warp .p-num {
    margin-top: 2px;
}

.goods-spread .gs-list .p-name a {
    height: 38px;
    overflow: hidden;
    display: block;
}

.goods-spread .gs-list li:last-child {
    margin-bottom: 0;
}

.goods-spread .gs-list li:last-child .gs-i-warp {
    padding-bottom: 0;
}

.goods-list-w1390 {
    width: 1392px;
}

.goods-spread-fix {
    position: absolute;
    right: -30px;
    width: 25px;
    height: 25px;
    overflow: hidden;
}


/*.goods-spread-fix .gs-warp{ display:none;}*/

.p-panel-main {
    overflow: hidden;
    position: relative;
    z-index: 3;
    margin-top: 15px;
    /* padding-bottom:80px;*/
}

.p-panel-main .gl-list ul {
    width: 1400px;
}

.p-panel-main .gl-list li {
    float: left;
    width: 190px;
    height: auto;
    position: relative;
    z-index: 2;
    margin-right: 10px;
}

.p-panel-main .gl-list li .p-img {
    width: 190px;
    height: 190px;
}

.p-panel-main .gl-list li .p-price {
    font-size: 20px;
    margin-top: 6px;
}

.p-panel-main .gl-list li .p-name {
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 5px;
}

.p-panel-main .gl-list li .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.p-panel-main .gl-list li .p-name a:hover {
    color: #f42424;
}

.p-panel-main .gl-list li .p-num {
    margin-top: 7px;
}

.p-panel-main .gl-list li:last-child {
    margin-right: 0;
}

.history_close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 2px;
    right: 2px;
    display: none;
}

.goods-list .gl-item:hover .history_close {
    display: block;
}

.fP-expand,
.fP-expand-kword {
    display: none;
    position: absolute;
    z-index: 99;
    border: 1px solid #dcdcdc;
    background: #EFECEB;
    width: 161px;
    left: 0px;
    top: 24px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.fP-expand .ui-btn-s,
.fP-expand-kword .ui-btn-s {
    border: 1px solid #ccc;
    height: 18px;
    line-height: 18px;
    *line-height: 20px;
    color: #333;
    padding: 0 10px;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f7f7f7, #f2f2f2);
    background-image: -webkit-linear-gradient(top, #f7f7f7, #f2f2f2);
    background-image: -o-linear-gradient(top, #f7f7f7, #f2f2f2);
    background-image: linear-gradient(top, #f7f7f7, #f2f2f2);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}

.fP-expand .ui-btn-s-primary,
.fP-expand-kword .ui-btn-s-primary {
    color: #fff;
    border-color: #f42424;
    background-color: #f42424;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f42424, #f55658);
    background-image: -webkit-linear-gradient(top, #f42424, #f55658);
    background-image: -o-linear-gradient(top, #f42424, #f55658);
    background-image: linear-gradient(top, #f42424, #f55658);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f42424', endColorstr='#f55658', GradientType=0);
    margin-left: 15px;
}

.fP-expand .ui-btn-s:hover,
.fP-expand-kword .ui-btn-s:hover {
    background-position: 0 -321px;
}

.fP-expand .ui-btn-s-primary:hover,
.fP-expand-kword .ui-btn-s-primary:hover {
    background-position: 0 -21px;
}


/* goods-list end*/


/* search store-list start*/

.store-shop-list {
    z-index: 2;
    margin-top: 12px;
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
}

.store-shop-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.store-shop-list .ss-warp {
    overflow: hidden;
}

.store-shop-list .ss-item {
    overflow: hidden;
    margin-bottom: 30px;
}

.store-shop-list .ss-item:last-child {
    margin-bottom: 20px;
}

.store-shop-list .ss-info {
    border: 1px solid #f8f8f8;
    overflow: hidden;
    padding-bottom: 10px;
}

.store-shop-list .ss-i-info {
    float: left;
    padding: 10px;
    width: 300px;
}

.store-shop-list .ss-i-top {
    background: #f8f8f8;
    float: left;
    width: 100%;
    height: 180px;
}

.store-shop-list .logo {
    width: 95px;
    height: 95px;
    display: block;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    overflow: hidden;
    margin: 20px 15px 0 10px;
    float: left;
}

.store-shop-list .logo a {
    display: table-cell;
    width: 95px;
    height: 95px;
    vertical-align: middle;
}

.store-shop-list .logo a img {
    width: 95px;
}

.store-shop-list .r-info {
    float: left;
    width: 175px;
}

.store-shop-list .ss-tit {
    font-size: 14px;
    font-weight: bold;
    color: #555;
    line-height: 24px;
    margin-top: 18px;
}

.store-shop-list .seller-sr {
    border: 1px solid #f42424;
    width: 25px;
    color: #f42424;
    padding: 0 5px;
}

.store-shop-list .ss-tit a {
    margin-left: 5px;
}

.store-shop-list .ss-tit .iconfont {
    margin-top: -2px;
}

.store-shop-list .ss-desc {
    color: #8c8c8c;
    line-height: 20px;
    margin-top: 5px;
}

.store-shop-list .ss-desc p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-shop-list .ss-btn {
    margin-top: 20px;
    font-size: 0;
}

.store-shop-list .ss-btn .btn {
    padding: 0 15px;
}

.store-shop-list .ss-btn .icon-zan-alt {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.store-shop-list .ss-btn .btn:last-child {
    margin-right: 0;
}

.store-shop-list .ss-i-bottom {
    float: left;
    width: 100%;
    font-size: 14px;
}

.store-shop-list .ss-contrast {
    overflow: hidden;
    margin: 10px 0;
    line-height: 25px;
    color: #8c8c8c;
}

.store-shop-list .ss-contrast .ssc-top,
.store-shop-list .ss-contrast .ssc-content,
.store-shop-list .ss-contrast .ssc-bottom {
    width: 100%;
    float: left;
}

.store-shop-list .ss-contrast span {
    display: block;
    float: left;
    margin-left: 20px;
    width: 52px;
}

.store-shop-list .ss-contrast .col1 {
    margin-left: 20px;
    width: 60px;
}

.store-shop-list .ss-contrast .col2 {
    margin-left: 24px;
}

.store-shop-list .ssc-top .col1 {
    font-weight: bold;
}

.store-shop-list .ssc-content span {
    color: #f42424;
}

.store-shop-list .ssc-bottom .iconfont {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin: -5px 0 0 2px;
}

.store-shop-list .ssc-bottom .icon-arrow-down {
    color: #23bc17;
}

.store-shop-list .ssc-bottom .icon-arrow-up {
    color: #f42424;
}

.store-shop-list .ss-i-goods {
    float: left;
    width: 876px;
    margin-top: 10px;
}

.store-shop-list .ss-i-goods ul {
    width: calc(100% + 10px);
}

.store-shop-list .ss-i-goods li {
    float: left;
    width: 210px;
    height: auto;
    margin-right: 10px;
}

.store-shop-list .ss-i-goods .p-img {
    width: 210px;
    height: 210px;
}

.store-shop-list .ss-i-goods .p-name {
    line-height: 20px;
    margin-top: 10px;
}

.store-shop-list .ss-i-goods .p-name a {
    color: #333;
    display: block;
    height: 38px;
    overflow: hidden;
}

.store-shop-list .ss-i-goods .p-name a:hover {
    color: #f42424;
}

.store-shop-list .ss-i-goods .p-price {
    font-size: 14px;
    margin-top: 5px;
}

.store-shop-list .goods-list {
    border-top: 1px solid #e5e5e5;
}

.store-shop-list .goods-list .gl-item {
    width: 228px;
}


/*width:229px;*/


/*去掉猜您喜欢，大图商品展示4->5*/

.store-shop-list .goods-list .gl-item .gl-i-wrap {
    padding: 0px 15px;
}

.shopCon {
    background: url(../images/shopCon_bg.jpg) no-repeat;
    height: 130px;
    margin: 30px 0;
}

.shopCon .shopBox {
    overflow: hidden;
    padding: 15px 0;
}

.shopCon .shopLeft {
    float: left;
    width: 350px;
    margin-right: 20px;
}

.shopCon .shopLeft .logo {
    width: 95px;
    height: 95px;
    margin-left: 35px;
}

.shopCon .shopLeft .logo img {
    width: 95px;
    height: 95px;
    border-radius: 50%;
}

.shopCon .shopLeft .storeName {
    float: left;
    font-size: 18px;
    color: #555;
    font-weight: bold;
    margin-left: 20px;
    line-height: 95px;
}

.shopCon .shopHeader-info {
    float: left;
    color: #8c8c8c;
    margin: 28px 20px 0 0;
    width: 280px;
}

.shopCon .shopHeader-info p {
    line-height: 25px;
}

.shopCon .shopHeader-dsr {
    float: left;
    margin-top: 15px;
}

.shopCon .shopHeader-dsr dl {
    width: 260px;
    overflow: hidden;
    line-height: 24px;
}

.shopCon .shopHeader-dsr dt {
    float: left;
    font-weight: bold;
    width: 60px;
    margin-right: 20px;
}

.shopCon .shopHeader-dsr dd {
    float: left;
    width: 40px;
    margin-right: 20px;
}

.shopCon .shopHeader-dsr dl.dl2 dd {
    color: #f42424;
}

.shopCon .shopHeader-enter {
    float: right;
    margin: 38px 38px 0 0;
}

.shopCon .shopHeader-enter .iconfont {
    margin-top: -1px;
    vertical-align: middle;
    display: inline-block;
}

.filter-wrap .crumbTitle {
    padding-right: 22px;
    color: #8c8c8c;
}


/* search store-list end*/


/* goods start*/

.g-d-store-info {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
}

.g-d-store-info .item {
    float: left;
    margin-right: 15px;
    position: relative;
}

.g-d-store-info .item:last-child {
    margin-right: 0;
}

.i-kefu {
    width: 26px;
    height: 21px;
    background-position: -260px 0;
}

.g-d-store-info .item a {
    display: block;
}

.g-d-store-info .item .s-name {
    font-weight: bold;
    color: #555;
    line-height: 40px;
    float: left;
}

.g-d-store-info .item .s-name:hover {
    color: #f42424;
}

.g-d-store-info .item .s-a-kefu {
    margin-left: 5px;
    float: left;
}

.g-d-store-info .item .i-kefu {
    margin-top: 8px;
}

.g-d-store-info .item a.selected {
    color: #f42424;
}

.g-d-store-info .s-score,
.g-d-store-info .s-score-info {
    border-radius: 0;
}

.s-follow {
    margin-top: 9px;
}

.s-follow .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    color: #f42424;
}

.g-d-store-info .item.gd-shop-qrcode {
    line-height: 36px;
}

.g-d-store-info .item.gd-shop-qrcode .mobile_pop {
    text-align: center;
    height: 180px;
    width: 180px;
    top: 36px;
}

.g-d-store-info .item.gd-shop-qrcode .mobile_pop .img {
    width: 160px;
    height: 160px;
    margin-top: 10px;
}

.g-d-store-info .item.gd-shop-qrcode:hover .mobile_pop {
    display: block;
}


/*放大镜样式*/

.MagicZoomPup {
    z-index: 3;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background-image: url(../images/common/zoom-point.png);
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    cursor: move
}

.MagicBoxShadow {
    border: 1px solid #e4e4e4;
}

.product-info {}

.preview {
    float: left;
    width: 400px;
    height: auto;
}

.gallery_wrap {
    width: 398px;
    height: 398px;
    border: 1px solid #d2d2d2;
    text-align: center;
}

.gallery_wrap a {
    width: 398px;
    height: 398px;
    display: table-cell;
    vertical-align: middle;
}

.gallery_wrap a img {
    max-width: 398px;
    max-height: 398px;
}

.gallery_wrap ul {}

.gallery_wrap li {
    float: left;
    width: 398px;
    height: 398px;
    position: relative;
}

.gallery_wrap li .video_default {
    background: url(../images/video_default.png);
    width: 400px;
    height: 400px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.spec-list {
    width: 398px;
    height: 60px;
    border: 1px solid #d2d2d2;
    border-top: 0;
    padding: 14px 0;
}

.spec-list .spec-prev,
.spec-list .spec-next {
    float: left;
    width: 39px;
    margin: 18px 0 0 0;
    text-align: center;
}

.spec-list .spec-items {
    float: left;
    width: 320px;
    height: 60px;
    overflow: hidden;
}

.spec-list .spec-items ul {
    width: 325px;
}

.spec-list .spec-items li {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 5px;
}

.spec-list .spec-items li a {
    display: block;
    border: 1px solid #fff;
}

.spec-list .spec-items li:hover a,
.spec-list .spec-items li a.img-hover {
    border-color: #f42424;
}

.short-share {
    height: 20px;
    margin-top: 20px;
}

.short-share .bar_code {
    float: right;
}

.short-share .left-btn {
    margin-left: 5px;
}

.short-share .left-btn .duibi,
.short-share .left-btn .collection,
.short-share .left-btn .share {
    float: left;
    line-height: 20px;
    margin-left: 15px;
}

.short-share .left-btn .duibi .ui-label,
.short-share .left-btn .collection em {
    padding-right: 15px;
    border-right: 1px solid #d2d2d2;
}

.short-share .left-btn .iconfont {
    vertical-align: middle;
    margin-top: -1px;
    display: inline-block;
}

.short-share .left-btn .icon-share {
    font-size: 12px;
    color: #8c8c8c;
    margin-right: 5px;
}

.short-share .left-btn .selected {
    color: #f42424;
}

#bdshare .share {
    background: none !important;
    font-family: "Microsoft YaHei";
    padding: 0;
}

.product-wrap {
    float: left;
    width: 600px;
    margin: 0 30px;
}

.product-wrap .name {
    font-size: 16px;
    color: #555;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-wrap .newp {
    font-size: 14px;
    color: #f42424;
    margin-bottom: 10px;
}

.summary {
    position: relative;
}

.activity-title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #f42424;
}

.activity-title .activity-type {
    float: left;
    font-size: 18px;
    color: #fff;
}

.activity-title .sk-time-cd {
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 8px 0;
}

.activity-title .cd-time {
    float: left;
}

.activity-title .cd-time div {
    min-width: 16px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding: 0 3px;
}

.activity-title .cd-time .split {
    line-height: 22px;
}

.summary-price-wrap .s-p-w-wrap {
    background: url(../images/summary-bg.jpg) #f3f3f3 repeat-x 20px -60px;
    padding: 22px 0 12px 10px;
}

.summary-item {
    position: relative;
    float: left;
    width: 100%;
}

.si-tit {
    float: left;
    margin-right: 10px;
    line-height: 27px;
    font-size: 14px;
}

.summary-item .si-warp {
    line-height: 24px;
    width: 500px;
}

.summary-item .si-warp .shop-price {
    font-size: 30px;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-left: -6px;
}

.summary-item .si-warp .price-notify {
    width: 52px;
    height: 20px;
    line-height: 20px;
    background: url(../images/dsc-icon.png) -296px -44px no-repeat;
    display: inline-block;
    padding-left: 8px;
    color: #fff;
    margin: 3px 0 0 8px;
    cursor: pointer;
}

.summary-item .si-warp .m-price {
    line-height: 24px;
    text-decoration: line-through;
}

.summary-item .quan-item {
    float: left;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #ff6590;
    padding: 0 7px;
    position: relative;
    margin: 4px 5px 0 0;
    overflow: hidden;
}

.summary-item .quan-item i {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #f3f3f3;
    border-radius: 50%;
    top: 4px;
    overflow: hidden;
}

.summary-item .quan-item i.i-left {
    left: -5px;
}

.summary-item .quan-item i.i-right {
    right: -5px;
}

.summary-item .si-warp .tary {
    display: block;
    float: left;
    margin-right: 10px;
}

.si-promotion {
    position: relative;
    height: 42px;
    z-index: 2;
    margin-bottom: 0;
    overflow: hidden;
}

.si-promotion .si-warp {
    width: 410px;
}

.si-promotion .prom-items {
    width: 320px;
    float: left;
}

.si-promotion .prom-item {
    height: 14px;
    line-height: 14px;
    color: #f42424;
    margin-top: 6px;
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.si-promotion .prom-item .prom-tip {
    display: block;
    float: left;
    height: 14px;
    background: url(../images/jt.png) #f42424 no-repeat;
    padding: 0 2px 0 10px;
    color: #fff;
    margin-right: 9px;
}

.si-promotion .view-all-promotions {
    float: right;
    color: #438cde;
    cursor: pointer;
}

.si-promotion .view-all-promotions .iconfont {
    font-size: 12px;
}

.z-promotions-all-show {
    position: absolute;
    z-index: 9;
}

.z-promotions-all-show .si-promotion {
    height: auto;
}

.si-coupon .si-warp {
    width: 415px;
}

.summary-price-wrap .si-info {
    position: absolute;
    top: 30px;
    right: 18px;
}

.summary-price-wrap .si-cumulative {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 12px;
    line-height: 14px;
    border-right: 1px solid #d2d2d2;
}

.summary-price-wrap .si-cumulative em {
    font-size: 14px;
    color: #b31919;
    margin-left: 8px;
}

.summary-price-wrap .si-cumulative:last-child {
    margin-right: 0;
    border-right: 0;
    padding-right: 0;
}

.summary-price-wrap .si-phone-code {
    position: absolute;
    top: 50px;
    right: 20px;
    z-index: 8;
}

.qrcode-wrap {
    text-align: right;
}

.qrcode-wrap .qrcode_tit {
    color: #8c8c8c;
    line-height: 24px;
    cursor: pointer;
}

.qrcode-wrap .qrcode_tit .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 5px;
}

.qrcode-wrap .qrcode_pop {
    position: relative;
    z-index: 99;
    right: -52px;
    width: 180px;
    height: auto;
    background-color: #fff;
    box-shadow: 0px 2px 10px rgb(204, 204, 204);
    text-align: center;
    margin-top: 8px;
    display: none;
}

.qrcode-wrap .qrcode_pop:before {
    content: '';
    position: absolute;
    display: block;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #fbfbfb #fbfbfb #fff;
}

.qrcode-wrap:hover .qrcode_pop {
    display: block;
}

.summary-basic-info {
    margin-top: 15px;
    line-height: 28px;
}

.is-ladder {
    position: relative;
}

.is-ladder .priceLadder {
    position: absolute;
    background: #fff;
    border: 1px solid #ff869a;
    z-index: 99;
    display: none;
}

.is-ladder .priceLadder dt,
.is-ladder .priceLadder dd {
    width: 160px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #ff869a;
    overflow: hidden;
    text-align: center;
}

.is-ladder .priceLadder dt span:first-child,
.is-ladder .priceLadder dd span:first-child {
    display: block;
    width: 70px;
    float: left;
}

.is-ladder .priceLadder dt span:last-child,
.is-ladder .priceLadder dd span:last-child {
    display: block;
    width: 90px;
    float: left;
}

.is-ladder .priceLadder dt {
    background-color: #ff869a;
    color: #fff;
}

.is-ladder .priceLadder dd:last-child {
    border-bottom: 0;
}

.is-stock span {
    float: left;
    margin-right: 5px;
}

.store-selector {
    float: left;
    position: relative;
}

.text-select .tit {
    padding: 0 10px;
    border: 1px solid #d2d2d2;
    height: 23px;
    line-height: 23px;
    cursor: pointer;
}

.text-select .tit .iconfont {
    font-size: 12px;
}

.text-select.hover .tit {
    border-bottom-color: #fff;
    position: relative;
    z-index: 11;
}

.text-select .area-warp {
    position: absolute;
    border: 1px solid #d2d2d2;
    width: 290px;
    padding: 10px 23px 15px 18px;
    top: 24px;
    left: 0;
    z-index: 10;
    display: none;
    background: #fff;
}

.text-select .tab {
    border-bottom: 1px solid #d2d2d2;
    float: left;
    width: 100%;
    padding-left: 1px;
    height: 24px;
}

.text-select .tab li {
    min-width: 36px;
    float: left;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
    margin-left: -1px;
    text-align: center;
    cursor: pointer;
}

.text-select .tab li.curr {
    border-bottom: 1px solid #fff;
    border-top: 2px solid #f42424;
    height: 22px;
    color: #f42424;
}

.text-select .tab-content {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.text-select .tab-content ul {
    width: 300px;
}

.text-select .tab-content li {
    float: left;
    width: 70px;
    line-height: 18px;
    margin: 0 5px 5px 0;
}

.text-select .tab-content li a {
    display: inline-block;
    padding: 0 4px;
    color: #333;
}

.text-select .tab-content li a:hover {
    background-color: #f42424;
    color: #fff;
}

.text-select .tab-content li a.choosable {
    color: #ddd;
    cursor: default;
}

.text-select .tab-content li a.choosable:hover {
    background: none;
}

.mod_storage_state {
    overflow: hidden;
    float: left;
    width: 280px;
    margin: 5px 0 0 5px;
    color: #f42424;
}

.cart-filter .store-selector .area-warp {
    right: 0;
    left: inherit;
}

.cart-filter .sp-area .txt {
    height: 25px;
    line-height: 25px;
}

.stock-add-used {
    margin-bottom: 15px;
}

.stock-add-used .stock-top {
    cursor: pointer;
    overflow: hidden;
    margin-top: 5px;
}

.stock-add-used .stock-top strong {
    line-height: normal;
}

.stock-add-used .stock-con {
    display: block;
}

.stock-add-used .stock-con ul {
    border-bottom: 1px solid #f7f7f7;
    padding: 5px 0 10px;
    overflow: hidden;
}

.stock-add-used .stock-con ul li {
    line-height: normal;
    float: left;
    margin-right: 15px;
}

.stock-add-used .stock-con ul li.last {
    margin-right: 0;
}

.stock-add-used .stock-con ul li a {
    float: left;
    padding: 0 4px;
    color: #555;
    line-height: 20px;
}

.stock-add-used .stock-con ul li a:hover {
    color: #fff;
    background: #f42424;
}

.store-warehouse {
    float: left;
}

.store-warehouse-info {
    float: left;
}

.store-warehouse .text-select {
    margin-left: -1px;
    cursor: pointer;
}

.store-warehouse .warehouse {
    display: none;
    position: absolute;
    border: 1px solid #d2d2d2;
    border-top: 0;
    background-color: #fff;
    top: 24px;
    z-index: 999;
    width: calc(100% - 2px)
}

.store-warehouse .warehouse li {
    padding: 0 10px;
}

.store-warehouse .warehouse li:hover {
    background: #ddd;
}

.store-warehouse .store-prompt {
    float: left;
    height: 25px;
    line-height: 25px;
    color: #999;
    margin-left: 10px;
}

.store-warehouse .store-prompt strong {
    font-size: 16px;
    color: #666;
}

.store-warehouse h2 {
    float: left;
    line-height: 25px;
    color: #666;
    font-family: '\5B8B\4F53';
}

.store-warehouse strong {
    font-size: 14px;
}

.is-since .iconfont {
    font-size: 14px;
    margin-right: 3px;
}

.is-attr {
    margin-bottom: 0;
}

.is-attr .si-tit,
.is-ious .si-tit,
.is-number .si-tit {}

.summary-item .item {
    float: left;
    border: 1px solid #d2d2d2;
    padding: 2px;
    margin: 0 10px 10px 0;
    position: relative;
}

.summary-item .item:last-child {
    margin-right: 0;
}

.summary-item .item a {
    display: block;
    overflow: hidden;
}

.summary-item .item a:hover {
    color: #555;
}

.summary-item .item a img,
.is-attr ul li a i {
    float: left;
}

.summary-item .item a i {
    padding: 0 10px;
}

.summary-item .item b {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 15px;
    height: 15px;
    background: url(../images/dsc-icon.png) 0 0 no-repeat;
}

.summary-item .selected,
.summary-item .item:hover {
    border-color: #f42424;
}

.summary-item .selected b {
    display: block;
}

.summary-item .no-stock {
    border: 1px dashed #d2d2d2;
}

.summary-item .no-stock a {
    background-color: #fff;
    opacity: .4;
    filter: alpha(opacity=40);
}

.is-ious .item a i {
    padding: 0 5px;
}

.bt-info-tips {
    float: left;
    height: 30px;
    position: relative;
}

.bt-info-tips .question {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-top: 6px;
    margin-right: 5px;
    background: url(../images/question.png) no-repeat;
}

.bt-info-tips .tips {
    width: 310px;
    height: 130px;
    position: absolute;
    position: absolute;
    top: 35px;
    left: -48px;
    background-color: #f1faff;
    display: none;
    z-index: 10;
}

.bt-info-tips .tips .sprite-arrow {
    width: 11px;
    height: 7px;
    display: block;
    position: absolute;
    background: url(../images/dsc-icon.png) -26px 0 no-repeat;
    top: -6px;
    left: 51px;
    z-index: 5;
}

.bt-info-tips .tips .content {
    padding: 10px 12px;
    line-height: 18px;
    border: 1px solid #b6c0c6;
    -moz-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    -webkit-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2)
}

.bt-info-tips:hover .tips {
    display: block;
}

.baitiao-tips {
    position: absolute;
    z-index: 6;
    top: 28px;
    left: -1px;
    width: 200px;
    padding: 4px 10px;
    background: #f1faff;
    border: 1px solid #b6c0c6;
    -moz-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    -webkit-box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    box-shadow: 0 0 5px 1px rgba(78, 157, 204, .2);
    display: none;
}

.is-ious .item:hover .baitiao-tips {
    display: block;
}

.amount-warp {
    float: left;
}

.amount-warp .buy-num {
    width: 56px;
    float: left;
    outline: 0;
    background: transparent;
    height: 30px;
}

.amount-warp .a-btn {
    float: left;
    width: 22px;
    height: 28px;
    border: 1px solid #d2d2d2;
    border-left: 0;
}

.btn-reduce-detail {
    margin-left: 2px;
}

.btn-detail,
.btn-reduce-detail {
    display: inline-block;
    float: left;
    border: 1px solid #d2d2d2;
    padding: 2px 10px;
}

.amount-warp .a-btn a {
    float: left;
    width: 22px;
    height: 14px;
    line-height: 14px;
    text-align: center;
}

.amount-warp .a-btn .btn-reduce {
    height: 13px;
    border-top: 1px solid #d2d2d2;
}

.amount-warp a .iconfont {
    font-size: 12px;
}

.amount-warp .a-btn .btn-disabled {
    color: #e0e0e0;
}

.is-number span {
    line-height: 30px;
    float: left;
    margin-left: 14px;
}

.choose-btns {
    margin-top: 30px;
    margin-left: 11px;
}

.choose-btns a,
.choose-btns .button {
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    padding: 0 25px;
    cursor: pointer;
    border: 0;
    margin-bottom: 10px;
}

.choose-btns a:last-child {
    margin-right: 0;
}

.choose-btns .iconfont {
    font-size: 18px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.choose-btns . {
    padding: 0 32px;
}

.btn-buynow {
    background-color: #ff8f22;
}

.btn-append {
    background-color: #f42424;
}

.btn-since {
    background-color: #b31919;
}

.btn-baitiao {
    background-color: #22c37d;
}

.btn-invalid,
.btn_disabled {
    background-color: #d2d2d2;
    cursor: default;
    border-color: #d2d2d2;
}

.btn-buynow:hover {
    background-color: #f29c49;
}

.btn-append:hover {
    background-color: #ec5151;
}

.btn-since:hover {
    background-color: #ec5151;
}

.btn-baitiao:hover {
    background-color: #36d791;
}

.btn-invalid:hover,
.btn_disabled:hover {
    background-color: #d2d2d2;
    cursor: default;
}

.summary-tips {
    margin-top: 15px;
}

.tips-list {
    float: left;
}

.tips-list li {
    float: left;
    margin-right: 10px;
}

.tips-list li.choose-item .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.track {
    float: left;
    width: 140px;
    height: auto;
    position: relative;
}

.track .track-tit {
    text-align: center;
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-bottom: 10px;
}

.track .track-tit h3 {
    font-size: 14px;
    padding: 0 10px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    display: inline-block;
    color: #8c8c8c;
}

.track .track-tit span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 9px;
    height: 1px;
    border-bottom: 1px dashed #e5e5e5;
}

.track .track-con {
    max-height: 550px;
    overflow: hidden;
}

.track .track-con li {
    width: 140px;
    height: auto;
    position: relative;
    margin-bottom: 5px;
}

.track .track-con li .p-img {
    width: 140px;
    height: 140px;
}

.track .track-con li .p-name {
    width: 100%;
    height: 20px;
}

.track .track-con li .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.track .track-con li .price {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #f42424;
}

.track .track-con li a:hover .price {
    color: #f42424;
}

.track .track-more {
    text-align: center;
    font-size: 0;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
}

.track .track-more .sprite-up {
    margin-right: 20px;
}

.track .track-more .iconfont {
    font-size: 24px;
    color: #8c8c8c;
}

.track .track-more a:hover .iconfont {
    color: #f42424;
}

.product-wrap-min {
    width: 580px;
    margin: 0 20px;
}

.product-wrap-min .summary-item .si-warp {
    width: 500px;
}

.seller-pop {
    float: left;
    width: 158px;
    height: auto;
    position: relative;
    border: 1px solid #dddddd;
    padding: 10px;
}

.seller-pop .seller-logo {
    width: 140px;
    height: 70px;
    position: relative;
    margin: 0 auto;
}

.seller-pop .seller-logo a {
    width: 140px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.seller-pop .seller-logo a img {
    max-width: 140px;
    max-height: 70px;
}

.seller-pop .seller-info {
    text-align: center;
    margin-top: 10px;
}

.seller-pop .seller-info .name {
    font-weight: 700;
    margin-right: 5px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seller-pop .seller-info a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

.seller-pop .seller-sr {
    border: 1px solid #f42424;
    width: 50px;
    color: #f42424;
    padding: 0 5px;
    margin: 5px auto;
}

.seller-pop .seller-pop-box {
    padding: 5px 0 10px;
    border-top: 1px dashed #dbdbdb;
    border-bottom: 1px dashed #dbdbdb;
    margin-top: 10px;
}

.seller-pop .seller-pop-box .s-score {
    margin: 10px auto;
}

.seller-pop .seller-pop-box .g-s-parts {
    width: 110px;
    margin: 0 auto;
}

.seller-pop .seller-pop-box .g-s-parts span {
    width: 50%;
}

.seller-pop .seller-item {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px dashed #dbdbdb;
    height: 20px;
}

.seller-pop .seller-item .iconfont {
    vertical-align: middle;
    margin-right: 3px;
    color: #f42424;
    margin-top: -2px;
}

.seller-pop .seller-item .gz-store {
    padding-right: 15px;
    border-right: 1px dotted #dbdbdb;
    margin-right: 10px;
}

.seller-pop .seller-item .gz-store .iconfont {
    font-size: 13px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
}

.seller-pop .seller-tel {
    text-align: center;
    padding: 10px 0 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seller-pop .seller-tel .iconfont {
    font-size: 14px;
    margin-right: 5px;
}

.seller-pop .seller-item .gz-store.selected {
    color: #f42424;
}


/*商品配件、组合购买*/

.combo-inner {
    margin-top: 30px;
}

.combo-inner .tab-nav {
    padding-left: 1px;
    overflow: hidden;
}

.combo-inner .tab-nav li {
    float: left;
    border: 1px solid #d2d2d2;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    font-weight: bold;
    margin: 0 0 0 -1px;
    cursor: pointer;
}

.combo-inner .tab-nav li.curr {
    border-top: 2px solid #f42424;
    height: 37px;
    color: #f42424;
    border-bottom-color: #fff;
}

.combo-inner .tab-content {
    overflow: hidden;
    border: 1px solid #d2d2d2;
    padding: 24px 0 20px 27px;
    margin-top: -1px;
}

.combo-inner .master {
    float: left;
    width: 160px;
}

.combo-inner .p-img {
    width: 160px;
    height: 160px;
}

.combo-inner .p-name {
    margin-top: 5px;
    color: #333;
    width: 100%;
    height: 20px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-inner .p-oper {
    margin-top: 5px;
    line-height: 20px;
}

.combo-inner .dsc-enable {
    float: left;
    margin-left: 1px;
}

.combo-inner .p-price {
    font-size: 14px;
    color: #555;
    float: left;
    margin-left: 12px;
}

.combo-spliter {
    float: left;
    width: 40px;
    text-align: center;
    margin-top: 85px;
}

.combo-spliter .iconfont {
    font-size: 20px;
    color: #8c8c8c;
}

.combo-items {
    float: left;
}

.combo-items-warp {
    float: left;
    width: 688px;
    height: 215px;
    margin-right: 16px;
    overflow: hidden;
}

.combo-item {
    float: left;
    margin-right: 16px;
    width: 160px;
}

.combo-items .oper {
    width: 40px;
    float: left;
}

.combo-items .oper a {
    width: 38px;
    height: 68px;
    line-height: 68px;
    border: 1px solid #d2d2d2;
    text-align: center;
    display: block;
    float: left;
}

.combo-items .oper a .iconfont {
    font-size: 20px;
    color: #8c8c8c;
}

.combo-items .oper .o-prev {
    margin-bottom: 20px;
}

.combo-action {
    float: left;
    margin-left: 25px;
    width: 195px;
}

.combo-action-info {
    overflow: hidden;
}

.combo-action .combo-price {
    height: 24px;
    line-height: 24px;
}

.combo-action .combo-price span {
    float: left;
}

.combo-action .combo-price strong {
    font-size: 16px;
    color: #f42424;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.combo-action .combo-o-price {
    margin-top: 5px;
}

.combo-action .save-price {
    float: left;
    height: 20px;
    line-height: 20px;
    color: #fff;
    padding: 0 5px;
    background-color: #555;
    margin-top: 10px;
}

.input_combo_stock {
    margin-top: 10px;
    overflow: hidden;
}

.input_combo_stock .gns_item {
    margin-bottom: 5px;
}

.combo-btn {
    margin-top: 15px;
}

.combo-btn a {
    width: 140px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center;
}

.combo-btn .combo-btn-buynow {
    background-color: #f42424;
}

.combo-btn .combo-btn-buynow:hover {
    background-color: #ec5051;
}

.combo-btn .combo-btn-append {
    background-color: #f42424;
    margin-top: 14px;
}

.combo_stock {
    border: 1px solid #d2d2d2;
    text-align: center;
    padding: 0 5px;
    outline: 0;
}

.goods-main-layout {
    width: 100%;
    min-height: 520px;
    position: relative;
    z-index: 4;
    overflow: hidden;
    margin: 26px 0 0 0;
}

.g-m-left {
    float: left;
    width: 200px;
}

.g-m-left .g-main {
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
    width: 198px;
    background-color: #fff;
}

.g-m-left .mt {
    height: 38px;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    background-color: #f8f8f8;
}

.g-m-left .mt h3 {
    font-size: 14px;
    line-height: 38px;
    font-weight: bold;
    color: #555;
    padding-left: 14px;
    float: left;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.g-m-left .mc {
    position: relative;
}

.g-m-left .mc .mc-warp {
    padding: 0 14px;
}

.g-store-info .s-a-kefu {
    float: left;
    margin: 6px 0 0 5px;
}

.g-store-info .g-s-brand {
    text-align: center;
    padding: 20px 0;
}

.g-store-info .g-s-brand img {
    max-width: 150px;
    max-height: 75px;
}

.service_list ul {
    padding: 10px;
    overflow: hidden;
}

.service_list li {
    height: 40px;
    line-height: 40px;
    width: 84px;
    float: left;
    padding-left: 5px;
}

.service_list li a {
    display: block;
}

.service_list li i.icon_service_qq {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    background-position: -40px -89px;
    margin-top: 10px;
}

.service_list li span {
    float: left;
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 58px;
}

.service_list li .icon {
    float: left;
    margin-top: 8px;
}

.service_list li.service_qq span {
    width: 53px;
}

.service_list li i.icon_service_ww {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    background: url(../images/icon_service_ww.gif) -82px 0 no-repeat;
    margin-top: 8px;
}

.store-href {
    padding: 10px 0 20px;
    overflow: hidden;
}

.store-href a {
    float: left;
    height: 23px;
    line-height: 23px;
    border: 1px solid #d2d2d2;
    display: block;
    background-color: #f8f8f8;
    padding: 0 5px;
    color: #8c8c8c;
}

.store-href .iconfont {
    display: inline-block;
    vertical-align: middle;
    color: #f42424;
    margin-right: 3px;
}

.store-href .gz-store {
    margin-right: 10px;
}

.store-href .icon-zan-alt,
.store-href .icon-zan-alts {
    font-size: 13px;
    margin-left: 3px;
}

.store-href .gz-store.selected {
    border-color: #f42424;
    color: #f42424;
}

.store-href a:hover {
    color: #f42424;
    border-color: #f42424;
}

.s-search {
    padding: 20px 0;
}

.s-search p {
    margin-bottom: 10px;
}

.s-search .text {
    height: 28px;
    line-height: 28px;
    width: 160px;
    padding: 0 4px;
    border: 1px solid #d2d2d2;
    outline: 0;
}

.s-search .text:focus {
    border: 1px solid #f42424;
}

.s-search .sp-form-item2 span {
    color: #d2d2d2;
    padding: 0 5px 0 6px;
}

.s-search .sp-form-item2 .text {
    width: 65px;
}

.s-search .sp-form-item3 {
    margin-bottom: 0;
}

.s-search .search-btn {
    width: 100%;
    height: 30px;
    border: 0;
    background-color: #f42424;
    color: #fff;
    text-align: center;
    outline: 0;
    cursor: pointer;
}

.s-search .search-btn:hover {
    background-color: #ec5051;
}

.g-s-cate-warp dl {
    border-bottom: 1px solid #d2d2d2;
}

.g-s-cate-warp dl:last-child {
    border-bottom: 0;
}

.g-s-cate-warp dt {
    height: 28px;
    line-height: 28px;
    padding: 0 14px;
    color: #8c8c8c;
    font-weight: bold;
    cursor: pointer;
}

.g-s-cate-warp dt .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: 0 -26px;
    float: left;
    margin: 8px 6px 0 0;
}

.g-s-cate-warp dd {
    display: none;
    border-top: 1px solid #d2d2d2;
    padding: 5px 0;
}

.g-s-cate-warp dd .a-item {
    display: block;
    line-height: 28px;
    color: #8c8c8c;
    padding-left: 30px;
}

.g-s-cate-warp dd .a-item:hover {
    color: #f42424;
}

.g-s-cate-warp .hover .icon {
    background-position: -18px -26px;
}

.g-s-cate-warp .hover dt {
    color: #555;
}

.g-s-cate-warp .hover dd {
    display: block;
}

.history_tishi {
    text-align: center;
    padding: 50px 0;
    line-height: 25px;
}

.mc-warp .items {
    padding: 5px 0;
}

.mc-warp .item {
    line-height: 28px;
}

.mc-warp .item a {
    color: #8c8c8c;
    display: block;
    padding-left: 10px;
    background: url(../images/spirit.jpg) 0 12px no-repeat;
}

.mc-warp .item a:hover {
    color: #f42424;
}

.g-m-left .g-rank {
    border: 0;
    width: 200px;
}

.mc-tab {
    height: 38px;
    border-bottom: 1px solid #d2d2d2;
}


/*padding-left:1px;*/

.mc-tab li {
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-bottom: 0;
    height: 38px;
    line-height: 38px;
    width: 65px;
    text-align: center;
    font-weight: bold;
    float: left;
    cursor: pointer;
}


/*margin-left:-1px;*/

.mc-tab li:last-child {
    border-right: 1px solid #d2d2d2;
}

.mc-tab li.curr {
    border-top: 2px solid #f42424;
    background-color: #fff;
    width: 66px;
    height: 37px;
    color: #f42424;
}

.mc-tab.mcOne li.curr {
    width: 198px;
    background: none;
    border-bottom: 1px solid #d2d2d2;
    background-color: #f8f8f8;
    text-align: left;
    font-weight: bold;
    color: #555;
    text-indent: 14px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
}

.mc-tab.mcTwo li {
    width: 49%;
}

.mc-tab.mcTwo li.curr {
    width: 50%;
}

.mc-content {
    border: 1px solid #d2d2d2;
    border-top: 0;
}

.mc-content .mc-main {
    padding: 23px 14px 0;
    overflow: hidden;
    display: none;
}

.mc-content .mcm-left {
    float: left;
    width: 25px;
    position: relative;
}

.mc-content .mcm-right {
    float: left;
    margin-left: 14px;
    width: 130px;
}

.mc-content .mcm-left .spirit {
    width: 1px;
    height: calc(100% - 54px);
    border-left: 1px dashed #d2d2d2;
    position: absolute;
    left: 12px;
    top: 53px;
    z-index: 1;
}

.mc-content .mcm-left .rank-number {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 50%;
    background-color: #555;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 3;
    margin-bottom: 168px;
}

.mc-content .mcm-left .rank-number1 {
    margin-top: 53px;
}

.mc-content .mcm-left .rank-number1,
.mc-content .mcm-left .rank-number2,
.mc-content .mcm-left .rank-number3 {
    background-color: #f42424;
}

.mc-content .mcm-left .rank-number:last-child {
    margin-bottom: 0;
}

.mc-content .mcm-right li {
    margin-bottom: 15px;
}

.mc-content .mcm-right .p-img {
    width: 130px;
    height: 130px;
}

.mc-content .mcm-right .p-name {
    margin-top: 5px;
    width: 100%;
}

.mc-content .mcm-right .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-content .mcm-right .p-price {
    font-size: 14px;
    height: 20px;
}

.g-history .mc-warp ul,
.g-recommend .mc-warp ul {
    margin-top: 14px;
}

.g-history .mc-warp li,
.g-recommend .mc-warp li {
    margin-bottom: 15px;
}

.g-history .mc-warp li .p-img,
.g-recommend .mc-warp li .p-img {
    width: 170px;
    height: 170px;
}

.g-history .mc-warp li .p-lie {
    overflow: hidden;
    margin-top: 6px;
}

.g-history .mc-warp li .p-price {
    float: left;
    font-size: 14px;
}

.g-history .mc-warp li .p-comm {
    float: right;
}

.g-history .mc-warp li .p-comm .iconfont {
    float: left;
    font-size: 14px;
    color: #ccc;
    margin-right: 5px;
}

.g-history .mc-warp li .p-comm .p-c-comm {
    float: left;
}

.g-history .mc-warp li .p-name {
    margin-top: 5px;
}

.g-history .mc-warp li .p-name a {
    height: 38px;
    overflow: hidden;
    display: block;
}

.g-recommend .mc-warp li .p-name {
    margin-top: 5px;
    max-height: 36px;
}

.g-recommend .mc-warp li .p-name a {
    overflow: hidden;
    max-height: 36px;
    display: block;
}

.g-recommend .mc-warp li .p-price {
    font-size: 14px;
    margin-top: 5px;
}

.g-m-detail {
    float: left;
    margin-left: 30px;
    width: 970px;
    overflow: hidden;
}

.gm-tabbox {
    width: 970px;
    background-color: #fff;
}

.gm-tabbox .gm-tab {
    padding-left: 1px;
    border-bottom: 1px solid #d2d2d2;
    height: 38px;
}

.gm-tab li {
    float: left;
    border: 1px solid #d2d2d2;
    margin-left: -1px;
    height: 38px;
    line-height: 38px;
    border-bottom: 0;
    padding: 0 18px;
    font-weight: bold;
    cursor: pointer;
}

.gm-tab li.curr {
    border-top: 2px solid #f42424;
    height: 37px;
    background-color: #fff;
    color: #f42424;
}


/*.g-m-detail .extra{ float:right; display:none;}*/

.g-m-detail .extra {
    position: absolute;
    right: 0;
    top: 0;
}

.g-m-detail .extra .item {
    float: right;
    height: 30px;
    margin-top: 3px;
}

.g-m-detail .extra .item .si-phone-code {
    float: left;
    margin: 3px 20px 0 0;
}

.g-m-detail .extra .item .si-phone-code .qrcode-wrap .qrcode_tit .iconfont {
    font-size: 15px;
}

.g-m-detail .extra .item .inner {
    float: right;
}

.g-m-detail .extra .item .inner .btn {
    height: 28px;
    line-height: 28px;
    margin-right: 0;
}

.tb-popsku {
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    position: absolute;
    right: 0;
    width: 400px;
    z-index: 100;
    display: none;
}

.tb-popsku .arrow-top {
    width: 10px;
    height: 10px;
    position: absolute;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    display: block;
    top: -6px;
    right: 36px;
    transform: rotate(45deg);
}

.tb-popsku-content {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding: 20px 0;
}

.tb-popsku-content .tb-list {
    margin-bottom: 10px;
    overflow: hidden;
}

.tb-popsku-content .tb-list.is-attr {}

.tb-popsku-content .tb-label {
    float: left;
    width: 60px;
    margin-right: 10px;
    line-height: 24px;
    color: #8c8c8c;
    text-align: right;
}

.tb-popsku-content .tb-value {
    float: left;
    width: 330px;
}

.tb-popsku-content .tb-value .shop-price {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-left: -6px;
}

.tb-popsku-content .tb-value .item {
    float: left;
    border: 1px solid #d2d2d2;
    padding: 2px;
    margin: 0 10px 10px 0;
    position: relative;
    height: auto;
}

.tb-popsku-content .tb-value .item b {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 15px;
    height: 15px;
    background: url(../images/dsc-icon.png) 0 0 no-repeat;
}

.tb-popsku-content .tb-value .item a {
    display: block;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
}

.tb-popsku-content .tb-value .item a i {
    padding: 0 10px;
}

.tb-popsku-content .tb-value .item.selected {
    border-color: #f42424;
}

.tb-popsku-content .tb-value .item.selected b {
    display: block;
}

.tb-popsku-content .tb-value .cz-btn {
    float: left;
    display: block;
    cursor: pointer;
    width: 80px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}

.tb-popsku-content .tb-value .cz-btn-true {
    background-color: #f42424;
    border-color: #f42424;
    color: #fff;
}

.tb-popsku-content .tb-value .cz-btn-false {
    color: #666;
    border-color: #ededed;
    background: #fafafa;
}

.tb-popsku-content .tb-value .cz-btn-false:hover {
    background-color: #ec5051;
}

.tb-popsku-content .tb-value .cz-btn-false:hover {
    border-color: #e0e0e0;
    background: #f5f5f5;
}

.gm-floors {
    overflow: hidden;
}

.gm-floors .gm-f-item {
    overflow: hidden;
    height: auto;
    position: relative;
}

.gm-floors .gm-f-item .table {
    padding: 0;
}

.goods-para-list {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.goods-para {
    width: 100%;
    float: left;
}

.goods-para .column,
.goods-para .column2 {
    width: 25%;
    float: left;
    margin-top: 10px;
}

.goods-para .column2 {
    width: 96%;
}

.goods-para .column2 img {
    max-width: 100%;
}

.goods-para .column span,
.goods-para .column2 span {
    width: 100%;
}

.gm-f-item .gm-title {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;
    margin-top: 30px;
}

.gm-f-item .gm-title h3 {
    font-size: 14px;
    padding-left: 8px;
    border-left: 4px solid #f42424;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
    float: left;
}

.gm-f-item .gm-title .gm-f-tab {
    float: left;
    margin-left: 20px;
}

.gm-f-item .gm-title .gm-f-tab a {
    float: left;
    font-size: 14px;
    line-height: 14px;
    margin-right: 30px;
    cursor: pointer;
}

.gm-f-item .gm-title .gm-f-tab a.curr {
    color: #f42424;
}

.gm-f-item .gm-title .gm-f-tab li {
    float: left;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
}

.gm-f-item .gm-title .gm-f-tab li.curr a {
    color: #f42424;
}


/*.gm-f-details .gm-title,.gm-f-parameter .gm-title{ margin-top:30px;}*/

.gm-f-details img {
    max-width: 970px;
}

.more-par {
    padding-right: 20px;
    margin-top: -5px;
    text-align: right;
    overflow: hidden;
}

.Ptable {
    overflow: hidden;
    /* border-bottom: 1px solid #eee;*/
}

.Ptable .Ptable-item {
    border-top: 1px solid #eee;
    padding: 12px 0;
    line-height: 220%;
    color: #999;
    margin-top: -1px;
    font-size: 12px;
}

.Ptable .Ptable-item h3 {
    width: 110px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    float: left;
}

.Ptable .Ptable-item dl {
    margin-left: 110px;
}

.Ptable .Ptable-item dt {
    width: 150px;
    float: left;
    text-align: right;
}

.Ptable .Ptable-item dd {
    margin-left: 190px;
}

.praise-rate-warp {
    padding: 0 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
}

.praise-rate-warp .rate {
    float: left;
    margin-left: 30px;
    padding: 6px 28px 6px 0;
    border-right: 1px solid #d2d2d2;
}

.praise-rate-warp .rate strong {
    font-size: 48px;
    color: #f42424;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-weight: normal;
    float: left;
}

.praise-rate-warp .rate .rate-span {
    float: left;
    color: #8c8c8c;
    width: 50px;
}

.praise-rate-warp .rate .tit {
    margin: 5px 0 0 8px;
    float: left;
}

.praise-rate-warp .rate .bf {
    float: left;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    color: #f42424;
}

.praise-rate-warp .actor-new {
    float: left;
    margin-left: 34px;
    width: 740px;
    height: 60px;
    overflow: hidden;
}

.praise-rate-warp .actor-new dl {
    overflow: hidden;
}

.praise-rate-warp .actor-new dd {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 0 12px;
    border: 1px solid #fcdbdb;
    color: #b31919;
    margin: 4px 8px 4px 0;
    cursor: pointer;
}

.not_impression {
    font-size: 14px;
    color: #8c8c8c;
    background: url(../images/prompt/not-imp.png) no-repeat;
    padding-left: 70px;
    line-height: 50px;
    margin: 5px 0 0 50px
}

.com-list-main {
    overflow: hidden;
    padding: 0 20px;
}

.com-list-main .com-list-item {
    border-bottom: 1px dotted #dcdcdc;
    overflow: hidden;
    padding: 28px 0 20px;
}

.com-list-item .com-user-name {
    float: left;
    width: 50px;
}

.com-list-item .com-user-name .user-ico {
    width: 50px;
    height: 50px;
}

.com-list-item .com-user-name .user-ico img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.com-list-item .com-user-name .user-txt {
    text-align: center;
    color: #8c8c8c;
    margin-top: 6px;
}

.com-item-warp {
    float: left;
    margin-left: 25px;
    width: calc(100% - 75px);
}

.ciw-top {
    overflow: hidden;
}

.grade-star {
    float: left;
    display: block;
    float: left;
    width: 60px;
    height: 12px;
    background: url(../images/dsc-icon.png) -298px 0 no-repeat;
    margin: 4px 3px 0 0;
}

.grade-star-bg {
    float: left;
    height: 12px;
    width: 60px;
    background: url(../images/dsc-icon.png) -298px -16px no-repeat;
}

.ciw-actor-info {
    float: left;
    margin-left: 15px;
}

.ciw-actor-info span {
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    border: 1px solid #fcdbdb;
    color: #b31919;
    text-align: center;
    margin-right: 10px;
}

.ciw-actor-info span:last-child {
    margin-right: 0;
}

.ciw-time {
    float: right;
    color: #8c8c8c;
}

.ciw-content {
    overflow: hidden;
    margin-top: 5px;
}

.ciw-content .com-warp {
    overflow: hidden;
    padding-bottom: 10px;
}

.ciw-content .com-txt {
    color: #222;
    max-height: 90px;
    line-height: 20px;
    font-size: 14px;
}

.ciw-content .com-operate {
    float: right;
    width: 100%;
    overflow: hidden;
}

.ciw-content .com-operate a {
    float: right;
}

.ciw-content .com-operate .nice {
    margin-left: 25px;
}

.ciw-content .com-operate .iconfont {
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    color: #8c8c8c;
}

.ciw-content .com-operate .nice .iconfont {
    margin-top: -2px;
}

.ciw-content .com-operate a:hover .iconfont,
.ciw-content .com-operate .selected,
.ciw-content .com-operate .selected .iconfont {
    color: #f42424;
}

.ciw-content .reply_info {
    font-size: 14px;
}

.ciw-content .reply_info .item {
    border-top: 1px dotted #dcdcdc;
    line-height: 25px;
    padding: 5px 0;
}

.ciw-content .reply_info em {
    color: #b31919;
    float: left;
}

.ciw-content .reply_info .words {
    display: inline-block;
    width: 580px;
    color: #8c8c8c
}

.ciw-content .com-imgs {
    width: 100%;
    float: left;
    position: relative;
}

.ciw-content .reply_info .time {
    color: #8c8c8c;
    font-size: 12px;
}

.ciw-content .reply_info em {
    color: #f42424
}

.ciw-content .reply_info .pages26 {
    float: right;
}

.ciw-content .reply_info .pages26 .item {
    padding: 0;
    border: 1px solid #d2d2d2;
}

.ciw-content .reply_info .pages26 .pages .item.cur {
    border-color: #f42424;
}

.reply-textarea {
    float: right;
    width: 570px;
}

.reply-textarea .inner {
    border: 1px solid #dcdcdc;
}

.reply-textarea .inner textarea {
    width: 555px;
    padding: 5px;
    border: 0;
    outline: 0;
    height: 45px;
}

.reply-textarea .reply-arrow {
    width: 100%;
    height: 12px;
    position: relative;
    bottom: -1px;
}

.reply-textarea .reply-arrow .layer {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #FFF url(../images/reply-arrow.png) no-repeat;
    right: 56px;
}

.reply-textarea .btnbox {
    float: right;
    width: 100%;
}

.reply-textarea .btnbox .btn {
    float: right;
}

.btnbox .reply-submit {
    cursor: pointer;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    color: #fff;
    background: #ec5051;
    outline: 0;
}

.btnbox span {
    color: #f42424;
    float: left;
    margin-top: 10px;
}

.p-imgs-warp {
    overflow: hidden;
}

.p-thumb-img {
    overflow: hidden;
    margin-bottom: 12px;
}

.p-thumb-img li {
    float: left;
    padding: 2px;
    border: 1px solid #d2d2d2;
    margin-right: 10px;
    height: 54px;
    height: 54px;
    position: relative;
}

.p-thumb-img li a {
    display: table-cell;
    vertical-align: middle;
    height: 54px;
    height: 54px;
}

.p-thumb-img li:hover,
.p-thumb-img li.curr {
    border-color: #f42424;
}

.p-thumb-img li img {
    cursor: url(../images/cursor_plus.png), auto;
    max-height: 54px;
    max-width: 54px;
}

.p-thumb-img li.curr img {
    cursor: url(../images/cursor_reduce.png), auto;
}

.p-view-img {
    position: relative;
    border: 1px solid #d2d2d2;
    padding: 2px;
    background-color: #fff;
    float: left;
    max-width: 400px;
    max-height: 400px;
    text-align: center;
    position: relative;
}

.p-view-img img {
    width: 100%;
    height: 100%;
    cursor: url(../images/cursor_reduce.png), auto;
}

.p-view-img a {
    height: 100%;
    position: absolute;
    top: 0;
    width: 60px;
    text-align: center;
}

.p-view-img a i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -12px;
    width: 23px;
    height: 40px;
    background: url(../images/arrow_icon.png) no-repeat;
    display: none;
}

.p-view-img a:hover i {
    display: block;
}

.p-view-img .p-prev {
    left: 0;
}

.p-view-img .p-next {
    right: 0;
}

.p-view-img .p-prev i {
    background-position: 0 0;
}

.p-view-img .p-next i {
    background-position: -23px 0;
}

.com-list-main .pages {
    margin: 20px 0;
}

.table {
    padding: 0 20px;
    overflow: hidden;
}

.table .thead {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #dcdcdc;
}

.table .thead .th {
    float: left;
    line-height: 30px;
    padding-bottom: 5px;
}

.table .tbody {
    overflow: hidden;
    padding: 15px 0 20px;
    float: left;
    width: 100%;
}

.table .tbody .td {
    float: left;
    line-height: 30px;
    position: relative;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table .td1 {
    width: 470px;
    padding-left: 30px;
    text-align: left;
}

.table .td2 {
    width: 80px;
    text-align: center;
}

.table .td3 {
    width: 80px;
    text-align: center;
}

.table .td4 {
    width: 150px;
    text-align: center;
}

.table .td5 {
    width: 130px;
    text-align: center;
}

.table .tbody .tr {
    width: 100%;
    float: left;
}

.rection {
    overflow: hidden;
}

.rection ul {
    width: 1210px;
}

.rection li {
    float: left;
    width: 230px;
    margin-right: 10px;
    text-align: center;
}

.rection li:last-child {
    margin-right: 0;
}

.rection li .p-img {
    width: 232px;
    height: 232px;
}

.rection li .p-name {
    width: 100%;
    margin-top: 5px;
}

.rection li .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rection li .p-price {
    margin-top: 5px;
}

.goods-main-layout .detail-hd-fixed {
    position: fixed;
    top: 0;
    z-index: 39;
    border-bottom: 0;
}

.goods-main-layout .detail-hd-fixed .gm-tab {
    border-bottom: 0;
    float: left;
}

.goods-main-layout .detail-hd-fixed .extra {
    display: block;
}

.g-store-info.detail-hd-fixed .mt {
    border-bottom: 0;
}

.g-store-info.detail-hd-fixed .mc {
    display: none;
}

.gm-tab-qp-bort {
    height: 1px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3);
    position: absolute;
    width: 1920px;
    bottom: 0;
    left: 0;
}

.who-goods-main-layout .extra {
    display: none;
}


/* goods-desc end*/


/*discuss strat*/

.discuss-warp {
    overflow: hidden;
}

.discuss-left {
    float: left;
    width: 900px;
}

.discuss-right {
    float: right;
    width: 250px;
}

.d-title {}

.d-title h1 {
    font-size: 24px;
    color: #555;
    padding: 25px 0;
}

.review-info {
    overflow: hidden;
}

.review-tabs {
    border: 1px solid #f42424;
    height: 38px;
    line-height: 38px;
}

.review-tabs a {
    float: left;
    width: 179px;
    text-align: center;
    color: #f42424;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.review-tabs a:last-child {
    width: 182px;
}

.review-tabs a i {
    width: 6px;
    height: 5px;
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -3px;
    display: none;
}

.review-tabs a.curr {
    background-color: #f42424;
    color: #fff;
}

.review-tabs a.curr i {
    display: block;
}

.discuss-list {
    padding-top: 20px;
}

.discuss-list .discuss-item {
    margin-top: 28px;
    overflow: hidden;
}

.discuss-item .d-i-info {
    padding-bottom: 25px;
    border-bottom: 1px dashed #d2d2d2;
}

.discuss-item .d-i-info .d-i-name {
    position: relative;
    overflow: hidden;
}

.discuss-item .d-i-info .d-i-name .icon-tie {
    top: 0;
}

.discuss-item .d-i-info .d-i-name a {
    padding-left: 30px;
    line-height: 20px;
    display: block;
    float: left;
    font-size: 16px;
    color: #333;
    max-width: 768px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.discuss-item .d-i-info .d-i-name a:hover {
    color: #f42424;
}

.discuss-item .d-i-info .d-i-name .iconfont {
    vertical-align: middle;
    color: #fc6e29;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
}

.discuss-item .d-i-info .d-i-lie {
    padding-left: 30px;
    color: #8c8c8c;
    margin-top: 10px;
    overflow: hidden;
}

.discuss-item .d-i-info .user-name,
.discuss-item .d-i-info .time {
    float: left;
    font-size: 14px;
}

.discuss-item .d-i-info .user-name {
    margin-right: 20px;
}

.discuss-item .d-i-info .time {}

.browse,
.comment {
    color: #8c8c8c;
}

.browse {
    margin-right: 20px;
}

.browse i,
.comment i {
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
    color: #d2d2d2;
}

.comment i {
    font-size: 14px;
    margin-top: 0;
}

a.browse:hover,
a.comment:hover {
    color: #f42424;
}

.review-form {
    padding-top: 30px;
    overflow: hidden;
    border-top: 1px solid #d2d2d2;
}

.review-form .r-u-name {
    margin-bottom: 20px;
}

.review-form .r-u-name .u-ico {
    margin-left: 6px;
}

.review-form span {
    font-size: 18px;
    color: #8c8c8c;
    display: inline-block;
    line-height: 50px;
    margin-left: 20px;
}

.review-form .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.review-form .item .item-label {
    font-size: 14px;
    color: #8c8c8c;
    width: 56px;
    text-align: right;
    float: left;
    margin-right: 10px;
    line-height: 35px;
}

.review-form .item .item-label2 {
    line-height: 30px;
}

.review-form .item .item-value {
    float: left;
    width: calc(100% - 66px);
}

.review-form .item .item-value .text {
    height: 35px;
    float: left;
    font-size: 14px;
}

.review-form .item .item-value .textarea {
    width: 510px;
}

.review-form .item .item-value .radio-item {
    margin-top: 5px;
}

.review-form .item .item-value .form_prompt {
    line-height: 37px;
}

.review-form .item .item-value .captcha_input .text {
    height: 28px;
}

.review-form .item .btn {
    width: 118px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.discuss-right .d-main {
    border: 1px solid #d2d2d2;
    padding: 0 19px;
}

.d-goods {
    margin-top: 30px;
}

.d-main .d-tit {
    font-size: 14px;
    font-weight: bold;
    margin: 18px 0 0;
}

.d-main .d-g-info {
    margin-top: 18px;
}

.d-main .p-img {
    width: 210px;
    height: 210px;
}

.d-main .p-price {
    font-size: 20px;
    margin-top: 10px;
}

.d-main .p-name {
    font-size: 12px;
    line-height: 20px;
}

.d-main .p-name a {
    color: #555;
}

.d-main .p-name a:hover {
    color: #f42424;
}

.d-main .p-lie {
    color: #8c8c8c;
    margin-top: 5px;
}

.d-main .p-lie b {
    margin-left: 3px;
}

.d-main .btn {
    width: 158px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    margin: 15px 0 20px;
    margin-right: 0;
}

.my-post {
    margin-top: 20px;
}

.my-post .btn {
    width: 228px;
    margin-right: 0;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.my-post .btn .iconfont {
    margin-right: 8px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.d-hot {
    margin-top: 20px;
}

.d-hot .d-info {
    margin: 15px 0 5px;
}

.d-hot .d-info i {
    top: 6px;
}

.d-hot .d-info li {
    position: relative;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}

.d-hot .d-info li a {
    display: block;
}

.discuss-info {
    overflow: hidden;
    margin-top: 30px;
}

.discuss-info-warp {
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
}

.d-i-tit {
    font-size: 14px;
    color: #8c8c8c;
}

.d-i-tit p {
    margin-top: 5px;
}

.d-i-txt {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}

.discuss-info-warp .p-imgs-warp {
    margin-top: 10px;
}

.discuss-reply-info {
    overflow: hidden;
}

.d-r-warp .user-name {
    font-size: 14px;
    color: #8c8c8c;
}

.d-r-warp .textarea {
    width: calc(100% - 22px);
    margin-top: 10px;
}

.d-r-warp .btn {
    float: right;
    width: 68px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-right: 0;
}

.discuss-all {
    margin-top: 20px;
}

.discuss-all .tit {
    font-size: 14px;
    color: #8c8c8c;
}

.discuss-all .item {
    margin-top: 25px;
    overflow: hidden;
}

.d-a-info {
    border-bottom: 1px dashed #d2d2d2;
}

.d-a-info .d-a-lie {
    color: #8c8c8c;
    font-size: 14px;
    overflow: hidden;
}

.d-a-info .d-a-lie * {
    float: left;
}

.d-a-info .time {
    margin-left: 20px;
}

.d-a-info .d-i-txt {
    margin: 10px 0 15px;
    width: 790px;
    float: left;
    overflow: hidden;
}

.d-a-info .reply_parent {
    float: right;
    font-size: 14px;
    margin-top: 14px;
}

.album-info {
    padding: 10px 0;
    overflow: hidden;
}

.album-big {
    float: left;
    width: 880px;
    position: relative;
}

.album-big .album-big-cen {
    width: 720px;
    overflow: hidden;
    margin: 0 auto;
}

.album-big .albumbig-prev,
.album-big .albumbig-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

.album-big .albumbig-prev i,
.album-big .albumbig-next i {
    font-size: 50px;
    color: #d4d4d4;
}

.album-big .albumbig-prev:hover i,
.album-big .albumbig-next:hover i {
    color: #f42424;
}

.album-big .albumbig-prev {
    left: 0;
}

.album-big .albumbig-next {
    right: 0;
}

.album-right {
    float: right;
    width: 200px;
}

.album-list {
    border: 1px solid #d2d2d2;
}

.album-list .album-tit {
    height: 38px;
    line-height: 38px;
    background-color: #f8f8f8;
    padding-left: 15px;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
}

.album-list-warp {
    padding: 15px 0 0 15px;
    overflow: hidden;
    height: 360px;
}

.album-list-warp ul {}

.album-list-warp li {
    float: left;
    width: 64px;
    height: 64px;
    padding: 7px;
    border: 1px solid #d2d2d2;
    margin: 0 9px 10px 0;
    cursor: pointer;
}

.album-list-warp li.curr,
.album-list-warp li:hover {
    border-color: #f42424;
}

.album-nunber {
    text-align: center;
    margin: 10px 0 20px;
}

.album-nunber a {
    width: 23px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.album-nunber a i {
    font-size: 12px;
    color: #8c8c8c;
}

.pur-info {
    margin: 15px 0;
    color: #8c8c8c;
}

.pur-info p {
    padding-top: 5px;
}

.pur-info p span {
    color: #f42424;
    font-weight: bold;
}

.pur-info p b {
    margin-right: 3px;
}

.pur-info .btn {
    width: 198px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    margin: 15px 0 0 0;
}

.pur-info .btn i {
    margin-right: 5px;
}

.quote {
    margin-bottom: 10px;
    width: 510px;
}

.quote fieldset {
    border: 1px solid #dedede;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 0 8px;
    width: 500px;
    word-wrap: break-word;
}

.quote legend {
    color: #999;
    margin-left: 5px;
    padding: 0 4px;
}

.quote .quote_content {
    margin-left: 5px;
    padding: 0 5px;
    width: 580px;
}

.editor-quote .quote {
    background-color: #fff;
    border: 1px solid #d0e4c2;
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 0 0;
    padding: 6px 11px;
    position: relative;
    width: 525px;
    word-wrap: break-word;
}

.editor-quote .quote_title {
    color: #989898;
    height: 22px;
}

.editor-quote .quote .close {
    background: url(../images/close.png);
    cursor: pointer;
    font-size: 0;
    height: 8px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    text-decoration: none;
    top: 40%;
    width: 8px;
}


/*discuss end*/


/* login and register start*/

.login {
    background-color: #fff;
}

.login .container {
    padding-bottom: 0;
}

.login-wrap {
    position: relative;
    height: 530px;
    z-index: 5;
}

.login-wrap .login-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 530px;
}

.login-banner .banner-bg {
    position: relative;
    z-index: 3;
    height: 530px;
}

.login-form {
    position: relative;
    width: 350px;
    z-index: 4;
    background-color: #fff;
}

.login-wrap .login-form {
    float: right;
    top: 52px;
}

.login-form .coagent {
    padding: 20px 40px 0;
}

.login-form .tit {
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: relative;
}

.login-form .tit h3 {
    font-size: 16px;
    padding: 5px 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.login-form .tit span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 9px;
    height: 1px;
    border-bottom: 1px dashed #e5e5e5;
}

.coagent .coagent-warp {
    height: 36px;
    margin-top: 20px;
    text-align: center;
    font-size: 0;
}

.coagent .coagent-warp a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 20px;
}

.coagent .coagent-warp a:last-child {
    margin-right: 0;
}

.third-party-icon {
    display: block;
    width: 36px;
    height: 36px;
    background: url(../images/phone-icon.png) no-repeat;
}

.qq-icon {
    background-position: 0 0;
}

.weixin-icon {
    background-position: 0 -37px;
}

.weibo-icon {
    background-position: 0 -74px;
}

.alipay-icon {
    background-position: 0 -111px;
}

.qq-icon:hover {
    background-position: -39px 0;
}

.weixin-icon:hover {
    background-position: -39px -37px;
}

.weibo-icon:hover {
    background-position: -39px -74px;
}

.alipay-icon:hover {
    background-position: -39px -111px;
}

.login-box {
    padding: 20px 40px 30px;
}

.msg-wrap {
    height: 25px;
}

.msg-wrap .msg-error {
    color: #f42424;
}

.msg-wrap .msg-error .iconfont {
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.form .item {
    margin-bottom: 10px;
}

.form .item-info {
    position: relative;
    width: 268px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
}

.form .item-info-not {
    border: 0;
}

.form .text {
    border: 0;
    width: 223px;
    padding: 5px 0px 5px 21px;
}

.form .iconfont {
    position: absolute;
    color: #e8e8e8;
    left: 10px;
    top: 11px;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.form .text-2 {
    width: 111px;
}

.form .item-button {
    margin-top: 20px;
}

.form .btn {
    width: 270px;
    height: 40px;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    outline: 0;
}

.form .notpwd {
    margin-top: 5px;
    display: block;
}

.captcha_img {
    margin-top: 1px;
    cursor: pointer;
}

.form .item-focus .item-info {
    border-color: #8c8c8c;
}

.form .item-focus .iconfont,
.form .item-error .iconfont {
    color: #d2d2d2;
}

.form .item-error .item-info {
    border-color: #f42424;
}

.register-wrap {
    background-color: #fff;
    min-height: 565px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
}

.register-adv {
    float: left;
    width: 600px;
    height: 565px;
    position: relative;
    text-align: center;
}

.register-adv a {
    display: table-cell;
    width: 600px;
    height: 565px;
    vertical-align: middle;
}

.register-form {
    width: 600px;
    float: left;
    padding-top: 38px;
}

.form-other .item {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.form-other .item-label {
    float: left;
    width: 136px;
    font-size: 16px;
    color: #8c8c8c;
    line-height: 40px;
    padding-right: 24px;
    text-align: right;
}

.form-other .item-info {
    float: left;
    width: 340px;
}

.form-other .text {
    padding: 0 10px;
    width: 320px;
}

.form-other .text-2 {
    padding: 5px 10px;
    width: 208px;
}

.form-other .text-3 {
    padding: 0 38px 0 10px;
    width: 292px;
}

.form-other .item2 {
    width: auto;
    padding-left: 160px;
}

.form-other .item2 .ui-solid-label {
    cursor: pointer;
}

.form-other .item2 .input-tip {
    padding-left: 0;
}

.form-other .item-button {
    margin-top: 0;
}

.form-other .btn {
    width: 342px;
    height: 50px;
    line-height: 50px;
}

.form-other .item-other {
    margin-top: 40px;
}

.form-other .icon-eye-open {
    left: inherit;
    right: 10px;
    cursor: pointer;
}

.form-other .icon-eye-open:hover {
    color: #fdd98f;
}

.get_pwd_warp {
    background-color: #fff;
    height: 460px;
    margin-bottom: 30px;
}

.get_pwd_form {
    margin: 0 auto;
    width: 448px;
}

.get_pwd_form .form-other .item-label {
    width: 82px;
}

.get_pwd_form .form-other .item2 {
    padding-left: 106px;
}

.get_pwd_form .form-other .btn {
    margin: 0;
}

.get_pwd_form .gp-content {
    float: left;
    margin-top: 26px;
}

.get_pwd_form .gp-content .gp-warp:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.get_pwd_form .input-tip {
    padding-left: 106px;
}

.user_email_verify .loginRegister-header {
    border-bottom: 1px solid #dcdcdc;
}

.user_email_verify .get_pwd_warp {
    margin: 103px 0;
}

.meswitch {
    float: right;
    line-height: 26px;
    position: relative;
    z-index: 99;
    color: #438cde;
}

.gp-tab {
    float: left;
    width: 342px;
}

.gp-tab ul {}

.gp-tab li {
    position: relative;
    float: left;
    width: 168px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    border-bottom-color: #f42424;
    text-align: center;
    color: #d2d2d2;
    font-size: 16px;
    cursor: pointer;
}

.gp-tab li .iconfont {
    left: 28px;
}

.gp-tab li .icon-mobile-phone {
    left: 32px;
    top: 11px;
}

.gp-tab li.curr {
    border-color: #f42424;
    border-bottom-color: #fff;
    color: #f42424;
}

.gp-tab li.curr .iconfont {
    color: #f42424;
}

.gp-warp {
    display: none;
}

.gptabThree li {
    width: 112px;
}

.gptabThree li span {
    float: left;
    display: block;
    padding-left: 30px;
}

.gptabThree li .iconfont {
    left: 8px;
}

.gp-tit {
    margin-bottom: 30px;
    float: left;
    width: 317px;
    color: #f42424;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f42424;
}

.gp-tit .iconfont {
    left: 2px;
    top: 3px;
    color: #f42424;
}

.gp-email-up,
.gp-end {
    text-align: center;
    font-size: 16px;
    color: #8c8c8c;
    padding-top: 150px;
}

.gp-email-up a {
    color: #f42424;
}

.gp-email-up a:hover {
    text-decoration: underline;
}

.gp-email-up p {
    margin-bottom: 20px;
}

.gp-email-up .time {
    color: #f42424;
}

.gp-end .gp-end-tit {
    height: 40px;
    line-height: 40px;
}

.gp-end .gp-end-tit .icon-state {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -3px;
}

.gp-end .gp-end-tit .icon-state-ok {
    background: url(../images/ok.png) no-repeat;
}

.gp-end .gp-end-tit em {
    color: #f42424;
    margin: 0 5px;
}

.gp-end .btn {
    width: 138px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 0;
}

.msg_ts {
    height: 30px;
    margin-left: 106px;
    position: relative;
}

.msg_ts .error {
    padding-top: 7px;
    color: #f42424;
}

.input-tip {
    width: 342px;
    height: 26px;
    font-size: 12px;
    float: left;
    padding-left: 160px;
    position: relative;
}

.input-tip .iconfont,
.msg_ts .error .iconfont {
    font-size: 14px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    line-height: normal;
}

.input-tip span {
    margin-top: 3px;
    display: block;
    color: #d2d2d2;
}

.input-tip .error,
.input-tip.error,
.input-tip .error .iconfont,
.msg_ts .error .iconfont {
    color: #f42424;
}

.input-tip span.succeed,
.input-tip span.succeed .iconfont {
    color: #1ecb63;
}

.succeed i {
    background: url(../images/login_icons_new.png) -25px -2px no-repeat;
    width: 16px;
    height: 18px;
    display: block;
    margin: 10px 0 0 10px;
}

.input-tip .succeed i {
    background: url(../images/login_icons_new.png) -25px -2px no-repeat;
    width: 16px;
    height: 18px;
    position: absolute;
    top: -30px;
    right: -30px;
    margin: 0;
}

.input-tip .strength {
    width: 190px;
    height: 10px;
    display: block;
    padding: 0;
    margin: 8px 0 0 2px;
    position: relative;
}

.input-tip .strengthA,
.input-tip .strengthB,
.input-tip .strengthC {
    background: url(../images/login_icons_new.png) 0 -124px;
}

.input-tip .strength b {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 10px;
    background: url(../images/login_icons_new.png) 0 -137px;
}

.input-tip .strength span {
    position: absolute;
    top: -8px;
    right: -20px;
    color: #333;
    margin: 0;
}

.input-tip .strengthA b {
    width: 37%;
}

.input-tip .strengthB b {
    width: 67%;
}

.input-tip .strengthC b {
    width: 100%;
}

.input-tip .strengthA span {
    color: #f42424;
}

.input-tip .strengthB span {
    color: #f7a530;
}

.input-tip .strengthC span {
    color: #0bc756;
}


/* login and register end*/


/* cart start */

.cart-warp {
    position: relative;
    z-index: 9;
}

.cart-filter {
    width: 100%;
    height: 36px;
    position: relative;
}

.cart-filter .cart-stepflex {
    float: left;
}

.cart-stepflex {
    overflow: hidden;
    height: 36px;
}

.cart-step-item {
    float: left;
}

.cart-step-item span {
    display: inline-block;
    float: left;
    width: 126px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #8c8c8c;
    font-size: 14px;
    border: 1px solid #f8f8f8;
    border-radius: 18px;
}

.cart-step-item .iconfont {
    width: 13px;
    margin: 7px 12px 0;
    display: inline-block;
    vertical-align: middle;
    color: #d2d2d2;
}

.cart-step-item.curr span {
    background-color: #ff8f23;
    border-color: #ff8f23;
    color: #fff;
}

.cart-step-item.cur span {
    background-color: #fff;
    border-color: #ff8f23;
    color: #ff8f23;
}

.cart-step-item.curr .iconfont,
.cart-step-item.cur .iconfont {
    color: #ff8f23;
}

.sp-area {
    float: right;
    color: #8c8c8c;
    position: relative;
    margin-top: 3px;
}

.sp-area .txt {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-right: 15px;
}

.sp-area .selector {
    float: left;
    position: relative;
    margin-bottom: 0;
}

.sp-area .selector .selector-tit {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 14px;
    color: #333;
}

.cart-table {
    position: relative;
    margin-top: 16px;
}

.cart-head {
    background-color: #fff;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
}

.cart-head .column {
    float: left;
    height: 50px;
    font-size: 14px;
    color: #8c8c8c;
}

.cart-head .c-checkbox {
    width: 100px;
}

.cart-all-checkbox .ui-label-14,
.cart-all-checkbox .ui-checkbox:checked+label {
    background-position: 0 3px;
    cursor: pointer;
    padding-left: 25px;
}

.cart-head .c-goods {
    width: 550px;
}

.cart-head .c-props {
    width: 142px;
}

.cart-head .c-price {
    width: 180px;
}

.cart-head .c-quantity {
    width: 132px;
}

.cart-head .c-sum {
    width: 120px;
}

.cart-head .c-action {
    width: 60px;
}

.cart-tbody {
    margin-top: 10px;
}

.cart-item {}

.cart-item .shop {
    height: 50px;
    line-height: 50px;
}

.cart-checkbox {
    padding-left: 20px;
    float: left;
}

.cart-item .shop-txt {
    float: left;
}

.cart-item .shop-txt .shop-name {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    float: left;
}

.cart-item .shop-txt .shop-name strong {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-item .shop-txt .self-shop-name {
    min-width: 62px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #f42424;
    border-radius: 10px;
    text-align: center;
    float: left;
    margin: 15px 0 0 5px;
    cursor: default;
}

.shop-coupon {
    float: right;
    position: relative;
    margin: 12px 30px 0 0;
    width: 82px;
    height: 25px;
    overflow: hidden;
}

.shop-coupon .s-coupon-tit {
    width: 80px;
    height: 23px;
    border: 1px dashed #f42424;
    display: block;
    text-align: center;
    line-height: 23px;
    color: #f42424;
    position: relative;
    z-index: 10
}

.shop-coupon .s-coupon-tit .iconfont {
    font-size: 12px;
    margin-left: 3px;
}

.shop-coupon .p-coupon-cont {
    position: absolute;
    width: 265px;
    padding: 10px;
    border: 1px solid #f42424;
    top: 25px;
    right: 0;
    background-color: #fff;
    z-index: 9;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease-out;
    -moz-transition: height .3s ease-out;
    -ms-transition: height .3s ease-out;
    -o-transition: height .3s ease-out;
    transition: height .3s ease-out;
}

.p-coupon-cont .p-coupon-item {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 15px;
    margin-bottom: 15px;
}

.p-coupon-cont .p-coupon-item:last-child {
    margin-bottom: 0;
}

.p-coupon-item .coupon-price {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 54px;
    position: relative;
    font-size: 0;
    background: #ff99ef;
    text-align: center;
}

.p-coupon-item .coupon-price i {
    display: block;
    width: 3px;
    height: 30px;
    overflow: hidden;
    background: url(../images/cart-coupon-icon.png) no-repeat;
    position: absolute;
    top: 0;
}

.p-coupon-item .coupon-price .i-left {
    background-position: 0 0;
    left: -3px;
}

.p-coupon-item .coupon-price .i-right {
    background-position: -57px 0;
    right: -3px;
}

.p-coupon-item .coupon-price span {
    font-size: 12px;
    color: #fff;
}

.p-coupon-item .coupon-msg {
    float: left;
    width: auto;
    margin-left: 8px;
}

.p-coupon-item .coupon-msg span {
    display: block;
    color: #8c8c8c;
}

.p-coupon-item .coupon-opbtns {
    float: right;
}

.p-coupon-item .coupon-opbtns a {
    width: 40px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 5px;
}

.p-coupon-item .coupon-opbtns .c-btn {
    background-color: #f42424;
}

.p-coupon-item .coupon-opbtns .c-btn-disabled {
    background-color: #d2d2d2;
}

.prom-hover .p-coupon-cont {
    top: 24px;
}

.cart-item .item-list {
    position: relative;
    padding: 20px;
    background-color: #fff;
}

.cart-item .item-list .item-single {
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}

.cart-item .item-list .item-single:last-child {
    border-bottom: 0;
}

.cart-item .item-list .item-item {
    padding: 15px 0 15px 75px;
    position: relative;
}

.cart-item .item-list .selected {}

.cart-item .item-list .zp {
    background-color: #fff7f0;
    padding-left: 15px;
    margin-left: 75px;
    margin-bottom: 20px;
}

.cart-item .item-list .zp .item-form .s-props {
    padding-right: 25px;
}

.cart-item .item-list .zp .item-form .s-price {
    padding-right: 20px;
}

.cart-item .item-list .zp .item-form .s-quantity {
    padding-right: 71px;
}

.cart-item .item-list .last-item {
    padding-bottom: 0;
}

.item-form {
    position: relative;
    margin-top: 17px;
}

.item-form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.item-form .cell {
    float: left;
}

.item-form .s-checkbox {
    position: absolute;
    left: -75px;
    z-index: 2;
}

.item-form .s-goods {
    width: 550px;
}

.item-form .s-props {
    width: 155px;
    padding: 0px 35px 0 0;
}

.item-form .s-price {
    width: 160px;
    padding: 0px 20px 0 0;
}

.item-form .s-quantity {
    width: 100px;
    padding: 0px 48px 0 0;
}

.item-form .s-sum {
    width: 120px;
    padding: 0px 10px 0 0;
}

.item-form .goods-item {
    display: block;
    margin-right: 75px;
}

.item-form .goods-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.item-form .goods-item .p-img {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #d2d2d2;
}

.item-form .goods-item .item-msg {
    float: left;
    width: calc(100% - 92px);
    margin-left: 20px;
    line-height: 24px;
}

.item-form .goods-item .p-name {
    height: 38px;
    line-height: 20px;
    overflow: hidden;
}

.item-form .p-extend {
    margin-top: 10px;
}

.item-form .p-extend:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.item-form .p-extend-item {
    float: left;
    position: relative;
    height: 24px;
    line-height: 24px;
    border: 1px solid #95c1fb;
    padding: 0 14px 0 30px;
    border-radius: 12px;
    color: #8c8c8c;
    margin-bottom: 5px;
}

.item-form .p-extend-item i {
    position: absolute;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    display: block;
    background-color: #95c1fb;
    text-align: center;
    color: #fff;
    left: -1px;
    top: -1px;
}

.item-form .p-extend-item:last-child {
    margin-bottom: 0;
}

.item-form .p-extend-item span {
    height: 18px;
    max-width: 388px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.item-form .props-txt {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 24px;
}

.item-form .s-price strong {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 400;
}

.item-form .s-quantity .buy-num {
    width: 44px;
    padding: 0 2px;
}

.item-form .s-quantity .amount-warp {
    overflow: hidden;
    float: none;
    margin-bottom: 2px;
}

.item-form .s-quantity .amount-warp .noeidx {
    border: 0;
    background-color: transparent;
    outline: 0;
    width: 56px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.item-form .s-sum strong {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.item-form .s-action a:first-child {
    margin-top: 0;
}

.item-form .s-action a:hover {
    color: #f42424;
}

.promotion-info {
    position: relative;
    overflow: hidden;
    width: 80px;
}

.sales-promotion {
    display: block;
    width: 78px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #d2d2d2;
    text-align: center;
    color: #f42424;
    position: relative;
    z-index: 11;
}

.sales-promotion .iconfont {
    font-size: 12px;
    margin-left: 3px;
}

.promotion-tips {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    z-index: 10;
    min-width: 250px;
    border: 1px solid #f42424;
    top: 24px;
    left: 0;
    -webkit-transition: height .3s ease-out;
    -moz-transition: height .3s ease-out;
    -ms-transition: height .3s ease-out;
    -o-transition: height .3s ease-out;
    transition: height .3s ease-out;
    height: 0;
}

.promotion-tips li {
    line-height: 25px;
    width: 100%;
}

.promotion-tips li label {
    cursor: pointer;
}

.prom-hover {
    overflow: visible;
    z-index: 12;
}

.prom-hover .sales-promotion {
    border-color: #f42424;
    border-bottom-color: #fff;
}

.prom-hover .promotion-tips,
.prom-hover .p-coupon-cont {
    overflow: hidden;
}

.prom-hover .s-coupon-tit {
    border: 1px solid #f42424;
    border-bottom-color: #fff;
}

.item-header {
    padding: 20px 0 0 20px;
}

.item-header .f-txt {
    color: #8c8c8c;
    padding-bottom: 10px;
    line-height: 16px;
}

.item-header .f-txt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.full-icon {
    float: left;
    height: 16px;
    line-height: 16px;
    color: #fff;
    background-color: #ff8f23;
    padding: 0 7px;
    position: relative;
    margin-right: 10px;
}

.full-icon i {
    position: absolute;
    width: 10px;
    height: 4px;
    background: url(../images/cart-line-02.png) no-repeat;
    display: block;
    left: 0;
    bottom: -4px;
}

.item-line {
    position: absolute;
    z-index: 1;
    left: 26px;
    top: -72px;
    width: 0;
    height: 87px;
    border-right: 1px dashed #d2d2d2;
}

.item-header .f-txt .f-btn {
    width: 65px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    border-radius: 10px;
    background-color: #f42424;
    text-align: center;
    margin-top: -2px;
}

.item-header .f-txt .f-price {
    float: right;
    padding-right: 47px;
    display: block;
    width: 120px;
    text-align: left;
}

.gift-box {
    background: #fff;
    width: 354px;
    height: 338px;
    border: 1px solid #ec5051;
    position: absolute;
    top: 40px;
    left: 442px;
    z-index: 999;
}

.gift-box .gift-icon {
    position: absolute;
    display: inline-block;
    border: 5px dashed transparent;
    border-bottom: 5px solid #eb5151;
    top: -11px;
    *top: -30px;
    left: 15px;
}

.gift-box .gift-mt {
    height: 32px;
    line-height: 32px;
    background: #ec5151;
    color: #fff;
    padding-left: 20px;
}

.gift-box .gift-mt .close {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
    width: 10px;
    font-weight: normal;
}

.gift-box .gift-goods {
    height: 237px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.gift-box .gift-goods .item-gift {
    padding: 15px 22px 5px 22px;
}

.gift-box .gift-goods .item-gift .p-checkbox {
    float: left;
    margin-right: 5px;
}

.gift-box .gift-goods .item-gift .p-img {
    float: left;
    margin-right: 12px;
    width: 58px;
    height: 58px;
    border: 1px solid #d2d2d2;
}

.gift-box .gift-goods .item-gift .p-name {
    width: auto;
    color: #727171;
    height: 35px;
    overflow: hidden;
    font-size: 12px;
}

.gift-box .gift-goods .item-gift .p-price {
    color: #ec5151;
}

.gift-box .gift-goods .item-gift .p-price strong {
    font-weight: 400;
}

.gift-box .op-btns {
    float: left;
    margin-left: 25px;
}

.gift-box .op-btns .btn-9,
.gift-box .op-btns .btn-1 {
    height: 25px;
    line-height: 25px;
    float: left;
}

.gift-box .op-btns .btn-9 {
    height: 23px;
    padding: 0 10px;
}

.gift-box .op-btns .btn-9:hover {
    color: #323333;
}

.cart-tfoot {
    margin-top: 10px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 14px;
    color: #8c8c8c;
}

.cart-tfoot .cart-toolbar {
    height: 50px;
}

.cart-tfoot .fixed-bottom {
    border-width: 1px 0;
    border-top: 1px solid #f0f0f0 \9;
    -webkit-box-shadow: 0 -1px 8px #c4c4c4;
    -moz-box-shadow: 0 -1px 8px #c4c4c4;
    box-shadow: 0 -1px 8px #c4c4c4;
}


/*.cart-tfoot .ui-label,.cart-tfoot .ui-checkbox:checked +label{ background-position:0 4px;}*/

.cart-tfoot .operation {
    float: left;
}

.cart-tfoot .operation a {
    margin-left: 20px;
    color: #8c8c8c;
}

.cart-tfoot .operation a:hover {
    color: #f42424;
}

.cart-tfoot .toolbar-right,
.cart-tfoot .toolbar-right .comm-right,
.cart-tfoot .btn-area {
    float: right;
}

.cart-tfoot .btn-area form {
    float: left;
    height: 50px;
}

.cart-tfoot .price-sum {
    float: right;
    margin-right: 25px;
}

.cart-tfoot .price-sum * {
    float: left;
}

.cart-tfoot .reduce-sum {
    float: right;
    margin-right: 25px;
}

.cart-tfoot .amount-sum {
    float: right;
    margin-right: 25px;
}

.submit-btn {
    width: 160px;
    height: 50px;
    border: 0;
    background-color: #f42424;
    color: #fff;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.sumPrice {
    font-size: 24px;
    font-weight: 700;
    color: #f42424;
}

.totalRePrice {
    color: #333;
}

.cart-tfoot .amount-sum .cart_check_num {
    color: #f42424;
    margin: 0 5px;
}

.c-history {
    margin: 50px auto 0;
    width: 1200px;
}

.c-history .ftit h3 {
    background-color: #f8f8f8;
}

.c-history .gl-list li {
    margin-right: 12px;
}

.cart-empty {
    height: 174px;
    padding: 63px 0;
    background-color: #fff;
}

.cart-message {
    padding-left: 490px;
    height: 174px;
    background: url(../images/no-login-icon.png) 177px 0 no-repeat;
}

.cart-message .txt {
    font-size: 24px;
    font-weight: bold;
    color: #8c8c8c;
    padding-top: 35px;
}

.cart-message .info {
    overflow: hidden;
    margin-top: 25px;
}

.cart-message .info .login {
    line-height: 40px;
    margin-left: 25px;
    color: #2e7ad6;
    cursor: pointer;
    font-size: 14px;
}

.cart-message .info .login:hover {
    color: #f42424;
}

.cart-message .info .btn {
    width: 138px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    margin: 0;
    text-align: center;
    display: block;
    float: left;
    color: #fff;
    font-size: 14px;
}

.gds-types {
    position: absolute;
    bottom: 0px;
    left: 92px;
}

.gds-type {
    background: #fb9c31;
    color: #fff;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-right: 3px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 28px;
    padding: 2px;
}

.gds-type-stages {
    background-color: #85c360;
    margin-right: 0;
}

.gds-type-store {
    background-color: #f5c237;
}

.item-form .goods-item .package-name {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.package_goods {
    overflow: hidden;
}

.package_goods .title {
    color: #333;
    font-size: 12px;
}

.package_goods ul {
    max-height: 115px;
    overflow: hidden;
    position: relative;
    padding-right: 10px;
}

.package_goods li {
    float: left;
    width: 258px;
    line-height: 22px;
}

.package_goods li .goodsName {
    float: left;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.package_goods li .goodsNumber {
    float: left;
    width: 18px;
    margin-left: 10px;
    font-size: 12px;
}

.package_goods li a {
    color: #888;
}

.package_goods li a:hover {
    color: #f42424;
}

.ck-goods-cont .cg-item .cg-name .p-info .package_goods li {
    width: 100%;
}

.ck-goods-cont .cg-item .cg-name .p-info .package_goods li .goodsName {
    width: 500px;
}

.ck-goods-cont .cg-item .cg-name .p-info .package_goods li .goodsName a {
    font-size: 12px;
}


/* cart end */


/* checkout start */

.container {}

.checkout-warp {
    background-color: #fff;
    margin: 15px 0 0;
    padding: 0 30px;
}

.checkout-warp:after,
.ck-step:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ck-step {
    display: block;
}

.ck-step-tit {
    padding: 20px 0 10px;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #d2d2d2;
}

.ck-step-tit h3 {
    font-size: 18px;
    color: #555;
    float: left;
}

.ck-step-tit .extra-r {
    float: right;
    color: #438cde;
}

.ck-step-tit .extra-r:hover {
    color: #f42424;
}

.tips-new-white {
    position: relative;
    margin-left: 15px;
    float: left;
    top: -12px;
}

.tips-new-white b {
    position: absolute;
    top: 12px;
    left: -8px;
    width: 9px;
    height: 17px;
    vertical-align: middle;
    background: url(../images/arrow-left.png) 0 0 no-repeat;
}

.tips-new-white span {
    float: left;
    background-color: #fff;
    color: #333;
    padding: 5px 10px;
    vertical-align: middle;
    line-height: 20px;
    margin-top: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    border: 1px solid #ddd;
}

.tips-new-white span i {
    width: 12px;
    height: 16px;
    background: url(../images/light-icon.png) 0 0 no-repeat;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
}

.ck-step-cont {
    margin-top: 20px;
    padding-bottom: 30px;
    display: block;
    position: relative;
}

.ck-step-cont .consignee-warp {
    position: relative;
}

.ck-step-cont .cs-w-item {
    float: left;
    width: 288px;
    height: 118px;
    padding: 20px 18px 18px 22px;
    border: 1px dashed #d2d2d2;
    margin: 10px 18px 0 0;
    color: #8c8c8c;
    position: relative;
    font-size: 14px;
    cursor: pointer;
}

.ck-step-cont .cs-w-item .item-tit {
    display: block;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.ck-step-cont .cs-w-item .username {
    font-size: 18px;
    float: left;
    color: #555;
}

.ck-step-cont .cs-w-item .remark {
    float: left;
    margin-left: 25px;
}

.ck-step-cont .cs-w-item .item-tel {
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
}

.ck-step-cont .cs-w-item .item-address {
    margin-top: 5px;
}

.ck-step-cont .cs-w-item .edit,
.ck-step-cont .cs-w-item .delete {
    position: absolute;
    color: #f42424;
    top: 20px;
    right: 18px;
    display: none;
    z-index: 99;
}

.ck-step-cont .cs-w-item .edit {
    right: 55px;
}

.ck-step-cont .cs-w-item .edit:hover,
.ck-step-cont .cs-w-item .delete:hover {
    text-decoration: underline;
}

.ck-step-cont .cs-w-item .icon {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    background-position: 0 -50px;
    display: none;
}

.ck-step-cont .cs-w-item:hover .edit,
.ck-step-cont .cs-w-item:hover .delete {
    display: block;
}

.ck-step-cont .cs-selected {
    border-color: #f42424;
}

.ck-step-cont .cs-selected .icon {
    display: block;
}

.add-new-address {
    display: block;
    text-align: center;
    color: #8c8c8c;
    padding: 30px 0;
}

.add-new-address .iconfont {
    font-size: 32px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    color: #d2d2d2;
}

.add-new-address span {
    display: block;
}

.ck-step-cont .load {
    text-align: center;
}

.ck-step-other {
    padding-bottom: 30px;
}

.ck-step-other .ck-step-cont {
    padding-bottom: 0;
}


/*.user-form{ font-size: 14px; padding: 1px 0;}
.user-form .form-row{ margin: 15px 0; }
.user-form .form-row:after{content: ""; clear: both; display: block; }
.user-form .form-label{ float: left; width: 90px; height: 22px; line-height: 22px; padding: 9px;}
.user-form .form-label .red{ margin-top: 5px; margin-right: 3px; }
.user-form .form-value{ float: left; line-height: 40px;}
.user-form .form-input{ border: 1px solid #d2d2d2; height: 38px; background: #fff; outline: none; padding: 0 10px; width: 178px; line-height: 38px; margin-right: 10px;}
.user-form .form-input:hover,
.user-form .form-input:focus{ border-color: #afafaf; }
.user-form .form-value .notic{ float:left; color:#8c8c8c;}
.user-form .form-input-long{ width: 500px; }
.user-form .mod-select{ height: 38px; width: 198px; margin-right: 10px;}
.user-form .mod-select dt{ height: 38px; line-height: 38px; }
.user-form .mod-select dt span{ display:block; cursor:pointer;}
.user-form .mod-select dt:after{ top: 17px; }
.user-form .mod-select dd{ top: 38px; width: 198px; }
.user-form .mod-select-small,
.user-form .mod-select-small dd{ width: 118px; }
.user-form .form-btn-wp{ margin: 20px 0 20px 107px; }
.user-form .form-btn{ display: inline-block; background: #f43434; color: #fff; width: 160px; border-radius: 5px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; border: 0 none; -webkit-appearance: none; cursor: pointer; margin-right: 8px; outline: none;}
.user-form .form-btn:hover{ background: #EF1D1D; }
.user-form .form-btn.form-btn-gray{ width: 120px; border: 1px solid #d2d2d2; background: #fff; height: 38px; line-height: 38px; color: #999;}
.user-form .form-btn.form-btn-line{ border: 1px solid #f43434; background: #fff; color: #f43434; width: 118px;}
.user-form input[type=submit].form-btn.form-btn-gray,
.user-form input[type=button].form-btn.form-btn-gray,
.user-form input[type=reset].form-btn.form-btn-gray{ height: 40px;}
.user-form .form-captcha{ width: 60px; height: 38px; margin-left: 178px; position: relative; z-index: 2; float: left; margin-top: 1px; cursor: pointer;}
.user-form .form-captcha + .form-input{ margin-left: -238px; position: relative; z-index: 1; padding-right: 49px;}*/

.foreg-form .form-row {
    margin: 10px 0;
}

.foreg-form .form-label {
    padding: 6px 9px;
    width: 100px;
    text-align: right;
}

.foreg-form .form-label-lh {
    padding: 9px;
}

.foreg-form .form-value {
    line-height: 34px;
}

.foreg-form .form-value .error {
    float: left;
    color: #f42424;
}

.foreg-form .form-input {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.foreg-form .form-btn-wp {
    margin-left: 118px;
}

.foreg-form .mod-select dd {
    max-height: 250px;
}


/* stores start*/

.store-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.store-warp .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 30px;
    color: #8c8c8c;
    font-size: 14px;
}

.store-warp .item:last-child {
    margin-bottom: 0;
}

.store-warp .item_label {
    min-width: 70px;
    float: left;
}

.store-warp .item_value {
    float: left;
}

.store-warp .sp {
    margin-right: 10px;
}

.store-warp .item_value a {
    color: #f42424;
}

.store-warp .item_value a:hover {
    text-decoration: underline;
}

.store-warp .item_value .text {
    font-size: 12px;
}

.store-warp .item_value .text-2 {
    width: 131px;
}

.store-warp .item_value .text_time .text {
    padding: 0 15px 0 5px;
}

.store-warp .item_value .mod-select,
.store-warp .item_value .mod-select dt {
    height: 30px;
    line-height: 30px;
}

.store-warp .item_value .error {
    color: #F42424;
}


/* stores end*/

.p-radio-item {
    float: left;
    width: auto;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    margin-right: 20px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
}

.p-radio-item b {
    position: absolute;
    background: url(../images/dsc-icon.png) 0 -50px no-repeat;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    display: none;
}

.p-radio-item.item-selected {
    border-color: #f42424;
}

.p-radio-item.item-selected b {
    display: block;
}

.payment-warp {}

.payment-warp .payment-list {
    display: inline-block;
    display: block;
}

.payment-warp .payment-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.payment-warp .payment-item {
    padding: 0 25px;
}

.ck-step-cont .notic {
    margin-top: 20px;
}

.delivery-time-warp .delivery-time-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.delivery-time-warp .d-t-item {
    padding: 0 30px;
}

.delivery-time-warp .d-t-item span {
    color: #333;
}

.delivery-time-warp .d-t-item em {
    color: #8c8c8c;
}

.ck-goods-list:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ck-goods-list .ck-goods-item {
    display: block;
    margin-bottom: 10px;
}

.ck-goods-list .ck-goods-item:last-child {
    margin-bottom: 0;
}

.ck-goods-tit {
    height: 30px;
    padding: 5px 0;
}

.ck-goods-tit .ck-store {
    float: left;
    line-height: 30px;
}

.ck-goods-tit .ck-store .shop-name {
    font-size: 14px;
    font-weight: bold;
}

.ck-goods-tit .ck-dis-modes {
    float: right;
    font-size: 14px;
    line-height: 30px;
    position: relative;
}

.ck-goods-tit .ck-dis-modes .ck-dis-tit {
    float: left;
    color: #8c8c8c;
    line-height: 30px;
}

.ck-goods-tit .ck-dis-modes .ck-dis-select {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 0 15px;
    border: 1px solid #d2d2d2;
}

.ck-goods-tit .ck-dis-select .sk-dis-select-tit {
    float: left;
}

.ck-goods-tit .ck-dis-select .iconfont {
    float: left;
    font-size: 12px;
    margin: 8px 0 0 5px;
    vertical-align: middle;
    line-height: normal;
}

.ck-dis-text {
    width: auto;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
}

.ck-dis-text .iconfont {
    vertical-align: middle;
    font-size: 14px;
    display: inline-block;
    margin: -2px 6px 0 0;
}

.ck-dis-warp {
    position: absolute;
    width: 308px;
    border: 1px solid #b5c0c6;
    top: 29px;
    right: 0;
    box-shadow: 0px 0px 6px 0 rgba(174, 198, 211, .7);
    z-index: 999;
    display: none;
}

.ck-dis-warp .i-box,
.mwapper .i-box {
    width: 7px;
    height: 7px;
    background-color: #f1faff;
    border-left: 1px solid #b5c0c6;
    border-top: 1px solid #b5c0c6;
    display: block;
    box-shadow: 0px 0px 6px 0 rgba(174, 198, 211, .7);
    top: -4px;
    right: 40px;
    position: absolute;
    transform: rotate(45deg);
    z-index: 8;
}

.ck-dis-warp .items {
    padding: 18px 24px;
    overflow: hidden;
    font-size: 12px;
    background-color: #f1faff;
    position: relative;
    z-index: 9;
}

.ck-dis-warp .item {
    float: left;
    width: 100%;
}

.ck-dis-warp .item .tit {
    float: left;
    width: 60px;
    height: 25px;
    line-height: 25px;
    color: #8c8c8c;
}

.ck-dis-warp .item .value {
    float: left;
    width: calc(100% - 60px);
    line-height: 25px;
}

.ck-dis-warp .item .value .tipTitle {
    display: block;
    line-height: 20px;
    margin-top: 2px;
}

.ck-dis-warp .item .value .nyroModal {
    font-size: 12px;
}

.ck-dis-modes:hover .ck-dis-warp {
    display: block;
}

.ck-dis-info {
    float: left;
    height: 30px;
    position: relative;
}

.ck-dis-info ul {
    float: left;
}

.ck-dis-info .ck-sp-type li {
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    padding: 0 15px;
    min-width: 68px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

.ck-dis-info .ck-sp-type li:last-child {
    margin-right: 0;
}

.ck-dis-info .ck-sp-type li.item-selected {
    border-color: #f42424;
    color: #f42424;
}

.ck-dis-info .ck-sp-type li span {
    display: block;
}

.mwapper {
    position: absolute;
    width: 308px;
    border: 1px solid #b5c0c6;
    top: 29px;
    right: 0;
    box-shadow: 0px 0px 6px 0 rgba(174, 198, 211, .7);
    z-index: 999;
    display: none;
}

.mwapper-content {
    padding: 18px 24px;
    overflow: hidden;
    font-size: 12px;
    background-color: #f1faff;
    position: relative;
    z-index: 9;
}

.mwapper-content li {
    width: 120px;
    float: left;
    cursor: pointer;
}

.mwapper-content li.item-selected {
    color: #f42424;
}

.mwapper-content li em {
    color: #8c8c8c;
}

.mwapper-content li:nth-child(2n) {
    float: right;
}

.mwapper-content .mode-list-item {
    overflow: hidden;
    line-height: 30px;
}

.mwapper-content .mode-list-item .tit {
    float: left;
    width: 60px;
    color: #8c8c8c;
}

.mwapper-content .mode-list-item .value {
    float: left;
    display: block;
    width: 170px;
}

.mwapper-content .mode-list-item a {
    float: right;
}

.mwapper-logistics {
    right: 110px;
}

.mwapper-since {
    right: 0;
}

.ck-goods-cont {
    overflow: hidden;
    padding: 10px 0;
    background-color: #f8f8f8;
}

.ck-goods-cont .cg-item {
    display: block;
    position: relative;
    padding: 20px 0;
    margin: 0 30px;
    border-bottom: 1px dashed #d2d2d2;
}

.ck-goods-cont .cg-item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.ck-goods-cont .cg-item:last-child {
    margin-bottom: 0;
}

.ck-goods-cont .cg-item.last {
    border-bottom: 0;
}

.ck-goods-cont .cg-item .c-col {
    float: left;
    color: #333;
    font-size: 16px;
    text-align: center;
    margin-right: 14px;
}

.ck-goods-cont .cg-item .cg-name {
    width: 670px;
    margin-right: 20px;
    text-align: left;
}

.ck-goods-cont .cg-item .cg-name a {
    display: block;
    font-size: 0;
}

.ck-goods-cont .cg-item .cg-price {
    width: 120px;
}

.ck-goods-cont .cg-item .cg-number {
    width: 55px;
}

.ck-goods-cont .cg-item .cg-state {
    width: 50px;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
}

.ck-goods-cont .cg-item .cg-sum {
    width: 120px;
    font-weight: bold;
    color: #f42424;
    margin-right: 0;
    text-align: right;
}

.ck-goods-cont .cg-item .cg-name .p-img {
    width: 48px;
    height: 48px;
    float: left;
    border: 1px solid #d2d2d2;
}

.ck-goods-cont .cg-item .cg-name .p-info {
    float: left;
    margin-left: 15px;
    width: calc(100% - 65px);
}

.ck-goods-cont .cg-item .cg-name .p-name {
    line-height: 25px;
    height: 25px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.ck-goods-cont .cg-item .cg-name .p-name:hover {
    color: #f42424;
}

.ck-goods-cont .cg-item .cg-name .p-attr {
    line-height: 20px;
    color: #8c8c8c;
    font-size: 12px;
    margin-top: 5px;
}

.cg-gift {
    font-size: 12px;
    line-height: 20px;
    float: left;
    width: 100%;
    color: #8c8c8c;
    margin-top: 5px;
}

.ck-prom .f-txt {
    line-height: 16px;
}

.ck-prom {
    border-top: 1px dashed #dcdcdc;
    border-bottom: 1px dashed #dcdcdc;
    margin: 0 30px;
    padding-bottom: 10px;
    position: relative;
    margin-top: -1px;
}

.ck-prom .ck-prom-header {
    color: #8c8c8c;
    margin-bottom: 8px;
    padding-top: 20px;
}

.ck-prom .cg-item {
    padding: 10px 0;
    border-bottom: 0;
    margin: 0;
}

.ck-prom:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.ck-prom .first {
    padding-top: 10px;
}

.ck-prom .i-zp {
    width: 40px;
    height: 18px;
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #f42424;
    border-radius: 20px;
    text-align: center;
    color: #f42424;
    display: inline-block;
    float: left;
    margin: 3px 8px 0 0;
    font-size: 12px;
}

.ck-prom .cg-item .kuan {
    width: 10px;
    height: 100%;
    border-left: 1px solid #d2d2d2;
    position: absolute;
    left: -10px;
    top: 0;
}

.ck-prom .first .kuan {
    border-top: 1px solid #d2d2d2;
    top: 35px;
}

.ck-prom .cg-item:last-child .kuan {
    border-bottom: 1px solid #d2d2d2;
    top: -35px;
}

.ck-prom-first {
    border-top: 0;
}

.ck-order-remark {
    margin-top: 45px;
    overflow: hidden;
}

.ck-order-remark .text {
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
    border-color: #d2d2d2;
    font-size: 14px;
    width: 830px;
}

.ck-order-remark .prompt {
    line-height: 40px;
    color: #8c8c8c;
    margin-left: 18px;
}

.invoice-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.invoice-part {
    display: block;
}

.invoice-part span {
    font-size: 14px;
    float: left;
}

.invoice-part span em {
    margin-right: 10px;
}

.invoice-part .i-edit {
    font-size: 14px;
    color: #f42424;
    margin-left: 10px;
}

.invoice-part .i-edit:hover {
    text-decoration: underline;
}

.invoice-cont {
    overflow: hidden;
}

.invoice-cont .i-c-item {
    display: block;
    overflow: hidden;
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 14px;
}

.invoice-cont .i-c-item:last-child {
    margin-bottom: 0;
}

.invoice-cont .i-c-label {
    float: left;
    width: 80px;
    margin-right: 20px;
    text-align: right;
    color: #8c8c8c;
}

.invoice-cont .i-c-value {
    float: left;
    width: calc(100% - 100px);
}

.invoice-cont .invoice-tab-item,
.invoice-cont .invoice-con-item {
    width: 78px;
    text-align: center;
}

.invoice-cont .invoice-item {
    overflow: hidden;
}

.invoice-cont .invoice-item-text {
    height: 38px;
    width: 338px;
    border: 1px solid #d2d2d2;
    position: relative;
    float: left;
}

.invoice-cont .invoice-item-text .i-text {
    height: 38px;
    line-height: 38px;
    border: 0;
    padding: 0 12px;
    outline: 0;
    float: left;
    width: 314px;
}

.invoice-cont .invoice-item a {
    float: left;
    margin-left: 16px;
    display: none;
}

.invoice-cont .add-invoice {
    line-height: 20px;
    margin-top: 12px;
}

.invoice-cont a {
    font-size: 12px;
    color: #438cde;
}

.invoice-cont a:hover {
    color: #f42424;
}

.invoice-cont .selected .invoice-item-text {
    border-color: #f42424;
}

.invoice-cont .selected b {
    position: absolute;
    background: url(../images/dsc-icon.png) 0 -50px no-repeat;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}

.ck-toggle .icon-down {
    font-size: 14px;
    margin-left: 10px;
    color: #8c8c8c;
    cursor: pointer;
}

.ck-toggle .tag {
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #f42424;
    color: #fff;
    margin-left: 5px;
}

.order-virtual-tabs {
    height: 38px;
    border: 1px solid #f8f8f8;
    background-color: #f8f8f8;
}

.order-virtual-tabs li {
    float: left;
    font-size: 14px;
    line-height: 38px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.order-virtual-tabs li:first-child {
    padding-left: 20px;
}

.order-virtual-tabs li span {
    display: block;
}

.order-virtual-tabs li.curr span {
    color: #f42424;
    border-bottom: 1px solid #f42424;
}

.order-virtual-tabs li b {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    background-color: #f42424;
    top: 12px;
    right: -8px;
    display: none;
}

.order-virtual-tabs li.curr b {
    display: block;
}

.toggle-panel-main {
    border: 1px solid #f8f8f8;
    padding: 18px 18px 0 18px;
    overflow: hidden;
}

.toggle-panl-warp {
    display: none;
}

.toggle-panl-warp:frist-child {
    display: block;
}

.toggle-panl-warp .panl-top {
    border-bottom: 1px solid #f8f8f8;
}

.toggle-panl-warp .panl-bot {
    margin-top: 20px;
}

.toggle-panl-warp .panl-top:after,
.toggle-panl-warp .panl-bot:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.toggle-panl-warp .panl-items {
    overflow: hidden;
    max-height: 400px;
    position: relative;
    width: 1120px;
}

.toggle-panl-warp .panl-item.selected b {
    position: absolute;
    background: url(../images/dsc-icon.png) 0 -50px no-repeat;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}

.panl-coupon .panl-item {
    min-width: 230px;
    height: 118px;
    float: left;
    padding: 0 10px;
    border: 1px solid #fff;
    background-color: #74d2d4;
    position: relative;
    color: #fff;
    margin: 0 30px 20px 0;
    cursor: pointer;
}

.panl-coupon .panl-item:last-child {
    margin-right: 0;
}

.panl-coupon .panl-item i {
    width: 6px;
    height: 117px;
    display: block;
    position: absolute;
    top: 0;
    background: url(../images/toggle_panel.png) no-repeat;
}

.panl-coupon .panl-item .i-left {
    left: 0;
    background-position: 0 0;
}

.panl-coupon .panl-item .i-right {
    right: 0;
    background-position: -225px 0;
}

.panl-coupon .panl-item .panl-item-top {
    overflow: hidden;
    padding: 0 20px;
    margin-top: 8px;
}

.panl-coupon .panl-item .panl-item-top .icon-my {
    float: left;
    width: 72px;
    height: 36px;
    background: url(../images/my.png) no-repeat;
    display: block;
    margin: 8px 0 0 5px;
}

.panl-coupon .panl-item .panl-item-top strong {
    font-size: 30px;
    float: left;
}

.panl-coupon .panl-item .panl-item-top span {
    font-size: 14px;
    float: left;
    margin: 16px 0 0 8px;
}

.panl-coupon .panl-item .panl-item-bot {
    padding: 0 28px;
}

.panl-coupon .panl-item .panl-item-bot p {
    line-height: 20px;
}

.panl-coupon .panl-item.selected {
    border-color: #f42424;
}

.panl-coupon .panl-item.selected i {
    display: none;
}

.panl-coupon .panl-item-disabled {
    background-color: #d2d2d2;
    cursor: default;
}

.panl-coupon .panl-item-disabled .i-left {
    background-position: 0 -131px;
}

.panl-coupon .panl-item-disabled .i-right {
    background-position: -225px -131px;
}

.panl-coupon .panl-item-disabled .panl-item-top .icon-my {
    background-position: 0 -36px;
}

.panl-coupon .panl-item-last {
    margin-right: 0;
}

.panl-stored .panl-warp {
    overflow: hidden;
}

.panl-stored .panl-item {
    float: left;
    width: 230px;
    height: 117px;
    background-color: #98c758;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin: 0 30px 20px 0;
    position: relative;
    cursor: pointer;
}

.panl-stored .panl-item p {
    margin-top: 16px;
}

.panl-stored .panl-item strong {
    font-size: 36px;
    font-weight: bold;
    display: block;
    margin-top: 2px;
}

.panl-stored .panl-item span {
    display: block;
    height: 20px;
    line-height: 20px;
    background-color: #e9e9e9;
    color: #555;
    text-align: left;
    margin-top: 7px;
    border-radius: 0 0 5px 5px;
    padding-left: 14px;
}

.panl-stored .panl-item-new {
    width: 228px;
    height: 115px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    margin-right: 0;
}

.panl-stored .panl-item-new a {
    display: block;
    text-align: center;
    color: #8c8c8c;
    font-size: 14px;
    padding: 32px 0 36px;
}

.panl-stored .panl-item-new em {
    display: block;
}

.panl-stored .panl-item-new i {
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    color: #d2d2d2;
}

.panl-redBag .panl-item {
    float: left;
    width: 230px;
    height: 107px;
    border: 1px solid #fff;
    margin: 0 30px 20px 0;
    background: url(../images/toggle_panel.png) 0 -255px no-repeat;
    position: relative;
    cursor: pointer;
}

.panl-redBag .panl-item strong {
    font-size: 30px;
    text-align: center;
    color: #f42424;
    display: block;
    margin-bottom: 10px;
}

.panl-redBag .panl-item p {
    color: #fff;
    padding-left: 35px;
    line-height: 20PX;
}

.panl-redBag .panl-item.selected {
    border-color: #f42424;
}

.panl-redBag .panl-item-disabled {
    background-position: 0 -370px;
    cursor: default;
}

.panl-redBag .panl-item-disabled strong {
    color: #fff;
}

.panl-redBag .panl-item-last {
    margin-right: 0;
}

.order-summary {
    overflow: hidden;
    padding: 20px 30px 60px;
    background-color: #fff
}

.order-summary .statistic {
    width: 340px;
    float: right;
}

.order-summary .statistic .list {
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 5px;
    zoom: 1;
}

.order-summary .statistic span {
    width: 200px;
    margin-right: 10px;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #8c8c8c;
}

.order-summary .statistic .price {
    color: #333;
    float: left;
    width: 130px;
    text-align: right;
    font-size: 14px;
}

.order-summary .statistic .price-total {
    width: 130px;
    font-size: 20px;
    font-weight: bold;
    color: #f42424;
    float: left;
    text-align: right;
}

.checkout-foot {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #8c8c8c;
    background: #fff;
    overflow: hidden;
    margin: 10px 0 0;
}

.checkout-foot .d-address {
    float: right;
}

.checkout-foot .d-address span {
    margin-right: 20px;
}

.checkout-foot .btn-area {
    float: right;
}

.checkout-foot .btn-area .submit-btn {
    height: 50px;
    line-height: 50px;
}

.checkout-foot.fixed-bottom {
    margin: 0;
}


/* pay order start*/

.payOrder-warp {
    overflow: hidden;
    margin-bottom: 50px;
}

.payOrder-warp .payOrder-desc {
    background: url(../images/payorder.png) #fff 66px 51px no-repeat;
    padding: 0 60px 45px 300px;
    min-height: 170px;
}

.payOrder-desc .pay-top {
    padding-top: 25px;
    overflow: hidden;
}

.pay-top h3 {
    font-size: 24px;
    font-weight: bold;
    color: #555;
    float: left;
}

.pay-top .pay-total {
    float: right;
    line-height: 36px;
}

.pay-top .pay-total span {
    float: left;
    font-size: 14px;
    color: #8c8c8c;
}

.pay-top .pay-total .pay-price {
    font-size: 24px;
    float: left;
    text-align: right;
    min-width: 120px;
    color: #f42424;
}

.payOrder-desc .pay-txt {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0 5px;
}

.payOrder-desc .pay-txt em {
    color: #ff8f23;
}

.payOrder-desc .o-list {
    margin-top: 10px;
}

.payOrder-desc .o-list .o-list-info {
    font-size: 14px;
    overflow: hidden;
    line-height: 23px;
}

.payOrder-desc .o-list .o-list-info span {
    margin-right: 8px;
}

.payOrder-desc .o-list .o-list-info #spname {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 24px;
}

.payOrder-desc .o-list .o-list-info .opened {
    float: right;
}

.payOrder-desc .o-list .o-list-info .opened .iconfont {
    font-size: 12px;
    margin-left: 6px;
}

.payOrder-desc .orderPrint {
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
}

.payOrder-mode {
    margin-top: 10px;
    background-color: #fff;
    padding: 30px;
}

.payOrder-mode .p-mode-tit {
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
}

.payOrder-mode .p-mode-tit h3 {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    padding-left: 10px;
    border-left: 4px solid #f42424;
}

.payOrder-mode .p-mode-list {
    margin-top: 20px;
    width: calc(100% + 12px);
    overflow: hidden;
}

.payOrder-mode .p-mode-item {
    float: left;
    width: 178px;
    height: 60px;
    border: 1px solid #d2d2d2;
    text-align: center;
    position: relative;
    margin: 0 12px 12px 0;
}

.payOrder-mode .payOrder-list {
    margin-bottom: 30px;
}

.payOrder-mode .payOrder-list:last-child {
    margin-bottom: 0;
}

.p-mode-item a {
    font-size: 18px;
    width: 178px;
    height: 88px;
}

.p-mode-item .b-pay i {
    width: 25px;
    height: 25px;
    background: url(../images/dsc-icon.png) -66px -45px no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 8px 0 0;
}

.p-mode-item .b-pay span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    color: #555;
}

.p-mode-item.selected {
    border-color: #f42424;
}

.shopend-warp {}

.shopend-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.shopend-info {
    margin: 50px auto;
    width: 596px;
    overflow: hidden;
}

.shopend-info .s-i-left {
    width: 80px;
    height: 80px;
    float: left;
}

.shopend-info .s-i-left i {
    background: url(../images/pprompt-icon.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
}

.shopend-info .s-i-left i.ico-success {
    background-position: 0 0;
}

.shopend-info .s-i-left i.ico-fail {
    background-position: -86px 0;
}

.shopend-info .s-i-right {
    width: calc(100% - 110px);
    margin-left: 30px;
    float: left;
}

.shopend-info .s-i-right h3 {
    font-size: 24px;
    font-weight: bold;
}

.shopend-info .s-i-right .s-i-tit {
    margin-top: 15px;
    font-size: 14px;
}

.shopend-info .s-i-right .s-i-tit p {
    line-height: 25px;
}

.shopend-info .s-i-right .s-i-tit em {
    color: #ff8f23;
}

.s-i-btn {
    margin-top: 15px;
}

.s-i-btn a {
    width: 138px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin-right: 16px;
}

.s-i-btn a:last-child {
    margin-right: 0;
}

.shopend-info-many {
    width: 825px;
    margin: 0 auto;
}

.shopend-info-many .shopend-info .s-i-right {
    margin: 9px 0 9px 30px;
}

.shopend-info-many .shopend-info .s-i-right .txt {
    font-size: 14px;
    line-height: 26px;
    display: block;
    float: left;
}

.shopend-info-items {
    width: calc(100% + 25px);
    overflow: hidden;
}

.shopend-info-items .shopend-info-item {
    float: left;
    padding: 15px;
    width: 368px;
    border: 1px dashed #dcdcdc;
    margin: 0 25px 20px 0;
    font-size: 14px;
    background-color: #fff;
}

.shopend-info-items .shopend-info-item p {
    line-height: 25px;
}

.shopend-info-items .shopend-info-item em {
    color: #ff8f23
}

.shopend-info-many .s-i-btn {
    text-align: center;
}

.bank_list li {
    float: left;
    width: 178px;
    height: 40px;
    border: 1px solid #d2d2d2;
    text-align: center;
    position: relative;
    margin: 0 12px 12px 0;
    cursor: pointer;
}

.bank_list li a {
    font-size: 18px;
    display: table-cell;
    width: 178px;
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
}

.bank_list li a img {
    cursor: pointer;
}

.bank_list li.selected {
    border-color: #f42424;
}

.pay_button {
    overflow: hidden;
    padding: 30px 0 20px
}

.pay_button input,
.pay_button .noBtn {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    width: 220px;
    font-family: "Microsoft Yahei";
    font-weight: 700;
    border: none;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    outline: 0;
    background-color: #f42424;
    display: none;
}

.pay_button .noBtn {
    background: #b5b5b5;
    display: block;
    cursor: default;
}

.pay_button * {
    float: left;
}

.p-mode-list .balance a {
    height: 60px;
    background: url(../images/pay/balance-icon.png) center center no-repeat;
    font-size: 0;
}

.p-mode-list .chunsejinrong a {
    height: 60px !important;
    background: url(../images/pay/baitiao-icon.png) center center no-repeat;
    font-size: 0;
}

.p-mode-list .p-mode-item input[type="button"],
.p-mode-list .p-mode-item input[type="submit"] {
    border: 0;
    width: 178px;
    height: 60px;
    display: block;
    font-size: 0;
    outline: 0;
    cursor: pointer;
}

.p-mode-list .alipay input[type="button"] {
    background: url(../images/pay/alipay-icon.png) center center no-repeat;
}

.p-mode-list .paypal input[type="submit"] {
    background: url(../images/pay/paypal-icon.png) center center no-repeat;
}

.p-mode-list .upop input[type="submit"] {
    background: url(../images/pay/unionpay-icon.png) center center no-repeat;
}

.p-mode-list .syl input[type="submit"] {
    background: url(../images/pay/dianzi-icon.png) center center no-repeat;
}

.p-mode-list .cappay input[type="submit"] {
    background: url(../images/pay/payease-icon.png) center center no-repeat;
}

.p-mode-list .tenpay input[type="submit"] {
    background: url(../images/pay/tenpay-icon.png) center center no-repeat;
}

.p-mode-list .tenpayc2c input[type="submit"] {
    background: url(../images/pay/tenpay-c2c-icon.png) center center no-repeat;
}

.p-mode-list .chinabank input[type="submit"] {
    background: url(../images/pay/chinabank-icon.png) center center no-repeat;
}

.p-mode-list .bestpay input[type="submit"] {
    background: url(../images/pay/bestpay.jpg) center center no-repeat;
}

.p-mode-list .paypal_ec input[type="button"] {
    background: url(../images/pay/paypal-ec-icon.png) center center no-repeat;
}

.p-mode-list .epay input[type="submit"] {
    background: url(../images/pay/epay-icon.png) center center no-repeat;
}

.p-mode-list .ips input[type="submit"] {
    background: url(../images/pay/ips-icon.png) center center no-repeat;
}

.p-mode-list .kuaiqian input[type="submit"] {
    background: url(../images/pay/kuaiqian-icon.png) center center no-repeat;
}

.p-mode-list .shenzhou input[type="submit"] {
    background: url(../images/pay/shenzhou-icon.png) center center no-repeat;
}

.p-mode-list .wxpay a {
    height: 60px;
    background: url(../images/pay/wxpay-icon.png) center center no-repeat;
    font-size: 0;
    display: block;
}

.other-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.qt_item {
    margin-bottom: 15px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

.qt_item .item_label {
    float: left;
    color: #8c8c8c;
    font-size: 14px;
}

.qt_item .item_value {
    float: left;
}

.qt_item .qt_text {
    height: 38px;
    line-height: 38px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;
    width: 260px;
    outline: 0;
    float: left;
}

.qt_item .sp {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    color: #8c8c8c;
}

.qt_item .sp em {
    padding: 0 5px;
}

.qt_item .radio-item {
    margin-top: 10px;
}

.qt_item:last-child {
    margin-bottom: 0;
}

.fd-total {
    text-align: center;
}

.fd-total span {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin-top: -10px;
}

.fd-total .total-price {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #ff8f23;
}

.yh-zz {
    font-size: 14px;
    color: #8c8c8c;
}

.bt-desc {
    float: left;
    margin: 5px 0 0 10px;
    font-size: 14px;
}

.bt-desc .qishu {
    margin-top: 5px;
    color: #ff8f23;
}


/* checkout end */


/* settled start */

.settled-container {}

.sett-banner {
    width: 100%;
    height: 385px;
    position: relative;
}

.sett-banner .banner-auto {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.sett-banner .s-b-tit {
    text-align: center;
    color: #fff;
    padding-top: 70px;
}

.sett-banner .s-b-tit h3 {
    font-size: 48px;
}

.sett-banner .s-b-line {
    border-bottom: 1px dashed #fff;
    width: 310px;
    margin: 5px auto 0;
}

.sett-banner .s-b-btn {
    text-align: center;
    width: 650px;
    margin: 0 auto;
    overflow: hidden;
}

.sett-banner .s-b-btn a {
    background: url(../images/sett-btn-icon.png) no-repeat;
    color: #fff;
    font-size: 18px;
    width: 208px;
    height: 86px;
    float: left;
    line-height: 4.5;
    margin-top: 60px;
}

.sett-banner .s-b-btn .im-sett {
    background-position: -6px 0px;
    margin-left: 60px;
}

.sett-banner .s-b-btn .view-prog {
    background-position: -239px 0px;
    float: right;
}

.sett-banner .s-b-btn .im-sett:hover {
    background-position: -6px -92px;
}

.sett-banner .s-b-btn .view-prog:hover {
    background-position: -239px -92px;
}

.sett-section {
    width: 100%;
    position: relative;
    background: #fff;
}

.sett-section:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sett-section .sett-warp {
    position: relative;
    overflow: hidden;
}

.s-section-help {
    padding-bottom: 80px;
}

.sett-title {
    width: 300px;
    margin: 50px auto 40px;
    text-align: center;
}

.sett-title .zw-tit {
    font-size: 30px;
    color: #333;
    background-color: #fff;
    position: relative;
}

.sett-title .zw-tit h3 {
    background-color: #fff;
    padding: 0 40px;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.sett-title .zw-tit .line {
    width: 100%;
    height: 1px;
    background: #f42424;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 8;
}

.sett-title .yw-tit {
    font-size: 14px;
    color: #8c8c8c;
}

.s-section-step .sett-warp {
    width: 1000px;
    margin: 0 auto 30px;
}

.s-section-step .item {
    float: left;
    width: 125px;
    text-align: center;
}

.s-section-step .item-i {
    width: 88px;
    height: 88px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    transition: .3s all ease;
}

.s-section-step .item-jt {
    width: 55px;
    height: 23px;
    display: block;
    float: left;
    margin: 32px 55px 0;
    background: url(../images/dsc-icon.png) -122px -48px no-repeat;
}

.s-section-step .item .tit {
    font-size: 18px;
    margin: 20px 0 5px;
}

.s-section-step .item span {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 25px;
    display: block;
}

.s-section-step .item:hover .item-i {
    margin-left: 10px;
}

.item-i i {
    display: inline-block;
    background: url(../images/dsc-icon.png) no-repeat;
    margin-top: 26px;
}

.item-one i {
    width: 30px;
    height: 35px;
    background-position: 0 -84px;
}

.item-two i {
    width: 31px;
    height: 35px;
    background-position: -47px -84px;
}

.item-three i {
    width: 24px;
    height: 35px;
    background-position: -94px -84px;
}

.item-four i {
    width: 36px;
    height: 35px;
    background-position: -134px -84px;
}

.item-one .item-i {
    background-color: #f53372;
    box-shadow: 0 7px 15px rgba(245, 51, 114, .3);
}

.item-two .item-i {
    background-color: #9bd541;
    box-shadow: 0 7px 15px rgba(155, 213, 65, .3);
}

.item-three .item-i {
    background-color: #3accda;
    box-shadow: 0 7px 15px rgba(58, 204, 218, .3);
}

.item-four .item-i {
    background-color: #a75ffd;
    box-shadow: 0 7px 15px rgba(167, 95, 253, .3);
}

.item-one .tit {
    color: #f53372;
}

.item-two .tit {
    color: #8fd326;
}

.item-three .tit {
    color: #22c4d3;
}

.item-four .tit {
    color: #9a51f2;
}

.s-section-cate .item {
    float: left;
    width: 300px;
    margin: 0 0 50px 0;
}

.s-section-cate .item.last {
    width: 280px;
}

.s-section-cate .item i {
    background: url(../images/sett-cate-icon.png) no-repeat;
    width: 98px;
    height: 85px;
    display: block;
    float: left;
}

.s-section-cate .item span {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 85px;
}

.s-section-cate .item1 i {
    background-position: 0 0;
}

.s-section-cate .item2 i {
    background-position: -102px 0;
}

.s-section-cate .item3 i {
    background-position: 0 -94px;
}

.s-section-cate .item4 i {
    background-position: -102px -94px;
}

.s-section-cate .item5 i {
    background-position: 0 -189px;
}

.s-section-cate .item6 i {
    background-position: -102px -189px;
}

.s-section-cate .item7 i {
    background-position: 0 -285px;
}

.s-section-cate .item8 i {
    background-position: -102px -285px;
}

.s-section-case,
.s-section-case .sett-title .zw-tit,
.s-section-case .sett-title .zw-tit h3 {
    background-color: #f5f9fc;
}

.s-section-case .item {
    float: left;
    width: 282px;
    margin-right: 24px;
    text-align: center;
    margin-bottom: 80px;
}

.s-section-case .item:last-child {
    margin-right: 0;
}

.s-section-case .item .item-top {
    width: 282px;
    height: 200px;
    position: relative;
    text-align: center;
}

.s-section-case .item .item-top a {
    width: 282px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}

.s-section-case .item .tit {
    font-size: 18px;
    color: #333;
    margin-top: 20px;
}

.s-section-case .item .desc {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 24px;
    margin-top: 5px;
}

.s-section-case .item .item-top img {
    transition: .5s all ease;
}

.s-section-case .item:hover .item-top img {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -moz-transform: none;
}

.s-section-case .item1 .item-top {
    background-color: #e9544e;
    box-shadow: 0 5px 15px rgba(247, 156, 152, .5);
}

.s-section-case .item2 .item-top {
    background-color: #67ccf4;
    box-shadow: 0 5px 15px rgba(70, 177, 219, .5);
}

.s-section-case .item3 .item-top {
    background-color: #ef588a;
    box-shadow: 0 5px 15px rgba(239, 88, 138, .5);
}

.s-section-case .item4 .item-top {
    background-color: #9ed260;
    box-shadow: 0 5px 15px rgba(158, 210, 96, .5);
}

.s-section-help .item {
    float: left;
    width: 550px;
    margin: 0 0 30px 0;
}

.s-section-help .item .number {
    width: 80px;
    height: 80px;
    background-color: #fff;
    font-size: 48px;
    line-height: 80px;
    color: #d2d2d2;
    text-align: center;
    float: left;
    border-radius: 50%;
    box-shadow: 0 4px 18px #fff5f5;
}

.s-section-help .item .info {
    float: left;
    width: calc(100% - 100px);
    margin: 10px 0 0 20px;
}

.s-section-help .item .info .name {
    width: 400px;
    transition: .3s all ease;
}

.s-section-help .item .info .tit a {
    font-size: 18px;
    color: #333;
}

.s-section-help .item .info .tit a:hover {
    color: #f42424;
}

.s-section-help .item .info .desc {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 22px;
    margin-top: 5px;
    height: 60px;
    overflow: hidden;
}

.s-section-help .item-left {
    margin: 0 90px 30px 10px;
}

.s-section-help .item .info:hover .name {
    margin-left: 8px;
}

.settled-article-warp {
    background-color: #fff;
    margin-top: 10px;
    min-height: 976px;
    position: relative;
    margin-bottom: 80px;
}

.settled-article-warp .sett-a-item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sett-a-item .sett-cont {
    padding: 40px 36px 40px 36px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 30px;
}

.sett-a-item .sett-cont .sett-step {
    overflow: hidden;
    margin-bottom: 20px;
}

.sett-a-item .sett-step .item {
    float: left;
    width: 220px;
    height: 70px;
    border-radius: 5px;
    background-color: #f5f5f5;
}

.sett-a-item .sett-step .item-i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    float: left;
    margin: 15px 0 0 19px;
    text-align: center;
}

.sett-a-item .sett-step .item-i i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 10px;
    background: url(../images/dsc-icon.png) no-repeat;
}

.sett-a-item .sett-step span {
    font-size: 14px;
    color: #8c8c8c;
    margin-left: 15px;
    line-height: 70px;
}

.sett-a-item .sett-step .item1 .item-i {
    background-color: #3accda;
}

.sett-a-item .sett-step .item2 .item-i {
    background-color: #a75ffd;
}

.sett-a-item .sett-step .item3 .item-i {
    background-color: #9bd541;
}

.sett-a-item .sett-step .item4 .item-i {
    background-color: #f53372;
}

.sett-a-item .sett-step .item1 .item-i i {
    background-position: -5px -134px;
    width: 16px;
}

.sett-a-item .sett-step .item2 .item-i i {
    background-position: -35px -134px;
    width: 17px;
}

.sett-a-item .sett-step .item3 .item-i i {
    background-position: -35px -134px;
    width: 17px;
}

.sett-a-item .sett-step .item4 .item-i i {
    background-position: -67px -134px;
    width: 17px;
}

.sett-a-item .sett-step .item-jt {
    width: 55px;
    height: 23px;
    display: block;
    float: left;
    margin: 26px 18px 0 8px;
    background: url(../images/dsc-icon.png) -122px -48px no-repeat;
}

.step-nav {
    height: 68px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.step-nav .title {
    float: left;
}

.step-nav .title h3 {
    line-height: 68px;
    margin-left: 25px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.sett-r-btn {
    position: absolute;
    right: 40px;
    top: 0;
}

.sett-r-btn a {
    font-size: 14px;
    color: #fff;
    line-height: 5;
    text-align: center;
}

.sett-r-btn .imrz {
    background: url(../images/sett-btn-icon.png) -190px -193px no-repeat;
    width: 155px;
    height: 68px;
    float: left;
}

.sett-r-btn .imrz:hover {
    background-position: 0 -193px;
}

.sett-r-btn .view-prog {
    color: #f42424;
    float: left;
    margin-left: 10px;
}

.sett-r-btn .view-prog:hover {
    text-decoration: underline;
}

.sett-help-warp .item {
    width: 100%;
    height: 87px;
}

.sett-help-warp .item .number {
    box-shadow: 0 5px 18px rgba(254, 179, 179, .2);
}

.sett-help-warp .item .info {
    width: 1000px;
    margin: 0 0 0 40px;
}

.sett-help-warp .item .info .name {
    width: 100%;
}

.sett-help-warp .item:hover .info .name {
    margin-left: 0;
}

.sett-help-warp .item .info .desc {
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.sett-store-warp {
    overflow: hidden;
}

.sett-store-warp .item {
    float: left;
    width: 320px;
    margin-right: 75px;
}

.sett-store-warp .item:last-child {
    margin-right: 0;
}

.sett-store-warp .item-left {
    float: left;
    width: 70px;
    text-align: center;
    overflow: hidden;
}

.sett-store-warp .item-right {
    float: left;
    margin-left: 10px;
    width: 240px;
    line-height: 25px;
}

.sett-store-warp .item-left i {
    width: 70px;
    height: 70px;
    display: block;
    background: url(../images/storetype-icon.png) no-repeat;
    float: left;
}

.sett-store-warp .item-left span {
    font-size: 18px;
    color: #333;
    float: left;
    display: block;
    width: 100%;
    margin-top: 5px;
}

.sett-store-warp .item-left i.st-icon1 {
    background-position: 0 0;
}

.sett-store-warp .item-left i.st-icon2 {
    background-position: 0 -73px;
}

.sett-store-warp .item-left i.st-icon3 {
    background-position: 0 -145px;
}

.sett-process-warp {
    padding-bottom: 80px;
}

.settled-prog-container {
    background: url(../images/sett-proicon.jpg) #f5f9fc center top no-repeat;
}

.settled-prog-warp {
    width: 100%;
    height: 418px;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(78, 137, 145, .2);
    margin-top: 164px;
    position: relative;
}

.settled-prog-warp .che {
    position: absolute;
    left: 50%;
    top: -121px;
    margin-left: -83px;
}

.settled-prog-warp .spw-cont {
    overflow: hidden;
}

.spw-cont .spw-tit {
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2;
}

.spw-cont .spw-tit h1 {
    font-size: 18px;
    color: #555;
    font-weight: bold;
}

.spw-cont .spw-mian {
    width: 420px;
    margin: 50px auto 0;
    position: relative;
}

.spw-cont .spw-mian .spw-icon {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/pprompt-icon.png) no-repeat;
}

.spw-cont .spw-mian .spw-info {
    padding-left: 100px;
}

.spw-cont .spw-mian .spw-info h2 {
    font-size: 24px;
    font-weight: bold;
}

.spw-cont .spw-mian .spw-info .spw-txt {
    font-size: 14px;
    color: #8c8c8c;
    overflow: hidden;
}

.spw-cont .spw-mian .spw-info .spw-txt p {
    margin: 12px 0 8px;
}

.spw-cont .spw-mian .spw-info .spw-txt span {
    display: block;
    line-height: 24px;
}

.spw-cont .spw-mian .spw-info .spw-txt em {
    color: #333;
}

.spw-cont .spw-mian .spw-info .spw-txt .tag {
    border: 1px solid #d2d2d2;
    background-color: #f5f9fc;
    height: 23px;
    padding: 0 5px;
    color: #555;
    display: block;
    float: left;
    margin: 0 7px 5px 0;
}

.spw-cont .spw-mian .spw-info .spw-btn {
    margin-top: 12px;
}

.spw-cont .spw-mian .spw-info .spw-btn .btn {
    width: 138px;
    height: 38px;
    padding: 0;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
}

.spw-cont .spw-success .spw-icon {
    background-position: 0 0;
}

.spw-cont .spw-success h2 {
    color: #4bc696;
}

.spw-cont .spw-fail .spw-icon {
    background-position: -85px 0;
}

.spw-cont .spw-fail h2 {
    color: #f42424;
}

.spw-cont .spw-wait .spw-icon {
    background-position: -169px 0;
}

.spw-cont .spw-wait h2 {
    color: #ff8f23;
}

.s-p-steps {
    width: 100%;
    height: 35px;
    margin: 40px 0;
    overflow: hidden;
}

.s-p-steps ul {
    width: 712px;
    position: relative;
    margin: 0 auto;
}

.s-p-steps li {
    float: left;
    width: 168px;
    margin-right: 13px;
}

.s-p-steps li.last,
.s-p-steps li.last span {
    margin-right: 0;
}

.s-p-steps li span {
    display: block;
    float: left;
    width: 138px;
    height: 33px;
    line-height: 33px;
    border-radius: 17px;
    text-align: center;
    color: #8c8c8c;
    border: 1px solid #d2d2d2;
    margin-right: 12px;
    font-size: 14px;
}

.s-p-steps li i {
    float: left;
    color: #d2d2d2;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
}

.s-p-steps li.curr span {
    background-color: #ec5151;
    border-color: #ec5151;
    color: #fff;
}

.s-p-steps li.curr i {
    color: #ec5151;
}

.s-p-steps li.cur span {
    border-color: #ec5151;
    color: #ec5151;
}

.s-p-steps li.cur i {
    color: #ec5151;
}

.s-wz-content {
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
    margin-top: 20px;
}

.s-wz-content .tempItem {
    margin-bottom: 20px;
}

.s-wz-content .tempItem h3 {
    font-weight: bold;
    font-size: 18px;
}

.sett-cont-bd {
    position: relative;
    display: block;
    padding: 0;
    margin: -36px;
}

.sett-cont-bd .item {
    width: 1192px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
}

.sett-cont-bd .item .s-pop {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 100px;
    background-color: #EA4F40;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
}

.sett-cont-bd .item .s-pop .p-hd h3 {
    font-size: 16px;
    font-weight: 800;
    padding: 5px 40px;
    border-radius: 15px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #AD191C;
}

.sett-cont-bd .item .s-pop .p-bd {
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border-radius: 5px;
    line-height: 1.5;
}

.s-jiaofei {
    position: absolute;
    right: 388px;
    bottom: 228px;
    line-height: 1.8;
    color: #333;
    font-size: 14px;
    width: 174px;
}

.sett-cont-bd .item .s-pop.blue {
    background-color: #A8C0F7;
}

.sett-cont-bd .item .s-pop.blue:after {
    border-color: #A8C0F7;
}

.sett-cont-bd .item .s-pop.blue .p-hd h3 {
    background-color: #516CA8;
}

.sett-cont-bd .item .s-pop:after {
    position: absolute;
    border-style: solid;
    border-width: 14px;
    content: '';
    border-color: #EA4F40;
}

.sett-cont-bd .item .s-pop.left:after {
    left: -25px;
    top: 116px;
    border-top-color: transparent;
    border-left-color: transparent;
}

.sett-cont-bd .item .s-pop.right:after {
    right: -25px;
    top: 116px;
    border-top-color: transparent;
    border-right-color: transparent;
}

.sett-cont-bd .item .s-pop.bottom:after {
    bottom: -25px;
    right: 20px;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.sett-cont-bd .item .s-pop.bottomleft:after {
    bottom: -25px;
    left: 20px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.sett-cont-bd .item .s-pop.blue.right:after {
    right: -25px;
    top: 50px;
    border-top-color: transparent;
    border-right-color: transparent;
}

.sett-cont-bd .item .s-pop.left2:after {
    left: -25px;
    top: 56px;
    border-top-color: transparent;
    border-left-color: transparent;
}

.sett-cont-bd .item .s-pop01 {
    width: 370px;
    top: 210px;
    right: 728px;
}

.sett-cont-bd .item .s-pop02 {
    width: 305px;
    top: 80px;
    right: 288px;
}

.sett-cont-bd .item .s-pop03 {
    width: 350px;
    top: 20px;
    right: 160px;
}

.sett-cont-bd .item .s-pop04 {
    width: 400px;
    top: 100px;
    right: 448px;
}

.sett-cont-bd .item .s-pop05 {
    width: 360px;
    top: 400px;
    right: 398px;
}

.sett-cont-bd .item .s-pop06 {
    width: 290px;
    top: -26px;
    right: 24px;
}

.sett-cont-bd .item .s-pop07 {
    width: 250px;
    top: 75px;
    right: 294px;
}

.sett-cont-bd .item .s-pop08 {
    width: 240px;
    top: 423px;
    right: 425px;
}


/* settled end */


/* ------------------- tong start ------------------- */


/*common start*/


/*shadow-card*/

.mod-shadow-card {
    transition: all .3s;
}

.mod-shadow-card:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.mod-shadow-card .lefttime {
    margin: 10px;
    vertical-align: middle;
}


/*list-sort*/

.mod-list-sort {
    height: 30px;
    line-height: 30px;
    color: #8c8c8c;
}

.mod-list-sort .sort-t {
    float: left;
    margin-right: 10px;
}

.mod-list-sort .sort-c {
    float: left;
}

.mod-list-sort .sort-item {
    float: left;
    line-height: 28px;
    height: 28px;
    border: 1px solid #d2d2d2;
    text-align: center;
    width: 78px;
    background: #fff;
    color: #8c8c8c;
    margin-right: 10px;
}

.mod-list-sort .sort-item .iconfont {
    font-size: 12px;
    margin-left: 4px;
    vertical-align: middle;
    margin-right: -7px;
}

.mod-list-sort .sort-item .icon-up1 {
    vertical-align: top;
}

.mod-list-sort .sort-item.curr {
    color: #ff6633;
    border-color: #ff6633;
}

.mod-list-sort .f-search {
    float: right
}

.mod-list-sort .f-search .text {
    float: left;
    width: 180px;
}

.mod-list-sort .f-search .btn {
    float: left;
    margin: 0 0 0 8px;
    height: 28px;
    border-radius: 3px;
    line-height: 28px;
    min-width: 30px;
    text-align: center;
}


/*common end*/


/*groupbuy start*/

.nav .gb-categorys {
    width: 180px;
}

.nav .gb-categorys .categorys-type {
    background: #DD0909;
}

.nav .gb-categorys .categorys-type a {
    padding-left: 30px;
    text-align: left;
}

.nav .gb-categorys .categorys-tab-content {
    background: #333;
    height: 280px;
}

.nav .gb-categorys .categorys-tab-content .categorys-item {
    border-bottom: 1px dotted #555;
    height: 39px;
}

.nav .gb-categorys .categorys-tab-content .categorys-title {
    width: 106px;
}

.nav .gb-categorys .categorys-tab-content .item-content {
    width: 134px;
    padding: 8px 16px 8px 30px;
}

.nav .gb-categorys .categorys-tab-content .item-content:hover {
    background: #DD0909;
}

.nav .gb-categorys .categorys-tab-content .iconfont {
    color: #fff;
}

.nav .gb-categorys .categorys-tab-content .categorys-title span a:hover,
.nav .gb-categorys .categorys-tab-content .categorys-title strong a:hover {
    color: #fff;
}

.gb-crazy {
    background: #F8F8F8;
    padding: 40px 0;
}

.gb-crazy .crazy-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 20px;
}

.gb-crazy .crazy-hd h2 {
    float: left;
    font-size: 28px;
    padding-left: 40px;
    background: url(../images/crazy-icon.png) no-repeat left center;
}

.gb-crazy .crazy-hd .extra {
    float: right;
    color: #8c8c8c;
}

.gb-crazy .crazy-hd .extra .time {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
}

.gb-crazy .crazy-hd .extra .time .hour,
.gb-crazy .crazy-hd .extra .time .minute,
.gb-crazy .crazy-hd .extra .time .second {
    width: 37px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    float: left;
    height: 42px;
    background: url(../images/crazy-time.png) no-repeat left center;
}

.gb-crazy .crazy-hd .extra .time .point {
    float: left;
    margin: 0 5px;
    font-size: 20px;
}

.gb-crazy .crazy-list {
    margin-right: -10px;
}

.gb-crazy .crazy-list li {
    width: 232px;
    margin-right: 10px;
    background: #fff;
    float: left;
}

.gb-crazy .crazy-list .img {
    display: block;
    margin-bottom: 5px;
}

.gb-crazy .crazy-list .img img {
    width: 232px;
    height: 232px;
}

.gb-crazy .crazy-list .price {
    color: #f43434;
    font-size: 21px;
    text-align: center;
}

.gb-crazy .crazy-list .name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 10px 10px;
    font-size: 14px;
    color: #555;
}

.gb-crazy .crazy-list .crazy-btn {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #f43434;
    display: block;
    text-align: center;
    font-size: 14px;
}

.gb-crazy .crazy-list .bid_end {
    background-color: #d2d2d2;
}

.gb-index-main {
    padding: 40px 0 0;
}

.gb-index-main h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.gb-index-list ul {
    margin: 10px -10px 0 0;
}

.gb-index-list li {
    float: left;
    width: 210px;
    margin: 0 10px 10px 0;
    position: relative;
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.gb-index-list .img {
    display: block;
}

.gb-index-list .img img {
    width: 210px;
    height: 210px;
    margin-bottom: 10px;
}

.gb-index-list .price {
    color: #f43434;
    font-size: 21px;
}

.gb-index-list .price em {
    font-size: 18px;
    font-style: normal;
}

.gb-index-list .man {
    float: right;
    line-height: 26px;
    color: #8c8c8c;
    font-size: 12px;
    margin-top: 7px;
    display: flex;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gb-index-list .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #555;
}

.gb-index-list .lefttime {
    color: #8c8c8c;
    margin: 10px 0;
}

.gb-index-list .lefttime i,
.mod-shadow-card .lefttime i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.gb-index-list #no-default {
    background: #999;
    color: #fff!important;
    cursor: default;
    pointer-events: none;
}

.pic-jx {
    color: #999;
    font-size: 14px;
}

.gb-index-list .bid_end {
    background-color: #d2d2d2;
}

.gb-btn-all {
    display: block;
    border: 1px solid #d2d2d2;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.gb-btn-all:hover {
    background: #d2d2d2;
    color: #555;
}

.gb-selector .s-line {
    border-style: dashed;
}

.gb-selector .s-l-value {
    padding-right: 0;
}

.group-buy .activity-title {
    padding: 0 20px 0 10px;
}

.group-buy .activity-title .iconfont {
    font-size: 21px;
    vertical-align: middle;
    margin: 9px 5px 0 0;
    float: left;
    height: 26px;
    line-height: 26px;
}


/*groupbuy end*/


/*exchange start*/

.exchange-banner {
    overflow: hidden;
    min-height: 300px;
}

.exchange-banner .exchange-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.exchange-score {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 20px;
    padding-bottom: 30px;
    background: #fff;
    width: 232px;
    height: auto;
}

.exchange-score .u-info {
    text-align: center;
    padding: 30px 40px 10px 40px;
}

.exchange-score .u-info .u-avatar {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto 5px;
    padding: 5px;
    border: 5px solid #CD1F0A;
    border-radius: 50%;
}

.exchange-score .u-info .u-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.exchange-score .u-info .u-name {
    font-size: 14px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exchange-score .score-info {
    padding: 10px 0;
    overflow: hidden;
}

.exchange-score .score-info .item {
    float: left;
    white-space: nowrap;
    text-align: center;
    width: 103px;
}

.exchange-score .score-info .item:first-child {
    padding-right: 10px;
    border-right: 1px solid #ddd;
    margin-right: 10px;
}

.exchange-score .score-info .item .num {
    color: #f43434;
    font-size: 14px;
}

.exchange-score .score-info .login-button,
.exchange-score .score-info .register_button {
    display: block;
    float: left;
    width: 78px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #333;
    text-align: center;
}

.exchange-score .score-info .login-button {
    margin: 0 15px 0 30px;
}

.exchange-score .score-info .login-button:hover,
.exchange-score .score-info .register_button:hover,
.exchange-score .score-info .register_button {
    border-color: #f42424;
    color: #f42424;
}

.exchange-cate {
    background: #F8F8F8;
    line-height: 40px;
    font-size: 14px;
}

.exchange-cate a {
    color: #555;
    white-space: nowrap;
}

.exchange-cate a.curr,
.exchange-cate a:hover {
    color: #ff6633;
}

.exchange-cate a.curr {
    font-weight: bold;
}

.exchange-cate a:first-child {
    margin-left: 5px;
}

.exchange-cate .point {
    margin-left: 10px;
    margin-right: 6px;
}

.exchange-main {
    padding: 40px 0 0;
}

.exchange-main h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.exchange-list ul {
    margin-right: -10px;
    padding-top: 10px;
}

.exchange-list li {
    float: left;
    width: 212px;
    margin: 0 10px 10px 0;
    position: relative;
    padding: 10px;
}

.exchange-list .img {
    display: block;
}

.exchange-list .img img {
    width: 210px;
    height: 210px;
    margin-bottom: 10px;
}

.exchange-list .score {
    float: left;
    color: #ff6633;
    font-size: 16px;
}

.exchange-list .market {
    float: right;
    line-height: 24px;
    color: #8c8c8c;
    text-decoration: line-through;
}

.exchange-list .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.exchange-list .already {
    color: #8c8c8c;
    margin: 5px 0 10px;
}

.exchange-list .already i {
    margin-right: 5px;
}

.exchange-list li:hover .ex-btn {
    opacity: 1;
    filter: alpha(opacity=100);
}

.ex-btn-all {
    display: block;
    background: #f8f8f8;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.ex-btn-all:hover {
    background: #f43434;
    color: #fff;
}


/*exchange end*/


/*activity start*/

.activity-banner {
    overflow: hidden;
}

.activity-banner .activity-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.activity-main {
    background: #F8F8F8;
    padding-bottom: 90px;
    margin-bottom: -90px;
    padding-top: 40px;
}

.activity-main-title {
    text-align: center;
    margin-bottom: 30px;
}

.activity-main-title h2 {
    font-size: 30px;
    color: #555;
}

.activity-main-title p {
    font-size: 18px;
    color: #f43434;
}

.activity-list {
    margin-right: -10px;
}

.activity-list li {
    float: left;
    padding: 10px;
    width: 212px;
    height: 305px;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}

.activity-list .img {
    display: block;
}

.activity-list .img img {
    width: 212px;
    height: 212px;
}

.activity-list .name {
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: 5px 0;
}

.activity-list .price {
    font-size: 18px;
    text-align: center;
    color: #f43434;
    margin-bottom: 5px;
}

.activity-list .act-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    background: #f43434;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.activity-list li.li-col2 {
    width: 454px;
    text-align: left;
    font-size: 14px;
}

.activity-list li .shop-info {
    width: auto;
    height: 280px;
    background: #f8f8f8;
    padding: 25px 20px 0 40px;
    border: 0;
}

.activity-list li .shop-info .shop-name {
    margin-bottom: 20px;
}

.activity-list li .shop-info .shop-name .s-name {
    font-weight: 700;
    font-size: 18px;
    color: #438cde;
}

.activity-list li .shop-info dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.activity-list li .shop-info dt {
    float: left;
    width: 80px;
    color: #8c8c8c;
}

.activity-list li .shop-info dd {
    float: left;
    width: 300px;
    color: #555;
}

.activity-list li .shop-info dd .shop-brand {
    overflow: hidden;
    margin-top: 10px;
}

.activity-list li .shop-info dd .shop-brand a {
    border: 1px dashed #d2d2d2;
    color: #8c8c8c;
    float: left;
    padding: 5px 8px;
    margin-right: -1px;
}

.activity-list li .shop-info dd .shop-brand a:hover {
    background: #fff;
}

.activity-index-main {
    background: #f8f8f8;
    padding-top: 40px;
}

.activity-index-filter {
    overflow: hidden;
    margin-bottom: 30px;
}

.activity-index-filter a {
    float: left;
    border: 1px solid #d2d2d2;
    color: #8c8c8c;
    background: #fff;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    width: 98px;
    text-align: center;
    margin-right: 10px;
}

.activity-index-filter a:hover {
    border-color: #EC4BFB;
    color: #EC4BFB;
}

.activity-index-filter a.curr {
    background: #EC4BFB;
    color: #fff;
    border-color: #EC4BFB;
}

.activity-index-list {
    margin-right: -30px;
    font-size: 14px;
}

.activity-index-list li {
    width: 580px;
    margin: 35px 35px 0 0;
    background: #fff;
    text-align: center;
    position: relative;
    float: left;
}

.activity-index-list li:nth-child(1),
.activity-index-list li:nth-child(2) {
    margin-top: 0;
}

.activity-index-list li .img {
    width: 580px;
    height: 360px;
    position: relative;
}

.activity-index-list li .img a {
    width: 580px;
    height: 360px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.activity-index-list li .img img {
    max-width: 580px;
    max-height: 360px;
}

.activity-index-list li .tag {
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 0;
    background: #ddd;
    color: #fff;
    height: 26px;
    line-height: 26px;
    width: 87px;
}

.activity-index-list li .tag:after {
    content: "●●●●●●●●";
    color: #ddd;
    position: absolute;
    left: -1px;
    top: 13px;
    line-height: 1;
    font-size: 20px;
    letter-spacing: -2px;
}

.activity-index-list li .tag-zp {
    background: #EC4BFB;
}

.activity-index-list li .tag-zp:after {
    color: #EC4BFB;
}

.activity-index-list li .tag-jm {
    background: #F59A19;
}

.activity-index-list li .tag-jm:after {
    color: #F59A19;
}

.activity-index-list li .tag-zk {
    background: #F42424;
}

.activity-index-list li .tag-zk:after {
    color: #F42424;
}

.activity-index-list li .title {
    font-size: 21px;
    color: #555;
    margin: 10px 0 3px;
}

.activity-index-list li .time {
    color: #8c8c8c;
    margin-bottom: 5px;
}

.activity-index-list li .discount {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
}

.activity-index-list li .discount span {
    font-size: 16px;
    margin: 0 5px;
}

.activity-index-list li .acti-btn {
    width: 150px;
    height: 40px;
    background: #f43434;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    overflow: hidden;
}

.activity-index-list li .acti-btn i {
    vertical-align: -1px;
    margin-left: -16px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translate3d(76px, 0, 0);
    -moz-transform: translate3d(76px, 0, 0);
    -o-transform: translate3d(76px, 0, 0);
    transform: translate3d(76px, 0, 0);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.activity-index-list li .acti-btn:hover i {
    -webkit-transform: translate3d(16px, 0, 0);
    -moz-transform: translate3d(16px, 0, 0);
    -o-transform: translate3d(16px, 0, 0);
    transform: translate3d(16px, 0, 0);
}


/*activity end*/


/*brand start*/

.brand-banner {
    overflow: hidden;
}

.brand-banner .brand-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.brand-main {
    padding-top: 40px;
}

.brand-main .brand-title {
    width: 300px;
    margin: 0 auto;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

.brand-main .brand-title span {
    display: block;
    width: 100px;
    margin: -12px auto 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background: #fff;
}

.brand-cate {
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}

.brand-cate a {
    color: #555;
    white-space: nowrap;
}

.brand-cate a.curr,
.brand-cate a:hover {
    color: #ff6633;
}

.brand-cate a.curr {
    font-weight: bold;
}

.brand-cate a:first-child {
    margin-left: 5px;
}

.brand-cate .point {
    margin-left: 10px;
    margin-right: 6px;
}

.brand-list {
    margin-top: 40px;
    margin-right: -10px;
}

.brand-list li {
    width: 278px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;
    border: 6px solid #E4E4E4;
    float: left;
}

.brand-list li:hover {
    border-color: #aaaaaa;
}

.brand-list li .img {
    margin-bottom: 30px;
    display: block;
    position: relative;
}

.brand-list li .img img {
    width: 150px;
    height: 150px;
}

.brand-list li .brand_desc {
    padding: 0 20px;
    color: #fff;
    position: absolute;
    width: 238px;
    height: 0;
    bottom: 0;
    left: 0;
    line-height: 24px;
    z-index: 2;
    font-size: 14px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
}

.brand-list li .brand_desc .tit {
    font-size: 18px;
    line-height: 36px;
    padding-top: 40px;
}

.brand-list li .brand_desc .info {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.brand-list li .brand_desc .info p {
    text-align: center;
    line-height: 60px;
    font-size: 14px;
}

.brand-list li .brand_desc_notic .tit {
    padding-top: 90px;
}

.brand-list li .mask {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: #000;
    opacity: .45;
    -ms-filter: alpha(Opacity=45);
    filter: alpha(Opacity=45);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.brand-list li:hover .brand_desc {
    height: 285px;
}

.brand-list li:hover .mask {
    height: 285px;
}

.brand-list li .b-logo {
    height: 57px;
    position: relative;
    margin-bottom: 20px;
}

.brand-list li .b-logo img {
    height: 57px;
    max-width: 260px;
}

.brand-list li .b-logo .follow {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 30px;
    margin-left: -40px;
    margin-top: -15px;
    color: #fff;
    background: #ff6633;
    line-height: 30px;
    border-radius: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.brand-list li .b-logo .follow i {
    vertical-align: -2px;
    margin-right: 5px;
}

.brand-list li:hover .b-logo img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.brand-list li:hover .b-logo .follow {
    opacity: 1;
    filter: alpha(opacity=100);
}

.brand-list li .slogan {
    font-size: 14px;
    color: #8c8c8c;
    margin-bottom: 30px;
}

.rTop {
    position: fixed;
    right: 100px;
    top: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    cursor: pointer;
    -moz-transform: translate(0, -50%) scale(1, 1);
    -webkit-transform: translate(0, -50%) scale(1, 1);
    -o-transform: translate(0, -50%) scale(1, 1);
    transform: translate(0, -50%) scale(1, 1);
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.rTop.returnHide {
    transform: translate(0, -50%) scale(0, 0);
    -webkit-transform: translate(0, -50%) scale(0, 0);
    -moz-transform: translate(0, -50%) scale(0, 0);
    -o-transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}


/*brand end*/


/*auction start*/

.auction-banner {
    overflow: hidden;
}

.auction-banner .auction-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}

.auction-cate {
    background: #B31919;
    height: 50px;
    line-height: 50px;
}

.auction-cate a {
    padding: 0 20px;
    color: #fff;
    float: left;
    font-size: 16px;
}

.auction-cate a.curr {
    background: #fff;
    color: #B31919;
    font-weight: 700;
}

.auction-main {
    padding-top: 30px;
}

.auction-list {}

.auction-list ul {
    margin-right: -20px;
    font-size: 14px;
    margin-top: 20px;
}

.auction-list li {
    border: 1px solid transparent;
    width: 283px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.auction-list li:hover {
    border-color: #f43434;
}

.auction-list li .img {
    display: block;
}

.auction-list li .img img {
    width: 283px;
    height: 283px;
}

.auction-list li .name {
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.auction-list li .info {
    padding: 15px 18px;
}

.auction-list li .info p {
    margin-bottom: 5px;
}

.auction-list li .info p em {
    color: #8c8c8c;
}

.auction-list li .timebar {
    background: #EEEEEE;
    position: relative;
    border-radius: 2px;
    height: 3px;
}

.auction-list li .timebar i {
    position: absolute;
    height: 100%;
    left: 0;
    background: #FFD07F;
}

.auction-list li .btn-wp {
    overflow: hidden;
    margin-top: 15px;
}

.auction-list li .btn-wp .price {
    float: left;
    width: 50%;
    white-space: nowrap;
    font-size: 21px;
    color: #f43434;
    line-height: 30px;
}

.auction-list li .btn-wp .price em {
    font-size: 14px;
}

.auction-list li .btn-wp .au-btn {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 50%;
    float: right;
    color: #fff;
    background: #f43434;
    font-weight: 700;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.auction-list li:hover .btn-wp .au-btn {
    opacity: 1;
    filter: alpha(opacity=100);
}


/*auction end*/

.act-banner {
    overflow: hidden;
}

.act-banner-wp {
    width: 1920px;
    text-align: center;
    margin-left: -360px;
}


/*snatch start*/

.snatch-main {
    padding: 40px 0 0;
}

.snatch-t {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.snatch-t h2 {
    float: left;
    font-size: 21px;
    font-weight: 700;
    color: #555;
    line-height: 50px;
}

.snatch-hot-slide {
    position: relative;
    height: 507px;
    overflow: hidden;
}

.snatch-hot-slide .bd {
    width: 991px;
    margin: 0 auto;
    height: 507px;
    overflow: hidden;
}

.snatch-hot-slide .bd li {
    float: left;
    width: 300px;
    margin: 0 15px 50px;
}

.snatch-hot-slide .bd li .img img {
    width: 300px;
    height: 300px;
}

.snatch-hot-slide .bd li .name {
    font-size: 18px;
    color: #555;
    display: block;
    height: 27px;
    overflow: hidden;
    margin: 10px 0 5px;
}

.snatch-hot-slide .bd li .info {
    overflow: hidden;
    margin-bottom: 8px;
}

.snatch-hot-slide .bd li .info-item {
    float: left;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 31px;
}

.snatch-hot-slide .bd li .info-item:nth-child(2) {
    width: 110px;
}

.snatch-hot-slide .bd li .info-item:nth-child(3) {
    width: 300px;
}

.snatch-hot-slide .bd li .info-item em {}

.snatch-hot-slide .bd li .info-item .price {
    font-size: 21px;
    color: #f42424;
}

.snatch-hot-slide .bd li .sn-btn {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #f43434;
}

.snatch-hot-slide .p-left,
.snatch-hot-slide .p-right {
    position: absolute;
    width: 58px;
    height: 455px;
    border: 1px solid #f8f8f8;
    text-align: center;
}

.snatch-hot-slide .p-left {
    left: 0;
}

.snatch-hot-slide .p-right {
    right: 0;
}

.snatch-hot-slide .prev,
.snatch-hot-slide .next {
    display: inline-block;
    width: 27px;
    height: 50px;
    background: url(../images/common/arrow_max.png) no-repeat;
    margin-top: 202px;
}

.snatch-hot-slide .prev {
    background-position: left top;
}

.snatch-hot-slide .next {
    background-position: right top;
}

.snatch-list {}

.snatch-list ul {
    margin-right: -10px;
}

.snatch-list li {
    float: left;
    width: 212px;
    margin: 0 10px 20px 0;
    position: relative;
    padding: 10px 10px 20px;
}

.snatch-list .img {
    display: block;
}

.snatch-list .img img {
    width: 210px;
    height: 210px;
    margin-bottom: 10px;
}

.snatch-list .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.snatch-list .info {
    line-height: 24px;
    margin-bottom: 12px;
}

.snatch-list .info em {
    color: #8c8c8c;
}

.snatch-list .info .price {
    font-size: 21px;
    color: #f43434;
    vertical-align: -3px;
}

.snatch-list .info .price em {
    color: #f43434;
}

.snatch-list .sn-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #f43434;
    opacity: 1;
    filter: alpha(opacity=100);
}

.snatch-list .bid_end {
    background-color: #d2d2d2;
}

.snatch-list .info .lefttime {
    margin: 0;
}

.snatch-firt {
    position: absolute;
    width: 141px;
    height: 243px;
    background: url(../images/snatch_icon.png) no-repeat;
    top: 30px;
    right: 10px;
    text-align: center;
}

.snatch-firt .snatch-f-name {
    margin-top: 140px;
}

.snatch-firt .snatch-f-info {
    margin-top: 16px;
}

.snatch-firt .snatch-f-info .namber {
    font-size: 24px;
}

.snatch-firt .snatch-f-info span {
    color: #8c8c8c;
}


/*snatch end*/


/*package start*/

.package-content {
    background: #F8F8F8;
}

.package-list {
    margin: 0 -20px;
}

.package-list .list-item {
    width: 580px;
    margin: 0 20px 20px 20px;
    background: #fff;
    float: left;
}

.package-list .list-item .cover {
    color: #fff;
    position: relative;
    display: block;
}

.package-list .list-item .cover img {
    width: 580px;
    height: 270px;
}

.package-list .list-item .cover .intro {
    position: absolute;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    bottom: 0;
    right: 0;
    left: 0;
}

.package-list .list-item .info {
    padding: 13px 20px 0;
    color: #8c8c8c;
}

.package-list .list-item .info .info-p {
    margin-bottom: 13px;
}

.package-list .list-item .info .info-slide {
    background: #F8F8F8;
    padding-top: 20px;
    padding-bottom: 15px;
    position: relative;
}

.package-list .list-item .info .info-slide .bd {
    width: 453px;
    height: 116px;
    overflow: hidden;
    margin: 0 auto;
}

.package-list .list-item .info .info-slide .bd li {
    float: left;
    width: 90px;
    position: relative;
    text-align: center;
    font-size: 14px;
    margin: 0 24px 0 0;
}

.package-list .list-item .info .info-slide .bd li .img img {
    width: 90px;
    height: 90px;
    margin-bottom: 5px;
}

.package-list .list-item .info .info-slide .bd li:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/common/plus.png) no-repeat;
    top: 40px;
    right: -22px;
}

.package-list .list-item .info .info-slide .bd li.g_last:after {
    background: none;
}

.package-list .list-item .info .info-slide .prev,
.package-list .list-item .info .info-slide .next {
    position: absolute;
    width: 16px;
    height: 30px;
    background: url(../images/common/arrow_min.png) no-repeat;
    top: 50%;
    margin-top: -21px;
}

.package-list .list-item .info .info-slide .prev {
    left: 10px;
    background-position: left top;
}

.package-list .list-item .info .info-slide .next {
    right: 10px;
    background-position: right top;
}

.package-list .list-item .info .info-btn-wp {
    padding: 20px 0;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    font-size: 14px;
}

.package-list .list-item .info .info-btn-wp .price {
    font-weight: 700;
    font-size: 30px;
    color: #333;
    margin-right: 10px;
    vertical-align: -7px;
    line-height: 1;
}

.package-list .list-item .info .info-btn-wp .price em {
    font-size: 16px;
}

.package-list .list-item .info .pack-btn {
    float: right;
    width: 150px;
    height: 40px;
    color: #fff;
    text-align: center;
    background: #f43434;
    font-size: 16px;
    margin-left: 10px;
}


/*package end*/


/*street start*/

.street-banner {
    overflow: hidden;
}

.street-banner .street-banner-wp {
    width: 100%;
    text-align: center;
}

.street-banner .street-banner-wp a {
    display: block;
}

.street-main {
    padding: 20px 0 0;
}

.street-list {
    width: 1213px;
}

.street-list-item {
    width: 278px;
    height: auto;
    border: 3px solid #e5e5e5;
    background: #f8f8f8;
    margin-bottom: 13px;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    transition: border-color .2s;
}

.street-list-item:hover {
    border-color: #aaaaaa;
}

.street-list-item .info {
    padding: 20px 20px 25px;
    text-align: center;
}

.street-list-item .info .s-follow {
    font-size: 0;
}

.street-list-item .info .s-follow i {
    font-size: 21px;
    color: #f43434;
    position: absolute;
    right: 8px;
    top: 5px;
    z-index: 2;
}

.street-list-item .info .s-logo {
    display: block;
    width: 118px;
    height: 58px;
    margin: 0 auto;
    border: 1px dashed #dcdcdc;
    background-color: #fff;
}

.street-list-item .info .s-logo a {
    display: table-cell;
    width: 118px;
    height: 58px;
    vertical-align: middle;
}

.street-list-item .info .s-logo img {
    width: 118px;
    max-height: 58px;
}

.street-list-item .info .s-name {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    display: block;
    margin: 10px 0;
}

.street-list-item .info .seller-sr {
    border: 1px solid #f42424;
    width: 50px;
    color: #f42424;
    padding: 0 5px;
    margin: 0 auto;
}

.street-list-item .info .s-name a:hover {
    color: #f43434;
}

.street-list-item .info p {
    color: #8c8c8c;
    text-align: left;
    padding-left: 60px;
    margin: 2px 0;
    height: 20px;
    overflow: hidden;
}

.street-list-item .info .shop-level-icon {
    height: 13px;
    background: url(../images/common/shop-level-icon.png) repeat-x;
    width: 18px;
    vertical-align: middle;
    display: inline-block;
}

.street-list-item .info .shop-level-icon.level-1 {
    width: 18px;
}

.street-list-item .info .shop-level-icon.level-2 {
    width: 36px;
}

.street-list-item .info .shop-level-icon.level-3 {
    width: 54px;
}

.street-list-item .info .shop-level-icon.level-4 {
    width: 72px;
}

.street-list-item .info .shop-level-icon.level-5 {
    width: 90px;
}

.street-list-item .cover img {
    width: 278px;
    height: auto;
}

.grid-sizer {
    width: 25%;
}

.gutter-sizer {
    width: 1.8%;
}


/*street end*/


/*activity-desc(include auction,snatch) start*/

.activity-desc-content {
    background: #f8f8f8;
}

.activity-desc-main {
    background: #fff;
    padding: 20px;
}

.acde-left {
    border-right: 1px solid #f0f0f0;
    width: 940px;
    padding-right: 20px;
    float: left;
}

.acde-left .gallery_wrap {
    width: 400px;
    height: 400px;
    border: 0 none;
}

.acde-left .spec-list {
    border: 0 none;
    width: 400px;
}

.acde-left .product-wrap {
    width: 500px;
    margin-right: 0;
}

.acde-left .activity-title {
    padding-left: 10px;
}

.acde-left .activity-title .activity-type .iconfont {
    font-size: 21px;
    vertical-align: middle;
    margin: 9px 5px 0 0;
    float: left;
    height: 26px;
    line-height: 26px;
}

.acde-left .summary-item .si-warp {
    width: 420px;
}

.acde-left .summary-item .price {
    font-size: 21px;
    margin-right: 10px;
}

.acde-left .summary-item .price em {
    font-size: 14px;
}

.acde-left .summary-count-wp {
    padding-left: 20px;
    margin-top: 30px;
    color: #8c8c8c
}

.acde-left .summary-count-wp span {
    display: inline-block;
    line-height: 40px;
}

.acde-left .amount-wrap-2 {
    width: 168px;
    display: inline-block;
    border: 1px solid #D2D2D2;
    height: 38px;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}

.acde-left .amount-wrap-2 i {
    width: 38px;
    height: 38px;
    line-height: 40px;
    float: left;
    font-size: 16px;
    -webkit-user-select: none;
    cursor: pointer;
}

.acde-left .amount-wrap-2 i.icon-reduce {
    border-right: 1px solid #d2d2d2;
}

.acde-left .amount-wrap-2 i.icon-plus {
    border-left: 1px solid #d2d2d2;
}

.acde-left .amount-wrap-2 input[type=text] {
    border: 0 none;
    width: 80px;
    padding: 0 5px;
    float: left;
    outline: none;
    height: 38px;
    text-align: center;
}

.acde-left a.btn-append {
    min-width: 106px;
    text-align: center;
}

.acde-left a.btn-invalid {
    min-width: 106px;
    margin-top: 40px;
    text-align: center;
    cursor: default;
}

.acde-left input.btn-append {
    min-width: 170px;
    text-align: center;
}

.acde-left .summary-row-2 {
    margin: 25px 0;
}

.acde-left .summary-row-2 .si-tit {
    width: 70px;
}

.acde-left .summary-row-2 .si-warp {
    width: 130px;
}

.auction-progress {
    height: 58px;
    border: 1px solid #f8f8f8;
    font-size: 14px;
    color: #8c8c8c;
    border-radius: 30px;
    margin: 40px 0;
}

.auction-progress .apt {
    float: left;
    width: 90px;
    line-height: 58px;
    margin-left: 30px;
}

.auction-progress .apb {
    margin-left: 90px;
}

.auction-progress .apb ul {
    padding-top: 12px;
}

.auction-progress .apb li {
    height: 33px;
    width: 127px;
    border: 1px solid #d2d2d2;
    line-height: 33px;
    text-align: center;
    float: left;
    border-radius: 17px;
    margin-right: 40px;
    position: relative;
}

.auction-progress .apb li:last-child {
    margin-right: 0;
}

.auction-progress .apb li .iconfont {
    position: absolute;
    right: -30px;
    top: 0;
    font-size: 14px;
    color: #ddd;
}

.auction-progress .apb .tips {
    width: 128px;
    height: auto;
    font-size: 12px;
    left: 0;
    top: 42px;
}

.auction-progress .apb .tips .sprite-arrow {
    left: 58px;
}

.activity-desc-detail .hd {
    height: 40px;
}

.activity-desc-detail .hd ul {
    height: 39px;
    border-bottom: 1px solid #f43434;
}

.activity-desc-detail .hd li {
    float: left;
    width: 108px;
    text-align: center;
    line-height: 38px;
    height: 38px;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: 0 none;
    margin-right: -1px;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
}

.activity-desc-detail .hd li.on {
    color: #fff;
    font-weight: 700;
    background: #f43434;
    border-color: #f43434;
}

.activity-desc-detail .bd-item {
    padding: 20px;
}

.activity-desc-detail .desc-detail-title {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
}

.activity-desc-detail .desc-detail-title:after {
    content: "";
    display: block;
    width: 30px;
    border-top: 1px solid #d2d2d2;
    margin: 5px auto 0;
}

.activity-desc-detail .desc-detail-content {
    overflow: hidden;
}

.activity-desc-detail .attr-table {
    width: 100%;
    font-size: 14px;
}

.activity-desc-detail .attr-table td {
    border: 1px solid #d2d2d2;
    padding: 10px 18px;
}

.activity-desc-detail .attr-table .td-t {
    background: #F8F8F8;
    color: #8c8c8c;
    text-align: right;
}

.activity-desc-detail .offer-table {
    width: 100%;
    margin: 20px 0;
    color: #8c8c8c;
}

.activity-desc-detail .offer-table thead {
    background: #f7f7f7;
}

.activity-desc-detail .offer-table th,
.activity-desc-detail .offer-table td {
    padding: 10px 20px;
    text-align: center;
}

.activity-desc-detail .offer-table th {
    font-weight: normal;
    font-size: 14px;
}

.activity-desc-detail .offer-table td {
    border-bottom: 1px dashed #e7e7e7;
}

.activity-desc-detail .offer-table .offer-statu {
    width: 43px;
    height: 18px;
    border: 1px solid #d1d1d1;
    line-height: 18px;
    display: inline-block;
    border-radius: 9px;
}

.activity-desc-detail .offer-table .offer-statu.active {
    border-color: #f43434;
    color: #f43434;
}

.acde-right {
    float: left;
    width: 179px;
    border-left: 1px solid #f0f0f0;
    margin-left: -1px;
    padding-left: 20px;
    min-height: 300px;
}

.acde-right .org-box {
    margin-bottom: 40px;
}

.acde-right .org-box .org-logo {
    margin-bottom: 20px;
    width: 180px;
    height: 90px;
    position: relative;
}

.acde-right .org-box .org-logo a {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
    height: 90px;
    text-align: center;
}

.acde-right .org-box .org-logo img {
    max-width: 180px;
    height: auto;
}

.acde-right .org-box p {
    margin-bottom: 10px;
    margin-left: 10px;
}

.acde-right .org-box p span {
    color: #8c8c8c;
}

.acde-right .org-box .a-kefu {
    color: #ff4e13;
    margin-left: 10px;
}

.acde-right .org-box .i-kefu {
    margin-right: 5px;
    vertical-align: sub;
}

.acde-right .acde-right-title {
    border: 1px solid;
    border-color: #EFEFEF transparent #EFEFEF transparent;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
    margin: 20px 0 10px;
}

.acde-right .offer-table-s {
    width: 100%;
    margin: 10px 0 30px;
    color: #8c8c8c;
    text-align: center;
}

.acde-right .offer-table-s th {
    padding: 10px 5px;
}

.acde-right .offer-table-s td {
    padding: 5px 5px;
}

.acde-right .offer-table-s .offer-statu {
    width: 43px;
    height: 18px;
    border: 1px solid #d1d1d1;
    line-height: 18px;
    display: inline-block;
    border-radius: 9px;
}

.acde-right .offer-table-s .offer-statu.active {
    border-color: #f43434;
    color: #f43434;
}

.acde-right .side-goods {
    font-size: 14px;
    display: block;
    width: 180px;
}

.acde-right .side-goods li {
    margin-bottom: 15px;
}

.acde-right .side-goods .p-img img {
    width: 100%;
    height: auto;
}

.acde-right .side-goods .p-name {
    margin-top: 5px;
}

.acde-right .side-goods .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*snatch*/

.acde-left .snatch-summary .summary-price-wrap {
    border: 1px dashed #f43434;
    border-top: 0 none;
}

.acde-left .snatch-summary .summary-price-wrap .s-p-w-wrap {
    background: #fff;
}

.acde-left .snatch-summary .si-tit {
    width: 70px;
}

.acde-left .snatch-summary .si-warp {
    width: 398px;
    font-size: 14px;
}


/*activity-desc(include auction,snatch) end*/


/*common start*/

.logo-side-cate {
    width: 85px;
    height: 25px;
    position: relative;
    float: left;
    margin-top: 39px;
    color: #8c8c8c;
}

.logo-side-cate .dt {
    line-height: 23px;
    border: 1px solid #D2D2D2;
    padding-left: 10px;
    position: relative;
}

.logo-side-cate .dt:after {
    content: "";
    position: absolute;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    width: 7px;
    height: 7px;
    transform: rotate(-45deg);
    right: 10px;
    top: 5px;
}

.logo-side-cate .dd {
    display: none;
    position: absolute;
    left: 0;
    top: 24px;
    width: 83px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    border-top: 1px solid #fff;
    background: #fff;
    padding: 3px 0;
}

.logo-side-cate .dd a {
    display: block;
    padding: 5px 3px 5px 10px;
    color: #8c8c8c;
}

.logo-side-cate .dd a:hover {
    color: #f43434;
}

.logo-side-cate:hover .dd {
    display: block;
}


/*common end*/


/*catalog start*/

.catalog-main {
    position: relative;
}

.catalog-side {
    float: right;
    width: 210px;
    position: relative;
}

.catalog-menu {
    border: 1px solid #d2d2d2;
    position: relative;
    width: 210px;
    background-color: #fff;
}

.catalog-menu .menu-list li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 28px;
    border-bottom: 1px solid #f7f7f7;
}

.catalog-menu .menu-list li a:last-child {
    border-bottom: 0 none;
}

.catalog-menu .menu-list li.current a,
.catalog-menu .menu-list li a:hover {
    background-color: #555;
    color: #fff;
}

.catalog-menu .back-top-wp {
    position: absolute;
    height: 30px;
    overflow: hidden;
    bottom: -30px;
    width: 100%;
}

.catalog-menu .back-top {
    position: absolute;
    height: 30px;
    line-height: 30px;
    left: 30px;
    width: 150px;
    background-color: #D2D2D2;
    text-align: center;
    transition: all .2s;
}

.catalog-menu .back-top:before,
.catalog-menu .back-top:after {
    content: "";
    position: absolute;
    width: 43px;
    height: 43px;
    background-color: inherit;
    transform: rotate(-45deg);
    bottom: 0;
    transform-origin: left bottom;
}

.catalog-menu .back-top:before {
    left: -1px;
}

.catalog-menu .back-top:after {
    right: -45px;
}

.catalog-menu .back-top:hover {
    color: #555;
    background-color: #E4E4E4;
}

.catalog-detail {
    width: 970px;
    float: left;
}

.catalog-detail .catalog-item {
    margin-bottom: 40px;
}

.catalog-detail h2 {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    background: #855F9B;
}

.catalog-detail .catalog-item:nth-child(2) h2 {
    background-color: #4D98B8;
}

.catalog-detail .catalog-item:nth-child(3) h2 {
    background-color: #39B6B6;
}

.catalog-detail .catalog-item:nth-child(4) h2 {
    background-color: #892E63;
}

.catalog-detail .catalog-item:nth-child(5) h2 {
    background-color: #D84566;
}

.catalog-detail .catalog-item:nth-child(6) h2 {
    background-color: #EC7546;
}

.catalog-detail .catalog-item:nth-child(7) h2 {
    background-color: #AA5586;
}

.catalog-detail .catalog-item:nth-child(8) h2 {
    background-color: #F6C024;
}

.catalog-detail h2 a {
    color: #fff;
}

.catalog-detail h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 20px;
}

.catalog-detail h3 a {
    color: #555;
}

.catalog-detail .h4 {
    margin-right: -10px;
}

.catalog-detail .h4 li {
    float: left;
}

.catalog-detail .h4 a {
    display: block;
    width: 137px;
    height: 38px;
    border: 1px dashed #d2d2d2;
    line-height: 38px;
    text-align: center;
    margin-right: -1px;
    margin-bottom: -1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .2s ease-in;
}

.catalog-detail .h4 a:hover {
    position: relative;
    z-index: 2;
    border-color: #f43434;
    box-shadow: 0 7px 10px 0px rgba(0, 0, 0, 0.15);
}

.catalog-item-ad {
    margin-right: -10px;
    margin-top: 20px;
}

.catalog-item-ad a {
    float: left;
    margin-right: 10px;
}


/*catalog end*/


/*category-top common start*/


/*limitime*/

.catetop-main {}

.catetop-main .limitime {
    margin: 40px 0 30px;
}

.catetop-main .limitime .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-main .limitime .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-main .limitime .hd h3 {
    float: left;
    font-size: 12px;
    color: #8c8c8c;
    height: 42px;
    overflow: hidden;
    line-height: 56px;
    margin-left: 10px;
}

.catetop-main .limitime .hd .extra {
    float: right;
    color: #8c8c8c;
}

.catetop-main .limitime .hd .extra .time {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
}

.catetop-main .limitime .hd .extra .time .hour,
.catetop-main .limitime .hd .extra .time .minute,
.catetop-main .limitime .hd .extra .time .second {
    width: 37px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    float: left;
    height: 42px;
    background: url(../images/crazy-time.png) no-repeat left center;
}

.catetop-main .limitime .hd .extra .time .point {
    float: left;
    margin: 0 5px;
    font-size: 20px;
}

.catetop-main .limitime .limitime-list {
    margin-right: -10px;
}

.catetop-main .limitime .limitime-list li {
    width: 232px;
    margin-right: 10px;
    background: #fff;
    float: left;
}

.catetop-main .limitime .limitime-list .img {
    display: block;
    margin-bottom: 5px;
}

.catetop-main .limitime .limitime-list .img img {
    width: 232px;
    height: 232px;
}

.catetop-main .limitime .limitime-list .price {
    color: #f43434;
    font-size: 18px;
    margin: 0 10px;
}

.catetop-main .limitime .limitime-list .price del {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    margin-left: 8px;
}

.catetop-main .limitime .limitime-list .name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 10px 10px;
    font-size: 14px;
    color: #555;
}

.catetop-main .limitime .limitime-list .limitime-btn {
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #f43434;
    display: block;
    text-align: center;
    font-size: 14px;
    transition: all .2s;
}

.catetop-main .limitime .limitime-list .limitime-btn:hover {
    background: #ED2626;
}


/*atwillgo*/

.catetop-main .atwillgo {
    margin: 40px 0 0;
}

.catetop-main .atwillgo .awg-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-main .atwillgo .awg-hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-main .atwillgo-slide {
    position: relative;
}

.catetop-main .atwillgo-slide .bd {
    height: auto;
    overflow: hidden;
}

.catetop-main .atwillgo-slide .bd li {
    width: 158px;
    float: left;
    border: 1px dashed #D1D1D1;
    padding: 25px 20px 27px;
}

.catetop-main .atwillgo-slide .bd li .p-img img {
    width: 158px;
    height: 158px;
}

.catetop-main .atwillgo-slide .bd li .p-price {
    text-align: center;
    margin: 10px 0;
}

.catetop-main .atwillgo-slide .bd li .p-name {
    margin-bottom: 10px;
    font-size: 12px;
    height: 54px;
    overflow: hidden;
}

.catetop-main .atwillgo-slide .bd li .p-btn a {
    display: block;
    height: 28px;
    border: 1px solid #f43434;
    color: #f43434;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-main .atwillgo-slide .bd li .p-btn a:hover {
    background: #f43434;
    color: #fff;
}

.catetop-main .atwillgo-slide .hd {
    position: relative;
    height: 0;
}

.catetop-main .atwillgo-slide .hd ul {
    position: absolute;
    right: 0;
    top: -30px;
}

.catetop-main .atwillgo-slide .hd ul li {
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #9f9f9f;
    margin-right: 5px;
    transition: all .2s;
    cursor: pointer;
}

.catetop-main .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #f43434;
}

.catetop-main .atwillgo-slide .prev,
.catetop-main .atwillgo-slide .next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
}

.catetop-main .atwillgo-slide .prev {
    left: 0;
}

.catetop-main .atwillgo-slide .next {
    right: 0;
}

.catetop-main .atwillgo-slide .prev .iconfont,
.catetop-main .atwillgo-slide .next .iconfont {
    font-size: 20px;
    line-height: 70px;
}

.catetop-main .atwillgo-slide:hover .prev,
.catetop-main .atwillgo-slide:hover .next {
    display: block;
}

.catetop-main .atwillgo-slide .prev:hover,
.catetop-main .atwillgo-slide .next:hover {
    background: rgba(0, 0, 0, .5)
}


/*lift*/

.catetop-main .catetop-lift {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%) scale(1, 1);
    -moz-transform: translate(0, -50%) scale(1, 1);
    -ms-transform: translate(0, -50%) scale(1, 1);
    -o-transform: translate(0, -50%) scale(1, 1);
    -webkit-transform: translate(0, -50%) scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
}

.catetop-main .lift-hide {
    transform: translate(0, -50%) scale(0, 0);
    -moz-transform: translate(0, -50%) scale(0, 0);
    -ms-transform: translate(0, -50%) scale(0, 0);
    -o-transform: translate(0, -50%) scale(0, 0);
    -webkit-transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}

.catetop-main .catetop-lift-item {
    width: 40px;
    height: 50px;
    background: #A3A0A1;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    margin-bottom: 2px;
    position: relative;
    transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
}

.catetop-main .catetop-lift-item span {
    position: absolute;
    width: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.catetop-main .catetop-lift-item.lift-item-top {
    background: #6A6364;
    height: 30px;
}

.catetop-main .catetop-lift-item:hover,
.catetop-main .catetop-lift-item.lift-item-current {
    background: #f43434;
}

@media screen and (max-width: 1652px) {
    .catetop-main .catetop-lift {
        left: 15px;
    }
}


/*category-top common end*/


/*category-top-default start*/


/*tree*/

.catetop-default .nav .categorys {}

.catetop-default .nav .categorys .categorys-type {
    background-color: #333;
}

.catetop-default .nav .categorys .categorys-type a {
    padding: 0 10px;
    max-width: 212px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.catetop-default .nav .categorys .categorys-type a .iconfont {
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 8px 0 0;
}

.catetop-default .categorys-tab-content {
    background-color: #333;
    height: 45px;
    width: 1200px;
}

.catetop-default .categorys-tab-content .categorys-item {
    height: 45px;
    cursor: default;
    float: left;
    margin-left: 10px;
}

.catetop-default .categorys-tab-content .item-content {
    position: relative;
    line-height: 45px;
    height: 45px;
    padding: 0;
    margin: 0 10px;
    width: auto;
    z-index: 2;
    background: none;
}

.catetop-default .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-default .categorys-tab-content .item-content:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    top: 41px;
    transform: rotate(45deg);
    display: none;
}

.catetop-default .categorys-tab-content .categorys-item:hover .item-content:before {
    display: block;
}

.catetop-default .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-default .categorys-tab-content .iconfont {
    color: #6BBF33;
}

.catetop-default .categorys-tab-content .categorys-title {
    width: auto;
    margin-left: 0;
}

.catetop-default .categorys-tab-content .categorys-title strong a {}

.catetop-default .categorys-tab-content .categorys-item:hover .iconfont,
.catetop-default .categorys-tab-content .categorys-item:hover .categorys-title strong a,
.catetop-default .categorys-tab-content .categorys-item:hover .categorys-title span a {
    color: #fff;
}

.catetop-default .categorys-items-layer {
    width: 1200px;
    min-height: 54px;
    top: 45px;
    background-color: #fff;
    left: 0;
    overflow: hidden;
    border: 0 none;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.2);
}

.catetop-default .catetop-layer-con {
    padding: 20px 20px 0;
}

.catetop-default .catetop-layer-con .tit {
    font-size: 14px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    float: left;
    border-bottom: 1px solid #bebebe;
}

.catetop-default .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 15px;
}

.catetop-default .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-right: -40px;
    width: 100%;
    margin-left: 3px;
}

.catetop-default .catetop-layer-con .cate-list li {
    float: left;
    font-size: 14px;
    margin-right: 40px;
    word-break: break-all;
    overflow: hidden;
    height: 24px;
    margin-bottom: 10px;
}

.catetop-default .catetop-layer-con .cate-list li a {
    color: #8c8c8c;
}

.catetop-default .catetop-layer-con .cate-list li a:hover {
    color: #f43434;
}

.catetop-default .categorys-items-layer .cate-ad {
    float: left;
    width: 215px;
}

.catetop-default .catetop-tree-blank {
    height: 45px;
    background: #333;
}

.catetop-default .catetop-layer-con .brand-list {
    margin-top: 5px;
    overflow: hidden;
}

.catetop-default .catetop-layer-con .brand-list .brand-item {
    float: left;
    width: 118px;
    height: 58px;
    position: relative;
    text-align: center
}

.catetop-default .catetop-layer-con .brand-list .brand-item a {
    width: 118px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

.catetop-default .catetop-layer-con .brand-list .brand-item a img {
    max-width: 118px;
}


/*banner*/

.catetop-default .catetop-banner {
    height: 390px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-default .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-default .catetop-banner .banner-width a {
    display: block;
    height: 390px;
    width: 1920px;
    margin-left: -360px;
}

.catetop-default .catetop-banner .hd ul {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    margin: 0 auto;
    z-index: 1;
    height: 15px;
    padding: 0;
    background: none;
}

.catetop-default .catetop-banner .hd li {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 3px;
    cursor: pointer;
}

.catetop-default .catetop-banner .hd li.on {
    background: #fff;
}


/*limitime*/

.catetop-default .limitime .limitime-list li {
    width: 199px;
    padding: 20px;
    border: 1px solid #efefef;
    margin-right: -1px;
}

.catetop-default .limitime .limitime-list .img img {
    width: 199px;
    height: 199px;
}

.catetop-default .limitime .limitime-list .limitime-btn {
    height: 40px;
    line-height: 40px;
}


/*toprank*/

.catetop-default .toprank {
    margin: 30px 0;
}

.catetop-default .toprank .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-default .toprank .hd li {
    float: left;
    padding: 0 15px;
    position: relative;
    font-size: 21px;
    cursor: pointer;
}

.catetop-default .toprank .hd li:after {
    content: "";
    width: 0;
    height: 20px;
    position: absolute;
    right: 0;
    top: 14px;
    border-right: 1px solid #d2d2d2;
}

.catetop-default .toprank .hd li:last-child:after {
    display: none;
}

.catetop-default .toprank .hd li.on {
    color: #f43434;
}

.catetop-default .toprank .bd ul {
    height: 320px;
}

.catetop-default .toprank .bd li {
    width: 199px;
    padding: 20px;
    border: 1px solid #efefef;
    margin-right: -1px;
    background: #fff;
    float: left;
    position: relative;
}

.catetop-default .toprank .bd li:before {
    content: "";
    position: absolute;
    font-size: 70px;
    color: #f43434;
    top: 209px;
    left: 5px;
    font-family: 'Lucida Sans Unicode', sans-serif;
}

.catetop-default .toprank .bd li:nth-child(1):before {
    content: "1";
}

.catetop-default .toprank .bd li:nth-child(2):before {
    content: "2";
    opacity: .8;
    filter: alpha(opacity=80);
}

.catetop-default .toprank .bd li:nth-child(3):before {
    content: "3";
    opacity: .6;
    filter: alpha(opacity=60);
}

.catetop-default .toprank .bd li:nth-child(4):before {
    content: "4";
    opacity: .4;
    filter: alpha(opacity=40);
}

.catetop-default .toprank .bd li:nth-child(5):before {
    content: "5";
    opacity: .2;
    filter: alpha(opacity=20);
}

.catetop-default .toprank .bd li .p-name {
    margin: 10px 0 5px 40px;
    height: 36px;
    overflow: hidden;
}

.catetop-default .toprank .bd li .p-price {
    margin-left: 40px;
}


/*catetop-brand*/

.catetop-default .catetop-brand {
    margin: 30px 0;
}

.catetop-default .catetop-brand .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-default .catetop-brand .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-default .catetop-brand .bd ul {
    margin-right: -10px;
}

.catetop-default .catetop-brand .bd .brand-recommend li {
    width: 390px;
    float: left;
    margin: 0 10px 10px 0;
}

.catetop-default .catetop-brand .bd .brand-recommend li .cover {
    float: left;
    width: 200px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .cover img {
    width: 200px;
    height: 200px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info {
    float: right;
    width: 189px;
    height: 198px;
    position: relative;
    border: 1px solid #efefef;
    border-left-width: 0;
    text-align: center;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    left: -6px;
    top: 50%;
    margin-top: -6px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-logo {
    margin-top: 40px;
    margin-bottom: 40px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-logo img {
    width: 60px;
    height: 31px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-name {
    font-size: 14px;
    font-weight: 700;
    color: #f42424;
    margin-bottom: 5px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-name a {
    color: #f43434;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-intro {
    color: #8c8c8c;
}

.catetop-default .catetop-brand .bd .brand-recommend li.reverse .cover {
    float: right;
}

.catetop-default .catetop-brand .bd .brand-recommend li.reverse .info {
    float: left;
    border-left-width: 1px;
    border-right-width: 0;
}

.catetop-default .catetop-brand .bd .brand-recommend li.reverse .info:before {
    left: auto;
    right: -6px;
}

.catetop-default .catetop-brand .bd .brand-slide {
    height: 68px;
    border: 1px solid #efefef;
    position: relative;
    margin-top: 10px;
}

.catetop-default .catetop-brand .bd .brand-slide .prev,
.catetop-default .catetop-brand .bd .brand-slide .next {
    position: absolute;
    font-size: 20px;
    top: 50%;
    color: #999;
    margin-top: -13px;
}

.catetop-default .catetop-brand .bd .brand-slide .prev {
    left: 10px;
}

.catetop-default .catetop-brand .bd .brand-slide .next {
    right: 10px;
}

.catetop-default .catetop-brand .bd .brand-slide .bs-bd {
    margin: 20px 45px;
}

.catetop-default .catetop-brand .bd .brand-slide .bs-bd li {
    float: left;
    width: 110px;
    text-align: center;
    border-right: 1px dashed #efefef;
}

.catetop-default .catetop-brand .bd .brand-slide .bs-bd li img {
    height: 30px;
    width: auto;
}


/*floor*/

.catetop-default .catetop-floor {
    margin: 30px 0;
}

.catetop-default .catetop-floor .f-banner {
    overflow: hidden;
}

.catetop-default .catetop-floor .f-banner a {
    float: left;
    margin-top: 10px;
    margin-bottom: 34px;
}

.catetop-default .catetop-floor .f-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-default .catetop-floor .f-hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-default .catetop-floor .f-bd li {
    float: left;
}

.catetop-default .catetop-floor .f-bd .goods-item {
    margin: 0 -1px -1px 0;
    padding: 20px;
    width: 199px;
    border: 1px solid #efefef;
    height: 238px;
}

.catetop-default .catetop-floor .f-bd .goods-item .p-img {
    text-align: center;
}

.catetop-default .catetop-floor .f-bd .goods-item .p-img img {
    width: 167px;
    height: 167px;
}

.catetop-default .catetop-floor .f-bd .goods-item .p-name {
    font-size: 12px;
    height: 34px;
    margin: 10px 0 5px;
    overflow: hidden;
}

.catetop-default .catetop-floor .f-bd .first {
    margin-bottom: -1px;
}


/*category-top-default end*/


/*catogory-top-cloth start*/

.catetop-cloth .dsc-search .search-text {
    border-color: #FD5F8E;
}

.catetop-cloth .dsc-search .button {
    background-color: #FD5F8E;
}

.catetop-cloth .dsc-search .button-store {
    background-color: #BD1044;
}

.catetop-cloth .dsc-zoom {
    border-bottom-color: #EE356C;
}


/*tree*/

.catetop-cloth .nav .nav-main {
    width: 940px;
}

.catetop-cloth .nav .categorys {
    width: 250px;
}

.catetop-cloth .nav .categorys .categorys-type {
    background-color: #EE356C;
}

.catetop-cloth .categorys-tab-content {
    background-color: #FD5F8E;
    height: 450px;
}

.catetop-cloth .categorys-tab-content .categorys-item {
    height: 90px;
    cursor: default;
}

.catetop-cloth .categorys-tab-content .categorys-item:hover {
    background-color: #E02B61;
}

.catetop-cloth .categorys-tab-content .item-content {
    position: relative;
    padding: 14.5px 0;
    margin: 0 10px;
    width: 230px;
    background: none;
    border-bottom: 1px dashed #FE8FB0;
}

.catetop-cloth .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-cloth .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-cloth .categorys-tab-content .iconfont {
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 12px;
}

.catetop-cloth .categorys-tab-content .categorys-title {
    margin-left: 0;
    width: auto;
}

.catetop-cloth .categorys-tab-content .categorys-title strong {
    margin-bottom: 3px;
}

.catetop-cloth .categorys-tab-content .categorys-title strong a {
    font-weight: 700;
}

.catetop-cloth .categorys-tab-content .categorys-title span {
    margin-right: -10px;
}

.catetop-cloth .categorys-tab-content .categorys-title span a {
    color: #fff;
    font-size: 12px;
    display: block;
    float: left;
    height: 18px;
    width: 64px;
    word-break: break-all;
    overflow: hidden;
}

.catetop-cloth .categorys-tab-content .categorys-title span a:hover,
.catetop-cloth .categorys-tab-content .categorys-title strong a:hover {
    color: #fff;
}

.catetop-cloth .categorys-items-layer {
    border: 1px solid #E02B61;
    border-left: 0 none;
    width: 420px;
    min-height: 448px;
    left: 250px;
}

.catetop-cloth .catetop-layer-con {
    padding: 20px 20px 0;
}

.catetop-cloth .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 10px;
}

.catetop-cloth .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-bottom: 40px;
    width: 190px;
    float: left;
}

.catetop-cloth .catetop-layer-con .cate-list li {
    float: left;
    width: 46%;
    margin-right: 2%;
    word-break: break-all;
    overflow: hidden;
    height: 18px;
    margin-bottom: 10px;
}

.catetop-cloth .catetop-layer-con .cate-logo {
    overflow: hidden;
    margin-right: -20px;
    width: 210px;
    float: left;
}

.catetop-cloth .catetop-layer-con .cate-logo li {
    float: left;
    width: 90px;
    height: 45px;
    border: 1px solid #eaeaea;
    margin: 0 10px 10px 0;
    text-align: center;
    overflow: hidden;
}

.catetop-cloth .catetop-layer-con .cate-logo li a {
    width: 90px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
}

.catetop-cloth .catetop-layer-con .cate-logo li img {
    max-width: 90px;
    max-height: 45px;
}


/*banner*/

.catetop-cloth .catetop-banner {
    height: 450px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-cloth .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-cloth .catetop-banner .banner-width a {
    display: block;
    height: 450px;
    width: 950px;
    margin-left: 250px;
}

.catetop-cloth .catetop-banner .cloth-hd {
    position: relative;
    top: -5px;
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
}

.catetop-cloth .catetop-banner .cloth-hd li {
    float: left;
    width: 189px;
    height: 5px;
    background: #555;
    margin-left: 1px;
    cursor: pointer;
}

.catetop-cloth .catetop-banner .cloth-hd li.on {
    background: #FC5F8D;
}

.catetop-cloth .catetop-banner .cloth-hd li:first-child {
    margin-left: 251px;
}


/*limitime*/

.catetop-cloth .limitime .limitime-list .limitime-btn {
    background: #FC5F8D;
}

.catetop-cloth .limitime .limitime-list .limitime-btn:hover {
    background: #ED386B;
}


/*selectbrand*/

.catetop-cloth .selectbrand {
    margin: 30px 0;
}

.catetop-cloth .selectbrand .sb-hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-cloth .selectbrand .sb-hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-cloth .selectbrand-slide {
    position: relative;
}

.catetop-cloth .selectbrand-slide .bd {
    height: 371px;
    overflow: hidden;
}

.catetop-cloth .selectbrand-slide .bd li {
    width: 232px;
    margin-right: 10px;
    background: #f7f7f7;
    float: left;
}

.catetop-cloth .selectbrand-slide .bd .cover {
    width: 232px;
    height: 232px;
}

.catetop-cloth .selectbrand-slide .bd .logo-wrap {
    height: 80px;
    text-align: center;
    width: 80px;
    margin: -20px auto 20px;
}

.catetop-cloth .selectbrand-slide .bd .sbs-logo {
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    position: relative;
}

.catetop-cloth .selectbrand-slide .bd .sbs-logo img {
    max-width: 80%;
    height: auto;
}

.catetop-cloth .selectbrand-slide .bd .intro {
    text-align: center;
    padding-bottom: 20px;
}

.catetop-cloth .selectbrand-slide .bd .intro span {
    display: block;
    font-size: 14px;
    color: #555
}

.catetop-cloth .selectbrand-slide .bd .intro em {
    display: block;
    color: #8c8c8c;
}

.catetop-cloth .selectbrand-slide .hd {
    position: relative;
    height: 0;
}

.catetop-cloth .selectbrand-slide .hd ul {
    position: absolute;
    right: 0;
    top: -30px;
}

.catetop-cloth .selectbrand-slide .hd ul li {
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #9F9F9F;
    margin-right: 5px;
    transition: all .2s;
}

.catetop-cloth .selectbrand-slide .hd ul li.on {
    width: 20px;
    background: #FC5F8D;
}

.catetop-cloth .selectbrand-slide .prev,
.catetop-cloth .selectbrand-slide .next {
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
}

.catetop-cloth .selectbrand-slide .prev {
    left: 0;
}

.catetop-cloth .selectbrand-slide .next {
    right: 0;
}

.catetop-cloth .selectbrand-slide .prev .iconfont,
.catetop-cloth .selectbrand-slide .next .iconfont {
    font-size: 20px;
    line-height: 70px;
}

.catetop-cloth .selectbrand-slide:hover .prev,
.catetop-cloth .selectbrand-slide:hover .next {
    display: block;
}

.catetop-cloth .selectbrand-slide .prev:hover,
.catetop-cloth .selectbrand-slide .next:hover {
    background: rgba(0, 0, 0, .5)
}


/*floor*/

.catetop-cloth .catetop-floor {
    margin: 30px 0;
}

.catetop-cloth .catetop-floor .f-hd {
    height: 50px;
}

.catetop-cloth .catetop-floor .f-hd h2 {
    font-size: 21px;
    line-height: 50px;
    float: left;
}

.catetop-cloth .catetop-floor .f-hd h3 {
    font-size: 14px;
    height: 50px;
    line-height: 63px;
    color: #8c8c8c;
    overflow: hidden;
    float: left;
    margin-left: 10px;
}

.catetop-cloth .catetop-floor .f-hd .extra {
    height: 50px;
    float: right;
    overflow: hidden;
}

.catetop-cloth .catetop-floor .f-hd .extra .fgoods-hd {
    margin-top: 10px;
}

.catetop-cloth .catetop-floor .f-hd .extra .fgoods-hd li {
    min-width: 48px;
    height: 28px;
    border: 1px solid #d1d1d1;
    border-radius: 15px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    float: left;
    margin-left: 15px;
    padding: 0 10px;
}

.catetop-cloth .catetop-floor .f-hd .extra .fgoods-hd li.on {
    color: #fc5f8d;
    border-color: #FC5F8D;
}

.catetop-cloth .catetop-floor .f-bd {}

.catetop-cloth .catetop-floor .f-bd .bd-left {
    width: 400px;
    height: 660px;
    float: left;
}

.catetop-cloth .catetop-floor .f-bd .bd-left .l-ad img {
    width: 400px;
    height: 660px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right {
    float: left;
    width: 800px;
    height: 660px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-top {
    height: 170px;
    border: 1px solid #ededed;
    border-left: 0 none;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-top .rt-ad {
    float: left;
    height: 170px;
    width: 399px;
    border-right: 1px solid #ededed;
    overflow: hidden;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-top .rt-ad:last-child {
    border-right: 0 none;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom {
    height: 488px;
    overflow: hidden;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list {
    margin-right: -4px;
    height: 488px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list li {
    float: left;
    width: 159px;
    height: 203px;
    padding: 20px;
    border: 1px solid #ededed;
    font-size: 14px;
    text-align: center;
    margin: -1px 0 0 -1px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list .p-img img {
    width: 159px;
    height: 159px;
    margin-bottom: 8px;
}

.catetop-cloth .catetop-floor .f-bd .bd-right .right-bottom .fgoods-list .p-name {
    margin-bottom: 5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-cloth .catetop-floor .f-bd .brands {
    width: 100%;
    height: 70px;
}

.catetop-cloth .catetop-floor .f-bd .brands li {
    width: 120px;
    height: 70px;
    text-align: center;
    float: left;
    position: relative;
}

.catetop-cloth .catetop-floor .f-bd .brands li a {
    display: table-cell;
    width: 120px;
    height: 70px;
    vertical-align: middle;
}

.catetop-cloth .catetop-floor .f-bd .brands li img {
    max-width: 80%;
    height: auto;
}


/*atwillgo*/

.catetop-cloth .atwillgo-slide .bd li .p-btn a {
    display: block;
    height: 28px;
    border: 1px solid #FC5F8D;
    color: #FC5F8D;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-cloth .atwillgo-slide .bd li .p-btn a:hover {
    background: #FC5F8D;
    color: #fff;
}

.catetop-cloth .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #FC5F8D;
}


/*lift*/

.catetop-cloth .catetop-lift-item:hover,
.catetop-cloth .catetop-lift-item.lift-item-current {
    background: #FC5F8D;
}


/*catogory-top-cloth end*/


/*catogory-top-food start*/

.catetop-food .dsc-search .search-text {
    border-color: #6CC133;
}

.catetop-food .dsc-search .button {
    background-color: #6CC133;
}

.catetop-food .dsc-search .button-store {
    background-color: #327C00;
}

.catetop-food .dsc-zoom {
    border-bottom-color: #6CC133;
}


/*tree*/

.catetop-food .nav .categorys {
    width: 216px;
}

.catetop-food .nav .categorys .categorys-type {
    background-color: #6CC133;
}

.catetop-food .categorys-tab-content {
    background-color: #fff;
    height: 420px;
}

.catetop-food .categorys-tab-content .categorys-item {
    height: 60px;
    cursor: default;
}

.catetop-food .categorys-tab-content .categorys-item:hover {
    background-color: #44A811;
}

.catetop-food .categorys-tab-content .item-content {
    position: relative;
    padding: 8.5px 0;
    margin: 0 10px;
    width: 196px;
    background: none;
    border-bottom: 1px dashed #d2d2d2;
    z-index: 2;
}

.catetop-food .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-food .categorys-tab-content .item-content:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #44A811;
    right: -15px;
    top: 25px;
    transform: rotate(45deg);
    display: none;
}

.catetop-food .categorys-tab-content .categorys-item:hover .item-content:before {
    display: block;
}

.catetop-food .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-food .categorys-tab-content .iconfont {
    color: #6BBF33;
}

.catetop-food .categorys-tab-content .categorys-title {
    width: 170px;
}

.catetop-food .categorys-tab-content .categorys-title strong {
    margin-bottom: 3px;
}

.catetop-food .categorys-tab-content .categorys-title strong a {
    font-weight: 700;
    color: #555;
}

.catetop-food .categorys-tab-content .categorys-title span {
    margin-right: -10px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-food .categorys-tab-content .categorys-title span a {
    color: #555;
    font-size: 12px;
    float: left;
    height: 18px;
    word-break: break-all;
    overflow: hidden;
    max-width: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-food .categorys-tab-content .categorys-title span a:last-child {
    margin-right: 0;
}

.catetop-food .categorys-tab-content .categorys-title span a:hover,
.catetop-food .categorys-tab-content .categorys-title strong a:hover {
    color: #fff;
}

.catetop-food .categorys-tab-content .categorys-item:hover .iconfont,
.catetop-food .categorys-tab-content .categorys-item:hover .categorys-title strong a,
.catetop-food .categorys-tab-content .categorys-item:hover .categorys-title span a {
    color: #fff;
}

.catetop-food .categorys-items-layer {
    width: 230px;
    min-height: 398px;
    top: 10px;
    background-color: rgba(255, 255, 255, .9);
    left: 216px;
    box-shadow: 0 0 0 0 transparent;
}

.catetop-food .catetop-layer-con {
    padding: 20px 20px 0;
}

.catetop-food .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 10px;
}

.catetop-food .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-bottom: 40px;
    margin-left: 23px;
    height: 220px;
}

.catetop-food .catetop-layer-con .cate-list li {
    float: left;
    width: 46%;
    margin-right: 2%;
    word-break: break-all;
    overflow: hidden;
    height: 18px;
    margin-bottom: 10px;
}

.catetop-food .catetop-layer-con .cate-ad {
    margin-left: -10px;
}


/*banner*/

.catetop-food .catetop-banner {
    height: 420px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-food .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-food .catetop-banner .banner-width a {
    display: block;
    height: 420px;
    width: 1920px;
    margin-left: -360px;
}

.catetop-food .catetop-banner .food-hd {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    margin: 0 auto;
    z-index: 1;
    height: 15px;
}

.catetop-food .catetop-banner .food-hd li {
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .8);
    margin: 0 3px;
    cursor: pointer;
    font-size: 0;
}

.catetop-food .catetop-banner .food-hd li.on {
    background: #fff;
}

.catetop-food .catetop-banner .banner-ad {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    z-index: 3;
}

.catetop-food .catetop-banner .banner-ad .w {
    position: relative;
}

.catetop-food .catetop-banner .banner-ad .list {
    position: absolute;
    right: 0;
    width: 180px;
}


/*bestad*/

.catetop-food .bestad {
    margin: 40px 0 30px;
}

.catetop-food .bestad .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-food .bestad .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-food .bestad .bd {
    margin-right: -10px;
}

.catetop-food .bestad .bd a {
    float: left;
}

.catetop-food .bestad .bd img {
    width: 240px;
    height: 350px;
}


/*catetop-floor*/

.catetop-food .catetop-floor {
    margin: 30px 0;
}

.catetop-food .catetop-floor .f-hd {
    height: 50px;
    border-bottom: 2px solid #6CC133;
    margin-bottom: 20px;
}

.catetop-food .catetop-floor .f-hd h2 {
    font-size: 21px;
    line-height: 50px;
    float: left;
}

.catetop-food .catetop-floor .f-hd .extra {
    height: 50px;
    float: right;
}

.catetop-food .catetop-floor .f-hd .extra .fgoods-hd {
    margin-top: 10px;
    font-size: 14px;
}

.catetop-food .catetop-floor .f-hd .extra .fgoods-hd li {
    padding: 0 20px;
    height: 38px;
    border: 1px solid #f8f8f8;
    line-height: 38px;
    background: #fff;
    cursor: pointer;
    float: left;
    margin-left: 8px;
}

.catetop-food .catetop-floor .f-hd .extra .fgoods-hd li.on {
    color: #6CC133;
    padding: 0 19px;
    line-height: 36px;
    border: 2px solid #6CC133;
    border-bottom-color: #fff;
}

.catetop-food .catetop-floor .f-bd .bd-left {
    float: left;
    width: 580px;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide {
    width: 580px;
    height: 440px;
    position: relative;
    overflow: hidden;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-bd li {
    height: 440px;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-hd {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-hd li {
    float: left;
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    margin: 0 3px;
    cursor: pointer;
}

.catetop-food .catetop-floor .f-bd .bd-left .l-slide .l-hd li.on {
    background: #fff;
}

.catetop-food .catetop-floor .f-bd .bd-right {
    float: left;
    width: 600px;
    margin-left: 20px;
    margin-top: -17px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list li {
    float: left;
    width: 200px;
    font-size: 14px;
    margin-top: 17px;
    position: relative;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-img {
    text-align: center;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-img img {
    width: 160px;
    height: 160px;
    margin-bottom: 8px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-name {
    width: 160px;
    margin: 0 auto 3px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-price {
    width: 160px;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-btn {
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #6CC133;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: none;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list .p-btn .iconfont {
    margin-right: 5px;
}

.catetop-food .catetop-floor .f-bd .bd-right .fgoods-list li:hover .p-btn {
    display: block;
}

.catetop-food .catetop-floor .f-bd .brands {
    display: table;
    width: 100%;
    height: 70px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.catetop-food .catetop-floor .f-bd .brands li {
    width: 120px;
    height: 70px;
    text-align: center;
    float: left;
}

.catetop-food .catetop-floor .f-bd .brands li a {
    display: table-cell;
    width: 120px;
    height: 70px;
    vertical-align: middle;
}

.catetop-food .catetop-floor .f-bd .brands li img {
    max-width: 120px;
    height: auto;
}

.catetop-food .catetop-floor .f-bd .f-banner img {
    max-width: 100%;
    height: auto;
}


/*atwillgo*/

.catetop-food .catetop-main .atwillgo-slide .bd li .p-btn a {
    display: block;
    height: 28px;
    border: 1px solid #6CC133;
    color: #6CC133;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-food .catetop-main .atwillgo-slide .bd li .p-btn a:hover {
    background: #6CC133;
    color: #fff;
}

.catetop-food .catetop-main .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #6CC133;
}


/*lift*/

.catetop-food .catetop-main .catetop-lift-item {
    margin-bottom: -1px;
    border: 1px solid #6CC133;
    background: #fff;
    color: #555;
    width: 45px;
}

.catetop-food .catetop-main .catetop-lift-item.lift-item-top {
    background: #B5E099;
    color: #fff;
    border: 0 none;
    margin-top: 1px;
    width: 47px;
}

.catetop-food .catetop-main .catetop-lift-item:hover,
.catetop-food .catetop-main .catetop-lift-item.lift-item-current {
    background: #6CC133;
    color: #fff;
}


/*catogory-top-food start*/


/*catogory-top-jiadian start*/

.catetop-jiadian .dsc-search .search-text {
    border-color: #2984EB;
}

.catetop-jiadian .dsc-search .button {
    background-color: #2984EB;
}

.catetop-jiadian .dsc-search .button-store {
    background-color: #434D55;
}

.catetop-jiadian .dsc-zoom {
    border-bottom: 0 none;
}


/*tree*/

.catetop-jiadian .nav .categorys {
    width: 200px;
}

.catetop-jiadian .nav .categorys .categorys-type {
    background-color: #027BD6;
    padding-bottom: 0;
}

.catetop-jiadian .categorys-tab-content {
    background-color: #2984EB;
    height: 400px;
}

.catetop-jiadian .categorys-tab-content .categorys-item {
    height: 80px;
    cursor: default;
}

.catetop-jiadian .categorys-tab-content .categorys-item:hover {
    background-color: #006BBC;
}

.catetop-jiadian .categorys-tab-content .item-content {
    position: relative;
    padding: 18.5px 0;
    margin: 0 10px;
    width: 180px;
    background: none;
    border-bottom: 1px dashed #4B94E6;
    z-index: 2;
}

.catetop-jiadian .categorys-tab-content .categorys-item:last-child .item-content {
    border-bottom: 0 none;
}

.catetop-jiadian .categorys-tab-content .item-content:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #006BBC;
    right: -15px;
    top: 25px;
    transform: rotate(45deg);
    display: none;
}

.catetop-jiadian .categorys-tab-content .categorys-item:hover .item-content:before {
    display: block;
}

.catetop-jiadian .categorys-tab-content .item-content:hover {
    background-color: transparent;
}

.catetop-jiadian .categorys-tab-content .iconfont {
    color: #6BBF33;
}

.catetop-jiadian .categorys-tab-content .categorys-title {
    width: 154px;
}

.catetop-jiadian .categorys-tab-content .categorys-title strong {
    margin-bottom: 3px;
}

.catetop-jiadian .categorys-tab-content .categorys-title strong a {
    font-weight: 700;
}

.catetop-jiadian .categorys-tab-content .categorys-title span {
    margin-right: -10px;
    height: 18px;
    display: block;
    overflow: hidden;
}

.catetop-jiadian .categorys-tab-content .categorys-title span a {
    color: #fff;
    font-size: 12px;
    float: left;
    height: 18px;
    word-break: break-all;
    overflow: hidden;
}

.catetop-jiadian .categorys-tab-content .categorys-item:hover .iconfont,
.catetop-jiadian .categorys-tab-content .categorys-item:hover .categorys-title strong a,
.catetop-jiadian .categorys-tab-content .categorys-item:hover .categorys-title span a {
    color: #fff;
}

.catetop-jiadian .categorys-items-layer {
    width: 445px;
    min-height: 378px;
    top: 10px;
    background-color: #fff;
    left: 200px;
    box-shadow: 0 0 0 0 transparent;
    overflow: hidden;
    border: 0 none;
}

.catetop-jiadian .catetop-layer-con {
    padding: 20px 20px 0;
    width: 190px;
    float: left;
}

.catetop-jiadian .catetop-layer-con h3 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eaeaea;
    margin-bottom: 15px;
}

.catetop-jiadian .catetop-layer-con .cate-list {
    overflow: hidden;
    margin-right: -10px;
    height: 310px;
}

.catetop-jiadian .catetop-layer-con .cate-list li {
    float: left;
    width: 90px;
    margin-right: 10px;
    word-break: break-all;
    overflow: hidden;
    height: 24px;
    margin-bottom: 10px;
}

.catetop-jiadian .catetop-layer-con .cate-list li a {
    display: block;
    background: #F8F8F8;
    text-align: center;
    line-height: 2;
}

.catetop-jiadian .catetop-layer-con .cate-list li a:hover {
    background: #434D55;
    color: #fff;
}

.catetop-jiadian .categorys-items-layer .cate-ad {
    float: left;
    width: 215px;
}


/*banner*/

.catetop-jiadian .catetop-banner {
    height: 400px;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
}

.catetop-jiadian .catetop-banner .banner-width {
    width: 1200px;
    margin: 0 auto;
}

.catetop-jiadian .catetop-banner .banner-width a {
    display: block;
    height: 400px;
    width: 1920px;
    margin-left: -360px;
}


/*.catetop-jiadian .catetop-banner .hd{ position: absolute; bottom: 12px; left: 50%; transform: translate(-50%,0); background-color: #F2F8FB; width: auto; margin: 0 auto; z-index: 1; height: 35px;}
.catetop-jiadian .catetop-banner .hd li{ float: left; width: 117px; height: 35px; line-height: 35px; cursor: pointer; position: relative;}
.catetop-jiadian .catetop-banner .hd li:after{content: ""; position: absolute; height: 12px; width: 0; border-right: 1px solid #CECECE; top: 11px; right: 0;}
.catetop-jiadian .catetop-banner .hd li:last-child:after{ border-right: 0 none; }
.catetop-jiadian .catetop-banner .hd li.on{ color: #2E84E9; }
.catetop-jiadian .catetop-banner .hd li.on:before{ content: "";position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-top: 2px solid #2e84e9; }*/

.catetop-jiadian .catetop-banner .banner-ad {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    z-index: 3;
}

.catetop-jiadian .catetop-banner .banner-ad .w {
    position: relative;
}

.catetop-jiadian .catetop-banner .banner-ad a {
    position: absolute;
    right: 0;
    width: 222px;
    top: 44px;
}


/*hotrecommend*/

.catetop-jiadian .hotrecommend {
    margin: 40px 0 30px;
}

.catetop-jiadian .hotrecommend .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
    border-bottom: 2px solid #434D55;
    padding-bottom: 5px;
}

.catetop-jiadian .hotrecommend .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-jiadian .hotrecommend .hd .extra {
    float: right;
    height: 42px;
}

.catetop-jiadian .hotrecommend .hd .extra .hr-slide-hd ul {
    overflow: hidden;
    margin-top: 11px;
}

.catetop-jiadian .hotrecommend .hd .extra .hr-slide-hd li {
    float: left;
    font-size: 14px;
    padding: 3px 15px;
    cursor: pointer;
    border-right: 1px solid #ededed;
    line-height: 1.2;
}

.catetop-jiadian .hotrecommend .hd .extra .hr-slide-hd li.on {
    color: #006BBC;
    font-weight: 700;
}

.catetop-jiadian .hotrecommend .bd {
    margin-right: -10px;
    height: 295px;
    overflow: hidden;
}

.catetop-jiadian .hotrecommend .bd li {
    float: left;
    padding: 20px 20px 0;
    width: 159px;
    border: 1px solid #ededed;
    margin-right: -1px;
    text-align: center;
}

.catetop-jiadian .hotrecommend .bd li .p-img img {
    margin-bottom: 5px;
}

.catetop-jiadian .hotrecommend .bd li .p-price {
    font-size: 16px;
}

.catetop-jiadian .hotrecommend .bd li .p-name {
    overflow: hidden;
    height: 38px;
    margin: 5px 0 10px;
}

.catetop-jiadian .hotrecommend .bd li .p-name a {
    display: block;
    height: 38px;
    overflow: hidden;
}

.catetop-jiadian .hotrecommend .bd li .p-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #f43434;
    visibility: hidden;
    margin: 0 -20px;
}

.catetop-jiadian .hotrecommend .bd li:hover .p-btn {
    visibility: visible;
}


/*catetop-brand*/

.catetop-jiadian .catetop-brand {
    margin: 30px 0;
}

.catetop-jiadian .catetop-brand .hd {
    height: 42px;
    line-height: 42px;
    margin-bottom: 12px;
}

.catetop-jiadian .catetop-brand .hd h2 {
    float: left;
    font-size: 21px;
}

.catetop-jiadian .catetop-brand .cb-l,
.catetop-jiadian .catetop-brand .cb-m,
.catetop-jiadian .catetop-brand .cb-r {
    float: left;
    height: 300px;
}

.catetop-jiadian .catetop-brand .cb-l {
    width: 350px;
}

.catetop-jiadian .catetop-brand .cb-m {
    width: 400px;
}

.catetop-jiadian .catetop-brand .cb-r {
    width: 450px;
}

.catetop-jiadian .catetop-brand .cb-r li {
    float: left;
    border: 1px solid #ededed;
    width: 148px;
    height: 74px;
    margin: 0 -1px -1px 0;
    text-align: center;
}

.catetop-jiadian .catetop-brand .cb-r li a {
    width: 148px;
    height: 74px;
    display: table-cell;
    vertical-align: middle;
}

.catetop-jiadian .catetop-brand .cb-r li img {
    max-width: 148px;
    max-height: 74px;
}


/*catetop-floor*/

.catetop-jiadian .catetop-floor {
    margin: 30px 0;
}

.catetop-jiadian .catetop-floor .f-hd {
    height: 50px;
    border-bottom: 1px solid #2E84E9;
    margin-bottom: 20px;
}

.catetop-jiadian .catetop-floor .f-hd h2 {
    font-size: 21px;
    line-height: 50px;
    float: left;
}

.catetop-jiadian .catetop-floor .f-hd .extra {
    height: 50px;
    float: right;
}

.catetop-jiadian .catetop-floor .f-hd .extra .fgoods-hd {
    margin-top: 10px;
    font-size: 14px;
}

.catetop-jiadian .catetop-floor .f-hd .extra .fgoods-hd li {
    padding: 0 20px;
    height: 38px;
    border: 1px solid #f8f8f8;
    line-height: 38px;
    background: #fff;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    font-size: 12px;
}

.catetop-jiadian .catetop-floor .f-hd .extra .fgoods-hd li.on {
    color: #2E84E9;
    height: 39px;
    border: 1px solid #2E84E9;
    border-bottom-color: #fff;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left {
    float: left;
    width: 280px;
    position: relative;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-ad {
    width: 280px;
    height: 460px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-menu {
    position: absolute;
    width: 200px;
    top: 330px;
    left: 46px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-menu a {
    float: left;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 10px 0;
    opacity: .7;
    filter: alpha(opacity=70);
    background: rgba(0, 0, 0, .4);
    color: #fff;
    transition: all .2s;
}

.catetop-jiadian .catetop-floor .f-bd .bd-left .l-menu a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.catetop-jiadian .catetop-floor .f-bd .bd-right {
    float: left;
    width: 920px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li {
    float: left;
    width: 168px;
    font-size: 14px;
    text-align: center;
    margin: 0 -1px -1px 0;
    position: relative;
    padding: 14px;
    border: 1px solid #ededed;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-img {
    text-align: center;
    width: 143px;
    height: 143px;
    margin: 0 auto;
    position: relative;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-img a {
    display: table-cell;
    vertical-align: middle;
    width: 143px;
    height: 143px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-img img {
    width: 143px;
    height: 143px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-name {
    margin: 11px 0 5.5px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list .p-price {
    text-align: center;
    font-size: 14px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first {
    width: 280px;
    padding: 24px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img {
    width: 280px;
    height: 280px;
    position: relative;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img a {
    display: table-cell;
    vertical-align: middle;
    width: 280px;
    height: 280px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-img img {
    width: 100%;
    height: 100%;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .p-info {
    background: #F5F9FF;
    padding: 14px 14px;
    margin-top: 20px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-name {
    font-size: 12px;
    text-align: left;
    height: 36px;
    overflow: hidden;
    margin-bottom: 10px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle {
    overflow: hidden;
    height: 36px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-price {
    float: left;
    color: #f43434;
    font-size: 21px;
    width: 140px;
    text-align: left;
    overflow: hidden;
    height: 36px;
}

.catetop-jiadian .catetop-floor .f-bd .bd-right .fgoods-list li.first .info-handle .info-btn {
    float: right;
    background: #f43434;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 110px;
}

.catetop-jiadian .catetop-floor .f-bd .brands {
    width: 100%;
    height: 70px;
}

.catetop-jiadian .catetop-floor .f-bd .brands li {
    width: 120px;
    height: 70px;
    text-align: center;
    float: left;
    vertical-align: middle;
}

.catetop-jiadian .catetop-floor .f-bd .brands li a {
    display: table-cell;
    width: 120px;
    height: 70px;
    vertical-align: middle;
}

.catetop-jiadian .catetop-floor .f-bd .brands li img {
    max-width: 80%;
    height: auto;
}

.catetop-jiadian .catetop-floor .f-bd .f-banner img {
    max-width: 100%;
    height: auto;
}


/*lift*/

.catetop-jiadian .catetop-main .catetop-lift-item {
    background: #E9E9E9;
    color: #555;
    width: 45px;
}

.catetop-jiadian .catetop-main .catetop-lift-item.catetop-lift-top {
    background: #C8C8C8;
    color: #fff;
}

.catetop-jiadian .catetop-main .catetop-lift-item.catetop-lift-top .iconfont {
    font-size: 21px;
}

.catetop-jiadian .catetop-main .catetop-lift-item:hover,
.catetop-jiadian .catetop-main .catetop-lift-item.lift-item-current {
    background: #2984EB;
    color: #fff;
}


/*catogory-top-jiadian start*/


/*feedback start*/

.feedback-main {
    background: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 40px;
}

.feedback-main .feedback-title {
    text-align: center;
    font-size: 21px;
    color: #8c8c8c;
    font-weight: 700;
    margin-bottom: 40px;
}

.feedback-tip {
    margin-bottom: 30px;
}

.feedback-tip .avatar {
    float: left;
    width: 80px;
}

.feedback-tip .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.feedback-tip .avatar p {
    font-size: 14px;
    margin-top: 5px;
}

.feedback-tip .message {
    float: left;
    width: 850px;
    background: #fff;
    padding: 28px 45px;
    border-radius: 10px;
    margin-left: 55px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 2;
    position: relative;
}

.feedback-tip .message:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    left: -9.14px;
    top: 30px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.feedback-tip-two .message:before {
    left: 10px;
}

.feedback-tip-two .message:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    right: -9.14px;
    top: 30px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.feedback-write .avatar,
.feedback-tip-two .avatar {
    float: right;
    width: 80px;
}

.feedback-write .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.feedback-write .avatar p {
    font-size: 14px;
    margin-top: 5px;
}

.feedback-write .message {
    float: right;
    width: 850px;
    background: #fff;
    padding: 28px 45px;
    border-radius: 10px;
    margin-right: 55px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 2;
    position: relative;
}

.feedback-write .message:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    right: -9.14px;
    top: 30px;
    transform: rotate(45deg);
}

.feedback-write .message .feedback-form .form-row {
    margin-bottom: 20px;
}

.feedback-write .message .feedback-form .ff-hd {
    font-weight: 700;
    font-size: 14px;
    color: #555;
    margin: 0 0 10px;
}

.feedback-write .message .feedback-form .radio-item .ui-radio-label {
    margin-right: 40px;
}

.feedback-write .message .feedback-form .imitate_select {
    height: 38px;
    line-height: 38px;
    width: 198px;
}

.feedback-write .message .feedback-form .imitate_select .cite span {
    font-size: 14px;
    color: #d2d2d2;
}

.feedback-write .message .feedback-form .imitate_select .iconfont {
    margin-top: 14px;
}

.feedback-write .message .feedback-form .imitate_select ul {
    top: 38px;
}

.feedback-write .message .feedback-form .imitate_select ul li {
    font-size: 14px;
}

.feedback-write .message .feedback-form .textarea {
    width: 630px;
}

.feedback-write .message .feedback-form .text {
    height: 38px;
    line-height: 38px;
    float: left;
}

.feedback-write .message .feedback-form .sc-btn {
    height: 40px;
    line-height: 40px;
    width: 120px;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
}

.feedback-write .message .feedback-form .captcha_input .text {
    height: 28px;
    line-height: 28px;
    margin-right: 0;
}

.feedback-write .message .feedback-form .form_prompt {
    line-height: 40px;
}

.message .item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.message .item {
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdcdc;
}

.message .item:last-child {
    margin-bottom: 10px;
}

.message .item .item-l {
    margin-bottom: 10px;
    overflow: hidden;
}

.message .item .item-l h2 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
    float: left;
}

.message .item .item-l .time {
    float: right;
}

.message .item .item-r {
    width: 848px;
    float: left;
}

.message .item .item-r .content-item-tit {
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 6px;
}

.message .item .item-r .content-item-tit .tit {
    color: #666;
    line-height: 28px;
}

.message .item .item-r .content-item-tit .ftx-10 {
    color: #999;
}

.message .item .item-r .content-item-tit a {
    color: #4f71c6;
}

.message .item .item-r .hf {
    overflow: hidden;
    margin: 0 0 15px;
    color: #ff0000;
    font-size: 14px;
}

.message .item .item-r .hf h3 {
    float: left;
    color: #999;
}

.message .item .item-r .msg_content {
    float: left;
}


/*feedback end*/


/*article start*/

.logoText {
    float: left;
    font-size: 20px;
    color: #8c8c8c;
    line-height: 100px;
}


/*rewrite*/

.article-page .header {
    padding-bottom: 0;
}

.article-page .dsc-search {
    float: right;
    width: auto;
}

.article-page .dsc-search .search-text {
    border-width: 1px;
    height: 16px;
}

.article-page .dsc-search .button {
    width: 50px;
}

.article-page .dsc-search .button .iconfont {
    position: static;
    color: #fff;
    line-height: inherit;
    font-size: 21px;
    font-weight: 100;
}


/*content*/

.article-content {
    background: #f8f8f8;
}


/*side*/

.article-side {
    float: left;
    width: 230px;
    margin-right: 20px;
}

.article-side .article-menu {
    background: #fff;
    margin-bottom: 10px;
}

.article-side .article-menu .am-t a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #333333;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.article-side .article-menu .am-c .menu-item .item-hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    padding: 0 20px;
    position: relative;
}

.article-side .article-menu .am-c .menu-item .item-hd a {
    font-size: 14px;
    font-weight: 700;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.article-side .article-menu .am-c .menu-item .item-hd .iconfont {
    position: absolute;
    right: 20px;
    top: 12px;
    color: #8c8c8c;
    cursor: pointer;
    width: 16px;
    height: 17px;
    line-height: 17px;
}

.article-side .article-menu .am-c .menu-item .item-bd {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.article-side .article-menu .am-c .menu-item .item-bd li {
    display: block;
    line-height: 35px;
    padding-left: 40px;
    position: relative;
    font-size: 14px;
}

.article-side .article-menu .am-c .menu-item .item-bd li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border: 1px solid #666;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(-45deg);
    left: 24px;
    top: 16px;
}

.article-side .article-menu .am-c .menu-item .item-bd a {
    color: #555;
    display: block;
}

.article-side .article-menu .am-c .menu-item .item-bd a:hover,
.article-side .article-menu .am-c .menu-item .item-bd a.current {
    color: #f43434;
}

.article-side .side-goods {
    position: relative;
    padding: 20px;
    background: #fff;
    margin-bottom: 10px;
}

.article-side .side-goods .prev,
.article-side .side-goods .next {
    content: "";
    text-align: center;
    height: 70px;
    width: 30px;
    margin-top: -35px;
    line-height: 70px;
    position: absolute;
    top: 50%;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    z-index: 3;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s;
}

.article-side .side-goods .prev {
    left: 0;
}

.article-side .side-goods .next {
    right: 0;
}

.article-side .side-goods:hover .prev,
.article-side .side-goods:hover .next {
    opacity: .5;
    filter: alpha(opacity=50);
}

.article-side .side-goods .prev:hover,
.article-side .side-goods .next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.article-side .side-goods .p-name {
    margin: 10px 0 5px;
    height: 42px;
    overflow: hidden;
}

.article-side .side-goods .p-name a {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 20px;
}

.article-side .side-goods .p-name a:hover {
    color: #f42424;
}

.article-side .side-goods .p-price {
    text-align: center;
    color: #555;
}


/*main*/

.article-main {
    float: left;
    width: 910px;
    background: #fff;
    padding: 26px 20px 0;
}

.article-main .am-hd {
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px;
}

.article-main .am-hd h2 {
    float: left;
    font-size: 21px;
    padding-left: 20px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-main .am-hd .extra {
    float: right;
    color: #8c8c8c;
}

.article-main .am-hd .extra span {
    max-width: 200px;
    overflow: hidden;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-main .am-hd .extra a {
    color: #8c8c8c;
}

.article-main .am-hd .extra a:hover {
    color: #f43434;
}

.article-main .am-hd .extra>i {
    margin: 0 5px;
    font-size: 12px;
}

.article-main .artilce-list li {
    border-top: 1px solid #eee;
    padding: 10px 20px;
}

.article-main .artilce-list h3 {
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
}

.article-main .artilce-list h3:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    font-size: 0;
    border-radius: 50%;
    background: #d4d4d4;
    left: -14px;
    top: 11px;
}

.article-main .artilce-list h3 a {
    color: #555;
}

.article-main .artilce-list h3 a:hover {
    color: #f43434
}

;
.article-main .artilce-list p {
    color: #8c8c8c;
    line-height: 1.8;
}

.article-main .article-words {
    border-top: 1px solid #eee;
    padding: 25px 20px;
    font-size: 14px;
    line-height: 25px;
    width: 870px;
    overflow: hidden;
    float: left;
}

.article-search-hd {
    background: url(../images/article_bg.jpg) no-repeat;
    height: 100px;
}

.article-search-hd .hd-tit {
    float: left;
    font-size: 28px;
    color: #fff;
    line-height: 100px;
}

.article-search-hd .hd-search {
    float: left;
    margin: 26px 0 26px 85px;
}

.article-search-hd .f-search .text {
    width: 500px;
    height: 28px;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    border-radius: 24px 0 0 24px;
    border: 0;
    float: left;
}

.article-search-hd .f-search .ui-btn-submit {
    float: left;
    width: 114px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background-color: #f42424;
    border: 0;
    border-radius: 0 24px 24px 0;
    font-size: 16px;
    outline: 0;
    cursor: pointer;
    text-align: center;
}

.article-search-hd .f-search .iconfont {
    font-size: 18px;
    margin-right: 3px;
    vertical-align: middle;
}


/*article end*/


/*artilce-index start*/

.cms_not {
    background: #fff;
    margin-top: 80px;
    padding: 50px 0;
}

.article-index .demo .visual-item {
    margin-top: 20px;
}

.article-index .banner-article {
    overflow: hidden;
}

.article-index .banner-article a {
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.article-index .banner-article .banner-main {
    float: left;
    position: relative;
    width: 800px;
    height: 310px;
    margin-right: 10px;
    overflow: hidden;
}

.article-index .banner-article .banner-second {
    float: left;
    width: 390px;
    height: 310px;
}

.article-index .banner-article .banner-second .s {
    width: 390px;
    height: 150px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.article-index .banner-article img {
    width: 100%;
    height: 100%;
}

.article-index .banner-article .banner-second .last {
    margin-bottom: 0;
}

.article-index .banner-article .b p,
.article-index .banner-article .s p {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0, 100%);
    transition: all .2s;
    color: #fff;
    padding: 0 20px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.article-index .banner-article .b:hover p,
.article-index .banner-article .s:hover p {
    transform: translate(0, 0);
}

.article-index .banner-article-one .banner-main {
    width: 1200px;
}

.article-index .banner-article-three .banner-second .s {
    height: 310px;
}

.banner-main {
    position: relative;
}

.banner-main .hd {
    position: absolute;
    width: 100%;
    bottom: 15px;
    text-align: center;
    z-index: 99;
}

.banner-main .hd ul {
    font-size: 0;
}

.banner-main .hd li {
    display: inline-block;
    margin: 0 8px 0 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.8;
    background: #666;
    text-indent: -89999px;
}

.banner-main .hd li:last-child {
    margin-right: 0;
}

.banner-main .hd li.on {
    background-color: #000;
}


/*box*/

.article-box {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
}

.article-box .ab-hd {
    height: 27px;
    line-height: 27px;
    margin-bottom: 10px;
}

.article-box .ab-hd h2 {
    font-size: 18px;
    float: left;
    padding-left: 35px;
    position: relative;
}

.article-box .ab-hd h2 .iconfont {
    font-size: 22px;
    color: #f42424;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.article-box .ab-hd .more {
    float: right;
    color: #8c8c8c;
}

.article-box .ab-bd .focus {
    height: 160px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
}

.article-box .ab-bd .focus .img {
    float: left;
    width: 280px;
    height: 160px;
    position: relative;
}

.article-box .ab-bd .focus .img a {
    width: 280px;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
}

.article-box .ab-bd .focus .info {
    float: left;
    margin-left: 20px;
    width: 250px;
}

.article-box .ab-bd .focus .info-name {
    font-size: 18px;
    margin-bottom: 20px;
    height: 27px;
    overflow: hidden;
}

.article-box .ab-bd .focus .info-intro {
    color: #8c8c8c;
    margin-bottom: 15px;
    height: 75px;
    overflow: hidden;
}

.article-box .ab-bd .focus .info-time {
    color: #8c8c8c;
}

.article-box .ab-bd .list li {
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
}

.article-box .ab-bd .list li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d2d2d2;
    margin-top: 16px;
    left: 0;
}

.article-box .ab-bd .list li a {
    font-size: 14px;
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-box .ab-bd .list li .time {
    float: right;
    width: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8c8c8c;
}

.article-box .ab-bd .quick {
    margin-right: -20px;
    margin-top: 15px;
    /*padding-bottom: 10px;*/
}

.article-box .ab-bd .quick li {
    float: left;
    width: 280px;
    margin-right: 14px;
}

.article-box .ab-bd .quick .q-img a {
    font-size: 0;
    display: block;
}

.article-box .ab-bd .quick .q-img {
    margin-bottom: 15px;
}

.article-box .ab-bd .quick .q-img img {
    max-width: 280px;
    max-height: 160px;
}

.article-box .ab-bd .quick .q-name {
    font-size: 18px;
    margin-bottom: 10px;
    height: 27px;
    overflow: hidden;
}

.article-box .ab-bd .quick .q-info {
    font-size: 12px;
    color: #8c8c8c;
    height: 36px;
    overflow: hidden;
}

.article-box .ab-bd .g-list {
    margin-right: -20px;
    margin-top: 2px;
}

.article-box .ab-bd .g-list li {
    float: left;
    margin-right: 20px;
    width: 173px;
    position: relative;
    overflow: hidden;
}

.article-box .ab-bd .g-list li img {
    width: 100%;
}

.article-box .ab-bd .g-list li p {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 100%);
    transition: all .2s;
    color: #fff;
    background: rgba(0, 0, 0, .6);
}

.article-box .ab-bd .g-list li:hover p {
    transform: translate(0, 0);
}

.article-col-1-2,

/*两列，分别占1/3,2/3*/

.article-col-2,
.article-col-3 {
    margin: -20px -20px 0 0;
}

.article-col-4 {
    margin-top: -20px;
}

.article-col-1-2 .article-box,
.article-col-2 .article-box,
.article-col-3 .article-box {
    float: left;
    margin: 20px 20px 0 0;
    overflow: hidden;
}

.article-col-4 .article-box {
    margin-top: 20px;
}

.article-col-1-2 .article-box:nth-child(1) {
    width: 346px;
    margin-bottom: 0;
}

.article-col-1-2 .article-box:nth-child(1) .ab-bd .list li a {
    max-width: 250px;
}

.article-col-1-2 .article-box:nth-child(2) {
    width: 754px;
    margin-bottom: 0;
}

.article-col-1-2 .article-box:nth-child(2) .ab-bd .list li a {
    max-width: 250px;
}

.article-col-2 .article-box {
    width: 550px;
    height: 360px;
}

.article-col-2 .article-box .ab-bd .list li a {
    max-width: 460px;
}

.article-col-3 .article-box {
    width: 346px;
    height: 212px;
}

.article-col-3 .article-box .ab-bd .list li a {
    max-width: 250px;
}


/*artilce-index end*/


/*shop start*/


/*head*/

.shop-header .top {
    height: 40px;
    background: #F8F8F8;
}

.shop-header .middle {
    height: 100px;
    background: #EEEEEE;
}

.shop-header .middle .logo-wp {
    float: left;
    width: 500px;
    margin-top: 33px;
}

.shop-header .middle .shop-logo {
    float: left;
    width: 212px;
    height: 50px;
}

.shop-header .middle .shop-logo img {
    max-width: 212px;
    max-height: 50px;
}

.shop-header .middle .logo-text {
    float: left;
    height: 50px;
    line-height: 1;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #d2d2d2;
}

.shop-header .middle .shop-title {
    font-size: 18px;
    font-weight: 700;
}

.shop-header .middle .shop-intro {
    margin-top: 10px;
    color: #8c8c8c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
    font-size: 14px;
}

.shop-header .middle .follow-btn {
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 80px;
    float: right;
    margin-top: 5px;
    border-radius: 12px;
    background: #f42424;
    color: #fff;
}

.shop-header .middle .follow-btn .iconfont {
    font-size: 13px;
    margin-right: 5px;
}

.shop-search {
    float: left;
}

.shop-search input[type=text] {
    float: left;
    height: 28px;
    border: 1px solid #D9D9D9;
    padding: 0 5px;
    width: 170px;
    outline: none;
}

.shop-search button {
    float: left;
    height: 30px;
    background: #d9d9d9;
    color: #555;
    border: 0 none;
    -webkit-appearance: none;
    width: 60px;
    outline: 0;
    cursor: pointer;
}

.shop-header .shop-search {
    margin: 34px 0 0 90px;
}

.shop-header .shop-qrcode {
    float: right;
    margin-top: 8px;
}

.shop-header .shop-qrcode .img {
    float: right;
}

.shop-header .shop-qrcode .img img {
    width: 84px;
    height: 84px;
}

.shop-header .shop-qrcode p {
    float: right;
    margin-top: 33px;
    color: #8c8c8c;
    margin-right: 10px;
}

.shop-header .bottom {
    height: 40px;
    line-height: 40px;
    background: #353535;
    color: #fff;
}

.shop-header .bottom a {
    color: #fff;
}

.shop-head-category {
    float: left;
    width: 140px;
    height: 38px;
    border-top: 2px solid transparent;
    position: relative;
}

.shop-head-category .all-cate a {
    height: 38px;
    line-height: 36px;
    display: block;
    padding-left: 15px;
    font-size: 14px;
}

.shop-head-category .all-cate a .iconfont {
    margin-left: 10px;
}

.shop-head-category .cate-tab-content {
    position: absolute;
    z-index: 30;
    top: 38px;
    left: 0;
    width: 700px;
    min-height: 70px;
    padding: 28px 0 0 40px;
    background: #fff;
    border: 1px solid #333333;
    border-top: 0 none;
    margin-left: -1px;
    color: #555;
    display: none;
}

.shop-head-category .cate-tab-content a {
    color: #333;
}

.shop-head-category .cate-tab-content dl {
    float: left;
    width: 100px;
    margin-right: 40px;
}

.shop-head-category .cate-tab-content dt {
    border-bottom: 1px dashed #EEEEEE;
    font-size: 14px;
}

.shop-head-category .cate-tab-content dd {
    line-height: 30px;
}

.shop-head-category .cate-tab-content dd a {
    color: #8c8c8c;
}

.shop-head-category .cate-tab-content dd a:hover {
    color: #f43434;
}

.shop-head-category:hover .all-cate a {
    background: #fff;
    color: #555;
}

.shop-head-category:hover .cate-tab-content {
    display: block;
}

.shop-nav li {
    float: left;
    font-size: 14px;
    padding: 0 25px;
}

.shop-nav li a:hover,
.shop-nav li a.current {
    color: #f42424;
}


/*banner*/

.shop-banner {
    height: 700px;
    overflow: hidden;
    position: relative;
}

.shop-banner .bd {
    margin-left: -360px;
    width: 1920px;
}

.shop-banner .bd a {
    display: block;
    height: 700px;
}

.shop-banner .hd {
    position: absolute;
    left: 50%;
    transform: translate(0, -50%);
    bottom: 20px;
    z-index: 10;
}

.shop-banner .hd li {
    float: left;
    width: 17px;
    height: 17px;
    cursor: pointer;
    line-height: 17px;
    text-align: center;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    margin: 0 3px;
}

.shop-banner .hd li.on {
    background: #000;
    color: #fff;
}


/*home*/

.shop-home {
    background: #f8f8f8;
    padding-bottom: 70px;
}

.shop-home .under-banner {
    overflow: hidden;
    margin: 15px -20px 60px 0;
}

.shop-home .under-banner a {
    float: left;
    width: 590px;
    height: 410px;
    margin-right: 20px;
}

.shop-floor .f-hd {
    text-align: center;
    margin-bottom: 50px;
}

.shop-floor .f-hd h2 {
    font-size: 36px;
    color: #333;
    margin-bottom: 6px;
}

.shop-floor .f-hd:after {
    width: 40px;
    border-top: 1px solid #f34545;
    content: "";
    margin: 0 auto;
    display: block;
}

.shop-floor .f-bd .list {
    margin-right: -10px;
}

.shop-floor .f-bd .list li {
    float: left;
    margin-right: 10px;
    background: #fff;
    margin-bottom: 20px;
}

.shop-floor .f-bd .list li.first {
    margin-right: 6px
}

.shop-floor .f-bd .list .first img {
    width: 474px;
    height: 310px;
}

.shop-floor .f-bd .list .goods-item {
    width: 210px;
    padding: 10px;
    height: 290px;
    overflow: hidden;
}

.shop-floor .f-bd .list .goods-item .p-name {
    margin: 5px 0;
    height: 38px;
    overflow: hidden;
}


/*lift*/

.shop-lift {
    position: fixed;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%) scale(1, 1);
    opacity: 1;
    z-index: 100;
    transition: all .2s;
    background: #fff;
    padding: 20px 0;
    width: 90px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.shop-lift-hide {
    transform: translate(0, -50%) scale(0, 0);
    opacity: 0;
}

.shop-lift-item {
    line-height: 3;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    transition: all .1s;
}

.shop-lift-item:hover,
.shop-lift-item.active {
    color: #f43434;
}

@media screen and (max-width: 1652px) {
    .shop-lift {
        right: 15px;
    }
}


/*shop end*/


/*shop-list start*/

.seller-list-main .selector {
    margin-top: 20px;
}

.search-inshop {
    float: right;
}

.search-inshop .inshop-word {
    width: 140px;
    margin-right: 10px;
}

.search-inshop .inshop-p-s,
.search-inshop .inshop-p-e {
    width: 50px;
    height: 24px;
}

.search-inshop .sc-btn {
    border-radius: 0;
    height: 26px;
    line-height: 24px;
    vertical-align: bottom;
    margin-left: 8px;
    float: left;
}


/*side*/

.shop-list-side {
    width: 200px;
    float: left;
    margin-right: 20px;
    min-height: 100px;
}

.shop-list-side .side-box {
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.shop-list-side .side-box h2 {
    font-size: 14px;
    font-weight: 700;
    background: #F8F8F8;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
}

.shop-list-side .side-menu dt {
    border: 1px solid #d2d2d2;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: -1px;
    height: 33px;
    line-height: 33px;
    padding: 0 13px;
    font-weight: 700;
}

.shop-list-side .side-menu dt a {
    color: #8c8c8c;
}

.shop-list-side .side-menu dt .iconfont {
    float: right;
    font-size: 12px;
    color: #aaa;
    cursor: pointer;
}

.shop-list-side .side-menu dl.active dt .iconfont {
    transform: rotate(180deg);
}

.shop-list-side .side-menu dd {
    padding: 5px 13px;
    line-height: 30px;
    display: none;
}

.shop-list-side .side-menu dd p {
    position: relative;
    padding-left: 15px;
}

.shop-list-side .side-menu dd p:before {
    content: "";
    border: 1px solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 3px;
    height: 3px;
    font-size: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
}

.shop-list-side .side-menu dd a {
    color: #8c8c8c;
}

.shop-list-side .side-recommend-hot {
    padding: 5px 15px;
}

.shop-list-side .side-recommend-hot li {
    overflow: hidden;
    margin: 10px 0;
}

.shop-list-side .side-recommend-hot li:before {
    content: "";
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    float: left;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    margin-top: 15px;
    margin-right: 10px;
}

.shop-list-side .side-recommend-hot li:nth-child(1):before {
    content: "1";
    color: #f43434;
    border-color: #f43434;
}

.shop-list-side .side-recommend-hot li:nth-child(2):before {
    content: "2";
    color: #f43434;
    border-color: #f43434;
}

.shop-list-side .side-recommend-hot li:nth-child(3):before {
    content: "3";
    color: #f43434;
    border-color: #f43434;
}

.shop-list-side .side-recommend-hot li:nth-child(4):before {
    content: "4";
}

.shop-list-side .side-recommend-hot li:nth-child(5):before {
    content: "5";
}

.shop-list-side .side-recommend-hot li:nth-child(6):before {
    content: "6";
}

.shop-list-side .side-recommend-hot li .p-img,
.shop-list-side .side-recommend-hot li .p-name {
    float: left;
}

.shop-list-side .side-recommend-hot li .p-img img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.shop-list-side .side-recommend-hot li .p-name {
    width: 70px;
    font-size: 12px;
    height: 34px;
    overflow: hidden;
    word-break: break-all;
    margin-top: 8px;
}

.shop-list-side .side-news {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 23px 15px 20px;
    position: relative;
    margin-top: 30px;
}

.shop-list-side .side-news h2 {
    position: absolute;
    width: 90px;
    margin-left: -45px;
    left: 50%;
    text-align: center;
    background: #fff;
    font-size: 16px;
    top: -14px;
}

.shop-list-side .side-news li {
    word-break: break-all;
    overflow: hidden;
    line-height: 2.2;
    color: #8c8c8c;
    min-height: 26px;
}

.shop-list-side .side-news li:before,
.shop-list-side .side-news li:after {
    content: "";
    position: absolute;
    bottom: 8px;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    height: 20px;
    width: 20px;
    border-bottom-left-radius: 10px;
}

.shop-list-side .side-news li:before {
    left: 8px;
}

.shop-list-side .side-news li:after {
    right: 8px;
    transform: rotateY(180deg);
}

.shop-list-view {
    width: 980px;
    float: left;
}


/*rewrite*/

.shop-list-view .filter-wrap .filter-sort a:last-child {
    border-right-width: 0;
}

.shop-list-view .goods-list,
.shop-list-view .g-view {
    width: 100%;
}

.shop-list-view .goods-list .gl-item {
    width: 245px;
    height: 373px;
}

.shop-list-view .gl-i-wrap {
    padding: 17px;
}


/*shop-list end*/


/* ------------------- tong end ------------------- */


/*加入购物车弹出框*/

.ecsc-cart-popup {
    display: none;
    position: relative;
    z-index: 100003;
}

.ecsc-cart-popup .loading-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.2;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
    overflow: hidden;
    background-color: rgb(0, 0, 0);
}

.ecsc-cart-popup .loading {
    background-color: #fff;
    border: 8px solid #bcbcbc;
    position: fixed;
    width: 455px;
}

.loading .title {
    position: relative;
    padding: 0 16px;
    height: 31px;
    line-height: 31px;
    background: #f3f3f3;
}

.loading .title h3 {
    font-weight: normal;
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei";
    float: left;
}

.loading .title .loading-x {
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 1000000;
    top: 10px;
    right: 16px;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url(../images/dialog.png) no-repeat;
    font-size: 0;
    text-indent: -99999px;
    float: right;
}

.center_pop_p {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    padding: 20px 0;
    font-family: "Microsoft YaHei";
}

.center_pop_p .ts {
    font-size: 18px;
    color: #ec5051;
    font-weight: 700;
}

.center_pop_p .desc {
    color: #777;
    line-height: 20px;
    margin-top: 8px;
}

.center_pop_p .desc strong {
    font-weight: normal;
}

.center_pop_p .desc .saleP {
    font-size: 18px;
    color: #666;
    font-weight: bold;
}

.loading .btns {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.loading .btns .ecsc-btn-mini {
    height: 28px;
    line-height: 28px;
    border: 1px solid #dcdcdc;
    width: 88px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    color: #333;
    font-family: "Microsoft YaHei";
}

.loading .btns .ecsc-btn-orange {
    border-color: #f99c00;
    background-color: #f99c00;
    color: #fff;
    margin-right: 15px;
}

.loading .btns .ecsc-btn-orange:hover {
    background-color: #e79205;
}


/*加入购物车弹出框end*/


/*邮箱订阅*/

.attached_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 9;
}

.email_sub {
    display: none;
    margin: 0 auto;
    position: fixed;
    bottom: -60px;
    height: 60px;
    width: 100%;
    z-index: 10000;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: bottom .3s ease-out;
    -moz-transition: bottom .3s ease-out;
    -ms-transition: bottom .3s ease-out;
    -o-transition: bottom .3s ease-out;
    transition: bottom .3s ease-out;
    box-shadow: -15px -12px 10px -12px #999;
}

.email_sub.show {
    bottom: 0;
}

.email_sub .w1200 {
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.email_sub_btn {
    margin-top: 12px;
    font-size: 0;
    overflow: hidden;
}

.email_sub_btn input {
    padding: 7px 10px;
    border: 1px solid #ec5151;
    outline: 0 none;
    width: 350px;
    font-size: 14px;
    float: left;
}

.email_sub_btn .emp_btn {
    background: #ec5051;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    float: left;
}

.email_sub_btn .emp_cancel_btn {
    background: #ccc;
}


/*邮箱订阅end*/


/*coudan start*/

.coudan-title {
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
    background: url(../images/coudan.jpg) center center no-repeat;
}

.coudan-title .i-sale {
    display: inline-block;
    background: url(../images/sprite-icon.png) 0 -30px;
    width: 28px;
    height: 26px;
    margin: 27px 5px 0 0;
}

.coudan-title em {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 80px;
    color: #8c8c8c;
}

.floatbar-cart {
    float: left;
    width: 100%;
    height: 52px;
    margin-top: 30px;
    background-color: #f8f8f8;
}

.floatbar-cart .floatbar-sales {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: 1px solid #f70;
    margin-top: 10px;
    margin-left: 54px;
    color: #f70;
    font-family: arial;
}


/*.floatbar-cart .floatbar-sales:hover{ background-color:#f70; color:#fff;}*/

.floatbar-cart .floatbar-checkout {
    float: right;
    line-height: 52px;
}

.floatbar-cart .sales-tip {
    float: left;
    font-size: 14px;
    color: #f42424;
    margin-right: 20px;
}

.floatbar-cart .price {
    float: left;
    font-size: 20px;
    color: #333;
    margin-right: 30px;
}

.floatbar-cart .submit-btn {
    display: block;
    float: right;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
}

.floatbar-cart .submit-btn:hover {
    color: #fff;
    background-color: #ec5051;
}

.coudan .goods-list .gl-item {
    height: 364px;
}


/*coudan end*/


/*brand-index start*/

.brand-home-top {
    width: 100%;
    height: 200px;
}

.attention-rate {
    width: 180px;
    height: 160px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    float: left;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.attention-rate .brand-logo {
    width: 180px;
    margin-top: 10px;
}

.attention-rate .brand-logo img {
    width: 100%;
    height: auto;
}

.attention-rate .follow-info {
    margin-top: 10px;
}

.attention-rate .follow-info .follow-sum {
    color: #8c8c8c;
}

.attention-rate .follow-info .follow-sum em {
    color: #333;
    margin-right: 2px;
}

.attention-rate .follow-info .go-follow {
    cursor: pointer;
    width: 68px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #f42424;
    border-radius: 9px;
    color: #f42424;
    margin: 10px auto 0;
}

.attention-rate .follow-info .go-follow .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 3px 0 0;
}

.attention-rate .follow-info .go-follow:hover {
    background-color: #f42424;
    color: #fff;
}

.brand-home-top .brand-cate-info {
    float: left;
    margin: 30px 0 0 55px;
    width: 960px;
}

.brand-cate-info .title {
    width: 100%;
    overflow: hidden;
}

.brand-cate-info .title h3 {
    color: #f42424;
    font-size: 22px;
    float: left;
}

.brand-cate-info .title a {
    float: left;
    color: #f42424;
    display: block;
    margin: 12px 0 0 20px;
}

.brand-cate-info .title a:hover {
    text-decoration: underline;
}

.brand-cate-info .title a i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/dsc-icon.png) -386px -81px no-repeat;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.brand-cate-info .cate-list {
    margin-top: 20px;
}

.brand-cate-info .cate-list a {
    color: #cbccd0;
    display: block;
    float: left;
    width: auto;
    margin-right: 20px;
    line-height: 30px;
}

.brand-cate-info .cate-list a:hover,
.brand-cate-info .cate-list a.curr {
    color: #f42424;
}

.brand-cate-info .brand_desc {
    color: #cbccd0;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    width: 960px;
    height: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*.brand-main{ padding-bottom:70px;}*/

.brand-main .brand-section {
    width: 100%;
    margin-bottom: 30px;
}

.brand-main .brand-section:last-child {
    margin-bottom: 0;
}

.brand-main .brand-section:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.brand-main .brand-section .bl-title {
    border-bottom: 1px solid #f42424;
    padding-bottom: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}

.brand-main .brand-section .bl-title h2 {
    font-size: 18px;
    float: left;
}

.brand-main .brand-section .bl-title h2 i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/dsc-icon.png) -386px -81px no-repeat;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.brand-main .brand-section .bl-title .more {
    float: right;
    line-height: 30px;
}

.brand-main .brand-section .bl-content {
    width: 100%;
}

.brand-main .brand-section .bd {}

.brand-main .brand-section .bd li {
    float: left;
    width: 208px;
    padding: 10px 10px 2px 10px;
    border: 1px solid #e5e5e5;
    margin: 5px;
}

.brand-main .brand-section .bd .p-img {
    width: 208px;
    height: 208px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.brand-main .brand-section .bd .p-img img {
    max-width: 100%;
    max-height: 90%;
    vertical-align: middle;
}

.brand-main .brand-section .bd .p-price {
    font-size: 18px;
    text-align: left;
    color: #f42424;
    margin-top: 10px;
}

.brand-main .brand-section .bd .p-name {
    margin-top: 10px;
}

.brand-main .brand-section .bd .p-name a {
    font-size: 14px;
    display: block;
    height: 20px;
    overflow: hidden;
    color: #666;
}

.p-activity {
    color: #999;
    margin-top: 5px;
    width: 208px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-store {
    margin-top: 5px;
}

.brand-main .brand-section .bd li:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.brand-main .brand-section .hd {
    position: relative;
    height: 0;
}

.brand-main .brand-section .hd ul {
    position: absolute;
    right: 0;
    top: -30px;
}

.brand-main .brand-section .hd ul li {
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #9F9F9F;
    margin-right: 5px;
    transition: all .2s;
    cursor: pointer;
}

.brand-main .brand-section .hd ul li.on {
    width: 20px;
    background: #FC5F8D;
}

.brand-main .brand-section .bd li.notic {
    float: none;
    width: 100%;
}

.brand-main .brand-section .bd li.notic:hover {
    box-shadow: none;
}


/*brand-index end*/

div.pay_more a,
div.pay_more input {
    height: 38px;
    padding: 0 21px;
    font-size: 16px;
    background: #ff7573;
    color: #fff;
    display: block;
    float: left;
    border: 1px solid #ff7573;
    border-radius: 5px;
    line-height: 36px;
    text-align: center;
    background: -webkit-linear-gradient( top, #ff7573, #ff5658);
    cursor: pointer;
    outline: 0;
}

.me_grab {
    font-size: 18px;
    color: #f42424;
    margin-bottom: 12px;
}

.me_bid {
    width: 100%;
    float: left;
    line-height: 36px;
}

.me_bid span {
    float: left;
    font-size: 14px;
    color: #727171;
}

.me_bid .p-price {
    float: left;
    padding-top: 0;
    color: #f42424;
    font-weight: bold;
    font-size: 24px;
}

.me_bid .p-price em {
    font-size: 12px;
    font-weight: normal;
}

.endTime {
    float: left;
    padding-left: 5px;
}


/*seckill_list*/

.seckill-banner {
    overflow: hidden;
}

.seckill-banner a {
    display: block;
}

.seckill-main {
    margin-top: 20px;
    /* padding-bottom:50px;*/
}

.seckill-main .seckill-hot-goods {}

.seckill-main .seckill-time-tabs {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: #eee;
}

.seckill-main .seckill-time-tabs li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 0;
    cursor: pointer;
}

.seckill-main .seckill-time-tabs li strong {
    display: inline-block;
    color: #555;
    font-size: 18px;
    line-height: 50px;
}

.seckill-main .seckill-time-tabs li .time {
    display: none;
    font-size: 0;
    line-height: 50px;
    vertical-align: middle;
    margin: -14px 0 0 10px;
}

.seckill-main .seckill-time-tabs li .time * {
    font-size: 12px;
}

.seckill-main .seckill-time-tabs li i {
    width: 78px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #8c8c8c;
    border-radius: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: -15px 0 0 12px;
    font-size: 12px;
    text-align: center;
}

.seckill-main .seckill-time-tabs li.curr {
    background-color: #f42424;
    color: #fff;
}

.seckill-main .seckill-time-tabs li.curr .time {
    display: inline-block;
}

.seckill-main .seckill-time-tabs li.curr i {
    display: none;
}

.seckill-main .seckill-time-tabs li.curr strong {
    font-size: 24px;
    color: #fff;
}

.seckill-main .seckill-warp {
    margin-top: 20px;
}

.seckill-main .seckill-warp ul {
    width: 1210px;
}

.seckill-main .seckill-warp li .p-img {
    margin-bottom: 10px;
}

.seckill-main .seckill-warp li .p-name {
    margin-bottom: 6px;
}

.seckill-main .seckill-warp li .p-name a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #555;
}

.seckill-main .seckill-warp li .p-pirce {
    float: left;
    font-size: 18px;
    color: #f42424;
}

.seckill-main .seckill-warp li .p-del {
    float: left;
    color: #999;
    line-height: 27px;
    margin-left: 10px;
}

.seckill-main .seckill-warp li .p-number {
    margin-top: 5px;
}

.seckill-main .seckill-warp li .p-number span {
    float: left;
    color: #8c8c8c;
    width: 60px;
}

.timebar {
    background: #EEEEEE;
    position: relative;
    border-radius: 2px;
    height: 3px;
}

.timebar i {
    position: absolute;
    height: 100%;
    left: 0;
    background: #FFD07F;
}

.seckill-main .seckill-warp li .timebar {
    width: 152px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
}

.seckill-main .seckill-warp li .btn {
    width: 190px;
    margin: 10px 0 0 0;
    text-align: center;
    height: 28px;
    line-height: 28px;
}

.seckill-main .seckill-warp li {
    margin-bottom: 20px;
}

.seckill-main .seckill-all {
    margin-top: 30px;
}

.seckill-main .seckill-all .title {
    text-align: center;
}

.seckill-main .seckill-cate {
    height: 50px;
    width: 100%;
    background-color: #eee;
    overflow: hidden;
    margin-top: 35px;
}

.seckill-main .seckill-cate a {
    line-height: 50px;
    display: block;
    float: left;
    font-size: 14px;
    padding: 0 16px;
}

.seckill-main .seckill-cate a.curr {
    background-color: #f42424;
    color: #fff;
    font-weight: bold;
}

.seckill-cat-banner {
    background: url(../images/seckill-cat-banner.jpg) center center no-repeat;
    width: 100%;
    height: 130px;
    text-align: center;
}

.seckill-cat-banner span {
    font-size: 30px;
    color: #b31919;
    font-weight: bold;
    display: block;
    margin-top: 55px;
}

.skmu_list_img {
    float: left;
    margin-top: 6px;
}

.skmu-nav .nav-main {
    width: 1096px;
    position: relative;
    overflow: visible;
}

.skmu-nav .nav-main li {
    margin-left: 0;
    width: 96px;
    text-align: center;
}

.skmu-nav .nav-main li:first-child {
    margin-left: 40px;
}

.skmu-nav .nav-main li a {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.skmu-nav .nav-main li.skmu-item-last a {
    color: #f42424;
}

.skmu-nav .nav-main li.skmu-item-last i {
    font-size: 12px;
    margin-left: 5px;
}

.skmu-mcate {
    position: absolute;
    width: 425px;
    border-top: 4px solid #fff;
    right: 0;
    background: #fff;
    padding: 10px 20px;
    padding-right: 0;
    top: 156px;
    -webkit-transition: all .3s ease;
    -moz-transition: all ease .3s;
    transition: all .3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}

.skmu-mcate-active {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 56px;
    visibility: visible;
}

.skmu-mcate s {
    font-size: 0;
    position: absolute;
    right: 40px;
    width: 0;
    height: 0;
    top: -14px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff;
}

.skmu-mcate a {
    font-size: 14px;
    display: inline-block;
    float: left;
    width: 80px;
    line-height: 35px;
    margin-right: 5px;
}

.skmu-mcate a.curr {
    color: #f42424;
}


/*seckill_list end*/


/*wholesale start*/

.who-filler {
    height: 60px;
    background-color: #fff;
    margin-top: 35px;
}

.who-filler .wholesale-search {
    float: left;
    margin: 15px 0 0 20px;
}

.who-filler .wholesale-search .imitate_select {
    float: left;
}

.who-filler .wholesale-search .text {
    float: left;
    margin-left: 10px;
    border: 1px solid #d2d2d2;
    height: 28px;
    width: 200px;
}

.who-filler .wholesale-search .go {
    float: left;
    margin-left: 10px;
    height: 30px;
    border: 0;
    width: 50px;
    cursor: pointer;
    outline: 0;
    background-color: #f42424;
    color: #fff;
    border-radius: 3px;
}

.who-items {
    overflow: hidden;
    margin-top: 15px;
}

.who-items .who-item {
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
}

.who-items .who-item .left {
    float: left;
    width: 435px;
}

.who-items .who-item .left .p-img {
    float: left;
    width: 110px;
    height: 110px;
}

.who-items .who-item .left .p-info {
    float: left;
    margin-left: 20px;
    width: 290px;
}

.who-items .who-item .left .p-name {
    margin-top: 3px;
    height: 52px;
}

.who-items .who-item .left .p-name a {
    font-size: 14px;
    height: 40px;
    display: block;
    overflow: hidden;
}

.who-items .who-item .left .p-lie {
    margin-top: 20px;
    color: #8c8c8c;
}

.who-items .who-item .right {
    float: left;
    width: 700px;
    margin-left: 25px;
}

.who-items .who-item .right .lie {
    width: 100%;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e8e8e8;
    overflow: hidden;
    margin-top: 10px;
}

.who-items .who-item .right .lie span {
    color: #8c8c8c;
}

.who-items .who-item .right .row1 {
    float: left;
    width: 40%;
}

.who-items .who-item .right .row2 {
    float: left;
    width: 20%;
}

.who-items .who-item .right .row3 {
    float: left;
    width: 20%;
}

.who-items .who-item .right .row4 {
    float: left;
    width: 20%;
}

.who-items .who-item .right .lie.no_bot {
    border-bottom: 0;
}

.who-items .who-item .right .number {
    position: relative;
    float: right;
}

.who-items .who-item .right .number .decrement,
.who-items .who-item .right .number .increment {
    border: 1px solid #cacbcb;
    border-right: 0;
    height: 26px;
    line-height: 26px;
    padding: 1px 0;
    width: 30px;
    text-align: center;
    color: #666;
    margin: 0;
    background: #fff;
    cursor: pointer;
    float: left;
}

.who-items .who-item .right .number .itxt {
    float: left;
    border: 1px solid #cacbcb;
    width: 45px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding: 1px;
    margin: 0;
    font-size: 12px;
    font-family: verdana;
    color: #333;
    -webkit-appearance: none;
    outline: 0;
    text-align: center;
}

.who-items .who-item .right .number .increment {
    float: right;
    border: 1px solid #cacbcb;
    border-left: 0;
    color: #666;
}

.lie_more {
    width: 100%;
    height: 15px;
    border-top: 1px solid #d2d2d2;
    margin-top: -1px;
}

.lie_more span {
    width: 48px;
    display: block;
    margin-left: 325px;
    float: left;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-top: 0;
    background-color: #fff;
    margin-top: -1px;
    cursor: pointer;
}

.lie_more span i {
    font-size: 12px;
    color: #9b9b9b;
    height: 12px;
    line-height: 12px;
}

.who-cart {
    width: 63px;
    height: 72px;
    background: url(../images/who-icon.png) no-repeat;
    position: fixed;
    right: 10%;
    top: 40%;
    cursor: pointer;
}

.who-cart .number {
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background-color: #f42424;
    color: #fff;
    position: absolute;
    text-align: center;
    top: 2px;
    left: 2px;
}

.who-cart span {
    display: block;
    color: #a35022;
    margin: 62px 0 0 10px;
}

.who-btn {
    float: right;
    margin-top: 10px;
}

.who-btn .btn {
    width: 108px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    padding: 0;
    font-size: 14px;
    background-color: #fff3f3;
    outline: 0;
}

.who-btn .btn:hover {
    background-color: #f42424;
}


/*wholesale end*/


/*文章页上一篇，下一篇 样式 strat by yanxin*/

.more_article {
    padding: 0px 20px 20px 20px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    width: 870px;
    overflow: hidden
}

.more_article .art_prev {
    float: left
}

.more_article .art_next {
    float: right
}


/*文章页上一篇，下一篇 样式 end by yanxin*/


/*jq仿select*/

.divselect {
    width: 340px;
    position: relative;
    z-index: 10000;
}

.divselect .cite {
    width: 300px;
    height: 24px;
    line-height: 24px;
    padding: 7px 25px 7px 15px;
    display: block;
    color: #999;
    cursor: pointer;
    font-style: normal;
    border: 1px solid #c9c9c9;
    background: url(../images/xjt.png) 320px 11px no-repeat;
    font-size: 14px;
}

.divselect ul {
    width: 340px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    position: absolute;
    z-index: 20000;
    margin-top: -1px;
    display: none;
}

.divselect ul li {
    height: 30px;
    line-height: 30px;
}

.divselect ul li a {
    display: block;
    height: 30px;
    color: #333333;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}

.divselect ul li a:hover {
    background-color: #CCC;
}

.ps-scrollbar-x-rail {
    display: none !important;
}


/*可视化样式 start*/

.home_visual_body .content,
.topic_visual_body .content,
.store_visual_body .content {
    padding-bottom: 80px;
}

.homeindex .w1200 {
    margin: 0 auto;
}

.visual-item:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.adv_module {
    margin-top: 20px;
}

.shop-list-main .visual-item {
    margin-bottom: 20px;
}

.shop-list-main .visual-item .custom img {
    width: 100%;
}

.shop-list-main .visual-item:last-child {
    margin-bottom: 0;
}

.shop-list-main .adv_module {
    margin: 0;
}

.shop-list-main .adv_module .bd {
    overflow: hidden;
}

.shop-list-main .floor-line-con {
    padding-top: 0;
}


/*可视化样式 end*/


/* 节日首页模板 start*/

.festival_home {
    background: url(../images/festival_home/hd-bj-banner3.png) #f5f5f5 top center no-repeat;
}

.festival_home .header {
    height: 126px;
    padding-bottom: 0;
}

.festival_home .header .logo {
    float: left;
    width: 232px;
    text-align: center;
    box-shadow: 3px 0px 7px rgba(0, 0, 0, .2);
    position: relative;
}

.festival_home .header .logoImg {
    height: 126px;
    margin: 0;
    float: none;
}

.festival_home .header .logoImg a {
    width: 232px;
    height: 126px;
    display: table-cell;
    vertical-align: middle;
}

.festival_home .header .header_con {
    float: left;
    width: calc(100% - 232px);
    width: 968px\0;
}

.festival_home .header .site-nav {
    height: 30px;
    line-height: 30px;
}

.festival_home .header .logoAdv {
    margin: 16px 0 0 22px;
}

.festival_home .header .dsc-search {
    margin: 20px 0 0 58px;
}

.festival_home .header .shopCart {
    margin: 20px 20px 0 0;
}

.festival_home .nav {
    border-bottom: 1px solid #f42424;
}

.festival_home .nav .categorys {
    height: 41px;
}

.festival_home .nav .categorys .categorys-type {
    line-height: 41px;
}

.festival_home .nav .categorys .categorys-tab-content {
    background-color: #333;
}

.festival_home .banner-wrapper {
    width: 100%;
    position: relative;
}

.festival_home .banner-wrapper:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.festival_home .banner-wrapper .home-banner {
    float: left;
    width: 758px;
    margin-left: 232px;
}

.festival_home .banner-wrapper .home-banner .banner-width {
    width: 758px;
}

.festival_home .vip-outcon {
    width: 210px;
    margin: 0;
    float: left;
}

.festival_home .vip-outcon .vip-con {
    width: 100%;
    height: 500px;
    position: static;
}

.festival_home .vip-outcon .userVip-info {
    width: 100%;
    height: 152px;
}

.festival_home .vip-outcon .userVip-info .avatar {
    margin: 25px auto 10px;
}

.festival_home .vip-outcon .userVip-info .login-info {
    width: 170px;
}

.festival_home .vip-outcon .userVip-info .login-info span {
    font-size: 14px;
    margin-bottom: 10px;
}

.festival_home .vip-outcon .userVip-info .login-info a {
    min-width: 80px;
    height: 25px;
    line-height: 25px;
    border: 0;
    border-radius: 13px;
    -webkit-box-shadow: 4px 6px 12px 2px rgba(45, 45, 45, .15);
    -moz-box-shadow: 4px 6px 12px 2px rgba(45, 45, 45, .15);
    box-shadow: 4px 6px 12px 2px rgba(45, 45, 45, .15);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    color: #f42424;
    font-size: 14px;
}

.festival_home .vip-outcon .userVip-info .login-info .register_button,
.festival_home .vip-outcon .userVip-info .login-info .login-button:hover {
    background-color: #f42424;
    color: #fff;
}

.festival_home .vip-outcon .vip-item .tit {
    background: none;
    font-size: 14px;
    padding: 10px 0 10px 20px;
}

.festival_home .vip-outcon .vip-item .con {
    margin: 0 20px 6px;
}

.festival_home .vip-outcon .vip-item .con li {
    width: 100%;
}

.festival_home .vip-outcon .vip-item .kj_con {
    padding: 0;
    border-top: 1px solid #eee;
}

.festival_home .vip-outcon .vip-item .kj_con .item {
    width: 69px;
}

.festival_home .vip-outcon .vip-item .kj_con .item i {
    display: block;
}

.img-browse {
    background: url(../images/festival_home/record.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-zan {
    background: url(../images/festival_home/collection.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-order {
    background: url(../images/festival_home/order.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-password {
    background: url(../images/festival_home/wallet.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-share {
    background: url(../images/festival_home/repair.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.img-settled {
    background: url(../images/festival_home/settled.png);
    background-size: 32px;
    height: 32px;
    width: 32px;
    margin: 11px auto 2px auto;
}

.index-festival-adv {
    margin-top: 20px;
    text-align: center;
}

.index-festival-adv .festival-adv-bot {
    height: 200px;
    background-color: #fd1b4e;
}

.index-festival-adv .festival-adv-bot a {
    float: left;
}

.index-festival-adv .festival-adv-bot img {
    margin: 8px 5px 0px;
    transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}

.index-festival-adv .festival-adv-bot img:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 20px 0px;
    border-radius: 10px;
}

.festival_home .seckill-channel {
    background-color: #fd1b4e;
    margin: 0;
}

.festival_home .seckill-channel .box-hd {
    background: none;
    line-height: 50px;
    padding: 0 10px;
}

.festival_home .seckill-channel .box-hd h3 {
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.festival_home .seckill-channel .box-hd .tit {
    text-align: center;
    font-size: 18px;
    color: #fff000;
    float: left;
    font-weight: bold;
    margin-left: 350px;
}

.festival_home .seckill-channel .box-hd .seckill-more {
    float: right;
}

.festival_home .seckill-channel .box-hd .seckill-more a {
    width: 112px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    padding: 0 9px;
    border-radius: 11px;
    display: inline-block;
}

.festival_home .seckill-channel .box-hd .seckill-more .iconfont {
    font-size: 14px;
    margin-left: 5px;
}

.festival_home .seckill-channel .box-bd {
    margin: 0;
    height: 300px;
}

.festival_home .seckill-channel .box-bd .icon-spin {
    margin-top: -40px;
}

.festival_home .seckill-channel .box-bd li {
    width: 228px;
    height: 280px;
    margin: 5px 0 10px 10px;
    background-color: #fff;
    -o-transform: all 150ms ease-in-out;
    -moz-transform: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.festival_home .seckill-channel .box-bd li:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -o-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.festival_home .seckill-channel .box-bd li .p-img {
    width: 180px;
    height: 180px;
    margin: 18px auto 0;
}

.festival_home .seckill-channel .box-bd li .p-name {
    width: 183px;
    margin: 10px auto 0;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
}

.festival_home .seckill-channel .box-bd li .p-name a {
    white-space: normal;
    color: #444;
}

.festival_home .seckill-channel .box-bd li .p-name a:hover {
    color: #f42424;
}

.festival_home .seckill-channel .box-bd li .p-price {
    width: 180px;
    margin: 5px auto 0;
}

.festival_home .seckill-channel .seckill_end_notic {
    background-color: #fff;
}

.index-venue-adv {
    background: url(../images/festival_home/venue_banner.png) no-repeat;
    width: 1297px;
    height: 566px;
    position: relative;
    margin-left: -97px;
    margin-top: 20px;
}

.index-venue-adv .venue_warpper {
    float: right;
    width: 1000px;
}

.index-venue-adv .venue_warpper .venue_act_list {
    overflow: hidden;
}

.index-venue-adv .venue_warpper .venue_act_list a,
.index-venue-adv .venue_warpper .venue_shop_list a {
    float: left;
    margin: 10px 10px 0 0;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.index-venue-adv .venue_warpper .venue_act_list a:hover,
.index-venue-adv .venue_warpper .venue_shop_list a:hover {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.brand-adv-warp {}

.brand-adv-warp .brand-adv-item {
    float: left;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin-left: 10px;
}

.brand-adv-warp .brand-adv-item:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 10px 0px;
    -o-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.brand-adv-warp .brand-adv-item .brand-item-head {
    height: 50px;
    line-height: 50px;
    color: #333;
    background-color: #fff;
    font-weight: bold;
}

.brand-adv-warp .brand-adv-item .brand-item-head .cn {
    padding-left: 10px;
    font-size: 18px;
    display: inline-block;
}

.brand-adv-warp .brand-adv-item .brand-item-head .en {
    padding-left: 6px;
    font-size: 14px;
    display: inline-block;
}

.brand-adv-warp .brand-adv-item .brand-item-head .more {
    float: right;
    padding-right: 5px;
}

.brand-adv-warp .brand-adv-item .brand-item-head .more .iconfont {
    font-size: 12px;
}

.brand-adv-warp .brand-adv-item-1 {
    margin-left: 0;
    width: 240px;
}

.brand-adv-warp .brand-adv-item-2 {
    width: 470px;
}

.brand-adv-warp .brand-adv-item-3 {
    width: 470px;
}

.brand-adv-warp .brand-adv-item-1 .brand-item-img img {
    width: 240px;
    height: 316px;
}

.brand-adv-warp .brand-adv-item-2 .brand-item-img img,
.brand-adv-warp .brand-adv-item-3 .brand-item-img img {
    width: 470px;
    height: 316px;
}

.festival_home .brand-channel .brand-list {
    width: 100%;
    margin-top: 20px;
}

.festival_home .brand-channel .brand-list li {
    width: 119px;
    height: 112px;
    float: left;
    overflow: hidden;
    text-align: center;
    margin: -1px -1px 0 0;
    position: relative;
    cursor: default;
}

.festival_home .brand-channel .brand-list li a {
    height: 112px;
    display: table-cell;
    vertical-align: middle;
    width: 118px;
}

.festival_home .brand-channel .brand-list .refresh-btn {
    width: 119px;
    height: 112px;
    right: 0;
}

.festival_home .brand-channel .brand-list .refresh-btn .iconfont {
    top: 33px;
}

.festival_home .brand-channel .brand-list .refresh-btn span {
    line-height: 130px;
}

.festival_home .brand-channel .brand-list .brand-mash .coupon {
    margin-top: 0;
}

.festival_home .brand-channel .brand-list .brand-mash .coupon span {
    color: #fff;
    display: block;
    line-height: 24px;
}

.festival_home .brand-channel .brand-list .brand-mash .coupon .click-enter {
    display: inline-block;
    color: rgb(255, 255, 255);
    width: 63px;
    height: 18px;
    font-size: 12px;
    line-height: 15px;
    background-color: rgb(255, 0, 54);
    border-radius: 9px;
}

.festival_home .p-img-scale {
    -webkit-transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
}

.festival_home .p-img-scale:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.second-wrapper {
    margin-top: 20px;
}

.second-wrapper .module {
    width: 595px;
    margin-left: 10px;
    background-color: #fff;
    float: left;
}

.second-wrapper .title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #449dae;
}

.second-wrapper .title h5 {
    float: left;
    margin-left: 15px;
    color: #fff;
    font-size: 20px;
}

.second-wrapper .title .more {
    float: right;
    margin-right: 10px;
    color: #fff;
}

.second-wrapper .title .more .iconfont {
    font-size: 12px;
    margin-left: 5px;
}

.second-wrapper .hh-module {
    margin-left: 0;
}

.second-wrapper .hh-module .title {}

.second-wrapper .second-content {
    position: relative;
    height: 380px;
    background-color: #fff;
    z-index: 2;
}

.second-wrapper .second-content ul {
    padding-top: 10px;
}

.second-wrapper .second-content li {
    float: left;
}

.second-wrapper .second-content .sew-item {
    width: 200px;
    height: 100px;
    margin-bottom: 20px;
}

.second-wrapper .second-content .sew-item .p-img {
    float: left;
    width: 80px;
    height: 80px;
    margin: 18px 0 0 10px;
}

.second-wrapper .second-content .sew-item .p-info {
    float: left;
    margin: 33px 0 0 16px;
    width: 76px;
}

.second-wrapper .second-content .sew-item .p-name {
    width: 100%;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 12px;
}

.second-wrapper .second-content .sew-item .p-desc {
    width: 100%;
    height: 36px;
    line-height: 15px;
    margin-top: 2px;
    color: #449dae;
    font-size: 12px;
}

.second-wrapper .hh-module .second-content .first {
    width: 189px;
    height: 360px;
    border-right: 1px solid #eee;
}

.second-wrapper .hh-module .second-content .first .p-img {
    width: 160px;
    height: 160px;
    margin: 40px 0 0 15px;
}

.second-wrapper .hh-module .second-content .first .p-name {
    color: #333;
    width: 155px;
    height: 18px;
    overflow: hidden;
    margin: 27px 0 0 17px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    font-weight: 700;
}

.second-wrapper .hh-module .second-content .first .p-desc {
    float: left;
    width: 155px;
    height: 36px;
    overflow: hidden;
    color: #999;
    margin: 5px 0 0 17px;
}

.second-wrapper .hh-module .second-content .first .sew_btn {
    float: left;
    margin: 9px 0 0 17px;
    padding: 3px 9px;
    color: #fff;
    background-color: #449dae;
    border-radius: 2px;
}

.second-wrapper .hh-module .second-content .first .sew_btn:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}

.second-wrapper .tj-module .title {
    background-color: #a25684;
}

.second-wrapper .tj-module .second-content .tj-item {
    margin: 36px 0 0 30px;
    width: 264px;
}

.second-wrapper .tj-module .second-content .tj-item:nth-child(1),
.second-wrapper .tj-module .second-content .tj-item:nth-child(3) {
    float: left;
}

.second-wrapper .tj-module .second-content .tj-item:nth-child(2),
.second-wrapper .tj-module .second-content .tj-item:nth-child(4) {
    float: right;
}

.second-wrapper .tj-module .second-content .tj-item-1,
.second-wrapper .tj-module .second-content .tj-item-3 {
    float: left;
}

.second-wrapper .tj-module .second-content .tj-item-2,
.second-wrapper .tj-module .second-content .tj-item-4 {
    float: right;
}

.second-wrapper .tj-module .second-content .tj-item .tit {
    float: left;
    width: 260px;
    height: 18px;
    overflow: hidden;
}

.second-wrapper .tj-module .second-content .tj-item .tj-icon {
    display: inline-block;
    padding: 0 10px;
    line-height: 18px;
    border-radius: 9px;
    color: #FFF;
    margin-right: 8px;
    background: #a25684;
}

.second-wrapper .tj-module .second-content .tj-item .tit a:hover {
    color: #a25684;
}

.second-wrapper .tj-module .second-content .tj-item ul {
    margin-top: 10px;
}

.second-wrapper .tj-module .second-content .tj-item li {
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.second-wrapper .tj-module .second-content .tj-item li img {
    display: block;
    width: 220px;
    height: 110px;
}

.second-wrapper .tj-module .second-content .line {
    position: absolute;
    left: 294px;
    width: 1px;
    height: 360px;
    background: #eee;
    top: 10px;
}

.secondwh-wrapper .module {
    width: 393px;
}

.secondwh-wrapper .tm-module {
    margin-left: 0;
}

.secondwh-wrapper .tm-module .title {
    background-color: #c43d7e;
}

.secondwh-wrapper .xp-module .title {
    background-color: #e66a07;
}

.secondwh-wrapper .phb-module .title {
    background-color: #b62323;
}

.secondwh-wrapper .second-content {
    margin: 10px auto 0;
    width: 369px;
}

.secondwh-wrapper .second-content li {
    position: relative;
    float: left;
    width: 184px;
    height: 120px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e7e7e7;
}

.secondwh-wrapper .second-content li .p-name {
    width: 72px;
    height: 40px;
    overflow: hidden;
    margin: 14px 0 0 15px;
    color: #333;
    font: 14px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    word-break: break-all;
}

.secondwh-wrapper .second-content li .p-desc {
    width: 72px;
    height: 16px;
    overflow: hidden;
    color: #999;
    margin: 10px 0 0 15px;
    font: 12px/16px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.secondwh-wrapper .second-content li .p-img {
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    bottom: 3px;
    right: 3px;
}

.secondwh-wrapper .second-content .first {
    height: 241px;
}

.secondwh-wrapper .second-content .first .p-name {
    width: 140px;
    height: 20px;
}

.secondwh-wrapper .second-content .first .p-desc {
    width: 144px;
    margin-top: 3px;
}

.secondwh-wrapper .second-content .first .p-img {
    width: 160px;
    height: 160px;
    left: 13px;
    top: auto;
    right: auto;
    bottom: 0;
}

.secondwh-wrapper .tm-module .second-content li:nth-child(1),
.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .xp-module .second-content li:nth-child(1),
.secondwh-wrapper .xp-module .second-content li:nth-child(3),
.secondwh-wrapper .xp-module .second-content li:nth-child(5) {
    border-right-width: 1px;
}

.secondwh-wrapper .tm-module .second-content li:nth-child(4),
.secondwh-wrapper .tm-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(5),
.secondwh-wrapper .xp-module .second-content li:nth-child(6) {
    border-bottom-width: 0;
}

.secondwh-wrapper .phb-module .com-list {}

.secondwh-wrapper .phb-module .com-ul {
    overflow: hidden;
}

.secondwh-wrapper .phb-module .com-ul:first-child {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
}

.secondwh-wrapper .phb-module .com-li {
    float: left;
    position: relative;
    width: 123px;
    height: 180px;
}

.secondwh-wrapper .phb-module .com-li .p-img {
    width: 100px;
    height: 100px;
    margin: 10px auto 0;
}

.secondwh-wrapper .phb-module .com-li .p-name {
    width: 100px;
    height: 28px;
    overflow: hidden;
    color: #333;
    margin-left: 11px;
    font: 12px/14px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    margin-top: 5px;
}

.secondwh-wrapper .phb-module .com-li .p-price {
    margin: 5px 0 0 11px;
    color: #b62323;
    font: 14px/22px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.secondwh-wrapper .phb-module .com-li .p-price em {
    font-size: 12px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 10px;
    right: 16px;
    background: url(../images/festival_home/festival_icon.png);
    color: #FFF;
    text-align: center;
    font: 12px/23px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.secondwh-wrapper .phb-module .com-li .ph-icon1 {
    background-position: -2px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon2 {
    background-position: -31px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon3 {
    background-position: -60px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon4 {
    background-position: -2px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon5 {
    background-position: -31px -30px;
}

.secondwh-wrapper .phb-module .com-li .ph-icon6 {
    background-position: -60px -30px;
}

.pindao-enter {
    margin-top: 20px;
}

.pindao-enter ul {
    width: 1210px;
    margin-top: -10px;
}

.pindao-enter li {
    float: left;
    position: relative;
    width: 393px;
    height: 170px;
    margin: 10px 10px 0 0;
}

.pindao-enter li a {
    display: block;
    width: 100%;
    height: 126px;
    padding-top: 44px;
}

.pindao-enter li a span.line {
    position: relative;
    display: block;
    height: 2px;
    background: url(../images/festival_home/festival_icon.png);
    margin-left: 5px;
    z-index: 1;
}

.pindao-enter li a span.n-line {
    width: 78px;
    background-position: -1px -3px;
    margin-left: 35px;
}

.pindao-enter li a span.w-line {
    background-position: 0 -11px;
    width: 154px;
    margin-left: 35px;
}

.pindao-enter li a p {
    position: relative;
    color: #FFF;
    width: 160px;
    overflow: hidden;
    z-index: 1;
}

.pindao-enter li a .name {
    font: bold 20px/26px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    height: 26px;
    margin: 5px 0 5px 35px;
}

.pindao-enter li a .desc {
    font: 14px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    height: 20px;
    margin: 5px 0 5px 35px;
}

.pindao-enter li a img {
    position: absolute;
    width: 170px;
    height: 170px;
    right: 25px;
    top: 0;
    background: 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s;
}

.pindao-enter li a:hover img {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

.pindao-enter li.item1 {
    background: #e89621;
    background: -moz-linear-gradient(center, #e89621, #f5c568);
    background: -webkit-gradient(linear, 0 0, right 0, from(#e89621), to(#f5c568));
    background: -o-linear-gradient(center, #e89621, #f5c568);
    background: -ms-linear-gradient(center, #e89621 0, #f5c568 100%);
}

.pindao-enter li.item2 {
    background: #325bb4;
    background: -moz-linear-gradient(center, #325bb4, #4c9afe);
    background: -webkit-gradient(linear, 0 0, right 0, from(#325bb4), to(#4c9afe));
    background: -o-linear-gradient(center, #325bb4, #4c9afe);
    background: -ms-linear-gradient(center, #325bb4 0, #4c9afe 100%);
}

.pindao-enter li.item3 {
    background: #1c9daf;
    background: -moz-linear-gradient(center, #1c9daf, #40cda7);
    background: -webkit-gradient(linear, 0 0, right 0, from(#1c9daf), to(#40cda7));
    background: -o-linear-gradient(center, #1c9daf, #40cda7);
    background: -ms-linear-gradient(center, #1c9daf 0, #40cda7 100%);
}

.pindao-enter li.item4 {
    background: #d13837;
    background: -moz-linear-gradient(center, #d13837, #df6d4f);
    background: -webkit-gradient(linear, 0 0, right 0, from(#d13837), to(#df6d4f));
    background: -o-linear-gradient(center, #d13837, #df6d4f);
    background: -ms-linear-gradient(center, #d13837 0, #df6d4f 100%);
}

.pindao-enter li.item5 {
    background: #ca4283;
    background: -moz-linear-gradient(center, #ca4283, #eb75cf);
    background: -webkit-gradient(linear, 0 0, right 0, from(#ca4283), to(#eb75cf));
    background: -o-linear-gradient(center, #ca4283, #eb75cf);
    background: -ms-linear-gradient(center, #ca4283 0, #eb75cf 100%);
}

.pindao-enter li.item6 {
    background: #5d40c1;
    background: -moz-linear-gradient(center, #5d40c1, #8c5fdb);
    background: -webkit-gradient(linear, 0 0, right 0, from(#5d40c1), to(#8c5fdb));
    background: -o-linear-gradient(center, #5d40c1, #8c5fdb);
    background: -ms-linear-gradient(center, #5d40c1 0, #8c5fdb 100%);
}

.festival-floormodule {
    width: 595px;
    background-color: #fff;
    box-shadow: 0 0 8px #eee;
    float: left;
    margin-top: 20px;
}

.festival-floormodule .floor-line-con {
    width: 100%;
    margin: 0;
    padding: 0;
}

.festival-floormodule .floor-hd {
    height: 45px;
    border-top: 2px solid #FFF;
}

.festival-floormodule .title {
    width: 100%;
    height: 45px;
}

.festival-floormodule .title-name {
    float: left;
    width: 181px;
    height: 45px;
    padding-left: 15px;
    font: bold 18px/45px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    color: #fff;
}

.festival-floormodule .keyword {
    float: right;
    margin: 14px 18px 0 0;
}

.festival-floormodule .keyword a {
    float: right;
    margin-left: 20px;
    font: 14px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    color: #666;
    text-decoration: none;
}

.festival-floormodule .floor-bd {
    height: auto;
    margin: 0;
}

.festival-floormodule .left-img {
    float: left;
    width: 195px;
    height: 360px;
}

.festival-floormodule .left-img .p-img {
    width: 100%;
    height: 270px;
}

.festival-floormodule .left-img .p-info {
    width: 100%;
    height: 90px;
    color: #fff;
}

.festival-floormodule .left-img .p-name {
    font: bold 20px/30px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    padding: 18px 0 0 20px;
}

.festival-floormodule .left-img .p-desc {
    font: 12px/22px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    padding-left: 20px;
}

.festival-floormodule .ul-list-img {
    float: left;
    width: 400px;
    height: 360px;
}

.festival-floormodule .ul-list-img li {
    float: left;
    width: 199px;
    height: 179px;
    border-width: 0 0 1px 1px;
    border-color: #EEE;
    border-style: solid;
    overflow: hidden;
}

.festival-floormodule .ul-list-img li .p-img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.festival-floormodule .ul-list-img li .p-name {
    width: 180px;
    height: 24px;
    overflow: hidden;
    text-align: center;
    margin: 14px auto 0;
    font: 16px/24px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
    color: #333;
}

.festival-floormodule .ul-list-img li .p-desc {
    width: 180px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    font: 12px/20px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.festival-floormodule .bottom-list {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}

.festival-floormodule .bottom-list li {
    float: left;
    position: relative;
    width: 199px;
    height: 109px;
    border-left: 1px solid #EEE;
}

.festival-floormodule .bottom-list li:first-child {
    width: 195px;
    border: 0;
}

.festival-floormodule .bottom-list li .p-name {
    width: 70px;
    color: #333;
    height: 24px;
    margin-top: 27px;
    padding-left: 20px;
    overflow: hidden;
    font: 14px/24px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.festival-floormodule .bottom-list li .p-desc {
    width: 72px;
    height: 22px;
    padding-left: 20px;
    overflow: hidden;
    font: 12px/22px "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB";
}

.festival-floormodule .bottom-list li .p-img {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 80px;
    height: 80px;
}

.festival-floormodule .brand-list {
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin: 0;
}

.festival-floormodule .brand-list li {
    float: left;
    width: 80px;
    height: 30px;
    margin: 9px;
    border: 0;
}

.festival-floormodule .brand-list li img {
    width: 100%;
}


/* 节日模板前台样式 */

.festival_home .header,
.festival_home .nav,
.festival_home .content {
    width: 1200px;
    margin: 0 auto;
}

.festival_home .lift-channel li {
    background-color: #fff;
}

.festival_home .ftit h3 {
    background: none;
}


/* 节日首页模板 end*/

.sellerlist {
    width: 1200px;
    float: left;
    clear: both;
}


/* 交易快照 */

.trade_snapshot .g-m-detail {
    margin-left: 0;
    width: 100%;
}

.trade_snapshot .gm-tabbox {
    width: 100%;
}

.trade_snapshot .short-share {
    display: none;
}


/* 红包领取页面 */

.bonus_content {
    width: 100%;
    min-height: 360px;
    background: url(../images/bouns_vol_bg.jpg) center center repeat-y;
}

.bonus_content .bonus_warp {
    margin: 40px 0 0 300px;
}

.bonus_content .bonus_warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.bonus_content .bonus_icon {
    width: 160px;
    height: 160px;
    display: block;
    float: left;
    background: url(../images/bouns_vol.png) no-repeat;
    margin-top: 40px;
}

.bonus_content .bonus_icon2 {
    background: url(../images/coupons_vol.png) no-repeat;
}

.bonus_content .bonus_info {
    margin-left: 50px;
    color: #fff;
    float: left;
    max-width: 680px;
}

.bonus_content .bonus_info .bonus_info_title {
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

.bonus_content .bonus_info .bonus_info_title h1 {
    font-size: 36px;
}

.bonus_content .bonus_info .bonus_info_title span {
    font-size: 24px;
}

.bonus_content .bonus_info .bonus_info_con {
    margin-top: 15px;
}

.bonus_content .bonus_info .bonus_info_con p {
    font-size: 14px;
    color: #eee;
    line-height: 22px;
}

.bonus_content .bonus_info .bonus_info_btn {
    margin-top: 5px;
}

.bonus_content .bonus_info .bonus_info_btn input {
    outline: 0;
}

.bonus_content .bonus_info .bonus_notic {
    height: 200px;
    line-height: 200px;
    font-size: 36px;
}


/* 店铺营业执照 详情信息 */

.mallInfo {
    float: left;
    border: solid 1px #dedede;
    background: #f7f7f7;
    width: 220px;
    padding: 10px 5px;
}

.mallInfo .item {
    float: left;
    width: 100%;
    padding: 5px;
}

.mallInfo .item .label {
    float: left;
    width: 72px;
}

.mallInfo .item .value {
    float: left;
}

.mallInfo .item .value .s-score {
    margin: 0;
}

.mallInfo .item .value .iconfont {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin: 1px 0 0 3px;
}

.mallInfo .item .value .grade_img {
    width: 20px;
    max-height: 20px;
}

.mallInfo .item .value.dsc-store-item .s-score-info {
    top: 15px;
}

.ratingMore {
    float: left;
    width: 946px;
    margin-left: 20px;
    border: 1px solid #dcdcdc;
}

.ratingMore .rm_title {
    padding: 5px 10px;
    font-weight: bold;
    border-bottom: solid 1px #dddddd;
    box-shadow: 0 1px 2px #ddd;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f3f3f3));
    background: -o-linear-gradient(top, #ffffff, #f3f3f3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
}

.ratingMore ul {
    margin: 15px 20px;
}

.ratingMore ul li {
    padding: 6px 5px;
}

.ratingMore ul li h2 {
    font-size: 14px;
    font-weight: bold;
}

.ratingMore ul li .label {
    font-weight: bold;
    width: 120px;
    float: left;
}

.ratingMore ul li .value {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    margin-left: 10px;
    width: 760px;
}

.ratingMore ul li .noMargin {
    width: 100%;
}

.ratingMore ul li .qualification-img {
    max-width: 900px;
}

#videoPlay {
    cursor: pointer;
}

@media screen and (min-width:1230px) and (max-width:1450px) {
    .w1390 {
        width: 1200px !important;
    }
    .header .w1390 .dsc-search {
        width: 546px;
        margin-left: 78px;
    }
    .header .w1390 .dsc-search .search-text {
        width: 378px;
    }
    .hotsale.w1390 li {
        width: 266px;
        margin-right: 15px;
    }
    .hotsale.w1390 li.last {
        margin-right: 0;
    }
    .hotsale.w1390 .item .p-img {
        margin-right: 10px;
    }
    .hotsale.w1390 .item .p-name {
        width: 146px;
    }
    .w1390 .g-view {
        width: 1226px;
    }
    .w1390 .goods-list {
        width: 978px;
    }
    .w1390 .goods-spread,
    .w1390 .goods-spread .gs-warp {
        margin-top: 0;
    }
    .w1390 .goods-spread .g-stop {
        display: none;
    }
    .merchants_shop .w1390 .goods-list {
        width: 1200px;
    }
    .merchants_shop .w1390 .goods-list .gl-item {
        width: 240px;
    }
    .merchants_shop .w1390 .goods-list .gl-i-wrap .p-img {
        width: 218px;
    }
    .merchants_shop .w1390 .goods-list .gl-i-wrap .p-operate a {
        width: 60px;
    }
    .merchants_shop .w1390 .goods-list .gl-i-wrap .p-operate .addcart {
        width: 90px;
    }
    .w1390 .p-panel-main .gl-list {
        height: 276px;
        overflow: hidden;
    }
    .w1390 .gl-h-item .gl-i-wrap .col {
        margin-right: 1%;
    }
    .w1390 .gl-h-item .gl-i-wrap .col-1 {
        width: 38%;
    }
    .w1390 .gl-h-item .gl-i-wrap .col-4 {
        margin-right: 0;
        width: 24%;
    }
}