* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft Yahei";
}
a:focus, a:hover{
    text-decoration: none;
}
body {
    font-size: 12px;
    position: relative;
    color: #333;
}
button,input,textarea{outline: none;}
button{border-style: none;cursor: pointer;}
/* 音量按钮  */
video::-webkit-media-controls-mute-button {
    display: none;           
}
video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;           
}
/* 引导页 */
.guide-bg{z-index: 20;position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;background-color: #000;opacity: 0.7;}
.guide-section{z-index: 50;position: absolute;left: 50%;top: 0px;width: 1200px;opacity: 0;transform: translateX(-50%) scale(0);transition: all 0.5s;}
.guide-section.active{
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
.guide-page-div>button{
    display: inline-block;
    width: 120px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    text-align: center;
    border-radius: 22px;
    background-color: transparent;
}

.happy-new-year{
    position: relative;
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0; */
    width: 100%;
    /* height: 600px; */
    height: 0px;
    background-color: #fff;
    overflow: hidden;
    transition: height 1.5s;
    background-image: linear-gradient(#ff423d,#ff6d4b);
    /* animation: newyear 2s; */
}
.happy-new-year .txt-img-btn{
    z-index: 20;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    width: 1000px;
    cursor: pointer;
}
.active-height{
    height: 562px;
}
.new-year-image{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 600px;
    z-index: 1000;
    pointer-events: none;
    /* transition: all 5s ease 2s; */
    /* animation: newyear 4s; */
}

.body-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 600px;
    background-color: #000;
    opacity: 0.5;
    z-index: 1001;
    overflow: hidden;
    animation:newyear 4s ;
}
.new-year-video{
    /* position: absolute; */
    width: 1000px;
    height: 562px;
    display: block;
    margin: auto;
    outline: none;
    /* top: 0;
    left: 50%; */
    /* transform: translateX(-50%); */
    /* max-height: 500px; */
    /* object-fit: contain; */
    /* transition: all 5s ease 2s; */
    /* animation: video 4s; */
}
.close-happy-year{
    position: absolute;
    margin: 0;
    top: 15px;
    right: 11px;
    /* line-height: 20px; */
    width: 26px;
    /* color: #000; */
    z-index: 1000;
    /* font-size: 20px;
    border: none;
    outline: none; */
    /* background-color: transparent; */
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #404040;
}

ul {
    list-style: none;
}

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

.marginAuto12 {
    width: 1200px;
    margin: 0 auto;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #007de4;
}

.cursonPoint {
    cursor: pointer;

}

.fontRed {
    color: red;
}

.clear {
    clear: both;
}

.margin10 {
    margin-right: 10px;
}

.marginT20 {
    margin-top: 20px;
}

.marginR20 {
    margin-right: 20px;
}

.font16 {
    font-size: 16px;
    color: #202020;
}

.font14 {
    font-size: 14px;
    color: #404040;
}

.font12 {
    font-size: 12px;

}

.displayFlexWrap {
    display: flex;
    flex-wrap: wrap;
}

.displayFlex {
    display: flex;
    justify-content: space-between;
}

.textCenter {
    text-align: center;
}
.text-center {
    text-align: center;
}

.textRight {
    text-align: right;
}

.backFFF {
    background-color: #fff;
}

.huaxian {
    text-decoration: line-through
}

/*火狐下的移除*/
input[type=number] {
    -moz-appearance: textfield;
}

/*谷歌下的移除*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.marginBot10 {
    margin-bottom: 10px;
}

/*checkBox 选中后*/
input:checked+.checkerDiv {
    background-image: url("../imges/other/checkbox.png");
}

#indexBackA {
    margin-right: 28px;
    font-weight: 600;
    color: #808080;
    cursor: pointer;
}

#indexBackA:hover {
    color: #007de4;
}


/*必填符号*/
.require-icon:before {
    content: '*';
    margin-right: 5px;
    color: #e83707;
    position: relative;
}



.padding18 {
    width: 1200px;
    margin: 0 auto;
    height: inherit;
    padding-right: 18px;
}

