@media (max-width: 769px) {
   #main .banner {position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 20%;left: 10%;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 20px;}
   #main .banner .txt span:nth-child(2) {font-weight: bold;letter-spacing: 3px;}
   #main .tabs {width: 100%;height: 60px;padding: 0 40px 0 20px;background-color: #FCFCFC;}
   #main .tabs ul {width: 100%;height: 60px;display: flex;align-items: center;justify-content: space-around;margin: 0;overflow: hidden;}
   #main .tabs li {position: relative;}
   #main .tabs li a {height: 35px;line-height: 25px;font-size: 12px;color: #41210f;}
   #main .tabs li.active a {color: #01DD62;}
   #main .tabs li.active::after {content: "";width: 100%;height: 2px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#ff8400, #ff8400);background-blend-mode: normal, normal;background-repeat:no-repeat;background-size:100% 100%;position: absolute;left: 0;bottom: 0;}
   #main .navigation {padding: 0 40px 0 20px;}
   #main .navigation .breadcrumb {padding-left: 0;background-color: #FFF;border-bottom: 1px solid rgba(100, 100, 100, .1);border-radius: 0;display: flex;align-items: center;}
   #main .navigation .breadcrumb li:nth-child(1) {margin-right: 8px;}
   #main .navigation .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: rgba(0, 0, 0, .7);padding: 0 5px;}
   #main .navigation .breadcrumb li a {color: #999;font-size: 13px;}
   #main .navigation .breadcrumb li a i {font-size: 17px;color: #000;}

   #tabs-container .swiper-slide #caseTwoNav {height: 30px;margin: 50px 0;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-wrapper {overflow-x: auto;padding-bottom: 20px;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-slide {width: 100px;height: 30px;line-height: 28px;color: #01DD62;background: #FFF;letter-spacing: 1px;text-align: center;border: 2px solid #01DD62;border-radius: 30px;pointer-events: auto;}
   #tabs-container .swiper-slide #caseTwoNav .active {line-height: 30px;color: #FFF;border: initial;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-slide a {color: #01DD62;display: block;}
   #tabs-container .swiper-slide #caseTwoNav .active a {color: #FFF;}

   #tabs-container .swiper-slide .content {margin: 50px 5%;}
   #tabs-container .swiper-slide .content .list li {background-color: #F8F8F8;padding: 18px 18px 23px;margin-bottom: 20px;position: relative;}
   #tabs-container .swiper-slide .content .list li::after {content: "";width: 100%;height: 3px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;position: absolute;bottom: 0;left: 0;}
   #tabs-container .swiper-slide .content .list li .img, #tabs-container .swiper-slide .content .list li .img img {width: 100%;height: 300px;}
   #tabs-container .swiper-slide .content .list li .date {padding-top: 15px;font-size: 12px;color: #444;}
   #tabs-container .swiper-slide .content .list li .name {color: #444;letter-spacing: 1px;font-weight: bold;color: #000;}
   #tabs-container .swiper-slide .content .list li .icon span {display: none;}
   #tabs-container .swiper-slide .content .list li .iconfont {color: #01DD62;font-size: 20px;}

   #tabs-container .swiper-slide .content .page {margin-top: 50px;text-align: center;}
   #tabs-container .swiper-slide .content .page a {width: 30px;height: 30px;line-height: 30px;font-family: "Gotham Bold";font-size: 15px;display: inline-block;color: rgba(65, 33, 15, .7);}
   #tabs-container .swiper-slide .content .page .previousPage, #tabs-container .swiper-slide .content .page .nextPage {border-radius: 50%;color: #FFF;background-color: rgba(65, 33, 15, .2);}
   #tabs-container .swiper-slide .content .page .previousPage:hover, #tabs-container .swiper-slide .content .page .nextPage:hover {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#0172ba, #0172ba);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide .content .page .previousPage {transform: rotate(180deg);margin-right: 5px;}
   #tabs-container .swiper-slide .content .page .nextPage {margin-left: 5px;}
   #tabs-container .swiper-slide .content .page .ellipsis {font-size: 17px;font-weight: bold;}
   #tabs-container .swiper-slide .content .page .on {color: #01DD62;font-size: 20px;}

   #tabs-container .problem #problemTwoNav {height: 30px;margin: 50px 0;}
   #tabs-container .problem #problemTwoNav .swiper-wrapper {overflow-x: auto;padding-bottom: 20px;}
   #tabs-container .problem #problemTwoNav .swiper-slide {width: 100px;height: 30px;line-height: 28px;color: #01DD62;background: #FFF;letter-spacing: 1px;text-align: center;border: 2px solid #01DD62;border-radius: 30px;pointer-events: auto;}
   #tabs-container .problem #problemTwoNav .active {line-height: 30px;color: #FFF;border: initial;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .problem #problemTwoNav .swiper-slide a {color: #01DD62;display: block;}
   #tabs-container .problem #problemTwoNav .active a {color: #FFF;}

   #tabs-container .problem .problemList {margin-top: 50px;}
   #tabs-container .problem .problemList li {background-color: #F9F8F7;margin-bottom: 20px;overflow: hidden;}
   #tabs-container .problem .problemList li p {margin: 0;margin: 0 20px;}
   #tabs-container .problem .problemList li .ask {padding: 20px 0;display: flex;align-items: center;position: relative;}
   #tabs-container .problem .problemList li .ask .num {display: inline-block;color: rgba(65, 33, 15, .1);font-size: 15px;font-weight: bold;margin-right: 10px;}
   #tabs-container .problem .problemList li .ask .txt {color: #41210f;font-size: 12px;padding-right: 20px;}
   #tabs-container .problem .problemList li .ask .iconfont {position: absolute;right: 0;font-size: 18px;color: rgba(65, 33, 15, .3);transform: rotate(90deg);}
   #tabs-container .problem .problemList li .answer {height: 0;font-size: 12px;color: #FFF;transition: all .3s;}
   #tabs-container .problem .problemList .on {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#0172ba, #0172ba);background-blend-mode: normal, normal;}
   #tabs-container .problem .problemList .on .ask .num {color: rgba(255, 255, 255, .4);}
   #tabs-container .problem .problemList .on .ask .txt, #tabs-container  .problem .problemList .on .ask .iconfont {color: #FFF;}
   #tabs-container .problem .problemList .on .ask .iconfont {transform: rotate(-90deg);}
   #tabs-container .problem .problemList .on .answer {height: 100%;border-top: 1px solid rgba(0, 0, 0, .06);padding: 20px 0;}
}

