.search-container {
    width: 1300px;
    margin: 10px auto;
}

/* search */
.search-box{}
.search-top{width:1240px;margin:10px auto;height:40px;margin-top:50px;}
.search-top .search-top-logo{width:140px;height:35px;display:inline-block;float:left;}
.search-top .search-top-logo img{width:100%;height:100%;}
.search-top .search-top-form{display:inline-block;float:left;padding-left:30px;}
.search-top .search-top-form form{width:500px;height:30px;}
.search-top .search-top-form form .search-top-form-input{outline:0;width:412px;height:30px;border:1px solid #0070C0;padding:2px 3px;border-radius:10px 0 0 10px;}
.search-top .search-top-form form .search-top-form-btn{outline:0;width:80px;height:36px;border:0;padding:4px 0;float:right;background:#0070C0;color:white;font-weight:bold;border-radius:0 10px 10px 0;font-size:16px;}

.search-banner{width:900px;margin:10px auto;}
.search-banner ul{}
.search-banner ul li{display:inline-block;padding:0 10px;}
.search-banner ul li:nth-child(1){padding-left:0;}
.search-banner ul li.active a{border-bottom:2px solid #0070C0;}
.search-banner ul li a{text-decoration:none;color:black;padding-bottom:3px;}
.search-banner span{display:block;color:gray;font-size:12px;}

.search-main{width:900px;margin:10px auto;}
.search-main .search-main-left{width:600px;display:inline-block;}
.search-main .search-main-left .search-info{}
.search-main .search-main-right{width:190px;display:inline-block;float:right;border-left:1px solid lightgray;padding-left:20px;}
.search-main .search-main-right .search-controller{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid lightgray;}
.search-main .search-main-right .search-controller .search-controller-title{}
.search-main .search-main-right .search-controller ul{margin:0;}
.search-main .search-main-right .search-controller ul li{margin:5px 0;}
.search-main .search-main-right .search-controller ul li a{text-decoration:none;color:gray;font-size:14px;}

.search-info{margin:20px 0;font-size:18px;font-family:Arial,sans-serif;}
.search-info span{color:#c00;}

.search-answers{}
.search-answers ul{}
.search-answers ul li{margin:20px 0;}
.search-answers ul li a.answer-item-title{font-size:17px;height:17px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:90%;color:black;}
.search-answers ul li .answer-item-bottom{margin-top:10px;}
.search-answers ul li .answer-item-bottom a{display:inline-block;width:120px;height:80px;}
.search-answers ul li .answer-item-bottom a img{width:100%;height:100%;border-radius:10px;obejct-fit:cover;}
.search-answers ul li .answer-item-bottom .answer-item-bottom-right{display:inline-block;width:430px;height:80px;overflow:hidden;font-size:13px;line-height:20px;}
.search-answers ul li .answer-item-bottom .answer-item-bottom-right span{color:gray;}


.search-index{width:500px;margin:200px auto;}
.search-index img{width:130px;margin:10px 200px;height:auto;}
.search-index form{width:500px;height:30px;}
.search-index form .search-input{outline:0;width:412px;height:30px;border:1px solid #0070C0;padding:2px 3px;border-radius:10px 0 0 10px;}
.search-index form .search-btn{outline:0;width:80px;height:36px;border:0;padding:4px 0;float:right;background:#0070C0;color:white;font-weight:bold;border-radius:0 10px 10px 0;font-size:16px;}


@media only screen and (max-width: 1200px){
    .container{width:100%;}
	.search-container{width:100%;}
	.search-index img{margin:0 auto;display:block;}
	.search-index{max-width:500px;width:90%;margin:200px auto;padding:0 5%;}
	.search-index form{width:100%;}
	.search-index form .search-input{width:70%;padding:2px 2.5%;}
	.search-index form .search-btn{width:24.3%;-webkit-appearance:none ;}
	
	.search-main .search-main-right{display:none;}
	.search-main .search-main-left{display:block;width:100%;}
	.search-top{width:100%;padding:20px;}
}

@media only screen and (max-width: 960px){
	.search-banner{width:95%;margin:10px 2.5%;height:50px;overflow:scroll;white-space:nowrap;}
	.search-main{width:95%;margin:10px 2.5%}
	.search-answers ul li .answer-item-bottom{display:flex;}
	.search-answers ul li .answer-item-bottom a{margin-right:10px;}
	.search-answers ul li .answer-item-bottom .answer-item-bottom-right{flex:1;position:relative;width:auto;}
}

@media only screen and (max-width: 670px){
	.search-top{margin-top:20px;padding-left:0;padding-right:0;}
	.search-top .search-top-logo{display:block;margin:10px auto;float:none;width:100%;text-align:center;}
	.search-top .search-top-logo img{width:80px;height:auto;}
	.search-top .search-top-form{display:block;width:95%;float:none;padding-left:0;margin:0 2.5%;}
	.search-top .search-top-form form{width:100%;}
	.search-top .search-top-form form .search-top-form-input{width:70%;padding:2px 2.5%;}
	.search-top .search-top-form form .search-top-form-btn{width:24.3%;outline: 0;height: 36px;border: 0;padding: 4px 0;float: right;background: #0070C0;color: white;font-weight: bold;border-radius: 0 10px 10px 0;font-size: 16px;-webkit-appearance:none ;}
}