/*页面底部信息*/
.foot_iframe {
    display: block;
    margin-top: 40px;
    /* border-top: 1px solid #007de4;
    box-shadow: 0 0 17px 1px #d2d2d2; */
}

.bottom {
    width: 100%;
    background-color: #fff;
}

.bottom-contain {
    width: 1200px;
    margin: 0 auto;
}

.bottom-contain-div {
    padding-top: 50px;
    padding-bottom: 40px;
}

.zixun-right {
    height: inherit;
    width: 913px
}

.zixun-right-nav {
    height: 45px;

}

.zixun-right-nav ul {
    padding-top: 14px;
    text-align: right;
    list-style: none;
}

.zixun-right-nav ul li {
    display: inline-block;
    font-size: 16px;
    padding: 2px 8px;
    margin: 0 10px;
}

.zixun-right-nav ul li:last-child {
    display: inline-block;
    padding: 2px 0 2px 16px;
    margin: 0;
}

.zixun-right-nav ul li:hover {
    display: inline-block;
    padding: 2px 8px;
    margin: 0 10px;
    color: #007de4;
    border-bottom: 2px solid #007de4;
}

.zixun-right-nav ul li:last-child:hover {
    display: inline-block;
    padding: 2px 0 2px 16px;
    margin: 0;
    color: #007de4;
    border: 0;
}

.zixun-right-bot {
    height: 355px;
    background-color: #fff;
}

.zixun-right-bot .col-xs-4,
.zixun-right .row {
    margin: 0;
}

/*.zixun-right-bot-div{*/
/*height: inherit*/
/*}*/
/*.zixun-right-bot-div:hover{*/
/*box-shadow:0px 0px  5px 1px #ccc;*/

/*}*/
.zixun-right-bot-img {
    padding: 10px
}

.zixun-right-bot-img img {
    width: 200px;
    height: 150px
}

.zixun-right-bot-div p {
    margin: 0;
}

.zixun-title {
    text-align: center;
    font-size: 16px;
}

.zixun-text {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph;
    /*IE*/
}

.bottom-contain-right {
    float: left;
    margin-left: 30px;
    margin-top: 32px;
}
.bottom-contain-right>div{
    display: inline-block;
    vertical-align: middle;
}
.bottom-contain-right>div>label{
    font-size: 14px;
    color: #333;
}
.bottom-contain-right>div>p{
    font-size: 26px;
    margin-top: 10px;
    font-weight: 800;
    letter-spacing: -1px;
    color: #007DE4;
}

.bottom-contain-right-img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.bottom-contain-right-img>a{
    display: block;
    pointer-events: none;
}
.bottom-contain-right-img>a>img{
    display: block;
    width: 81px;
}


