/*--------新增样式--------*/
body {
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-family: "Proxima Noav", sans-serif;
    color: #333;
}

.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700;
}

.el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266;
}

.el-pagination span:not([class*="suffix"]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mzt-pagination .el-pagination.is-background .btn-prev {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 0;
    margin: 0;
}

/*--------产品图片高度样式修改--------*/
#showbox {
    height: 600px;
    background: #fff !important;
}

    #showbox #bigPic {
        height: 600px;
    }

        #showbox #bigPic img {
            height: 600px;
            padding: 15px;
        }



#searchForm {
    /*height:53px;*/
}

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

.el-pagination.is-background .btn-next {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.el-select {
    display: inline-block;
    position: relative;
}

.el-pagination__sizes {
    font-weight: 400;
    color: #606266;
}

.clear {
    clear: both
}

.sidebar {
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.magix {
    float: left
}

    .magix img {
        /*background: #726fee;
	display: inline-block;*/
        width: 37px;
        height: 37px;
        border-radius: 50px;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        margin-right: 5px;
    }

.sidebar_le {
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

    .sidebar_le .CALL {
        float: left;
        margin-right: 10px;
    }

    .sidebar_le .icons {
        float: left;
        margin-right: 23px;
    }

.oasee {
    color: #2470af;
}

.columns_rcing span {
    padding: 24px 20px;
    color: #6a6c70;
    font-size: 14px;
}

.colmns_more a {
    float: right;
    padding: 10px 20px 24px 20px;
    color: #2873b0;
    font-size: 14px;
}

.line {
    border-bottom: 2px solid #f0f2f7;
}

.el-table__body tr td {
    text-align: center;
}

.activese {
    color: #fff !important;
}

.lnsert {
    /*margin-top:70px;*/
    /*width: 42%;*/
    /*float:left;*/
    /*background: #fff;
	box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
    border-radius: 8px;*/
    padding: 20px;
    /*height: 765px;*/
}

.lnserts {
    margin-top: 40px;
    /*width: 53%;*/
    display: inline-block;
    float: right;
    background: url(../images/or.jpg) left no-repeat;
    background-size: contain;
}

.lnsert_le {
    font-size: 18px;
    color: #000;
    margin-bottom: 50px;
    font-weight: 400;
    margin-top: 41px;
}

.lmport {
    font-size: 15px;
    color: #464a53;
}

.caijt {
    text-align: center;
}

    .caijt img {
        margin-top: 100px;
        width: 60%;
    }

[data-v-68504a4c] .upload-demo .el-upload .dragger {
    width: 65%;
    margin: 0 auto;
}

.jump-details td.is-center, .el-table th.is-center {
}

.el-table__header {
    width: 100%;
}

.mzt-table .cell div {
    margin-bottom: 10px;
}

.el-dialog__footer span {
    color: #333;
}

.jump-details .cell {
    font-size: 16px;
    color: #44546a;
    font-weight: 700;
}

.coliunm {
    color: #2470af;
    font-size: 14px;
    line-height: 15px;
}

.jump-details .is-center p {
    color: #54617a;
    margin-top: 10px;
    font-size: 14px;
}

.model-box {
    height: 100px;
    background: #fff;
    margin-bottom: 18px;
    /*margin-right: 20px;*/
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
}

.total {
    line-height: 100px;
    margin-left: 30px;
    color: #242e42;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

    .total span {
        float: right;
        margin-right: 30px;
        color: #242e42;
        font-weight: 700;
        font-size: 20px;
    }

.model-boxe {
    height: 40px;
    background: #fff;
    margin-bottom: 18px;
    margin-right: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .model-boxe .el-input__inner {
        height: 10px !important;
        font-size: 12px;
    }

.totale span {
    /*	border-right:1px solid #ddd;
	height: 50px;
	height: 50px;
	display: inline-block;
	margin-left:10px;
	float:left;*/
}

.totale img {
    margin: 9px 0 0 15px;
    float: left;
    width: 20px;
}

.icone {
    display: inline-block;
    line-height: 60px;
}

.model-boxe a {
    line-height: 40px;
    /*padding:0 15px;*/
    color: #ddd;
    font-size: 12px;
}

.el-input__inner {
    display: block;
}

.quotations {
    padding: 30px 0 0 20px;
    font-size: 18px;
}

.bar_width {
    width: 885px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
}

.text {
    color: #162138;
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 50px;
}

.gradient-ver-wb {
    margin-top: 50px;
}

#p1067301428divTableListPanel {
    padding-left: 15px;
}

.btn-default {
    background: #162138;
    margin: 0 auto;
    height: 47px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
    border: none;
}

.POP-tits {
    background: #4d5f7c;
}

.btn-default:hover {
    background: #4d5f7c;
    color: #fff;
}

.pop-tit a {
    color: #fff;
}

.cardes {
    background: #162138;
}

.el-upload__text span {
    color: #676767;
    font-weight: 600;
}

.el-upload__text a {
    color: #ff5000;
    font-weight: 600;
}

.plest p {
    color: #162138;
    font-size: 13px;
    line-height: 30px;
}

.mzt-card-grid_product {
    background: #fff;
    height: 95%;
}

.crumbs {
    background: #2470af;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
}

.qunzi {
    width: 25%;
    height: 45px;
    border: 1px solid #ddd;
    padding: 15px;
    display: inline-block;
}

    .qunzi img {
        margin-right: 10px;
        float: left;
    }

.changese {
    width: 50px;
    height: 50px;
    background: #f2f2f2;
    padding: 4px;
    color: #4082b7;
    text-decoration: underline;
    cursor: pointer;
}

.change {
    color: #4082b7;
    text-decoration: underline;
    cursor: pointer;
}

.prit {
    color: #2470af;
    font-weight: 600;
}

.mzt-table tr td[data-v-2ec87dfe].activity {
    font-weight: 500;
}

.activity a {
    color: #4585bb;
}

.cells {
    background: #f6f7f9;
    height: 45px;
    color: #aab5c7;
    line-height: 46px;
    border-radius: 20px;
}

.product-tie {
    /*float:left;
	margin-right:40px;width:49%;*/
}

.product-container {
    background: #fff;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39);
    border-radius: 10px;
}

    .product-container img {
        /*width: 80%;*/
        margin: 30px 0;
        width: 500px;
        /*height:500px;*/
        height: 100%;
    }

.product-containers {
    margin-top: 20px;
}

    .product-containers ul li {
        float: left;
        padding: 10px;
    }

        .product-containers ul li img {
            width: 88px;
            height: 88px;
            cursor: pointer;
        }

.product_rights {
    float: left; /*width:47%;*/
}

.product_right h3 {
    font-size: 20px;
    margin-top: 45px;
    height: 46.5px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product_right span a {
    font-weight: 700;
}

.product_right span {
    font-size: 18px;
    padding-top: 30px;
}

.product_right p {
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
}

.product_bottoms {
    float: left;
    width: 100%;
    background: none !important;
    box-shadow: none !important;
    margin-top: 0;
}

    .product_bottoms h3 {
        font-size: 18px;
        padding: 15px;
        margin-top: 3px;
        border-bottom: 1px solid #ddd;
    }

    .product_bottoms ul {
        margin: 10px 0;
    }

        .product_bottoms ul li {
            float: left;
            padding: 10px;
        }

            .product_bottoms ul li img {
                /*width:90px;*/
                min-width: 100%;
                height: 90px;
                border: 2px solid #fff;
                cursor: pointer;
            }

            .product_bottoms ul li .active {
                border: 2px solid red;
            }

.model-boxs {
    background: #fff;
    margin-top: 30px;
    margin-left: 14px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39);
    justify-content: space-between;
    -webkit-box-pack: justify;
}

.detailmodule_html {
    padding: 30px;
}

.destes {
    border-bottom: 1px solid #ddd;
}

    .destes h3 {
        padding: 20px 0 7px 14px;
        font-weight: 700;
    }

.features {
    padding: 20px 0 0 14px;
}

    .features h3 {
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 18px;
    }

    .features p {
        line-height: 25px;
    }

.recap {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 24px !important;
    padding: 24px 20px 10px 20px !important;
}

.qtw-button {
    margin-top: 20px;
    color: #fff;
    margin-left: 20px;
    font-size: 16px;
}

    .qtw-button p {
        line-height: 30px;
    }

.qtw-button-x {
    margin-left: 20px;
    margin-top: 20px;
    color: #fff;
    border-bottom: 1px solid #fff;
    line-height: 20px;
    font-size: 16px;
}

    .qtw-button-x a {
        color: #ed7d31;
        font-size: 22px;
    }

.qtw-button-p {
    margin-top: 30px;
    margin-left: 20px;
    border: 1.5px solid #ed7d31;
    text-align: center;
    border-radius: 5px;
    line-height: 50px;
    color: #fff;
}

    .qtw-button-p a {
        color: #ed7d31;
        font-size: 18px;
    }

.prices {
    width: 100%;
}

.normalCard {
    border-bottom: 1px solid #dddfe1;
    line-height: 60px;
}

    .normalCard ul li {
        display: inline-block;
        line-height: 30px;
        width: 19%;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
        color: #242e42;
    }

.normalCard_img img {
    width: 16px;
    display: inline-block;
    margin-right: 15px;
}

.normalCard_yuan {
    width: 16px;
    height: 16px;
    border: 1px solid #90959f;
    display: inline-block;
    border-radius: 50px;
    margin-right: 15px;
}

.hover-popse {
    width: 60%;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
}

    .hover-popse p {
        font-size: 16px;
        line-height: 30px;
    }

.connectionse {
    margin-top: 30px;
}

.hover-popse-r {
    width: 38%;
    float: right;
    text-align: center;
}

.hover-popse-em {
    margin-top: 40px;
}

    .hover-popse-em img {
        width: 80%;
    }

.order-choose {
    width: 49%;
    float: left;
}

.order-choose-bt h3 {
    font-size: 24px;
    margin-left: 30px;
    color: #000000;
}

.order-choose-esk {
    background: #fff;
    height: 130px;
    width: 100%;
    margin: 30px 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
}

.order-choose-l {
    float: left;
}

    .order-choose-l img {
        width: 100px;
        height: 100px;
        margin: 20px;
    }

.order-choose-r {
    padding-top: 30px;
}

    .order-choose-r h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .order-choose-r p {
        font-size: 15px;
        color: #1f1f1f
    }

.order-choose_r {
    width: 49%;
    float: right;
    text-align: center;
}

.order-choose_ping {
    text-align: left;
    width: 68%;
    margin: 0 auto;
}

    .order-choose_ping h3 {
        margin-top: 20px;
        font-size: 20px;
        color: #000;
    }

    .order-choose_ping p {
        margin-top: 10px;
        font-size: 15px;
        color: #242e42;
        line-height: 30px;
    }

.springtime-floatLink82 {
    float: left;
    padding-left: 40px;
    width: 45%;
}

.springtime-floatLink81 {
    width: 93%;
    padding-left: 40px;
}

.springtime-floatLink82 .el-form-item__label {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.springtime-floatLink81 .el-form-item__label {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.springtime-floatLink83 {
    float: left;
    padding-left: 40px;
    width: 28.333%;
}

    .springtime-floatLink83 .el-form-item__label {
        font-size: 16px;
        font-weight: 700;
        color: #000;
    }

.order-choose-eske {
    background: #fff;
    width: 47%;
    margin: 30px 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
    float: left;
    margin-right: 15px;
}

.eske {
    margin-top: 10px;
}

.order-choose-lr img {
    padding: 16px;
    width: 110px;
    height: 110px;
    float: left;
}

.order-choose-rr {
    padding-top: 15px;
}

    .order-choose-rr h3 {
        margin-bottom: 10px;
        font-size: 16px;
        color: #2470af;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .order-choose-rr p {
        font-size: 13px;
        color: #1f1f1f;
    }

    .order-choose-rr .yk {
        color: #878c92 !important;
    }

    .order-choose-rr .weight {
        margin-top: 10px;
        color: #000 !important;
    }

        .order-choose-rr .weight span {
            color: #878c92;
            margin-left: 5px;
        }

    .order-choose-rr .quantity {
        margin-top: 5px;
        color: #000 !important;
    }

        .order-choose-rr .quantity span {
            width: 50px;
            height: 20px;
            border: 1px solid #dddfe1;
            display: inline-block;
            border-radius: 5px;
            margin-left: 5px;
            padding-left: 10px;
        }

.order-choose_rs {
    width: 29%;
    float: right;
}

.order-choose_recap {
    width: 75%;
    background: #363e4d;
    padding: 30px;
    margin: 0 auto;
    float: right;
}

.order-choose-recaps h3 {
    color: #fff;
    font-size: 24px;
    border-bottom: 1px solid #76839c;
    margin-bottom: 30px;
    line-height: 50px;
}

.order-choose-usd {
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}

.dayse {
    color: #b6c3da;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.addresets {
    font-size: 15px;
    font-weight: 700;
    color: #878c92;
    width: 90%;
    margin: 0 auto;
    border-bottom: 2px solid #e7e8ea;
    line-height: 50px;
    margin-bottom: 30px;
}

.catalog_bi {
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: 52px;
}

.catalog_bi {
    text-align: center;
}

    .catalog_bi a {
        margin-right: 30px;
        color: #abafb3;
        font-size: 16px;
        line-height: 50px;
        display: inline-block;
        font-weight: 600;
    }

.card_conte {
    color: #2470af !important;
    border-bottom: 3px solid #2470af;
    line-height: 51px;
}

.pa_catalog {
    margin-left: 15px;
}

.payment {
    float: right;
    width: 13%;
}

    .payment span {
        float: left;
        margin-bottom: 11px;
        margin-right: 15px;
    }

.jiw {
    margin-top: 20px;
}

    .jiw p {
        font-size: 15px;
        color: #242e42;
    }

    .jiw h3 {
        font-weight: 700;
        font-size: 24px;
    }

.br_ands {
    float: left;
}

    .br_ands p {
        font-size: 16px;
        color: #242e42;
        line-height: 30px;
    }

.check_br {
    margin-top: 30px;
}

.br_ands_ri {
    float: right;
    /*width: 40%;*/
}

.br_ands_les {
    float: left;
    margin-bottom: 60px;
}

.br_ands_bos {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
}

    .br_ands_bos img {
        padding: 15px;
    }

.br_ands_les ul li {
    float: left;
    margin-top: 10px;
}

    .br_ands_les ul li img {
        border-radius: 5px;
        width: 45px;
        margin-left: 12px;
    }

.br_ands_rts {
    float: left;
    margin-left: 25px;
    margin-top: 30px;
}

    .br_ands_rts h3 {
        color: #000;
        margin-bottom: 15px;
    }

    .br_ands_rts p {
        line-height: 25px;
    }

.widtwst {
    width: 250px;
}
/*------------分页------------*/
#example23_paginate .previous {
    font-weight: 500 !important;
}


.chosen-container-single .chosen-single {
    background: #fff !important;
    border: 1px solid #dcdfe6 !important;
    box-shadow: none !important;
}

.chosen-container {
    margin-right: 19px;
}
/*--------setting样式--------*/
.el-cards {
    border-radius: 1px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    overflow: hidden;
    color: #303133;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px;
}

.el-cardses {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
    border-radius: 8px
}

.el-cards hr {
    border: 1px solid #f1f1f1;
}

.el-cards .tab-content {
    margin-top: 30px;
}

.el-cards .card-title {
    margin-bottom: 20px;
}

.el-cards .p-t-20 {
    margin-top: 20px;
}

.el-cards .form-control {
    height: 32px;
    border: 1px solid #dcdfe6;
    color: #606266;
    /*margin-left: 15px;
        padding-left: 15px; width:50%;*/
    margin-bottom: 20px;
}

.el-cards label {
    font-weight: 600;
}

.el-cards .form-control-feedback {
    color: #333;
}

.el-cards .form-actions {
    /* margin-left:140px;margin-bottom:40px;*/
}

.el-cards .form-inline {
    margin-top: 30px;
    line-height: 30px;
}

.el-cards .modal-header {
    margin-bottom: 20px;
    margin-top: 20px;
}

.el-cards .btn-default {
    margin-top: 8px;
    height: 34px;
}

/*---------产品详情页切换样式---------*/
.el-dropdown-menu {
    top: 35px;
    width: 240px;
}

    .el-dropdown-menu li {
        text-align: left !important;
        /*margin-left:15px;*/
        line-height: 30px;
    }

.widget-title .new {
    color: #242e42;
    border-bottom: 3px solid #2470af;
}

.ban {
    width: 500px;
    height: 600px;
    position: relative;
    overflow: hidden;
    margin: 40px auto 0 auto;
}

.ban2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden;
}

    .ban2 ul {
        position: absolute;
        left: 0;
        top: 0;
    }

        .ban2 ul li {
            width: 500px;
            height: 500px;
        }

.prev {
    float: left;
    cursor: pointer;
}

.num {
    height: 200px;
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
    position: absolute;
}

.min_pic {
    padding-top: 10px;
    width: 100%;
    margin: 0 auto;
    height: 200px;
}

.num ul {
    position: absolute;
    left: 0;
    top: 0;
}

    .num ul li {
        width: 70px;
        height: 70px;
        margin-right: 5px;
        padding: 1px;
        float: left;
        margin-bottom: 10px;
    }

        .num ul li img {
            /*width: 65px;*/
            width: 100%;
            /*height:65px;*/
        }

        .num ul li.on {
            /*border: 1px solid red;*/
            padding: 0;
        }

.prev_btn1 {
    width: 16px;
    text-align: center;
    height: 18px;
    margin-left: -9px;
    cursor: pointer;
    float: left;
    position: relative;
    top: 50px;
    z-index: 999;
}

.next_btn1 {
    width: 16px;
    text-align: center;
    height: 18px;
    top: 50px;
    cursor: pointer;
    float: right;
    margin-right: 18px;
    position: relative;
}

.prev1 {
    position: absolute;
    top: 220px;
    left: 20px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
}

.next1 {
    position: absolute;
    top: 220px;
    right: 20px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
}

.mhc {
    background: #000;
    width: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(Opacity=50);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.pop_up {
    width: 500px;
    height: 500px;
    padding: 10px;
    background: #fff;
    position: fixed;
    -position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -255px;
    margin-top: -255px;
    display: none;
    z-index: 99;
}

.pop_up_xx {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -40px;
    right: 0;
    cursor: pointer;
}

.pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden;
    float: left;
}

    .pop_up2 ul {
        position: absolute;
        left: 0;
        top: 0;
    }

        .pop_up2 ul li {
            width: 500px;
            height: 500px;
            float: left;
        }

.m-content {
}

    .m-content h3 {
        font-size: 16px;
        font-weight: 700;
        width: 65%;
    }

    .m-content span {
        float: right;
        font-size: 6px;
        padding-top: 6px;
        cursor: pointer;
    }

    .m-content .mod-detail {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .m-content .mod-detail-img img {
        /*width:50px;
    height:50px;
    border-radius:50px;*/
        /*margin-left:10px;*/
        width: 100%;
    }

    .m-content .mod-detail .mod-detail-pn {
        width: 280px;
        margin-left: 10px;
    }

        .m-content .mod-detail .mod-detail-pn h4 {
            font-size: 12px;
            margin-top: 0px;
            margin-bottom: 5px;
        }

        .m-content .mod-detail .mod-detail-pn p {
            font-size: 12px;
            margin: 0 0 5px;
        }

.m-content-titte h3 {
    font-size: 14px;
    font-weight: 600;
    color: #2294fe;
}

.m-content-titte span img {
    width: 34px;
    margin-right: 5px;
}
/*---------注册页自适应样式-----------*/
.mzt-wrapper {
}




@media (max-width:670px) {
    .mzt-wrapper {
        background: #fff !important;
    }

    .mzt-register_main[data-v-b3a2e02c] {
        overflow-y: hidden;
    }

    .mzt-register_main[data-v-b3a2e02c] {
        top: 0;
    }

    .mzt-register_main .mzt-register_contain .mzt-register_box[data-v-b3a2e02c] {
        margin-top: 0;
    }

    .el-form-item {
        margin-bottom: 16px;
    }

    .el-checkbox__label {
        font-size: 10px;
    }

    .el-link {
        font-size: 12px !important;
    }

    .mzt-register_main .mzt-register_contain .mzt-register_box[data-v-b3a2e02c] {
        box-shadow: none;
    }

    .mzt-register_box .mzt-register_form[data-v-b3a2e02c] {
        padding: 20px 10px 10px 10px;
    }
}

/*--------自适应样式-------*/
.panel {
    margin-bottom: 40px;
}

#orderListTable .mzt-table-checkbox {
    margin-left: 14px;
}

#divOrderDataList input {
    float: left;
}

#divCustomAmount {
    margin: 20px 0;
}

.el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td {
    background: #fff !important;
}

.detail-desc-decorate-richtext img {
    width: 100%;
}

.search {
    position: relative;
    border-left: 1px solid #fff;
    width: 100%;
}

.clearfix {
    display: block;
    zoom: 1;
}

.search_txt input[type="text"] {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: none;
    width: 80%;
    line-height: 40px;
    height: 40px;
    padding-left: 5px;
    float: left;
    color: #c7c7c7;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.search_txt button {
    float: left;
    height: 40px;
    border: 0 none;
    cursor: pointer;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#example23_info input {
}

.detailmodule_text p {
    padding: 30px;
}

.detailmodule_image img {
    padding: 30px;
}

label {
    font-weight: 500 !important;
}

.mzt-combined-list .mzt-combined-tit[data-v-4f60c7f4] {
    /*border-bottom: 1px solid #f0f2f7;*/
}

.c-tips-container {
    padding: 15px;
    font-size: 15px;
    color: #54617a;
}

    .c-tips-container ul li {
        line-height: 30px;
        display: inline-block;
        border-bottom: 1px solid #f0f2f7;
        width: 100%;
        margin-top: 15px;
    }

        .c-tips-container ul li p a {
            float: right;
            color: #2470af;
            margin-bottom: 10px;
            font-size: 15px;
        }


.dataTables_info {
    padding: 10px 0 20px 0;
    float: right;
}

#SelectPageSize {
    display: inline-block;
    font-size: 15px;
    min-width: 35.5px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    background: #fff;
    border: none;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
    width: 117px;
    border-radius: 5px;
    text-align: center;
}

.example23_info input {
    float: right;
}

.paging_simple_numbers {
    float: right;
    margin-right: 10px;
    margin-top: 27px;
}

.current {
    color: #ff4f00 !important;
    padding-top: 14px !important;
}

.next {
    color: #bfc3cb !important;
    font-size: 16px;
    padding-top: 14px !important;
}

.disabled {
    color: #5c5c5c !important;
    font-size: 16px;
}

.paging_simple_numbers a {
    background: none;
    float: left;
    padding: 4px 10px 7px 10px;
    font-size: 15px;
    color: #5d5d5d;
}

.disabled {
}

#example23_info {
    margin-top: 20px !important;
}