@media (min-width: 769px) and (max-width: 1100px) {
   #main .banner {height: 36.5vw;position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 10.4vw;left: 5.2vw;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 4.2vw;}
   #main .banner .txt span:nth-child(2) {font-size: 3.6vw;letter-spacing: 3px;margin-top: -1vw;}
   #main .banner .breadcrumb {background-color: initial;padding: 0;margin: 0;position: absolute;bottom: 100px;right: 5%;display: flex;align-items: center;}
   #main .banner .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: #FFF;;padding: 0 5px;}
   #main .banner .breadcrumb li a {color: #FFF;}
   #main .banner .breadcrumb li:nth-child(1) a {margin-right: 8px;}
   #main .banner .breadcrumb li a i {font-size: 17px;}
   #main .banner .tabs {width: 90%;height: 80px;background-color: rgba(255, 255, 255, .91);position: absolute;bottom: 0;left: 5%;}
   #main .banner .tabs ul {width: 100%;display: flex;justify-content: center;}
   #main .banner .tabs ul li {width: 20%;height: 80px;line-height: 80px;display: inline-block;text-align: center;position: relative;}
   #main .banner .tabs ul li::before {content: "|";color: #D4CDCA;position: absolute;left: 0;}
   #main .banner .tabs ul li:nth-child(1)::before {content: "";}
   #main .banner .tabs ul li a {color: #41210f;height: 80px;display: inline-block;}
   #main .tabs ul li.active a {color: #01DD62;position: relative;}
   #main .tabs ul li.active a::after {content: "";width: 100%;height: 3px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#ff8400, #ff8400);background-blend-mode: normal, normal;background-repeat:no-repeat;background-size:100% 100%;position: absolute;left: 0;bottom: 0;}
   
   #tabs-container .swiper-slide #caseTwoNav {margin-top: 50px;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-wrapper {justify-content: center;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-slide {margin-right: 15px;width: 135px;height: 40px;line-height: 37px;text-align: center;color: #01DD62;border: 3px solid #01DD62;border-radius: 40px;cursor: pointer;}
   #tabs-container .swiper-slide #caseTwoNav .active {line-height: 40px;color: #FFF;border: initial;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-slide a {color: #01DD62;display: block;}
   #tabs-container .swiper-slide #caseTwoNav .active a {color: #FFF;}

   #tabs-container .swiper-slide .content {margin: 50px 5%;}
   #tabs-container .swiper-slide .content .list {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
   #tabs-container .swiper-slide .content .list li {width: 30%;background-color: #F8F8F8;padding: 20px;margin-bottom: 40px;cursor: pointer;position: relative;}
   #tabs-container .swiper-slide .content .list li::after {content: "";width: 100%;height: 3px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#ff8400, #ff8400);background-blend-mode: normal, normal;background-repeat:no-repeat;background-size:100% 100%;position: absolute;left: 0;bottom: 0;}
   #tabs-container .swiper-slide .content .list li:hover {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide .content .list li .img {width: 100%;overflow: hidden;}
   #tabs-container .swiper-slide .content .list li .img img {width: 100%;height: 300px;transition: all .5s;}
   #tabs-container .swiper-slide .content .list li:hover .img img {transform: scale(1.1);}
   #tabs-container .swiper-slide .content .list li .date {margin: 15px 0;color: #444;}
   #tabs-container .swiper-slide .content .list li .name {height: 45px;font-size: 16px;letter-spacing: 1px;font-weight: bold;color: #000;word-wrap: break-word;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
   #tabs-container .swiper-slide .content .list li .icon {display: flex;align-items: center;}
   #tabs-container .swiper-slide .content .list li .icon span {margin-right: 8px;display: none;color: #FFF;}
   #tabs-container .swiper-slide .content .list li .icon .iconfont {color: #01DD62;font-size: 22px;}
   #tabs-container .swiper-slide .content .list li:hover .date, #tabs-container .swiper-slide .content .list li:hover .name {color: #FFF;}
   #tabs-container .swiper-slide .content .list li:hover .icon span {display: block;}
   #tabs-container .swiper-slide .content .list li:hover .icon .iconfont {color: #FFF;}
   #tabs-container .swiper-slide .content .page {margin-top: 50px;text-align: center;}
   #tabs-container .swiper-slide .content .page a {width: 40px;height: 40px;line-height: 40px;font-family: "Gotham Bold";font-size: 15px;display: inline-block;color: rgba(65, 33, 15, .7);}
   #tabs-container .swiper-slide .content .page .previousPage, #tabs-container .swiper-slide .content .page .nextPage {border-radius: 50%;color: #FFF;background-color: rgba(65, 33, 15, .2);}
   #tabs-container .swiper-slide .content .page .previousPage:hover, #tabs-container .swiper-slide .content .page .nextPage:hover {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#0172ba, #0172ba);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide .content .page .previousPage {transform: rotate(180deg);margin-right: 5px;}
   #tabs-container .swiper-slide .content .page .nextPage {margin-left: 5px;}
   #tabs-container .swiper-slide .content .page .ellipsis {font-size: 17px;font-weight: bold;}
   #tabs-container .swiper-slide .content .page .on {color: #01DD62;font-size: 20px;}

   #tabs-container .problem #problemTwoNav {margin-top: 50px;}
   #tabs-container .problem #problemTwoNav .swiper-wrapper {justify-content: center;}
   #tabs-container .problem #problemTwoNav .swiper-slide {margin-right: 15px;width: 135px;height: 40px;line-height: 37px;text-align: center;color: #01DD62;border: 3px solid #01DD62;border-radius: 40px;cursor: pointer;}
   #tabs-container .problem #problemTwoNav .active {line-height: 40px;color: #FFF;border: initial;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .problem #problemTwoNav .swiper-slide a {color: #01DD62;display: block;}
   #tabs-container .problem #problemTwoNav .active a {color: #FFF;}

   #tabs-container .problem .problemList {margin-top: 50px;}
   #tabs-container .problem .problemList li {background-color: #F9F8F7;margin-bottom: 20px;overflow: hidden;cursor: pointer;}
   #tabs-container .problem .problemList li p {margin: 0;margin: 0 40px;}
   #tabs-container .problem .problemList li .ask {padding: 20px 0;display: flex;align-items: center;position: relative;}
   #tabs-container .problem .problemList li .ask .num {display: inline-block;color: rgba(65, 33, 15, .1);font-size: 17px;font-weight: bold;margin-right: 10px;}
   #tabs-container .problem .problemList li .ask .txt {color: #41210f;font-size: 16px;padding-right: 10px;}
   #tabs-container .problem .problemList li .ask .iconfont {position: absolute;right: -8px;font-size: 20px;color: rgba(65, 33, 15, .3);transform: rotate(90deg);}
   #tabs-container .problem .problemList li .answer {height: 0;font-size: 12px;color: #FFF;transition: all .3s;}
   #tabs-container .problem .problemList .on {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#0172ba, #0172ba);background-blend-mode: normal, normal;}
   #tabs-container .problem .problemList .on .ask .num {color: rgba(255, 255, 255, .4);}
   #tabs-container .problem .problemList .on .ask .txt, #tabs-container  .problem .problemList .on .ask .iconfont {color: #FFF;}
   #tabs-container .problem .problemList .on .ask .iconfont {transform: rotate(-90deg);}
   #tabs-container .problem .problemList .on .answer {height: 100%;border-top: 1px solid rgba(0, 0, 0, .06);padding: 20px 0;}
}

