body, div, dl, dt, h1, h2, h3, ul, ol, li, p, form, input, textarea, cite, span, strong {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Microsoft YaHei', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 12px;
    color: #333;
}

body {
    background: #fff;
}

li {
    list-style-type: none;
}

ul, ol {
    list-style: none outside none;
}

legend {
    display: none;
}

fieldset, img {
    border: none;
    vertical-align: middle;
}

input, button, select, textarea {
    outline: none;
}

textarea {
    resize: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

table, tr, th, td, font {
    font-size: 12px;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 10px;
}

h6 {
    font-size: 8px;
}

input, textarea {
    outline: none;
}

a {
    text-decoration: none;
    font-size: 12px;
    color: #333;
}

img {
    border: medium none;
}

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear {
    *zoom: 1;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    *height: 1%;
}

/* 顶部 */
.top-wrap {
    width: 100%;
    height: 29px;
    background: #f0f0f0;
}

.top-container {
    width: 1200px;
    height: 29px;
    margin: 0 auto;
}

.top-left {
    float: left;
    height: 29px;
    position: relative;
    z-index: 100000;
}

.top-right {
    float: right;
    height: 29px;
}

.top-left ul li {
    float: left;
    position: relative;
}

.top-left ul li.curren {
    background: #fff;
}

.top-left ul li a {
    line-height: 29px;
    font-size: 13px;
    background: url(../images/tico-dot.png) no-repeat right center;
    padding: 0 15px 0 0;
    margin: 0 14px;
}

.top-dropdown {
    display: none;
    z-index: 100001;
    width: 105px;
    height: 105px;
    position: absolute;
    top: 28px;
    padding: 13px;
    background: #fff;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
}

.top-dropdown img {
    width: 105px;
    height: 105px;
}

.top-right ul li {
    float: left;
}

.top-right ul li a {
    font-size: 13px;
    line-height: 29px;
    margin: 0 0 0 22px;
}

.top-right ul li a:hover {
    color: #1b43c4;
}

/* 头部 */
.header-wrap {
    width: 1200px;
    height: 86px;
    margin: 0 auto;
}

.header-wrap #logo {
    width: 390px;
    height: 86px;
    float: left;
}

.header-wrap #logo img {
    max-width: 300px;
    max-height: 66px;
    padding-top: 10px;
}

.header-right {
    float: right;
}

.search-container {
    width: 755px;
    height: 40px;
    float: left;
    border: 2px solid #414042;
    margin: 28px 0 0 0;
}

.header-search {
    float: left;
    width: 698px;
    height: 40px;
}

.search-input {
    width: 698px;
    height: 40px;
    background: none;
    line-height: 40px;
    text-indent: 5px;
    border: 0;
    font-size: 13px;
    color: #929292;
}

.search-btn {
    float: right;
}

.search-input-btn {
    float: left;
    width: 52px;
    height: 40px;
    background: url(../images/search-ico.gif) no-repeat;
    border: 0;
    cursor: pointer;
}

/* 导航 */
.navigation-wrap {
    width: 1200px;
    height: 37px;
    margin: 0 auto;
    border-bottom: 1px solid #2f2f2f;
}

.product-categories {
    position: relative;
    width: 210px;
    height: 37px;
    float: left;
}

.categories-title {
    width: 210px;
    height: 37px;
    line-height: 37px;
    background: #2f2f2f;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}

/* 商品分类二级菜单 */
.categories-drop {
    position: absolute;
    top: 37px;
    left: 0;
    height: 500px;
    z-index: 999999;
    zoom: 1;
}

.assortment-box {
    position: relative;
    z-index: 1;
    float: left;
    width: 208px;
    height: 500px;
    border: 1px solid #1b43c4;
    background: #1b43c4;
}

.wares-cent {
    height: 37px;
    border-bottom: 1px solid #1b43c4;
}

.wares-cent:last-child {
    border-bottom: none;
}

.wares-title {
    width: 208px;
    height: 37px;
    line-height: 37px;
    text-indent: 15px;
    display: block;
    position: relative;
}

.wares-title::after {
    content: "〉";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-family: Arial, sans-serif;
}

.wares-title:hover, .wares-active {
    background: #143192;
    color: #fff;
}

.wares-title:hover {
    background: #143192;
}

.wares-title a {
    color: #fff;
    font-size: 13px;
    display: block;
    width: 100%;
}

.wares-title a:hover {
    color: #fff;
    text-decoration: underline;
}

.carte-combobox {
    display: none;
    width: 947px;
    height: 450px;
    padding: 20px;
    border: 4px solid #1b43c4;
    background: #fff;
    position: absolute;
    top: 0;
    left: 208px;
    z-index: 9999;
    overflow: scroll;
}

.sorts-box {
    height: auto !important;
    height: 32px;
    min-height: 32px;
}

.s-title {
    height: 32px;
    border-bottom: 1px dotted #b2b2b2;
}

.s-title a {
    line-height: 32px;
    font-size: 15px;
    font-weight: bold;
}

.s-title a:hover {
    text-decoration: underline;
}

.s-cent {
    height: auto !important;
    height: 32px;
    min-height: 32px;
    margin: 12px 0 10px 0;
}

.s-cent a {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    float: left;
    margin: 0 15px 0 0;
}

.s-cent a:hover {
    color: #1b43c4;
}

.nav-wrap {
    float: left;
}

.nav-wrap ul li {
    float: left;
}

.nav-wrap ul li a {
    font-size: 15px;
    display: inline-block;
    line-height: 36px;
    margin: 0 0 0 50px;
    color: #333;
    text-shadow: 0px 0px 0 #333;
}

.nav-wrap ul li a:hover, .nav-wrap ul li a.active {
    color: #1b43c4;
}

.navright-cart {
    float: right;
    width: 238px;
    height: 35px;
}

.ico-cart {
    float: left;
    width: 37px;
    height: 37px;
    position: relative;
    cursor: pointer;
    display: block;
    top: -4px;
    left: 10px;
    z-index: 99999;
    background: url(../images/i-cart.png) no-repeat;
}

.settlement-cart {
    position: relative;
    float: left;
    width: 181px;
    height: 31px;
    background: #1b43c4;
    padding: 0 0 0 20px;
}

.nav-settcart {
    width: 165px;
    display: block;
    background: url(../images/cart-ico.png) no-repeat right center;
    font-size: 15px;
    color: #fff;
    line-height: 31px;
}

/* 购物车 下拉 */
.navigation-wrap, .navright-cart {
    position: relative;
    z-index: 11199;
}

.navright-cart .shopping-drop {
    background: #fff;
    display: none;
    width: 310px;
    height: 415px;
    position: absolute;
    top: 23px;
    right: 0px;
    z-index: 99999;
}

.shopping-drop .sdot-ico {
    display: block;
    height: 7px;
    margin: 0 20px 0 0;
    background: url(../images/sdot-ico.png) no-repeat right 0;
    position: relative;
}

.shopping-drop .drop-down {
    width: 310px;
    height: 407px;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
}

.shopping-drop .drop-down .shop-piece {
    width: 295px;
    height: 334px;
    padding: 20px 0 15px 15px;
}

.piece-center {
    height: 55px;
    margin: 0 0 15px 0;
}

.piece-picture {
    float: left;
    width: 55px;
    height: 55px;
}

.piece-picture img {
    width: 55px;
    height: 55px;
}

.piece-text {
    float: left;
    width: 199px;
    height: 55px;
    margin: 0 0 0 10px;
}

.pie-title {
    display: inline-block;
}

.pie-title a {
    line-height: 14px;
}

.pie-title a:hover {
    color: #1b43c4;
}

.pie-price {
    color: #ff0000;
    font-size: 13px;
    margin: 2px 0 0 0;
}

.see-more {
    height: 36px;
    background: #f4f4f4;
    margin: 2px 0 0 0;
    text-align: center;
}

.see-more a {
    line-height: 36px;
}

.see-more a:hover {
    color: #535252;
}

.is-empty-cart {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 40%;
    font-size: 15px;
}

/* 购物车中还没有商品，赶紧选购吧！ */
.absence-product {
    display: -none;
    width: 280px;
    height: 30px;
    line-height: 30px;
    padding: 10px 15px;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    text-align: center;
}


.slider-wrap {
    width: 100%;
    height: 342px;
    position: relative;
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    width: 100%;
    height: 342px;
}

.c-0 {
    height: 165px;
}

.d-0 {
    width: 1200px;
    height: 165px;
    margin: 0 auto;
    margin-top: 35px;
}

.d-0 .d-0-box {
    float: left;
    margin-right: 15px;
}

.d-0 .d-0-box:last-child {
    margin-right: 0;
}

.d-0 .d-0-box img {
    width: 390px;
    height: 165px;
}

.e-0 {
    height: 190px;
}

.e-0 .e-1 {
    width: 1198px;
    height: 190px;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid #e5e5e5;
}

.e-0 .e-1 .e-t {
    background-color: #f4f4f4;
    height: 40px;
    line-height: 40px;
}

.e-0 .e-1 .e-t span:first-child {
    float: left;
    font-size: 16px;
    color: #333;
    text-indent: 20px;
}

.e-0 .e-1 .e-t span:last-child {
    float: right;
    margin-right: 18px;
    color: #666666;
    font-size: 12px;
}

.e-0 .e-box {
    width: 299px;
    float: left;
    height: 149px;
}

.e-0 .e-box img {
    width: 90px;
    height: 90px;
}

.e-0 .e-box .htumb-image {
    float: left;
    margin-left: 30px;
    margin-top: 35px;
}

.e-0 .e-box .second-box {
    float: left;
    height: 90px;
    margin-left: 10px;
    margin-top: 35px;
}

.e-0 .e-box .second-box div:first-child {}

.e-0 .e-box .second-box div:first-child span {
    display: block;
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.e-0 .e-box .second-box div:first-child span:first-child {
    padding-top: 5px;
}

.e-0 .e-box .second-box div:first-child span:first-child a {
    color: #666;
    font-size: 13px;
}

.e-0 .e-box .second-box div:first-child span:first-child a:hover {
    color: #1b43c4;
}

.e-0 .e-box .second-box div:first-child span:last-child {
    color: #ff0000;
    font-size: 16px;
    padding-top: 10px;
}

.e-0 .e-box .second-box div:last-child {
    margin-top: 5px;
}

.e-0 .e-box .second-box div:last-child .time {
    text-align: center;
    float: left;
    padding: 0 5px;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    background-color: #8e8e8e;
    color: #fff;
}

.e-0 .e-box .second-box div:last-child .time i {
    float: left;
}

.e-0 .e-box .second-box div:last-child .time .hour,
.e-0 .e-box .second-box div:last-child .time .minute,
.e-0 .e-box .second-box div:last-child .time .second {
    text-align: center;
    height: 26px;
    line-height: 26px;
}

.e-0 .e-box .second-box div:last-child .go {
    width: 36px;
    height: 26px;
    line-height: 26px;
    float: left;
    background-color: #1b43c4;
}

.e-0 .e-box .second-box div:last-child .go a {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 13px;
}

.e-0 .e-box .second-box .before {
    display: none;
}

.welcome-notice {
    display: none;
    top: 0;
    z-index: 11;
    right: 0;
    position: absolute;
    width: 210px;
    height: 343px;
}

.welcome-center {
    width: 170px;
    height: 193px;
    background: #fff;
    padding: 22px 20px 0 20px;
}

.notice-center {
    width: 180px;
    height: 90px;
    padding: 13px 15px;
    background: #fff;
    margin: 7px 0 0 0;
}

.wel-portrait {
    border-radius: 50%;
    text-align: center;
}

.wel-portrait img {
    width: 70px;
    height: 70px;
}

.wel-sing {
    margin: 17px 0 0 0;
}

.wel-sing span {
    display: block;
    font-size: 13px;
    text-align: center;
    margin: 0px 0 5px 0;
}

.wel-novel {
    height: 30px;
    margin: 15px 0 0 0;
}

.wel-novel a {
    color: #1b43c4;
    height: 26px;
    line-height: 26px;
    margin: 0 6px 0 0;
    padding: 0 14px;
    display: block;
    float: left;
    font-size: 13px;
    border: 1px solid #1b43c4;
}

.wel-novel a:last-child {
    margin: 0;
}

.wel-novel a:hover {
    background: #dce2f5;
}

.notice-title {
    font-weight: bold;
}

.notice-text {
    margin: 13px 0 0 0;
}

.notice-text ul li {
    margin: 0 0 6px 0;
}

.notice-text ul li a:hover {
    color: #535252;
}

.notice-text ul li a {
    width: 180px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.flash-sale-box {
    width: 1200px;
    height: 137px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
}

.sale-pic {
    float: left;
}

.sale-pic img {
    width: 210px;
    height: 137px;
}

.sale-cent {
    float: left;
    width: 988px;
    height: 137px;
    border: 1px solid #eaeaea;
}

.sale-cent ul li {
    float: left;
    width: 218px;
    height: 109px;
    padding: 13px 10px 13px 18px;
    border-right: 1px solid #eaeaea;
}

.sale-cent ul li img {
    width: 110px;
    height: 110px;
}

.sale-cent ul li:last-child {
    border-right: 0;
}

.sale-lt {
    float: left;
    width: 99px;
    height: 109px;
}

.sl-title {
    height: 38px;
    margin: 18px 0 0 0;
}

.sl-title a {
    font-size: 13px;
    color: #666;
}

.sl-title a:hover {
    color: #797979;
}

.sl-tariff {
    font-size: 15px;
    color: #ff0101;
    margin: 3px 0 0 0;
}

/* ===== 首页分类楼层 ===== */
.recommend-wrap {
    width: 1200px;
    margin: 0 auto;
}

/* 单分类行 - 左3右7 */
.fl-single {
    width: 1200px;
    margin-top: 25px;
}

.fl-single .fl-head {
    background: #eeb924;
    padding: 0 15px;
}

.fl-single-body { padding: 6px;
    display: flex;
    gap: 6px;
    height: 420px;
}

.fl-s-left {
    width: 50%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(10, 1fr);
    gap: 6px;
}

.fl-s-left .fl-cell:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 8;
}

.fl-s-left .fl-cell:nth-child(2) {
    grid-column: 1;
    grid-row: 8 / 11;
}

.fl-s-left .fl-cell:nth-child(3) {
    grid-column: 2;
    grid-row: 8 / 11;
}

/* 右侧: 7个 上2中3下2，6列grid均分 */
.fl-s-right {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr 1fr 1fr;
    gap: 6px;
}

.fl-s-right .fl-cell:nth-child(1) {
    grid-column: span 3;
}

.fl-s-right .fl-cell:nth-child(2) {
    grid-column: span 3;
}

.fl-s-right .fl-cell:nth-child(3) {
    grid-column: span 2;
}

.fl-s-right .fl-cell:nth-child(4) {
    grid-column: span 2;
}

.fl-s-right .fl-cell:nth-child(5) {
    grid-column: span 2;
}

.fl-s-right .fl-cell:nth-child(6) {
    grid-column: span 3;
}

.fl-s-right .fl-cell:nth-child(7) {
    grid-column: span 3;
}

/* 双分类行 */
.fl-dual {
    display: flex;
    gap: 15px;
    width: 1200px;
    margin-top: 25px;
}

.fl-half {
    flex: 1;
    padding: 0;
}

.fl-half .fl-head {
    background-color: #705851;
    padding: 0 8px;
}

/* 分类头部 */
.fl-head {
    height: 45px;
    line-height: 45px;
    margin-bottom: 6px;
}

.fl-h-tit {
    font-size: 20px;
    /* font-weight: bold; */
    /* height: 45px;
    line-height: 45px; */
    color: #fff;
}

.fl-h-more {
    float: right;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
}

.fl-h-more:hover {
    color: #fff;
}

/* 双分类 - 不规则网格 3列 10等分 */
.fl-half-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(10, 1fr);
    gap: 6px;
    height: 420px;
}

.fl-half-grid .fl-cell:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 8;
}

