body{ background: #eaf2f5;}
.topsearch{ width: 1200px; /*margin:25px auto 0 auto;*/margin:10px auto 0 auto; background: #fff; height: 200px;}
.searchleft{ width: 295px;  float: left; text-align: center; padding-top: 70px;}
.searchright{ width: 882px; float: right; padding-top: 30px;}
.ttsearch{ height: 50px;}
.ttsearchleft{ border: #3fbbb9 solid 1px; height: 50px; width: 626px; border-radius: 25px; float: left;}
.ttsearchinput{ height: 47px; width: 458px; border: none; float: left; outline: none; border-radius: 25px; padding-left: 28px; }
.ttsearchleft a{  font-size: 18px;  float: right; text-align: center; width: 100px; line-height: 50px; border-radius: 25px; height: 50px; background: #3fbab8; color:#fff;}
a.reset{ font-size: 18px; margin-left: 20px; color:#333; margin-top: 15px; float: left;}
a.reset:hover{ color: #f90;}
.ttsearcbot{ height: 30px; margin-top: 10px;}
.ttsearcbot a{ height: 30px; display: inline-block; 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: 15px;*/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:#333333; text-decoration: none;}
.toutiaotitle a:hover{ color:#f60;}
.toutiaoitem{ padding-bottom: 18px; border-bottom: #e4edf1 solid 1px; margin-top: 26px;}
.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; margin-top:12px; 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%;
    }
}