.small-title{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.small-title.active{
    color: #007de4;
}

.bottom-ychg-tel {
    text-align: center;
    font-size: 16px;
    color: #007de4;
    font-weight: bold;
}

.bottom-contain-center {
    width: 100%;
}

.bottom-contain-bot {
    width: 256px;
}

.bottom-contain-bot img {
    width: 122px;
    height: 122px;
    padding: 4px;
    border: 1px solid #f5f5f5;
    margin: 32px 68px 10px;
}

.bottom-contain-div .row {
    padding: 0;
    margin: 0;
}

.bottom-contain-center .col-xs-3 {
    padding: 0;
    margin: 0;
}

.bottom-contain-center p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.bottom-contain-center ul {
    list-style: none;

}

.bottom-contain-center ul li {
    padding: 2px;
    text-align: center;
    margin: 4px 0;
}

.bottom-contain-center ul li a {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0; 
}

.bottom-contain-center-div1{
    float: left;
}
.bottom-contain-center-div1:not(:first-child){
    margin-left: 76px;
}

.bottom-contain-center-div1>ul{
    margin-top: 25px;
}

.bottom-contain-center-div1>ul>li+li{
    margin-top: 15px;
}
.bottom-contain-center-div1>ul>li{
    color: #999;
}
.bottom-contain-center-div1>ul>li>a{
    display: inline-block;
    line-height: 14px;
    font-size: 14px;
    color: #999;
    pointer-events: none;
    vertical-align: middle;
}
.bottom-contain-center-div1>ul>li>a:hover{
    color: #007de4;
}


.bottom-contain-center-div2 p {
    margin-bottom: 5px;
}

.bottom-link {
    border-top: 1px solid #e5e5e5;
}

.bottom-link-div {
    margin-top: 25px;
    text-align: center;
}

.bottom-link-div ul,
.bottom-link-div2 ul {
    list-style: none;
}

.bottom-link-div ul li,
.bottom-link-div2 li {
    display: inline-block;
    padding: 0 4px;
}

.bottom-link-div ul li a,
.bottom-link-div2 ul li a {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.bottom-link-div2 {
    /* margin-top: 44px; */
    text-align: center;
}
.bottom-link-div2>p{
    color: #666;
}


/*分页*/
.fenye {
    height: 40px;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 38px;
    text-align: center;
}

.fenye .pagination {
    margin: 6px 0;
    height: 28px;
}

.fenye .pagination>li>a {
    padding: 0;
}

.fenye .pagination li a {
    margin: 0 4px;
    height: 28px;
    width: 22px;
    text-align: center;
    line-height: 28px;
    color: #707070;
}

.fenye .pagination>.active>a {
    background-color: #007de4;
    color: #fff;
    border: 1px solid #ccc;
}

/*快速导航栏*/
.right-main-nav{
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 20;
}
.right-main-nav>ul>li{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 12px;
    color: #666;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 6%);
}
.right-main-nav>ul>li+li{margin-top: 6px;}
.right-main-nav>ul>li>span{
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: 5px;
    display: block;
    width: 100%;
    text-align: center;
    letter-spacing: -1px;
}

.right-main-nav>ul>li:hover{
    background-color: #007de4;
    color: #fff;
}

.right-main-nav-item1{
    background-image: url(../images/common/nav/icon-8.png);
    background-size: 21px;
    background-position: center 8px;
}

.right-main-nav-item2{
    background-image: url(../images/common/nav/icon-9.png);
    background-size: 16px;
    background-position: center 9px;
}
.right-main-nav-item3{
    background-image: url(../images/common/nav/icon-10.png);
    background-size: 23px;
    background-position: center 6px;
}
.right-main-nav-item4{
    background-image: url(../images/common/nav/icon-11.png);
    background-size: 21px;
    background-position: center 7px;
}


.right-main-nav-item1 .get-help-div{
    z-index: 10;
    position: absolute;
    right: 60px;
    top: 50px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 6%);
    visibility: hidden;
    cursor: default;
    opacity: 0;
    transition: all 0.5s;
}
.right-main-nav-item1 .get-help-div.active{
    visibility: visible;
    cursor: pointer;
    opacity: 1;
    top: 0px;
}
.get-help-div .help-form-item>textarea{
    display: block;
    font-size: 14px;
    padding: 10px;
    color: #333;
    border: 1px solid #eee;
}
.get-help-div .help-form-item>input{
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    margin-top: 10px;
    color: #333;
    text-indent: 10px;
    border: 1px solid #eee;
}
.get-help-div .help-form-btn-div{
    margin-top: 10px;
}
.get-help-div .help-form-btn-div>button{
    display: inline-block;
    width: 120px;
    height: 32px;
    font-size: 14px;
    border-radius: 3px;
}
.get-help-div .help-form-btn-div>button+button{
    margin-left: 9px;
}

.right-main-nav>ul>li.right-main-nav-item5{
    background-image: url(../images/common/nav/icon-12.png);
    background-size: 17px;
    background-position: center 7px;
    user-select: none;
    opacity: 0;
    cursor: default;
}
.right-main-nav>ul>li.right-main-nav-item5.active{
    user-select:inherit;
    opacity: 1;
    cursor: pointer;
}
.right-main-nav>ul>li.right-main-nav-item6{
    /* background-image: url(../imges/user/qwm.png); */
    background-image: url(../images/common/nav/icon-13.png);
    background-size: 16px;
    background-position: center 7px;
    /* background-color: #007de4; */
    /* color: #fff; */
}
.right-main-nav-item6 .nav-code-div{
    z-index: 10;
    position: absolute;
    right: 60px;
    top: -50px;
    padding: 8px;
    visibility: hidden;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    text-align: center;
    cursor: default;
    opacity: 0;
    transition: all 0.5s;
}
.right-main-nav-item6 .nav-code-div>span{
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-top: 5px;
    display: block;
}
.right-main-nav-item6 .wl-app-div{
    width: 86px;
    height: 86px;
    margin-top: 5px;
    border: 1px solid #f8f8f8;
    background-image: url(../imges/user/qcode.png);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position: center;
}
.right-main-nav-item6 .wechat-div{
    width: 86px;
    height: 86px;
    border: 1px solid #f8f8f8;
    background-image: url(../images/common/nav/wx-code.jpg);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position: center;
}
.right-main-nav-item6 .why-code-div{
    width: 86px;
    height: 86px;
    margin-top: 5px;
    border: 1px solid #f8f8f8;
    background-image: url(../images/common/nav/why-wx-code.jpg);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position: center;
}

.right-main-nav>ul>li.right-main-nav-item1:hover{
    background-image: url(../images/common/nav/icon-8-active.png);
}
.right-main-nav>ul>li.right-main-nav-item2:hover{
    background-image: url(../images/common/nav/icon-9-active.png);
}
.right-main-nav>ul>li.right-main-nav-item3:hover{
    background-image: url(../images/common/nav/icon-10-active.png);
}
.right-main-nav>ul>li.right-main-nav-item4:hover{
    background-image: url(../images/common/nav/icon-11-active.png);
}
.right-main-nav>ul>li.right-main-nav-item5:hover{
    background-image: url(../images/common/nav/icon-12-active.png);
}
.right-main-nav>ul>li.right-main-nav-item6:hover{
    background-image: url(../imges/user/qwm.png);
}
.right-main-nav>ul>li.right-main-nav-item6:hover .nav-code-div{
    top: -123px;
    opacity: 1;
    visibility: visible;
}


.right-main-nav>ul>li.right-main-nav-item1.active{
    background-image: url(../images/common/nav/icon-8-active.png);
    background-color: #007de4;
    color: #fff;
}



.marginT5 {
    margin-top: 5px;
}

.marginR5 {
    margin-right: 5px;
}




/*顶部导航*/
.navBar {
    background-color: #fff;
    min-width: 1200px;
}

.navBarDiv {
    width: 1200px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
}


.navBarDiv-ul {
    height: 35px;
    list-style: none;
    margin: 0;
}

.navBarDiv-ul li {
    display: inline-block;
    text-align: center;
    width: 12%;
    position: relative;
}
.navBarDiv-ul>li>a{
    display: block;
    pointer-events: none;
}
.navBarDiv-ul>li>a.hrefACss{
    pointer-events: all;
}
.navBarDiv-ul li a:hover,
.navBarDiv-ul li a.active {
    color: #007de4;
    cursor: pointer;
    text-decoration: none;
}

.navBarDiv-ul li .corner-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.navOne {
    /*width: 120px;*/
    text-align: center;
    background-color: #007de4;
    color: #fff;
}

.navOne>a {
    color: #fff;
    text-decoration: none;
    display: block;
}
.navOne>a>img{
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    vertical-align: -2px;
}

.navBarDiv-ul .navOne a:hover {
    background-color: #007de4;
    color: #fff;
}



.dropdownList {
    list-style: none;
    width: 205px;
    height: 441px;
    line-height: normal;
    margin-bottom: 0;
    background-color: #fff;
    /* border-top: 1px solid #c3c3c3; */
    /* opacity: .8;
    filter: alpha(opacity=80); */
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 6%);
}

