﻿/*图谱标签切换*/
.tab-wrap{-webkit-transition:0.3s box-shadow ease;transition:0.3s box-shadow ease;border-radius:6px;max-width:100%;position:relative;list-style:none;padding:0.625rem 0 0;background-color:#fff}
.tab-wrap span.gray{margin-left:10px;line-height: 35px;font-size: 14px;}
.tab{display:none}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1),.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2),.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3),.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4),.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5),.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6){opacity:1;-webkit-transition:0.5s opacity ease-in,0.8s transform ease;transition:0.5s opacity ease-in,0.8s transform ease;position:relative;top:0;z-index:100;-webkit-transform:translateY(0px);transform:translateY(0px);text-shadow:0 0 0;overflow:hidden}
.tab:checked + label,.tab:checked + label:hover,.tab + label:hover{border-color:#cbd9eb;border-bottom-color:#fff;color:#108fdd;top:1px}
.tab + label{font-size: 14px;cursor:pointer;display:inline-block;text-decoration:none;color:#333;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;-webkit-transition:0.3s background-color ease,0.3s box-shadow ease;transition:0.3s background-color ease,0.3s box-shadow ease;box-sizing:border-box;padding:4px 0.625rem;border:1px solid transparent;position:relative;z-index:101}
.tab__content{padding:0.625rem 25px;background-color:transparent;position:absolute;z-index:-1;opacity:0;left:0;top:50px;-webkit-transform:translateY(-3px);transform:translateY(-3px);border:1px solid #cbd9eb;margin-top:-1px}
.tab__content li{width:auto;font-size:0.875rem;margin-right:1.25rem;margin-top:0.25rem;margin-bottom:0.25rem}