.f-common-0002-title{position: relative;}
.f-common-0002-title:before{content:"";display: block;height: 2px;width: 100%;background: rgba(255,255,255,.1);position: absolute;left: 0;right: 0;top: 50%;z-index: 1;margin-top: -1px;}

.f-common-0002-title ul{margin: 0px 0px 10px 0px;padding: 0;float: right;}
.f-common-0002-title ul li{display: inline-block;margin-left: 20px;}
.f-common-0002-title ul li a{position: relative;display: inline-block;line-height: 32px;padding: 0 16px 0 0;transition:all 300ms ease-in-out 0s;}

.f-common-0002-title ul li a:before
.f-common-0002-title ul li a:after{transition:all 300ms ease-in-out 0s;}
.f-common-0002-title ul li a:before{position: absolute;top: 30px;width: 0;height: 1px;content: "";transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.f-common-0002-title ul li a:hover:before,
.f-common-0002-title ul li a.on:before{width: 100%;opacity: 1;}
.f-common-0002-title ul li a:after{position: absolute;top: 11px;right: 50%;width: 0;height: 0;content: "";transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-width: 6px; border-left-style: solid; opacity: 0;}
.f-common-0002-title ul li a:hover:after,
.f-common-0002-title ul li a.on:after{right: 0;opacity: 1;}