@charset "UTF-8";

/*
Template Name: DSC2.0
Template URI: http://www.ecmoban.com/
Description: 大商创2.0.
Version: 2.0
Author: ecmoban Team
Author URI: http://www.ecmoban.com/
Logo filename: logo.gif
business_logo filename: business_logo.gif
Template Type: type_0
Date:2017-02-06 11:22:00
*/


/* 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: #c1272d;
}

.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 .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 {
    margin-right: 0;
}

.vip-outcon {
    width: 1200px;
    margin: -500px auto 0;
    height: 0;
    position: relative;
    display: none !important;
}

.vip-outcon .vip-con {
    width: 165px;
    height: 55px;
    position: absolute;
    top: 33px;
    right: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 1);
}

.userVip-info {
    width: 200px;
    height: 170px;
    overflow: hidden;
    position: relative;
}

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

.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: #c1272d;
    color: #c1272d;
    float: none;
    width: 108px;
    margin: 0 auto;
}

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

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


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

.vip-item {
    width: 100%;
    height: auto;
    position: relative;
}

.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: #c1272d;
    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: #c1272d;
}

.vip-item .con {
    margin: 10px 18px;
    line-height: 22px;
    color: #555;
    height: 70px;
    overflow: hidden;
}

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

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

.vip-item .kj_con {
    padding: 0 9px;
    overflow: hidden;
}

.vip-item .kj_con .item {
    float: left;
    width: 60px;
    text-align: center;
    padding-bottom: 9px;
}

.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 a:hover {
    color: #c1272d;
}

.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/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: #c1272d;
    padding-left: 450px;
    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:#c1272d; 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/right_arrow.png) no-repeat;
    width: 15px;
    height: 16px;
    float: left;
    margin-top: 7px;
    margin-left: 10px
}

.seckill-channel .box-bd {
    margin-top: 10px;
    height: 330px;
    overflow: hidden;
    position: relative;
}

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

.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: #c1272d;
}

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

.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 #c1272d;
    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: #c1272d;
}

.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)
}

.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: #c1272d;
    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: #c1272d;
}

.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: #000;
    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;
    line-height: 28px;
    border: 1px solid #f8f8f8;
    text-align: center;
    position: relative;
    cursor: pointer;
    background-color: #ffffff;
    width: auto;
    height: 34px;
    padding: 0;
    margin: 22.2px 0 0 8px;
}

.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: 1px solid #c1272d;
    border-bottom: 2px solid #fff;
}

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

.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);
    width: 727px\0;
    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: #c1272d;
    margin-top: 8px;
    line-height: 20px;
}

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

.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;
}


/*新增楼层模板 start*/


/* .floorthree,.floorfour,.floorfive,.floorsix,.floorseven{ margin-top:40px;} */

.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.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 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: #c1272d;
}

.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: #c1272d;
}

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

.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: #fff;
    border-bottom: 1px solid #c1272d;
}

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

.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: #fff;
    border-bottom: 1px solid #c1272d;
}

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

.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: #fff;
    border-bottom: 1px solid #c1272d;
}

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

.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: #fff;
    border-bottom: 1px solid #c1272d;
}

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

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
    border-color: #c1272d
}

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

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

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

.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: #c1272d;
}

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

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

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

.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);
}


/*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;
    overflow: hidden;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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/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 ul {
    width: calc(100% + 10px);
    width: 1210px\0;
}

.lift-channel li {
    float: left;
    width: 210px;
    margin: 0 10px 10px 0;
    border: 1px solid #D2D2D2;
    padding: 10px;
}

.lift-channel li:hover {
    border-color: #c1272d;
}

.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;
}

.lift-channel li .p-price {
    line-height: 36px;
}

.lift-channel li .p-price .shop-price {
    float: left;
    font-size: 16px;
    color: #c1272d;
}

.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-item {
    width: 24px;
    min-height: 38px;
    line-height: 18px;
    padding: 4px 13px;
    overflow: hidden;
    background-color: #f5f5f5;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
}

.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: #c1272d;
    color: #fff;
}

.lift.lift-mode-one .lift-item.lift-item-top {
    line-height: 32px;
    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: #c1272d;
}

.lift.lift-mode-four .lift-item:hover,
.lift.lift-mode-four .lift-item-current {
    background-color: #bbb;
    color: #fff;
    border-color: #bbb;
}


/* 首页楼层左侧悬浮导航栏 start */


/*首页弹出广告*/

.ejectAdv {
    display: none;
}

.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    border-bottom-color: #fff;
}

.menu-drop-open:hover .bottom {
    border-bottom: 1px solid #f00;
}

.menu-drop-open:hover .menu-drop-main {
    border-color: #c1272d;
    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: #c1272d;
}