#example23_paginate span a {
    background: none !important;
    color: #f60 !important;
}

.ellipsis {
    color: #ddd !important;
}

.dataTables_info button {
    background: #f60;
    color: white;
    border: None;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    width: 40px;
    height: 28px;
    margin-right: 30px;
    float: right;
    margin-left: 5px
}

.dataTables_info span {
    margin: 5px;
    float: left;
    color: #737373;
    font-size: 15px;
}

.m-t-15 {
    margin-bottom: 20px;
    font-size: 30px;
}

.p-ts-21 {
    margin-top: 20px;
}

.has-danger {
    margin: 20px 0;
}

#problem {
    height: 40px;
    border: 1px solid #ddd;
}

#dealtype {
    height: 40px;
    border: 1px solid #ddd;
}

.form-body label {
    font-weight: 700 !important;
}

#Description {
}

.form-control-feedback {
    position: relative !important;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 100% !important;
    height: 34px;
    line-height: 34px;
    text-align: left !important;
    pointer-events: none;
}

#divSyncButtonArea {
    margin-bottom: 50px;
}

.text-success {
    color: #15b000;
}

.search-wrapper {
    margin-top: 5px;
    border: 1px solid #ddd;
    height: 55px;
    border-radius: 5px;
}

    .search-wrapper .el-input__inner {
        width: 65%;
        float: left;
        border: none;
        margin-top: 11px;
    }

