.main-body {
				width: 1200px;
				margin: 0 auto;
				padding-top: 41px;
				display: flex;
				flex-wrap: wrap;
			}

			.left-panel {
				width: 900px;
				position: relative;
				top: 0;
			}

			.right-panel {
				width: 280px;
				margin-left: 20px;
			}

			.input-search {
				-webkit-appearance: none;
				background-color: #fff;
				background-image: none;
				border-radius: 4px;
				border: 1px solid #dcdfe6;
				box-sizing: border-box;
				color: #606266;
				display: inline-block;
				font-size: inherit;
				height: 40px;
				line-height: 40px;
				outline: none;
				padding: 0 15px;
				transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				width: 100%;
			}

			.primary-btn {
				display: inline-block;
				line-height: 14px;
				white-space: nowrap;
				cursor: pointer;
				background: #fff;
				border: 1px solid #dcdfe6;
				color: #606266;
				-webkit-appearance: none;
				text-align: center;
				box-sizing: border-box;
				outline: none;
				margin: 0;
				transition: 0.1s;
				font-weight: 500;
				-moz-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none;
				padding: 12px 20px;
				font-size: 14px;
				border-radius: 4px;
				color: #fff;
				background-color: #1a73e8;
				border-color: #409eff;
				height: 40px;
			}
			.search-btn {
				position: absolute;
				right: 0px;
				top: 0;
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
			}
			.icon {
				width: 16px;
				height: 16px;
			}
			.martop_20 {
				margin-top: 20px;
			}
			/* tabs */
			.tabs {
				width: 500px;
				height: 50px;
			}
			ul {
				margin-block-start: 0;
				margin-block-end: 0;
			}
			.tabs-title span {
				width: 25%;
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;
				text-align: center;
			}
			.text {
				width: 100%;
				height: 300px;
				display: none;
			}
			.show {
				display: block;
			}
			/*.title {*/
			/*	background: #f3f3f3;*/
			/*	height: 40px;*/
			/*	line-height: 40px;*/
			/*	border: solid #f3f3f3 1px;*/
			/*}*/
			/*.title:hover {*/
			/*	color: #1a73e8;*/
			/*}*/
			.active {
				color: #1a73e8;
				background: #fff;
				border-top: solid #1a73e8 2px;
			}
			.tags {
				width: 12px;
				height: 12px;
			}
			.content-item {
				border-bottom: solid 1px #f0f0f0;
				padding-bottom: 25px;
				margin-top: 25px;
                display: flex;

			}
			.content-title {
				font-size: 20px;
				font-weight: bold;
				  overflow: hidden;
				  text-overflow: ellipsis;
				  display: -webkit-box;
				  -webkit-box-orient: vertical;
				  -webkit-line-clamp: 1;
				  width: 635px;
			}
			.content-text {
				font-size: 14px;
				color: #9c9c9c;
				margin-top: 15px;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				width: 635px;
			}
			.key-text {
				color: red;
			}
			.bottom-left {
				font-size: 14px;
				color: #9c9c9c;
				float: left;
				margin-top: 25px;
			}
			.bottom-right {
				float: right;
				margin-top: 25px;
				max-width: 320px;
				overflow:hidden; 
				text-overflow:ellipsis; 
				white-space:nowrap; 
			}
			.link {
				color: #1a73e8;
				font-size: 14px;
			}
			.clear-float {
				clear: both;
			}
			/* 右侧 */
			.right-block {
				padding: 10px;
				border: solid #f0f0f0 1px;
				padding-top: 20px;
			}
			.right-title {
				font-size: 18px;
				font-weight: bold;
				padding-left: 10px;
			}
			.v-line {
				height: 14px;
				display: inline-block;
				width: 2px;
				background: #1a73e8;
				margin-right: 10px;
			}
			.right-link {
				float: right;
				color: #9c9c9c;
				font-size: 14px;
				font-weight: normal;
				margin-top: 2px;
			}
			.right-content {
				display: flex;
				flex-wrap: nowrap;
				flex-direction: row;
				align-items: center;
				margin-top: 20px;
			}
			.right-no {
				margin: 5px;
				color: #9a9a9a;
				font-style: italic;
				padding-bottom: 2px;
				border-bottom: solid 1px #9a9a9a;
				font-size: 14px;
			}
			.right-text {
				margin-left: 20px;
				color: #444444;
				font-size: 14px;
				width: calc(100% - 40px);
				  overflow: hidden;
				  text-overflow: ellipsis;
				  display: -webkit-box;
				  -webkit-box-orient: vertical;
				  -webkit-line-clamp: 2;
			}
			.no_1 {
				color: red;
				border-bottom: solid 1px red;
			}
			.no_2 {
				color: #ff6e01;
				border-bottom: solid 1px #ff6e01;
			}
			.no_3 {
				color: #1f76e8;
				border-bottom: solid 1px #1f76e8;
			}
			.hot-num {
				color: #9c9c9c;
				font-size: 14px;
			}
			.ad {
				width: 100%;
				margin-top: 20px;
			}
            .title-icon{
                width: 255px;
				height: 145px;
            }
            .title-icon-area{
                 width: 340px;
                margin-right: 10px;
            }
			a:hover, .pointer:hover{
				cursor: pointer;
			}
			.hot-spot {
				font-size: 18px;
				font-weight: 600;
				line-height: 32px;
				color: #444444;
				opacity: 1;
				display: inline-block;
			}