@media (min-width: 1100px) {
   #main .banner {height: 36.5vw;position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 10.4vw;left: 5.2vw;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 4.2vw;}
   #main .banner .txt span:nth-child(2) {font-size: 3.6vw;letter-spacing: 3px;margin-top: -1vw;}
   #main .banner .breadcrumb {background-color: initial;padding: 0;margin: 0;position: absolute;bottom: 100px;right: 5%;display: flex;align-items: center;}
   #main .banner .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: #FFF;;padding: 0 5px;}
   #main .banner .breadcrumb li a {color: #FFF;}
   #main .banner .breadcrumb li:nth-child(1) a {margin-right: 8px;}
   #main .banner .breadcrumb li a i {font-size: 17px;}
   #main .banner .tabs {width: 90%;height: 80px;background-color: rgba(255, 255, 255, .91);position: absolute;bottom: 0;left: 5%;}
   #main .banner .tabs ul {width: 100%;display: flex;justify-content: center;}
   #main .banner .tabs ul li {width: 20%;height: 80px;line-height: 80px;display: inline-block;text-align: center;position: relative;}
   #main .banner .tabs ul li::before {content: "|";color: #D4CDCA;position: absolute;left: 0;}
   #main .banner .tabs ul li:nth-child(1)::before {content: "";}
   #main .banner .tabs ul li a {color: #41210f;height: 80px;display: inline-block;}
   #main .tabs ul li.active a {color: #01DD62;position: relative;}
   #main .tabs ul li.active a::after {content: "";width: 100%;height: 3px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#ff8400, #ff8400);background-blend-mode: normal, normal;background-repeat:no-repeat;background-size:100% 100%;position: absolute;left: 0;bottom: 0;}
   
   #tabs-container .swiper-slide #caseTwoNav {margin-top: 50px;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-wrapper {justify-content: center;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-slide {margin-right: 15px;width: 135px;height: 40px;line-height: 37px;text-align: center;color: #01DD62;border: 3px solid #01DD62;border-radius: 40px;cursor: pointer;pointer-events: auto;}
   #tabs-container .swiper-slide #caseTwoNav .active {line-height: 40px;color: #FFF;border: initial;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide #caseTwoNav .swiper-slide a {color: #01DD62;display: block;}
   #tabs-container .swiper-slide #caseTwoNav .active a {color: #FFF;}

   #tabs-container .swiper-slide .content {margin: 50px 5%;}
   #tabs-container .swiper-slide .content .list {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
   #tabs-container .swiper-slide .content .list li {width: 30%;background-color: #F8F8F8;padding: 20px;margin-bottom: 40px;cursor: pointer;position: relative;}
   #tabs-container .swiper-slide .content .list li::after {content: "";width: 100%;height: 3px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#ff8400, #ff8400);background-blend-mode: normal, normal;background-repeat:no-repeat;background-size:100% 100%;position: absolute;left: 0;bottom: 0;}
   #tabs-container .swiper-slide .content .list li:hover {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide .content .list li .img {width: 100%;overflow: hidden;}
   #tabs-container .swiper-slide .content .list li .img img {width: 100%;height: 300px;transition: all .5s;}
   #tabs-container .swiper-slide .content .list li:hover .img img {transform: scale(1.1);}
   #tabs-container .swiper-slide .content .list li .date {margin: 15px 0;color: #444;}
   #tabs-container .swiper-slide .content .list li .name {height: 45px;font-size: 16px;letter-spacing: 1px;font-weight: bold;color: #000;word-wrap: break-word;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
   #tabs-container .swiper-slide .content .list li .icon {display: flex;align-items: center;}
   #tabs-container .swiper-slide .content .list li .icon span {margin-right: 8px;display: none;color: #FFF;}
   #tabs-container .swiper-slide .content .list li .icon .iconfont {color: #01DD62;font-size: 22px;}
   #tabs-container .swiper-slide .content .list li:hover .date, #tabs-container .swiper-slide .content .list li:hover .name {color: #FFF;}
   #tabs-container .swiper-slide .content .list li:hover .icon span {display: block;}
   #tabs-container .swiper-slide .content .list li:hover .icon .iconfont {color: #FFF;}
   #tabs-container .swiper-slide .content .page {margin-top: 50px;text-align: center;}
   #tabs-container .swiper-slide .content .page a {width: 40px;height: 40px;line-height: 40px;font-family: "Gotham Bold";font-size: 15px;display: inline-block;color: rgba(65, 33, 15, .7);}
   #tabs-container .swiper-slide .content .page .previousPage, #tabs-container .swiper-slide .content .page .nextPage {border-radius: 50%;color: #FFF;background-color: rgba(65, 33, 15, .2);}
   #tabs-container .swiper-slide .content .page .previousPage:hover, #tabs-container .swiper-slide .content .page .nextPage:hover {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#0172ba, #0172ba);background-blend-mode: normal, normal;}
   #tabs-container .swiper-slide .content .page .previousPage {transform: rotate(180deg);margin-right: 5px;}
   #tabs-container .swiper-slide .content .page .nextPage {margin-left: 5px;}
   #tabs-container .swiper-slide .content .page .ellipsis {font-size: 17px;font-weight: bold;}
   #tabs-container .swiper-slide .content .page .on {color: #01DD62;font-size: 20px;}

   #tabs-container .problem #problemTwoNav {margin-top: 50px;}
   #tabs-container .problem #problemTwoNav .swiper-wrapper {justify-content: center;}
   #tabs-container .problem #problemTwoNav .swiper-slide {margin-right: 15px;width: 135px;height: 40px;line-height: 37px;text-align: center;color: #01DD62;border: 3px solid #01DD62;border-radius: 40px;cursor: pointer;pointer-events: auto;}
   #tabs-container .problem #problemTwoNav .active {line-height: 40px;color: #FFF;border: initial;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #tabs-container .problem #problemTwoNav .swiper-slide a {color: #01DD62;display: block;}
   #tabs-container .problem #problemTwoNav .active a {color: #FFF;}

   #tabs-container .problem .problemList {margin-top: 50px;}
   #tabs-container .problem .problemList li {background-color: #F9F8F7;margin-bottom: 20px;overflow: hidden;cursor: pointer;}
   #tabs-container .problem .problemList li p {margin: 0;margin: 0 40px;}
   #tabs-container .problem .problemList li .ask {padding: 20px 0;display: flex;align-items: center;position: relative;}
   #tabs-container .problem .problemList li .ask .num {display: inline-block;color: rgba(65, 33, 15, .1);font-size: 17px;font-weight: bold;margin-right: 10px;}
   #tabs-container .problem .problemList li .ask .txt {color: #41210f;font-size: 16px;padding-right: 10px;}
   #tabs-container .problem .problemList li .ask .iconfont {position: absolute;right: -8px;font-size: 20px;color: rgba(65, 33, 15, .3);transform: rotate(90deg);}
   #tabs-container .problem .problemList li .answer {height: 0;font-size: 12px;color: #FFF;transition: all .3s;}
   #tabs-container .problem .problemList .on {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#0172ba, #0172ba);background-blend-mode: normal, normal;}
   #tabs-container .problem .problemList .on .ask .num {color: rgba(255, 255, 255, .4);}
   #tabs-container .problem .problemList .on .ask .txt, #tabs-container  .problem .problemList .on .ask .iconfont {color: #FFF;}
   #tabs-container .problem .problemList .on .ask .iconfont {transform: rotate(-90deg);}
   #tabs-container .problem .problemList .on .answer {height: 100%;border-top: 1px solid rgba(0, 0, 0, .06);padding: 20px 0;}
}