@charset "utf-8";
/* Design by jytrack.com  2021-11-03*/
/*通用样式*/
.text-yellow { color: var(--yellow) !important }/*文本主色调黄色*/
/*head*/
.header { z-index: 9998; width: 100%; height: 64px; position: fixed; top: 0; left: 0; background: var(--white); /*box-shadow: 0 0 6px 0 rgba(8,8,8,.2); 
    -webkit-box-shadow: 0 0 6px 0 rgba(8,8,8,.2);
    -moz-box-shadow: 0 0 6px 0 rgba(8,8,8,.2); 
    -o-box-shadow: 0 0 6px 0 rgba(8,8,8,.2);*/ border-bottom: 1px solid rgba(34, 34, 34, 0.1); transition: background .6s; }
.header.header-active { box-shadow: 0 0 6px 0 rgba(8,8,8,.2); -webkit-box-shadow: 0 0 6px 0 rgba(8,8,8,.2); -moz-box-shadow: 0 0 6px 0 rgba(8,8,8,.2); -o-box-shadow: 0 0 6px 0 rgba(8,8,8,.2); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; border-bottom: 0; }
.header-default { box-sizing: border-box; width: 100%; height: 64px; min-width: 1248px; padding: 0 20px; display: flex; position: relative; /*background: rgba(255,255,255,0.1);*/ z-index: 9999; /*justify-content: space-between;*/ }
.header-default { /*width: 1200px;*/ margin: 0 auto; }
.dropdown-box { position: relative; cursor: default; }
.dropdown-box .dropdown-inner { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); border-radius: 4px; min-width: 120px; }
.dropdown-box .dropdown-inner ul { /*padding: 8px 0;*/ }
.dropdown-box .dropdown-inner ul li { margin-bottom: 0; line-height: 40px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; cursor: pointer; position: relative; }
.dropdown-box .dropdown-inner ul li .fa { padding-right: 5px; }
.header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header-logo-outer { width: 122px; }
.header-logo-outer .header-logo { display: block; height: 22px; background-size: cover; }
.header-logo-outer .header-logo img { display: block; width: 100%; }
.jy-language { border: 1px solid rgba(0,0,0,.1); border-radius: 4px; padding: 5px 10px 5px 10px; margin-left: 15px; font-size: 12px; }
.jy-language .jy-language-inner { color: var(--gray3); }
.jy-language .jy-language-inner.on { color: var(--yellow); }
.jy-language .jy-language-dropdown { top: 100%; transform: translate(-50%, 10%); background: var(--white); }
.jy-language .jy-language-dropdown ul li a { line-height: 40px; display: block; color: #777; padding: 0px 20px; }
.jy-language .jy-language-dropdown ul li a:hover { color: var(--yellow); text-decoration: none; background: var(--bg-gray-f5); }
/*header-center*/
.header-center { /*position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);*/ margin-left: 20px; }
.jy-nav * { -ms-overflow-style: none; scrollbar-width: none; }
.jy-nav-list { display: flex; }
.jy-nav-item>a { position: relative; display: block; font-size: 14px; color: var(--gray3); line-height: 64px; text-decoration: none; cursor: default; padding: 0 15px; }
.jy-nav-item>a[href] { cursor: pointer; }
.jy-nav-item>a:hover { color: var(--yellow-b); }
.jy-nav-item>a.jy-nav-item-vip { display: flex; height: 64px; align-items: center; }
.jy-nav-item>a.jy-nav-item-vip img { width: 33px; height: 16px; }
.jy-nav-item>a.jy-nav-item-vip i { padding-left: 5px; color: var(--yellow); font-weight: bold; }
.jy-nav-tag { box-sizing: border-box; margin-left: 8px; padding: 0 2px; height: 12px; background: var(--white); border: 1px solid var(--yellow); box-shadow: 2px 2px 4px 0 rgb(55 99 170 / 31%); background: var(--white); border-radius: 6px; border-bottom-left-radius: 0; position: relative; top: -1px; display: inline-flex; align-items: center; justify-content: center; color: #f64041; font-weight: bold; font-size: 12px; line-height: 12px; }
.jy-nav-item .jy-nav-tag { position: absolute; right: -14px; top: 8px; margin-left: 0; }
.jy-nav-tag-text { height: 12px; -ms-transform: scale(0.8333333333); transform: scale(0.8333333333); }
.nav-dropdown { position: relative; cursor: default; }
.nav-dropdown .nav-dropdown-text.on { color: var(--yellow); }
.nav-dropdown .nav-dropdown-inner { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 50%; top: 0; height: 0; opacity: 0; overflow: hidden; transform: translate(-50%, 60px); -moz-transform: translate(-50%, 60px); -o-transform: translate(-50%, 60px); transition: .3s ease-in-out; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); border-radius: 4px; min-width: 120px; background: var(--white); }
.nav-dropdown:hover .nav-dropdown-inner { height: auto; opacity: 1; -webkit-transition: opacity .15s linear 0s, height 0.15s linear 0s; -moz-transition: opacity .15s linear 0s, height 0.15s linear 0s; -o-transition: opacity .15s linear 0s, height 0.15s linear 0s; transition: opacity .15s linear 0s, height 0.15s linear 0s; }
.nav-dropdown .nav-dropdown-inner ul { padding: 8px 0; }
.nav-dropdown .nav-dropdown-inner ul li { margin-bottom: 0; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; cursor: pointer; position: relative; }
.nav-dropdown .nav-dropdown-inner ul li:hover { background-color: var(--bg-gray-f5); }
.nav-dropdown .nav-dropdown-inner ul li a { padding: 10px 32px; display: block; color: var(--gray3); }
.nav-dropdown .nav-dropdown-inner ul li a:hover { color: var(--yellow-b); text-decoration: none; }
.nav-dropdown .nav-dropdown-inner-title { padding-bottom: 3px; }
.nav-dropdown .nav-dropdown-inner-title i { margin-left: 10px; color: var(--gray3); }
.nav-dropdown .nav-dropdown-inner ul li a:hover .nav-dropdown-inner-title i { color: var(--yellow); }
.nav-dropdown .nav-dropdown-inner-text { font-size: 12px; color: #aaa; letter-spacing: 0; line-height: 18px; word-break: break-word; }
/*header-right*/
.header-right { position: absolute; right: 24px; top: 50%; transform: translate(0, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.header-search { width: 17px; height: 17px; cursor: pointer; margin-right: 10px; position: relative; }
.header-search .search-icon { width: 17px; height: 17px; background: url(../images/search.svg) no-repeat center; background-size: 100% 100%; }
.header-search .search-icon:hover { background-image: url(../images/search_hover.svg); }
.header-search-box-container { width: 0; transition: all 0.15s; overflow: hidden; opacity: 0; position: absolute; right: 0; z-index: 99; top: -24px; background-color: var(--white); box-shadow: 0 0 7px 0 rgb(171 171 171 / 30%); }
.header-search-box-container.open { width: 580px; opacity: 1; }
.header-search-box { cursor: default; display: none; padding: 22px 24px 0px 24px; width: 580px; box-sizing: border-box; }
.header-search-box .close-icon { position: absolute; width: 16px; top: 24px; right: 24px; z-index: 1; cursor: pointer; }
.header-search-box .header-search-item-ul { display: flex; border-bottom: 1px solid #EDEDED; }
.header-search-box .header-search-item-ul li { margin-right: 32px; font-family: PingFangSC-Regular; font-size: 14px; letter-spacing: 0; font-weight: 400; color: #191A24; padding-bottom: 11px; cursor: pointer; }
.header-search-box .search-ipt-block .search-icon { position: absolute; filter: opacity(0.5); right: 12px; top: 50%; cursor: pointer; transform: translateY(-50%); }
.header-search-box .header-search-item-ul li.current { color: var(--yellow); position: relative; }
.header-search-box .header-search-item-ul li.current::after { content: ''; position: absolute; width: 100%; bottom: 0; left: 0; height: 2px; background-color: var(--yellow); }
.header-search-box .search-ipt-block { margin-top: 24px; position: relative; }
.header-search-box .search-ipt-block input { width: 100%; margin: 0; box-sizing: border-box; padding: 0px 40px 0 12px; height: 40px; line-height: 40px; font-size: 14px; color: #191A24; letter-spacing: 0; font-weight: 400; border: 1px solid #DBDBDB; border-radius: 4px; outline: none; }
.header-search-box .hot-jy { padding: 18px 0 32px 0; }
.header-search-box .hot-jy h3 { font-size: 14px; color: #191A24; letter-spacing: 0; font-weight: 400; }
.header-search-box .hot-jy .hot-jy-ul { display: flex; flex-wrap: wrap; }
.header-search-box .hot-jy .hot-jy-ul li { margin-right: 12px; margin-top: 12px; }
.header-search-box .hot-jy .hot-jy-ul li a { display: block; background: #F5F5F7; border-radius: 4px; height: 28px; line-height: 28px; padding: 0 12px; font-size: 14px; color: #191A24; font-weight: 400; }
.header-search-box .hot-jy .hot-jy-ul li a:hover { color: var(--white); background: var(--yellow); }
.header-right .user-controll { display: flex; }
.header-right .user-controll li { padding: 0 15px; position: relative; }
.header-right .user-controll li a { display: flex; }
.header-right .user-controll li a i { font-size: 18px; color: var(--gray6); height: 22px; display: flex; align-items: center; }
.header-right .user-controll li a:hover i { color: var(--yellow); }
.header-right .bell-box { text-align: left; display: -webkit-box; display: -ms-flexbox; display: none; position: absolute; left: 50%; top: 0; transform: translate(-50%, 40px); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); border-radius: 4px; background: var(--white); color: var(--gray6); padding: 6px 20px; font-size: 12px; }
.header-right .bell-box .littleTip { white-space: nowrap; }
.header-right .user-controll li:hover .bell-box { display: block; }
.header-right .bell-box i { font-size: 14px; }
.header-right .user-controll li .msg-count { position: absolute; display: inline-block; top: -5px; left: 22px; width: 16px; height: 16px; line-height: 16px; border-radius: 8px; font-size: 12px; text-align: center; color: var(--white); background-color: #ff5448; cursor: pointer; pointer-events: none; }
.header-right .jy-user-avatar { display: flex; width: 36px; height: 36px; margin: 0 15px; vertical-align: middle; align-items: center; position: relative; }
.header-right .jy-user-avatar .bell-box { transform: translate(-50%, 47px); }
.jy-user-avatar .avatar-head { position: relative; }
.jy-user-avatar .avatar-head a { display: block; overflow: hidden; border-radius: 20px; height: 36px; width: 36px; text-align: center; background-color: #1261ff; font-size: 20px; color: hsla(0,0%,100%,.9); }
.jy-user-avatar .avatar-head img { width: 100%; height: 100%; }
.jy-user-avatar .jy-user-box { position: absolute; right: -24px; top: 44px; width: 396px; background: var(--white); box-shadow: 0 0 16px 0 rgb(0 0 0 / 16%); z-index: 11; display: block; border-radius: 5px; overflow: hidden; transform: rotate3d(2000, 0, 1, -90deg); transform-origin: 50% 0; transition: .3s ease-in-out; }
.jy-user-avatar .jy-user-box .jy-user-box-hd { display: flex; align-items: center; position: relative; padding: 15px 15px 35px; overflow: hidden; background: url(../images/jy_user_bg.png) 0 0 no-repeat; }
.jy-user-avatar .jy-user-box .jy-user-box-hd .user-img { display: block; overflow: hidden; border-radius: 25px; height: 50px; width: 50px; text-align: center; background-color: #1261ff; font-size: 20px; color: hsla(0,0%,100%,.9); }
.jy-user-avatar .jy-user-box .jy-user-box-hd .user-img img { width: 100%; height: 100%; }
.jy-user-avatar .jy-user-box .jy-user-box-hd .jy-user-box-hd-r { width: 318px; padding-left: 18px; }
.jy-user-avatar:hover .jy-user-box { transform: rotate3d(0, 0, 0, 0deg); transform-origin: 50% 0; max-height: 1000px; }
.jy-user-avatar .jy-user-box .jy-nick { margin-bottom: 8px; color: var(--gray3); overflow: hidden; }
.jy-user-avatar .jy-user-box .jy-nick .level_a { display: inline-block; width: 30px; height: 16px; line-height: 16px; color: var(--white); font-size: 12px; text-align: center; margin-left: 8px; background-image: linear-gradient(-135deg, #ff9818, #ffe4b2); border-radius: 5px; }
.jy-user-avatar .jy-user-box .jy-nick span { float: left; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jy-user-avatar .jy-user-box .jy-nick #jy-signin { float: right; cursor: pointer; color: var(--gray6); font-size: 14px; }
.jy-user-avatar .jy-user-box .jy-nick #jy-signin:hover { color: var(--yellow); }
.jy-user-avatar .jy-user-box .signInBox { /*margin-bottom: 20px;*/ }
.jy-toolbar .jy-user-avatar .jy-user-box .signInBox i { float: right; }
.jy-user-avatar .jy-user-box .signInBox .isSignin { font-size: 12px; color: var(--gray9); cursor: pointer; line-height: 21px; }
.jy-user-avatar .jy-user-box .signInBox a { font-size: 12px; color: var(--gray6); margin-right: 16px; line-height: 16px; }
.jy-user-avatar .jy-user-box .signInBox a:hover { color: var(--yellow); }
.jy-user-avatar .jy-user-box .jy-user-hy { padding: 0px 10px 10px; margin-top: -20px; }
.micro-userInfo-card { background-color: var(--white); display: flex; }
.micro-userInfo-card:before { content: " "; display: table; clear: both; }
.micro-card-li { position: relative; width: 184px; margin-left: 10px; margin-right: 10px; padding: 6px 10px; border-radius: 5px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; }
.micro-card-li:hover { -webkit-transform: scale(1.044) translateZ(0); transform: scale(1.044) translateZ(0); }
.micro-card-li.micro-card-vip { background-color: var(--yellow-b); background-image: -webkit-gradient(linear, left top, right top, from(var(--yellow-b)), to(var(--yellow))); background-image: linear-gradient(90deg, var(--yellow-b), var(--yellow)); }
.micro-card-li.micro-card-company { background-color: var(--red-b); background-image: -webkit-gradient(linear, left top, right top, from(#c00), to(#f00)); background-image: linear-gradient(90deg, #c00, #f00); }
.card-bg { position: absolute; bottom: 0; right: 0; }
.micro-card-tit { position: relative; font-size: 14px; line-height: 20px; }
.micro-card-li.micro-card-vip .micro-warn-link { color: #734d18; }
.micro-card-tit:before { content: " "; display: table; clear: both; }
.card-tit-name { color: var(--white); }
.micro-card-info { position: relative; height: 20px; line-height: 20px; margin-top: 4px; overflow: hidden; width: 100%; }
.micro-card-tip { float: left; max-width: 100%; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; color: var(--white); }
.micro-card-btn { display: inline-block; float: right; height: 19px; line-height: 20px; background-color: var(--white); border-radius: 20px; padding: 0 8px; text-align: center; font-size: 12px; color: #caa36e; }
.micro-card-vip .micro-card-btn { background-color: hsla(0,0%,100%,.9); color: #ff9831; }
.micro-card-company .micro-card-btn { background-color: hsla(0,0%,100%,.9); color: var(--red-jy); }
.jy-user-avatar .jy-user-box .jy-btn-box { padding: 10px 15px 20px; align-items: center; }
.jy-user-avatar .jy-user-box .jy-btn-box a { display: inline-block; text-align: center; line-height: 22px; border-radius: 3px; font-size: 14px; color: var(--gray6); width: 25%; float: left; }
.jy-user-avatar .jy-user-box .jy-btn-box a:hover { color: var(--yellow); border-color: #1261ff; }
.jy-user-avatar .jy-user-box .jy-btn-box a i { font-size: 24px; width: 48px; height: 48px; background: #fff8f6; text-align: center; line-height: 48px; border-radius: 24px; color: var(--yellow); }
.jy-user-avatar .jy-user-box .jy-btn-box a p { padding-top: 5px; }
.header-right .line { width: 1px; height: 16px; background-color: #D6D6D6; margin: 0 20px 0 10px; }
.header-right .login-box { position: relative; }
.header-right .login-box .login-register { display: flex; align-items: center; }
.header-right .login-box .login-register li.nav-login { padding: 0 20px 0 0; }
.header-right .login-box .login-register li > a { display: block; font-size: 14px; color: #191A24; line-height: 64px; }
.header-right .login-box .login-register li > a:hover { color: var(--yellow); }
.header-right .login-box .login-register li.nav-register { width: 57px; height: 28px; background: var(--red-jy); border-radius: 40px; text-align: center; transition: background-color 0.15s linear; }
.header-right .login-box .login-register li.nav-register:hover { background: var(--yellow); }
.header-right .login-box .login-register li.nav-register > a { font-size: 14px; color: #FFFFFF; line-height: 28px; display: block; }
.jy-user-bottom { border-top: 1px solid rgba(24,25,30,.1); background-color: transparent; padding: 0 20px; line-height: 34px; }
.jy-user-bottom a { color: rgba(24,25,30,.8); font-size: 12px; }
.jy-user-bottom a:hover { color: var(--yellow); }
/*footer*/
.footer { width: 100%; background-color: #222930; }
.footer ul, .footer ol, .footer li, .footer dl, .footer dt, .footer dd { margin: 0; padding: 0; border: 0; }
.footer ul { list-style: none; }
.footer .ver_band { padding: 40px 0; }
.footer .ver_band::after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.footer .ver_band .item { float: left; height: 100%; border-right: 1px solid rgba(196,201,210,.2); text-align: center; margin: 0; }
.footer .ver_band .item:last-child { border-right: none; }
.footer .ver_band .item.fo_about { width: 135px; text-align: left; }
.footer .ver_band .item.cooperation { width: 204px; }
.footer .ver_band .item.prod { width: 200px; }
.footer .ver_band .item.app { width: 436px; padding: 0 48px; }
.footer .ver_band .item.app .tit { text-align: left; }
.footer .ver_band .item.app .img_box { float: left; margin: 0 6px; }
.footer .ver_band .item.app .img_box i { display: block; width: 100%; height: 32px; background: url(../images/fo_dw.png) no-repeat center; }
.footer .ver_band .item.app .img_box .fo_dw02 { background-image: url(../images/fo_dw02.png); }
.footer .ver_band .item.app .img_box .fo_dw03 { background-image: url(../images/fo_dw03.png); }
.footer .ver_band .item.attention { width: 204px; text-align: right; float: right; }
.footer .ver_band .item.attention .tit span { }
.footer .ver_band .item .tit { font-size: 14px; color: var(--white); line-height: 14px; margin-bottom: 20px; font-weight: bold; }
.footer .ver_band .item ul { padding-top: 2px; }
.footer .ver_band .item ul li { height: 35px; width: 100%; }
.footer .ver_band .item ul li a { line-height: 34px; font-size: 14px; color: var(--gray78); }
.footer .ver_band .item ul li a:hover { color: var(--white); }
.footer .ver_band .item .img_box { width: 100px; height: 100px; }
.footer .ver_band .item .img_box img { width: 100%; height: 100%; }
.footer .ver_band .item .media .ic { float: right; margin-left: 10px; cursor: pointer; width: 34px; height: 34px; background: var(--gray6); text-align: center; border-radius: 17px; }
.footer .ver_band .item .media .ic a { display: block; position: relative; width: 34px; height: 34px; border-radius: 17px; line-height: 34px; }
.footer .ver_band .item .media .ic a i { font-size: 18px; color: var(--white); }
.footer .ver_band .item .media .ic a .qrimg_div { display: none; position: absolute; z-index: 9999; top: 39px; width: 122px; height: 122px; left: 50%; margin-left: -61px; background: var(--white); border: 5px solid var(--white); border-radius: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, .2); }
.footer .ver_band .item .media .ic a:hover .qrimg_div { display: block; }
.footer .ver_band .item .media .ic a .qrimg_div:before { content: ' '; display: block; width: 10px; height: 10px; background: var(--white); position: absolute; top: -10px; left: 50%; margin-left: -6px; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.footer .ver_band .item .media .ic a .qrimg_div img { width: 112px; height: 112px; }
.footer .ver_band .item .media .ic a:hover { background: var(--yellow); color: var(--white); }
.blogroll { padding-bottom: 26px; }
.blogroll .links { padding-top: 40px; border-top: 1px solid rgba(196,201,210,.2); display: flex; }
.blogroll .label { width: 110px; font-size: 14px; line-height: 14px; }
.blogroll .item_wrap { }
.blogroll .item_wrap::after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.blogroll .item_wrap .item { float: left; font-size: 12px; color: var(--gray78); line-height: 12px; margin-right: 15px; margin-bottom: 14px; }
.blogroll .item_wrap .item:hover { color: var(--white); }
.Copyright { font-size: 12px; color: rgba(0,0,0,0.7); line-height: 30px; text-align: center; padding: 10px; background: var(--bg-gray-f5); font-family: "PingFang SC"; }
.Copyright .copyright-l { display: flex; align-items: center; }
.Copyright .f_logo { height: 16px; margin-right: 20px; }
.Copyright a { color: rgba(0,0,0,0.7); padding: 0 5px; }
.Copyright a:hover { color: var(--yellow); }
.Copyright a img { vertical-align: middle; }
.Copyright span { color: var(--gray-c); ; }
/*kefu*/
.kefu-slide { position: fixed; right: 24px; bottom: 64px; background-color: var(--white); width: 44px; padding: 4px 0; border-radius: 22px; z-index: 999; box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%); }
.kefu-slide .kefu-slide-item { text-align: center; position: relative; width: 40px; height: 40px; margin: 0 auto; }
.kefu-slide .kefu-slide-item a { display: block; position: relative; line-height: 40px; height: 40px; border-radius: 50%; cursor: pointer; width: 40px; }
.kefu-slide .kefu-slide-item a i { font-size: 18px; color: #666 }
.kefu-slide .kefu-slide-item a.cs-ico { background-image: url(../images/bar.png); background-position: 0 0; background-repeat: no-repeat; }
.kefu-slide .kefu-slide-item a:hover { background: #fff8f6; }
.kefu-slide .kefu-slide-item a.cs-ico:hover { background-image: url(../images/bar.png); background-position: 0 -40px; }
.kefu-slide .kefu-slide-item a:hover i { color: var(--yellow); }
.kefu-slide .kefu-item-box { position: absolute; right: 0px; bottom: 50%; transform: translate(-60px, 50%); transition: .3s ease-in-out; background: var(--white); font-size: 12px; color: var(--white); display: none; color: var(--gray6); padding: 8px 15px; box-shadow: 0 2px 15px 0 rgb(0 0 0 / 10%); border-radius: 5px; white-space: nowrap; }
.kefu-slide .kefu-slide-item:hover .kefu-item-box { display: block; }
.kefu-slide .kefu-item-box b { display: block; font-weight: 400; }
.kefu-slide .kefu-slide-item .kefu-item-box::before { content: ' '; display: block; width: 10px; height: 10px; background: var(--white); position: absolute; bottom: 50%; right: -5px; margin-bottom: -4px; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.kefu-slide .kefu-slide-item .kefu-app-download { display: flex; }
.kefu-slide .kefu-slide-item .kefu-app-download .kefu-app-download-l { padding-right: 15px; }
.kefu-slide .kefu-slide-item .kefu-app-download p { text-align: left; font-size: 12px; color: var(--gray9); }
.kefu-slide .kefu-slide-item .kefu-app-download .kefu-app-download-tit { font-size: 16px; color: var(--gray0); text-align: left; padding-bottom: 5px; padding-top: 16px; }
.kefu-slide .kefu-slide-item .kefu-app-download img { width: 70px; height: 70px; margin: 7px 0; }
.kefu-slide .kefu-slide-item .cs-box { text-align: left; color: var(--yellow); text-align: left; padding-top: 4px; }
.kefu-slide .kefu-slide-item .cs-box b { color: #111; font-size: 14px; }
.kefu-slide .kefu-slide-item .cs-box p { padding-bottom: 8px; line-height: 20px; font-weight: bold; }
.kefu-slide .kefu-guide-border { margin: 3px auto; width: 20px; border-top: 1px solid #ededec; }
/*通用按钮*/
.btnBox { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.btnBox1 { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: center; justify-content: center; align-items: center; }
.Default_btn { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; line-height: 34px; /*width: 100px;*/ margin-left: 10px; border-radius: 4px; text-align: center; font-size: 14px; border: 1px solid var(--gray-b); color: var(--gray6); background: var(--white); padding: 0 20px; min-width: 100px; }
/*.btnBox .Default_btn:first-child { margin-left: 0; }*/
.Default_btn i { color: var(--gray9); margin-right: 4px; font-style: normal; width: 16px; }
.Default_btn:hover, .Default_btn:hover i { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: var(--yellow); }
.Default_btn:hover { border-color: var(--yellow); }
.Default_btn:first-child { margin-left: 0; }
/*Btn_orange*/
.Btn_orange { color: #fff !important; border-color: var(--orange-f90) !important; background: var(--orange-f90) !important; }
.Btn_orange i { color: var(--white); }
.Btn_orange:hover { color: var(--white); background: var(--yellow-b) !important; border-color: var(--yellow-b) !important; }
.Btn_orange:hover i { color: var(--white); }
/*Btn_orangeBorder*/
.Btn_orangeBorder { color: var(--yellow); border-color: var(--yellow); background: var(--white); }
.Btn_orangeBorder i { color: var(--yellow); }
.Btn_orangeBorder:hover { color: var(--white); background: var(--yellow); border-color: var(--yellow); }
.Btn_orangeBorder:hover i { color: var(--white); }
/*Btn_red*/
.Btn_red { color: var(--white); border-color: #fe001b; background: #fe001b; }
.Btn_red i { color: var(--white); }
.Btn_red:hover { color: var(--white); background: var(--red-b); border-color: var(--red-b); }
.Btn_red:hover i { color: var(--white); }
/*btn1 自动宽度*/
.BtnAutoWidth { padding: 0 20px; width: auto; }
/*btnSmall 小高*/
.btnSmall { line-height: 30px; }
/*BtnFull*/
.BtnFull { width: 100%; padding: 0; }
/*BtnGray*/
.BtnGray { background-color: var(--bg-gray-f2); color: var(--gray6); border-color: var(--bg-gray-f2); }
.BtnGray:hover { background-color: #dfdfdf; color: var(--gray3); border-color: #dfdfdf; }
/*BtnGray*/
.BtnGray1 { background-color: var(--gray6); color: var(--white); border-color: var(--gray6); }
.BtnGray1:hover { opacity: 0.8; background-color: var(--gray6); color: var(--white); border-color: var(--gray6); }
.BtnGray2 {
    line-height: 26px;
    padding: 6px 15px;
    background: #FFF;
    border: 1px solid #ccc;
    color: #606266;
    display: inline-block;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none !important;
    background: #F5F7FA;
    color: #909399;
}
/*BtnBlack*/
.BtnBlack { color: var(--gray-c); background-color: var(--gray-e); border-color: var(--gray-d); }
.BtnBlack:hover { color: var(--gray-c); background-color: var(--gray-d); border-color: var(--gray-d); }
.remai-icon { height: 33px; position: absolute; right: -15px; top: 0; }
.resou { height: 20px; position: absolute; left: 70px; bottom: 10px; }
/*代码块*/
.codebox { padding: 8px 20px; background: #fcf8e3; border: 1px solid #faebcc; color: #f39c12; font-family: "PingFang SC", Arial, sans-serif; }
/*翻页，下一页*/
.pagination { text-align: center; font-family: "微软雅黑"; font-size: 14px; display: block; clear: both; line-height: 30px; }
.pagination a { margin: 0 5px 0 0; padding: 8px 13px; background: var(--white); border: 1px solid var(--gray-c); color: var(--gray9); border-radius: 5px; overflow: hidden; }
.pagination a.current { background: var(--orange-f90) top left repeat-x !important; /*border-color: #0069fd !important;*/ color: #fff !important; border: 1px solid var(--orange-f90); border-radius: 5px; }
.pagination a.current:hover { text-decoration: underline; }
.pagination ul.pager { width: 100%; text-align: center; }
.pagination ul span.msg { font-size: 14px; font-family: "微软雅黑" }
.pagination a:hover { background: var(--orange-f90); color: var(--white); border: 1px solid var(--orange-f90); border-radius: 5px; }
.pagination ul.pager a { cursor: pointer; }
/*标签区块*/
.hot_point { box-sizing: border-box; width: 100%; padding: 15px 15px 10px; }
.hot_point .item_wrap { position: relative; display: flex; flex-wrap: wrap; }
.hot_point .item_wrap .item { border: 1px solid #ebeced; margin: 0 5px 10px; background-color: var(--bg-gray-f5); border-radius: 15px; }
.hot_point .item_wrap .item a { display: block; line-height: 26px; font-size: 12px; color: var(--gray6); padding: 0 12px; }
.hot_point .item_wrap .item:hover { background-color: var(--yellow); border-color: var(--yellow); }
.hot_point .item_wrap .item:hover a { color: var(--white); }
/*正文侧边栏*/
.side-bar { position: fixed; top: 84px; left: 50%; margin-left: -680px; width: 60px; overflow: hidden; background-color: var(--white); }
.side-bar .side-item { display: inline-block; width: 120px; height: 60px; cursor: pointer; border-bottom: 1px solid #f1f1f1; }
.side-bar .side-item:last-child { border-bottom: 0; }
.side-bar .side-item:hover i, .side-bar .side-item i:hover { margin-left: -60px }
.side-bar .side-item i, .side-bar .side-item span { display: inline-block; width: 60px; height: 60px; vertical-align: middle; transition: all 0.3s ease 0s }
.side-bar .side-item i { background-repeat: no-repeat; background-position: 50%; background-size: 100%; -webkit-transition: margin .1s ease-in-out; transition: margin .1s ease-in-out; }
.side-bar .side-item .icon-support { background-image: url(../images/support.svg); }
.side-bar .side-item i, .side-bar .side-item span { display: inline-block; width: 60px; height: 60px; vertical-align: middle; }
.side-bar .side-item span { text-align: center; line-height: 60px; color: var(--white); font-size: 14px; background-color: var(--red-jy); }
.side-bar .side-item span a { color: var(--white); }
.side-bar .side-item .icon-comment { background-image: url(../images/comment.svg); }
.side-bar .side-item .icon-collect { background-image: url(../images/collect.svg); }
/**/
.smallShowImg{
    height:40px;
}
    .smallShowImg img {
        display: block;
        height: 100%;
        width: auto;
        margin-left:5px;
    }