.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(img/fk_service.png?v=202101291713) 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(img/fk_service.png?v=202101291713) 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(img/fk_service.png?v=202101291713) 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(img/fk_service.png?v=2022050601) 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; background:url(img/fk_service.png?v=202101291713) bottom right no-repeat } .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(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(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" }