.fl-half-grid .fl-cell:nth-child(2) {
    grid-column: 1;
    grid-row: 8 / 11;
}

.fl-half-grid .fl-cell:nth-child(3) {
    grid-column: 2;
    grid-row: 1 / 5;
}

.fl-half-grid .fl-cell:nth-child(4) {
    grid-column: 2;
    grid-row: 5 / 11;
}

.fl-half-grid .fl-cell:nth-child(5) {
    grid-column: 3;
    grid-row: 1 / 5;
}

.fl-half-grid .fl-cell:nth-child(6) {
    grid-column: 3;
    grid-row: 5 / 11;
}

/* 卡片（单分类用叠加式） */
.fl-cell {
    overflow: hidden;
    position: relative;
    background: #e8e8e8;
    border: 1px solid #e0e0e0;
}

.fl-cell a {
    display: block;
    width: 100%;
    height: 100%;
}

.fl-cimg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fl-cimg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}

.fl-cell:hover .fl-cimg img {
    transform: scale(1.05);
}

.fl-cinfo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 8px 6px 8px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .6));
    color: #fff;
    text-align: center;
    z-index: 2;
}

.fl-ctit {
    font-size: 13px;
    font-weight: bold;
}

/* 单分类行卡片：名称左 + 图片右居中 */
.fl-cell-h { background: #fff; }
.fl-cell-h a {
    display: flex;
    flex-direction: row;
}
.fl-cell-h .fl-cinfo {
    position: static;
    flex: 0 0 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #333;
    padding: 4px 8px;
}
.fl-cell-h .fl-ctit {
    font-size: 16px;
    color: #0483bc;
}
.fl-cell-h .fl-cimg {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fl-cell-h .fl-cimg img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
/* 第1个不显示名称 */
.fl-s-left .fl-cell-h:nth-child(1) .fl-cinfo { display: none; }
.fl-s-left .fl-cell-h:nth-child(1) .fl-cimg { flex: 1; }

/* 双分类卡片：默认名称在上30% + 图片在下70% */
.fl-cell-v { background: #fff; }
.fl-cell-v a {
    display: flex;
    flex-direction: column;
}

.fl-cell-v .fl-cinfo {
    position: static;
    flex: 0 0 30%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    background: #fff;
    color: #333;
    padding: 4px 8px;
}

.fl-cell-v .fl-cimg {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fl-cell-v .fl-cimg img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.fl-cell-v .fl-ctit {
    font-size: 16px;
    color: #669ea6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fl-cell-v:nth-child(1) .fl-ctit {
    font-size: 23px;
}

/* 4,6 字体颜色 */
.fl-cell-v:nth-child(4) .fl-ctit,
.fl-cell-v:nth-child(6) .fl-ctit {
    color: #e3b819;
}

/* 3,5 字体颜色 */
.fl-cell-v:nth-child(3) .fl-ctit,
.fl-cell-v:nth-child(5) .fl-ctit {
    color: #488bad;
}

/* 2,3,5 名称左 + 图片右 */
.fl-cell-v:nth-child(2) a,
.fl-cell-v:nth-child(3) a,
.fl-cell-v:nth-child(5) a {
    flex-direction: row;
}

.fl-cell-v:nth-child(2) .fl-cinfo,
.fl-cell-v:nth-child(3) .fl-cinfo,
.fl-cell-v:nth-child(5) .fl-cinfo {
    flex: 0 0 35%;
    writing-mode: horizontal-tb;
}

.fl-cell-v:nth-child(2) .fl-cimg,
.fl-cell-v:nth-child(3) .fl-cimg,
.fl-cell-v:nth-child(5) .fl-cimg {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fl-cell-v:nth-child(2) .fl-cimg img,
.fl-cell-v:nth-child(3) .fl-cimg img,
.fl-cell-v:nth-child(5) .fl-cimg img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 单分类行 - 图标网格 */
.fl-grid {
    overflow: hidden;
}

.fl-item {
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px 0;
}

.fl-ico {
    width: 60px;
    height: 60px;
    margin: 0 auto 6px;
    border-radius: 50%;
    overflow: hidden;
    background: #f0f0f0;
}

.fl-ico img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fl-item:hover .fl-ico img {
    opacity: .85;
}

.fl-txt {
    font-size: 12px;
    color: #555;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90px;
    margin: 0 auto;
}

/* 猜你喜欢 */
.like-wrap { width: 1200px; margin: 35px auto 0; }
.like-head {
    height: 44px; line-height: 44px; text-align: center;
    font-size: 18px; font-weight: bold; color: #333;
    display: flex; align-items: center; justify-content: center; gap: 15px;
}
.like-head::before,
.like-head::after {
    content: "";
    flex: 1;
    border-top: 1px dashed #ccc;
}
.like-grid { overflow: hidden; }
.like-item {
    float: left;
    width: 185px;
    height: 260px;
    margin: 0 15px 15px 0;
    text-align: center;
    border: 1px solid #eee;
    transition: box-shadow .3s;
}
.like-item:nth-child(6n) { margin-right: 0; }
.like-item:hover { box-shadow: 0 2px 12px rgba(0,0,0,.1); }
.like-pic { width: 185px; height: 185px; overflow: hidden; }
.like-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.like-item:hover .like-pic img { transform: scale(1.05); }
.like-name {
    height: 20px; line-height: 20px; margin: 8px 10px 0;
    font-size: 13px; color: #666;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.like-price { font-size: 16px; color: #e4393c; margin-top: 6px; }

/* 尾部 */
.footer-wrap {
    width: 100%;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    background: #f6f6f6;
    margin: 39px 0 0 0;
}

.footer-container {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
}

.footer-text-center {
    height: 65px;
    border-bottom: 1px solid #ddd;
    padding: 25px 0;
}

.footer-text-center ul li {
    float: left;
    margin: 0 110px 0 0;
}

.footer-text-center ul li:last-child {
    border-right: 0;
}

.ft-ico {
    height: 65px;
    display: block;
    padding: 0 0 0 80px;
    margin: 0 30px 0 0px;
    background: url(../images/ft1.png) no-repeat;
}

.ft-ico-2 {
    background: url(../images/ft2.png) no-repeat;
}

.ft-ico-3 {
    background: url(../images/ft3.png) no-repeat;
}

.ft-ico-4 {
    background: url(../images/ft4.png) no-repeat;
}

.ensure-tit {
    font-size: 18px;
    padding: 9px 0 4px 0;
    display: inline-block;
    color: #7e7e7e;
}

.footer-center {
    width: 1200px;
    height: 205px;
    padding: 35px 0 0 0;
    border-bottom: 1px solid #ddd;
}

.footer-box {
    width: 200px;
    height: 205px;
    float: left;
}

.footer-box p {
    font-weight: bold;
    margin: 0 0 15px 0;
    font-size: 16px;
}

.footer-box span {
    display: block;
    line-height: 28px;
}

.footer-box span a {
    color: #606060;
    font-size: 13px;
}

.footer-box span a:hover {
    text-decoration: underline;
}

.copy-box {
    width: 1200px;
    height: 55px;
    line-height: 55px;
    color: #666;
    text-align: center;
    font-size: 14px;
}

.copy-box a {
    font-size: 14px;
    color: #666;
}

.copy-box .gov-icon {
    padding-left: 25px;
    background: url(../../images/yui_123.png) no-repeat;
}

/* list */
.title-textbox {
    width: 1200px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 5px;
}

.title-textbox a {
    color: #666;
    font-size: 13px;
}

.title-textbox a:hover {
    text-decoration: underline;
}

.title-textbox em {
    font-style: normal;
    color: #666;
    margin: 0 2px;
}

.list-good-wrap {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
}

.product-category {
    width: 1200px;
    height: auto !important;
    height: 50px;
    min-height: 50px;
    margin-top: 5px;
}

.screen-goods {
    height: auto !important;
    height: 32px;
    min-height: 32px;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #e1e0e0;
}

.screen-goods ul li {
    float: left;
    height: 32px;
    margin: 0 0 8px 0;
}

.screen-goods ul li span {
    float: left;
    font-size: 14px;
    text-indent: 20px;
    font-weight: bold;
    height: 32px;
    display: block;
    line-height: 32px;
}

.screen-goods ul li a {
    height: 18px;
    display: inline-block;
    line-height: 18px;
    padding: 7px 12px;
    border-radius: 2px;
    margin: 0 0 0 20px;
    font-size: 13px;
}

.screen-goods ul li a.curr, .screen-goods ul li a:hover {
    background: #1b43c4;
    color: #fff;
}

.sort-wrap {
    width: 1200px;
    height: 30px;
    border: 1px solid #e0e0e0;
    margin: 20px 0 0 0;
}

.sort-wrap ul li {
    display: block;
    padding: 0 18px;
    float: left;
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #e0e0e0;
    font-size: 13px;
}

.sort-wrap ul li.before-arrow span {
    height: 30px;
    display: inline-block;
    background: url(../images/arr-ico.png) no-repeat right 0;
    padding: 0 15px 0 0;
    cursor: pointer;
}

.sort-wrap ul li.before-arrow span.arrow-ico {
    background: url(../images/arr-ico.png) no-repeat right -30px;
}

.sort-wrap ul li.present {
    position: relative;
}

.sort-wrap ul li.present a {
    height: 30px;
    display: inline-block;
    background: url(../images/listdot-ico.png) no-repeat right 0;
    padding: 0 15px 0 0;
    cursor: pointer;
    font-size: 13px;
}

.sort-wrap ul li.present a:hover {
    background: url(../images/listdot-ico.png) no-repeat right -30px;
}

.sort-wrap ul li.present .full-price-box {
    display: none;
    width: 93px;
    position: absolute;
    top: 30px;
    left: -1px;
    height: auto !important;
    height: 20px;
    min-height: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.sort-wrap ul li.present .full-price-box ul li {
    border: 0;
}

.sort-wrap ul li.present .full-price-box ul li a {
    background: none;
}

.read-box {
    height: 30px;
    line-height: 30px;
}

.read-box label {
    font-size: 13px;
}

.read-box .check-input {
    vertical-align: middle;
    margin-top: -4px;
    margin-bottom: 1px;
    margin-right: 6px;
}

.list-good-container {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 20px 0 0 0;
}

.list-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-goods-right {
    float: right;
    width: 978px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 0 30px 0;
}

.list-wares {
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

.list-wares ul li {
    position: relative;
    float: left;
    width: 232px;
    height: 369px;
    border: 1px solid #efefef;
    margin: 0 14px 20px 0;
}

/*.list-wares ul li.away-margin { margin-right:0; }*/
.list-wares ul li .group-layer-box {
    display: none;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.list-wares ul li .group-layer-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
}

.list-wares ul li:nth-child(4n) {
    margin-right: 0;
}

.wares-box {
    width: 198px;
    padding: 22px 15px 18px 15px;
}

.list-wares ul li img {
    max-width: 198px;
    max-height: 198px;
}

.list-wares ul li em.pro-tit {
    width: 100%;
    margin-top: 24px;
    padding: 0;
    height: 38px;
}

.list-wares ul li em.pro-tit a {
    font-size: 13px;
}

.list-wares ul li p.price-text {
    margin: 10px 0 0 0;
    padding: 0;
}

.wares-center {
    border-top: 1px solid #ebebeb;
    height: 20px;
    padding: 10px 15px;
    line-height: 20px;
}

.sold {
    float: left;
    color: #777;
}

.exist {
    float: right;
    color: #777;
    font-style: normal;
}

.exist a {
    color: #ec50c2;
}

.price-text {
    color: #f12323;
    font-size: 13px;
    margin: 10px 0 0 0;
    padding: 0 8px;
}


/* page */
.goods-page {
    width: 100%;
    height: 24px;
    margin: 15px 0px 0 0;
    text-align: center;
}

.goods-page li {
    display: inline-block;
}

.goods-page a, .goods-page li span {
    margin: 0 2px;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    display: inline-block;
    background: #f5f5f5;
    font-size: 13px;
}

.goods-page a:hover, .goods-page li.active span {
    border: 1px solid #d4407c;
    background: #f8e0ea;
    color: #c50050;
}

.page-input {
    width: 42px;
    height: 28px;
    border: 1px solid #dddcdc;
    text-align: center;
}

.determine-btn {
    display: inline-block;
    height: 32px;
    background: url(../images/determine-btn.gif) no-repeat;
    margin: 0 0 0 8px;
}

.general {
    margin: 0 8px;
}

.goods-page span {
    font-size: 13px;
}

/* 商家产品详情 */
.business-details-wrap {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 35px;
}

.business-details-container {
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

.product-left-details {
    float: left;
    width: 420px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

.carousel-box {
    width: 420px;
    height: 490px;
}

.carousel-picture {
    position: relative;
}

.carousel-picture img {
    width: 420px;
    height: 420px;
}

.carousel-picture .carousel-video-btn {
    padding: 10px 12px;
    display: block;
    border-radius: 55%;
    border: 5px solid #999;
    cursor: pointer;
    z-index: 900899;
    position: absolute;
    bottom: 60px;
    left: 20px;
}

.carousel-picture .carousel-video-btn i {
    font-size: 20px;
    color: #999;
}

.carousel-picture .carousel-video-box {
    display: none;
    z-index: 900999;
    top: 0;
    left: 0;
    width: 420px;
    background: #ccc;
    height: 420px;
    position: absolute;
}

.carousel-picture .carousel-video-close {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    z-index: 901999;
    top: 10px;
    right: 10px;
    position: absolute;
}

.details-small {
    width: 420px;
    height: 60px;
    margin: 10px 0 0 0;
    position: relative;
}

.prev-btn, .next-btn {
    width: 7px;
    height: 60px;
    position: absolute;
    top: 0;
    z-index: 11111;
}

.prev-btn {
    background: url(../images/details-btn.gif) no-repeat;
    left: 0;
}

.next-btn {
    background: url(../images/details-btn.gif) no-repeat 0 -60px;
    right: 0;
}

.prev-btn:hover {
    background: url(../images/details-btn.gif) no-repeat 0 -120px;
}

.next-btn:hover {
    background: url(../images/details-btn.gif) no-repeat 0 -180px;
}

.details-hide {
    width: 400px;
    height: 60px;
    margin: 0 0px 0 6px;
    position: relative;
    overflow: hidden;
}

.details-hide ul {
    position: absolute;
}

.details-hide ul li {
    float: left;
    margin: 0 0 0 18px;
}

.details-hide ul li img {
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.cosy-box {
    height: 20px;
    margin: 18px 0 0 0;
}

.cosy-cent {
    float: left;
    position: relative;
}

.shares-ico, .collect-ico {
    height: 20px;
    padding: 0 0 0 18px;
    color: #666;
    margin: 0 18px 0 0;
}

.shares-ico {}

.collect-ico {}

.shares-ico:hover, .collect-ico:hover {
    color: #027bd6;
}

.report {
    float: right;
    margin: 0 15px 0 0;
}

.report-btn {
    color: #666;
}

.report-btn:hover {
    color: #333;
}

.share-details {
    position: absolute;
    top: 23px;
    left: 0;
    height: 16px;
    background: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    padding: 8px 12px;
}

.jo-contrast {
    float: left;
}

.check {
    vertical-align: middle;
    height: 25px;
    vertical-align: middle;
    margin-top: -1px;
    margin-bottom: 2px;
    margin-right: 5px;
}

.product-right-details {
    float: right;
    width: 760px;
    height: auto !important;
    height: 490px;
    min-height: 490px;
}

.details-product-center {
    width: 760px;
    height: auto !important;
    height: 490px;
    min-height: 490px;
}

.business-product-title {
    height: auto !important;
    height: 22px;
    min-height: 22px;
    line-height: 22px;
    margin: 0 0 6px 0;
}

.business-product-title span {
    font-size: 17px;
}

.present-text {
    height: auto !important;
    height: 20px;
    min-height: 20px;
    color: #888;
    margin: 0 0 8px 0;
    font-size: 14px;
}

.marked-price-box {
    height: auto !important;
    height: 102px;
    min-height: 102px;
    background: #e9e9e9 url(../images/mar-bg.gif) no-repeat;
    padding: 12px 12px 12px 15px;
}

.retails-text {
    height: 30px;
    line-height: 30px;
    margin: 5px 0 0 0;
}

.retails-text .rates-value, .retails-text .rates-number, .retails-text .elide-price {
    height: 30px;
    float: left;
    line-height: 30px;
}

.retails-text .rates-value {
    text-align: right;
    width: 68px;
    font-size: 13px;
}

.retails-text .rates-number, .retails-text .elide-price {
    margin: 0 0 0 2px;
}

.rates-number {
    font-size: 22px;
    color: #c40000;
}

.p-size {
    font-size: 16px;
}

.elide-price {
    text-decoration: line-through;
}

.evtion {
    height: 16px;
    line-height: 16px;
    margin: 7px 0 0 0;
}

.ev-l {
    float: left;
    text-align: right;
    width: 68px;
}

.evaluate-text ul li {
    float: left;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(../images/start-ico.png) no-repeat;
    padding: 0 2px 0 0;
}

.evaluate-text ul li.star {
    background: url(../images/start-ico.png) no-repeat 0 -15px;
}

.part-in {
    display: block;
    float: left;
    margin: 0 0 0 12px;
    color: #555;
}

.part-in a {
    text-decoration: underline;
}

.elide-bonus {
    padding-top: 6px;
}

.elide-bonus .quan-item {
    position: relative;
    float: left;
    height: 16px;
    padding-left: 2px;
    line-height: 15px;
    text-align: center;
    border-top: 1px solid #df3033;
    border-bottom: 1px solid #df3033;
    background: #ffdedf;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 13px;
    cursor: pointer;
}

.elide-bonus .quan-item b, .elide-bonus .quan-item s {
    position: absolute;
    top: -1px;
    display: block;
    height: 18px;
    width: 2px;
    overflow: hidden;
    background: url(../images/quan-arr.gif) no-repeat;
}

.elide-bonus .quan-item b {
    right: -2px;
}

.elide-bonus .quan-item .text {
    padding: 0 10px;
    color: #df3033;
    font-size: 12px;
}

.elide-bonus .more-btn {
    color: #999;
    position: relative;
    float: left;
    height: 16px;
    line-height: 18px;
    cursor: pointer;
}

.retails-text-box {
    height: auto !important;
    line-height: 20px;
    min-height: 30px;
}

.retails-text-box .prom-item {
    margin-bottom: 5px;
}

.retails-text-box em {
    font-style: normal;
}

.retails-text-box .hl_red_bg {
    color: #df3033;
    background: 0 0;
    border: 1px solid #df3033;
    padding: 2px 3px;
    margin-right: 5px;
    display: inline-block;
    line-height: 16px;
}

.hl-red-wrap {
    width: 380px;
    float: right;
}

.retails-text-box .hl_red {
    color: #666;
    line-height: 25px;
    padding-right: 5px;
}

.track-wrap {
    width: 210px;
    height: auto;
    float: right;
    position: relative;
    top: -43px;
}

.track-wrap .track-tit {
    position: relative;
    line-height: 50px;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    text-align: center;
}

.track-wrap .track-tit h3 {
    position: relative;
    z-index: 2;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #fff;
    padding: 0 25px;
}

.track-wrap .track-tit span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 25px;
    height: 1px;
    background: #f2f2f2;
}

.track-list {
    margin: 0 auto;
    position: relative;
    width: 150px;
    height: 490px;
    overflow: hidden;
}

.track-list img {
    width: 130px;
    height: 140px;
    margin-top: -10px;
}

.track-list .track-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 0;
    right: 0;
    top: 110px;
    line-height: 12px;
    background: rgba(255, 255, 255, .9);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9FFFFFFF, endcolorstr=#9FFFFFFF);
    padding: 6px;
    *width: 150px;
    color: #333;
}

.track-list .track-price {
    *width: 150px;
    line-height: 18px;
    color: #c81623;
    text-align: center;
}

.track-box {
    padding-bottom: 10px;
    position: relative;
}

.track-list .swiper-slide {
    width: 150px;
    height: 170px;
    display: block;
}

.track-more {
    padding-top: 10px;
    text-align: center;
    clear: both;
}

.track-more a {
    display: inline-block;
    margin: 0 10px;
    text-indent: -9999px;
    overflow: hidden;
}

.track-more .sprite-down, .track-more .sprite-up {
    width: 28px;
    height: 15px;
    background-image: url(../images/sprite.png);
}

.track-more .sprite-up {
    background-position: -28px 0;
}

.track-more .sprite-down {
    background-position: 0 0;
}

.promotion-box {
    width: 730px;
    height: auto !important;
    height: 20px;
    min-height: 20px;
    background: #f6f5f5;
    padding: 15px 15px 5px 15px;
}

.promotion-tit {
    text-align: right;
    width: 68px;
    height: auto !important;
    height: 20px;
    min-height: 20px;
    float: left;
}

.promotion-tit span {
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.promotion-cent {
    width: 350px;
    height: auto !important;
    height: 20px;
    min-height: 20px;
    float: left;
}

.promo-text {
    height: auto !important;
    height: 20px;
    min-height: 20px;
    margin: 0 0 10px 0;
}

.tit-sales {
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    background: #fa3c3c;
    color: #fff;
}

.t-sales {
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 5px;
    font-style: normal;
}

.alternatives-box {
    height: auto !important;
    height: 20px;
    min-height: 20px;
    margin: 8px 0 0 0;
}

.choice-box {
    width: 730px;
    height: auto !important;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    float: left;
    margin: 10px 0 0 15px;
}

.ch-tit {
    width: 70px;
    height: 30px;
    float: left;
    text-align: right;
}

.ch-text {
    float: left;
    width: 440px;
    height: auto !important;
    height: 30px;
    min-height: 30px;
}

.ch-text ul li {
    cursor: pointer;
    padding: 1px 8px;
    border: 1px solid #c0c0c0;
    min-height: 28px;
    float: left;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 4px 8px;
}

.ch-text ul li.need {
    border: 1px solid #e4393c;
}

.ch-text ul li span {
    display: none;
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    background: url(../images/hook.png) no-repeat bottom right;
}

.ch-text ul li.need span {
    display: block;
}

.ch-text ul li.disabled {
    border: 1px dashed #ccc;
}

.ch-text ul li.run {
    cursor: not-allowed;
    border: 1px dashed #c0c0c0;
}

.zoomContainer {
    z-index: 9999;
}

.share-details {
    display: none;
}

.goods-tab-box {
    display: none;
}

.goods-tab-box img {
    max-width: 900px;
    text-align: center;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.regulation-join-box {
    width: 730px;
    height: 36px;
    margin: 12px 0 0 15px;
    float: left;
}

.regulation-center {
    width: 50px;
    height: 34px;
    border: 1px solid #ccc;
    float: left;
}

.regu-input {
    width: 33px;
    height: 34px;
    float: left;
    border-right: 1px solid #ccc;
}

.input-regula {
    width: 33px;
    height: 34px;
    line-height: 34px;
    border: 0;
    background: none;
    text-align: center;
}

.regu-submit {
    width: 15px;
    height: 34px;
    float: left;
    margin: 0 0 0 1px;
}

.plus-sign-btn {
    cursor: pointer;
    width: 15px;
    height: 17px;
    display: block;
    background: url(../images/regula-btn.gif) no-repeat;
    border-bottom: 1px solid #ccc;
}

.redu-sign-btn {
    cursor: pointer;
    width: 15px;
    height: 16px;
    display: block;
    background: url(../images/regula-btn.gif) no-repeat 0 -17px;
}

.join-shopping-cart {
    height: 36px;
    margin: 0 0 0 8px;
    float: left;
}

.shop-btn {
    padding: 0 28px;
    background: #e4393c;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
}

.shop-btn:hover {
    background: #e25254;
}

.stock-text {
    margin: 0 0 0 10px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
}

.stock-text i {
    font-style: normal;
}

.condition-text {
    width: 730px;
    height: 36px;
    float: left;
    color: #666;
    margin: 68px 0 0 18px;
}

.list-good-container {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
    margin-top: 25px;
}

.list-goods-left {
    float: left;
    width: 190px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    padding: 18px 9px 18px 9px;
    border: 1px solid #e0e0e0;
}

.sales-ranking-tit {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}

.sales-ranking-text {
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 10px 0 0 0;
}

.sales-ranking-text ul li {
    position: relative;
    height: 265px;
    margin: 0 0 20px 0;
}

.sales-ranking-text ul li .group-layer-box {
    display: none;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.sales-ranking-text ul li .group-layer-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
}

.sales-ranking-text ul li em.pro-tit {
    padding: 0;
    font-style: normal;
}

.sales-ranking-text ul li p.price-text {
    padding: 0;
    color: #f12323;
    font-size: 13px;
}

.sales-ranking-text img {
    width: 190px;
    height: 190px;
}

.pro-tit {
    font-style: normal;
    display: inline-block;
    margin: 4px 0 0 0;
    padding: 0 8px;
}

.pro-tit a {
    color: #777;
    line-height: 19px;
}

.pro-tit a:hover {
    text-decoration: underline;
}

.list-goods-right {
    float: right;
    width: 978px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 0 30px 0;
}

.product-commodity {
    width: 978px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    border: 1px solid #d4d4d4;
    padding: 0 0 50px 0;
}

.product-commodity-title {
    height: 35px;
    border-bottom: 1px solid #d4d4d4;
}

.product-commodity-title ul li {
    float: left;
    padding: 0 22px;
    border-right: 1px solid #d4d4d4;
}

.product-commodity-title ul li a {
    line-height: 35px;
    font-size: 14px;
}

.product-commodity-title ul li.descri-curren {
    height: 34px;
    border-top: 2px solid #ed2f2f;
    background: #fff;
    border-right: 1px solid #d4d4d4;
}

.product-commodity-text {
    width: 910px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 30px 0 30px 22px;
}

.product-commodity-text table {
    width: 100%;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #ddd;
    border-collapse: collapse;
}

.product-commodity-text table th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #ddd;
}

.product-commodity-text table td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #ddd;
    background-color: #ffffff;
}

.color-red {
    color: #ff0000;
    font-style: normal;
}

.commodity-picture {
    width: 930px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 25px 0 0 0;
}

.commodity-picture img {
    max-width: 930px;
}

.commodity-picture video {
    max-width: 930px;
}

.commodity-picture .parameter {
    padding-top: 0px;
    padding-bottom: 10px;
}

.commodity-picture ul li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.commodity-picture ul li {
    width: 145px;
    padding-left: 42px;
    float: left;
    margin-bottom: 5px;
}

.commodity-picture .parameter li {
    width: 232px;
}

/* 相关产品 */
.related-products {
    margin-top: 25px;
    width: 980px;
}

.related-title {
    width: 959px;
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #eee;
}

.related-title span {
    color: #666;
    font-weight: 700;
    font-size: 14px;
}

.related-list {
    width: 977px;
    overflow: hidden;
    width: 980px;
    height: 300px;
    position: relative;
    border: 1px solid #f7f7f7;
    border-top: 0;
}

.related-list .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 300px;
    display: block !important;
    border-right: 1px solid #f7f7f7;
}

.related-list .swiper-slide:last-child {
    border-right: 0;
}

.swiper-image, .swiper-title, .swiper-price {
    float: left;
    width: 100%;
}

.swiper-image {
    margin-top: 15px;
}

.swiper-title {
    margin-top: 15px;
}

.swiper-title a {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 25px;
    height: 40px;
}

.swiper-price {
    margin-top: 12px;
    font-size: 13px;
    color: red;
    text-align: left;
    padding-left: 25px;
}

.swiper-price span:nth-child(1) {
    color: #e4393c;
    font-weight: bold;
}

.swiper-price span:nth-child(2) {
    color: #666;
    text-decoration: line-through;
    padding-left: 3px;
}

.related-list .swiper-slide img {
    width: 180px;
    height: 180px;
}

.related-list .swiper-button-next, .related-list .swiper-button-prev {
    display: none;
}

.related-list .swiper-button-next {
    background-image: url(../images/arrow-right.png);
    top: 45%;
}

.related-list .swiper-button-next:hover {
    background-image: url(../images/arrow-right-hover.png);
}

.related-list .swiper-button-prev {
    background-image: url(../images/arrow-right.png);
    transform: rotateY(180deg);
    top: 45%;
}

.related-list .swiper-button-prev:hover {
    background-image: url(../images/arrow-right-hover.png);
}

/* 会员主页 */
.member-container {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
}

.member-sideleft {
    float: left;
    width: 197px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

.m-title {
    height: 43px;
    line-height: 43px;
    color: #fff;
    font-size: 15px;
    background: #1b43c4;
    text-indent: 15px;
}

.m-box {
    width: 195px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    border: 1px solid #ccc;
}

.member-text {
    height: auto !important;
    height: 40px;
    min-height: 40px;
}

.home-t {
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    font-size: 14px;
    text-indent: 15px;
    font-weight: bold;
}

.homt-c {
    width: 173px;
    height: auto !important;
    height: 40px;
    min-height: 40px;
    padding: 5px 10px 5px 14px;
}

.homt-c ul li {
    width: 173px;
    height: 30px;
    line-height: 30px;
}

.homt-c ul li a {
    display: block;
    font-size: 14px;
    background: url(../images/m-ico.png) no-repeat right center;
}

.homt-c ul li a:hover, .homt-c ul li a.bestow {
    background: url(../images/m-ico2.png) no-repeat right center;
    color: #1b43c4;
}

.member-sideright {
    float: right;
    width: 977px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

.user-information {
    height: auto !important;
    height: 40px;
    min-height: 40px;
    border: 1px solid #ccc;
    margin: 0 0 19px 0;
}

.user-messages-tit {
    font-size: 15px;
    color: #fff;
    height: 43px;
    line-height: 43px;
    text-indent: 16px;
    background: #1b43c4;
}

.user-messages-box {
    width: 939px;
    height: auto !important;
    height: 70px;
    min-height: 70px;
    padding: 20px;
    border-bottom: 1px solid #ccc;
}

.user-sculpture {
    float: left;
}

.user-sculpture img {
    width: 110px;
    height: 110px;
}

.info-user {
    width: 805px;
    height: auto !important;
    height: 110px;
    min-height: 110px;
    float: left;
    margin: 0 0 0 15px;
}

.info-user ul li {
    font-size: 13px;
    line-height: 27px;
}

.color-ash {
    color: #666;
    margin: 0 0 0 8px;
}

.color-black {
    color: #2d9910;
}

.color-orage {
    color: #ff6600;
    font-size: 13px;
}

.mline {
    font-style: normal;
    margin: 0 10px;
}

.treat-member {
    height: 24px;
    padding: 10px 0 10px 18px;
}

.treat-member ul li {
    float: left;
    font-size: 13px;
    line-height: 24px;
}

.treat-member ul li em {
    font-style: normal;
    color: #adadad;
    margin: 0 12px;
}

.treat-member ul li a {
    font-weight: bold;
}

.treat-member ul li a:hover {
    text-decoration: underline;
}

.order-container {
    width: 977px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    border: 1px solid #ccc;
}

.morder-box {
    height: 41px;
    border-top: 2px solid #1b43c4;
    border-bottom: 1px solid #ccc;
}

.morder-title {
    float: left;
    font-size: 15px;
    text-indent: 15px;
    line-height: 41px;
    display: inline-block;
}

.morder-center {
    width: 977px;
    height: 36px;
    height: auto !important;
    min-height: 36px;
}

.morder-table {
    height: 40px;
    height: auto !important;
    min-height: 40px;
}

.morder-table tr th {
    height: 41px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

.morder-table tr td {
    text-align: center;
    font-size: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #ccc;
}

.morder-table tr td a {
    font-size: 14px;
}

.morder-table tr td a:hover {
    text-decoration: underline;
}

.color-gree {
    color: #3fac0a;
}

.color-red {
    color: #ff0000;
}

.morder-table tr:last-child td {
    border-bottom: 0;
}

.order-table-th {
    background-color: #FAFAFA;
    border: solid 1px #E7E7E7;
    text-align: left;
}

.order-table-th span {
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.order-table-th span:first-child {
    margin-left: 10px;
    margin-right: 5px;
}

.order-table-td td {
    border-right: 1px solid #E7E7E7
}

.order-table-td td:last-child {
    border-right: 0px;
}

.order-goods {
    padding-top: 10px;
    text-align: left;
    width: 100%;
    float: left;
    height: 80px;
    border-bottom: 1px solid #E7E7E7;
}

.order-goods:last-child {
    border-bottom: 0px;
}

.order-goods .goods-thumb {
    display: block;
    float: left;
    margin-left: 10px;
}

.order-goods .goods-thumb img {
    max-width: 60px;
    max-height: 60px;
}

.order-goods .goods-title {
    display: block;
    float: left;
    width: 390px;
    margin-left: 10px;
}

.order-goods .goods-price {
    float: left;
    width: 130px;
    text-align: center;
}

.order-goods .goods-number {
    float: left;
    width: 70px;
    text-align: center;
}

.tit-bg {
    background: #1b43c4;
    border-top: 0;
    color: #fff;
}

.page-wrap {
    width: 100%;
    height: 26px;
    margin: 28px 0;
    text-align: center;
}

.page-wrap li {
    display: inline-block;
}

.page-wrap a, .page-wrap li span {
    height: 26px;
    display: inline-block;
    line-height: 26px;
    margin: 0 1px;
    padding: 0 9px;
    font-size: 13px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-wrap li.active span, .page-wrap a:hover {
    border: 1px solid #1b43c4;
    color: #1b43c4;
}

/* 我的订单-订单明细 */
.complete-table-wrap {
    width: 977px;
    height: 100px;
    height: auto !important;
    min-height: 100px;
    border: 1px solid #ccc;
    margin: 0 0 25px 0;
}

.track-details-table {
    width: 977px;
}

.order-tarck tr th {
    height: 36px;
    line-height: 36px;
    background: #f7f7f7;
    text-align: left;
    text-indent: 15px;
    font-size: 14px;
    color: #1b43c4;
}

.order-tarck tr td {
    text-align: left;
    padding: 0 0 0 18px;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
}

.order-tarck tr td.infor-left {
    padding: 10px 18px 10px 0;
    color: #555;
    text-align: right;
}

.color-blackss {
    color: #010101;
    text-shadow: 0 1px #878585;
}

.order-tarck a {
    font-size: 14px;
}

.order-tarck a:hover {
    text-decoration: underline;
}

.line {
    margin: 0 5px;
    font-style: normal;
}

.order-list-dtl a {
    color: #0279B9;
}

.morder-table tr td.order-list-op a {
    font-size: 12px;
    text-decoration: none;
}

.morder-table tr td.order-list-op div {
    margin: 4px 0;
}

.order-detail-op div {
    float: left;
    margin-right: 10px;
}

.order-detail-op div a {
    font-size: 12px;
}

.obder-bg {
    height: 41px;
    background: #1b43c4;
}

.obder-bg .morder-title {
    color: #fff;
}

.ucenter-express-box {
    padding: 20px;
}

.track-sum-box {
    height: 100px;
    height: auto !important;
    min-height: 100px;
    padding: 15px 0 0 0;
    background: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
}

.track-sum-box .summation-container {
    width: 320px;
    margin: 0 70px 0 0;
}

.track-sum-box .shopping-order, .payment-tarack .shopping-order {
    width: 320px;
    height: 26px;
    margin: 0 0 4px 0;
}

.track-sum-box .together-left {
    width: 160px;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
}

.track-sum-box .together-right {
    width: 150px;
    line-height: 24px;
}

.track-sum-box .insignia-rmb {
    color: #333;
    font-size: 13px;
    font-weight: normal;
}

.summation-container {
    width: 340px;
    height: 30px;
    height: auto !important;
    min-height: 30px;
    float: right;
    margin: 0 22px 0 0;
    _margin-right: 11px;
}

.payment-tarack {
    height: 44px;
    margin: 0 48px 0 0;
}

.payment-tarack .summation-container {
    width: 320px;
    margin-top: 10px;
}

.payment-tarack .together-left {
    width: 160px;
    font-size: 14px;
}

.payment-tarack .together-right {
    width: 150px;
    font-size: 14px;
}

.together-left {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}

.together-right {
    float: right;
    width: 200px;
    line-height: 30px;
    text-align: right;
}

.insignia-rmb {
    color: #fa2222;
    font-size: 16px;
    font-weight: bold;
}

/* 我的订单-积分 */
.points-container {
    width: 943px;
    height: 30px;
    height: auto !important;
    min-height: 30px;
    padding: 18px;
    background: #f9ebeb;
    border: 1px solid #df9999;
    margin: 0 0 20px 0;
}

.points-text, .points-text span {
    font-size: 15px;
}

.credits-box {
    height: 30px;
    margin: 10px 0 0 0;
}

.credits-btn {
    float: left;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #1b43c4;
    padding: 0 18px;
    border-radius: 2px;
}

.credits-btn:hover {
    color: white;
    text-decoration: underline;
}

.witt {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    float: left;
    display: inline-block;
    color: #1b43c4;
    margin: 0 0 0 12px;
}

/* 积分转换 */
.return-goods-table {
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 0 20px 0;
}

.return-goods-table tr th {
    width: 6%;
    text-align: right;
    font-weight: normal;
    border-bottom: 1px solid #d4d4d4;
    padding: 14px 4px 14px 0;
    font-size: 13px;
}

.return-goods-table tr td {
    width: 30%;
    padding: 14px 0 14px 10px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 13px;
}

.text-mess-center {
    width: 219px;
    height: 32px;
    display: inline-block;
}

.text-mess-input {
    width: 219px;
    height: 30px;
    background: #f9f9f9;
    border: 1px solid #cecece;
    text-indent: 10px;
}

.reason-input {
    width: 658px;
    height: 134px;
    background: #f9f9f9;
    border: 1px solid #cecece;
    display: block;
}

.return-goods-table tr.text-top th {
    vertical-align: top;
    border: 0;
}

.return-goods-table tr.text-top td {
    border: 0;
    padding-bottom: 0;
}

.reason-text {
    width: 658px;
    height: 134px;
    border: 0;
    background: none;
    text-indent: 2px;
}

.return-goods-table tr.text-seat th, .return-goods-table tr.text-seat td {
    padding: 14px 0 0 10px;
    border: 0;
}

.submitting-am {
    display: none;
    font-size: 13px;
    color: #1e9d18;
    margin: 0px 0 0 4px;
    display: inline-block;
}

.reason-margin {
    margin: 10px 0px 25px 0;
}

.withdr-select {
    width: 128px;
    height: 30px;
    padding: 0 0 0 8px;
    font-size: 14px;
    margin: 0 8px 0 0;
}

.width220 {
    width: 220px;
}

.withdr-select option {
    padding: 5px 0 5px 10px;
}

.money {
    font-size: 13px;
    margin: 0 0 0 10px;
    color: #666;
}

.colo-b {
    color: #000;
    font-style: normal;
    margin: 0 4px;
}

.ask-btn, .cancel-btn {
    height: 37px;
    line-height: 37px;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    margin: 0 3px;
    display: inline-block;
    padding: 0 28px;
}

.ask-btn {
    background: #1b43c4;
}

.ask-btn:hover {
    color: #fff;
    text-decoration: underline;
}

.range {
    margin: 0 2px;
}

.mqnu-btn {
    height: 26px;
    line-height: 26px;
    background: #1b43c4;
    padding: 0 8px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    margin: 0 0 0 4px;
}

.mqnu-btn:hover {
    color: #fff;
}

/* 建议管理 */
.add-prop {
    float: right;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    background: #fff;
    color: #1b43c4;
    padding: 0 16px;
    border-radius: 2px;
    margin: 5px 20px 0 0;
}

.add-prop:hover {
    background: #fcf9f9;
}

/* 添加建议 */
.add-suggestions-box {
    width: 940px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 32px 0 0 22px;
    padding: 0 0 30px 0;
}

.add-sugg-cent {
    height: auto !important;
    height: 42px;
    min-height: 42px;
    margin: 0 0 10px 0;
}

.sugge-text {
    background: #efefef;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    text-indent: 20px;
}

.sugge-cent {
    font-size: 14px;
    height: auto !important;
    height: 28px;
    min-height: 28px;
    padding: 8px 45px 8px 45px;
    line-height: 34px;
}

.sugg-bg {
    background: #d2d8ec;
    color: #1b43c4;
}

/* 地址管理 */
.radio-select-btn {
    vertical-align: middle;
    display: inline-block;
    margin: -4px 2px 0 0;
    margin-right: 5px;
}

.color-gray {
    color: #666;
}

.bel-margin {
    margin: 0 25px 0 0;
}

.applicat-table tr th {
    width: 10%;
    *width: 5%;
    width: 5%\0;
}

.applicat-table tr td {
    width: 20%;
}

.set-check {
    margin: 0 0 0 12px;
}

.readtions-input {
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.app-mess {
    font-size: 13px;
    color: #666;
    margin: 8px 0 0 0;
}

.m-personal {
    width: 219px;
    height: 32px;
    background: #f9f9f9;
    border: 1px solid #cecece;
}

.m-personal .text-mess-input {
    width: 195px;
    float: left;
    height: 30px;
    background: none;
    border: 0;
    text-indent: 2px;
}

.fete-ico {
    display: block;
    background: url(../images/fete-ico.png) no-repeat;
    width: 16px;
    float: right;
    height: 30px;
    margin: 0 5px 0 0;
    cursor: pointer;
}

/* 帮助中心 */
.common-problem-box {
    width: 979px;
    height: 50px;
    height: auto !important;
    min-height: 50px;
}

.common-problem-box ul li {
    height: 26px;
    line-height: 26px;
    padding: 10px 15px;
    border-bottom: 1px solid #d4d4d4;
}

.common-problem-box ul li a {
    float: left;
    display: inline-block;
    background: url(../images/help-ico.gif) no-repeat left center;
    padding: 0 0 0 14px;
    font-size: 13px;
}

.common-problem-box ul li a:hover {
    color: #1b43c4;
}

.common-problem-box ul li span {
    float: right;
    color: #797979;
}

.common-problem-box ul li:last-child {
    border: 0;
}

.help-title {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ff6600;
    padding: 0 0 0 13px;
    font-weight: bold;
}

.help-ico {
    display: block;
    height: 40px;
    background: url(../images/help-ico2.gif) no-repeat 0px center;
    padding: 0 0 0 23px;
}

.help-support {
    float: left;
    width: 197px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

/* 物流 */
.logistics-box {
    width: 939px;
    height: 50px;
    height: auto !important;
    min-height: 50px;
    padding: 25px 20px 50px 20px;
}

.logistics-box p {
    font-size: 15px;
    line-height: 32px;
}


/* 会员登录 */
.register-wrap {
    width: 100%;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    padding: 30px 0;
}

.register-container {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
    background: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.register-box {
    float: left;
    width: 795px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    padding: 0 22px 20px 22px;
    _padding: 10px 10px 10px;
    border-right: 1px solid #ccc;
    background: #fff;
}

.register-title {
    height: 55px;
    border-bottom: 1px solid #ccc;
    line-height: 55px;
    padding: 10px 0;
}

.reg-new {
    font-size: 26px;
    padding: 0 0 0 20px;
    float: left;
}

.exist-login {
    float: right;
    font-size: 13px;
    color: #666;
}

.login-btn {
    font-size: 13px;
    color: #15b52c;
}

.login-btn:hover {
    text-decoration: underline;
}

.registration-box {
    width: 795px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    float: left;
    margin: 48px 0 50px 0;
}

.reg-center {
    width: 795px;
    height: 41px;
    float: left;
    margin: 0 0 25px 0;
}

.reg-left {
    float: left;
    width: 120px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    text-align: right;
    margin: 0 0 20px 0;
}

.reg-color {
    color: #ff0000;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin: 0 2px 0 0;
}

.register-input {
    width: 325px;
    height: 38px;
    float: left;
    margin: 0 0 0 12px;
}

.regi-input {
    width: 325px;
    height: 38px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    text-indent: 5px;
    color: #999;
}

.reg-right {
    width: 255px;
    height: 38px;
    line-height: 38px;
    color: #999;
    float: left;
    margin: 0px 0 0 14px;
    font-size: 13px;
}

.verification-code {
    display: inline-block;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    background: #ff7800;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
}

.agree-clause {
    width: 322px;
    height: 20px;
    float: left;
    margin: 0 0 0 135px;
    _margin-left: 52px;
}

.agree-reg {
    color: #1794d5;
    font-size: 13px;
}

.agree-reg:hover {
    text-decoration: underline;
}

.bear-pass {
    float: left;
}

.check {
    vertical-align: middle;
    height: 25px;
    vertical-align: middle;
    margin-top: -1px;
    margin-bottom: 2px;
    margin-right: 5px;
}

.finish-registration {
    width: 325px;
    height: 40px;
    float: left;
    margin: 23px 0 0 130px;
    _margin-left: 52px;
}

.finish-btn {
    height: 40px;
    background: #ff6600;
    font-size: 17px;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    padding: 0 25px;
    border-radius: 5px;
}

.finish-btn:hover {
    background: #fd6e0e;
}

.register-center {
    float: left;
    width: 248px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    padding: 0 56px;
}

.register-text {
    height: 150px;
    margin: 55px 0 0 0;
    text-align: center;
}

.charge-cent {
    font-size: 15px;
    line-height: 28px;
}

.contact-submit {
    width: 248px;
    height: 38px;
    text-align: center;
    margin: 20px 0 0 0;
}

.log-qq {
    display: inline-block;
    width: 236px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 4px;
    background: url(../images/qq-log.gif) no-repeat 79px center;
    padding: 0 0 0 12px;
}

.log-qq:hover {
    filter: alpha(opacity=95);
    opacity: 0.95;
}

.forget-pass {
    float: right;
    font-size: 13px;
    color: #15b52c;
    line-height: 26px;
}

.forget-pass:hover {
    color: #10ac27;
}

.enroll-btn {
    border-radius: 3px;
    display: block;
    text-align: center;
    height: 36px;
    line-height: 36px;
    background: url(../images/enroll-bg.gif) repeat-x;
    border: 1px solid #d5d4d4;
}

.enroll-btn:hover {
    filter: alpha(opacity=90);
    opacity: 0.90;
}

.sms-btn {
    width: 155px;
    height: 40px;
    border: 0;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.sms-btn:hover {
    opacity: 0.8;
}

.code-center {
    width: 795px;
    height: 41px;
    float: left;
    margin: 0 0 25px 0;
}

.logincode-input {
    width: 158px;
    height: 38px;
    float: left;
    margin: 0 0 0 12px;
}

.c-input-text {
    width: 160px;
    font-size: 13px;
    color: #999;
    height: 37px;
    line-height: 37px;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    color: #999;
    text-indent: 8px;
}

.code-img {
    margin: 0 0 0 12px;
    cursor: pointer;
}

.code-img img {
    width: 155px;
    height: 40px;
}

.change-text {
    margin: 0 0 0 12px;
    line-height: 37px;
    color: #777;
    font-size: 13px;
}

.chan-c {
    text-decoration: underline;
    color: #777;
    font-size: 13px;
}

/* 用户 */
.prompt-text {
    width: 250px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 0 0 0 12px;
    font-size: 13px;
    color: #999;
}

/* 注册-用户条款 */
.register-protocol-wrap {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    margin: 0 auto;
}

.agreement-wrap {
    width: 1162px;
    height: 508px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 30px;
    overflow: auto;
    overflow-x: hidden;
    padding: 25px 18px;
    background: #fff;
}

.agreement-wrap p {
    font-size: 15px;
    line-height: 32px;
}

.template-box {
    display: none;
}

.template-wrap-box {
    padding: 0 5%;
    margin-top: 15px;
}

.layui-rate {
    padding: 0;
}

.layui-rate, .layui-rate * {
    vertical-align: baseline;
    display: inline;
}

#rate-box {
    float: left;
}

.layui-rate li i.layui-icon {
    font-size: medium;
}


.estimate-box {
    width: 926px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

.estimate-title {
    width: 924px;
    height: 35px;
    border: 1px solid #c8c8c8;
    background: #efefef;
    line-height: 35px;
    text-indent: 18px
}

.estimate-cent {
    width: 926px;
    width: 910px;
    height: 100px;
    height: auto !important;
    min-height: 100px;
    margin: 10px 0 0 0;
}

.criticism-container {
    width: 926px;
    height: auto !important;
    height: 45px;
    min-height: 45px;
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
}

.commentary-right {
    width: 755px;
    height: auto !important;
    height: 45px;
    min-height: 45px;
    float: right;
}

.commentary-left {
    _width: 160px;
    text-align: right;
    height: auto !important;
    height: 45px;
    min-height: 45px;
    float: left;
}

.statement-comm {
    font-size: 13px;
}

.comment-pic li {
    float: left;
    display: inline-block;
    width: 80px;
    height: 80px;
    padding: 0;
    line-height: 78px;
    margin-right: 10px;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    border: 1px solid #E9ECF0;
}

.comment-pic img {
    width: 78px;
    height: 78px;
    cursor: url(../images/img-zoom-in.png), url(../images/zoom_in.cur), auto;
}

.comment-large-pic-box {
    text-align: center;
    display: none;
    background: #F7F9FA;
    position: relative;
    padding: 10px 0;
    width: 400px;
    height: 400px;
    line-height: 400px;
}

.comment-large-pic-box img {
    display: none;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.comment-large-pic-close {
    position: absolute;
    top: 8px;
    right: 6px;
    width: 64px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: rgba(113, 121, 127, 0.4);
    border-radius: 10px;
    cursor: pointer;
    z-index: 1099;
}

.comment-large-pic-left, .comment-large-pic-right {
    display: none;
}

.comment-large-pic-box .comment-large-pic-left {
    cursor: pointer;
    z-index: 99;
    position: absolute;
    width: 25%;
    top: 0;
    left: 0;
    bottom: 0;
}

.comment-large-pic-box .comment-large-pic-right {
    cursor: pointer;
    z-index: 99;
    position: absolute;
    width: 25%;
    top: 0;
    right: 0;
    bottom: 0;
}

.comment-large-pic-box .comment-large-pic-left span {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 50%;
    left: 10px;
    margin-top: -18px;
    background-image: url(../images/pic-arrow-l.png);
    background-repeat: no-repeat;
    background-size: 33%;
    background-color: rgba(0, 0, 0, .6);
    background-position: center;
}

.comment-large-pic-box .comment-large-pic-right span {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 50%;
    right: 10px;
    margin-top: -18px;
    background-image: url(../images/pic-arrow-r.png);
    background-repeat: no-repeat;
    background-size: 33%;
    background-color: rgba(0, 0, 0, .6);
    background-position: center;
}

.review-date {
    width: 755px;
    color: #B4BABF;
    margin: 6px 0 0 0;
}

.review-picture {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 10px 0 0;
    display: inline-block;
}

.review-picture img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.grade-box {
    height: 40px;
    float: right;
}

.gold {
    height: 24px;
    display: inline-block;
    padding: 0 0 0 20px;
    line-height: 24px;
}

.administrator-reply {
    height: auto !important;
    height: 45px;
    min-height: 45px;
    padding: 10px 15px 20px 15px;
    background: #f8f8f8;
    margin: 20px 0 0 0;
}

.admi-title {
    font-size: 13px;
}

.admi-text {
    height: auto !important;
    height: 20px;
    min-height: 20px;
    margin: 8px 0 0 0px;
    font-size: 13px;
}

.response-comm {
    color: #666;
    margin: 5px 0 0 0;
}

.evaluate-page {
    text-align: right;
    margin-top: 18px;
}

.evaluate-page a {
    height: 26px;
    display: inline-block;
    line-height: 26px;
    margin: 0 1px;
    padding: 0 9px;
    font-size: 13px;
    border: 1px solid #ccc;
    background: #fff;
}


/* 购物车1 我的购物车 */
.cart-center-wrap {
    width: 1200px;
    height: 100px;
    height: auto !important;
    min-height: 100px;
    margin: 0 auto;
}

.mainly-containter {
    width: 1200px;
    height: 100px;
    height: auto !important;
    min-height: 100px;
    margin: 0 auto;
    margin-bottom: 45px;
}

.shopping-cart-flows {
    width: 1200px;
    height: 43px;
}

.shopping-cart-flows ul {
    position: relative;
}

.shopping-cart-flows ul li {
    float: left;
    height: 43px;
    display: inline-block;
    position: absolute;
    top: 0;
    text-align: center;
    line-height: 43px;
}

.flows-context1 {
    width: 417px;
    background: url(../images/shopping-bg.png) no-repeat 0 -141px;
}

.flows-context2 {
    width: 447px;
    background: url(../images/shopping-bg.png) no-repeat 0 -188px;
    left: 380px;
}

.flows-context3 {
    width: 410px;
    background: url(../images/shopping-bg.png) no-repeat 0 -235px;
    right: 0;
}

.fc1 {
    width: 417px;
    background: url(../images/shopping-bg.png) no-repeat;
}

.fc2 {
    width: 447px;
    background: url(../images/shopping-bg.png) no-repeat 0 -47px;
    left: 380px;
}

.fc3 {
    width: 410px;
    background: url(../images/shopping-bg.png) no-repeat 0 -94px;
    right: 0;
}

.shopping-cart-flows ul li span {
    width: 25px;
    height: 25px;
    color: #888;
    text-align: center;
    line-height: 25px;
    _margin-top: 10px;
    font-size: 17px;
    display: inline-block;
    background: url(../images/round-bg.png) no-repeat;
}

.shopping-cart-flows ul li span.fcolor-color {
    color: #ff6600;
}

.shopping-cart-flows ul li em {
    height: 25px;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    margin: 0 0 0 10px;
}

.promotion-wrap {
    width: 1140px;
    height: 20px;
    height: auto !important;
    min-height: 20px;
    font-size: 14px;
    border: 1px solid #86d87d;
    background: #ecf9eb;
    padding: 12px 30px;
    color: #3ca731;
    font-weight: bold;
}

.payment-container {
    width: 1200px;
    height: 100px;
    height: auto !important;
    min-height: 100px;
    border: 1px solid #d4d4d4;
    border-top: 3px solid #ff6600;
    margin: 20px 0 0 0;
}

.payment-table {
    width: 1200px;
    height: 100px;
    height: auto !important;
    min-height: 100px;
}

.payment-table tr th {
    height: 42px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

.payment-table tr td {
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.payment-table tr td a {
    font-size: 13px;
}

.payment-table tr td a:hover {
    text-decoration: underline;
}

.regulat-margin {
    margin: 0 0 0 40px;
}

.amount-payable {
    height: 38px;
    background: #fff4ca;
}

.amount-center {
    width: 400px;
    height: 38px;
    float: right;
    margin: 0 22px 0 0;
}

.meet-tit {
    width: 180px;
    height: 38px;
    float: left;
    text-align: right;
    font-size: 15px;
    line-height: 38px;
    font-weight: bold;
}

.meet-cent {
    width: 200px;
    height: 38px;
    float: right;
    line-height: 38px;
    text-align: right;
}

.summ-rmb {
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
}

.color-blue {
    color: #4680a8;
}

.color-orages {
    color: #ff6600;
}

.color-gray {
    color: #666;
}

.information-cart {
    width: 1200px;
    height: 30px;
    height: auto !important;
    min-height: 30px;
    margin: 20px 0 0 0;
    *margin-top: 25px;
}

.payment-submit {
    text-align: right;
    width: 340px;
    height: 40px;
    float: right;
}

.ask-btn, .cancel-btn {
    height: 37px;
    line-height: 37px;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    margin: 0 3px;
    display: inline-block;
    padding: 0 28px;
}

.ask-btn {
    background: #1b43c4;
}

.cancel-btn {
    background: #a5a5a5;
}

.ask-btn:hover {
    background: #1b43c4;
}

.cancel-btn:hover {
    background: #adadad;
}

/* 购物车2 确认订单信息 */
.message-box {
    width: 1200px;
    height: 50px;
    height: auto !important;
    min-height: 50px;
    border: 1px solid #d4d4d4;
    border-top: 1px solid #c1c1c1;
    margin: 20px 0;
}

.title-payment {
    height: 34px;
    line-height: 34px;
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
}

.delivery-add {
    margin: 0 15px;
    font-size: 14px;
    font-weight: bold;
}

.other-add {
    font-size: 13px;
    color: #1cab3a;
}

.other-add:hover {
    text-decoration: underline;
}

.take-delivery {
    height: 20px;
    height: auto !important;
    min-height: 20px;
    padding: 10px 0;
    margin: 0 0 0 32px;
}

.take-delivery div {
    margin: 0 50px 0px 0;
    font-size: 13px;
    line-height: 30px;
}

.take-delivery i {
    font-style: normal;
}

.radio-select-btn {
    margin-right: 5px;
}

.edit-btn {
    font-size: 14px;
    color: #ff7800;
    margin: 0 0 0 12px;
}

.edit-btn:hover {
    text-decoration: underline;
}

.color-orage {
    color: #ff6600;
    font-size: 13px;
}

.bonus {
    width: 100%;
    height: 30px;
}

.bonus .bonus-right {
    width: 340px;
    float: right;
    margin-top: 10px;
    margin-right: 22px;
}

.bonus-text {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}

.bonus-select {
    float: right;
    text-align: center;
    text-align-last: center;
}

.bonus .bonus-right select {
    border: 1px solid #d4d4d4;
    width: 190px;
    height: 30px;
}

.bonus-scroll {
    position: fixed;
    top: 0;
    right: -276px;
    z-index: 9999990;
    width: 265px;
    height: 100%;
    background-color: #eceaea;
    border-left: 6px solid #7a6e6e;
}

.bonus-scroll-title {
    position: relative;
    width: 270px;
    height: 40px;
    line-height: 40px;
    background: #eceaea;
}

.bonus-scroll-title h3 {
    display: inline-block;
    height: 40px;
    color: rgb(94, 80, 80);
    font: 16px / 40px 微软雅黑;
}

.bonus-scroll-title h3 span {
    width: 18px;
    height: 13px;
    margin-top: 14px;
    background-image: url(../images/bonus.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 4px;
    margin-left: 10px;
    vertical-align: top;
}

.bonus-scroll-title h3 em {
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    height: 40px;
    color: rgb(94, 80, 80);
    font: 16px / 40px 微软雅黑;
    font-style: normal;
}

.bonus-scroll-title .bonus-close {
    width: 12px;
    height: 12px;
    background-image: url(../images/bonuc-close.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 8px;
    top: 16px;
    cursor: pointer;
    display: inline-block;
    transition: transform .2s ease-out 0s;
}

.bonus-scroll-title .bonus-close:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bonus-scroll .coupon-title {
    width: 250px;
    height: 19px;
    line-height: 2px;
    font-size: 14px;
    color: #666;
    margin-top: 12px;
    text-align: center;
    background-image: url(../images/bonus-titles.png);
    background-repeat: no-repeat;
    margin-left: 10px;
}

.coupon-item {
    margin: 20px 0 0 15px;
    width: 240px;
    min-height: 106px;
    background-color: #fff;
    position: relative;
}

.coupon-item-box {
    min-height: 113px;
    padding: 0 10px 5px 15px;
    position: relative;
}

.coupon-item-box .coupon-price {
    float: left;
    width: 180px;
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    display: inline;
    padding-top: 12px;
    color: #74d2d4;
}

.coupon-item-box .coupon-price .token {
    position: relative;
    font-size: 16px;
    font-family: "microsoft yahei";
    top: -8px;
    left: 2px;
    font-weight: 400;
}

.coupon-item-box .coupon-price span.coupon-val {
    font-size: 28px;
}

.coupon-item-box .coupon-name {
    font-size: 12px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    padding-left: 8px;
}

.coupon-item-box .coupon-info {
    float: left;
    display: inline;
    width: 180px;
    margin: 0 2px 0 0;
    height: auto;
    line-height: 18px;
    color: #666;
    font-family: "Microsoft Yahei";
    position: relative;
}

.coupon-item-box .coupon-info .condition {
    display: inline-block;
    height: 18px;
    color: #777;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
    vertical-align: middle;
}

.coupon-item-box .coupon-info p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
}

.coupon-item-box .coupon-time {
    width: 190px;
    clear: both;
    color: #999;
    font-family: 'Microsoft Yahei';
}

.coupon-item-box .btn-get {
    background-color: #74d2d4;
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
    width: 12px;
    line-height: 19px;
    font-family: "microsoft yahei";
    color: #fff;
    clear: both;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/bonus-qln.png);
    background-repeat: no-repeat;
    padding: 16px 10px 0;
}

.coupon-item-box .btn-get-disable {
    background-image: url(../images/bonus-dis.png);
    background-color: #c3c3c3;
    line-height: 30px;
}

.coupon-item-box .btn-get-red {
    background-image: url(../images/bonus-right-red.png);
    background-color: #fa9899;
}

.coupon-item-red-box .coupon-price {
    color: #fa9899;
}

.payment-total {
    height: auto !important;
    height: 162px;
    min-height: 162px;
    margin: 18px 0 0 0;
}

.summation-container {
    width: 340px;
    height: 30px;
    height: auto !important;
    min-height: 30px;
    float: right;
    margin: 0 22px 0 0;
    _margin-right: 11px;
}

.shopping-together {
    width: 340px;
    height: 30px;
    margin: 0 0 2px 0;
}

.together-left {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
}

.together-right {
    float: right;
    width: 200px;
    line-height: 30px;
    text-align: right;
}

.insignia-rmb {
    color: #fa2222;
    font-size: 16px;
    font-weight: bold;
}

.summation-box {
    width: 1200px;
    height: 38px;
    background: #fff4ca;
    float: left;
}

.summation-box .shopping-together {
    margin: 5px 0 0 0;
}

.summ-rmb {
    color: #fa2222;
    font-size: 24px;
    font-weight: bold;
}

.meet-size {
    font-size: 15px;
}

.information-cart {
    width: 1200px;
    height: 30px;
    height: auto !important;
    min-height: 30px;
    margin: 20px 0 0 0;
    *margin-top: 25px;
}

.confirm-order-left {
    width: 600px;
    height: 80px;
    float: left;
}

.note {
    font-size: 13px;
    float: left;
    width: 600px;
    height: 30px;
    margin: 0px 0 10px 0;
}

.the-information {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0px 8px 0 0;
}

.the-infor-input {
    height: 30px;
    float: left;
}

.the-msg {
    width: 440px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dfdedf;
}

.the-hair {
    vertical-align: middle;
    height: 35px;
}

.acknow-mess {
    vertical-align: middle;
    margin-top: -1px;
    margin-bottom: 1px;
    margin-right: 5px;
}

.the-infor-select {
    width: 85px;
    height: 30px;
    float: left;
    margin: -3px 0 0 0;
}

.cart-select {
    width: 85px;
    height: 30px;
    font-size: 13px;
    margin: 3px 5px 0 5px;
    _margin-top: 5px;
    text-indent: 3px;
}

.cart-select option {
    text-indent: 8px;
    height: 20px;
    padding: 2px 0;
}

.the-text-inputy {
    width: 230px;
    height: 30px;
    float: left;
    margin: 0px 0 0 10px;
}

.recording-inputy {
    width: 230px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
}

.pengju-orages {
    color: #ff6600;
    font-style: normal;
    margin: 0 3px 0 0;
}

.gold-points {
    margin: 0 0 0 5px;
    height: 23px;
}

.gold-text {
    width: 66px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    border: 1px solid #999;
    margin: 0 5px;
}

/* 购物车3 订购完成 */
.submit-successfully {
    width: 1144px;
    height: 84px;
    text-align: center;
    border: 1px solid #91d78a;
    background: #f4fff3;
    margin: 20px 0 0 0;
    padding: 28px;
}

.succe-ico {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 18px;
    color: #18a20e;
    margin: 0 0 12px 0;
    background: url(../images/nonent-ico2.png) no-repeat left center;
    background-size: 30px;
    padding: 0 0 0 38px;
}

.immediate-pay {
    height: 37px;
    display: inline-block;
    padding: 0 28px;
    text-shadow: 0px 2px 1px #25cf16;
    background: #1cc30d;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    line-height: 37px;
}

.immediate-pay:hover {
    background: #1fc910;
}

.successfully-center {
    height: 20px;
    height: auto !important;
    min-height: 20px;
}

.successfully-center ul li {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 13px;
    text-indent: 15px;
}

.successfully-center ul li.seccess-border {
    border: 0;
}

.success-margin {
    margin: 0;
}

.category-menu-box {
    display: none;
}

.nonentity-wrap {
    width: 1200px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    border: 1px solid #d6d6d6;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.nonentity-container {
    height: auto !important;
    height: 100px;
    min-height: 100px;
    padding: 80px 0;
}

.nonent-center {
    width: 500px;
    margin: 0 0 0 325px;
}

.nonent-ico {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 70px;
    font-size: 20px;
    color: #ee9a22;
    background: url(../images/nonent-ico1.png) no-repeat left center;
}

.nonent-text {
    width: 520px;
    height: auto !important;
    height: 50px;
    min-height: 50px;
    margin: 10px 0 0 400px;
}

.nonent-text p {
    line-height: 32px;
    font-size: 14px;
}

.nonent-text p a {
    font-size: 14px;
    color: #0a82c0;
    text-decoration: underline;
    margin: 0 4px;
}

.nonent-text p a:hover {
    color: #108ecf;
    text-decoration: underline;
}

.nonent-ico2, .nonent-ico3 {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 70px;
    font-size: 20px;
}

.nonent-ico2 {
    background: url(../images/nonent-ico2.png) no-repeat left center;
    color: #39940c;
}

.nonent-ico3 {
    background: url(../images/nonent-ico3.png) no-repeat left center;
    color: #f13434;
}

.card-banner {
    width: 100%;
    height: 320px;
    background-image: url(../images/card-banner.png);
    background-repeat: no-repeat;
    background-position: center;
}

.card-box {
    border: 1px solid #e0e0e0;
    width: 1200px;
    height: auto !important;
    height: 520px;
    min-height: 520px;
    margin: 0 auto;
    margin-top: 40px;
}

.card-box .cart-setp {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: 115px;
    float: left;
    background: #f9f9f9;
}

.card-box .cart-setp .cart-setp-box {
    width: 1119px;
    height: 2px;
    background: #484848;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 45px;
}

.card-box .cart-setp .cart-setp-box .setp-line-box {
    position: relative;
    float: left;
    width: 25%;
    height: 2px;
}

.card-box .cart-setp .cart-setp-box .setp-line-box.active {
    background: #1b43c4;
}

.card-box .cart-setp .cart-setp-box .setp-line-box span:nth-child(1) {
    top: -16px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background-color: #424242;
    border-radius: 50%;
}

.card-box .cart-setp .cart-setp-box .setp-line-box span:nth-child(2) {
    padding-top: 23px;
    font-size: 14px;
    display: block;
    text-align: center;
}

.card-box .cart-setp .cart-setp-box .setp-line-box.active span:nth-child(1) {
    background-color: #1b43c4;
}

.card-box .cart-setp .cart-setp-box .setp-line-box.active span:nth-child(2) {
    color: #1b43c4;
}

.card-box .card-title {
    float: left;
    font-size: 26px;
    color: #1b43c4;
    text-align: center;
    width: 100%;
    height: 95px;
    line-height: 95px;
}

.card-box .card-form {
    float: left;
    width: 100%;
    height: auto !important;
    height: 280px;
    min-height: 280px;
}

.card-box .card-form-box {
    margin: 0 auto;
    width: 370px;
}

.card-box .card-form input {
    margin-bottom: 14px;
    float: left;
    width: 370px;
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
    font-size: 14px;
    color: #999;
}

.card-box .card-form input[type="button"] {
    width: 374px;
    background-color: #1b43c4;
    text-align: center;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.card-box .card-form .card-tips {
    height: 93px;
    float: left;
    width: 372px;
    background-color: #fffcf1;
    font-size: 13px;
    color: #9d7b00;
    border-radius: 5px;
    border: 1px solid #fbe9a7;
}

.card-box .card-form .card-tips p {
    padding: 0 0 2px 15px;
}

.card-box .card-form .card-tips p:nth-child(1) {
    padding-top: 18px;
}

.card-goods {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.card-goods .card-goods-box {
    margin: 0 auto;
    margin-top: 30px;
    width: 450px;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    border: 1px solid #e0e0e0;
}

.card-goods-item {
    margin-top: 20px;
    height: 65px;
    width: 410px;
    float: left;
    margin-left: 20px;
    border-bottom: 1px solid #e4e4e4;
}

.card-goods-item:last-child {
    border-bottom: 0;
}

.card-goods-item .card-photo {
    float: left;
}

.card-goods-item .card-photo img {
    width: 60px;
    height: 60px;
}

.card-goods-item .card-goods-info {
    float: left;
    width: 225px;
    height: 60px;
}

.card-goods-item .card-goods-info div:nth-child(1) {
    padding-left: 15px;
    font-size: 13px;
    color: #333;
    height: 35px;
    float: left;
    width: 100%;
}

.card-goods-item .card-goods-info div:nth-child(2) {
    padding-left: 15px;
    font-size: 13px;
    color: #ff0000;
    margin-top: 2px;
    height: 30px;
    float: left;
    width: 100%;
}

.card-goods-selected {
    float: right;
}

.card-goods-selected a {
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    background-color: #1b43c4;
    font-size: 12px;
    width: 90px;
    height: 26px;
    line-height: 26px;
}

.card-goods-selected a:hover {
    opacity: 0.8;
}

.time i {
    font-style: normal;
}

.surplus-box {
    height: 32px;
    line-height: 32px;
    background: #1b43c4 url(../images/surplus-ico.png) no-repeat 5px center;
    padding: 0 20px 0 10px;
    color: #fff;
    text-indent: 25px;
    font-size: 14px;
}

.surplus-left {
    float: left;
}

.surplus-right {
    float: right;
}

.packaging-title {
    height: 41px;
    background: #1b43c4;
}

.packaging-title a {
    color: #fff;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    padding: 0 12px;
    float: left;
    margin: 6px 0 0 20px;
}

.packaging-title a.called {
    height: 35px;
    line-height: 35px;
    background: #fff;
    text-shadow: none;
    color: #1b43c4;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

#buy-cart {
    background: #027bd6;
}

#buy-cart.disabled {
    background-color: #ccc;
}

#add-cart.disabled {
    background-color: #ccc;
}

.oauth-btn {
    font-size: 16px;
    display: block;
}

i.fa-oauth-box {
    font-size: 18px;
    padding-right: 10px;
    position: relative;
    top: 1px;
}

.enroll-btn .fa-weixin {
    color: #00a157;
}

.payment-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 101;
}

#payment-box {
    display: none;
    position: fixed;
    top: 200px;
    width: 340px;
    height: 357px;
    left: 50%;
    z-index: 102;
}

#payment-box>div {
    position: relative;
    left: -50%;
    background: #fff;
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
}

#payment-box .payment-close {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 15px;
    width: 15px;
    font-size: 20px;
    color: #888;
    cursor: pointer;
}

#payment-box .payment-name {
    margin-top: 40px;
    font-size: 18px;
    text-align: center;
    color: #222;
    letter-spacing: 0;
    line-height: 18px;
}

#payment-box .qr-wrapper {
    height: 180px;
    width: 180px;
    margin: 23px auto 0;
}

#payment-box .qr-wrapper img {
    height: 180px;
    width: 180px;
}

#payment-box .payment-tips {
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
    line-height: 27px;
}

/* APP下载页 */
.mobile {
    width: 800px;
    margin: auto;
    height: 550px;
    margin-top: 80px;
}

.ddd-banner {
    float: left;
    margin-right: 65px;
    width: 246px;
    height: 492px;
    background: url(../images/app-bg.png);
}

.dowm_scan {
    width: 128px;
    height: 128px;
    background: #e8eaf0;
    border: 1px solid #bdbec2;
    margin: auto;
    margin-top: 85px;
}

.ddd-banner p {
    color: #252f58;
    font-size: 14px;
    text-align: center;
    margin: auto;
    line-height: 22px;
    padding-top: 15px;
}

.fluid {
    display: table-cell;
    *display: inline-block;
    width: 2000px;
    *width: auto;
}

.img-ccc {
    width: 118px;
    height: 118px;
    position: relative;
    top: 5px;
    left: 5px;
}

.img-ddd {
    position: relative;
    top: 12px;
}

.p-ddd {
    color: #4b5f72;
    font-size: 28px;
    text-align: left;
    margin-top: 50px;
    font-family: Microsoft YaHei;
}

.p-eee {
    color: #4b5f72;
    font-size: 22px;
    padding-top: 15px;
    color: #909cb3
}

.p-fff {
    margin-top: 20px;
    font-size: 14px;
    color: #909cb3;
    font-family: Microsoft YaHei;
}

.p-xzmgs {
    color: #909cb3;
    font-size: 14px;
    text-align: left;
    margin-top: 18px;
    font-family: Microsoft YaHei;
    line-height: 26px;
    margin-top: 20px;
}

.ddd-list {
    text-align: left;
}

.ddd-list li {
    float: left;
    width: 35%;
    clear: none;
    margin: 30px;
}

.ddd-list li a {
    text-decoration: none;
}

.ddd-list span {
    display: block;
    line-height: 1.8;
}

.ddd-list span {
    color: #8d8d8d;
}

.ddd-list .title {
    margin: 3px 0 0 10px;
}

.ddd-list .a-1 {
    border: 1px solid #dee3e9;
    text-align: center;
    height: 185px;
    border-radius: 8px;
    vertical-align: middle;
    display: table-cell;
    width: 185px;
    margin-bottom: 10px;
    background: #f4f6f9;
}

#kefu-box {
    position: fixed;
    bottom: 0px;
    left: calc((100vw - 1200px)/2 + 1210px);
    height: 40px;
    width: 145px;
    background-color: #1b43c4;
    text-align: center;
    cursor: pointer;
}

#kefu-box:hover {
    opacity: 0.8;
}

.kefu-icon {
    float: left;
    color: #fff;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.kefu-icon i {
    font-size: 22px;
    margin-top: 7px;
    padding-left: 8px;
}

.kefu-text {
    line-height: 40px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 60px);
}

/*#rightBar { position: fixed; top: 20px; left: calc((100vw - 1200px)/2 + 1210px); width: 60px; height: 360px; background: #FFFFFF; text-align: center; z-index: 999999; top: 50%; transform: translateY(-50%); }*/
#rightBar {
    position: fixed;
    top: 20px;
    left: calc((100vw - 1200px)/2 + 1210px);
    width: 60px;
    height: 360px;
    text-align: center;
    z-index: 999999;
    top: 50%;
    transform: translateY(-50%);
}

.rightBar-list {
    border-bottom: 1px solid #e9ecf0;
}

.rightBar-list li {
    vertical-align: top;
    padding-top: 7px;
    width: 60px;
    height: 60px;
    border: 1px solid #e9ecf0;
    border-bottom: none;
    position: relative;
    background: #fff;
}

.rightBar-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.app-wx-code-div {
    width: 20px;
    margin: auto;
    height: 20px;
    background: url(../images/qrCode.png) no-repeat;
    background-size: 100%;
}

.rightBar-list li span {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 17px;
    color: rgba(35, 38, 40, 0.9);
}

.rightBar-list li .qr-box {
    position: absolute;
    left: -148px;
    top: 0;
    width: 138px;
    background: #FFFFFF;
    border: 1px solid #E9ECF0;
    padding-top: 12px;
    border-radius: 8px;
    display: none;
}

.rightBar-list li .qr-box img {
    width: 104px;
    height: 104px;
}

.rightBar-list li .qr-box .text-bold {
    color: #232628;
    font-weight: 600;
}

.rightBar-list li .qr-box p {
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
}

.rightBar-list li .qr-box .text-grey {
    color: #71797F;
}

.rightBar-list li.car-a::after {
    content: attr(data-num);
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #1b43c4;
    border-radius: 50%;
    color: #ffffff;
    font-size: 10px;
}

.rightBar-list li a:hover .iconfont,
.rightBar-list li a:hover span {
    color: #1b43c4;
}

.rightBar-list li .iconfont {
    font-size: 20px;
    color: #71797f;
}

.rightBar-list li .concact-box {
    position: absolute;
    top: 9px;
    left: -148px;
    border-radius: 8px;
    width: 138px;
    height: 42px;
    line-height: 42px;
    background: #FFFFFF;
    border: 1px solid #E9ECF0;
    display: none;
}

.rightBar-list li .concact-box span {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    color: #71797f;
    vertical-align: middle;
    margin-top: 0;
}

.feedback {
    width: 100%;
    background: #F3F5F7;
    padding-top: 10px;
}

.feedback-wrap {
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
}

.wrapper {
    padding: 24px 156px 36px;
    font-size: 12px;
    background: #FFFFFF;
    border-radius: 12px;
    margin-bottom: 100px;
}

.wrapper-title {
    font-size: 21px;
    color: #232628;
    margin-bottom: 12px;
    text-align: center;
    font-weight: 600;
}

.wrapper-sub {
    font-size: 13px;
    color: #71797F;
    text-align: center;
    margin-bottom: 18px;
}

.wrapper-label {
    margin-bottom: 12px;
    font-size: 14px;
    color: #232628;
    overflow: hidden;
}

.wrapper-label-title {
    position: relative;
    width: 70px;
    margin-right: 24px;
    float: left;
    height: 40px;
}

.wrapper-label-title.active {
    line-height: 44px;
}

.wrapper-label-info {
    background: #F7F9FA;
    border-radius: 8px;
    outline: none;
    border: none;
    padding: 12px;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 788px;
}

.wrapper-label-info textarea {
    height: 100px;
    width: 100%;
    outline: none;
    background: transparent;
    border: none;
    resize: none;
}

.wrapper-label-num {
    color: #B4BABF;
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.wrapper-label-title.active::before {
    position: relative;
    top: 4px;
    content: "*";
    color: #FF734C;
}

.wrapper-label-media {
    float: left;
    overflow: hidden;
    display: inline-block;
}

.wrapper-media-item {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    position: relative;
    float: left;
    margin-right: 12px;
}

.wrapper-media-add {
    position: relative;
    text-align: center;
    border: 1px dashed #D3D7DB;
    cursor: pointer;
}

.llllll {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    z-index: 1;
}

.wrapper-media-add .feedback-close {
    z-index: 112;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.wrapper-media-add .feedback-close:hover {
    color: red;
}

.wrapper-media-add img {
    max-width: 100%;
    max-height: 100%;
}

.wrapper-media-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    text-align: center;
    background: url(../images/add_img.png) no-repeat center;
}

.wrapper-media-num {
    text-align: center;
    color: #71797F;
    font-size: 12px;
}

.wrapper-submit {
    width: 240px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #1b43c4;
    background: linear-gradient(90deg, #5a79e0 0%, #1b43c4 100%);
    border-radius: 20px;
    color: white;
    font-weight: bold;
    margin: 24px auto 0;
    cursor: pointer;
}

.feedback-list-box .wrapper-label-media {
    line-height: 72px;
}

.feedback-list-box .wrapper-media-add {
    background: #ccc;
}

#goods-list-faq {
    background-color: #F7F9FA;
}

.goods-faq-box {
    padding: 20px;
}

.goods-faq-box h3 {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

.goods-faq-box p {
    margin-top: 2px;
    padding-left: 26px;
    font-size: 13px;
    line-height: 18px;
}

.goods-faq-box p a {
    color: #1b43c4;
}

.goods-faq-box p a:hover {
    text-decoration: underline;
}

.detail-question-service span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #232628;
    vertical-align: middle;
}

.detail-question-service {
    margin-bottom: 17px;
}

.detail-question-service a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    padding: 0px 11px;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    background: #1b43c4;
    border-radius: 14px;
    color: #fff;
    font-weight: 500;
}


/* 高贵紫 */
.skin-purple .top-right ul li a:hover {
    color: #8f2df3;
}

.skin-purple .categories-title {
    color: #fff;
    background-color: #8f2df3;
}

.skin-purple .nav-wrap ul li a:hover, .skin-purple .nav-wrap ul li a.active {
    color: #8f2df3;
}

.skin-purple .settlement-cart {
    background-color: #8f2df3;
}

.skin-purple .assortment-box {
    background-color: #2f2d32;
    border-color: #2f2d32;
}

.skin-purple .wares-cent {
    border-bottom: 1px solid #2f2d32;
}

.skin-purple .wares-title:hover, .skin-purple .wares-active {
    background-color: #2a282d;
}

.skin-purple .carte-combobox {
    border-color: #2f2d32;
}

.skin-purple .s-cent a:hover {
    color: #8f2df3;
}

.skin-purple .swiper-pagination-bullet-active {
    opacity: 1;
    background: #8f2df3;
}

.skin-purple .wel-novel a {
    color: #8f2df3;
    border-color: #8f2df3;
}

.skin-purple .wel-novel a:hover {
    background: #e9d8fa;
}

.skin-purple .e-0 .e-box .second-box div:last-child .go {
    background-color: #8f2df3;
}

.skin-purple .ititle-bar span.ff {
    background-color: #8f2df3;
}

.skin-purple .ititle-bar {
    border-color: #8f2df3;
}

.skin-purple .ptitle-box a:hover {
    color: #8f2df3;
}

.skin-purple .fl-h-more:hover {
    color: #8f2df3;
}

.skin-purple .archives-box ul li a:hover {
    color: #8f2df3;
}

.skin-purple .ask-btn {
    background-color: #8f2df3;
}

.skin-purple .payment-container {
    border-color: #8f2df3;
}

.skin-purple .m-title {
    background-color: #8f2df3;
}

.skin-purple .user-messages-tit {
    background-color: #8f2df3;
}

.skin-purple .morder-box {
    border-color: #8f2df3;
}

.skin-purple .homt-c ul li a:hover, .skin-purple .homt-c ul li a.bestow {
    color: #8f2df3;
}

.skin-purple .packaging-title a.called {
    color: #8f2df3;
}

.skin-purple .packaging-title {
    background-color: #8f2df3;
}

.skin-purple .credits-btn {
    background: #8f2df3;
}

.skin-purple .witt {
    color: #8f2df3;
}

.skin-purple .obder-bg {
    background: #8f2df3;
}

.skin-purple .page-wrap li.active span, .skin-purple .page-wrap a:hover {
    color: #8f2df3;
    border-color: #8f2df3;
}

.skin-purple .tit-bg {
    background: #8f2df3;
}

.skin-purple .archives-title .b a:hover {
    color: #8f2df3;
}

.skin-purple .brand-title .b a:hover {
    color: #8f2df3;
}

.skin-purple .brand-box ul li a:hover {
    color: #8f2df3;
}

.skin-purple .ft-ico {
    background: url(../images/theme/purple/ft1.png) no-repeat;
    background-size: 65px;
}

.skin-purple .ft-ico-2 {
    background: url(../images/theme/purple/ft2.png) no-repeat;
    background-size: 65px;
}

.skin-purple .ft-ico-3 {
    background: url(../images/theme/purple/ft3.png) no-repeat;
    background-size: 65px;
}

.skin-purple .ft-ico-4 {
    background: url(../images/theme/purple/ft4.png) no-repeat;
    background-size: 65px;
}

.skin-purple .fac-ico {
    background: url(../images/theme/purple/fac-ico.png) no-repeat;
}

.skin-purple #kefu-box {
    background: #8f2df3;
}

.skin-purple .rightBar-list li.car-a::after {
    background: #8f2df3;
}

/* 热烈红 */
.skin-claret .categories-title {
    background: #2f2f2f;
    color: #fff;
}

.skin-claret .top-right ul li a:hover {
    color: #b91922;
}

.skin-claret .nav-wrap ul li a:hover, .skin-claret .nav-wrap ul li a.active {
    color: #b91922;
}

.skin-claret .settlement-cart {
    background-color: #b91922;
}

.skin-claret .assortment-box {
    background-color: #b91922;
    border-color: #b91922;
}

.skin-claret .wares-cent {
    border-bottom: 1px solid #b91922;
}

.skin-claret .wares-title:hover, .skin-claret .wares-active {
    background-color: #a6161f;
}

.skin-claret .carte-combobox {
    border-color: #b91922;
}

.skin-claret .s-cent a:hover {
    color: #b91922;
}

.skin-claret .swiper-pagination-bullet-active {
    opacity: 1;
    background: #b91922;
}

.skin-claret .wel-novel a {
    color: #b91922;
    border-color: #b91922;
}

.skin-claret .wel-novel a:hover {
    background: #fdc7ca;
}

.skin-claret .e-0 .e-box .second-box div:last-child .go {
    background-color: #b91922;
}

.skin-claret .ititle-bar span.ff {
    background-color: #b91922;
}

.skin-claret .ititle-bar {
    border-color: #b91922;
}

.skin-claret .ptitle-box a:hover {
    color: #b91922;
}

.skin-claret .fl-h-more:hover {
    color: #b91922;
}

.skin-claret .archives-box ul li a:hover {
    color: #b91922;
}

.skin-claret .ask-btn {
    background-color: #b91922;
}

.skin-claret .payment-container {
    border-color: #b91922;
}

.skin-claret .m-title {
    background-color: #b91922;
}

.skin-claret .user-messages-tit {
    background-color: #b91922;
}

.skin-claret .morder-box {
    border-color: #b91922;
}

.skin-claret .homt-c ul li a:hover, .skin-claret .homt-c ul li a.bestow {
    color: #b91922;
}

.skin-claret .packaging-title a.called {
    color: #b91922;
}

.skin-claret .packaging-title {
    background-color: #b91922;
}

.skin-claret .credits-btn {
    background: #b91922;
}

.skin-claret .witt {
    color: #b91922;
}

.skin-claret .obder-bg {
    background: #b91922;
}

.skin-claret .page-wrap li.active span, .skin-claret .page-wrap a:hover {
    color: #b91922;
    border-color: #b91922;
}

.skin-claret .tit-bg {
    background: #b91922;
}

.skin-claret .archives-title .b a:hover {
    color: #b91922;
}

.skin-claret .brand-title .b a:hover {
    color: #b91922;
}

.skin-claret .brand-box ul li a:hover {
    color: #b91922;
}

.skin-claret .ft-ico {
    background: url(../images/theme/claret/ft1.png) no-repeat;
    background-size: 65px;
}

.skin-claret .ft-ico-2 {
    background: url(../images/theme/claret/ft2.png) no-repeat;
    background-size: 65px;
}

.skin-claret .ft-ico-3 {
    background: url(../images/theme/claret/ft3.png) no-repeat;
    background-size: 65px;
}

.skin-claret .ft-ico-4 {
    background: url(../images/theme/claret/ft4.png) no-repeat;
    background-size: 65px;
}

.skin-claret .fac-ico {
    background: url(../images/theme/claret/fac-ico.png) no-repeat;
}

.skin-claret #kefu-box {
    background: #b91922;
}

.skin-claret .rightBar-list li.car-a::after {
    background: #b91922;
}

/* 浅蓝 */
.skin-light_blue .categories-title {
    color: #fff;
    background: #83dbff;
}

.skin-light_blue .top-right ul li a:hover {
    color: #83dbff;
}

.skin-light_blue .nav-wrap ul li a:hover, .skin-light_blue .nav-wrap ul li a.active {
    color: #83dbff;
}

.skin-light_blue .settlement-cart {
    background-color: #83dbff;
}

.skin-light_blue .assortment-box {
    background-color: #2f2d32;
    border-color: #2f2d32;
}

.skin-light_blue .wares-cent {
    border-bottom: 1px solid #2f2d32;
}

.skin-light_blue .wares-title:hover, .skin-light_blue .wares-active {
    background-color: #2a282d;
}

.skin-light_blue .carte-combobox {
    border-color: #2f2d32;
}

.skin-light_blue .s-cent a:hover {
    color: #83dbff;
}

.skin-light_blue .swiper-pagination-bullet-active {
    opacity: 1;
    background: #83dbff;
}

.skin-light_blue .wel-novel a {
    color: #83dbff;
    border-color: #83dbff;
}

.skin-light_blue .wel-novel a:hover {
    background: #d8eef6;
}

.skin-light_blue .e-0 .e-box .second-box div:last-child .go {
    background-color: #83dbff;
}

.skin-light_blue .ititle-bar span.ff {
    background-color: #83dbff;
}

.skin-light_blue .ititle-bar {
    border-color: #83dbff;
}

.skin-light_blue .ptitle-box a:hover {
    color: #83dbff;
}

.skin-light_blue .fl-h-more:hover {
    color: #83dbff;
}

.skin-light_blue .archives-box ul li a:hover {
    color: #83dbff;
}

.skin-light_blue .ask-btn {
    background-color: #83dbff;
}

.skin-light_blue .payment-container {
    border-color: #83dbff;
}

.skin-light_blue .m-title {
    background-color: #83dbff;
}

.skin-light_blue .user-messages-tit {
    background-color: #83dbff;
}

.skin-light_blue .morder-box {
    border-color: #83dbff;
}

.skin-light_blue .homt-c ul li a:hover, .skin-light_blue .homt-c ul li a.bestow {
    color: #83dbff;
}

.skin-light_blue .packaging-title a.called {
    color: #83dbff;
}

.skin-light_blue .packaging-title {
    background-color: #83dbff;
}

.skin-light_blue .credits-btn {
    background: #83dbff;
}

.skin-light_blue .witt {
    color: #83dbff;
}

.skin-light_blue .obder-bg {
    background: #83dbff;
}

.skin-light_blue .page-wrap li.active span, .skin-light_blue .page-wrap a:hover {
    color: #83dbff;
    border-color: #83dbff;
}

.skin-light_blue .tit-bg {
    background: #83dbff;
}

.skin-light_blue .archives-title .b a:hover {
    color: #83dbff;
}

.skin-light_blue .brand-title .b a:hover {
    color: #83dbff;
}

.skin-light_blue .brand-box ul li a:hover {
    color: #83dbff;
}

.skin-light_blue .ft-ico {
    background: url(../images/theme/light_blue/ft1.png) no-repeat;
    background-size: 65px;
}

.skin-light_blue .ft-ico-2 {
    background: url(../images/theme/light_blue/ft2.png) no-repeat;
    background-size: 65px;
}

.skin-light_blue .ft-ico-3 {
    background: url(../images/theme/light_blue/ft3.png) no-repeat;
    background-size: 65px;
}

.skin-light_blue .ft-ico-4 {
    background: url(../images/theme/light_blue/ft4.png) no-repeat;
    background-size: 65px;
}

.skin-light_blue .fac-ico {
    background: url(../images/theme/light_blue/fac-ico.png) no-repeat;
}

.skin-light_blue #kefu-box {
    background: #83dbff;
}

.skin-light_blue .rightBar-list li.car-a::after {
    background: #83dbff;
}

/* 绿色 */
.skin-green .categories-title {
    color: #fff;
    background-color: #1fc551;
}

.skin-green .top-right ul li a:hover {
    color: #1fc551;
}

.skin-green .nav-wrap ul li a:hover, .skin-green .nav-wrap ul li a.active {
    color: #1fc551;
}

.skin-green .settlement-cart {
    background-color: #1fc551;
}

.skin-green .assortment-box {
    background-color: #2f2d32;
    border-color: #2f2d32;
}

.skin-green .wares-cent {
    border-bottom: 1px solid #2f2d32;
}

.skin-green .wares-title:hover, .skin-green .wares-active {
    background-color: #2a282d;
}

.skin-green .carte-combobox {
    border-color: #2f2d32;
}

.skin-green .s-cent a:hover {
    color: #1fc551;
}

.skin-green .swiper-pagination-bullet-active {
    opacity: 1;
    background: #1fc551;
}

.skin-green .wel-novel a {
    color: #1fc551;
    border-color: #1fc551;
}

.skin-green .wel-novel a:hover {
    background: #e2fae9;
}

.skin-green .e-0 .e-box .second-box div:last-child .go {
    background-color: #1fc551;
}

.skin-green .ititle-bar span.ff {
    background-color: #1fc551;
}

.skin-green .ititle-bar {
    border-color: #1fc551;
}

.skin-green .ptitle-box a:hover {
    color: #1fc551;
}

.skin-green .fl-h-more:hover {
    color: #1fc551;
}

.skin-green .archives-box ul li a:hover {
    color: #1fc551;
}

.skin-green .ask-btn {
    background-color: #1fc551;
}

.skin-green .payment-container {
    border-color: #1fc551;
}

.skin-green .m-title {
    background-color: #1fc551;
}

.skin-green .user-messages-tit {
    background-color: #1fc551;
}

.skin-green .morder-box {
    border-color: #1fc551;
}

.skin-green .homt-c ul li a:hover, .skin-green .homt-c ul li a.bestow {
    color: #1fc551;
}

.skin-green .packaging-title a.called {
    color: #1fc551;
}

.skin-green .packaging-title {
    background-color: #1fc551;
}

.skin-green .credits-btn {
    background: #1fc551;
}

.skin-green .witt {
    color: #1fc551;
}

.skin-green .obder-bg {
    background: #1fc551;
}

.skin-green .page-wrap li.active span, .skin-green .page-wrap a:hover {
    color: #1fc551;
    border-color: #1fc551;
}

.skin-green .tit-bg {
    background: #1fc551;
}

.skin-green .archives-title .b a:hover {
    color: #1fc551;
}

.skin-green .brand-title .b a:hover {
    color: #1fc551;
}

.skin-green .brand-box ul li a:hover {
    color: #1fc551;
}

.skin-green .ft-ico {
    background: url(../images/theme/green/ft1.png) no-repeat;
    background-size: 65px;
}

.skin-green .ft-ico-2 {
    background: url(../images/theme/green/ft2.png) no-repeat;
    background-size: 65px;
}

.skin-green .ft-ico-3 {
    background: url(../images/theme/green/ft3.png) no-repeat;
    background-size: 65px;
}

.skin-green .ft-ico-4 {
    background: url(../images/theme/green/ft4.png) no-repeat;
    background-size: 65px;
}

.skin-green .fac-ico {
    background: url(../images/theme/green/fac-ico.png) no-repeat;
}

.skin-green #kefu-box {
    background: #1fc551;
}

.skin-green .rightBar-list li.car-a::after {
    background: #1fc551;
}

/* 橙色 */
.skin-orange .categories-title {
    background: #ff7f00;
    color: #fff;
}

.skin-orange .top-right ul li a:hover {
    color: #ff7f00;
}

.skin-orange .nav-wrap ul li a:hover, .skin-orange .nav-wrap ul li a.active {
    color: #ff7f00;
}

.skin-orange .settlement-cart {
    background-color: #ff7f00;
}

.skin-orange .assortment-box {
    background-color: #2f2d32;
    border-color: #2f2d32;
}

.skin-orange .wares-cent {
    border-bottom: 1px solid #2f2d32;
}

.skin-orange .wares-title:hover, .skin-orange .wares-active {
    background-color: #2a282d;
}

.skin-orange .carte-combobox {
    border-color: #2a282d;
}

.skin-orange .s-cent a:hover {
    color: #ff7f00;
}

.skin-orange .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff7f00;
}

.skin-orange .wel-novel a {
    color: #ff7f00;
    border-color: #ff7f00;
}

.skin-orange .wel-novel a:hover {
    background: #fae4cf;
}

.skin-orange .e-0 .e-box .second-box div:last-child .go {
    background-color: #ff7f00;
}

.skin-orange .ititle-bar span.ff {
    background-color: #ff7f00;
}

.skin-orange .ititle-bar {
    border-color: #ff7f00;
}

.skin-orange .ptitle-box a:hover {
    color: #ff7f00;
}

.skin-orange .fl-h-more:hover {
    color: #ff7f00;
}

.skin-orange .archives-box ul li a:hover {
    color: #ff7f00;
}

.skin-orange .ask-btn {
    background-color: #ff7f00;
}

.skin-orange .payment-container {
    border-color: #ff7f00;
}

.skin-orange .m-title {
    background-color: #ff7f00;
}

.skin-orange .user-messages-tit {
    background-color: #ff7f00;
}

.skin-orange .morder-box {
    border-color: #ff7f00;
}

.skin-orange .homt-c ul li a:hover, .skin-orange .homt-c ul li a.bestow {
    color: #ff7f00;
}

.skin-orange .packaging-title a.called {
    color: #ff7f00;
}

.skin-orange .packaging-title {
    background-color: #ff7f00;
}

.skin-orange .credits-btn {
    background: #ff7f00;
}

.skin-orange .witt {
    color: #ff7f00;
}

.skin-orange .obder-bg {
    background: #ff7f00;
}

.skin-orange .page-wrap li.active span, .skin-orange .page-wrap a:hover {
    color: #ff7f00;
    border-color: #ff7f00;
}

.skin-orange .tit-bg {
    background: #ff7f00;
}

.skin-orange .archives-title .b a:hover {
    color: #ff7f00;
}

.skin-orange .brand-title .b a:hover {
    color: #ff7f00;
}

.skin-orange .brand-box ul li a:hover {
    color: #ff7f00;
}

.skin-orange .ft-ico {
    background: url(../images/theme/orange/ft1.png) no-repeat;
    background-size: 65px;
}

.skin-orange .ft-ico-2 {
    background: url(../images/theme/orange/ft2.png) no-repeat;
    background-size: 65px;
}

.skin-orange .ft-ico-3 {
    background: url(../images/theme/orange/ft3.png) no-repeat;
    background-size: 65px;
}

.skin-orange .ft-ico-4 {
    background: url(../images/theme/orange/ft4.png) no-repeat;
    background-size: 65px;
}

.skin-orange .fac-ico {
    background: url(../images/theme/orange/fac-ico.png) no-repeat;
}

.skin-orange #kefu-box {
    background: #ff7f00;
}

.skin-orange .rightBar-list li.car-a::after {
    background: #ff7f00;
}

/* 棕色 */
.skin-brown .categories-title {
    color: #fff;
    background-color: #9d4a0e;
}

.skin-brown .top-right ul li a:hover {
    color: #9d4a0e;
}

.skin-brown .nav-wrap ul li a:hover, .skin-brown .nav-wrap ul li a.active {
    color: #9d4a0e;
}

.skin-brown .settlement-cart {
    background-color: #9d4a0e;
}

.skin-brown .assortment-box {
    background-color: #211a16;
    border-color: #211a16;
}

.skin-brown .wares-cent {
    border-bottom: 1px solid #211a16;
}

.skin-brown .wares-title:hover, .skin-brown .wares-active {
    background-color: #1e1714;
}

.skin-brown .carte-combobox {
    border-color: #211a16;
}

.skin-brown .s-cent a:hover {
    color: #9d4a0e;
}

.skin-brown .swiper-pagination-bullet-active {
    opacity: 1;
    background: #9d4a0e;
}

.skin-brown .wel-novel a {
    color: #9d4a0e;
    border-color: #9d4a0e;
}

.skin-brown .wel-novel a:hover {
    background: #fcede2;
}

.skin-brown .e-0 .e-box .second-box div:last-child .go {
    background-color: #9d4a0e;
}

.skin-brown .ititle-bar span.ff {
    background-color: #9d4a0e;
}

.skin-brown .ititle-bar {
    border-color: #9d4a0e;
}

.skin-brown .ptitle-box a:hover {
    color: #9d4a0e;
}

.skin-brown .fl-h-more:hover {
    color: #9d4a0e;
}

.skin-brown .archives-box ul li a:hover {
    color: #9d4a0e;
}

.skin-brown .ask-btn {
    background-color: #9d4a0e;
}

.skin-brown .payment-container {
    border-color: #9d4a0e;
}

.skin-brown .m-title {
    background-color: #9d4a0e;
}

.skin-brown .user-messages-tit {
    background-color: #9d4a0e;
}

.skin-brown .morder-box {
    border-color: #9d4a0e;
}

.skin-brown .homt-c ul li a:hover, .skin-brown .homt-c ul li a.bestow {
    color: #9d4a0e;
}

.skin-brown .packaging-title a.called {
    color: #9d4a0e;
}

.skin-brown .packaging-title {
    background-color: #9d4a0e;
}

.skin-brown .credits-btn {
    background: #9d4a0e;
}

.skin-brown .witt {
    color: #9d4a0e;
}

.skin-brown .obder-bg {
    background: #9d4a0e;
}

.skin-brown .page-wrap li.active span, .skin-brown .page-wrap a:hover {
    color: #9d4a0e;
    border-color: #9d4a0e;
}

.skin-brown .tit-bg {
    background: #9d4a0e;
}

.skin-brown .archives-title .b a:hover {
    color: #9d4a0e;
}

.skin-brown .brand-title .b a:hover {
    color: #9d4a0e;
}

.skin-brown .brand-box ul li a:hover {
    color: #9d4a0e;
}

.skin-brown .ft-ico {
    background: url(../images/theme/brown/ft1.png) no-repeat;
    background-size: 65px;
}

.skin-brown .ft-ico-2 {
    background: url(../images/theme/brown/ft2.png) no-repeat;
    background-size: 65px;
}

.skin-brown .ft-ico-3 {
    background: url(../images/theme/brown/ft3.png) no-repeat;
    background-size: 65px;
}

.skin-brown .ft-ico-4 {
    background: url(../images/theme/brown/ft4.png) no-repeat;
    background-size: 65px;
}

.skin-brown .fac-ico {
    background: url(../images/theme/brown/fac-ico.png) no-repeat;
}

.skin-brown #kefu-box {
    background: #9d4a0e;
}

.skin-brown .rightBar-list li.car-a::after {
    background: #9d4a0e;
}