.selector .s-l-v-logos li:hover a {
    border-color: #c1272d;
    line-height: 56px;
    color: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
    color: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.filter-wrap .styles li.current .iconfont {
    color: #c1272d;
}

.filter-wrap .styles li.current a {
    color: #c1272d;
}

.filter-wrap .filter-left .styles li {
    border-right: 1px solid #d2d2d2;
    border-left: 0;
}

.p-price {
    font-size: 16px;
    color: #c1272d;
}

.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: #c1272d;
}

.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 {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.goods-list .gl-item {
    float: left;
    width: 232px;
    height: 470px;
    position: relative;
    z-index: 1;
}

.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 {
    padding: 11px;
    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: #c1272d;
}

.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 {
    width: 100%;
    line-height: 24px;
    margin-top: 3px;
}

.gl-i-wrap .p-store a {
    display: inline-block;
}

.gl-i-wrap .p-store a.store {
    color: #8c8c8c;
}

.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: #c1272d;
    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: #c1272d;
}

.gl-i-wrap .p-operate {
    margin-top: 10px;
    overflow: hidden;
    padding: 0 0 10px 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: #c1272d;
    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 .iconfont {
    font-size: 14px;
    margin: 1px 2px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.gl-i-wrap .p-operate .addcart {
    width: 88px;
    color: #c1272d;
}

.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: #c1272d;
}

.goods-list .gl-item:hover .gl-i-wrap {
    -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: 12px 15px 17px;
}

.gl-h-item .gl-i-wrap {
    width: 100%;
    padding: 0;
    overflow: hidden;
    background: none;
}

.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: 15%;
    margin-right: 1%;
}

.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;
}

.col .p-name a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col .p-lie {
    line-height: 20px;
    margin-top: 5px;
    color: #8c8c8c;
}

.col .p-lie .p-num {
    float: left;
    color: #8c8c8c;
}

.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
    background-color: #c1272d;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #c1272d, #f55658);
    background-image: -webkit-linear-gradient(top, #c1272d, #f55658);
    background-image: -o-linear-gradient(top, #c1272d, #f55658);
    background-image: linear-gradient(top, #c1272d, #f55658);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c1272d', 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;
}

.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 #c1272d;
    width: 25px;
    color: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.store-shop-list .ss-i-goods .p-price {
    font-size: 14px;
    margin-top: 5px;
}

.store-shop-list .goods-list {
    width: 1200px;
}

.store-shop-list .goods-list .gl-item {
    width: 240px;
}

.store-shop-list .goods-list .gl-item .gl-i-wrap {
    padding: 11px 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: #c1272d;
}

.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;
    display: none;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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 {
    margin-top: 20px;
}

.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;
}

.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: #c1272d;
}

.short-share {
    height: 20px;
    margin-top: 20px;
}

.short-share .bar_code {
    float: left;
}

.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: #c1272d;
}

#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: #c1272d;
    margin-bottom: 10px;
}

.summary {
    position: relative;
}

.activity-title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #c1272d;
}

.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;
}

.summary-item {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.summary-item .si-tit {
    float: left;
    padding-left: 20px;
    width: 50px;
    margin-right: 10px;
    line-height: 24px;
    color: #8c8c8c;
}

.summary-item .si-warp {
    float: left;
    line-height: 24px;
    width: 520px;
}

.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: #c1272d;
    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) #c1272d 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;
}

.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 #c1272d;
    height: 22px;
    color: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.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;
}

.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 {
    line-height: 30px;
}

.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: #c1272d;
}

.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 {
    border: 1px solid #d2d2d2;
    width: 28px;
    height: 28px;
    float: left;
    outline: 0;
    text-align: center;
}

.amount-warp .a-btn {
    float: left;
    width: 22px;
    height: 28px;
    border: 1px solid #d2d2d2;
    border-left: 0;
}

.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: 10px;
    padding-left: 20px;
}

.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: #c1272d;
}

.btn-append {
    background-color: #c1272d;
}

.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: #c1272d;
}

.btn-since:hover {
    background-color: #c1272d;
}

.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: #c1272d;
}

.track .track-con li a:hover .price {
    color: #c1272d;
}

.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: #c1272d;
}

.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;
    display: none;
}

.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;
}

.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 #c1272d;
    width: 50px;
    color: #c1272d;
    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: #c1272d;
    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: #c1272d;
}


/*商品配件、组合购买*/

.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 #c1272d;
    height: 37px;
    color: #c1272d;
    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: #c1272d;
    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: #c1272d;
}

.combo-btn .combo-btn-buynow:hover {
    background-color: #c1272d;
}

.combo-btn .combo-btn-append {
    background-color: #c1272d;
    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: 198px;
}

.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;
}

.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;
}

.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: #c1272d;
    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: #c1272d;
    color: #c1272d;
}

.store-href a:hover {
    color: #c1272d;
    border-color: #c1272d;
}