.dropdownList>li {
    height: 62px;
    padding: 0 15px;
    background-image: url(../images/personalCenter/menu/arrow.png);
    background-repeat: no-repeat;
    background-position: 92% 14px;
    background-size: 6px;
    text-align: left;
}
.dropdownList>li+li{
    border-top: 1px solid #f3f3f3;
}
.dropdownList>li:hover{
    box-shadow: 0px 0px 15px 0px rgba(0, 125, 228, 0.13);
}
.dropdownList p {
    color: #333;
}

.addStyle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.dropdownDiv-p2>span{
    color: #999;
}
.dropdownList li:hover .dropdownDiv {
    border: 0;
}


.dropdownDiv {

}

.dropdown-nav-div{
    z-index: 12;
    position: absolute;
    display: none;
    margin-top: 10px;
    box-shadow: 0px 0px 15px 0px rgba(164, 193, 216, 0.13);
}

.main-nav-bar-div{
    width: 995px;
    height: 35px;
}

/*原侧边展开*/
.navOne-cebian {
    box-sizing: border-box;
    z-index: 12;
    position: absolute;
    display: none;
    height: 441px;
    width: 770px;
    top: 0;
    left: 205px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(164, 193, 216, 0.13);
}



.navOne ul li:nth-child(n):hover .navOne-cebian:nth-child(n) {
    display: block;
}