.button_bite {
    width: 22%;
    float: right;
    margin-top: 0px;
}

    .button_bite .btn-info {
        background: #fff;
        border-color: #2470af;
        box-shadow: 0 3px .1px #fff;
        color: #2470af;
        width: 147px;
        font-weight: 700;
        border-radius: 5px;
        height: 45px;
        margin-top: 4px;
        float: right;
    }

.search-wrapper .search_bottum {
    float: left;
    background: #fff;
    margin-top: 9px;
}

.upload-form-container {
    margin-top: 50px;
}

/*------------字体---------*/
.container-fluid .grid-container .media span[data-v-4f60c7f4] {
    font-family: 'Roboto', sans-serif;
}

.mzt-combined-list .mzt-combined-tit[data-v-4f60c7f4] {
    font-family: 'Roboto', sans-serif;
}

/*----------产品详情-------------*/
.mzt-card-grid_list .product_bise[data-v-7edc5d1c] {
    width: 250px !important;
}

.product_bise .mzt-card-product_price {
    margin-bottom: 20px;
}

.editCard {
    background: #fff;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
}

.clearpadding {
    line-height: 30px;
    margin-bottom: 10px;
}

    .clearpadding strong {
        font-size: 30px;
        line-height: 18px;
        font-weight: 700;
        margin-bottom: 10px;
    }