.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 #c1272d;
}

.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: #c1272d;
    color: #fff;
    text-align: center;
    outline: 0;
    cursor: pointer;
}

.s-search .search-btn:hover {
    background-color: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.g-m-left .g-rank {
    border: 0;
    width: 200px;
}

.mc-tab {
    padding-left: 1px;
    height: 38px;
    border-bottom: 1px solid #d2d2d2;
}

.mc-tab li {
    border: 1px solid #d2d2d2;
    border-bottom: 0;
    height: 38px;
    line-height: 38px;
    width: 65px;
    text-align: center;
    font-weight: bold;
    float: left;
    margin-left: -1px;
    cursor: pointer;
}

.mc-tab li.curr {
    border-top: 2px solid #c1272d;
    background-color: #fff;
    width: 66px;
    height: 37px;
    color: #c1272d;
}

.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: #c1272d;
}

.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 #c1272d;
    height: 37px;
    background-color: #fff;
    color: #c1272d;
}


/*.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: #c1272d;
}

.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: #c1272d;
    border-color: #c1272d;
    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: #c1272d;
}

.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;
    margin-bottom: 30px;
}

.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 {
    width: 25%;
    float: left;
    margin-top: 10px;
}

.goods-para .column span {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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 #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}


/*.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d
}

.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: #c1272d;
}

.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: #c1272d;
    outline: 0;
}

.btnbox span {
    color: #c1272d;
    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: #c1272d;
}

.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 #c1272d;
    height: 38px;
    line-height: 38px;
}

.review-tabs a {
    float: left;
    width: 179px;
    text-align: center;
    color: #c1272d;
    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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
    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;
    color: #8c8c8c;
    padding: 0 15px;
    display: inline-block;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.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/login-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: #c1272d;
}

.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 10px 5px 35px;
}

.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: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    border-bottom-color: #fff;
    color: #c1272d;
}

.gp-tab li.curr .iconfont {
    color: #c1272d;
}

.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: #c1272d;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c1272d;
}

.gp-tit .iconfont {
    left: 2px;
    top: 3px;
    color: #c1272d;
}

.gp-email-up,
.gp-end {
    text-align: center;
    font-size: 16px;
    color: #8c8c8c;
    padding-top: 150px;
}

.gp-email-up a {
    color: #c1272d;
}

.gp-email-up a:hover {
    text-decoration: underline;
}

.gp-email-up p {
    margin-bottom: 20px;
}

.gp-email-up .time {
    color: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.input-tip span.succeed,
.input-tip span.succeed .iconfont {
    color: #1ecb63;
}

.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;
}

.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: #c1272d;
}

.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: #c1272d;
    border-color: #c1272d;
    color: #fff;
}

.cart-step-item.cur span {
    background-color: #fff;
    border-color: #c1272d;
    color: #c1272d;
}

.cart-step-item.curr .iconfont,
.cart-step-item.cur .iconfont {
    color: #c1272d;
}

.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: 150px;
}

.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: 430px;
}

.cart-head .c-props {
    width: 142px;
}

.cart-head .c-price {
    width: 166px;
}

.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 .self-shop-name {
    min-width: 62px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #c1272d;
    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 #c1272d;
    display: block;
    text-align: center;
    line-height: 23px;
    color: #c1272d;
    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 #c1272d;
    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: #c1272d;
}

.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;
}

.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: 435px;
}

.item-form .s-props {
    width: 155px;
    padding: 0px 35px 0 0;
}

.item-form .s-price {
    width: 130px;
    padding: 0px 28px 0 0;
}

.item-form .s-quantity {
    width: 60px;
    padding: 0px 68px 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;
}

.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: 24px;
    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 {
    display: block;
    font-size: 12px;
    color: #438cde;
    margin-top: 5px;
}

.item-form .s-action a:first-child {
    margin-top: 0;
}

.item-form .s-action a:hover {
    color: #c1272d;
}

.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: #c1272d;
    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 #c1272d;
    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;
}

.prom-hover .sales-promotion {
    border-color: #c1272d;
    border-bottom-color: #fff;
}

.prom-hover .promotion-tips,
.prom-hover .p-coupon-cont {
    overflow: hidden;
}

.prom-hover .s-coupon-tit {
    border: 1px solid #c1272d;
    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: #c1272d;
    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: #c1272d;
    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 #c1272d;
    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: #c1272d;
    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: #c1272d;
}

.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 {
    position: fixed;
    background: #fff;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    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: #c1272d;
}

.cart-tfoot .toolbar-right {
    float: right;
}

.cart-tfoot .btn-area {
    float: right;
}

.cart-tfoot .btn-area form {
    float: left;
    height: 50px;
}

.submit-btn {
    width: 160px;
    height: 50px;
    border: 0;
    background-color: #c1272d;
    color: #fff;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
}

.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;
}

.sumPrice {
    font-size: 24px;
    font-weight: 700;
    color: #c1272d;
}

.totalRePrice {
    color: #333;
}

.cart-tfoot .amount-sum .cart_check_num {
    color: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
}

.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;
}


/*.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: #c1272d; 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 #c1272d; background: #fff; color: #c1272d; 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: 4px 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: #c1272d;
}

.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: #c1272d;
}

.store-warp .item_value a:hover {
    text-decoration: underline;
}

.store-warp .item_value .text {
    font-size: 12px;
}

.store-warp .item_value .text-2 {
    width: 160px;
}

.store-warp .item_value .text_time .text {
    padding: 0 15px 0 5px;
}


/* 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: #c1272d;
}

.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-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: #c1272d;
    color: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
}

.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 #c1272d;
    border-radius: 20px;
    text-align: center;
    color: #c1272d;
    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: #c1272d;
    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: #c1272d;
}

.invoice-cont .selected .invoice-item-text {
    border-color: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    border-bottom: 1px solid #c1272d;
}

.order-virtual-tabs li b {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    background-color: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
    float: left;
    text-align: right;
}

.checkout-foot {
    display: block;
    position: relative;
    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;
}


/* 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;
}

.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: #c1272d;
}

.payOrder-desc .pay-txt {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0 5px;
}

.payOrder-desc .pay-txt em {
    color: #c1272d;
}

.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 #c1272d;
}

.payOrder-mode .p-mode-list {
    margin-top: 20px;
    width: calc(100% + 12px);
    overflow: hidden;
}

.payOrder-mode .p-mode-item {
    float: left;
    width: 178px;
    height: 88px;
    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: #c1272d;
}

.shopend-warp {}

.shopend-warp:after {
    content: ' ';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.shopend-info {
    margin: 50px auto;
    width: 540px;
    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: #c1272d;
}

.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: #c1272d
}

.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: #c1272d;
}

.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: #c1272d;
    display: none;
}

.pay_button .noBtn {
    background: #b5b5b5;
    display: block;
    cursor: default;
}

.pay_button * {
    float: left;
}

.p-mode-list .balance a {
    height: 88px;
    background: url(../images/pay/balance-icon.png) center center no-repeat;
    font-size: 0;
}

.p-mode-list .chunsejinrong a {
    height: 88px !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: 88px;
    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: 88px;
    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: #c1272d;
}

.yh-zz {
    font-size: 14px;
    color: #8c8c8c;
}

.bt-desc {
    float: left;
    margin: 20px 0 0 10px;
    font-size: 14px;
}

.bt-desc .qishu {
    margin-top: 5px;
    color: #c1272d;
}


/* 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 {
    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 {
    color: #37a9dc;
    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: 230px;
}

.sett-banner .s-b-btn .view-prog {
    background-position: -239px 0px;
    float: right;
}

.sett-banner .s-b-btn .im-sett:hover {
    color: #c1272d;
}

.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: #c1272d;
    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/joinin-icon.png) no-repeat;
}

.item-one i {
    width: 80px;
    height: 80px;
    background-position: -80px -40px;
}

.item-two i {
    width: 80px;
    height: 80px;
    background-position: -160px -40px;
}

.item-three i {
    width: 80px;
    height: 80px;
    background-position: -240px -40px;
}

.item-four i {
    width: 80px;
    height: 80px;
    background-position: -320px -40px;
}

.item-one .item-i {}

.item-two .item-i {}

.item-three .item-i {}

.item-four .item-i {}

.item-one .tit {
    color: #8c8c8c;
}

.item-two .tit {
    color: #8c8c8c;
}

.item-three .tit {
    color: #8c8c8c;
}

.item-four .tit {
    color: #8c8c8c;
}

.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: #c1272d;
}

.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: #9bd541;
}

.sett-a-item .sett-step .item2 .item-i {
    background-color: #9bd541;
}

.sett-a-item .sett-step .item3 .item-i {
    background-color: #9bd541;
}

.sett-a-item .sett-step .item4 .item-i {
    background-color: #9bd541;
}

.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: #c1272d;
    line-height: 5;
    text-align: center;
}

.sett-r-btn .imrz {
    width: 155px;
    height: 68px;
    float: left;
}

.sett-r-btn .imrz:hover {
    text-decoration: underline;
}

.sett-r-btn .view-prog {
    color: #c1272d;
    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: #c1272d;
}

.spw-cont .spw-wait .spw-icon {
    background-position: -169px 0;
}

.spw-cont .spw-wait h2 {
    color: #c1272d;
}

.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: #c1272d;
    border-color: #c1272d;
    color: #fff;
}

.s-p-steps li.curr i {
    color: #c1272d;
}

.s-p-steps li.cur span {
    border-color: #c1272d;
    color: #c1272d;
}

.s-p-steps li.cur i {
    color: #c1272d;
}

.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;
}


/* 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: #c1272d;
    border-color: #c1272d;
}

.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: #c1272d;
}

.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 .item-content {
    width: 134px;
    padding: 8px 16px 8px 30px;
}

.nav .gb-categorys .categorys-tab-content .item-content:hover {
    background: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    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 {
    margin: 10px -10px 0 0;
}

.gb-index-list li {
    float: left;
    width: 212px;
    margin: 0 10px 10px 0;
    position: relative;
    padding: 10px;
}

.gb-index-list .img {
    display: block;
}

.gb-index-list .img img {
    width: 210px;
    height: 210px;
    margin-bottom: 10px;
}

.gb-index-list .price {
    float: left;
    color: #c1272d;
    font-size: 21px;
}

.gb-index-list .price em {
    font-size: 18px;
    font-style: normal;
}

.gb-index-list .man {
    float: right;
    line-height: 36px;
    color: #8c8c8c;
}

.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 .gb-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    color: #c1272d;
}

.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: #c1272d;
}

.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 {
    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: #c1272d;
    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: #555;
    margin-top: 5px;
}

.exchange-list .already {
    color: #8c8c8c;
    margin: 5px 0 10px;
}

.exchange-list .already i {
    margin-right: 5px;
}

.exchange-list .ex-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #c1272d;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.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: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
    margin-bottom: 5px;
}

.activity-list .act-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    background: #c1272d;
    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: #c1272d;
}

.activity-index-list li .tag-zk:after {
    color: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
}

.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;
}

.brand-list li .img img {
    width: 278px;
    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: #c1272d;
    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 {
    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: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    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: #c1272d;
}

.snatch-hot-slide .bd li .sn-btn {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #c1272d;
}

.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 {
    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: #c1272d;
    vertical-align: -3px;
}

.snatch-list .info .price em {
    color: #c1272d;
}

.snatch-list .sn-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #c1272d;
    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: #c1272d;
    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 i {
    font-size: 21px;
    color: #c1272d;
    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 #c1272d;
    width: 50px;
    color: #c1272d;
    padding: 0 5px;
    margin: 0 auto;
}

.street-list-item .info .s-name a:hover {
    color: #c1272d;
}

.street-list-item .info p {
    color: #8c8c8c;
    text-align: left;
    padding-left: 60px;
    margin: 2px 0;
}

.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 #c1272d;
}

.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: #c1272d;
    border-color: #c1272d;
}

.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: #c1272d;
    color: #c1272d;
}

.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: 65px;
    position: relative;
}

.acde-right .org-box .org-logo a {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
    height: 65px;
    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: #c1272d;
    color: #c1272d;
}

.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 #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

.catalog-detail .catalog-item:nth-child(6) h2 {
    background-color: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    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: #c1272d;
    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 #c1272d;
    color: #c1272d;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-main .atwillgo-slide .bd li .p-btn a:hover {
    background: #c1272d;
    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: #c1272d;
}

.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: #c1272d;
}

@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: #c1272d;
}

.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: #c1272d;
    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 .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: #c1272d;
}

.catetop-default .categorys-items-layer .cate-ad {
    float: left;
    width: 215px;
}

.catetop-default .catetop-tree-blank {
    height: 45px;
    background: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
    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: #c1272d;
    margin-bottom: 5px;
}

.catetop-default .catetop-brand .bd .brand-recommend li .info-name a {
    color: #c1272d;
}

.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: #c1272d;
}


/*tree*/

