/*漂浮*/
.pf {width: 228px;background-image: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pf01.png), url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pf03.png);background-repeat: no-repeat, no-repeat;background-position: 50% 0, 39px 100%;padding: 136px 28px 41px 40px;box-sizing: border-box;position: fixed;top: 100px;right: 20px;z-index: 999;}
.pf::before {content: '';position: absolute;top: 315px;left: 0;bottom: 79px;width: 100%;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pf02.png) repeat-y 39px 0;z-index: 0;}
.pf p{font-size: 14px;color: #feffdd;line-height: 22px;text-align: center;}
.pf p:nth-of-type(2){font-size: 22px;line-height: 28px;margin-bottom: 4px;color: #feffdd;font-weight: bold;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pficon01.png) no-repeat 50% 10px;}
.pf p:nth-of-type(3),.pf p:nth-of-type(4){font-size: 14px;color: #feffdd;}
.pf span{display: block;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pfline01.png) no-repeat 50% 0;height: 6px;}
.pf ul{margin-top: 25px;position: relative;}
.pf ul li{margin-bottom: 6px;}
.pf li a{display: block;width: 108px;height: 31px;line-height: 30px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pfbtn.png) no-repeat;text-align: center;font-size: 18px;color: #810c0c;margin: 0 auto;}
.pf li a:hover,.pf li.on a{background-position: 0 -31px;color: #fefff0;}
.pf ul > li:nth-child(-n+5) > a{width: 106px;height: 29px;line-height: 29px;background: none;border: 1px solid #b64c2f;border-radius: 6px;color: #810c0c;}
.pf ul > li:nth-child(-n+5) > a:hover,.pf ul > li:nth-child(-n+5).on > a{width: 108px;height: 31px;line-height: 30px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pfbtn.png) no-repeat 0 -31px;border: 0;color: #fefff0;}
.pf ul > li:nth-last-child(3) > a,.pf ul > li:nth-last-child(2) > a{width: 106px;height: 29px;line-height: 29px;background: none;border: 1px solid #b64c2f;border-radius: 6px;color: #810c0c;}
.pf ul > li:nth-last-child(3) > a:hover,.pf ul > li:nth-last-child(2) > a:hover,.pf ul > li:nth-last-child(3).on > a,.pf ul > li:nth-last-child(2).on > a{width: 108px;height: 31px;line-height: 30px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pfbtn.png) no-repeat 0 -31px;border: 0;color: #fefff0;}
.pf_show{display: none;}
.pf li.on .pf_show{display: block;margin-top: 2px;}
.pf li.on .pf_show a{width: 100%;margin: 0 auto;height: 32px;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pfline02.png) no-repeat 50% 100%;color: #810c0c;font-size: 16px;line-height: 29px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
.pf li.on .pf_show a:last-child{background: none;}
.pf li.on .pf_show a:hover{color: #fc6d01;}
.pf li.on .pf_show a:hover i{display: inline-block;background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pficon02.png) no-repeat 0 50%;width: 8px;height: 8px;margin: 0 5px;}
.pf li:last-child{position: absolute; bottom: -158px; left: 50%; transform: translateX(-45%);}
.pf li:last-child a{background: url(http://image.gyyxcdn.cn/upload/wd/hd/p/2026/tf/2O26/images/pf/wd_pftop.png) no-repeat 0 0;text-indent: -9999px;overflow: hidden; width: 52px; height: 105px;}
.pf li:last-child a:hover{background-position: -52px 0;}
