.fk_service { max-height: 232px; position: fixed; right: 10px; top: 30%; font-family: "微软雅黑"; font-size: 14px; color: #243558; z-index: 8888 }
.fk_service ul { margin: 0; padding: 0; position: absolute; right: 0 }
.fk_service li { list-style-type: none }
.fk_service li>div { box-sizing: border-box; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1) }
.fk_service_box { width: 40px; height: 40px; background: #fff; margin-bottom: 10px; border-radius: 4px; box-sizing: border-box; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); background: url(../image/fk_service.png) no-repeat 0 0 #fff; cursor: pointer }
.fk_service_box:hover, .fk_service_box.state-hover { border: 0; background-color: #ff0000 }
.fk_service_triangle { top: 12px; right: -11px; position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #e1e6ec; z-index: 1010 }
.fk_service_triangle:after { content: "\20"; top: -6px; right: 1px; position: absolute; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; z-index: 1000 }
.fk_service_triangle:before { content: "\20"; width: 80px; height: 45px; top: -20px; right: -52px; position: absolute; background: rgba(0,0,0,0) }
@keyframes fade-in {  0% {
 opacity:.4;
 right:82px
}
100% {
 opacity:1;
 right:62px
}
}
.fk_service_float { display: none; position: absolute; right: 62px; height: 40px; line-height: 40px; padding: 0 14px; background: #fff; border-radius: 5px; text-align: center; border: 1px solid #e1e6ec; white-space: nowrap }
.fk_service_box:hover .fk_service_float, .fk_service_box.state-hover .fk_service_float { display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s }
.fk_service_consult { background-position: -365px -192px; cursor: default }
.fk_service_consult.state-hover, .fk_service_consult:hover { background-position: -407px -192px }
.fk_service_consult.state-hover .fk_service_consult_cont, .fk_service_consult:hover .fk_service_consult_cont { display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s }
.fk_service_consult_cont { position: absolute; width: 198px; min-height: 205px; max-height: 268px; border-radius: 3px; background: #fff; right: 62px; position: absolute; text-align: center; border: 1px solid #e1e6ec; border-radius: 4px 4px 4px 4px; display: none; opacity: 0 }
.fk_service_consult.state-close .fk_service_consult_cont { display: none }
.fk_service_consult_cont>.fk_service_triangle:after { border-left: 10px solid #f6f8fb!important }
.fk_service_consult_cont span { float: left }
.fk_service_consult.state-hover .fk_service_consult_close { position: absolute; top: 7px; right: 7px; width: 12px; height: 12px; background-color: rgba(0,0,0,0.2); background: url(../image/fk_service.png) no-repeat -465px -206px; cursor: pointer; z-index: 1011 }
.fk_service_consult_cont_top { width: 100%; height: 160px; background: #f6f8fb; border-radius: 3px; border-bottom: 1px solid #eef2f8; box-sizing: border-box }
.fk_service_consult_cont_top.islogin { height: 148px; padding-top: 30px }
.fk_service_consult_cont_top.islogin .fk_service_hint { display: none }
.fk_service_hint { width: 100%; height: 50px; line-height: 50px; font-size: 12px; color: #9aa8c2; text-align: center }
.fk_service_hint>.fk_service_icon { background: url(../image/fk_service.png) no-repeat -460px -25px; width: 15px; height: 15px; margin: 18px 2px 0 18px }
.fk_service_button { width: 160px; height: 38px; line-height: 38px; background: #ff0000; border-radius: 18px; text-align: center; color: #fff; margin: 0 19px 15px; cursor: pointer }
.fk_service_button+.fk_service_button { margin-bottom: 20px }
.fk_service_button:hover { background: #e03d3d }
.fk_service_phone { width: 100%; height: 53px; line-height: 53px; font-size: 14px; text-align: center; color: #7b89a6 }
.fk_service_check_site { width: 100%; height: 48px; line-height: 48px; color: #3b6bf4; border-top: 1px solid #eaeef5; cursor: pointer }
.fk_service_check_site>.fk_service_icon { background: url(../image/fk_service.png) no-repeat -461px -75px; width: 20px; height: 20px; margin: 15px 2px 0 45px }
.fk_service_qrcode_box { position: absolute; top: -1px; left: -163px; box-sizing: border-box; padding: 11px 0; border-radius: 4px 0 0 4px; background: rgba(255,255,255,1); border: 1px solid #e1e6ec; font-family: Microsoft YaHei; width: 164px; height: 101%; font-weight: 400; line-height: 18px; font-size: 13px; color: #888; text-align: center }
.fk_service_qrcode_box::after { content: " "; display: inline-block; position: absolute; left: -1px; top: 0; width: 99%; height: 100%; box-shadow: 0 0 9px 0 rgb(0 0 0 / 15%); z-index: -1 }
.fk_service_qrcode_box .fk_service_qrcode { width: 135px; height: 135px; margin-bottom: 8px }
.fk_service_feedback { background-position: -363px -64px }
.fk_service_feedback:hover { background-position: -407px -64px }
.fk_service_qq { background-position: -450px -113px; cursor: default }
.fk_service_qq:hover { background-position: -492px -113px }
.fk_service_qq:hover .fk_service_qr_cont { display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s }
.fk_service_qq_mobile { background-position: -492px -113px; cursor: default; display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s; background-color: rgb(235, 30, 30); }
.fk_service_qr { background-position: -365px -113px; cursor: default }
.fk_service_qr:hover { background-position: -409px -113px }
.fk_service_qr:hover .fk_service_qr_cont { display: block; opacity: 1; transition: linear .2s; animation-name: fade-in; animation-duration: .3s; animation-iteration-count: 1; animation-delay: 0s }
.fk_service_qr_cont { width: 143px; height: 202px; border-radius: 3px; background: #fff; right: 62px; position: absolute; text-align: center; border: 1px solid #e1e6ec; background-color: #f6f8fb; display: none; opacity: 0 }
.fk_service_qr_cont>.fk_service_triangle:after { border-left: 10px solid #f6f8fb!important }
.fk_service_qr_cont>.fk_service_qrimg { width: 100%; height: 164px; float: left }
.fk_service_qrimg_comm { float: left; margin: 12px 12px 5px 12px; width: 119px; height: 119px; }
.fk_service_qrimg_site { background-position: -41px -26px }
.fk_service_qrimg_hd { background-position: -198px -26px }
.fk_service_qrimg_wxast { background-position: -198px -328px }
.fk_service_qrimg_flyer { background-position: -41px -177px }
.fk_service_qrimg_wxapp { background-position: -198px -177px }
.fk_service_qrimg_fkmall { background-position: -41px -326px }
.fk_service_qrimg_yx { background-position: -360px -326px }
.fk_service_qrimg_yk { background-position: -515px -326px }
.fk_service_qr_cont>.fk_service_qrtext { width: 100%; height: 35px; font-size: 12px; color: #7b89a6; background-color: #fff; float: left; bottom: 0; display: table }
.fk_service_qr_cont>.fk_service_qrtext>span { display: table-cell; vertical-align: middle }
.fk_service_upward { display: none; background-position: -363px -159px }
.fk_service_upward:hover { background-position: -407px -159px }
.fk_service_agent { display: none; background-position: -452px -277px }
.fk_service_agent:hover { background-position: -493px -277px }
.fk_service_agent .fk_service_float { height: 218px; width: 177px; padding: 0 }
.fk_service_agent .fk_service_triangle { border-left: 10px solid #267ef9; right: -10px }
.fk_service_agent .fk_service_triangle:after { border-left: 10px solid #267ef9 }
.fk_service_agent .fk_service_agent_gif { display: block; height: 100%; background: url(https://www.qitianbus.com/static/portal/kefu/img/agent_entry.png?v=202109181506) center no-repeat; background-size: cover; position: relative; z-index: 1011 }
.fk_service_movie { background-position: -365px -277px }
.fk_service_movie:hover, .fk_service_movie.state-hover { background-position: -407px -277px }
.fk_service_movie_img .fk_service_float { width: 240px; height: 120px; padding: 0; font-size: 0; background: url(https://www.qitianbus.com/static/portal/kefu/img/movie.png?v=202101291713) 0 0 no-repeat }
.fk_service_movie_img .fk_service_float:before { content: ""; position: absolute; top: 0; right: -25px; width: 25px; height: 40px }
.fk_service_movie_img .fk_service_triangle { display: none }
.fk-service-video-pop { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 102 }
.fk-service-video-pop-con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; text-align: center; padding: 10px; background: #fff; box-sizing: border-box }
.fk-service-video-pop video { border: 0; outline: 0 }
.fk-service-video-pop-close { position: absolute; right: -12px; top: -15px; width: 30px; height: 31px;  background:url(data:image/png;
 base64, iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABNRJREFUeNrEV1tII1cYPjMxmuy2tUtdL1WEojQqVJ9q11p9UVofVPRRUFrvKAjbVwUVrZYiWKkoKKstvvigPnjFBYVigohCK9Qb1EslVuKFYrakSYyZ6f8P54STyZiYbmEPfMzMOf/5/nP5byPIskzeRBPJG2pCGDICXajAAZvMQaJPwj3DVixwynSACAodBZsrUdwBvNxT4hYU1kkgeRTgLcB7AwMDH5+cnHxnt9stt7e3NkmS3F6v1+F0Oo+hz4xjw8PDz1CWzolSLfBBSnFnRsCT/v7+7KurqwVQ5JVDNy/K9vX1fYJzKUfEQ2wJBfSAx4CnZrO54e7uzoGMsEt5dnZWbmpqkrOzs+Xk5GQ5NTVVzsvLU/rm5uYUGUU7nMTW1tZz5KBc+mDK2U5RMHZvb+8b5ECipaUlOScnR05ISAgKlFlcXGS7l3Z3d78FrjjKGaF17OxO8Wierq+vP8eJsFu5u7s7pEI1cA7ORQ6LxfI13bmRv3Od6oiNnZ2d6RUVFT+Joqjv7e0lYDBh+ygcM3G73SQ/P19ITEzMhwUsr62t/cVbu8Dt1gCIPj8/fwGrLlpYWCANDQ2vFSRGR0dJcXExsdlsL4GzFrrsABcugF244jqtra0fxsfHf+HxeEhHR4cfSWVlJdnY2CAFBQUBCrAPx6qqqvz629vbCXLFxcV9jtyci/mOGS///e3t7R/wYmZmZgLu7fT0VGbWDYvw9eM7s2aUUc+bnp5WxpAbdVBdokgVo8VFgSD6H1leXg7YVVtbm7J6vV5PxsfHlV0i8B37cAxl1I1xUe4o5tcCNaq30fIgClkMBkMM+Ck5OzsLICksLCRjY2M+RdjYe21tLVlZWQmYk5SURDY3N4nL5bo2Go2fQdcV4G+Rj8WRkZHRKHx5ealpLEiMCtjOQynFdnFxoTyB+10u1ouiKvMwoXstVSt/h5HTWXbzD2Pge6/wGRsbqzlLfafqO9dqYNGM265VCCi59Obm5hQ/MjIyQirF462pqQmpPCsrS3kC9x98vhbph5JHj4+Pf8HOoqKiAAKMYuo7XV1d9VPe09MTMI9xAfevfK4W6Qrw4xYs9iX6XElJCZq/H8Hg4CCxWq2KIt6QmHIcGxoa8psDwYggF3IiN+qgumRmVBjA0aLjDw8PB1JSUvLm5+dJY2Pja4XMkZERRfHR0ZEZUiimSRsNm06dKjvpwZWsZWVlxenp6RHg10rA/y+tubmZ1NfXE8hSrpaWlradnR0r+i+L1Tp1MQcCbpPJ5MjMzPw0NzdXAKMgEO7CUlpdXa3Eachw8uTk5PddXV1raF8AB8DD12EiDWdYrqQAciChv4ByR8L7gUz14EIArshXCEC4/BG5KOcTqkO8txAAYCbJhVzcAwnAyZIDJo+6ujpf6YPAd+zDMZYs4OmamJjoRw6ASasQuLf0ocqflZeXf7m/v7/Odh+soQzKgo18RXdquq/0ETRCGq4KY+YjmjwwxkaXlpZ+AAZTmJaW9lFMTEwiBPx3cAIY4Kvr6+s/Dw4OfgOX+Xlqaup3arkIjIT/cG4kBSvofRZOq5JHtE5+TN8NdIx5hJcajIsqcXBw0TGJVxrsT0Lg8rSeGgVDpKpWZn8RuCs3Bw/tl7T+Jv6PXxgW+djvy4N+Yf4VYAAuHyDA8iK8wwAAAABJRU5ErkJggg==) 0 0 no-repeat;
z-index: 11; cursor: pointer }
.fk_service_consult, .fk_service_feedback { position: relative; height: 60px; color: #888; font-size: 12px }
.fk_service_consult:hover::after, .fk_service_feedback:hover::after, .fk_service_consult.state-hover::after, .fk_service_feedback.state-hover::after { color: #fff; border: 0; background-color: #ff0000 }
.fk_service_consult::after, .fk_service_feedback::after { display: inline-block; position: absolute; bottom: 0; left: 0; width: 40px; height: 25px; background: #fff; border-radius: 0 0 4px 4px; box-sizing: border-box; text-align: center }
.fk_service_consult::after { content: "\54a8\8be2" }
.fk_service_feedback::after { content: "\53cd\9988" }