.qf-tabs-nav,.qf-tabs-nav .qf-tabs-nav-scroll{overflow:hidden}.qf-tabs-nav{margin-bottom:-1px;position:relative}.qf-tabs-nav::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed;z-index:1}.qf-tabs-nav.is-left,.qf-tabs-nav.is-left .qf-tabs-nav-scroll,.qf-tabs-nav.is-right,.qf-tabs-nav.is-right .qf-tabs-nav-scroll{height:100%}.qf-tabs-nav.is-left::after{left:auto;right:0}.qf-tabs-nav.is-right::after{left:0;right:auto}.qf-tabs-nav.is-left.is-scrollable,.qf-tabs-nav.is-right.is-scrollable{padding:30px 0}.qf-tabs-nav.is-left .qf-tabs-nav-prev,.qf-tabs-nav.is-right .qf-tabs-nav-prev{left:auto;top:0}.qf-tabs-nav.is-left .qf-tabs-nav-next,.qf-tabs-nav.is-right .qf-tabs-nav-next{right:auto;bottom:0}.qf-tabs-nav.is-left .qf-tabs-nav-next,.qf-tabs-nav.is-left .qf-tabs-nav-prev,.qf-tabs-nav.is-right .qf-tabs-nav-next,.qf-tabs-nav.is-right .qf-tabs-nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer;-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.qf-tabs-nav.is-left::after,.qf-tabs-nav.is-right::after{height:100%;width:2px;bottom:auto;top:0}.qf-tabs-nav.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.qf-tabs-nav .qf-tabs-nav-prev{left:0}.qf-tabs-nav .qf-tabs-nav-next{right:0}.qf-tabs-nav .qf-tabs-nav-next,.qf-tabs-nav .qf-tabs-nav-prev{position:absolute;cursor:pointer;line-height:40px;font-size:12px;color:#909399}.qf-tabs-nav.is-card .qf-tabs-list{border:1px solid #e4e7ed;border-bottom:none;border-radius:4px 4px 0 0}.qf-tabs-nav.is-card .qf-tabs-list .qf-tab-item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.qf-tabs-nav.is-card .qf-tabs-list .qf-tab-item.is-top:first-child{border-left:none}.qf-tabs-nav.is-card .qf-tabs-list .qf-tab-item.is-top:nth-child(2){padding-left:20px}.qf-tabs-nav.is-card .qf-tabs-list .qf-tab-item.is-top:last-child{padding-right:20px}.qf-tabs-nav.is-card .qf-tabs-list .qf-tab-item.is-active{border-bottom-color:#fff}.qf-tabs-nav .qf-tabs-list{font-size:0;white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.qf-tabs-nav .qf-tabs-list .qf-tab-item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.qf-tabs-nav .qf-tabs-list .qf-tab-item.is-top:nth-child(2){padding-left:0}.qf-tabs-nav .qf-tabs-list .qf-tab-item.is-top:last-child{padding-right:0}.qf-tabs-nav .qf-tabs-list .qf-tab-item.is-right{display:block}.qf-tabs-nav .qf-tabs-list .qf-tab-item.is-left{display:block;text-align:right}.qf-tabs-nav .qf-tabs-list .qf-tab-item.is-active{color:#409eff}.qf-tabs-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#fe4352;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.qf-tabs-bar.is-left{left:auto;right:0}.qf-tabs-bar.is-right{left:0}.qf-tabs-bar.is-left,.qf-tabs-bar.is-right{top:0;bottom:auto;width:2px;height:auto}