.trend_ban img{display: block;width: 100%;}
.trend_tit{text-align: center;}
.trend_tit p{color: #cecece;}
.choo_box{margin:30px auto;z-index: 100; width: 480px;height: 68px;line-height: 68px;background: #f9f9f9;position: relative;}
.trend_list{position: relative;z-index: 50;}
.choo_box input{display: block;height: 68px; outline: none;color: #606060;padding-left: 33px;box-sizing: border-box display: block;position: relative;z-index: 50; padding-left: 32px;box-sizing: border-box; width: calc(100% - 53px);line-height: 68px;}
.choo_btn{cursor: pointer; position: absolute;transform: rotate(180deg); background: url(/images/up.png)no-repeat center center/100%; right: 29px;width: 22px;height: 22px;top: 50%;margin-top: -11px;transition: all .3s ease-in;}
.choo_down{display: none; background: #f9f9f9;position: absolute;width: 100%; left: 0; top: 100%;line-height: 50px;color: #606060;}
.choo_down li{transition: all .3s ease-in; border-top: 1px solid #E1E1E1; cursor: pointer;padding-left: 33px;box-sizing: border-box;}
.choo_down li:hover{background: #CCCCCC;}
.choo_top.active .choo_btn{transform: rotate(0);}
.trend_list li{float: left;width: 48.33%;margin-top: 29px;}
.trend_list li:nth-of-type(even){float: right;}
.trend_cont{background: #f7f7f7;transition: all .3s ease-in; padding: 30px 35px;box-sizing: border-box;color: #131313;transition: all .3s ease-in;}
.trend_type{float: right;color: #084093;transition: all .3s ease-in;}
.trend_info{margin: 10px 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.trend_more{width: 30px;height: 15px;transition: all .3s ease-in; background: url(/images/realm_more2.png)no-repeat center center/100%;}
.trend_pic{overflow: hidden;}
.trend_pic img{display: block;width: 100%;transition: all .3s ease-in;height:300px;}
.trend_list li:hover img{transform: scale(1.05);}
.trend_list li:hover .trend_cont{background: #084093;color: #FFFFFF;}
.trend_list li:hover .trend_type{color: #FFFFFF;}
.trend_list li:hover .trend_more{background: url(/images/realm_more.png)no-repeat center center/100%;}
@media only screen and (max-width:1366px ) {
	.trend_cont{padding: 20px 25px;}
	.trend_info{margin: 8px 0 10px;}
	.choo_box{width: 400px;}
	.choo_box{line-height: 60px;height: 60px;}
	.choo_box input{line-height: 60px;height: 60px;}
}
@media only screen and (max-width:768px ) {
	.trend_list{padding: 0 15px;box-sizing: border-box;}
	.trend_list li{width: 49%;margin-top: 20px;}
}
@media only screen and (max-width:500px ) {
	.trend_list li{width: 100%;}
	.choo_box{width: 300px;}
}<!--ºÄʱ1756502511.106Ãë-->