* {
    margin: 0px;
    padding: 0px;
    font-family: 'microsoft yahei';
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-ms-reveal {
    display: none;
}

img,
iframe {
    _display: block;
    display: block;
    border: 0;
    outline: 0;
}

a {
    color: #666;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:hover {
    /* color: #daa745; */
    cursor: pointer;
}

i,
em {
    font-style: normal;
    font-weight: normal;
}

input,
textarea,
button,
select {
    border: 0;
    outline: none;
    resize: none;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

ol,
ul {
    list-style: none;
}

body {
    background: #f7f7f7;
    color: #fff;
    min-width: 1200px;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

@font-face {
    font-family: 'youshe';
    src: url('../fonts/YOUSHEBIAOTIHEI-2.TTF');
}

.gray40 {
    color: #666 !important;
}

.maina-color {
    color: #daa745;
}

.text_one {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}



.text_two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.text_three {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.w_1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
}

.index_b .tx_lh {
    width: 446px;
    margin: 0 auto 30px;
}

.tx_lh {
    background: #f7f7f7;
    padding: 15px 20px;
    margin: 20px 0;
}

.tx_lh img {
    width: 100%;
    height: 55px;
    border-radius: 100px;
}

.tx_lh p {
    font-size: 12px;
    line-height: 30px;
    color: #666;
}

.touxiang {
    width: 55px;
    height: 55px;
    margin-right: 25px;
    float: left;
}

.header_nav li:last-child::after {
    width: 0px;
}

/* .bor_bottom {
    border-bottom: 2px solid #daa745;
    background: #fff;
} */

.badge {
    display: inline-block;
    padding: 1px 5px;
    min-width: 8px;
    border-radius: 18px;
    background-color: #daa745;
    color: #ffffff;
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
}

.nytop-box .logo {
    width: auto;
}

.nytop-box .nav {
    flex: 1;
}

.nytop-box .nav ul.nav_ul {
    display: flex;
    align-items: center;
}

.nytop-box .nav ul.nav_ul li:first-child a {
    margin-left: 0px;
}

.nytop-box .nav ul.nav_ul li a {
    margin-left: 15px;
    color: #fff;
    font-size: 15px;
}

.nytop-box .nav ul.nav_ul li a:hover {
    color: #daa745;
}

.nytop-box .header_search {
    width: 270px;
    margin-top: 0px;
}

.nytop-box .header_carts {
    margin-top: 0px;
}

.floor_conten {
    clear: both;
    height: auto;
    overflow: hidden;
}

.floor_conten .floor_tit {
    border-bottom: 1px solid #ececec;
    padding: 20px 0px;
    position: relative;
}

.floor_conten .floor_tit .floor_span {
    background-color: #daa745;
    width: 40px;
    border-radius: 20px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
}

.floor_conten .gwlc {
    padding: 40px 0px 20px;
}

.w_590 {
    width: 590px;
}

.w_590 .btn_button {
    text-align: right;
}

.w_590 .btn_button a {
    margin-right: 0px;
    border: 0px;
    background-color: transparent;
    font-size: 12px;
    padding-right: 0px;
}

.w_590 .btn_button a:hover {
    color: #daa745;
}

.gg_list {
    padding: 15px 0px;
}

.gg_list img {
    width: 69px;
    height: 29px;
    display: inline-block;
    margin-right: 15px;
    float: left;
}

.gg_list h2 {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.gg_list h2 em {
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #666;
    border-radius: 4px;
    margin-right: 10px;
    vertical-align: middle;
}

.gg_list h2 span a {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 12px;
    color: #999;
}

.gg_list h2 a:hover {
    color: #daa745;
}

.zcxd_list {
    background-color: #fff;
    padding: 40px 40px 20px;
}

.zcxd_list .news_zcxd {
    height: auto;
    overflow: hidden;
}

.zcxd_list .news_zcxd li {
    width: 100%;
}

.index_nav {
    padding: 20px 0px;
    background-color: #fff;
    margin-bottom: 40px;
    height: auto;
    overflow: hidden;
}

.index_nav h2 {
    font-size: 15px;
    color: #999;
}

.index_nav h2 span {
    margin-right: 40px;
    font-size: 20px;
}

.index_nav h2 span.active {
    color: #daa745;
}

.index_nav h2 span.active a {
    color: #daa745;
}

.pb40 {
    padding-bottom: 40px;
}

.pb20 {
    padding-bottom: 20px;
}

.pd80 {
    padding: 80px 0 80px;
}

.ptb20 {
    padding: 20px 0px;
    color: #333;
}

.ptb40 {
    padding: 50px 0px;
}

.pb50 {
    padding-bottom: 50px;
}

.bg-fff {
    background-color: #fff;
}

/* 登录 */
.login-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0px;
}

.login-top .lf-logo img {
    width: 181px;
    height: 60px;
}

.login-top .rig-ul {
    display: flex;
    align-items: center;
}

.login-top .rig-ul .rig-li {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #546073;
    padding-left: 58px;
}

.login-top .rig-ul .rig-li img {
    /* width: 20px;
    height: 18px; */
    margin-right: 10px;
}

.dl-body {
    background: url(../images/dl-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 90px 0px;
    position: relative;
    height: 608px;
}

.dl-body .dl-cont {
    background-color: #fff;
    width: 452px;
    height: 428px;
    border-radius: 10px;
    position: absolute;
    right: 360px;
    top: 90px;
    bottom: 90px;
    padding: 28px 42px 30px;
}

/* 登录页面样式 */
.tabs-container {
    width: 100%;
}

.tabs-header {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.tab-item {
    padding: 0px 30px;
    font-size: 18px;
    color: #1F2937;
    cursor: pointer;
    margin: 0 20px;
}

.tab-item.active {
    color: #E60012;
    font-weight: bold;
}

.login-form {
    width: 100%;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 10px 8px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.input-icon {
    padding-right: 8px;
}

.input-icon img {
    width: 100%;
    height: 100%;
}

.form-control {
    flex: 1;
    font-size: 14px;
    color: #9CA3AF;
}


.get-code-btn {
    color: #E60012;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.get-code-btn:hover {
    color: #E60012;
}

.get-code-btn.wjmm,
.get-code-btn.wjmm:hover {
    color: #9CA3AF !important;
}

.checkbox-group {
    font-size: 14px;
    color: #546073;
    padding-bottom: 40px;
}

.checkbox-group a {
    color: #E60012;
}

.checkbox-group input[type="checkbox"] {
    margin-right: 10px;
    color: #9CA3AF;
}

.login-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #E60012;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 16px;
    display: block;
    text-align: center;
}

.register-link {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 32px;
}

.register-link a {
    color: #ff0000;
}

.wechat-login {
    text-align: center;
}

.wechat-login img {
    /* width: 40px;
    height: 40px; */
    margin: 0 auto;
}

.dl-footer {
    padding-top: 52px;
    text-align: center;
}

.dl-footer p {
    font-size: 14px;
    color: #546073;
    line-height: 28px;
}

.el-tabs__header {
    margin-bottom: 28px !important;
}

.el-tabs__nav {
    display: flex !important;
    float: initial !important;
}

.el-tabs__item {
    font-size: 18px !important;
    color: #1F2937 !important;
    height: initial !important;
    line-height: initial !important;
    flex: 1 !important;
    display: block !important;
    text-align: center !important;
    padding: 0px !important;
}

.el-tabs__item.is-active {
    color: #E60012 !important;
    font-weight: bold;
}

.el-tabs__active-bar {
    background-color: transparent !important;
}

.el-tabs__nav-wrap::after {
    content: none !important;
}

/* 注册 */
.register-body {
    background-color: #fff;
    border-radius: 20px;
    padding: 34px 30px;
    margin: 22px auto 64px;
}

.zc-header {
    display: flex;
    align-items: center;
    padding-bottom: 23px;
    border-bottom: 1px solid #EFEFEF;
    font-size: 22px;
    color: #333333;
    font-weight: bold;
}

.zc-header img {
    margin-right: 24px;
}

.register-form-container {
    /* max-width: 500px;
    margin: 0 auto; */
    margin-top: 38px;
    margin-left: 37px;
}

.el-form-item {
    display: flex;
}

.el-form-item__label {
    min-width: 100px;
    text-align: left !important;
    color: #1F2937 !important;
}

.wid558 {
    width: 558px !important;
}

.wid405 {
    width: 405px !important;
}

.el-form-item__content {
    display: flex;
    align-items: center;
}

/* 图形验证码样式 */
.captcha-img {
    display: flex;
    align-items: center;
    padding-left: 17px;
}

.captcha-img img {
    width: 62px;
    height: 24px;
}

.captcha-img a {
    font-size: 16px;
    color: #9CA3AF;
    display: inline-block;
    padding-left: 10px;
}

.code-btn {
    margin-left: 17px !important;
    width: 136px;
    border: 1px solid #E60012 !important;
    color: #E60012 !important;
    background-color: transparent !important;
}

/* .captcha-img:hover {
    opacity: 0.9;
} */

/* 营业执照上传样式 */
.avatar-uploader {
    display: block;
    /* margin-left: 80px; */
}

.avatar-uploader .avatar {
    width: 120px;
    height: 120px;
    border-radius: 4px;
    object-fit: cover;
}

.avatar-uploader-icon {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
    font-size: 32px !important;
    border: 1px dashed #D6D6D6 !important;
    border-radius: 4px;
    color: #D6D6D6 !important;
}

.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    color: #E60012 !important;
}

/* 注册按钮样式 */
.register-btn {
    height: 48px;
    line-height: 48px;
    width: 216px;
    font-size: 16px;
    font-weight: bold;
    background-color: #E60012 !important;
    border: none;
    color: #fff;
    border: 1px solid #E60012 !important;
    display: block !important;
}

.register-btn.el-button {
    font-size: 16px;
}

.register-btn-center {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.register-btn:hover {
    background-color: #E60012 !important;
}

/* 协议链接样式 */
.agreement-link {
    color: #ff0000;
    text-decoration: none;
}

.agreement-link:hover {
    text-decoration: underline;
}

/* 表单项样式 */
.el-form-item {
    margin-bottom: 20px;
}

.el-form-item__label {
    font-weight: 500;
    color: #333;
    font-size: 16px !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #1F2937 !important;
}

/* 推荐商品 */
.home_top a {
    margin-right: 8px;
}

.home_top {
    padding: 22px 0;
    font-size: 14px;
    color: #3D3D3D;
}

.home_top span:first-child {
    color: #333;
}

.home_top span {
    color: #9E9E9E;
    margin-left: 10px;
}

.tuij-list {
    background-color: #fff;
    padding: 0px 30px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.tuij-list .qieh-ul {
    flex: 1;
    display: flex;
}

.tuij-list .qieh-ul li {
    font-size: 14px;
    color: #1F2937;
    margin-right: 48px;
    padding: 14px 0px;
    cursor: pointer;
}

.tuij-list .qieh-ul li.active,
.tuij-list .qieh-ul li:hover {
    color: #E60012;
    font-weight: bold;
    border-bottom: 2px solid #E60012;
}

.tuij-list .more {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1F2937;
    cursor: pointer;
}

.tuij-list .more img {
    margin-right: 8px;
}

.category-box {
    background-color: #fff;
    padding: 2px 30px;
    margin-bottom: 22px;
}

.category-box dl {
    /* margin: 10px 0px; */
    font-size: 14px;
    position: relative;
    overflow: hidden;
}

.category-box dl dt {
    width: 80px;
    color: #1F2937;
    position: absolute;
    left: 0px;
    top: 14px;
}

.category-box dl dd {
    padding-left: 60px;
    padding-right: 60px;
    font-size: 14px;
}

.category-box dl dd a {
    margin: 0 11px 0 0;
    padding: 12px 10px;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    line-height: 24px;
    color: #1F2937;
    display: flex;
    align-items: center;
}

.category-box dl dd a .jt-img {
    padding-left: 6px;
}

.category-box dl dd a.active,
.category-box dl dd a:hover {
    color: #E60012;
}

.category-box dl dd a.pp {
    padding: 0px 0px;
}

.category-box dl dd a.pp img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.category-box dl dd .more {
    display: none;
}

.category-box dl dd span.plus,
.category-box dl dd span.sub {
    position: absolute;
    top: 7px;
    right: 5px;
    cursor: pointer;
    color: #999;
    font-size: 12px;
}

.category-box dl dd span i.icons {
    position: absolute;
    top: 14px;
    right: 0;
    display: block;
    width: 15px;
    height: 15px;
}

.category-box dl dd .icons {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}

.category-box dl:last-child {
    border-bottom: 0px;
}

.product-list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-bottom: 50px;
}

.product-list .el-empty {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.product-li a {
    display: block;
    background-color: #fff;
    padding: 20px 16px;
}

.product-li a img {
    width: 192px;
    height: 192px;
}

.product-li a .top-img {
    position: relative;
}

.product-li a .top-img .tuan-box {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    display: flex;
    align-items: center;
    padding: 25px 10px 10px;
}

.product-li a .top-img .tuan-box span {
    min-width: 38px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    background-color: #E60012;
    font-size: 10px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}

.product-li a .top-img .tuan-box p {
    flex: 1;
    text-align: right;
    font-size: 12px;
    color: #fff;
}

.product-li a .top-img .time {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px 0px 6px 0px;
    padding: 0px 8px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.product-li a .top-img .time span {
    margin: 0px 4px;
}

.product-li a h4 {
    font-size: 14px !important;
    color: #323232 !important;
    margin-top: 15px;
    font-weight: normal;
}

.product-li a .fot-price {
    display: flex;
    align-items: center;
    padding-top: 11px;
    justify-content: space-between;
}

.product-li a .fot-price p {
    font-size: 20px;
    color: #E60012;
    font-weight: bold;
}

.product-li a .fot-price p span {
    color: #E60012;
    display: inline-block;
    padding-left: 3px;
}

.product-li a .fot-price span {
    font-size: 12px;
    color: #B4B4B4;
}

.product-li a .fot-price img {
    width: 24px;
    height: 24px;
}

.product-li a .yuanj {
    font-size: 14px;
    color: #B4B4B4;
    padding-top: 10px;
    text-decoration: line-through;
}

.product-li a .step-box {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.product-li a .step-box .lf-jdt {
    flex: 1;
    background: rgba(230, 3, 23, 0.1);
    height: 8px;
    border-radius: 10px;
    margin-right: 10px;
    position: relative;
}

.product-li a .step-box .lf-jdt span {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: linear-gradient(270deg, #E93323 0%, #FF7931 100%);
    height: 8px;
    border-radius: 10px;
}

.wid68 {
    width: 68%;
}

.product-li a .step-box p {
    font-size: 14px;
    color: #1F2937;
}

/* 商品详情 */
.bortop {
    border-top: 1px solid #f7f7f7;
}

.product-detail {
    padding: 31px 0px 30px;
    display: flex;
}

.product-detail .product_a {
    width: 400px;
    /* height: 400px; */
    margin-right: 43px;
}

.product-detail .product_a #showbox {
    background: #fff;
    /* z-index: -1; */
    cursor: move;
}

.product-detail .product_a #showbox span {
    background: url(../images/whitebg.png) repeat;
}

.product-detail .product_a #showsum {
    left: -4px;
    margin-top: 10px;
    height: 78px !important;
    width: 400px !important;
}

.product-detail .product_a #showsum span img {
    border: 1px solid #ddd;
    width: 78px;
    height: 78px;
    object-fit: cover;
}

.product-detail .product_a #showsum span.sel {
    border: 2px solid #f4b01f;
}

.product-detail .product_a #showbox img {
    width: 400px;
    height: 400px;
    object-fit: cover;
}

.product-detail .product_a .showpage {
    width: 400px;
    position: relative;
}

.product-detail .product_a .showpage a {
    display: block;
    width: 20px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -80px;
    text-decoration: none;
    color: #999;
}

.product-detail .product_a .showpage a#shownext {
    left: auto;
    right: 0;
    background-image: url(../images/btn_banner.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 48px;
}

.product-detail .product_a .showpage a#showlast {
    background-image: url(../images/btn_banner.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 48px;
}

.product-detail .product_a .showpage a:hover {
    color: #777;
}

.product-detail .product_a .share {
    font-size: 12px;
    padding: 15px 0px;
}

.product-detail .product_b {
    flex: 1;
    /* float: left; */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.product-detail .product_b .product_name {
    display: flex;
    align-items: flex-start;
}

.product-detail .product_b .product_name h2 {
    color: #22262A;
    font-size: 22px;
    flex: 1;
    margin-right: 75px;
    /* line-height: 36px; */
    font-weight: normal;
}

.product-detail .product_b .tuan-tag {
    width: 50px;
    height: 20px;
    line-height: 20px;
    background-color: #E60012;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
}

.product-detail .product_b .product_name img {
    cursor: pointer;
}

.product-detail .product_b .qg-box {
    padding-top: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #F6F7F8;
    display: flex;
}

.product-detail .product_b .qg-box p {
    font-size: 14px;
    color: #262626;
    padding-right: 24px;
}

.product-detail .product_b .product_price {
    padding: 0px 0px 15px;
    border-bottom: 1px solid #F6F7F8;
}

.product-detail .product_b .product_price h3 {
    font-size: 24px;
    color: #E60012;
    padding-top: 16px;
}

.product-detail .product_b .product_price h3 span {
    font-size: 18px;
}

.product-detail .product_b .product_price p {
    font-size: 14px;
    color: #262626;
    padding-top: 15px;
}

.product-detail .product_b .product_price p span {
    display: inline-block;
    min-width: 90px;
}

.product-detail .product_b .product_btn {
    display: flex;
    padding-top: 50px;
}

.product-detail .product_b .product_btn .sc-btn {
    display: flex;
    align-items: center;
    background-color: #F2F3F4;
    width: 108px;
    height: 40px;
    line-height: 40px;
    justify-content: center;
    border-radius: 8px;
    font-size: 14px;
    color: #7D8899;
    margin-right: 24px;
}

.product-detail .product_b .product_btn .sc-btn img {
    margin-right: 8px;
}

.product-detail .product_b .product_btn .sc-btn.collected {
    background-color: rgba(230, 0, 18, 0.1);
    color: #E60012;
}

.product-detail .product_b .product_btn .sc-btn.collected img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(7483%) hue-rotate(356deg) brightness(97%) contrast(115%);
}

.product-detail .product_b .product_btn .xzgg-btn {
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #E60012;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-right: 8px;
}

.marb22 {
    margin-bottom: 22px;
}

.product-footer {
    display: flex;
    padding: 20px 0px;
}

.product-footer .product-footer-lft {
    width: 270px;
    border: 1px solid #F7F8FC;
    padding: 0px 24px;
}

.product-footer .product-footer-lft .title {
    display: flex;
    align-items: center;
    padding: 14px 0px;
    justify-content: center;
}

.product-footer .product-footer-lft .title span {
    display: block;
    flex: 1;
    height: 1px;
    background-color: #F7F8FC;
}

.product-footer .product-footer-lft .title p {
    font-size: 16px;
    color: #1F2937;
    padding: 0px 10px;
    font-weight: bold;
}

.product-footer .product-footer-lft .flex-column {
    flex-direction: column;
    display: flex;
    padding-bottom: 25px;
}

.product-footer .product-footer-lft .flex-column .product-li a {
    background-color: #F7F8FC;
}

.product-footer .product-footer-rig {
    flex: 1;
    margin-left: 28px;
}

.product-footer .product-footer-rig .ddzt_tab {
    display: flex;
    /* align-items: center; */
    border-bottom: 1px solid #F7F8FC;
}

.product-footer .product-footer-rig .ddzt_tab li {
    font-size: 16px;
    color: #878B96;
    margin-right: 24px;
    padding-bottom: 11px;
    cursor: pointer;
    font-weight: bold;
}

.product-footer .product-footer-rig .ddzt_tab li.hover {
    border-bottom: 2px solid #E60012;
    color: #E60012;
}

.product-footer .product-footer-rig .xq-img {
    padding-top: 13px;
}

.product-footer .product-footer-rig .xq-img img {
    width: 100%;
    height: 100%;
}

.pj_list {
    clear: both;
}

.pj_list li {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0px;
    height: auto;
    overflow: hidden;
}

.pj_list li .pl_text {
    display: flex;
    justify-content: flex-start;
}

.pj_list li img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.pj_list li .pl_text .pl_con {
    margin-left: 10px;
}

.pj_list li .pl_text .pl_con h1 {
    font-size: 16px;
    color: #2b2b2b;
    margin-bottom: 5px;
}

.pj_list li .pl_text .pl_con p {
    font-size: 12px;
    color: #333;
    margin-bottom: 10px;
}

.pj_list li .pl_text .pl_con .pl_img {
    display: flex;
}

.pj_list li .pl_text .pl_con .pl_img img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 0px;
}

.pj_list li .pl_text .pl_gg p {
    font-size: 12px;
    color: #999;
    margin-bottom: 0px;
}

.pj_list li .pl_text .sp_pj {
    display: flex;
}

.pj_list li .pl_text .sp_pj h1 {
    margin-right: 10px;
}

.pj_list li .pl_text .sp_pj .stars i {
    width: 12px;
    height: 12px;
    background-size: 12px;
}

.pj_list li .pl_gg,
.pj_list li .pl_name {
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-top: 10px;
}
.xh-box{
    padding: 20px 0px;
    border-bottom: 1px solid #f7f7f7;
}
.xh-box .xh-tab{
    display: flex;
}
.xh-box .xh-tab li{
    font-size: 14px;
    color: #262626;
    margin-right: 24px;
    cursor: pointer;
    padding-bottom: 10px;
}
.xh-box .xh-tab li.hover{
    color: #E60012;
    border-bottom: 2px solid #E60012;
}
.xh-box .xh-cont{
    padding-top: 15px;
    /* background-color: #f7f7f7; */
}
.xh-box .xh-cont li{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
.xh-box .xh-cont li .cen-shop{
    flex: 1;
    padding: 0px 15px;
    display: flex;
    align-items: center;
}
.xh-box .xh-cont li .cen-shop img{
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.xh-box .xh-cont li .cen-shop .rg-nr{
    flex: 1;
    padding-left: 12px;
}
.xh-box .xh-cont li .cen-shop .rg-nr p{
    font-size: 14px;
    color: #262626;
    padding-bottom: 6px;
}
.xh-box .xh-cont li .cen-shop .rg-nr span{
    font-size: 12px;
    color: #999;
}
.xh-fot{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.xh-fot a{
    background-color: #E60012;
    font-size: 14px;
    color: #fff;
    padding: 8px 15px;
    border-radius: 6px;
}
/* .xh-box {
    padding: 20px 0px 0px;
    display: flex;
}

.xh-box p {
    font-size: 14px;
    color: #262626;
    min-width: 90px;
}

.xh-box .xh-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.xh-box .xh-list li {
    min-width: 124px;
    height: 38px;
    line-height: 38px;
    background: #F7F8FC;
    border-radius: 10px;
    font-size: 14px;
    color: #1F2937;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
    padding: 0px 20px;
    border: 1px solid #F7F8FC;
}

.xh-box .xh-list li.active,
.xh-box .xh-list li:hover {
    background: rgba(230, 0, 18, 0.05);
    border: 1px solid #E60012;
    color: #E60012;
} */

.group-top {
    background: linear-gradient(to left, #fe881a, #fc432d);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.group-top .lf-cont {
    flex: 1;
}

.group-top .lf-cont span {
    font-size: 14px;
    color: #fff;
}

.group-top .lf-cont p {
    font-size: 18px;
    color: #fff;
    padding-top: 8px;
}

.group-top .lf-cont p em {
    font-size: 12px;
}

.group-top .ct-num {
    font-size: 14px;
    color: #fff;
}

.djs-box {
    display: flex;
    align-items: center;
}

.djs-box p {
    /* padding-left: 10px; */
    font-size: 14px;
    color: #fff;
}

.djs-box p span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    background-color: #fff;
    border-radius: 6px;
    font-size: 14px;
    color: #E60214;
    text-align: center;
    margin: 0px 4px;
    font-weight: bold;
}

/* 选择规格 */
.select-box {
    background-color: #fff;
    border-radius: 12px;
    padding: 32px 30px 94px;
    margin-bottom: 84px;
}

.spec-cont {
    margin-top: 21px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    max-height: 500px;
}

/* 滚动容器 */
.spec-scroll-container {
    overflow: auto;
    max-height: 500px;
    position: relative;
}

/* 自定义滚动条样式 */
.spec-scroll-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.spec-scroll-container::-webkit-scrollbar-track {
    background: #F5F5F5;
    border-radius: 4px;
}

.spec-scroll-container::-webkit-scrollbar-thumb {
    background: #C1C1C1;
    border-radius: 4px;
}

.spec-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #A8A8A8;
}

/* Firefox滚动条样式 */
.spec-scroll-container {
    scrollbar-width: thin;
    scrollbar-color: #C1C1C1 #F5F5F5;
}

.spec-table {
    width: auto;
    border-collapse: collapse;
    padding: 0;
    min-width: 100%;
}

.spec-table li {
    display: flex;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid #F0F0F0;
    min-width: max-content;
}

.spec-table li:last-child {
    border-bottom: none;
}

.spec-table li p:first-child {
    text-align: left;
    padding-left: 22px;
    margin-right: 0px;
    background-color: #F7F8FC;
    /* 固定第一列 */
    position: sticky;
    left: 0;
    z-index: 10;
}

.spec-table li:first-child {
    background-color: #FFF9EF;
    border-bottom: 2px solid #F0E6D2;
    /* 固定第一行 */
    position: sticky;
    top: 0;
    z-index: 5;
}

/* 固定左上角单元格 */
.spec-table li:first-child p:first-child {
    z-index: 20;
}

.spec-table li p {
    width: 82px;
    text-align: center;
    margin-right: 0;
    font-size: 14px;
    color: #262626;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #F0F0F0;
    padding: 0;
    position: relative;
}

.spec-table li:first-child p {
    height: 75px;
    line-height: 75px;
}

.spec-table li .lf-spec {
    position: relative;
    line-height: initial !important;
    width: 120px !important;
}

.spec-table li .lf-spec span {
    display: block;
    position: absolute;
    top: 7px;
    right: 14px;
    font-size: 14px;
    color: #262626;
}

.spec-table li .lf-spec p {
    background: url(../images/sj-img.png) no-repeat left bottom;
    background-size: 120px 75px;
    font-size: 14px;
    color: #262626;
    width: 120px;
    height: 75px;
    margin-right: 0px;
    line-height: initial !important;
    border-right: 1px solid #F0E6D2;
}

.spec-table li .lf-spec p span {
    position: absolute;
    left: 14px;
    bottom: 6px;
    right: initial;
    top: initial;
}

.spec-table li p input {
    width: 100%;
    height: 100%;
    line-height: 34px;
    border: none;
    border-radius: 0;
    font-size: 13px;
    color: #262626;
    text-align: center;
    background-color: #fff;
    transition: all 0.3s ease;
    cursor: pointer;
}

.spec-table li p input:focus {
    background-color: #E3F2FD;
    outline: 2px solid #2196F3;
    z-index: 1;
}

.spec-table li p input.selected {
    background-color: #E8F5E8;
    outline: 2px solid #4CAF50;
}

/* 框选区域样式 */
.selection-rect {
    position: absolute;
    border: 2px solid #2196F3;
    background-color: rgba(33, 150, 243, 0.1);
    pointer-events: none;
    z-index: 1000;
}

/* 数字输入控件样式 */
.number-input-container {
    margin: 20px 0;
    padding: 15px;
    background-color: #F7F8FC;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.number-input-container label {
    font-size: 14px;
    color: #262626;
    font-weight: 500;
}

.number-input-container input[type="number"] {
    width: 120px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    font-size: 14px;
    color: #262626;
}

.number-input-container button {
    height: 40px;
    padding: 0 20px;
    background-color: #E60012;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.number-input-container button:hover {
    background-color: #C0000E;
}

.number-input-container span {
    font-size: 14px;
    color: #666;
    margin-left: auto;
}

.spec-table li p input::-webkit-input-placeholder {
    color: #9EA6AF;
}

.heji {
    padding-top: 52px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #262626;
    justify-content: flex-end;
    padding-right: 20px;
}

.heji p {
    font-size: 24px;
    color: #E60012;
    font-weight: bold;
    padding-left: 10px;
}

.heji p span {
    font-size: 18px;
}

.heji .cart-btn {
    display: flex;
    align-items: center;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #E60012;
    border-radius: 8px;
    justify-content: center;
    font-size: 16px;
    color: #E60012;
    margin-left: 29px;
}

.heji .cart-btn img {
    margin-right: 8px;
}

.heji .buy-btn {
    background-color: #E60012;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    margin-left: 24px;
}

/* 购物车 */
.table-cart {
    background-color: #fff;
    width: 100%;
    margin-bottom: 20px;
}

.table-cart tr {
    font-size: 14px;
    color: #262626;
    cursor: pointer;
}

.table-cart tr:first-child {
    background-color: #F7F8FC;
}

.table-cart tr th:first-child,
.table-cart tr td:first-child {
    padding-left: 32px !important;
}

.table-cart tr:first-child th {
    padding: 20px 0px;
}

.table-cart tr .check-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.table-cart tr .check-box img {
    margin-right: 8px;
}

.table-cart tr th,
.table-cart tr td:first-child {
    width: 12%;
}

.table-cart tr th:first-child {
    text-align: left;
}

.table-cart tr th:nth-child(2) {
    width: 40%;
    flex: initial;
    text-align: left;
}

.table-cart tr .shop-info {
    display: flex;
}

.table-cart tr .shop-info img {
    width: 80px;
    height: 80px;
}

.table-cart tr .shop-info .rig-cont {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 6px 0px 6px 20px;
}

.table-cart tr .shop-info .rig-cont h4 {
    font-size: 14px;
    color: #22262A;
}

.table-cart tr .shop-info .rig-cont p {
    /* padding-top: 8px; */
    font-size: 12px;
    color: #878B96;
    font-weight: normal;
}

.table-cart tr td {
    padding: 22px 0px 22px;
    border-bottom: 1px solid #F7F8FC;
    text-align: center;
}

.table-cart tr td:first-child,
.table-cart tr td:nth-child(2) {
    text-align: left;
}

.table-cart tr td {
    font-size: 16px;
    color: #22262A;
    font-weight: bold;
}

.table-cart tr td.col-red {
    color: #E60012;
}

.table-cart .num-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 124px;
    /* height: 34px;
    line-height: 34px; */
    border: 1px solid #F6F7F8;
    margin: auto;
}

.table-cart .num-box a {
    width: 37px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #7D8899;
    font-weight: bold;
}

.table-cart .num-box input {
    width: 50px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-left: 1px solid #F6F7F8;
    border-right: 1px solid #F6F7F8;
}

.table-cart .del img {
    margin: auto;
}

.jies-box {
    background-color: #fff;
    margin-bottom: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 35px;
    height: 88px;
}

.jies-box .left-box {
    display: flex;
    align-items: center;
}

.jies-box .left-box p {
    font-size: 14px;
    color: #262626;
    margin-right: 20px;
}

.jies-box .left-box .clear-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    transition: all 0.3s ease;
}

.jies-box .left-box .clear-cart:hover {
    background-color: #f0f0f0;
    color: #333;
    border-color: #999;
}

.jies-box .rig-box {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #262626;
}

.jies-box .rig-box h4 {
    font-size: 24px;
    color: #E60012;
    font-weight: bold;
    padding-left: 10px;
    margin-right: 53px;
}

.jies-box .rig-box h4 span {
    font-size: 18px;
}

.jies-box .rig-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 88px;
    line-height: 88px;
    background-color: #E60012;
    /* border-radius: 8px; */
    font-size: 16px;
    color: #fff;
    transition: all 0.3s ease;
}

.jies-box .rig-box a:hover {
    background-color: #c0000e;
}

/* 确认订单 */
.confirm-box {
    background-color: #fff;
    margin-bottom: 22px;
}

.confirm-box .confirm-top {
    background-color: #E60012;
    padding: 22px 35px;
}

.confirm-box .confirm-top h2 {
    font-size: 28px;
    color: #fff;
}

.confirm-box .confirm-top p {
    font-size: 16px;
    color: #fff;
    padding-top: 6px;
}

.confirm-box .confirm-bottom {
    padding: 28px 35px 48px;
}

.confirm-box .confirm-bottom p {
    font-size: 16px;
    color: #1F2937;
    line-height: 32px;
}

.pay-method {
    background-color: #fff;
}

.pay-method h5 {
    background-color: #F7F8FC;
    height: 65px;
    line-height: 65px;
    padding: 0px 35px;
    font-size: 16px;
    color: #262626;
}

.pay-method .pay-list {
    padding: 29px 35px;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pay-method .pay-list li {
    border: 1px solid #EEEEEE;
    padding: 28px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.pay-method .pay-list li.active {
    border: 1px solid #E60012;
}

.pay-method .pay-list li.active .choose-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
}

.pay-method .pay-list li .choose-img {
    display: none;
}

.pay-method .pay-list li .choose-img img {
    margin-right: 0px !important;
}

.pay-method .pay-list li img {
    margin-right: 10px;
}

.pay-method .pay-list li .rig-cont p {
    font-size: 16px;
    color: #1F2937;
}

.pay-method .pay-list li .rig-cont span {
    font-size: 14px;
    color: #546073;
    display: block;
}

.marb100 {
    margin-bottom: 100px;
}

.pay-method .pay-btn {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    padding: 60px 35px;
}

.pay-method .pay-btn a {
    width: 216px;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    background: #E60012;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
}

.duig-ul {
    background-color: #f7f7f7;
    padding: 20px 30px;
    margin: 0px 35px;
}

.duig-ul li {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.duig-ul li:last-child {
    padding-bottom: 0px;
}

.duig-ul li span {
    display: inline-block;
    font-size: 16px;
    color: #999;
    min-width: 100px;
}

.duig-ul li p {
    flex: 1;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

/* 去支付 */
.payment-box {
    background-color: #fff;
}

.payment-box .payment-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F7F8FC;
    padding: 20px 35px;
    font-size: 16px;
    color: #262626;
}

.payment-box .payment-top p {
    color: #546073;
}

.payment-box .payment-top p span {
    color: #E60012;
}

.payment-box .payment-bottom {
    padding: 54px 0px;
    display: flex;
    justify-content: center;
}

.payment-box .payment-bottom .lf-code {
    margin-right: 80px;
}

.payment-box .payment-bottom .lf-code .ewm-cont {
    width: 380px;
    height: 380px;
    border: 1px solid #EEEEEE;
    padding: 11px;
    margin-bottom: 12px;
}

.payment-box .payment-bottom .sys-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #13C513;
    padding: 16px 0px;
}

.payment-box .payment-bottom .sys-box img {
    margin-right: 20px;
}

.payment-box .payment-bottom .sys-box p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.other-pay {
    padding: 62px 35px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #1F2937;
}

.other-pay img {
    margin-right: 15px;
}

/* 团购 */
.group-tit {
    background: url(../images/group-bg.png) no-repeat;
    background-size: 100% 100%;
    height: 200px;
    line-height: 200px;
    text-align: center;
    /* padding: 64px 0px 58px; */
    font-size: 40px;
    color: #1F2937;
    font-family: 'youshe';
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-tit p {
    font-size: 60px;
    color: #E60012;
    font-family: 'youshe';
    padding-right: 17px;
}

.group-tit img {
    margin: auto;
    /* height: 200px; */
    /* line-height: 200px; */
}

/* 车房定制 */
.cfdz-box {
    margin: 22px auto 22px;
    border-radius: 20px;
    padding: 0px 30px 30px;
}

.cfdz-box .cfdz-tit {
    padding: 22px 0px;
    border-bottom: 1px solid #F7F7F7;
    font-size: 22px;
    color: #333;
    font-weight: bold;
}

.cfdz-body {
    padding-top: 22px;
}

.cfdz-body .type-ul {
    display: flex;
    flex-wrap: wrap;
}

.cfdz-body .type-ul li {
    min-width: 124px;
    height: 38px;
    line-height: 38px;
    background: #F7F8FC;
    border-radius: 10px;
    font-size: 14px;
    color: #1F2937;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
    padding: 0px 20px;
    border: 1px solid #F7F8FC;
}

.cfdz-body .type-ul li.active,
.cfdz-body .type-ul li:hover {
    background: rgba(230, 0, 18, 0.05);
    border: 1px solid #E60012;
    color: #E60012;
}

.type-ul-mar12 li {
    margin-right: 12px !important;
}

.type-ul-mar16 li {
    margin-right: 16px !important;
}

.brand-ul {
    display: -webkit-box;
    overflow-x: scroll;
}

.brand-ul::-webkit-scrollbar {
    display: none;
}

.brand-ul li {
    background-color: #F7F8FC;
    border-radius: 10px;
    padding: 8px 14px;
    text-align: center;
    margin-right: 16px;
    margin-bottom: 26px;
    cursor: pointer;
    border: 1px solid #F7F8FC;
}

.brand-ul li.active,
.brand-ul li:hover {
    border: 1px solid #E60012;
}

.brand-ul li img {
    margin: auto;
    width: 50px;
    height: 50px;
}

.brand-ul li p {
    font-size: 14px;
    color: #1F2937;
    margin-top: 10px;
}

.glass-cont {
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 15px 27px 30px;
}

.glass-cont h5 {
    font-size: 14px;
    color: #1F2937;
    padding-bottom: 10px;
}

.glass-cont .glass-bz {
    border: 1px solid #E4E4E4;
    border-left: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.glass-cont .glass-bz .bz-li {
    flex: 1;
    display: flex;
    align-items: center;
}

.glass-cont .glass-bz .bz-li span {
    display: block;
    padding: 0px 25px;
    height: 46px;
    line-height: 46px;
    background-color: #F7F8FC;
    border-right: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    font-size: 14px;
    color: #1F2937;
}

.glass-cont .glass-bz .bz-li p {
    flex: 1;
    padding: 0px 30px;
    font-size: 14px;
    color: #1F2937;
}

.param-box {
    display: flex;
    margin-bottom: 24px;
}

.param-box .param-li {
    flex: 1;
    margin-right: 35px;
    background-color: #F7F8FC;
    padding: 12px 25px 0px;
    border-radius: 10px;
}

.param-box .param-li .li-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #333333;
    padding-bottom: 12px;
    font-weight: bold;
}

.param-box .param-li .cs-li {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
}

.param-box .param-li .cs-li p {
    font-size: 14px;
    color: #333333;
    min-width: 40px;
    font-weight: bold;
}

.param-box .param-li .cs-li p span {
    color: #C01B31;
}

.param-box .param-li .cs-li .you-choose {
    flex: 1;
    background-color: #fff;
    border-radius: 8px;
    padding: 0px 11px;
}

.param-box .param-li .cs-li .you-choose select {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #9EA6AF;
    width: 100%;
}

.param-box .param-li:last-child {
    margin-right: 0px;
}

.cost-box {
    background-color: #F7F8FC;
    border-radius: 10px;
    padding: 14px 17px;
    display: flex;
    align-items: center;
}

.cost-box .cost-lft {
    width: 220px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-right: 16px;
    padding: 0px 18px;
}

.cost-box .cost-lft p,
.cost-box .cost-rig p {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.cost-box .cost-lft select {
    /* width: 100%; */
    flex: 1;
    text-align: right;
    font-size: 14px;
    color: #9EA6AF;
    height: 36px;
    line-height: 36px;
}

.cost-box .cost-rig {
    flex: 1;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 0px 18px;
}

.cost-box .cost-rig input {
    flex: 1;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 14px;
}

.cost-box .cost-rig input::-webkit-input-placeholder {
    color: #9EA6AF;
}

.fot-heji {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 24px;
    font-size: 14px;
    color: #333333;
}

.fot-heji span {
    color: #C01B31;
}

.fot-heji a {
    display: inline-block;
    min-width: 128px;
    height: 40px;
    line-height: 40px;
    background-color: #E60012;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
}

/* 成镜加工 */
.mirror_tab {
    background-color: #FAFAFA;
    margin-top: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mirror_tab li {
    width: 120px;
    text-align: center;
    font-size: 16px;
    color: #878B96;
    padding: 11px 0px;
    cursor: pointer;
}

.mirror_tab li.hover,
.mirror_tab li:hover {
    color: #E60012;
    font-weight: bold;
    position: relative;
}

.mirror_tab li.hover::after,
.mirror_tab li:hover::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background-color: #E60012;
    border-radius: 2px;
}

.cfdz-body .sort-ul {
    display: flex;
    align-items: center;
}

.cfdz-body .sort-ul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1F2937;
    margin-right: 54px;
    cursor: pointer;
}

.cfdz-body .sort-ul li.active {
    color: #E60012;
    font-weight: bold;
}

.cfdz-body .sort-ul li .jt-img {
    padding-left: 7px;
}

.marb22 {
    margin-bottom: 22px;
}

.cfdz-h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.cfdz-h5 h5 {
    font-size: 16px;
    color: #323232;
}

.cfdz-h5 h5 span {
    color: #E60012;
}

.cfdz-h5 p {
    font-size: 20px;
    color: #E60012;
    font-weight: bold;
}

.flex-warp-none {
    display: flex;
}

.flex-warp-none .product-li {
    margin-right: 20px;
}

.flex-warp-none .product-li:last-child {
    margin-right: 0px;
}

.flex-warp-none .product-li a {
    width: 224px !important;
}

.tempWrap {
    width: 1200px !important;
}

/* 积分商城 */
.jfsc-tit {
    line-height: initial;
    padding: 37px 0px 33px;
    flex-direction: column;
}

.jfsc-tit h4 {
    font-size: 60px;
    color: #E60012;
    font-family: 'youshe';
}

.jfsc-tit h4 span {
    color: #1F2937;
    font-family: 'youshe';
}

.jfsc-tit .jf-num {
    background: rgba(230, 0, 18, 0.05);
    width: 220px;
    margin: auto;
    padding: 14px 0px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jfsc-tit .jf-num img {
    margin: 0px 10px 0px 0px;
}

.jfsc-tit .jf-num p {
    font-size: 14px;
    font-family: initial;
    font-weight: bold;
}

.jfsc-tit .jf-num p span {
    display: inline-block;
    padding-left: 10px;
}

.jfsc-nav {
    background-color: #fff;
    margin-bottom: 22px;
}

.yis-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 7px;
}

.yis-box p {
    font-size: 12px;
    color: #B4B4B4;
}

.yis-box .dh-btn {
    min-width: 60px;
    height: 24px;
    line-height: 24px;
    background-color: #E60012;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}

.yhq-list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yhq-list li {
    background-color: #fff;
    border-radius: 10px;
    padding: 22px 20px 18px 0px;
    background-image: url(../images/yhq-lft.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 18px 100%;
    display: flex;
    align-items: center;
}

.yhq-list li h3 {
    font-size: 48px;
    color: #FC5865;
    font-weight: bold;
    min-width: 84px;
    padding: 0px 15px 0px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yhq-list li h3 span {
    font-size: 28px;
}

.yhq-list li .yhq-rig {
    flex: 1;
    padding-left: 35px;
}

.yhq-list li .yhq-rig h5 {
    font-size: 16px;
    color: #323232;
    line-height: 24px;
    padding-bottom: 3px;
}

.yhq-list li .yhq-rig p {
    font-size: 12px;
    color: #546073;
    line-height: 24px;
}

.yhq-list li .yhq-rig .fot-dh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #E60012;
    padding-top: 5px;
    font-weight: bold;
}

.yhq-list li .yhq-rig .fot-dh a {
    display: inline-block;
    min-width: 60px;
    height: 24px;
    line-height: 24px;
    background-color: #E60012;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}

.min-hei600 {
    min-height: 600px;
}

/* 品牌合作 */
.brand-body {
    padding: 32px 0px;
}

.brand-body h5 {
    font-size: 22px;
    color: #1F2937;
    padding-top: 20px;
    font-weight: normal;
    line-height: 36px;
}

.brand-body .jm-tit {
    padding-top: 30px;
    display: flex;
    align-items: baseline;
}

.brand-body .jm-tit h4 {
    font-size: 22px;
    color: #333333;
}

.brand-body .jm-tit h4 span {
    color: #E60012;
}

.brand-body .jm-tit p {
    font-size: 14px;
    color: #1F2937;
    padding-left: 23px;
}

.brand-body .coll-cont {
    margin-top: 24px;
    border: 1px solid #EEEEEE;
    padding: 37px 0px 43px;
    border-radius: 10px;
}

.brand-body .coll-cont .coll-li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.brand-body .coll-cont .coll-li p {
    font-size: 14px;
    color: #333333;
    min-width: 96px;
}

.brand-body .coll-cont .coll-li .rig-input {
    width: 438px;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 0px 16px;
}

.brand-body .coll-cont .coll-li .rig-input input {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    width: 100%;
}

.brand-body .coll-cont .coll-li .rig-input input::-webkit-input-placeholder {
    color: #878B96;
}

.brand-body .coll-cont .coll-li .rig-input textarea {
    width: 100%;
}

.brand-body .coll-cont .coll-li.hzyx-box {
    align-items: flex-start;
}

.brand-body .coll-cont .coll-li.hzyx-box .rig-input {
    padding: 10px 16px;
}

.brand-body .coll-cont a {
    width: 224px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #E60012;
    text-align: center;
    margin: 40px auto 0px;
    border-radius: 8px;
    display: block;
}

/* 提交订单 */
.address-box {
    background-color: #fff;
    margin-bottom: 24px;
}

.address-box h4 {
    font-size: 16px;
    color: #262626;
    background-color: #F7F8FC;
    padding: 20px 35px;
}

.address-box .address-list {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 35px 10px 35px;
}

.address-box .address-list li {
    position: relative;
    border: 1px solid #EEEEEE;
    padding: 20px 32px 20px 24px;
    width: 250px;
    min-height: 156px;
    margin-right: 32px;
    margin-bottom: 20px;
    cursor: pointer;
}

.address-box .address-list li.active {
    border: 1px solid #E60012;
}

.address-box .address-list li p {
    font-size: 16px;
    color: #1F2937;
}

.address-box .address-list li p span {
    display: block;
    padding-top: 8px;
}

.address-box .address-list li h5 {
    font-size: 14px;
    color: #546073;
    line-height: 24px;
    padding-top: 8px;
    font-weight: normal;
}

.address-box .address-list li .mr-tag {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #E60012;
    min-width: 61px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.address-box .address-list li .choose-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
}

.address-box .address-list li .add-dz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: block;
}

/* .address-box .address-list li .add-dz img {
    margin: auto;
}

.address-box .address-list li .add-dz p {
    font-size: 14px;
    color: #9E9E9E;
    padding-top: 10px;
} */

/* 发票列表样式 */
.order-info .ddy_jf_sy {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0;
}

.order-info .ddy_jf_sy li {
    margin-right: 22px;
    margin-top: 12px;
    border: 1px solid #EEEEEE;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fff;
    min-width: 200px;
    padding: 0 20px;
    height: 43px;
}

.order-info .ddy_jf_sy li:hover {
    border-color: #E60012;
}

.order-info .ddy_jf_sy li.active {
    border-color: #E60012;
}

.order-info .ddy_jf_sy li p {
    font-size: 16px;
    color: #1F2937;
    margin-right: 10px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.order-info .ddy_jf_sy li p span {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    color: #546073;
    font-weight: normal;
}

.order-info .ddy_jf_sy li .choose-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
}

.order-info .ddy_jf_sy li .choose-img img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.address-box .address-list li .el-button--primary {
    background-color: transparent !important;
    border-color: transparent !important;
}

.address-box .address-list li .el-button--primary img {
    margin: auto !important;
}

.address-box .address-list li .el-button--primary span {
    font-size: 14px;
    color: #9E9E9E;
    padding-top: 10px;
    display: block;
}

.order-info {
    padding: 20px 35px;
}

.order-info .order-info-list {
    border-bottom: 1px solid #F7F8FC;
}

.order-info .order-info-list li {
    display: flex;
    align-items: center;
    padding-bottom: 21px;
}

.order-info .order-info-list li .lf-info {
    display: flex;
    flex: 1;
}

.order-info .order-info-list li .lf-info img {
    width: 80px;
    height: 80px;
}

.order-info .order-info-list li .lf-info .order-rig {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 0px 5px 20px;
}

.order-info .order-info-list li .lf-info .order-rig h5 {
    font-size: 14px;
    color: #22262A;
    width: 330px;
}

.order-info .order-info-list li .lf-info .order-rig p {
    font-size: 12px;
    color: #878B96;
}

.order-info .order-info-list li .you-price {
    display: flex;
    align-items: center;
}

.order-info .order-info-list li .you-price p {
    font-size: 16px;
    color: #22262A;
    font-weight: bold;
}

.order-info .order-info-list li .you-price p span {
    display: inline-block;
    padding-left: 20px;
}

.order-info .order-info-list li .you-price p.col-red {
    color: #E60012;
    padding-left: 78px;
}

.order-info .jgf-box {
    padding: 16px 0px 18px;
    border-bottom: 1px solid #F7F8FC;
}

.order-info .jgf-box .jgf-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #1F2937;
    font-weight: bold;
}

.order-info .jgf-box .jgf-top span {
    color: #E60012;
}

.order-info .jgf-box .jgf-top select {
    font-size: 14px;
    color: #9EA6AF;
}

.order-info .jgf-box .jgf-top .choose-fp img {
    margin-left: 18px;
}

.order-info .jgf-box p {
    font-size: 14px;
    color: #9EA6AF;
    padding-top: 8px;
}

.order-info .coupon-list {
    display: flex;
    flex-wrap: wrap;
}

.order-info .coupon-list li {
    margin-right: 22px;
    margin-top: 12px;
    border: 1px solid #E60012;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.order-info .coupon-list li span {
    display: inline-block;
    min-width: 90px;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    color: #fff;
    background-color: #E60012;
    text-align: center;
}

.order-info .coupon-list li p {
    padding: 0px 28px;
    font-size: 16px;
    color: #E60012;
}

.order-info .coupon-list li .choose-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
}

.order-info .order-fot {
    padding-top: 28px;
}

.order-info .order-fot .bz-cont {
    background-color: #FAFAFA;
    padding: 12px 19px;
}

.order-info .order-fot .bz-cont textarea {
    width: 100%;
    resize: none;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 16px;
    color: #9EA6AF;
}

.order-info .order-fot .shop-price {
    padding-top: 28px;
}

.order-info .order-fot .shop-price p {
    font-size: 16px;
    color: #1F2937;
    line-height: 24px;
    text-align: right;
}

.order-info .order-fot .shop-price p em {
    color: #E60012;
}

.order-info .order-fot .shop-price p span {
    min-width: 100px;
    display: inline-block;
    text-align: right;
}

.order-info .yfje {
    background-color: #F7F8FC;
    margin-top: 20px;
    padding: 11px 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    color: #1F2937;
}

.order-info .yfje p {
    font-size: 24px;
    color: #E60012;
    font-weight: bold;
    padding-left: 15px;
}

.order-info .yfje p span {
    font-size: 18px;
}

.order-info .js-btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
}

.order-info .js-btn a {
    display: inline-block;
    width: 216px;
    height: 48px;
    line-height: 48px;
    background-color: #E60012;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
}

.add-dz-dialog .el-dialog__body {
    padding: 25px 50px 0px !important;
}

.add-dz-dialog .el-form-item {
    display: block !important;
}

.add-dz-dialog .el-cascader,
.add-dz-dialog .el-select {
    width: 100% !important;
}

.add-dz-dialog .el-form-item__content {
    height: 40px !important;
}

.add-dz-dialog input[readonly] {
    background-color: transparent !important;
}

.add-dz-dialog .el-switch.is-checked .el-switch__core {
    background-color: #E60012 !important;
    border: 1px solid #E60012 !important;
}

.add-dz-dialog .el-button--primary {
    background-color: #E60012 !important;
    border: 1px solid #E60012 !important;
}

.add-dz-dialog .el-button:focus,
.add-dz-dialog .el-button:hover {
    background: #FFF !important;
    border: 1px solid #DCDFE6 !important;
    color: #606266 !important;
}

.el-radio__input.is-checked .el-radio__inner {
    background-color: #E60012 !important;
    border-color: #E60012 !important;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #E60012 !important;
}

.add-dz-dialog .el-form-item__label {
    font-size: 14px !important;
}

.ddy_jf_sy {
    padding: 20px;
    color: #666;
    background-color: #FAFAFA;
    margin-top: 20px;
    border-radius: 10px;
}

.ddy_jf_sy ul {
    display: flex;
    flex-wrap: wrap;
}

.ddy_jf_sy ul li {
    width: 50%;
}

.ddy_jf_sy ul li.wid100 {
    width: 100%;
}

.ddy_jf_sy .w_260 {
    border: 1px solid #e5e5e5;
    margin-left: 10px;
    width: 400px;
    height: 38px;
    padding: 10px;
    margin-right: 20px;
}

.ddy_jf_sy .taitou {
    width: 400px;
    display: inline-block;
    margin-left: 4px;
}

.ddy_jf_sy .taitou span {
    width: 180px;
    display: inline-block;
}

.ddy_jf_sy .taitou span sup {
    display: inline-block;
    vertical-align: text-top;
}

.ddy_jf_sy ul li {
    margin-bottom: 20px;
}

.ddy_jf_sy ul li span {
    width: 110px;
    display: inline-block;
    font-size: 16px;
    color: #323232;
}

.ddy_jf_sy .btn_button {
    margin-top: 20px;
    margin-left: 120px;
}

.ddy_jf_sy .btn_button a {
    margin-right: 0px;
    width: 400px;
    background-color: #E60012;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
}

sup {
    cursor: pointer;
    display: block;
}

sup input[type='checkbox'],
sup input[type='radio'] {
    opacity: 1;
    width: 22px;
    height: 22px;
    z-index: 10;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

sup input {
    display: block;
    background: url('../images/wty.png') no-repeat left center;
    background-size: 19px 19px;
}

sup input:checked {
    background: url('../images/yty_1.png') no-repeat left center;
    background-size: 19px 19px;
    color: #666;
}

/* 我的订单 */
.mine-order-box {
    display: flex;
    align-items: flex-start;
    padding-bottom: 30px;
}

.mine-order-lft {
    background-color: #fff;
    width: 220px;
    border-radius: 20px;
    padding: 26px 42px 10px 33px;
}

.mine-order-lft h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
}

.mine-order-lft .lf-list {
    padding-bottom: 5px;
}

.mine-order-lft .lf-list li a {
    padding: 10px 17px;
    background-color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 8px;
}

.mine-order-lft .lf-list li.active a,
.mine-order-lft .lf-list li:hover a {
    background-color: #E60012;
}

.mine-order-lft .lf-list li.active a .icon1,
.mine-order-lft .lf-list li:hover a .icon1 {
    background: url('../images/order-xtb1-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active a p,
.mine-order-lft .lf-list li:hover a p {
    color: #fff;
}

.mine-order-lft .lf-list li a i {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.mine-order-lft .lf-list li a .icon1 {
    background: url('../images/order-xtb1.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon2 {
    background: url('../images/order-xtb2.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon2,
.mine-order-lft .lf-list li:hover .icon2 {
    background: url('../images/order-xtb2-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon3 {
    background: url('../images/order-xtb3.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon3,
.mine-order-lft .lf-list li:hover .icon3 {
    background: url('../images/order-xtb3-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon4 {
    background: url('../images/order-xtb4.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon4,
.mine-order-lft .lf-list li:hover .icon4 {
    background: url('../images/order-xtb4-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon5 {
    background: url('../images/order-xtb5.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon5,
.mine-order-lft .lf-list li:hover .icon5 {
    background: url('../images/order-xtb5-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon6 {
    background: url('../images/order-xtb6.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon6,
.mine-order-lft .lf-list li:hover .icon6 {
    background: url('../images/order-xtb6-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon7 {
    background: url('../images/order-xtb7.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon7,
.mine-order-lft .lf-list li:hover .icon7 {
    background: url('../images/order-xtb7-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon8 {
    background: url('../images/order-xtb8.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon8,
.mine-order-lft .lf-list li:hover .icon8 {
    background: url('../images/order-xtb8-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon9 {
    background: url('../images/order-xtb9.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon9,
.mine-order-lft .lf-list li:hover .icon9 {
    background: url('../images/order-xtb9-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon10 {
    background: url('../images/order-xtb10.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon10,
.mine-order-lft .lf-list li:hover .icon10 {
    background: url('../images/order-xtb10-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon11 {
    background: url('../images/order-xtb11.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon11,
.mine-order-lft .lf-list li:hover .icon11 {
    background: url('../images/order-xtb11-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon12 {
    background: url('../images/order-xtb12.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon12,
.mine-order-lft .lf-list li:hover .icon12 {
    background: url('../images/order-xtb12-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon13 {
    background: url('../images/order-xtb13.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon13,
.mine-order-lft .lf-list li:hover .icon13 {
    background: url('../images/order-xtb13-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon14 {
    background: url('../images/order-xtb14.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon14,
.mine-order-lft .lf-list li:hover .icon14 {
    background: url('../images/order-xtb14-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon15 {
    background: url('../images/order-xtb15.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon15,
.mine-order-lft .lf-list li:hover .icon15 {
    background: url('../images/order-xtb15-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon16 {
    background: url('../images/order-xtb16.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon16,
.mine-order-lft .lf-list li:hover .icon16 {
    background: url('../images/order-xtb16-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li .icon17 {
    background: url('../images/order-xtb17.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li.active .icon17,
.mine-order-lft .lf-list li:hover .icon17 {
    background: url('../images/order-xtb17-on.png') no-repeat left center;
    background-size: 14px 14px;
}

.mine-order-lft .lf-list li p {
    flex: 1;
    padding-left: 12px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.mine-order-box .mine-order-rig {
    flex: 1;
    margin-left: 45px;
    background-color: #fff;
    border-radius: 20px;
    padding: 0px 30px;
    min-height: 880px;
}

.mine-order-box .mine-order-rig h4 {
    font-size: 22px;
    color: #333333;
    padding: 30px 0px 20px;
    border-bottom: 1px solid #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mine-order-box .mine-order-rig h4 a {
    display: inline-block;
    width: 88px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 8px;
    background-color: #E60012;
    font-size: 14px;
    color: #fff;
}

.mine-order-box .mine-order-rig .dd-list li {
    padding: 20px 0px;
    border-bottom: 1px solid #F7F7F7;
}

.mine-order-box .mine-order-rig .dd-list li a {
    display: block;
}

.mine-order-box .mine-order-rig .dd-list li:last-child {
    border-bottom: 0px;
}

.mine-order-box .mine-order-rig .dd-list li .li-top {
    background: linear-gradient(90deg, rgba(255, 247, 248, 0.37) 0%, #FFF7F8 100%);
    padding: 7px 11px 7px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.mine-order-box .mine-order-rig .dd-list li .li-top p {
    font-size: 14px;
    color: #1F2937;
    font-weight: bold;
}

.mine-order-box .mine-order-rig .dd-list li .li-top p.state {
    font-size: 12px;
    color: #E60012;
}

.mine-order-box .mine-order-rig .shop-info {
    display: flex;
}

.mine-order-box .mine-order-rig .shop-info img {
    width: 80px;
    height: 80px;
}

.mine-order-box .mine-order-rig .shop-info .info-rig {
    flex: 1;
    padding-left: 11px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mine-order-box .mine-order-rig .shop-info .info-rig h5 {
    font-size: 16px;
    color: #1F2937;
}

.mine-order-box .mine-order-rig .shop-info .info-rig p {
    font-size: 12px;
    color: #878B96;
}

.mine-order-box .mine-order-rig .shop-info .info-rig p span {
    display: inline-block;
    padding-right: 14px;
}

.mine-order-box .mine-order-rig .shop-info .info-rig .price {
    font-size: 14px;
    font-weight: bold;
    color: #1F2937;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mine-order-box .mine-order-rig .you-btn {
    display: flex;
    align-items: center;
}

.mine-order-box .mine-order-rig .you-btn a {
    min-width: 88px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #EEEEEE;
    font-size: 14px;
    color: #878B96;
    display: inline-block;
    margin-left: 12px;
    text-align: center;
    border-radius: 8px;
    padding: 0px 10px;
}

.mine-order-box .mine-order-rig .dd-list li .heji {
    padding-top: 20px;
}

.mine-order-box .mine-order-rig .dd-list li .fot-btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
}

.mine-order-box .mine-order-rig .dd-list li .fot-btn p {
    min-width: 88px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #EEEEEE;
    font-size: 14px;
    color: #878B96;
    text-align: center;
    margin-left: 12px;
    border-radius: 8px;
    cursor: pointer;
}

.mine-order-box .mine-order-rig .dd-list li .fot-btn p.border-red {
    border: 1px solid #E60012;
    color: #E60012;
}

/* 订单详情 */
.mine-order-rig .zc-header {
    padding-top: 30px;
}

.mine-order-rig .detail-cont {
    padding: 22px 0px;
}

.mine-order-rig .detail-cont .top-state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #E60012;
    font-weight: bold;
    padding-bottom: 22px;
}

.mine-order-rig .detail-cont .top-state p {
    font-size: 14px;
    color: #878B96;
}

.mine-order-rig .detail-cont .top-state p span {
    font-size: 18px;
    color: #E60012;
}

.mine-order-rig .detail-cont .dz-info {
    background-color: #FAFAFA;
    display: flex;
    align-items: flex-start;
    padding: 18px;
}

.mine-order-rig .detail-cont .dz-info .dz-img {
    margin-top: 4px;
}

.mine-order-rig .detail-cont .dz-info .dz-info-rig {
    flex: 1;
    padding-left: 8px;
}

.mine-order-rig .detail-cont .dz-info .rg-dz h5 {
    font-size: 16px;
    color: #111827;
}

.mine-order-rig .detail-cont .dz-info .rg-dz p {
    font-size: 14px;
    color: #111827;
    padding-top: 6px;
}

.mine-order-rig .detail-cont .dz-info .rg-dz p span {
    display: inline-block;
    padding-left: 15px;
}

.mine-order-rig .detail-cont .dz-info .wul-box {
    margin-top: 6px;
    background-color: #fff;
    padding: 10px 20px;
}

.mine-order-rig .detail-cont .dz-info .wul-box .wl-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #111827;
}

.mine-order-rig .detail-cont .dz-info .wul-box .wl-top p {
    color: #9EA6AF;
    display: flex;
    align-items: center;
}

.mine-order-rig .detail-cont .dz-info .wul-box .wl-top p img {
    margin-left: 8px;
}

.mine-order-rig .detail-cont .dz-info .wul-box span {
    font-size: 12px;
    color: #9CA3AF;
    display: inline-block;
    padding-top: 6px;
}

.mine-order-rig .detail-cont .shop-info {
    padding: 20px 0px;
    border-bottom: 1px solid #F7F7F7;
}

.mine-order-rig .detail-cont .shop-info .info-rig p.price {
    font-size: 18px;
    color: #E60012;
}

.mine-order-rig .detail-cont .total-price {
    padding-top: 34px;
}

.mine-order-rig .detail-cont .total-price p {
    font-size: 14px;
    color: #1F2937;
    padding-bottom: 10px;
    font-weight: bold;
}

.mine-order-rig .detail-cont .total-price .spje {
    color: #878B96;
    padding-bottom: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.mine-order-rig .detail-cont .total-price .spje span {
    font-size: 18px;
    color: #E60012;
}

.mine-order-rig .detail-cont .total-price p a {
    font-size: 14px;
    color: #E60012;
    padding-left: 16px;
}

.mine-order-rig .detail-cont .total-price .spje .you-btn {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.mine-order-rig .detail-cont .fot-btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 50px;
}

.mine-order-rig .detail-cont .fot-btn a {
    min-width: 88px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #9EA6AF;
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-left: 12px;
    border-radius: 8px;
    display: inline-block;
}

.mine-order-rig .detail-cont .fot-btn a.border-red {
    border: 1px solid #E60012;
    color: #E60012;
}

.elev-dialog {
    position: relative;
}

.elev-dialog .el-dialog {
    border-radius: 20px;
}

.elev-dialog .el-rate__icon {
    font-size: 28px !important;
}

.elev-dialog .el-rate__icon:hover {
    color: #E60012 !important;
}

.elev-dialog .el-rate__text {
    display: none !important;
}

.elev-dialog .el-rate {
    height: initial !important;
}

.elev-dialog .pj-cont {
    margin-top: 22px;
}

.elev-dialog .el-textarea__inner {
    border-radius: 12px !important;
    padding: 13px 19px !important;
}

.elev-dialog .el-button {
    width: 175px;
    height: 40px;
    line-height: 40px;
    background-color: #F7F7F7;
    padding: 0px !important;
    border: 0px !important;
    color: #9EA6AF;
}

.elev-dialog .el-button:focus,
.elev-dialog .el-button:hover {
    background-color: #F7F7F7 !important;
    color: #9EA6AF !important;
}

.elev-dialog .el-button--primary {
    background-color: #E60012 !important;
    color: #fff !important;
}

.elev-dialog .el-button--primary:focus,
.elev-dialog .el-button--primary:hover {
    background-color: #E60012 !important;
    color: #fff !important;
}

.elev-dialog .el-dialog__headerbtn .el-dialog__close {
    display: none !important;
}

.sq-type .type-li {
    padding-bottom: 12px;
}

.sq-type .type-li .res-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
}

.sq-type .type-li .res-box h5 {
    font-size: 16px;
    color: #1F2937;
}

.sq-type .type-li .lx-list {
    display: flex;
    flex-wrap: wrap;
}

.sq-type .type-li .lx-list li {
    padding: 10px 28px;
    margin-right: 20px;
    border: 1px solid #eee;
    border-radius: 12px;
    margin-bottom: 20px;
}

.sq-type .type-li .lx-list li p {
    font-size: 16px;
    color: #1F2937;
    font-weight: bold;
    padding-bottom: 3px;
}

.sq-type .type-li .lx-list li span {
    font-size: 14px;
    color: #9EA6AF;
}

.sq-type .type-li .lx-list li.active {
    border: 1px solid #E60012;
}

.sq-type .type-li .res-box select {
    text-align: right;
    font-size: 14px;
    color: #9EA6AF;
}

.el-dialog__title {
    font-weight: bold;
}

.dialog-content .thbz {
    position: absolute;
    top: 20px;
    right: 50px;
    font-size: 16px;
    color: #9EA6AF;
}

.elev-dialog .el-dialog--center .el-dialog__body {
    padding: 25px 50px 30px !important;
}

/* 个人资料 */
.personal-info-box {
    padding: 42px 30px;
}

.personal-info-box .personal-info-item {
    text-align: center;
    cursor: pointer;
}

.personal-info-box .personal-info-item img {
    margin: auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.personal-info-box .personal-info-item p {
    font-size: 14px;
    color: #9EA6AF;
    padding-top: 15px;
}

.personal-info-box .personal-list {
    padding-top: 10px;
}

.personal-info-box .personal-list .personal-li {
    padding: 32px 0px;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    align-items: center;
}

.personal-info-box .personal-list .personal-li .lf-cont {
    flex: 1;
    display: flex;
    align-items: center;
}

.personal-info-box .personal-list .personal-li .lf-cont span {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    min-width: 96px;
}

.personal-info-box .personal-list .personal-li .lf-cont p {
    flex: 1;
    font-size: 14px;
    color: #333333;
}

.personal-info-box .personal-list .personal-li a {
    font-size: 14px;
    color: #E60012;
}

.personal-info-box .fot-btn {
    padding-top: 150px;
    display: flex;
    justify-content: flex-end;
}

.personal-info-box .fot-btn a {
    display: inline-block;
    width: 220px;
    height: 40px;
    line-height: 40px;
    background-color: #E60012;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 8px;
}

/* 我的余额 */
.balance-box {
    padding-top: 32px;
}

.balance-box .balance-top {
    background-color: #FFF7F8;
    padding: 30px;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.balance-box .balance-top .cen-ye {
    flex: 1;
    padding-left: 15px;
}

.balance-box .balance-top .cen-ye h4 {
    font-size: 32px;
    color: #1F2937;
    padding: 0px;
}

.balance-box .balance-top .cen-ye p {
    font-size: 14px;
    color: #1F2937;
}

.balance-box .balance-top a {
    display: inline-block;
    min-width: 128px;
    height: 40px;
    line-height: 40px;
    background-color: #E60012;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
}

.balance-box .ye-tit {
    padding-top: 28px;
    color: #1F2937;
    font-size: 16px;
    font-weight: bold;
}

.balance-box .mx-list {
    height: 620px;
    overflow: auto;
}

.balance-box .mx-list li {
    padding: 20px 0px 20px 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f7f7f7;
}

.balance-box .mx-list li span {
    display: inline-block;
    min-width: 45px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #1F2937;
    background: rgba(31, 41, 55, 0.1);
    border-radius: 4px;
    text-align: center;
}

.balance-box .mx-list li span.bg-red {
    background: rgba(230, 0, 18, 0.1);
    color: #E60012;
}

.balance-box .mx-list li h5 {
    flex: 1;
    font-size: 14px;
    color: #1F2937;
    padding-left: 15px;
}

.balance-box .mx-list li .time {
    font-size: 12px;
    color: #878B96;
}

.balance-box .mx-list li .price {
    font-size: 16px;
    color: #E60012;
    font-weight: bold;
    padding-left: 112px;
}

.balance-box .mx-list li .price.col-333 {
    color: #1F2937;
}

.balance-box .pagination-container {
    padding: 15px 0px 30px;
    text-align: right;
}

.pagination-container {
    padding: 15px 0px 30px;
    text-align: right;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #E60012 !important;
    color: #fff !important;
}

::v-deep .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #606266;
}

.rechange-box .cz-tit {
    font-size: 16px;
    color: #1F2937;
    padding-bottom: 14px;
    font-weight: bold;
}

.rechange-box .cz-tit span {
    display: inline-block;
    width: 4px;
    height: 14px;
    background-color: #E60012;
    margin-right: 6px;
}

.rechange-box .rechange-list {
    display: grid;
    gap: 29px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 28px;
}

.rechange-box .rechange-list li {
    border: 1px solid #F0F0F0;
    border-radius: 12px;
    padding: 14px 0px;
    text-align: center;
    cursor: pointer;
}

.rechange-box .rechange-list li.active {
    border: 1px solid #E60012;
}

.rechange-box .rechange-list li.active h5,
.rechange-box .rechange-list li.active p {
    color: #E60012;
}

.rechange-box .rechange-list li h5 {
    font-size: 16px;
    color: #1F2937;
}

.rechange-box .rechange-list li h5 span {
    font-size: 28px;
}

.rechange-box .rechange-list li p {
    font-size: 14px;
    color: #1F2937;
    padding-top: 8px;
    font-weight: bold;
}

.rechange-box .rechange-type {
    display: flex;
    padding-bottom: 60px;
}

.rechange-box .rechange-type li {
    flex: 1;
    border: 1px solid #EEEEEE;
    padding: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    border-radius: 12px;
    cursor: pointer;
}

.rechange-box .rechange-type li img {
    margin-right: 8px;
}

.rechange-box .rechange-type li h5 {
    font-size: 16px;
    color: #1F2937;
}

.rechange-box .rechange-type li:last-child {
    margin-right: 0px;
}

.rechange-box .rechange-type li.active {
    border: 1px solid #E60012;
}

.rechange-box .rechange-type li.active h5,
.rechange-box .rechange-type li.active p {
    color: #E60012;
}

/* 我的优惠券 */
.copon-list {
    height: 500px;
    overflow: auto;
}

.copon-list li {
    padding: 19px 0px;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    align-items: center;
}

.copon-list li h3 {
    font-size: 20px;
    color: #E60012;
}

.copon-list li .copon-cen {
    flex: 1;
    padding: 0px 24px;
}

.copon-list li .copon-cen h5 {
    font-size: 16px;
    color: #1F2937;
}

.copon-list li .copon-cen p {
    padding-top: 11px;
}

.copon-list li .copon-cen p span {
    display: inline-block;
    font-size: 12px;
    color: #878B96;
    font-weight: bold;
    padding-right: 27px;
}

.copon-list li a {
    width: 74px;
    height: 28px;
    line-height: 28px;
    background-color: #E60012;
    border-radius: 8px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.copon-list.ysy li h3 {
    color: #333333;
}

.copon-list.ygq li h3 {
    color: #9EA6AF;
}

/* 我的收藏 */
.coll-list li a {
    padding: 22px 0px;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
}

.coll-list li img {
    width: 80px;
    height: 80px;
}

.coll-list li .li-rig {
    flex: 1;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.coll-list li .li-rig h5 {
    font-size: 16px;
    color: #1F2937;
}

.coll-list li .li-rig span {
    width: 32px;
    height: 14px;
    line-height: 14px;
    background-color: #E60012;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
}

.coll-list li .li-rig .li-fot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.coll-list li .li-rig .li-fot p {
    font-size: 18px;
    color: #E60012;
    font-weight: bold;
}

.coll-list li .li-rig .li-fot p em {
    font-size: 14px;
    color: #B4B4B4;
    font-weight: normal;
    padding-left: 12px;
    display: inline-block;
    text-decoration: line-through;
}

.coll-list li .li-rig .li-fot .qx-btn {
    display: inline-block;
    width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    color: #878B96;
    background: rgba(135, 139, 150, 0.1);
}

.mine-order-rig .product-li a {
    padding: 0px;
}

.mine-order-rig .product-li a h4 {
    padding: 0px;
    border-bottom: 0px;
}

.mine-order-rig .product-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 34px;
    padding-top: 35px;
}

/* 发票管理 */
.invoice-list li {
    padding: 20px 0px;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    align-items: flex-start;
}

.invoice-list li span {
    display: inline-block;
    width: 45px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    color: #F79B24;
    background: rgba(247, 155, 36, 0.1);
}

.invoice-list li span.dw-bg {
    background: rgba(230, 0, 18, 0.05);
    color: #E60012;
}

.invoice-list li .cen-cont {
    flex: 1;
    padding-left: 15px;
}

.invoice-list li .cen-cont h5 {
    font-size: 14px;
    color: #1F2937;
}

.invoice-list li .cen-cont p {
    font-size: 12px;
    color: #878B96;
    padding-top: 4px;
}

.invoice-list li .rig-btn {
    display: flex;
    align-items: center;
}

.invoice-list li .rig-btn a {
    display: flex;
    align-items: center;
    padding-left: 22px;
    font-size: 12px;
    color: #9E9E9E;
}

.invoice-list li .rig-btn a img {
    margin-right: 5px;
}

.add-invoice {
    margin-top: 20px;
    border: 1px solid #F4F4F4;
    border-radius: 12px;
    padding: 13px 30px 30px;
    margin-bottom: 20px;
}

.add-invoice h5 {
    font-size: 18px;
    color: #1F2937;
}

.add-invoice .invoice-box {
    padding-top: 28px;
    margin: auto;
}

.add-invoice .invoice-box li {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding-bottom: 20px;
}

.add-invoice .invoice-box li .lf-tit {
    font-size: 14px;
    color: #333333;
    min-width: 96px;
}

.add-invoice .invoice-box li .lf-tit span {
    color: #E60012;
}

.add-invoice .invoice-box li .li-rig {
    flex: 1;
    display: flex;
    align-items: center;
}

.add-invoice .invoice-box li .li-rig p {
    height: 40px;
    line-height: 40px;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 0px 21px;
    font-size: 14px;
    color: #333333;
    margin-right: 18px;
    cursor: pointer;
}

.add-invoice .invoice-box li .li-rig p.hover {
    border: 1px solid #E60012;
    color: #E60012;
}

.add-invoice .invoice-box li .li-rig .xz-li {
    display: flex;
    align-items: center;
    padding-right: 50px;
    font-size: 14px;
    color: #9CA3AF;
    cursor: pointer;
}

.add-invoice .invoice-box li .li-rig .xz-li.active {
    color: #E60012;
}

.add-invoice .invoice-box li .li-rig .xz-li img {
    margin-right: 7px;
}

.add-invoice .invoice-box li .li-rig input,
.add-invoice .invoice-box li .li-rig select {
    height: 40px;
    line-height: 40px;
    border: 1px solid #EEEEEE;
    padding: 0px 16px;
    font-size: 14px;
    border-radius: 8px;
    width: 100%;
    color: #878B96;
}

.add-invoice .invoice-box li .li-rig input::-webkit-input-placeholder {
    color: #878B96;
}

.add-invoice .invoice-box li .li-rig textarea {
    border: 1px solid #EEEEEE;
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 8px;
    width: 100%;
}

.add-invoice .invoice-box li.cen-none {
    align-items: flex-start;
}

.add-btn {
    padding-top: 60px;
}

.add-btn a {
    display: block;
    width: 224px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #E60012;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    margin: auto;
}

/* 地址管理 */
.address-list li {
    padding: 20px 0px;
    border-bottom: 1px solid #f7f7f7;
    /* display: flex; */
    /* align-items: flex-start; */
}

.address-list li .li-top {
    display: flex;
    align-items: center;
}

.address-list li .li-top h5 {
    font-size: 14px;
    color: #1F2937;
    flex: 1;
}

.address-list li .li-top .rg-cont {
    display: flex;
    align-items: center;
}

.address-list li .li-top .rg-cont span {
    display: inline-block;
    width: 68px;
    height: 20px;
    line-height: 20px;
    background: rgba(230, 0, 18, 0.05);
    text-align: center;
    font-size: 12px;
    color: #E60012;
    border-radius: 4px;
    font-weight: bold;
}

.address-list li .li-top .rg-cont a {
    display: flex;
    align-items: center;
    padding-left: 22px;
    font-size: 12px;
    color: #9E9E9E;
}

.address-list li .li-top .rg-cont a img {
    margin-right: 6px;
}

.address-list li .li-fot {
    display: flex;
    align-items: center;
    padding-top: 8px;
}

.address-list li .li-fot span {
    background: rgba(135, 139, 150, 0.1);
    width: 68px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    color: #878B96;
    display: inline-block;
}

.address-list li .li-fot p {
    font-size: 12px;
    color: #878B96;
    padding-left: 18px;
}

/* 意见反馈 */
.xz-text {
    font-size: 14px !important;
    color: #878B96 !important;
    font-weight: normal;
}

.feed-box {
    border: 1px solid #EEEEEE;
    flex-direction: column;
    align-items: initial !important;
    border-radius: 10px;
    padding: 10px 16px;
}

.feed-box textarea {
    padding: 0px !important;
    border: 0px !important;
}

.feed-box img {
    width: 80px;
    height: 80px;
}

/* 修改密码 */
.change-box {
    padding-top: 87px;
    width: 534px;
    margin: auto;
}

.change-box li {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.change-box li p {
    font-size: 14px;
    color: #333333;
    min-width: 96px;
}

.change-box li .rg-cont {
    flex: 1;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 0px 16px;
    display: flex;
    align-items: center;
}

.change-box li .rg-cont input {
    /* width: 100%; */
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    flex: 1;
}

.change-box li .rg-cont input::-webkit-input-placeholder {
    color: #878B96;
}

.change-box li .rg-cont a {
    color: #E60012;
    font-size: 14px;
}

/* 消息中心 */
.message-list {
    padding-top: 16px;
}

.message-list li {
    padding: 20px 0px;
    border-bottom: 1px solid #f7f7f7;
}

.message-list li .li-top {
    display: flex;
    align-items: center;
}

.message-list li .li-top h5 {
    flex: 1;
    font-size: 16px;
    color: #1F2937;
}

.message-list li .li-top span {
    font-size: 14px;
    color: #9EA6AF;
}

.message-list li p {
    padding-top: 10px;
    font-size: 14px;
    color: #546073;
}

/* 子账号管理 */
.account-table {
    width: 100%;
    margin-top: 36px;
}

.account-table tr th,
.account-table tr td {
    height: 48px;
    line-height: 48px;
    padding: 0px 28px;
}

.account-table tr:first-child td {
    font-size: 16px;
    color: #1F2937;
    font-weight: bold;
}

.account-table tr td {
    font-size: 16px;
    color: #546073;
}

.account-table tr:nth-child(odd) {
    background-color: #FAFAFA;
}

/* .el-pagination__sizes .el-input .el-input__inner:hover,
.el-select .el-input.is-focus .el-input__inner{
    border-color: #eeeeee !important;
}
.el-select-dropdown__item.selected{
    color: #E60012 !important;
} */
.el-checkbox__inner {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #E60012 !important;
    border-color: #E60012 !important;
}

.el-checkbox__inner::after {
    height: 8px !important;
    left: 6px !important;
    top: 3px !important;
    width: 5px !important;
}

.el-checkbox__inner:hover {
    border-color: #E60012 !important;
}

.el-input-number__decrease,
.el-input-number__increase {
    background-color: transparent !important;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover{
    background-color: #E60012 !important;
    color: #fff !important;
}
.el-pagination__sizes .el-input .el-input__inner:hover{
    border-color: #C0C4CC !important;
}
.el-select-dropdown__item.selected{
    color: #E60012 !important;
}
.el-input-number--small{
    width: 110px !important;
}


.product_sale_progress {
    background-color: #fff;
    padding-top: 15px;
    border-radius: 10px;
    display: block;
}

.product_sale_progress .progress_li {
    position: relative;
    margin-left: 15px;
    display: flex;
    margin-right: 15px;
}

.progress_li .step-line {
    position: absolute;
    top: 7px;
    left: 7px;
    height: 100%;
    width: 1px;
}

.progress_li .step-index {
    position: relative;
    z-index: 99;
    width: 9px;
    height: 9px;
    text-align: center;
    border-radius: 50%;
    margin-top: 7px;
}

.progress_li.step_status_wait .step-index {
    background: #ccc;
    border: 3px solid #fff;
}

.progress_li.step_status_wait .step-line {
    background: #ccc;
}

.progress_li.step_status_process .step-index {
    border: 3px solid #f8b8af;
    background: #C01B31;
}

.progress_li.step_status_process .step-line {
    background: #ccc;
}

.progress_li.step-last .step-line {
    display: none;
}

.progress_li .step-main {
    padding-left: 15px;
}

.progress_li .step-main .step-title {
    line-height: 20px;
    font-weight: normal;
    font-size: 14px;
    color: #000;
}

.progress_li .step-main .step-content {
    padding-bottom: 15px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}