.catetop-cloth .nav .nav-main {
    width: 940px;
}

.catetop-cloth .nav .categorys {
    width: 250px;
}

.catetop-cloth .nav .categorys .categorys-type {
    background-color: #c1272d;
}

.catetop-cloth .categorys-tab-content {
    height: 450px;
}

.catetop-cloth .categorys-tab-content .categorys-item {
    height: 90px;
    cursor: default;
}

.catetop-cloth .categorys-tab-content .categorys-item:hover {
    background-color: #c1272d;
}

.catetop-cloth .categorys-tab-content .item-content {
    position: relative;
    padding: 14.5px 0;
    margin: 0 10px;
    width: 230px;
    background: none;
    border-bottom: 1px dashed #4B94E6;
}

.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;
}

.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 #c1272d;
    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: #c1272d;
}

.catetop-cloth .catetop-banner .cloth-hd li:first-child {
    margin-left: 251px;
}


/*limitime*/

.catetop-cloth .limitime .limitime-list .limitime-btn {
    background: #c1272d;
}

.catetop-cloth .limitime .limitime-list .limitime-btn:hover {
    background: #c1272d;
}


/*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: #c1272d;
}

.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: #c1272d;
    border-color: #c1272d;
}

.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 #c1272d;
    color: #c1272d;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    transition: all .2s;
}

.catetop-cloth .atwillgo-slide .bd li .p-btn a:hover {
    background: #c1272d;
    color: #fff;
}

.catetop-cloth .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #c1272d;
}


/*lift*/