.dropdownDiv2 {
    height: auto;
    margin-left: 28px;
    margin-right: 30px;
}

.dropdownDiv-p1 {
    padding-top: 10px;
    margin-bottom: 5px;
    color: #fff;
    /*padding-top: 5px;*/
    font-size: 14px;
}
.dropdownDiv-p1>img{
    display: inline-block;
    width: 17px;
    margin-right: 8px;
    vertical-align: -3px;
}

.recommend-production-div{
    padding-left: 26px;
}
.recommend-production-div>a{
    display: inline-block;
    height: 1.5em;
    color: #999;
    overflow:hidden;
}
.recommend-production-div>a+a{
    margin-left: 10px;
}

.dropdownDiv-p2 {
    color: #999;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding: 0;
    padding-bottom: 12px !important;
    margin: 0;
    border-top: 1px dotted #eeeeee;
}

.dropdownDiv-p2>a {
    display: inline-block;
    margin: 5px 0;
    color: #999;
    pointer-events: none;
}

.dropdownDiv-p2>a:hover {
    color: #007de4;
}

.level-item-div{
    float: left;
    width:580px;
    height: 100%;
    overflow-y: auto;
}
.level-item-div .dropdownDiv-p1{
    padding-top: 15px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
}
.brand-item-div{
    float: right;
    width:189px;
    height: 100%;
    border-left: 1px solid #eee;
}
.brand-item-div>div>h4{
    margin: 10px 0 10px 34px;
    font-size:14px;
    color:#333;
    font-weight:600;
}
.brand-nav-section .swiper-slide>a>p{
    margin: 0;
    font-size: 12px;
    color: #666;
}

/* ---- */

/* new css index */

.contactImg img {
    height: 18px;
}

.swiper-container {
    width: 100%;
    height: 406px;
    overflow-y: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
}
.swiper-slide>a{
    display: block;
    padding: 8px 0;
    margin: 0 20px 0 30px;
    border-top: 1px dotted #eee;
    text-align: center;
    pointer-events: none;
}
.brand-item-div .swiper-slide>a>img{
    margin: auto;
}

/*  */


.erweimaP {
    width: 100px;
    height: 234px;
    border: 1px solid #eeeeee;
    background-color: #fff;
    padding-top: 7px;
}

.erweimaP img {
    width: 84px;
    height: 84px;
    border: 1px solid #f8f8f8;
    margin: 0 auto;
    display: block;
}

.erweimaP span {
    font-size: 12px;
    line-height: 18px;
    color: #808080;
    margin-bottom: 7px;
    display: block;
}


#xtName {
    cursor: pointer;
}

#xtName:hover {
    color: #007de4;
}

.help-center{
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1200px;
    margin-left: -600px;
}
.help-center .help-content{
    top: 39px !important;
    text-align: right;
}

#iframe_help {
    display: none;
}

