.jf_tab_wrap.shadow{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-khtml-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-o-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background:#fff}.jf_tab_wrap .jf_tab{-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);-khtml-box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-ms-box-shadow:0 2px 3px rgba(0,0,0,0.1);-o-box-shadow:0 2px 3px rgba(0,0,0,0.1);box-shadow:0 2px 3px rgba(0,0,0,0.1);overflow:auto;font-size:0}.jf_tab_wrap .jf_tab ul{position:relative;height:64px;font-size:16px;margin:0 auto;white-space:nowrap;padding:0;display:inline-block}.jf_tab_wrap .jf_tab ul li{display:block;float:left;text-align:center;line-height:64px;height:64px;margin:0}.jf_tab_wrap .jf_tab ul li a{font-weight:500;font-size:14px;line-height:64px;display:block;padding:0 30px;position:relative;color:#000;-webkit-transition:all 0.2s;-khtml-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;opacity:0.7}.jf_tab_wrap .jf_tab ul li a.active{opacity:1}.jf_tab_wrap .jf_tab ul li a.active:hover{opacity:1}.jf_tab_wrap .jf_tab ul li a:before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:rgba(0,0,0,0.1)}.jf_tab_wrap .jf_tab ul li a:hover{opacity:1}.jf_tab_wrap .jf_tab ul li a:hover:before{bottom:0}.jf_tab_wrap .jf_tab ul li a:active{background:rgba(255,255,255,0.1)}.jf_tab_wrap.dark .jf_tab{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.25);-khtml-box-shadow:0 2px 5px rgba(0,0,0,0.25);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.25);-ms-box-shadow:0 2px 5px rgba(0,0,0,0.25);-o-box-shadow:0 2px 5px rgba(0,0,0,0.25);box-shadow:0 2px 5px rgba(0,0,0,0.25)}.jf_tab_wrap.dark .jf_tab ul li a:before{background:rgba(255,255,255,0.8)}.jf_tab_wrap .indicator{position:absolute;bottom:0;height:2px;background-color:#fff;will-change:left, right}.jf_tab_wrap .indicator.right{-webkit-transition:left 0.5s cubic-bezier(0.35, 0, 0.25, 1),right 0.225s cubic-bezier(0.35, 0, 0.25, 1);-khtml-transition:left 0.5s cubic-bezier(0.35, 0, 0.25, 1),right 0.225s cubic-bezier(0.35, 0, 0.25, 1);-moz-transition:left 0.5s cubic-bezier(0.35, 0, 0.25, 1),right 0.225s cubic-bezier(0.35, 0, 0.25, 1);-ms-transition:left 0.5s cubic-bezier(0.35, 0, 0.25, 1),right 0.225s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:left 0.5s cubic-bezier(0.35, 0, 0.25, 1),right 0.225s cubic-bezier(0.35, 0, 0.25, 1);transition:left 0.5s cubic-bezier(0.35, 0, 0.25, 1),right 0.225s cubic-bezier(0.35, 0, 0.25, 1)}.jf_tab_wrap .indicator.left{-webkit-transition:left 0.225s cubic-bezier(0.35, 0, 0.25, 1),right 0.5s cubic-bezier(0.35, 0, 0.25, 1);-khtml-transition:left 0.225s cubic-bezier(0.35, 0, 0.25, 1),right 0.5s cubic-bezier(0.35, 0, 0.25, 1);-moz-transition:left 0.225s cubic-bezier(0.35, 0, 0.25, 1),right 0.5s cubic-bezier(0.35, 0, 0.25, 1);-ms-transition:left 0.225s cubic-bezier(0.35, 0, 0.25, 1),right 0.5s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:left 0.225s cubic-bezier(0.35, 0, 0.25, 1),right 0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:left 0.225s cubic-bezier(0.35, 0, 0.25, 1),right 0.5s cubic-bezier(0.35, 0, 0.25, 1)}.jf_tab_wrap .content{position:relative;overflow:hidden;height:100%;-webkit-transition:height 0.5s cubic-bezier(0.35, 0, 0.25, 1);-khtml-transition:height 0.5s cubic-bezier(0.35, 0, 0.25, 1);-moz-transition:height 0.5s cubic-bezier(0.35, 0, 0.25, 1);-ms-transition:height 0.5s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:height 0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:height 0.5s cubic-bezier(0.35, 0, 0.25, 1)}.jf_tab_wrap .content>div{display:block;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);-khtml-transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);-moz-transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);-ms-transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);overflow:auto;bottom:auto;overflow:hidden;min-height:200px;opacity:0;padding:20px}.jf_tab_wrap .content>div.active{position:relative;opacity:1}.jf_tab_wrap .content>div.left{-webkit-transform:translate3d(-100%, 0, 0);-khtml-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.jf_tab_wrap .content>div.left *{-webkit-transition:visibility 0.5s linear;-khtml-transition:visibility 0.5s linear;-moz-transition:visibility 0.5s linear;-ms-transition:visibility 0.5s linear;-o-transition:visibility 0.5s linear;transition:visibility 0.5s linear;visibility:hidden}.jf_tab_wrap .content>div.right{-webkit-transform:translate3d(100%, 0, 0);-khtml-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.jf_tab_wrap .content>div.right *{-webkit-transition:visibility 0.5s linear;-khtml-transition:visibility 0.5s linear;-moz-transition:visibility 0.5s linear;-ms-transition:visibility 0.5s linear;-o-transition:visibility 0.5s linear;transition:visibility 0.5s linear;visibility:hidden}.jf_tab_wrap.red .indicator{background-color:#f34235}.jf_tab_wrap.pink .indicator{background-color:#e81d62}.jf_tab_wrap.purple .indicator{background-color:#9b26af}.jf_tab_wrap.deep-purple .indicator{background-color:#6639b6}.jf_tab_wrap.indigo .indicator{background-color:#3e50b4}.jf_tab_wrap.blue .indicator{background-color:#2095f2}.jf_tab_wrap.light-blue .indicator{background-color:#02a8f3}.jf_tab_wrap.cyan .indicator{background-color:#00bbd3}.jf_tab_wrap.teal .indicator{background-color:#009587}.jf_tab_wrap.green .indicator{background-color:#4bae4f}.jf_tab_wrap.light-green .indicator{background-color:#8ac249}.jf_tab_wrap.lime .indicator{background-color:#ccdb38}.jf_tab_wrap.yellow .indicator{background-color:#feea3a}.jf_tab_wrap.amber .indicator{background-color:#fec006}.jf_tab_wrap.orange .indicator{background-color:#f39c12}.jf_tab_wrap.deep-orange .indicator{background-color:#fe5621}.jf_tab_wrap.brown .indicator{background-color:#785447}.jf_tab_wrap.grey .indicator{background-color:#9d9d9d}.jf_tab_wrap.blue-grey .indicator{background-color:#5f7c8a}.jf_tab_wrap.white .indicator{background-color:#ffffff}.jf_tab_wrap.dark .indicator{background-color:#fff}.jf_tab_wrap.dark.red .jf_tab{background-color:#f34235}.jf_tab_wrap.dark.red a{color:#fff !important}.jf_tab_wrap.dark.pink .jf_tab{background-color:#e81d62}.jf_tab_wrap.dark.pink a{color:#fff !important}.jf_tab_wrap.dark.purple .jf_tab{background-color:#9b26af}.jf_tab_wrap.dark.purple a{color:#fff !important}.jf_tab_wrap.dark.deep-purple .jf_tab{background-color:#6639b6}.jf_tab_wrap.dark.deep-purple a{color:#fff !important}.jf_tab_wrap.dark.indigo .jf_tab{background-color:#3e50b4}.jf_tab_wrap.dark.indigo a{color:#fff !important}.jf_tab_wrap.dark.blue .jf_tab{background-color:#2095f2}.jf_tab_wrap.dark.blue a{color:#fff !important}.jf_tab_wrap.dark.light-blue .jf_tab{background-color:#02a8f3}.jf_tab_wrap.dark.light-blue a{color:#fff !important}.jf_tab_wrap.dark.cyan .jf_tab{background-color:#00bbd3}.jf_tab_wrap.dark.cyan a{color:#fff !important}.jf_tab_wrap.dark.teal .jf_tab{background-color:#009587}.jf_tab_wrap.dark.teal a{color:#fff !important}.jf_tab_wrap.dark.green .jf_tab{background-color:#4bae4f}.jf_tab_wrap.dark.green a{color:#fff !important}.jf_tab_wrap.dark.light-green .jf_tab{background-color:#8ac249}.jf_tab_wrap.dark.light-green a{color:#fff !important}.jf_tab_wrap.dark.lime .jf_tab{background-color:#ccdb38}.jf_tab_wrap.dark.lime a{color:#fff !important}.jf_tab_wrap.dark.yellow .jf_tab{background-color:#feea3a}.jf_tab_wrap.dark.yellow a{color:#000 !important}.jf_tab_wrap.dark.amber .jf_tab{background-color:#fec006}.jf_tab_wrap.dark.amber a{color:#fff !important}.jf_tab_wrap.dark.orange .jf_tab{background-color:#f39c12}.jf_tab_wrap.dark.orange a{color:#fff !important}.jf_tab_wrap.dark.deep-orange .jf_tab{background-color:#fe5621}.jf_tab_wrap.dark.deep-orange a{color:#fff !important}.jf_tab_wrap.dark.brown .jf_tab{background-color:#785447}.jf_tab_wrap.dark.brown a{color:#fff !important}.jf_tab_wrap.dark.grey .jf_tab{background-color:#9d9d9d}.jf_tab_wrap.dark.grey a{color:#fff !important}.jf_tab_wrap.dark.blue-grey .jf_tab{background-color:#5f7c8a}.jf_tab_wrap.dark.blue-grey a{color:#fff !important}.jf_tab_wrap.dark.white .jf_tab{background-color:#ffffff}.jf_tab_wrap.dark.white a{color:#000 !important}[data-foreground="dark"] .jf_tab_wrap:not(.shadow) .jf_tab{-webkit-box-shadow:0 2px 3px rgba(255,255,255,0.1);-khtml-box-shadow:0 2px 3px rgba(255,255,255,0.1);-moz-box-shadow:0 2px 3px rgba(255,255,255,0.1);-ms-box-shadow:0 2px 3px rgba(255,255,255,0.1);-o-box-shadow:0 2px 3px rgba(255,255,255,0.1);box-shadow:0 2px 3px rgba(255,255,255,0.1)}[data-foreground="dark"] .jf_tab_wrap .jf_tab ul li a{color:#fff}[data-foreground="dark"] .jf_tab_wrap .jf_tab ul li a:before{background:rgba(255,255,255,0.5)}[data-foreground="dark"] .jf_tab_wrap.shadow{color:#555}[data-foreground="dark"] .jf_tab_wrap.shadow h1,[data-foreground="dark"] .jf_tab_wrap.shadow h2,[data-foreground="dark"] .jf_tab_wrap.shadow h3,[data-foreground="dark"] .jf_tab_wrap.shadow h4,[data-foreground="dark"] .jf_tab_wrap.shadow h5,[data-foreground="dark"] .jf_tab_wrap.shadow h6{color:#555}