#UserId {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    padding-right: 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 50%;
    margin-bottom: 30px;
}

.editCard .control-label {
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #606266;
    padding: 0 12px 0 0;
}

#SourceUrl {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    padding-right: 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 50%;
    margin-bottom: 30px;
}

#ProductName {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 5px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 32px;
    line-height: 32px;
    outline: none;
    padding: 0 15px;
    padding-right: 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    margin-bottom: 30px;
    height: 40px;
    width: 217px;
}

#OrderNumber {
    height: 40px;
    width: 217px;
    border-radius: 5px;
}

#CustomerName {
    height: 40px;
    width: 217px;
    border-radius: 5px;
}

#ParentageRoute {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    padding-right: 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 50%;
    margin-bottom: 30px;
}

#ParentSKU {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    padding-right: 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 50%;
    margin-bottom: 30px;
}

#ProductPrice {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    padding-right: 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 50%;
    margin-bottom: 30px;
}

#MsrPrice {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    padding-right: 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 50%;
    margin-bottom: 30px;
}

.mod-img-list {
    float: left;
    width: 108px;
    height: 108px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .mod-img-list img {
        width: 108px;
        height: 108px;
    }

.mzt-product-details[data-v-ce0ef426] {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
}

.mzt-sku-table[data-v-ce0ef426] {
    width: 100%;
    background-color: #fff;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

.mzt-sku-table tr td[data-v-ce0ef426] {
    border-bottom: 1px solid #e2e7f1;
}

.mzt-sku-table td[data-v-ce0ef426] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mzt-sku-table td[data-v-ce0ef426], .mzt-sku-table th[data-v-ce0ef426] {
    padding: 10px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mzt-product[data-v-ce0ef426] .el-form-item {
    margin-bottom: 20px;
}

.static-mr-login {
    /*width:362px;*/
}

#mini .mzt-caidan {
    color: #333 !important;
}

.mzt-product-skulist .el-table_4_column_9 {
    width: 8%;
}
/*------------settings-----------*/
.Pricing-Logic h3 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 0;
}

.Pricing-Logic p {
    color: #9b9b9b;
}

.price_biese {
    margin-top: 25px;
}

    .price_biese .price_obrde {
        font-weight: 600;
        font-size: 12px;
        margin-right: 50px;
        color: #464a53;
        margin-left: 15px;
        float: left;
        margin-top: 16px;
    }

    .price_biese .price_obrdees {
        color: #2470af;
        margin-top: 16px;
        float: left;
        margin-right: 15px;
    }

    .price_biese .price_ses {
        display: inline-block;
        background: #f5f7fa;
        width: 160px;
        height: 45px;
        float: left;
        box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
    }

    .price_biese .form-control {
        width: 10%;
        border: none !important;
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39) !important;
    }

    .price_biese .price_ses input {
        width: 45%;
        height: 45px !important;
        border: none;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-radius: 0;
        float: left;
        text-align: center;
        color: #000;
    }

    .price_biese .price_ses .sest_l {
        float: left;
        width: 26%;
        text-align: center;
        line-height: 45px;
        font-size: 24px;
        color: #2470af;
    }

    .price_biese .price_ses .sest_r {
        float: left;
        width: 28%;
        text-align: center;
        line-height: 45px;
        font-size: 24px;
        color: #dddfe1;
    }

    .price_biese .bies {
        font-size: 28px;
        font-weight: bolder;
        color: #2470af;
        float: left;
        margin-left: 15px;
    }