.helpContent {
    display: inline-block;
    border: none;
    height: 39px;
    line-height: 39px;
    /* margin-left: 557px; */
    font-size: 12px;
    background-color: transparent;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    /* right: 18.1%; */
    /* left: 47.2%; */
    /* top: 0; */
    
}

.hoverClass {
    color: #007de4;
    cursor: pointer;
    box-shadow: 0px -4px 1px 2px #e4e4e4;
    background-color: #fff;
}

.help_content {
    box-shadow: 0 0 10px #eee;
    width: 660px;
    height: 210px;
}

.changeColor {
    color: #007de4;
}


#cnzz_stat_icon_1277754785 img {
    display: none !important;
}


/* 底部合作伙伴轮播 */
.rollBox {
    text-align:center ;
    width: 880px;
    overflow: hidden;
    padding: 18px 20px 5px 20px;
    margin: 0 auto;
    /* background-color: white; */
    /* margin-top: 20px; */
}
.rollBox .part{
    float: left;
    width: 55px;
    color:#404040;padding:0;border:none;
}

.rollBox .partners {
    /* float: left; */
    /* width: 825px; */
    display: table;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0;
}

.rollBox .partners li {
    /* float: left; */
    /* white-space: nowrap; */
    display: inline-block;
    white-space: normal;
    border-right: 2px solid #a9a9a9;
    padding: 0 17px;
    margin-bottom: 12px;
    cursor: pointer;
}


.rollBox .partners a {
    /* white-space: nowrap; */
    white-space: normal;
    word-break: break-all;
    display: block;
    font-size: 12px;
    color: #808080;
    line-height: 14px;
}
.partners li:nth-child(1) {
    padding: 0 17px 0 10px;
}
 .partners li:nth-last-child(1) {
    border-right: none;
}

.changeColor:hover {
    color: #007de4 !important;
}



/* base-css */

/* position */
body .right0 {
    right: 0;
}

/* width */
.w60 {
    width: 60px;
}

.width-80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w90Impor {
    width: 90px !important;
}

body .width-100 {
    width: 100px;
}

body .w101 {
    width: 101px;
}


.w103 {
    width: 103px;
}

.w103Impor {
    width: 103px !important;
}

.width-120 {
    width: 120px;
}

.width-127 {
    width: 127px;
}

.w145 {
    width: 145px;
}

.w145dis {
    width: 145px;
    display: block;
    margin: 0 auto;
}

.w166 {
    width: 166px;
}

.width-200 {
    width: 200px;
}

.w182 {
    width: 182px;
}

.w333b {
    width: 33.3%;
}
.w666b {
    width: 66.6%;
}

.w90b {
    width: 90%;
}
.w100b {
    width: 100%;
}

body .w203 {
    width: 203px;
}

.w214block {
    width: 214px;
    display: block;
    margin: 0 auto;
}


/* height */
.height-30 {
    height: 30px;
}

.h32 {
    height: 32px;
}

.height-35 {
    height: 35px;
}

.height-45 {
    height: 45px;
}

.h67 {
    height: 67px;
}

.h67Impor {
    height: 67px !important;
}

.h94Impor {
    height: 94px !important;
}

.h110 {
    height: 110px;
}

.h150 {
    height: 150px;
}

.h200 {
    height: 200px;
}

.h210 {
    height: 210px;
}

.MAXh210 {
    /* height: 210px; */
    max-height: 210px;
}

/* text-indent */
.text-indent-7 {
    text-indent: 7px;
}

.text-indent-12 {
    text-indent: 12px;
}

/* color */
.color-fff{
    color: #fff;
}
.color-333 {
    color: #333;
}

.color-666 {
    color: #666;
}

.color-999 {
    color: #999;
}

.color-40 {
    color: #404040;
}

.color-80 {
    color: #808080;
}
.color-999{
    color: #999;
}
.color-fe5 {
    color: #EF583B;
}

.base-color {
    color: #007de4;
}

.color-309 {
    color: #68B348;
}

/* 未开始 */
.color-69d {
    color: #69d99e;
}