.catetop-cloth .catetop-lift-item:hover,
.catetop-cloth .catetop-lift-item.lift-item-current {
    background: #c1272d;
}


/*catogory-top-cloth end*/


/*catogory-top-food start*/

.catetop-food .dsc-search .search-text {
    border-color: #c1272d;
}

.catetop-food .dsc-search .button {
    background-color: #c1272d;
}

.catetop-food .dsc-search .button-store {
    background-color: #c1272d;
}

.catetop-food .dsc-zoom {
    border-bottom-color: #c1272d;
}


/*tree*/

.catetop-food .nav .categorys {
    width: 216px;
}

.catetop-food .nav .categorys .categorys-type {
    background-color: #c1272d;
}

.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: #c1272d;
}

.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: #c1272d;
    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 #c1272d;
    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: #c1272d;
    padding: 0 19px;
    line-height: 36px;
    border: 2px solid #c1272d;
    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: #c1272d;
    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 #c1272d;
    color: #c1272d;
    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: #c1272d;
    color: #fff;
}

.catetop-food .catetop-main .atwillgo-slide .hd ul li.on {
    width: 20px;
    background: #c1272d;
}


/*lift*/

.catetop-food .catetop-main .catetop-lift-item {
    margin-bottom: -1px;
    border: 1px solid #c1272d;
    background: #fff;
    color: #555;
    width: 45px;
}