.corer_item img {
    width: 30px;
    cursor: pointer;
    margin-right: 10px;
}


@media only screen and (max-width:768px) {
    .widget-title ul li label {
        font-size: 18px;
    }
}

@media only screen and (max-width:1024px) {
    .static-mr-login {
        width: 100% !important;
    }

    .el-dialog__body {
        width: 100%;
    }

    .model-boxe {
        margin-top: 10px;
    }

    .qtw-button-p a {
        font-size: 12px !important;
    }

    .mzt-card-container .mzt-card_btn {
        margin-bottom: 20px;
    }

    .product_right h3 {
        font-size: 18px;
    }

    .product_right span {
        font-size: 14px;
    }

    .product_right p {
        font-size: 12px;
    }

    .el-table {
        font-size: 12px;
    }
}


@media (max-width:1366px) {
    .widget-title {
        width: 30%;
    }

    .nav .menu-bottom-fixed {
        width: 230px;
    }

    .widget-title ul {
        /* width: 100% !important;*/
    }

    .product-containers ul li {
        float: left;
        padding: 3px;
    }

    .order-choose-rr h3 {
        font-size: 16px;
    }

    .springtime-floatLink82 {
        width: 93% !important;
    }

    .springtime-floatLink83 {
        width: 93% !important;
    }

    .payment {
        float: right;
        width: 31% !important;
    }

    .cells {
        width: 80px;
    }
}

