/* BASIC css start */
.category {width: 230px; flex-shrink: 0; margin-top: 120px; margin-right: 70px;}
.category .depth1 {border-top: 2px solid #000;}
.category .depth1 > li {margin: 0 7px;}
.category .depth1 > li span {display: inline-flex; width: 100%; line-height: 50px; height: 50px; border-bottom: 1px solid #CBCBCB; padding: 0 5px 0 28px; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 700; cursor: pointer;}
.category .depth1 > li span:hover {color: #02B3B2;}
.category .depth1 > li span.sel {color: #02B3B2;}
.category .depth1 > li span i {color: #000; transition: .3s;}
.category .depth1 > li span i.active {transform: rotate(180deg);}
.category .depth2 {margin: 10px 28px; display: none;}
.category .depth2 > li{line-height: 35px;}
.category .depth2 > li a{font-size: 13px;}
.category .depth2 > li a:hover {color: #02B3B2;}
.category .cs {background: #fff; border: 2px solid #027582; border-radius: 13px; width: 230px; border-radius: 10px; text-align: left; padding: 20px; margin: 23px auto;}
.category .cs span {color: #FF5E00; font-size: 16px; font-weight: 500; margin-bottom: 2px;}
.category .cs h1 {color: #FF5E00; font-size: 25px; font-weight: 700; margin-bottom: 20px;}
.category .cs h2 {margin-bottom: 10px; font-weight: 700; font-size: 14px;}
.category .cs p {line-height: 1.5; font-size: 14px;}
/* BASIC css end */