.catetop-food .catetop-main .catetop-lift-item.lift-item-top {
    background: #c1272d;
    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: #c1272d;
    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: #c1272d;
    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: #c1272d;
    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: #c1272d;
    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: 832px;
}

.feedback-write .message .feedback-form .text {
    height: 38px;
    line-height: 38px;
    border-color: #d2d2d2;
    float: left;
    margin-right: 40px;
}

.feedback-write .message .feedback-form .sc-btn {
    height: 40px;
    line-height: 40px;
    width: 120px;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
}

.message .item .item-l {
    margin-bottom: 10px;
}

.message .item .item-l h2 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
}

.message .content-item-tit a {
    color: #4f71c6;
}

.message .item .item-r {
    width: 848px;
    float: left;
}

.message .item .item-r .content-item-tit {
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 6px;
}

.message .content-item-tit .time {
    float: right;
}

.message .item .item-r .hf {
    overflow: hidden;
    margin: 20px 0 8px;
}

.message .item .item-r .hf span {
    float: right;
    padding-right: 2px;
}

.message .item .item-r h3 {
    font-size: 14px;
    float: left;
}

.message .item .item-r .hf_content {
    word-wrap: break-word;
}


/*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 {
    padding-top: 20px;
    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: 18px;
    background: #c1272d;
    color: #fff;
    text-align: center;
}

.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 li {
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    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: 18px;
}

.article-side .article-menu .am-c .menu-item .item-bd a {
    color: #555;
}

.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: #c1272d;
}

.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;
}

.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;
    width: 800px;
    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: #c1272d;
}

.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: #c1272d
}

;
.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 end*/


/*artilce-index start*/

.cms_not {
    background: #fff;
    margin-top: 80px;
    padding: 50px 0;
}

.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: #c1272d;
    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: #c1272d;
    color: #fff;
}

.shop-header .middle .follow-btn .iconfont {
    font-size: 13px;
    margin-right: 5px;
}

.shop-header .shop-search {
    float: left;
    margin: 34px 0 0 90px;
}

.shop-header .shop-search input[type=text] {
    float: left;
    height: 28px;
    border: 1px solid #D9D9D9;
    padding: 0 5px;
    width: 170px;
    outline: none;
}

.shop-header .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-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: #c1272d;
}

.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: #c1272d;
}