.cursor-pointer {
    cursor: pointer;
}

/* .display-flex */
.display-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.display-flex-end {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.display-flex-between {
    justify-content: space-between;
}

.jcfs {
    justify-content: flex-start;
}

.jcfsImpor {
    justify-content: flex-start !important;
}

.jcfe {
    justify-content: flex-end;
}

/* icon-img */
.icon-img-16 {
    width: 16px;
    height: 16px;
    cursor: pointer;
}


.no-border-input {
    border: none !important;
    outline: none;
}


.create-title {
    width: 140px;
    text-align: right;
    white-space: nowrap;
}


/* float */
.fL {
    float: left;
}

.fR {
    float: right;
}

.cF {
    clear: both;
}

.p-oF {
    overflow: hidden;
}

/* margin */
.mgBtm10 {
    margin-bottom: 10px;
}

.mgBtm12 {
    margin-bottom: 12px;
}

.mgBtm17 {
    margin-bottom: 17px;
}

.mgBtm19 {
    margin-bottom: 19px;
}

.mgBtm20 {
    margin-bottom: 20px;
}

.mgBtm34 {
    margin-bottom: 34px;
}

.mgLeft75 {
    margin-left: 75px;
}

.mgLeft_1 {
    margin-left: -1px;
}

.mgRig0 {
    margin-right: 0;
}

.mgRig_1 {
    margin-right: -1px;
}

.mgRig1 {
    margin-right: 1px;
}

.mgRig11 {
    margin-right: 11px;
}

.mgRig40 {
    margin-right: 40px;
}

/* padding */
.padding5 {
    padding: 5px 0;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

/* text-align */
.textL {
    text-align: left;
}

.textR {
    text-align: right;
}

.textC {
    text-align: center;
}

/* 3D */
.hover-shadow:hover {
    /* box-shadow: 0 0 5px 5px #dadada; */
    box-shadow: 0px 0px 20px 0px rgba(0, 125, 228, 0.13);;
    background-color: #fff;
    /* background-color: #fafdff; */
}

.product-name-hover:hover {
    cursor: pointer;
    color: #007de4;
}

.border-left-img {
    width: 8px;
    height: 30px;
    margin-right: 14px;
}

.h-choose-product {
    height: 35px;
    color: #007de4;
    border-bottom: 3px solid #007de4 !important;
}


.border1e5 {
    border: 1px solid #e5e5e5;
}

.borTop1e5 {
    border-top: 1px solid #e5e5e5;
}

.borBot1e5 {
    border-bottom: 1px solid #e5e5e5;
}

.borRig1e5 {
    border-right: 1px solid #e5e5e5;
}

.borRig0 {
    border-right: 0;
}

.borLefte5 {
    border-left: 1px solid #e5e5e5;
}

/* font-size */
.fontSize14{
    font-size: 14px;
}
.f14 {
    font-size: 14px;
    line-height: 14px;
}

.f16 {
    font-size: 16px;
    line-height: 16px;
}

.f18 {
    font-size: 18px;
    line-height: 18px;
}
.fontSize24{
    font-size: 24px;
}
/* font-weight */
.fw600 {
    font-weight: 600;
}


/* 抢单--报价 按钮 */
.ask-option-botton {
    width: 50px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    background-color: #007de4;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    outline: none;
}

.liH20 {
    line-height: 20px;
}


/* 圆角 */
.borradiu3 {
    border-radius: 3px;
}

.borradiu5 {
    border-radius: 5px;
}

.overflow-hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.AWH100 {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.disLinBlock {
    display: inline-block;
}

.lineH14 {
    line-height: 14px;
}


.hrefACss {
    color: #007de4;
}

/* .bottom */
.b-bottom-code {
    float: right;
    text-align: right;
    text-align: center;
}

.b-bottom-code>li{
    float: left;
    padding-top: 5px;
}
.b-bottom-code>li+li{
    margin-left: 12px;
}

.b-bottom-code img {
    width: 100px;
    height: 100px;
}

.b-bottom-code span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    color: #444;
}

.hideBox {
    display: none;
}

.showBox {
    display: block;
}




.posiRelaZIndex1 {
    position: relative;
    z-index: 1;
}

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

.disMarAuto {
    display: block;
    margin: 0 auto;
}

#lei_class_line_height {
    line-height: 12px;
}

.add-arrow-bg {
    width: 72px;
    background: url("../imges/alliance/to2.png") no-repeat center 32px;
}

.elSpan {
    display: block;
    margin: 0 auto;
}


.combo-input {
    /* background: url("../imges/shop/dt-sousuo.png") no-repeat 4px center;
    background-size: 14px 12px; */
}
.combo-select{
    margin-bottom: 0;
}

#fileDataUl{
    overflow: hidden;
}
#fileDataUl .w333b {
    padding-left: 24px;
}
#fileDataUl li{
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#fileDataUl li:hover{
    cursor: pointer;
    border: none;
    color: #548dfe;
}
#fileDataUl li:hover span {
    color: #548dfe;
}


