body{ background: #eaf2f5;}
.topsearch{ width: 1200px; /*margin:25px auto 0 auto;*/margin:10px auto 0 auto; background: #fff; height: 114px;}
.searchleft{ width: 295px; justify-content: center; float: left; padding: 30px 0 0 60px;}
.searchright{ width: 882px; float: left;}
.ttsearch{ height: 50px; padding-top: 32px;}
.ttsearchleft{ border: #3fbbb9 solid 1px; height: 50px; width: 626px; border-radius: 25px; float: left;}
.ttsearchinput{ height: 47px; width: 458px; border: none; outline: none; border-radius: 25px; padding-left: 28px;  float: left;}
.ttsearchleft a{  font-size: 18px;  width: 100px; border-radius: 25px; height: 50px; text-align: center; line-height: 50px; background: #3fbab8; color:#fff; float: right;}
a.reset{ font-size: 18px; margin-left: 20px; margin-top: 11px; color:#333; float: left;}
a.reset:hover{ color: #f90;}
.ttsearcbot{ height: 30px; margin-top: 10px;}
.ttsearcbot a{ height: 30px; margin-left: 10px; padding: 0 14px; border:#3fbab8 solid 1px; line-height: 28px; font-size: 14px; color:#555; border-radius: 3px;}
.ttsearcbot a:hover{ background: #3fbab8;color:#fff;}
a.tton{background: #3fbab8;color:#fff;}
.toutian{ background: #fff; width: 1200px; /*margin-top: 25px;*/margin-top: 8px; font-size: 14px; color: #333333; padding: 18px 50px;}
.total span{ color: #3fbab9;}
.toutiaotitle{ }
.toutiaotitle a{ font-size: 16px; text-decoration: underline; color:#555; float: left; text-decoration: none;}
.toutiaotitle a:hover{ color:#f60;}
.toutiaoitem{ padding-bottom: 28px; border-bottom: #e4edf1 solid 1px; margin-top: 20px; overflow: hidden;}
.toutiaoitem p{ line-height: 150%; margin: 10px 0 0 0; padding: 0; color: #666; font-size: 13px;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.toutiaoitem span{ text-align: right; float: right; margin-top: 5px; font-size: 13px; display: block;color: #666;}

.toutian{ /*margin-bottom: 50px;*/margin-bottom: 20px;}


@media screen and (max-width:1025px) {
    body{

        width: 113%;
    }
}
@media screen and (max-width:970px) {
    body{

        width: 127%;
    }
}
@media screen and (max-width:600px) {
    body{

        width: 307%;
    }
}

@media screen and (max-width:380px) {
    body{

        width: 333%;
    }
}