/*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: #c1272d;
}

@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: #c1272d;
    border-color: #c1272d;
}

.shop-list-side .side-recommend-hot li:nth-child(2):before {
    content: "2";
    color: #c1272d;
    border-color: #c1272d;
}

.shop-list-side .side-recommend-hot li:nth-child(3):before {
    content: "3";
    color: #c1272d;
    border-color: #c1272d;
}

.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: #c1272d;
    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 #c1272d;
    outline: 0 none;
    width: 350px;
    font-size: 14px;
    float: left;
}

.email_sub_btn .emp_btn {
    background: #c1272d;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    float: left;
}


/*邮箱订阅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: #c1272d;
    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: #c1272d;
}

.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 #c1272d;
    border-radius: 9px;
    color: #c1272d;
    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: #c1272d;
    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: #c1272d;
    font-size: 22px;
    float: left;
}

.brand-cate-info .title a {
    float: left;
    color: #c1272d;
    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: #c1272d;
}


/*.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 #c1272d;
    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 15px 10px;
    border: 1px solid #fff;
    margin: 5px;
}

.brand-main .brand-section .bd .p-img {
    width: 208px;
    height: 208px;
}

.brand-main .brand-section .bd .p-img img {
    width: 100%;
    height: 100%;
}

.brand-main .brand-section .bd .p-price {
    font-size: 18px;
    text-align: center;
    color: #c1272d;
    margin-top: 10px;
}

.brand-main .brand-section .bd .p-name {
    margin-top: 10px;
}

.brand-main .brand-section .bd .p-name a {
    font-size: 12px;
    display: block;
    height: 36px;
    overflow: hidden;
}

.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: #c1272d;
}


/*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: #c1272d;
    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: #c1272d;
    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: #c1272d;
    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 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: #c1272d;
}

.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: #c1272d;
    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: 34px;
}

.skmu-nav .nav-main li a {
    font-weight: normal;
}

.skmu-nav .nav-main li.skmu-item-last a {
    color: #c1272d;
}

.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: #c1272d;
}


/*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: #c1272d;
    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: #c1272d;
    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: #c1272d;
}


/*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:last-child {
    margin-bottom: 0;
}

.shop-list-main .adv_module {
    margin: 0;
}

.shop-list-main .floor-line-con {
    padding-top: 0;
}


/*可视化样式 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;
}

@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%;
    }
}

.gray {
    color: #8c8c8c
}


/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover
 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */


/* 2D TRANSITIONS */


/* Grow */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* Shrink */

.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}


/* Pulse */

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/* Pulse Grow */

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


/* Pulse Shrink */

@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


/* Push */

@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Pop */

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Bounce In */

.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


/* Bounce Out */

.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


/* Rotate */

.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}


/* Grow Rotate */

.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}


/* Float */

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}


/* Sink */

.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}


/* Bob */

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}


/* Hang */

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}


/* Skew */

.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}


/* Skew Forward */

.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}


/* Skew Backward */

.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}


/* Wobble Vertical */

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Wobble Horizontal */

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Wobble To Bottom Right */

@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Wobble To Top Right */

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Wobble Top */

@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Wobble Bottom */

@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Wobble Skew */

@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Buzz */

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/* Buzz Out */

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Forward */

.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}


/* Backward */

.hvr-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
}


/* BACKGROUND TRANSITIONS */


/* Fade */

.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
    background-color: #2098D1;
    color: white;
}


/* Back Pulse */

@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098D1;
    background-color: #2098d1;
    color: white;
}


/* Sweep To Right */

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
    color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* Sweep To Left */

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
    color: white;
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* Sweep To Bottom */

.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
    color: white;
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}


/* Sweep To Top */

.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
    color: white;
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}


/* Bounce To Right */

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
    color: white;
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Left */

.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
    color: white;
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Bottom */

.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
    color: white;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Top */

.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
    color: white;
}

.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Radial Out */

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
    color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}


/* Radial In */

.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
    color: white;
}

.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* Rectangle In */

.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
    color: white;
}

.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}


/* Rectangle Out */

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
    color: white;
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* Shutter In Horizontal */

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
    color: white;
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}


/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
    color: white;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* Shutter In Vertical */

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
    color: white;
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}


/* Shutter Out Vertical */

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
    color: white;
}

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}


/* BORDER TRANSITIONS */


/* Border Fade */

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}


/* Hollow */

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
    background: none;
}


/* Trim */

.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
    opacity: 1;
}


/* Ripple Out */

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}


/* Ripple In */

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in;
}


/* Outline Out */

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}


/* Outline In */

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1;
}


/* Round Corners */

.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}

.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
    border-radius: 1em;
}


/* Underline From Left */

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
    right: 0;
}


/* Underline From Center */

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}


/* Underline From Right */

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
    left: 0;
}


/* Overline From Left */

.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
    right: 0;
}


/* Overline From Center */

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
    left: 0;
    right: 0;
}


/* Overline From Right */

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
    left: 0;
}


/* Reveal */

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098D1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px;
}


/* Underline Reveal */

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


/* Overline Reveal */

.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098D1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


/* SHADOW/GLOW TRANSITIONS */


/* Glow */

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}


/* Shadow */

.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}


/* Grow Shadow */

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* Box Shadow Outset */

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}


/* Box Shadow Inset */

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}


/* Float Shadow */

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/* Shadow Radial */

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-shadow-radial:before,
.hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.hvr-shadow-radial:hover:before,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:active:after {
    opacity: 1;
}


/* SPEECH BUBBLES */


/* Bubble Top */

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}


/* Bubble Right */

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}


/* Bubble Bottom */

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}


/* Bubble Left */

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}