.excel-file{
    background: url("../imges/trade/excel.png") no-repeat left center;
}
.doc-file{
    background: url("../imges/trade/doc.png") no-repeat left center;
}
.pdf-file{
    background: url("../imges/trade/pdf.png") no-repeat left center;
}
.jpg-png-file{
    background: url("../imges/trade/jpg-png.png") no-repeat left center;
}

/* --------------布局样式----------------- */
.list-title-ele{font-size: 18px;font-weight: bold;color: #007de4;}

.w1200-section{
    width: 1200px;
    margin: auto;
}


/* iframe */
.top_search_iframe{display: block;}

@media screen and (max-width:1300px){
    .help-center{
        left: 0;
        margin-left: 0;
    }
}
.iframe-ele{display: block;}
/* -------------公用样式增加-------------- */
.modal-open .inline-block-el{display: inline-block}

.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}
.color-1{color: #333;}
.color-1-2{color: #404040;}
.color-1 *{color: #333;}
.color-2{color: #666;}
.color-2 *{color: #666;}

.color-4{color: #FF5B5B;}
.color-4-2{color: #FF3535;}

.font-bold{font-weight: bold;}
.content-between{justify-content: space-between;}
.content-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.align-items-self-end{align-self: flex-end;}

.text-color-1{
    color: #ff5b5b !important;
}


.overflow-text-ellipsis{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 弹出层 */
.pop-footer-btn-div{padding-bottom: 25px;text-align: center;}
.pop-footer-btn-div .pop-footer-btn{
    display: inline-block;
    width: 100px;
    height: 30px;
    font-size: 12px;
    margin: 0 auto;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
}
.pop-footer-btn+.pop-footer-btn{margin-left: 15px;}

.btn-type-color1{color: #fff;background-color: #007de4;}
.btn-type-color2{color: #333;background-color: #fff;border: 1px solid #aaa;}

.foot-contain{
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 19px;
    color: #fff;
}
.foot-block{
    float: left;
}

.center-item-contain{
    width: 480px;text-align: center;
    margin-left: 80px;
    margin-right: 110px;
    border-left: 1px solid rgba(229,229,229,0.5);
    border-right: 1px solid rgba(229,229,229,0.5);
}

.foot-left{
    display: inline-block;
    vertical-align: middle;
}
.foot-left img{
    width: 43px;
    display: inline-block;
}
.foot-right{
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}
.foot-right .foot-right-big{
    font-size: 18px;
    font-weight: bold;
}
.foot-right .foot-right-small{
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

.clearfix:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;  
    }
  
.clearfix {
/* 触发 hasLayout */ 
zoom: 1; 
}


/* layer-ui */

.layui-layer .layui-layer-btn a{
    padding: 0 27px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;

    color: #666;
    background-color: #EEEEEE;
    border: none;
}

div.layui-layer-btn .layui-layer-btn0 {
    background-color: #007DE4;
    /* border-color: #007DE4; */
    color: #fff;
}


/* 引导样式覆盖 */



.none-event-btn{
    pointer-events: none;
}