html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,table,th,td{font-size:1em;font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ul,ol{list-style:none outside none;}
fieldset,img{border:medium none;vertical-align:middle;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
body{font:12px/20px "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;color:#666;background:#FFF none repeat scroll 0 0;min-width:1200px;}
input,select,textarea{font:12px/20px "microsoft yahei",sans-serif;}
i,cite,em{font-style:normal;}
input,button,select,textarea{outline:none}
html{min-height:101%;}
a{color:#333;text-decoration:none;outline:medium none;-webkit-transition-property:color;-webkit-transition-duration:0.3s;-webkit-transition-timing-function:ease;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{color: rgb(14,112,248);}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.clearfix{display:inline-block;}
@font-face{font-family:'iconfont';src:url('../../plugins/iconfont/iconfont.eot');src:url('../../plugins/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),url('../../plugins/iconfont/iconfont.woff') format('woff'),url('../../plugins/iconfont/iconfont.ttf') format('truetype'),url('../../plugins/iconfont/iconfont.svg#uxiconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
::-webkit-input-placeholder{color:#ccc;}
:-moz-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc;}
.f12{font-size:12px!important;}
.f13{font-size:13px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f20{font-size:20px!important;}
.f22{font-size:22px!important;}
.f24{font-size:24px!important;}
.f26{font-size:26px!important;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.bc{margin-right:auto;margin-left:auto;}
.fl{float:left;display:inline;}
.fr{float:right !important;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.none{display:none;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.w1000{width:1000px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w150{width:150px !important;}
.w160{width:160px;}
.w180{width:180px;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w400{width:400px!important;}
.w450{width:450px !important;}
.w500{width:500px;}
.w600{width:600px !important;}
.w700{width:700px;}
.w800{width:800px;}
.h20{height:20px !important;}
.h30{height:30px !important;}
.h40{height:40px !important;}
.h50{height:50px !important;}
.h80{height:80px;}
.h100{height:100px !important;}
.h200{height:200px;}
.h500{height:500px !important;}
.h{height:100%}
.size30{width:30px;height:30px;}
.size32{width:32px;height:32px;}
.size40{width:40px;height:40px;}
.size60{width:60px;height:60px;}
.size70{width:70px;height:70px;}
.size72{width:72px;height:72px;}
.size75{width:75px;height:75px;}
.size80{width:80px;height:80px;}
.size90{width:90px;height:90px;}
.size100{width:100px;height:100px;}
.size110{width:110px;height:110px;}
.size120{width:120px;height:120px;}
.size128{width:128px;height:128px;}
.size160{width:160px;height:160px;}
.size160-48{width:160px;height:48px;}
.size160{width:160px;height:160px;}
.size184{width:184px;height:114px;}
.size190{width:190px;height:190px;}
.size196{width:196px;height:196px;}
.size233{width:233px;}
.m0{margin:0!important;}
.m10{margin:10px;}
.m15{margin:15px !important;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
.ml100{margin-left:100px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
.bg-white{background:#fff !important;}
.bg-gray{background:#f6fbfc;}
.bg-gray2{background:#f5f5f5;}
.bg-gray3{background:#f0f0f0;}
.bg-gray4{background:#f8fbff;}
.bg-gray5{background:#f2f2f2;}
.bg-black{background:#333;}
.bg-blue{background:#0a6dee;}
.bg-blue2{background:#3eb9f5;}
.bg-blue3{background:#2ea7e0;}
.bg-blue4{background:#59bfe2;}
.bg-blue5{background:#5ec2e4 !important;}
.bg-blue6{background:#8abdf3 !important;}
.bg-blue7{background:#6ccdf6 !important;}
.bg-blue8{background:#66a3ff !important;}
.bg-blue9{background:#69cbef !important;}
.bg-blue10{background:#40bfee !important;}
.bg-blue11{background:#6eb0fc !important;}
.bg-blue12{background:#69a7ef !important;}
.bg-blue13{background:#44b6ff !important;}
.bg-blue14{background:#34bddf;}
.bg-blue15{background:#5dcae5;}
.bg-blue16{background:#00b7ee;}
.bg-blue17{background:#66d4f5;}
.bg-blue18{background:#7495ff;}
.bg-blue19{background:#acbfff;}
.bg-blue20{background:#5c8be1;}
.bg-green{background:#46be8a;}
.bg-green2{background:#33d5bd;}
.bg-green3{background:#0ecc6a;}
.bg-green4{background:#19ba62;}
.bg-green5{background:#80e55e;}
.bg-green6{background:#79e58e !important;}
.bg-green7{background:#0cc469 !important;}
.bg-green8{background:#64eecf !important;}
.bg-green9{background:#47e4c1 !important;}
.bg-green10{background:#00c380 !important;}
.bg-green11{background:#0dcc6d !important;}
.bg-green12{background:#32d34c;}
.bg-green13{background:#5bdc70;}
.bg-green14{background:#32d34c;}
.bg-green15{background:#84e594;}
.bg-green16{background:#1be17f;}
.bg-green17{background:#6ac17a;}
.bg-red{background:#f03d3d;}
.bg-red2{background:#f04b4b;}
.bg-red3{background:#f85697;}
.bg-red4{background:#fe885f !important;}
.bg-red5{background:#ff7e7e !important;}
.bg-red6{background:#ff6868 !important;}
.bg-red7{background:#ff5353 !important;}
.bg-red8{background:#ff8c8c !important;}
.bg-red9{background:#f36b6b !important;}
.bg-red10{background:#e54c4c !important;}
.bg-red11{background:#fa7070 !important;}
.bg-red12{background:#ec6666 !important;}
.bg-red13{background:#f64444;}
.bg-red14{background:#f86969;}
.bg-red15{background:#f26e6e;}
.bg-pink{background:#fa6dff;}
.bg-pink2{background:#f883c8;}
.bg-pink3{background:#ed6cb9;}
.bg-pink4{background:#ff7171;}
.bg-pink5{background:#f3a066;}
.bg-pink6{background:#f95699;}
.bg-pink7{background:#fb9ac2;}
.bg-pink8{background:#ff8c8c;}
.bg-orange{background:#ff6526;}
.bg-orange2{background:#f8b62d;}
.bg-orange3{background:#f9ac48;}
.bg-orange4{background:#ff9543;}
.bg-orange5{background:#ff6600;}
.bg-orange6{background:#faa05a;}
.bg-orange7{background:#f58732;}
.bg-orange8{background:#f39800 !important;}
.bg-orange9{background:#ff9c4f;}
.bg-orange10{background:#ff842d;}
.bg-orange11{background:#eb6100;}
.bg-orange12{background:#e5925b;}
.bg-yellow{background:#f7b532;}
.bg-yellow2{background:#f5c855;}
.bg-yellow3{background:#f8cc1b;}
.bg-yellow4{background:#ffcc00;}
.bg-yellow5{background:#fec96a;}
.bg-yellow6{background:#efb957;}
.bg-yellow7{background:#f4a53f;}
.bg-yellow8{background:#f6b765;}
.bg-yellow9{background:#f4b817;}
.bg-yellow10{background:#f8d474;}
.bg-purple{background:#b871f4;}
.bg-purple2{background:#9b9bd1 !important;}
.bg-purple3{background:#9559d1;}
.bg-purple4{background:#9691f5;}
.bg-purple5{background:#8881ee;}
.bg-purple6{background:#c477f6;}
.bg-purple7{background:#b661ed;}
.bg-purple8{background:#c54cec;}
.bg-purple9{background:#d170f0;}
.bg-purple10{background:#b870f6;}
.bg-purple11{background:#d4a9fa;}
.bg-purple12{background:#db52db;}
.bg-purple13{background:#c770ff;}
.bg-grey{background:#f2f2f4!important;}
.grade-mini{font:600 italic 12px/16px Georgia,Arial;text-shadow:1px 1px 0 rgba(0,0,0,0.25);color:#fbfbfb;background-color:#E31939;vertical-align:middle;display:inline-block;height:16px;padding:1px 3px;border-radius:2px;}
.btn{display:inline-block;padding:6px 12px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;width:100%;display:block}
.btn_red{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn_red:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.login-btn{height:42px;background-color:#ff3c3c;color:#fff;font-size:16px;}
.login-btn:hover{background-color:#d72226;}
.no_results{border:1px solid #f7eae7;font-size:15px;color:#aaa;padding:200px 0;text-align:center;}
.no_results:before{font:20px/1px iconfont;content:"\e719";color:#E31939;padding-right:5px;}
.partner-login{padding:10px 0;background:#fcfcfc;border-top:1px solid #f4f4f4;position:absolute;left:0;width:100%;bottom:0}
.partner-login p{text-align:center;}
.partner-login .login_ico{vertical-align:middle;background:url(../images/tencent.png) no-repeat 0 0;display:block;float:left;margin:0 15px;padding-left:22px;cursor:pointer;}
.partner-login .ico_qq{background-position:0 0}
.partner-login .ico_weibo{background-position:0 -38px}
.partner-login .ico_weixin{background-position:0 -19px}
.partner-login .ico_register{float:right;background-position:0 -58px;color:#b61d1d;font-size:14px}
.quick-login{background:#FFF;overflow:hidden;width:270px;margin:10px auto 0 auto}
.quick-login .mt{height:35px;line-height:35px;padding:5px 0 0;margin:0 0 5px;border-bottom:1px solid #eee;}
.quick-login .mt ul{width:100%;height:36px;line-height:35px;display:inline-block;}
.quick-login .mt li{float:left;height:35px;line-height:35px;text-align:center;background:#fff;font-size:13px;cursor:pointer;width:50%;position:relative}
.quick-login .mt li.on:before{content:"";position:absolute;width:70px;height:3px;background:#e23435;bottom:-1px;left:50%;margin-left:-35px;}
.quick-login .mt li.on{color:#E31939;}
.quick-login .mc dl{width:100%;margin:0 auto;overflow:hidden;}
.quick-login .mc dl dt{line-height:20px;height:20px;margin:5px 0 1px 0;}
.quick-login .mc dl dd{line-height:38px;position:relative;height:38px;width:100%}
.quick-login .mc dl dd .icon{display:block;width:20px;height:20px;position:absolute;left:10px;top:9px;font-size:16px;text-align:center;line-height:20px;color:#e8e8e8;}
.quick-login .mc dl dd .send_code{float:right;width:120px;height:38px;background:#57565f;text-align:center;color:#fff;}
.quick-login .mc .text{height:28px;line-height:28px;padding:4px 10px 4px 35px;outline:0;width:223px;border:1px solid #d2d2d2;border-radius:2px}
.quick-login .mc .text:focus{background-color:#FFF;border-color:#CCC;box-shadow:1px 1px 1px 0 #E7E7E7;-moz-box-shadow:1px 1px 1px 0 #E7E7E7;-webkit--box-shadow:1px 1px 1px 0 #E7E7E7;}
.quick-login .mc ul{width:100%;display:block;clear:both;margin:10px auto;padding-bottom:10px;overflow:hidden;border-bottom:solid 1px #E7E7E7;}
.quick-login .mc ul li{line-height:20px;color:#999;}
.quick-login .mc ul li a{font-weight:600;margin:0 2px;}
.quick-login .mc ul li a.forget{float:left;}
.quick-login .mc ul li a.register{color:#f42424;float:right;text-decoration:underline;}
.quick-login .mc .enter{width:100%;margin:10px auto;overflow:hidden;}
.quick-login .mc .enter .submit{color:#FFF;background-color:#ff3c3c;border-radius:2px;width:100%;height:40px;line-height:40px;border:0;cursor:pointer;font-size:16px;}
.quick-login .mc .enter .submit:hover{background-color:#d72226;}
.thumb,.logo{display:table-cell;vertical-align:middle;text-align:center;}
.thumb i,.logo i{*display:inline-block;*height:100%;*vertical-align:middle;}
.thumb img,.logo img{*vertical-align:middle;}
.thumb-cut{overflow:hidden;}
.thumb-cut a{text-align:center;float:left;position:relative;overflow:hidden;}
.thumb-cut img{vertical-align:text-top;float:none;position:relative;}
.pagination{text-align:center;display:block;margin:0 auto;padding:15px 0;}
.pagination{font-size:12px;*word-spacing:-1px;}
.pagination li{vertical-align:top;letter-spacing:normal;word-spacing:normal;display:inline-block;margin:0 0 0 -1px;}
.pagination li{*display:inline;*zoom:1;}
.pagination li span{font:600 12px/20px Verdana,Tahoma,Arial;color:#AAA;background-color:#FFF;text-align:center;display:block;min-width:20px;padding:8px;border:1px solid #E6E6E6;position:relative;z-index:1;}
.pagination li a,.pagination li a:visited{font:600 12px/20px Verdana,Tahoma,Arial;color:#555;text-decoration:none;background-color:#FFF;position:relative;z-index:1;display:block;min-width:20px;padding:8px;border:1px solid #E6E6E6;position:relative;}
.pagination li a:hover,.pagination li a:active{color:#E31939;text-decoration:none;border-color:#FC6520;position:relative;z-index:9;cursor:pointer;}
.pagination li a:hover{text-decoration:none;}
.pagination li span.currentpage{color:#FFF;font-weight:bold;background-color:#E31939;border-color:#FC6520;position:relative;z-index:2;}
.pagination li:first-child{margin-right:8px;}
.pagination li:last-child{margin-left:8px;}
.public-top{width:100%;line-height:31px;height:31px;background:#f5f4f4;color:#7f7f7a;position:relative;z-index:1000;border-bottom:1px solid #e6e6e6;}
.public-top span{display:inline}
.public-top .warp{width:1190px;margin:0 auto}
.public-top a{color:#7f7f7a}
.public-top a:hover { color: #147adb }
.public-top .top-link{float:left;}
.public-top .top-link em{color:#3e3a39;padding-left:5px;}
.public-top .login-regin{float:left;margin-left:20px}
.public-top .login-regin li{float:left}
.public-top .login-regin li:nth-child(2){margin-right: 20px;}
.public-top .login-regin li.line::after{content:"|";padding:0 11px;color:#e6e6e6;}
.public-top .quick_list{float:right;height:30px;}
.public-top .quick_list li{height:31px;line-height:31px;padding:0 11px 0 11px;float:left;position:relative;}
.public-top .quick_list li s{top:9px;left:0;width:0;height:12px;border-left:1px solid #ddd;overflow:hidden;position:absolute;}
.public-top .quick_list li b{transition:transform .2s ease-in 0s;-webkit-transition:-webkit-transform .2s ease-in 0s;display:inline-block;width:0;height:0;border-style:solid;border-color:#cecece transparent transparent;border-width:4px 4px 0;margin-left:3px;position:relative;top:-3px;}
.public-top .quick_list li a em{color:#e3393c;}
.public-top .quick_list .dropdown-menu{display:none;left:3px;}
.public-top .quick_list .dropdown-menu li{line-height:25px;height:25px;display:block;white-space:nowrap;}
.public-top .quick_list li:hover .blank{position:absolute;z-index:1;top:23px;left:4px;width:95%;height:8px;overflow:hidden;background:#fff;}
.public-top .quick_list li:hover .dropdown-menu,.public-top .quick_list li:hover .outline{position:absolute;border:1px solid #ddd;background:#fff;-moz-box-shadow:0 0 10px rgba(0,0,0,.12);-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12);}
.public-top .quick_list li:hover .dropdown-menu{top:30px;display:block}
.public-top .quick_list li:hover .outline{z-index:-1;left:3px;top:3px;width:95%;height:28px;}
.public-top .quick_list li:hover b{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.public-top .moblie-qrcode .dropdown-menu,.public-top .app-qrcode .dropdown-menu{width:90px;padding:10px; overflow:hidden}
.server { width: 100%; background: #0E70F8}
.server .ensure{width:1200px;height:100px;margin:auto;overflow: hidden;padding: 25px 0; background: url("/static/home/images/group.png") no-repeat; background-size: 100% 100%}
.server .ensure .banner-item{float:left;width:20%;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.server .ensure .banner-item:first-child{border-left:0}
.server .ensure .banner-item a {font-size: 16px;color: #fff; text-align: left;cursor: default;float: left;margin-left: 80px;transform: translate(30px, -35px);}
.div-2{
    position: relative;
    transform: rotate(90deg)translate(15px, 60px);
}
.div-2 h1{position: absolute;
    top: 20px;
    left: 105px;
    transform: rotate(-90deg);
    color: #fff;
    font-size: 28px; }
.one {
    width: 33px;
    height: 55px;
    margin: 0 auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.two {
    position: absolute;
    width: 33px;
    height: 55px;
    left: 71px;
    top: 0;
    transform: rotate(60deg) translate(50%,-50%);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.three {
    position: absolute;
    width: 33px;
    height: 55px;
    left: 71px;
    top: 0;
    transform: rotate(300deg) translate(50%,50%);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.server .ensure .banner-item a small{font-size:12px;display:block;margin-top: 8px;font-weight: normal}
.server .mall_help{width:1200px;margin:0 auto;display:block;}
.server .mall_help dl{float:left;padding-right:0;width:20%;}
.server .mall_help dt{color:#4a4a4a;font-size:18px;line-height:40px;text-align:center;}
.server .mall_help dd{font-size:14px;line-height:30px;text-align:center;}
.server .mall_help dd a{color:#848484}
.server .mall_help dd a:hover{color:#c81623;}
.footer-info{background:#333;padding-top:20px;text-align:left;}
.footer-info .help{display: flex;float: left;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 45%;}
.footer-info .qrcode_img{display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 55%;
    float: left;
    justify-content: flex-end;
    text-align: center;
}
.footer-info .qrcode_img img{
    width: 100px;
}
.footer-info .copyright { text-align: center; padding: 20px 0; border-top: 1px solid #ffffff10; margin-top: 20px}
.footer-info .copyright .about { margin-bottom: 20px}
.footer-info .copyright a { color: #666; margin: 0 10px}
.footer-info .copyright a:hover { color: #F5F5F5}
.footer-info .qrcode_img .qrCode{margin-right: 30px}
.footer-info .qrcode_img div span{margin-top: 10px;color: #fff;display: inline-block}
.footer-info .links{overflow: hidden; margin-top: 40px}
.footer-info .help li a{color:#8b8b8b;font-size: 12px;}
.footer-info .help li a:hover { color: #f5f5f5}
.footer-info .help li{line-height: 28px;}
.footer-info .help li h2{color:#fff;font-size: 14px;font-weight: bold}
.mod_copyright_auth_ico{overflow:hidden;display:inline-block;margin:40px 3px;width:103px;height:32px;font-size:0px;background-repeat:no-repeat;background-image:url(../images/footer.png)}
.mod_copyright_auth_ico_1{background-position:-205px -148px}
.mod_copyright_auth_ico_2{background-position:-205px -111px}
.mod_copyright_auth_ico_3{background-position:-205px -74px}
.mod_copyright_auth_ico_4{background-position:-205px -37px}
.mod_copyright_auth_ico_5{background-position:-205px 0}
.mod_copyright_auth_ico_6{background-position:0 -155px}
.tip-yellowsimple{color:#000;background-color:#fff9c9;text-align:left;min-width:50px;max-width:300px;border:1px solid #c7bf93;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;z-index:1000;padding:6px 8px;}
.tip-yellowsimple .tip-inner{font:12px/16px arial,helvetica,sans-serif;}
.tip-yellowsimple .tip-arrow-top{background:url(../images/tip-yellowsimple_arrows.gif) no-repeat;width:9px;height:6px;margin-top:-6px;margin-left:-5px;top:0;left:50%;}
.tip-yellowsimple .tip-arrow-right{background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -9px 0;width:6px;height:9px;margin-top:-4px;margin-left:0;top:50%;left:100%;}
.tip-yellowsimple .tip-arrow-bottom{background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -18px 0;width:9px;height:6px;margin-top:0;margin-left:-5px;top:100%;left:50%;}
.tip-yellowsimple .tip-arrow-left{background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -27px 0;width:6px;height:9px;margin-top:-4px;margin-left:-6px;top:50%;left:0;}
.tom-breadcrumb-layout{text-align:center;}
.tom-breadcrumb{font-size:0;*word-spacing:-1px;text-align:left;height:30px;padding:15px 0;margin:0 auto;}
.tom-breadcrumb span{font-size:14px;line-height:24px;color:#999;letter-spacing:normal;word-spacing:normal;display:inline-block;*display:inline;height:24px;zoom:1;}
.tom-breadcrumb i{font-size:16px;color:#AAA;margin-right:4px;}
.tom-breadcrumb span.arrow{ine-height:30px;color:#AAA;margin:0 6px;}
.tom-breadcrumb a{color:#777;display:block;font-size:14px;}
.tom-breadcrumb a:hover{color:#E31939;}
.tools-delay{transition:all .3s ease-in-out .2s;-moz-transition:all .3s ease-in-out .2s;-webkit-transition:all .3s ease-in-out .2s;-o-transition:all .3s ease-in-out .2s}
.appbar{position:fixed;z-index:1998;width:36px;height:100%;right:6px;top:0;bottom:0;}
.appbar-tabs{width:36px;height:100%;position:absolute;z-index:1;border-right:6px solid #7A6E6E}
.appbar-tabs .user{text-align:center;width:36px;position:absolute;z-index:1;top:40%;margin-top:-36px;cursor:pointer;height:36px;overflow:hidden;right:0;border-radius:3px 0 0 3px;background:#7A6E6E}
.appbar-tabs .user .avatar{width:34px;height:34px;padding:1px;margin:0 auto 5px auto;float:right;}
/*.appbar-tabs .user .avatar:hover{background-color:#E31939;}*/
.appbar-tabs .user .avatar img{width:28px;height:28px;border-radius:14px;margin:2px 0 0 0}
.appbar-tabs .user-info .avatar img{width:80px;height:80px;position:absolute;z-index:1;top:4px;left:4px;border-radius:50%}
.appbar-tabs .user-info{width:240px;padding:9px 19px;position:absolute;z-index:2;top:-30px;right:43px;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.5);box-shadow:0px 0px 8px rgba(0,0,0,0.5);border:1px solid #ccc;background-color:#fff;}
.appbar-tabs .user-info i.arrow{position:absolute;top:30px;right:-12px;width:0;height:0;overflow:hidden;font-style:normal;line-height:0;border-color:transparent transparent transparent #fff;border-style:dashed dashed dashed solid;border-width:6px;}
.appbar-tabs .user-info .avatar{width:88px;height:88px;float:left;position:relative;z-index:1}
.appbar-tabs .user-info dl{display:block;width:140px;float:left;margin:10px 0 0 10px}
.appbar-tabs .user-info dt{font:600 14px/20px "microsoft yahei";margin-bottom:6px}
.appbar-tabs .user-info dd{line-height:22px}
.appbar-tabs .tools{position:absolute;z-index:1;top:40%}
.appbar-tabs .tools li{float:right;width:36px}
.appbar-tabs .tools a{display:block;width:36px;height:36px;float:right;position:relative;z-index:1;margin-top:3px;font:12px/20px Arial,"microsoft yahei";color:#333;text-align:center;}
.appbar-tabs .tools a .iconfont{font-size:18px;line-height:36px;width:36px;height:36px;position:absolute;top:0;right:0;z-index:3;color:#fff;border-radius:3px 0 0 3px;background:#7A6E6E}
/*.appbar-tabs .tools a .iconfont:hover{background-color:#E31939;border-radius:3px 0 0 3px;}*/
/*.appbar-tabs .tools a:hover{background-color:#E31939;border-radius:3px 0 0 3px;}*/
.appbar-tabs .tools a i{font:10px/12px Arial;color:#FFF;background-color:#D93600;text-align:center;min-width:5px;height:5px;padding:2px;border-radius:8px;position:absolute;z-index:5;top:0;right:5px}
.appbar-tabs .tools a span.title{line-height:36px;overflow:hidden;color:#FFF;background:#E31939;white-space:nowrap;width:0;height:36px;position:absolute;z-index:1;top:0px;right:29px;border-radius:3px 0 0 3px;text-align:left;text-indent:20px;transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s;-o-transition:width 1s;}
.appbar-tabs .tools a span.tit{line-height:36px;overflow:hidden;color:#FFF;background:#E31939;white-space:nowrap;width:0;height:36px;position:absolute;z-index:1;top:0px;right:29px;border-radius:3px 0 0 3px;text-align:left;text-indent:20px;transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s;-o-transition:width 1s;}
.appbar-tabs .tools a:hover span.title{width:86px;}
.appbar-tabs .tools a:hover span.tit{width:86px;}
.appbar-tabs .tools a span.tit-box{position:absolute;right:29px;color:#333;top:-20px;right:43px;font-size:16px;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.5);box-shadow:0px 0px 8px rgba(0,0,0,0.5);border:1px solid #ccc;background-color:#fff;width:120px;height:auto;padding:10px 20px;display:none;}
.appbar-tabs .tools a:hover span.tit-box{display:block;}
.appbar-tabs .tools a span.tit-box .tips_arrow{position:absolute;top:30px;right:-12px;width:0;height:0;overflow:hidden;font-style:normal;line-height:0;border-color:transparent transparent transparent #fff;border-style:dashed dashed dashed solid;border-width:6px;}
@-webkit-keyframes toolbar-scaleIn{from{opacity:.7;-webkit-transform:translateX(270px);-moz-transform:translateX(270px);transform:translateX(270px)}
    to{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
}
@-ms-keyframes toolbar-scaleIn{from{opacity:.7;-webkit-transform:translateX(270px);-moz-transform:translateX(270px);transform:translateX(270px)}
    to{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
}
@-moz-keyframes toolbar-scaleIn{from{opacity:.7;-webkit-transform:translateX(270px);-moz-transform:translateX(270px);transform:translateX(270px)}
    to{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes toolbar-scaleIn{from{opacity:.7;-webkit-transform:translateX(270px);-moz-transform:translateX(270px);transform:translateX(270px)}
    to{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
}
@-webkit-keyframes toolbar-scaleOut{to{opacity:.5;-webkit-transform:scale(0.7) translateX(270px);-moz-transform:scale(0.7) translateX(270px);transform:scale(0.7) translateX(270px)}
}
@-ms-keyframes toolbar-scaleOut{to{opacity:.5;-webkit-transform:scale(0.7) translateX(270px);-moz-transform:scale(0.7) translateX(270px);transform:scale(0.7) translateX(270px)}
}
@-moz-keyframes toolbar-scaleOut{to{opacity:.5;-webkit-transform:scale(0.7) translateX(270px);-moz-transform:scale(0.7) translateX(270px);transform:scale(0.7) translateX(270px)}
}
@keyframes toolbar-scaleOut{to{opacity:.5;-webkit-transform:scale(0.7) translateX(270px);-moz-transform:scale(0.7) translateX(270px);transform:scale(0.7) translateX(270px)}
}
.appbar .content-box{-webkit-animation:toolbar-scaleOut .35s ease-in;-moz-animation:toolbar-scaleOut .35s ease-in;animation:toolbar-scaleOut .35s ease-in;background-color:#F5F5F5;width:270px;height:100%;position:absolute;z-index:0;top:0;right:-276px;bottom:0;display:none;border-left:6px solid #7A6E6E;}
.appbar .content-box.active{display:block;-webkit-animation:toolbar-scaleIn .35s ease-in-out;-moz-animation:toolbar-scaleIn .35s ease-in-out;animation:toolbar-scaleIn .35s ease-in-out;}
.appbar .content-box .top{height:24px;padding:9px 7px;}
.appbar .content-box .top h3{font:16px/24px "microsoft yahei";color:#333;display:inline-block}
.appbar .content-box .top a.close{height:24px;float:right;line-height:24px;font-size:14px;color:#ccc;}
.appbar .content-box .goods-list{width:100%;margin:0 auto;margin-left:15px}
.appbar .content-box .goods-list li{float:left;position:relative;text-align:center;width:100px;height:100px;margin-right:15px;background:#fff;margin-bottom:15px;padding:5px;}
.appbar .goods-price{font:600 12px/20px verdana;color:#E31939;margin-right:5px}
.appbar .goods-price .del{font:normal 12px/20px  Arial;color:#005EA6;display:none;float:right;cursor:pointer;}
.appbar .goods-list li:hover .goods-price .del{display:block;}
.appbar .content-box .no-compare{color:#999;line-height:180px;text-align:center;}
.appbar .content-box .btn-box .total-price{color:#777;}
.appbar .goods-opt{position:absolute;top:0;right:0}
.appbar .goods-opt .del{display:none;background:#fff;padding:0 5px;cursor:default}
.appbar .content-box .goods-list li:hover .del{display:block}
.appbar .cart-list{width:100%;margin:0 auto;}
.appbar .cart-list li{font-size:0;*word-spacing:-1px;background-color:#FFF;padding:10px 5px;margin-bottom:10px;position:relative;z-index:1;}
.appbar .cart-list li:hover a.del{display:block}
.appbar .cart-list .goods-pic,.appbar .cart-list dl{font-size:12px;vertical-align:top;letter-spacing:normal;display:inline-block;*display:inline;*zoom:1;}
.appbar .goods-pic{width:100px;height:100px;}
.appbar .goods-pic a{line-height:0;background:0 0;text-align:center;vertical-align:middle;display:table-cell;width:100px;height:100px;padding:0;margin:0;overflow:hidden}
.appbar .goods-pic a img{width:100px;height:100px;}
.appbar .cart-list dl{width:100%}
.appbar .cart-list li[data-type] dl{width:205px;margin-left:5px}
.appbar .cart-list .goods-pic{width:50px;height:50px;margin:0}
.appbar .cart-list .goods-pic a{line-height:0;background:0 0;text-align:center;vertical-align:middle;display:table-cell;width:40px;height:40px;padding:0;margin:0;overflow:hidden}
.appbar .cart-list .goods-pic a img{max-width:50px;max-height:50px;margin-top:expression( 40-this.height/2)}
.appbar .cart-list .goods-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appbar .goods-name a{font-weight:400;line-height:16px;color:#555;background:0 0;text-align:left;width:100%;height:32px;padding:0;margin:0;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:box;line-clamp:2;}
.appbar .cart-list a.del{display:none;font:600 10px/14px Arial;color:#FFF;background-color:#CCC;text-align:center;width:14px;height:14px;border-radius:7px;position:absolute;z-index:1;bottom:10px;right:5px}
.appbar .content-box .btn-box{background-color:#F5F5F5;width:260px;padding:5px;position:absolute;z-index:2;bottom:0;left:0px;padding-bottom:40px}
.appbar .content-box .btn-box a{border-radius:2px;background:#E31939;width:110px;height:35px;line-height:35px;font-size:14px;text-align:center;color:#fff;border:none;position:absolute;right:5px;bottom:5px;}
.juneng-im { margin-left:15px; vertical-align: middle;  }
.custom-font-size { min-height: 550px}
@font-face{font-family:'layui-icon';src:url('../../plugins/layui/font/iconfont.eot?v=250');src:url('../../plugins/layui/font/iconfont.eot?v=250#iefix') format('embedded-opentype'),url('../../plugins/layui/font/iconfont.woff2?v=250') format('woff2'),url('../../plugins/layui/font/iconfont.woff?v=250') format('woff'),url(../font/iconfont.ttf?v=250) format('truetype'),url('../../plugins/layui/font/iconfont.svg?v=250#layui-icon') format('svg')}
.layui-icon{font-family:layui-icon!important;vertical-align: top;display: inline-block;width: 16px;height: 16px;margin-right: 6px;color: #fff;}
.layui-icon-reply-fill:before{content:"\e611"}
.layui-icon-set-fill:before{content:"\e614"}
.layui-icon-menu-fill:before{content:"\e60f"}
.layui-icon-search:before{content:"\e615"}
.layui-icon-share:before{content:"\e641"}
.layui-icon-set-sm:before{content:"\e620"}
.layui-icon-engine:before{content:"\e628"}
.layui-icon-close:before{content:"\1006"}
.layui-icon-close-fill:before{content:"\1007"}
.layui-icon-chart-screen:before{content:"\e629"}
.layui-icon-star:before{content:"\e600"}
.layui-icon-circle-dot:before{content:"\e617"}
.layui-icon-chat:before{content:"\e606"}
.layui-icon-release:before{content:"\e609"}
.layui-icon-list:before{content:"\e60a"}
.layui-icon-chart:before{content:"\e62c"}
.layui-icon-ok-circle:before{content:"\1005"}
.layui-icon-layim-theme:before{content:"\e61b"}
.layui-icon-table:before{content:"\e62d"}
.layui-icon-right:before{content:"\e602"}
.layui-icon-left:before{content:"\e603"}
.layui-icon-cart-simple:before{content:"\e698"}
.layui-icon-face-cry:before{content:"\e69c"}
.layui-icon-face-smile:before{content:"\e6af"}
.layui-icon-survey:before{content:"\e6b2"}
.layui-icon-tree:before{content:"\e62e"}
.layui-icon-upload-circle:before{content:"\e62f"}
.layui-icon-add-circle:before{content:"\e61f"}
.layui-icon-download-circle:before{content:"\e601"}
.layui-icon-templeate-1:before{content:"\e630"}
.layui-icon-util:before{content:"\e631"}
.layui-icon-face-surprised:before{content:"\e664"}
.layui-icon-edit:before{content:"\e642"}
.layui-icon-speaker:before{content:"\e645"}
.layui-icon-down:before{content:"\e61a"}
.layui-icon-file:before{content:"\e621"}
.layui-icon-layouts:before{content:"\e632"}
.layui-icon-rate-half:before{content:"\e6c9"}
.layui-icon-add-circle-fine:before{content:"\e608"}
.layui-icon-prev-circle:before{content:"\e633"}
.layui-icon-read:before{content:"\e705"}
.layui-icon-404:before{content:"\e61c"}
.layui-icon-carousel:before{content:"\e634"}
.layui-icon-help:before{content:"\e607"}
.layui-icon-code-circle:before{content:"\e635"}
.layui-icon-water:before{content:"\e636"}
.layui-icon-username:before{content:"\e66f"}
.layui-icon-find-fill:before{content:"\e670"}
.layui-icon-about:before{content:"\e60b"}
.layui-icon-location:before{content:"\e715"}
.layui-icon-up:before{content:"\e619"}
.layui-icon-pause:before{content:"\e651"}
.layui-icon-date:before{content:"\e637"}
.layui-icon-layim-uploadfile:before{content:"\e61d"}
.layui-icon-delete:before{content:"\e640"}
.layui-icon-play:before{content:"\e652"}
.layui-icon-top:before{content:"\e604"}
.layui-icon-friends:before{content:"\e612"}
.layui-icon-refresh-3:before{content:"\e9aa"}
.layui-icon-ok:before{content:"\e605"}
.layui-icon-layer:before{content:"\e638"}
.layui-icon-face-smile-fine:before{content:"\e60c"}
.layui-icon-dollar:before{content:"\e659"}
.layui-icon-group:before{content:"\e613"}
.layui-icon-layim-download:before{content:"\e61e"}
.layui-icon-picture-fine:before{content:"\e60d"}
.layui-icon-link:before{content:"\e64c"}
.layui-icon-diamond:before{content:"\e735"}
.layui-icon-log:before{content:"\e60e"}
.layui-icon-rate-solid:before{content:"\e67a"}
.layui-icon-fonts-del:before{content:"\e64f"}
.layui-icon-unlink:before{content:"\e64d"}
.layui-icon-fonts-clear:before{content:"\e639"}
.layui-icon-triangle-r:before{content:"\e623"}
.layui-icon-circle:before{content:"\e63f"}
.layui-icon-radio:before{content:"\e643"}
.layui-icon-align-center:before{content:"\e647"}
.layui-icon-align-right:before{content:"\e648"}
.layui-icon-align-left:before{content:"\e649"}
.layui-icon-loading-1:before{content:"\e63e"}
.layui-icon-return:before{content:"\e65c"}
.layui-icon-fonts-strong:before{content:"\e62b"}
.layui-icon-upload:before{content:"\e67c"}
.layui-icon-dialogue:before{content:"\e63a"}
.layui-icon-video:before{content:"\e6ed"}
.layui-icon-headset:before{content:"\e6fc"}
.layui-icon-cellphone-fine:before{content:"\e63b"}
.layui-icon-add-1:before{content:"\e654"}
.layui-icon-face-smile-b:before{content:"\e650"}
.layui-icon-fonts-html:before{content:"\e64b"}
.layui-icon-form:before{content:"\e63c"}
.layui-icon-cart:before{content:"\e657"}
.layui-icon-camera-fill:before{content:"\e65d"}
.layui-icon-tabs:before{content:"\e62a"}
.layui-icon-fonts-code:before{content:"\e64e"}
.layui-icon-fire:before{content:"\e756"}
.layui-icon-set:before{content:"\e716"}
.layui-icon-fonts-u:before{content:"\e646"}
.layui-icon-triangle-d:before{content:"\e625"}
.layui-icon-tips:before{content:"\e702"}
.layui-icon-picture:before{content:"\e64a"}
.layui-icon-more-vertical:before{content:"\e671"}
.layui-icon-flag:before{content:"\e66c"}
.layui-icon-loading:before{content:"\e63d"}
.layui-icon-fonts-i:before{content:"\e644"}
.layui-icon-refresh-1:before{content:"\e666"}
.layui-icon-rmb:before{content:"\e65e"}
.layui-icon-home:before{content:"\e68e"}
.layui-icon-user:before{content:"\e770"}
.layui-icon-notice:before{content:"\e667"}
.layui-icon-login-weibo:before{content:"\e675"}
.layui-icon-voice:before{content:"\e688"}
.layui-icon-upload-drag:before{content:"\e681"}
.layui-icon-login-qq:before{content:"\e676"}
.layui-icon-snowflake:before{content:"\e6b1"}
.layui-icon-file-b:before{content:"\e655"}
.layui-icon-template:before{content:"\e663"}
.layui-icon-auz:before{content:"\e672"}
.layui-icon-console:before{content:"\e665"}
.layui-icon-app:before{content:"\e653"}
.layui-icon-prev:before{content:"\e65a"}
.layui-icon-website:before{content:"\e7ae"}
.layui-icon-next:before{content:"\e65b"}
.layui-icon-component:before{content:"\e857"}
.layui-icon-more:before{content:"\e65f"}
.layui-icon-login-wechat:before{content:"\e677"}
.layui-icon-shrink-right:before{content:"\e668"}
.layui-icon-spread-left:before{content:"\e66b"}
.layui-icon-camera:before{content:"\e660"}
.layui-icon-note:before{content:"\e66e"}
.layui-icon-refresh:before{content:"\e669"}
.layui-icon-female:before{content:"\e661"}
.layui-icon-male:before{content:"\e662"}
.layui-icon-password:before{content:"\e673"}
.layui-icon-senior:before{content:"\e674"}
.layui-icon-theme:before{content:"\e66a"}
.layui-icon-tread:before{content:"\e6c5"}
.layui-icon-praise:before{content:"\e6c6"}
.layui-icon-star-fill:before{content:"\e658"}
.layui-icon-rate:before{content:"\e67b"}
.layui-icon-template-1:before{content:"\e656"}
.layui-icon-vercode:before{content:"\e679"}
.layui-icon-cellphone:before{content:"\e678"}
.layui-icon-screen-full:before{content:"\e622"}
.layui-icon-screen-restore:before{content:"\e758"}
.layui-icon-cols:before{content:"\e610"}
.layui-icon-export:before{content:"\e67d"}
.layui-icon-print:before{content:"\e66d"}
.layui-icon-slider:before{content:"\e714"}
.layui-icon-addition:before{content:"\e624"}
.layui-icon-subtraction:before{content:"\e67e"}
.layui-icon-service:before{content:"\e626"}
.layui-icon-transfer:before{content:"\e691"}


.appbar .content-box.active {
    position: fixed;
    right: 0;
    transition: all .3s ease-in;
    border-left: 0;
    box-shadow: 1px 0 11px rgba(133, 159, 164, 0.5);
}
.new-appbar-tab a.user {
    top: 0;
}
.new-appbar-tab a.user:hover {
    overflow: inherit;
}
.appbar-tabs div.user {
    top: 0;
    margin-top: 0;
    background-color: transparent;
    border-radius: 50%;
    overflow: inherit;
}
.new-appbar-tabs div.fixed-online-service {
    position: relative;
    cursor: pointer;
    width: 34px;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffba52 0%, #e33333 100%);
    height: 116px;
    margin-top: 10px;
    user-select: none;
}

.new-appbar-tabs div.fixed-online-service img {
    width: 30px;
    height: 30px;
    margin: 5px auto;
    border-radius: 50%;
}

.new-appbar-tabs div.fixed-online-service-text {
    writing-mode: vertical-rl;
    transition: opacity 0.3s ease;
    padding: 0 0 8px 0;
    color: #fff;
    font-size: 14px;
}

.new-appbar-tabs div.fixed-online-service .title {
    line-height: 22px;
    overflow: hidden;
    white-space: wrap;
    width: 75px;
    position: absolute;
    border-radius: 3px 0 0 3px;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    opacity: 0;
    right: 50px;
    background-color: var(--bg);
    color: #000;
    text-align: center;
    text-indent: inherit;
    box-shadow: 0 0 9px 0 rgba(133, 159, 164, 0.25);
    top: 50% !important;
    transform: translateY(-50%);
    z-index: 0;
    overflow: inherit;
    transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    padding: 5px 8px;
}

.new-appbar-tabs div.fixed-online-service:hover .title {
    width: 75px;
    opacity: 1;
}

.new-appbar-tabs {
    --bg: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    border-right: 0;
    height: auto;
    transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.new-appbar-tabs .tools {
    background-color: var(--bg);
    border-radius: 20px;
    box-shadow: 0 0 9px 0 rgba(133, 159, 164, 0.25);
    position: relative;

}


.new-appbar-tabs .tools li {
    float: none;
    width: auto;
}

.new-appbar-tabs .tools a {
    margin-top: 0;
    background-color: transparent;
    /*width: 34px;*/
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.new-appbar-tabs .tools a span.title {
    opacity: 0;
    width: 0;
    font-size: 0;
    z-index: 0;
    overflow: inherit;
    color: transparent;
    text-align: center;
    text-indent: inherit;
    right: 50px;
    top: 50% !important;
    transform: translateY(-50%);
    background-color: transparent;
    transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}


.new-appbar-tabs .tools a .iconfont:hover ~ span.title {
    position: absolute;
    opacity: 1;
    font-size: 12px;
    width: 75px!important;
    background-color: #fff!important;
    box-shadow: 0 0 9px 0 rgba(133, 159, 164, 0.25);
    color: #000;
}
.new-appbar-tabs .tools a.user.iconfont:hover  ~ span.title {
    width: 115px;
}

.new-appbar-tabs .ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.new-appbar-tabs .tools a.user .iconfont img {
    border-radius: 50%;
}
.appbar-tabs .tools a.user .iconfont:hover ~ span.title {
    width: 115px!important;
}
.appbar-tabs .tools a.qrcode p {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 限制为 1 行 */
    display: flex!important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.appbar-tabs .tools a.qrcode .ellipsis {
    padding: 0 10px;
}
.appbar-tabs .tools a.qrcode img {
    width: 100px!important;
    height: 100px!important;
}
.appbar-tabs .tools a.qrcode .iconfont:hover ~ span.title {
    height: 140px !important;
    width: 120px !important;
    padding: 10px 0;
    top: 30%!important;
}
.appbar-tabs .tools a.qrcode .iconfont:hover ~ span.title:after {
    top: 56%;
}

.new-appbar-tabs .tools a .title::after, .fixed-online-service .title::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    right: -6px;
    top: 50% !important;
    transform: translateY(-50%);
    z-index: -1;
}

.new-appbar-tabs .tools a .iconfont {
    background-color: transparent;
    color: #444;
    z-index: 1;
    position: relative;
    width: auto;
    height: auto;
}

.new-appbar-tabs .tools a:hover {
    background-color: transparent;
    border-radius: 0;
    overflow: inherit;
}


.new-appbar-tabs .tools a:hover .iconfont {
    background-color: transparent;
    color: #000;
}

.new-appbar-tabs .tools a:hover .iconfont:after {
    display: none;
}

.new-appbar-tabs .user .avatar.iconfont {
    width: 36px!important;
    height: 36px!important;
    margin: 0 auto!important;
}
.fixedChat .layui-layer-title, .otherChat .layui-layer-title {
    display: none;
    height: 57px;
    line-height: 57px;
}

.otherChat iframe {
    height: 800px !important;
}

.fixedChat iframe {
    overflow-y: hidden!important;
    height: 630px !important;
}