@media (max-width:1440px) {
    .widget-title {
        width: 30%;
    }

    .nav .menu-bottom-fixed {
        width: 230px;
    }

    .sidebar_le {
        font-size: 12px;
    }
}

@media (max-width:1600px) {
    .widget-title {
        width: 30%;
    }

    .nav .menu-bottom-fixed {
        width: 230px;
    }

    .product-tie {
        /*xwidth: 50%;	*/
    }

    .product-containers ul li img {
        width: 58px;
        height: 58px;
    }
}

@media (max-width:1680px) {
    .widget-title {
        width: 30%;
    }

    .nav .menu-bottom-fixed {
        width: 230px;
    }

    .el-col-10 {
        width: 47.667%;
    }

    .widget-title ul {
    }

        .widget-title ul li label {
            font-size: 18px;
        }

    .springtime-floatLink83 {
        width: 27%;
    }

    .order-choose-r p {
        font-size: 12px;
    }

    .qtw-button-p a {
        font-size: 14px;
    }

    .product-tie {
        /*width: 50%;*/
    }

    .product-containers ul li img {
        width: 58px;
        height: 58px;
    }
}

@media (min-width:1920px) {
    .mzt-card-grid_list .product_bise[data-v-7edc5d1c] {
        width: 168px !important;
    }

    .product_imseg img {
    }

    .mzt-card-grid_list .product_bise[data-v-7edc5d1c] {
        padding: 0 0 0px !important;
    }

    .mzt-card-grid_list .card-product_desec[data-v-7edc5d1c] {
        padding: 0 10px 5px;
    }

    .widget-title {
        width: 100%;
    }

    .nav .menu-bottom-fixed {
        width: 230px;
    }

    .product_bottoms {
        float: left;
        /*width: 43.333%;*/
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(215, 222, 227, .39);
    }

        .product_bottoms ul li {
            float: left;
            padding: 6px;
        }

    .prices { /*width: 43%;*/
    }

    .payment {
        float: right;
        width: 20%;
    }

    .product_bottoms ul li img {
        /*width: 52px;*/
        height: 52px;
    }

    .springtime-floatLink82 {
        width: 43%;
    }

    .springtime-floatLink83 {
        width: 27%;
    }

    .mzt-card-grid_list .mzt-card-grid_product[data-v-7edc5d1c] {
        /*width: 233px;*/
    }

    .mzt-card-grid_list .grid_producte[data-v-7edc5d1c] {
        /*width: 246px !important;*/
        justify-content: left;
        max-width: 18.6%;
    }

    .search-wrapper .search_bottum {
        float: left;
        background: #fff;
        margin-top: 13px;
    }

    #slideTool {
        width: 100% !important;
    }

    .nav a span {
        margin-left: 7px;
        color: #fff;
        font-size: 12px;
    }

    .mzt-card-container .el-card__header {
        position: relative;
        padding: 30px 20px 10px 20px !important;
    }

    .static-mr-login {
        /*width: 300px;
                float: right;*/
    }

        .static-mr-login .qtw-button-p {
            margin-left: 0;
        }
}

