html{
    min-width: 1290px;
    overflow-y: hidden;
}

::-webkit-scrollbar {
    width:6px;
}
::-webkit-scrollbar-track {
    border-radius:10px;
}

::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#e1e3e3;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #e1e3e3;
}

#header-ht {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color:#0f82ec\9\0; /* ie 9*/
}

#header-ht {
    background: -webkit-linear-gradient(left, #0f82ec, #00b4ab);
    background: -o-linear-gradient(right, #0f82ec, #00b4ab);
    background: -moz-linear-gradient(right, #0f82ec, #00b4ab);
    background: linear-gradient(to right, #0f82ec, #00b4ab);
}

/* .uul{
    line-height: 5px;
}
.uul li{
    height: 10px;
} */

.h_r .qt {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #e5f7f7;
    margin-right: -4px;
    vertical-align: middle;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.h_r .qt i {
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat -21px -28px;
    vertical-align: text-bottom;
}

.h_r .qt p {
    height: 19px;
    line-height: 19px;
    display: inline-block;
    border-right: 1px solid #cfdee1;
    cursor: pointer;
}

.h_r .h_ri1 {
    width: 143px;
    height: 28px;
    background-color: #e5f7f7;
    border: 0;
    vertical-align: middle;
    margin-top: -2px;
}

.h_r .h_ri2 {
    width: 30px;
    height: 30px;
    background: url(../images/icon.png) no-repeat 0px -51px;
    border: 0;
    vertical-align: middle;
    margin-left: -4px;
    border-left: 1px solid #cfdee1;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.help {
    /*margin: 0 35px 0 20px;*/
    margin: 0 35px 0 10px;
}

.help .username{
    width:74px;
    height:40px;
    text-align: center;
    overflow: hidden;
}

.help li {
    margin-left: 30px;
}

.help li,
.help a {
    float: left;
    color: #e5f7f7!important;
}

/*
.help a:hover{
    color: #FF6600;
}*/

.help li i {
    width: 22px;
    height: 13px;
    background: url(../images/icon.png) no-repeat -17px -84px;
    cursor: pointer;
}

.h_l img {
    vertical-align: text-bottom;
    margin-top: 20px;
}

.h_l .h_logo p {
    color: #e5f7f7;
    display: inline-block;
    margin-left: 10px;
}

.h_l .h_logo p span {
    margin-left: 3px;
}

.h_l i {
    width: 24px;
    height: 18px;
    padding-right: 5px;
    background: url(../images/icon.png) no-repeat 0px 0px;
    vertical-align: text-top;
    border-right: 1px solid #58a4f2;
}

.h_l .h_logo {
    margin: 0px 0 0 25px;
    height: 60px;
    line-height: 77px;
}

.h_menu ul {
    margin-left: 40px;
}

.h_menu ul li {
    float: left;
    line-height: 54px;
    font-size: 14px;
    text-align: center;
}

@media screen and (min-width: 1430px) {
    .h_menu ul li {width:80px;margin-right: 35px;}
}

@media screen and (max-width: 1429px) {
    .h_menu ul li {width: 75px;margin-right: 20px;}
}


.h_menu ul li a {
    color: #fff;
}

.h_menu ul li:hover {
    border-bottom: 6px solid #fff;
}

.h_menu ul .hm_active {
    border-bottom: 6px solid #fff;
}

.main_l {
    text-align: center;
    background-color: #fbfbfb;
    border-right: 1px solid #e2e2e2;
    position: relative;
    overflow:auto;
}

.side_head {
    background-color: #f2f3f5;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid #dddddd;
    color:#737373;
}

.side_head i {
    width: 15px;
    height: 13px;
    background: url(../images/icon.png) no-repeat 0px -19px;
    margin: 3px 18px 0 0;
    font-weight: bold;
}

.side_body {
    background-color: #fbfbfb;
}

.side_body .link {
    cursor: pointer;
    padding: 13px 0 13px 0;
    display: inline-block;
    color:#59595b;
    width:100%;
}

.side_body .link:hover{
    background: #f3f4f4;
}

.side_body .shouye.on i{
    background: url(../images/tag.png) no-repeat -31px -50px;
}

.side_body .shouye.on>span{
    color:#1175e5;
}

.side_body .open .link {
    cursor: pointer;
    padding: 13px 0 13px 0;
    display: inline-block;
    color:#1175e5;
    width:100%;
}

.side_body .open .link:hover{
    background: #f3f4f4;
}

.side_body i {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.side_body .si2 {
    background: url(../images/tag.png) no-repeat -5px -50px;
}

.side_body .on .si2{
    background: url(../images/tag.png) no-repeat -31px -50px;
}

.side_body .on>span{
    color:#1175e5;
}

.side_body .si3 {
    background: url(../images/tag.png) no-repeat -4px -4px;
}

.side_body .open .si3{
    background: url(../images/tag.png) no-repeat -33px -4px;
}

.side_body .si4 {
    background: url(../images/tag.png) no-repeat -5.5px -50px;
}

.side_body .open .si4{
    background: url(../images/tag.png) no-repeat -31px -50px;
}

.side_body .si5 {
    background: url(../images/tag.png) no-repeat -4px -73px;
}

.side_body .open .si5{
    background: url(../images/tag.png) no-repeat -30px -73px;
}

.side_body .si6 {
    background: url(../images/tag.png) no-repeat -5px -91px;
}

.side_body .open .si6 {
    background: url(../images/tag.png) no-repeat -32px -91px;
}

.side_body .si7 {
    background: url(../images/tag.png) no-repeat -3px -28px;
    width:23px!important;
}

.side_body .open .si7 {
    background: url(../images/tag.png) no-repeat -29px -28px;
    width:23px!important;
}

.side_body .up,
.side_body .down {
    width: 10px;
    height: 6px;
    margin: 0 0 3px 24px;
}

.side_body #main_li_main .up,
.side_body #main_li_main .down{
    margin:0 0 3px 52px;
}


.side_body .up {
    background: url(../images/icon.png) no-repeat 0px -42px;
}

.side_body .open .up {
    /*background: url(../images/icon.png) no-repeat 0px -34px;*/
    background: url("../images/arrow-up.jpg") no-repeat;
}

.side_body .submenu li{
    padding: 10px 0 10px 0;
}

.side_body .submenu li:hover{
    padding: 10px 0 10px 0;
    background: #f3f4f4;
}

.side_body .submenu li a {
    color: #8b8c8e;
    width: 100%;
}
.side_body .submenu .on a{
    color: #0063d8;
    width: 100%;
}
.side_body .submenu li a:hover {
    color: #0063d8;
}


.submenu {
    display: none;
}
.md_3{
    background-color: #ededed;
    text-align: center;
    border-left: 1px solid #dddddd;
}
.m_r{
    padding-top: 100px;
}
.m_r a{
    margin-bottom: 50px;
}
.m_r i{
    width: 20px;
    height: 20px;
}
.m_r .mr_i1{
    background: url(../images/icon.png) no-repeat 0px -81px;
}
.m_r .mr_i2{
    background: url(../images/icon.png) no-repeat 2px -102px;
}
.m_r .mr_i3{
    background: url(../images/icon.png) no-repeat 3px -124px;
}
.m_r .mr_i4{
    width: 30px;
    height: 30px;
   /* background: url(../images/icon.png) no-repeat -35px 0px;*/
    background: url(../images/icon.png) no-repeat -62px 0px;
}
.m_r .mr_i5{
    background: url(../images/icon.png) no-repeat 1px -150px;
}
.m_r2{
    margin: 90px 0 0 0;
}
.m_r2 a{
    margin-bottom: 10px;
}
.m_r2 i{
    width: 20px;
    height: 20px;
    margin-top: 10px;
}
.m_r2 .mr_i6{
    background: url(../images/icon.png) no-repeat -48px -81px;
}
.m_r2 .mr_i7{
    background: url(../images/icon.png) no-repeat -51px -102px;
}
.m_r2 .mr_i8{
    background: url(../images/icon.png) no-repeat -48px -124px;
}
.shuju{
    position: relative;
}
.shuju .yc-xs{
    position: absolute;
    right: 18px;
    top: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #565455;
    display: none;
    cursor: pointer;
}
.shuju .yc-xs i{
    width: 24px;
    height: 22px;
    background: url(../images/icon2.png) no-repeat -96px -214px;
}
.shuju .shuju2{
    width: 100%;
    height:720px;
    overflow: auto;
    position: absolute;
    height: 690px\9;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    .shuju .shuju2{height:690px;}
}
/*IE11  css hack*/

@media screen and (max-width:1401px){

    .tips-box .tips{
        width:887px!important;
    }

    .tips-box .shuju2-fff{
        width:887px;
    }

}

@media screen and (max-width:1351px){

    .tips-box .tips{
        width:837px!important;
    }

    .tips-box .shuju2-fff{
        width:837px;
    }

}


@media screen and (max-width:1301px){

    .tips-box .tips{
        width:787px!important;
    }

    .tips-box .shuju2-fff{
        width:787px;
    }

}

@media screen and (max-width:1251px){

    .tips-box .tips{
        width:777px!important;
    }

    .tips-box .shuju2-fff{
        width:777px;
    }

}

.shuju2-fff{
    width:964px;
    height:18px;
    background: #fff;
    border-left:#e2e2e2;
    border-right:#e2e2e2;
    border-top: 3px solid #f0f0f0;
    position: fixed;
    z-index: 9999;
    top:60px;
}

.tips-box .tips{
    width:964px;
    height:96px;
    background:#ffebec;
    z-index: 9999;
    position:fixed ;
    top:80px;
}

.shuju2 .cha{
    width: 40px;
    height: 40px;
    background: url(../images/icon3.png) no-repeat -103px -196px;
    margin: 22px 12px 0 30px;
    vertical-align: baseline;
}

.tips-text{
    display: inline-block;
    margin-top: 15px;
}

.tips-box .tips h3{
    display: inline-block;
    font-size: 15px;
}

.tips-box .tips p{
    margin-top: 4px;
    color:#424441;
    font-size: 13px;
}

.tips-button{
    display: inline-block;
    padding: 8px 24px;
    background: #e60000;
    color:#fff;
    cursor: pointer;
    margin-left: 18px;
    box-shadow: 2px 2px 2px #736565;
    position: absolute;
    top:32px;
    right:50px;
}

.yincang{
    background-color: #fff;
    border-left: 1px solid #dddddd;
    width: 265px;
    position: relative;
}
.yincang .yc-title{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #565455;
    color: white;
    font-weight: bold;
    font-size: 16px;
}
.yincang .yc-title .yci{
    width: 20px;
    height: 22px;
    background: url(../images/icon2.png) no-repeat -1px -214px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
}
.yincang .yc-btn{
    width: 230px;
    border: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    margin: 7px auto;
    padding: 10px;
}
.yincang .yc-btn li{
    float: left;
    margin-right: 15px;
}
.yincang .yc-btn li a{
    color: #797a7c;
}
.yincang .yc-btn li a:hover {
    color: #0063d8;
}
.wrap{
    width: 100%;
    border-top: 2px solid #dddddd;
}
.wrap .wr-title div{
    float: left;
    width: 49%;
    text-align: center;
    background-color: #f8f8f8;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
}
.wrap .wr-title div:nth-child(1) span{
    color: #62d182;
}
.wrap .wr-title div:nth-child(2) p{
    width: 114px;
    height: 28px;
    line-height: 28px;
    background-color: #62d182;
    color: #fff;
    margin: 8px auto;
}
.wrap .wr-title div:nth-child(2) p i{
    width: 18px;
    height: 18px;
    background: url(../images/icon2.png) no-repeat -12px 2px;
}
.wrap .wr-title .active{
    background-color: #fff;
    border-top: 3px solid #4aa6fd;
    border-bottom: none;
    margin-top: -2px;
}
.wrap .con .show{
    display: block;
}
.wrap .con .show li{
    text-indent: 10px;
    height:35px;
    line-height: 35px;
}

.wrap .con .show .con_li1{
    margin: 10px 0 0px 0;
}

.wrap>.con>.show>.kw-li>span:nth-child(2){
    max-width: 140px;
    overflow: hidden;
    display: inline-block;
    height:35px;
    text-overflow: ellipsis;
}

.wrap>.con>.show>.kw-li>span:nth-child(2) a{
    max-width: 140px;
    display: inline-block;
    height:35px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 0;
}

.kw-li>span:nth-last-child(1){
    max-width: 70px;
    height:35px;
    display: inline-block;
    color:#139535;
    font-size:12px;
    overflow: hidden;
    margin-right: 15px;
    text-overflow: ellipsis;
}

.wrap>.con>.show>.kw-li:hover{
    background: #fdf1f1;
    border-top: 1px solid #e1e3e3;
    border-bottom: 1px solid #e1e3e3;
}

.wrap>.con>.show>.kw-li:hover>span{
    color:#fe3933!important;
}

.wrap>.con>.show>.kw-li:hover>span>a{
    color:#fe3933!important;
}

.kw-li-collect{
    width:30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.kw-li-i-collect{
     width:14px;
     height:14px;
     background: url("../images/new-productMes.png")no-repeat -75px -145px;
     display:inline-block;
 }

.kw-li-i-collected{
    width:14px;
    height:14px;
    background: url("../images/new-productMes.png")no-repeat -10px -145px;
    display:inline-block;
}
/*
.kw-li-i-nocollect{
    width:14px;
    height:14px;
    background: url("../images/new-productMes.png")no-repeat -75px -145px;
    display:inline-block;
}
*/
a:hover{
    color:#0063d8;
}


.kw-li .match-follow i{
    width: 14px;
    height: 14px;
    background: url(../images/new-productMes.png)no-repeat -10px -145px;
    display: inline-block;
    vertical-align: sub;
}


.kw-li-collect .trii {
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent #4299ec transparent;
    position: absolute;
    top: 19px;
    left: 11px;
    display: none;
}

.kw-li-collect .trii .trii-ok {
    width: 60px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    z-index: 999;
    position: absolute;
    background-color: #4299ec;
    color: #fff;
    padding: 2px 5px;
    top: 6px;
    left: -37px;
    border-radius: 3px;
    font-size: 12px;
}


.match-follow .trii {
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent #ffa333 transparent;
    position: absolute;
    top: 19px;
    left: 11px;
    display: none;
}

.match-follow .trii .trii-ok {
    width: 60px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    z-index: 999;
    position: absolute;
    background-color: #ffa333;
    color: #fff;
    padding: 2px 5px;
    top: 6px;
    left: -37px;
    border-radius: 3px;
    font-size: 12px;
}


.kw-li-collect:hover .trii {
    display: block;
}




/*right kefu*/

 .toolbar {
     position: fixed;
     right: 0;
     top: 55%;
     display: none;
     z-index: 100;
 }

.toolbar .item {
    position: relative;
    height: 40px;
    width: 40px;
    margin-bottom: 1px;
    background-color: #ff8f45;
    transition: background-color .2s;
}

.toolbar .icon {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/toolbar.png) no-repeat 0 center;
}

.toolbar .i-service {
    background-position: 0 -50px;
}

.code{
    margin-top: 0px!important;
}

.toolbar .i-code {
    background-position: 0 -90px;
}

.toolbar .i-feedback {
    background-position: 0 -130px;
}

.toolbar .item--show {
    background-color: #595d65;
}

.online-support {
    position: absolute;
    top:0px;
    right:40px;
    float: right;
    width: 172px;
    height: 305px;
    color: #ffffff;
    text-align: center;
    background: white;
    display: block;
    /* background:gray; */
    /* border: 1px solid black; */
    /* background: #2581df url(../images/bg_green.png) no-repeat center; */
}
.newonline-support{
    display: flex;
    flex-direction: column;
    height: 305px;
    border: 1px solid #ff5100;
}
.newonline-titlediv{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 172px;
    height: 43px;
    /* border: 1px solid black; */
    background: #ff5100;
}
.newonline-titletext{
    margin-left: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
.newonline-closebtn{
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}
.newonline-contentdiv{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5px;
    /* background: pink; */
}
.kfimgdiv{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    /* border: 1px solid black; */
}
.kfnamediv{
    display: flex;
    margin-left: 10px;
}
.kfnamediv span{
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: bold;
    color: #ff5100;
}
.kfqqiconi{
    width: 18px;
    height: 18px;
    background: url(../images/kficon.png) no-repeat -62px -10px;
}
.kfdhdiv{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 35px;
    margin-top: 20px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #ff7300;
    /* border: 1px solid black; */
}
.kfdhdiv{
    font-size: 14px;
    font-weight: 400;
    color: #ff8f45;
    text-decoration: none;
}
.kfdhiconi{
    width: 32px;
    height: 32px;
    background: url(../images/kficon.png) no-repeat -10px -10px;
}
.kferweimadiv{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: text;
    width: 120px;
    height: 120px;
    margin-top: -20px;
    /* border: 1px solid black; */
}
.kferweimaimg{
    width: 70px;
    height: 70px;
}
.kferweimaspan{
    font-size: 12px;
    font-weight: 400;
}
/* .online-support .caption {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 16px;
}

.online-support .on-time {
    display: block;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 16px;
}

.online-support ul {
    margin: 0px 0px;
    padding: 0px 0px;
    list-style: none;
}

.online-support ul li a {
    display: block;
    width: 130px;
    height: 30px;
    cursor: pointer;
    margin: 0px auto 10px;
    text-decoration: none;
    color: #2ca440;
    background: url(../images/qq_bg.png) no-repeat 0 -15px;
}

.online-support ul li a span {
    padding-left: 50px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    text-align: left;
    background: url(../images/qq.png) no-repeat 24px center;
}

.online-support .feedback {
    display: block;
    font-size: 12px;
    margin: 7px auto 0;
    padding-left: 17px;
    text-align: left;
    width: 70px;
    color: #ffffff;
    background: url(../images/feedback.png) no-repeat left center;
}

.online-support ul li a:hover {
    background-position: 0 -55px;
}

.online-support div p:nth-child(2){
    font-size: 16px;
    font-weight: bold;
} */

.item--show .code-block {
    visibility: visible;
    opacity: 1;
}

.code-block{
    position: absolute;
    top: 0;
    right: 40px;
    background: #fff;
    opacity: 1;
    display: none;
}

.code .code-boxx {
    padding: 30px 0 20px;
    width: 190px;
    text-align: center;
    font-size: 13px;
    box-shadow: 0 4px 8px 0 rgba(38,38,38,.1);
}

.toolbar .code-tip {
    padding-top: 16px;
    font-weight: 600;
    font-size: 15px;
}

.ft-gray {
    color: #999;
}

/*left kefu
.toolbar2 {
    position: fixed;
    left: 0;
    top: 40%;
    z-index: 100;
    display: none;
}

.toolbar2 .item2 {
   position: relative;
   height: 40px;
   width: 40px;
   margin-bottom: 1px;
   background-color: #6092da;
   transition: background-color .2s;
}

.toolbar2 .icon {
   display: block;
   height: 40px;
   width: 40px;
   background: url(../images/toolbar.png) no-repeat 0 center;
}

.toolbar2 .i-service {
   background-position: 0 -50px;
}

.serviceHover .online-support2{
    position: absolute;
    top:-10px;
    left:32px;
    border:0px;
    display: none;
}

.code2{
    margin-top: 0px!important;
}

.toolbar2 .i-code {
    background-position: 0 -90px;
}

.toolbar2 .i-feedback {
    background-position: 0 -130px;
}

.online-support2 {
    width: 180px;
    height: 270px;
    color: #ffffff;
    text-align: center;
    background: #2581df url(../images/bg_blue.png) no-repeat center;
    margin-top: 10px;
    margin-left: 8px;
    border:2px solid #e2e2e2;
}

.online-support2 .caption2 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 16px;
}

.online-support2 .on-time2 {
    display: block;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 16px;
}

.online-support2 ul {
    margin: 0px 0px;
    padding: 0px 0px;
    list-style: none;
}

.online-support2 ul li a {
    display: block;
    width: 130px;
    height: 30px;
    cursor: pointer;
    margin: 0px auto 10px;
    text-decoration: none;
    color: #0f69dc;
    background: url(../images/qq_bg-bluekefu.png) no-repeat 0 -15px;
}

.online-support2 ul li a span {
    padding-left: 50px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    text-align: left;
    background: url(../images/qq-bluekefu.png) no-repeat 24px center;
}

.online-support2 .feedback2 {
    display: block;
    font-size: 12px;
    margin: 7px auto 0;
    padding-left: 17px;
    text-align: left;
    width: 52px;
    color: #ffffff;
    background: url(../images/feedback.png) no-repeat left center;
}

.online-support2 ul li a:hover {
    background-position: 0 -55px;
}

.online-support2 div p{
    font-weight: bold;
}

.online-support2 div p:nth-child(2){
    font-size: 16px;
}

.code-block2 {
    position: absolute;
    top: 0;
    left: 40px;
    background: #fff;
    opacity: 1;
    display: none;
}

.code2 .code-boxx {
    padding: 30px 0 20px;
    width: 190px;
    text-align: center;
    font-size: 13px;
    box-shadow: 0 4px 8px 0 rgba(38,38,38,.1);
}

.toolbar2 .code-tip {
    padding-top: 16px;
    font-weight: 600;
    font-size: 15px;
}*/


/*以下是添加的CSS*/
.tri{
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent gray transparent;
    position: absolute;
    top: -6px;
    left: 0px;
    display: none;
    z-index: 1000;
}  
.lingsheng{
    width:60px;
    float: right;
    position:relative;
    
    
}
.iimg{
    /* background-image: url(../cdnmember/member2018/images/lingsheng.png); */
    width: 25px;
    height: 25px;
    margin-left: 120px;
    margin-top: 10px;
    cursor: pointer;
}
.hidd{
    width: 140px;
    height: 140px;
    background: #ffffff;
    position: absolute;
    top: 50px;
    left:68px;
    z-index:10000;
    display:none;
    /* border: 1px solid black; */
    border-radius: 3px;
}
.tri-spans{
    width: 0;
    height: 0;
   border-top: 10px solid transparent;
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
   border-bottom: 10px solid #ffffff;
   display: block;
   top: -18px;
   left: 55px;
   position: relative;
   z-index:999;

}
.tri-spansul{
    list-style: none;
    line-height: 30px;
    text-align: left;
    color: #262626;
    font-size: 14px;
    margin-left: 25px;
    margin-top: -10px;
}
.tri-spansul li{
    margin-left: 20px;
}
.tri-spansul li a{
    cursor: pointer;
}
.imgone{
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(..//images/css_sprites.png) no-repeat -1px -1px;
    margin-left: -25px;
    margin-top: 6px;
}
.imgtwo{
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/css_sprites.png) -19px -1px;
    margin-left: -25px;
    margin-top: 6px;
}
.imgthree{
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/css_sprites.png) -37px -1px;
    margin-left: -25px;
    margin-top: 6px;
}
.imgfour{
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/css_sprites.png) -55px -1px;
    margin-left: -25px;
    margin-top: 6px;
}
.tipss{
    background-color: #cA0C16;
    border-radius: 16px;
    position:absolute;
    top:46px;
    right: 10px;
    color: #fff;
    font-size: xx-small;
    transform: scale(.9);
    vertical-align: middle;
    line-height: 15px;
    height: 16px;
    min-width: 16px;
    border: 1px solid #fff;
    text-align: center;
}
.outsidetips{
    background-color: #cA0C16;
    border-radius: 16px;
    position:absolute;
    top:15px;
    right:564px;
    color: #fff;
    font-size: xx-small;
    transform: scale(.9);
    vertical-align: middle;
    line-height: 15px;
    height: 16px;
    min-width: 16px;
    border: 1px solid #fff;
    text-align: center;
    z-index: 1234;
}

/*添加客服css*/
.addkfdiv{
    position: fixed;
    right: 0;
    top: 30%;
    width: 40px;
    height: 450px;
    z-index: 999999;
    /* border: 1px solid black; */
}
.kfservice{
    display: flex;
    width: 40px;
    height: 450px;
    flex-direction: column;
    align-items: center;
    /* border: 1px solid blue; */
}
.kfdiv{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: #ff8f45;
    /* border: 1px solid green; */
}
.kfdiv:hover{
    background: #4d4d4d;
}
.zskfi{
    width: 20px;
    height: 20px;
    background:url(../images/vipkficon.png) no-repeat -10px -86px;
}
.noreadtipsdiv{
    display: block;
    position: absolute;
    /* border-radius: 16px;
    color: #fff;
    font-size: xx-small;
    transform: scale(.8);
    vertical-align: middle; */
    padding: 1px 6px;
    line-height: 12px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    top: 0px;
    left: 20px;
    font-size: 12px;
    white-space: nowrap;
    background: #fe0002;
    border: 1px solid #fff;
}
.kfmesdiv{
    display: block;
    position: absolute;
    float: right;
    top: 0;
    right: 40px;
    width: 172px;
    /* height: 410px; */
    border: 1px solid  #ff8f45;
}
.kfjtmesdiv{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 172px;
    height: 400px;
    background: #ffffff;
}
.kftitlediv{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    width: 172px;
    background: #ff8f45;
    /* border: 1px solid black; */
}
.kftipsspan{
    margin-left: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    cursor: text;
}
.kfclosedbtn{
    margin-right: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}
.onlinetime{
    display: flex;
    flex-direction: row;
    cursor: text;
    margin-top: 15px;
}
.weektimespan{
    display: block;
    font-size: 12px;
}
.kfjtcontentdiv{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 162px;
    height: 400px;
    margin-top: 10px;
    /* border: 1px solid black; */
}
.kftxdiv{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 65px;
    border-radius: 50%;
    cursor: text;
    /* border: 1px solid red; */
}
.kftximgdiv{
    display: flex;
    flex-direction: column;
    cursor: pointer;
    /* border: 1px solid black; */
}
.kfimg{
    width: 40px;
    height: 40px;
    border: 2px solid green;
    border-radius: 50%;
}
.kfzymdiv{
    display: flex;
    align-items: center;
    margin-top: -10px;
    text-align: left;
}
.kfzymdiv span{
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    width: 140px;
    height: 60px;
    line-height: 21px;
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zxtipsdiv{
    display: block;
    position: relative;
    left: -95px;
    top: 20px;
    width: 40px;
    height: 20px;
    font-size: 12px;
    border-radius: 10px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
    background: green;
}

.tipsnumdiv{
    display: none;
    position: relative;
    top: -30px;
    left: -10px;
    width: 30px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    border-radius: 20px;
    background: red;
}
.kfqqdiv{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    width: 150px;
    height: 35px;
    margin-top: 10px;
    background: #ff8f45;
    border-radius: 5px;
    /* border: 1px solid black; */
}
.kfqqdiv a{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.kfqqiconi{
    width: 18px;
    height: 18px;
    background: url(../images/kficon.png) no-repeat -62px -10px;
}
.kfdhiconi{
    width: 32px;
    height: 32px;
    background: url(../images/kficon.png) no-repeat -10px -10px;
}
.gfQRscodediv{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-top: 1px;
    background: #ff8f45;;
}
.gferweima{
    width: 18px;
    height: 18px;
    background: url(../images/vipkficon.png)no-repeat -10px -48px;
}
.gferweimadiv{
    display: none;
    position: absolute;
    top: 40px;
    right: 40px;
    width: 190px;
    height: 190px;
    border: 1px solid  #ffffff;
}
.erweimadiv{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 190px;
    display: flex;
    background: #ffffff;
    box-shadow: 0 4px 8px rgba(38, 38, 38, .1);
    /* background: pink; */
}
.erweimaimg{
    width: 130px;
    height: 130px;
}
.codetips{
    padding-top: 16px;
    font-weight: 600;
    font-size: 15px;
}
.ft-gray{
    color: #999999;
}
.txpencildiv{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-top: 1px;
    background: #ff8f45;;
}
.txpencildiv:hover{
    background: #4d4d4d;
}
.txpencili{
    width: 18px;
    height: 18px;
    background: url(../images/vipkficon.png)no-repeat -10px -10px;
}
.jstxdiv{
    display: none;
    position: absolute;
    top: 80px;
    right: 40px;
    width: 190px;
    height: 190px;
    /* border: 1px solid  #000000; */
}
/*双12红包*/
.double12redbagdiv {
    display: block;
    position: fixed;
    left: 40px;
    bottom: 0px;
    width: 118px;
    height: 136px;
    background: url(../images/vip/2021/youhuitongdao.png) no-repeat;
}
.yhtdcontentdiv{
    display: block;
    width: 118px;
    height: 136px;
    /* background: pink; */
}
.yhtdspandiv{
    display: flex;
    flex-direction: column;
    width: 118px;
    height: 136px;
    align-items: center;
    justify-content: space-around;
}
.textspandiv{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.textspandiv span{
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #EF4B26;
}
.jiangdiv{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 60px;
    /* background: pink; */
}
.jiangdiv span{
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    color: #BC2300;
}
.double12redbagdiv a{
    width: 118px;
    height: 136px;
}
.closespan{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eeeeee;
    position: relative;
    top: -160px;
    right: -115px;
    font-size: 20px;
    color: black;
    cursor: pointer;
}