.know_headline{height: 205px; overflow: hidden; position: relative;}
.know_headline > div:first-child{white-space: nowrap; width: 100%; height: 235px; overflow: auto;}
.know_headline > div:first-child > a > div{display: inline-block; position: relative; overflow: hidden; width: 400px; height: 200px; background-color: var(--bg_silvercalm); border-radius: 10px;}
.know_headline > div:first-child > a:not(:last-child) > div{margin-right: 15px;}
.know_headline > div:first-child > a > div:before{content: ''; bottom: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.52), rgba(255, 0, 0, 0));}
.know_headline > div:first-child > a > div > div{position: absolute; left: 0px; bottom: 0px; width: 100%;}
.know_headline > div:first-child > a > div > div > div{padding: 0px 25px 20px 25px; font-size: 17px; font-family: 'bold'; color: var(--text_white); white-space: normal;}
.know_headline > div:nth-child(2){width: 100%; height: 0px; position: absolute; top: 0px; left: 0px; opacity: 0; -webkit-transition:all 0.2s ease;}
.know_headline:hover > div:nth-child(2){opacity: 1;}
.know_headline > div:nth-child(2) > div{height: 245px; width: 0px; position: relative; z-index: 1;}
.know_headline > div:nth-child(2) > div > div{width: 40px; height: 40px; cursor: pointer; border-radius: 50%; position: absolute; top: 80px; background: var(--bg_white); border: 3px solid var(--bg_blue);}
.know_headline > div:nth-child(2) > div > div > div{width: 20px; height: 20px; margin-top: 9.5px;}
.know_headline > div:nth-child(2) > div:first-child{float: left; display: none;}
.know_headline > div:nth-child(2) > div:first-child > div{left: 30px;}
.know_headline > div:nth-child(2) > div:hover:first-child > div > div{margin-left: 5px;}
.know_headline > div:nth-child(2) > div:last-child{float: right;}
.know_headline > div:nth-child(2) > div:last-child > div{right: 30px;}
.know_headline > div:nth-child(2) > div:hover:last-child > div > div{margin-right: 5px;}

.know_list{overflow: hidden; border-radius: 5px; background: var(--bg_white);}
.know_list > a > div{padding: 15px 0px;}
.know_list > a > div > div{display: table; table-layout: fixed; width: 100%;}
.know_list > a > div > div > div{display: table-cell; vertical-align: middle;}
.know_list > a > div > div > div:first-child{width: 230px;}
.know_list > a > div > div > div:first-child > div{height: 130px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.know_list > a > div > div > div:last-child{padding-left: 15px;}
.know_list > a > div > div > div:last-child > div:first-child{font-size: 17px; color: var(--text_black); font-family: 'bold';}
.know_list > a > div > div > div:last-child > div:last-child{color: var(--text_silver); margin-top: 10px;}

.know_category{margin: 15px 0px 35px 0px;}
.know_category > div{display: table; table-layout: fixed; width: 100%;}
.know_category > div > div{display: table-cell; vertical-align: top;}
.know_category > div > div > div:first-child{font-size: 17px; font-family: 'bold'; margin-bottom: 10px;}
.know_category > div > div > div:nth-child(2) > a > div{display: table; table-layout: fixed; width: 100%;}
.know_category > div > div > div:nth-child(2) > a:not(:last-child) > div{margin-bottom: 15px;}
.know_category > div > div > div:nth-child(2) > a > div > div{display: table-cell; vertical-align: middle;}
.know_category > div > div > div:nth-child(2) > a > div > div:first-child{width: 140px;}
.know_category > div > div > div:nth-child(2) > a > div > div:first-child > div{height: 80px; border-radius: 5px;}
.know_category > div > div > div:nth-child(2) > a > div > div:last-child{padding: 0px 15px; color: var(--text_black); font-family: 'bold';}