/* Bubble Float Top */

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}


/* Bubble Float Right */

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}


/* Bubble Float Bottom */

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}


/* Bubble Float Left */

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}


/* ICONS */


/* Icon Back */

.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.hvr-icon-back .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-back:hover .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:active .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}


/* Icon Forward */

.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-forward:hover .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}


/* Icon Down */

@-webkit-keyframes hvr-icon-down {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-down {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}


/* Icon Down */

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-down .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-down:hover .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:active .hvr-icon {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


/* Icon Up */

@-webkit-keyframes hvr-icon-up {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-up {
    0%,
    50%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}


/* Icon Up */

.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-up .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-up:hover .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:active .hvr-icon {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


/* Icon Spin */

.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-spin .hvr-icon {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:active .hvr-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* Icon Drop */

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    51%,
    100% {
        opacity: 1;
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    51%,
    100% {
        opacity: 1;
    }
}


/* Icon Drop */

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-drop:hover .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:active .hvr-icon {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Icon Fade */

.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:active .hvr-icon {
    color: #0F9E5E;
}


/* Icon Float Away */

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}


/* Icon Float Away */

.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-float-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


/* Icon Sink Away */

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}


/* Icon Sink Away */

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-sink-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


/* Icon Grow */

.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:active .hvr-icon {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0);
}


/* Icon Shrink */

.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:active .hvr-icon {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}


/* Icon Pulse */

@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/* Icon Pulse Grow */

@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


/* Icon Pulse Shrink */

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-pulse-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


/* Icon Push */

@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-push .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-push:hover .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:active .hvr-icon {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Icon Pop */

@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Icon Bounce */

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-bounce .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:active .hvr-icon {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


/* Icon Rotate */

.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:active .hvr-icon {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}


/* Icon Grow Rotate */

.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-grow-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:active .hvr-icon {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg);
}


/* Icon Float */

.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-float .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-float:hover .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:active .hvr-icon {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}


/* Icon Sink */

.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-sink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-sink:hover .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:active .hvr-icon {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}


/* Icon Bob */

@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-bob .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-bob:hover .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:active .hvr-icon {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}


/* Icon Hang */

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-hang .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-hang:hover .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:active .hvr-icon {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}


/* Icon Wobble Horizontal */

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Icon Wobble Vertical */

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* Icon Buzz */

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-buzz:hover .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/* Icon Buzz Out */

@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-buzz-out:hover .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* CURLS */


/* Curl Top Left */

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px;
}


/* Curl Top Right */

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px;
}


/* Curl Bottom Right */

.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px;
}


/* Curl Bottom Left */

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px;
}

.floor-hd .hd-tit {
    text-align: left !important;
    font-size: 22px !important;
    font-weight: bold;
    color: #333;
    height: 48px !important;
    border-bottom: 1px solid #172a88;
    ;
}

.search-all {
    line-height: 70px !important;
    float: right;
    color: #333;
    font-size: 14px;
}

.floor-hd {
    height: 48px !important;
}

.f-r-main .p-list li {
    float: left;
    height: 361px !important;
    width: 260px !important;
    margin: 20px 20px 0 0;
    background: #fff;
    padding: 10px;
}

.floorOne .f-r-main .p-list li .p-img,
.floorOne .f-r-main .p-list li .p-img img {
    width: 240px !important;
    height: 240px !important;
}
.f-r-main .p-list li{
    width: 240px !important;
}
.login-wrap .login-form {
	float: right;
	top: 95px;
	margin-right: 70px;
}
.form-other .btn {
	background: #D7C89C;
}
.form .btn {
	background: #D7C89C;
}
.form .text {
	padding-left: 5px;
}
#loginDialogBody{
    width: 485px !important;
}
.form .iconfont{display: none;}
.gallery_wrap{
    padding: 5px;
	width: 350px;
	height: 350px;
	border: 4px solid #172a88;
	text-align: center;
    border-bottom: none !important;

}
.spec-list{
    width: 360px;
	height: 60px;
	border: 4px solid #172a88;
	border-top: 0;
	padding: 11px 0;
}
.spec-list .spec-items{
    float: left;
	width: 270px;
	height: 60px;
	overflow: hidden;
}
.summary-basic-info .si-tit{
    color: #000;
    font-weight: bold;
}
.gm-tab li.curr{
    border-top: 2px solid #dad2bc;
	height: 37px;
	background-color: #fff;
	color: #000;
}
.gm-f-item .gm-title h3{
    border-color: #dad2bc;
}

/* .floorOne .f-r-main .p-list li .p-img img {
    border: #000 2px solid;
  } */

/* .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: #f4f4f4;
}

.content {
    background-color: #f4f4f4;
}

body {
    background-color: #f4f4f4 !important;
} */


/*# sourceMappingURL=hover.css.map */