.xl-tab .tab-area{padding:0;position:relative;margin:0;display:table}.xl-tab li{cursor:pointer;display:inline-block}.xl-tab .tab-content{display:none}.xl-tab .tab-content.active{animation-iteration-count:1;animation-timing-function:ease-in;animation-name:fadeInOpacity;opacity:1;animation-duration:.5s;display:block}.xl-tab .inrtab{position:relative}.xl-tab.nvcenter ul.tab-area{text-align:center;margin:0 auto}.nvleft ul.tab-area,.xl-tab.nvright ul.tab-area{width:100%}.xl-tab.nvright ul.tab-area li{float:right}.xl-tab.nvcenter .tab-area li{float:none}.xl-tab.styleone .tab-area li.active .inrtab div:before{height:2px;content:"";position:absolute;bottom:-2px;background:#000;left:0;width:100%;display:block}.styleone .tab-area li .inrtab{font-weight:700;color:#fff;transition:all .3s ease-in 0s;background:#7a81f4}.styletwo li{position:relative;margin:0 10px}.styletwo li span:before{height:4px;content:"";position:absolute;bottom:0;background:#f6f6f6;left:0;width:100%}.styletwo li.active span:after{opacity:1;width:100%}.styletwo li span:after{height:4px;transition:all 1s ease 0s;content:"";position:absolute;opacity:0;bottom:0;background:#727cb6;left:0;width:0;z-index:1}.stylethree li span:after{right:0;transition:all .3s ease 0s;content:"";position:absolute;border-top:3px solid #00a6ff;bottom:-1px;left:0;left:auto;width:0}.stylethree li span:hover:after,.stylethree li.active span:after{width:100%}.stylefive li:last-child .inrtab:before{display:none}.stylefive .active .inrtab{background:#ff007a}.stylefive li:last-child .inrtab div:after,.stylefive li:last-child .inrtab:after{display:none}.stylefive .inrtab:before{border-left:10px solid #fff;right:-8px;content:"";position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;top:11px;z-index:2}.stylefive .active .inrtab:before{border-left:10px solid #ff007a}.stylefive .active .inrtab:after,.stylefive .inrtab div:after{border-left:10px solid #ff007a;right:-10px;content:"";position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;top:11px;z-index:1}.stylefive .inrtab:after{border-left:10px solid red}@keyframes fadeInOpacity{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}