.dropzone {
    min-height: 260px !important;
}


dt {
    font-weight: 500;
}

dl {
    margin-bottom: 0px;
}

dt, dd {
    line-height: 50px;
}

.menu a {
    text-decoration: none;
}

.billing-top-content .billing-desc[data-v-7e7ba850] {
    color: #999;
    padding: 20px;
    border-bottom: 1px solid #dcdfe6;
    font-size: 14px;
}

.billing-top-content .billing-payment-content[data-v-7e7ba850] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dcdfe6;
}

.billing-top-content .billing-payment-content .billing-method[data-v-7e7ba850] {
    width: 70%;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.el-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}

.el-link {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.el-image__error, .el-image__inner, .el-image__placeholder {
    width: 100%;
    height: 100%;
    cursor: pointer;
    max-width: 100%;
}

.billing-top-content .billing-payment-content .billing-owe[data-v-7e7ba850] {
    width: 30%;
    border-left: 1px solid #dcdfe6;
    text-align: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.billing-top-content .billing-payment-content .billing-owe .owe-title[data-v-7e7ba850] {
    font-weight: 700;
}

.billing-top-content .billing-payment-content .billing-owe .owe-price[data-v-7e7ba850] {
    font-size: 20px;
    font-weight: 700;
    color: #3b9e28;
    margin-top: 10px;
}

.el-image__inner {
    vertical-align: top;
}

[data-v-7e7ba850] .product-tabs-pane .el-tabs__header {
    padding: 0 20px;
    margin-bottom: 0;
}

.menu-wrapper li:hover {
    background-color: rgb(52, 62, 79);
}

.el-input__icon, .el-input__prefix {
    margin-top: 5px;
}

.el img {
    width: 22px;
}

.setting img {
    width: 22px;
}

/*.activese{
	background: #006eff;
	color:#fff!important;
}
.activesee{
	color: rgb(0, 110, 255) !important;
}*/

.el-upload-dragger {
    background-color: #fff;
    border: 2px dashed #d9d9d9;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* width: 551px !important;*/
    height: 241px !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.POP-titses {
    margin: 2px;
    color: #2470af;
    border: 1px solid #2470af;
    background: #fff;
    width: 80%;
    padding-top: 11px;
}

.e-l-iconsetting {
    margin-top: 21px;
}

.el-form-item__label {
    font-weight: 700 !important;
}

.item[data-v-7ed9f2b4] {
    margin-top: 10px;
    width: 120px;
    height: 35px;
    border-radius: 6px;
}

.media-middle a {
    color: #fff;
}

.el-menu-item {
    height: 100% !important;
}

.modal-window {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.376);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

    .modal-window:target {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .modal-window > div {
        width: 550px;
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        /*padding: 2em;*/
        background: #ffffff;
        border-radius: 5px;
    }

    .modal-window header {
        font-weight: bold;
    }

    .modal-window h1 {
        font-size: 150%;
        margin: 0 0 15px;
    }

.li {
    height: 50px;
    border-bottom: 1px solid #ddd;
}

    .li .el-dialog__title {
        line-height: 43px;
        padding-left: 26px;
    }

.modal-close img {
    width: 16px
}

.modal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
}

    .modal-close:hover {
        color: black;
    }

.el-menu-item:hover {
    background-image: rgb(0, 110, 255) !important
}


.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.menu, .tab-box { /*width: 300px; height: 100%;  margin: 0 auto; padding-top: 25px; background: #fff;*/
}

    .menu ul li { /*height:45px; */
        line-height: 56px; /*border-bottom: 1px solid #eee;*/
        font-size: 14px;
        cursor: pointer;
    }

        .menu ul li span { /*display: block; */
            height: 100%; /*width: 100%;*/
            position: relative;
            padding: 0 20px;
        }

            .menu ul li span d {
                display: block;
                height: 12px;
                width: 12px;
                background: url(../images/arr.png) no-repeat center center;
                background-size: 80% 80%;
                position: absolute;
                right: -75px;
                top: 50%;
                margin-top: -7px;
                transition: all 0.3s ease-out;
                transform: rotate(0deg);
            }

                .menu ul li span d.action {
                    transition: all 0.3s ease-out;
                    transform: rotate(180deg);
                }

        .menu ul li > dl {
            display: none;
            padding-left: 35px;
        }

            .menu ul li > dl a span {
                display: block;
                height: 100%;
                width: 100%;
                font-size: 14px;
                color: #fff;
                text-decoration: none;
            }

.tab-box {
    width: 600px;
    margin-top: 40px;
}

    .tab-box .tab {
        border-bottom: 1px solid #eee;
    }

        .tab-box .tab ul li {
            width: 33.3%;
            float: left;
            height: 55px;
            line-height: 55px;
            text-align: center;
        }

            .tab-box .tab ul li.action {
                background: #f60;
            }

    .tab-box .box {
        width: 100%;
        height: 200px;
    }

        .tab-box .box .item {
            display: none;
            padding: 15px;
            height: 200px;
        }

            .tab-box .box .item:first-child {
                display: block;
            }

.menu.el-menu-item:focus, .el-menu-item:hover {
    background: #2b3341 !important;
}

.dropdown {
    display: inline-block;
    position: relative;
    height: 100%;
}

button {
    background: #f60;
    color: white;
    border: None;
    margin: 6px;
    padding: 5px;
    font-size: 16px;
}

.content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 50px;
    z-index: 2007;
    margin-top: 6px;
    right: -91px;
    width: 239px;
    border-radius: 10px;
}

    .content a {
        display: block;
        color: #333;
        margin: 20px 0 20px 31px;
        text-align: left;
    }

        .content a:hover {
            background-color: #f7f8fa;
            color: #78a1eb;
        }

.dropdown:hover .content {
    display: block;
}

dropdown {
    display: inline-block;
}

    dropdown ul {
        display: block;
        width: 200px;
        background: #fff;
        padding: 15px 10px;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        border-radius: 5px;
    }

        dropdown ul li {
            line-height: 30px;
            margin-left: 15px;
        }

            dropdown ul li a {
                color: #333;
                font-size: 14px;
            }

                dropdown ul li a:hover {
                    color: #3e84e9;
                }

.mzt-icons {
    margin-right: 15px;
}

dropdown label:hover, dropdown ul li:hover {
    /* background: #1ABC9C;
            color: white;*/
    cursor: pointer;
}

.header_boseisneise {
    width: 10px;
    margin-top: 17px;
    margin-right: 15px;
    position: static;
}

dropdown label {
    /* color: #1ABC9C;
        border-left: 4px solid #1ABC9C;
        border-radius: 0 5px 0 0;
        position: relative;*/
    z-index: 2;
}

dropdown input {
    display: none;
}

    dropdown input ~ ul {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        top: -20px;
        z-index: 1;
        right: 0%;
        margin-top: 57px;
    }

    dropdown input:checked + label {
        /*background: #1ABC9C;
            color: white;*/
    }

    dropdown input:checked ~ ul {
        visibility: visible;
        opacity: 1;
        top: 0;
    }


@for $i from 1 through length($colors) {
    dropdown ul li:nth-child(#{$i}) {
        border-left: 4px solid nth($colors, $i);
        .fa

{
    color: nth($colors, $i);
}

&:hover {
    background: nth($colors, $i);
    color: white;
    .fa

{
    color: white;
}

}
}
}

.animate {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* Chrome and Safari */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */
}