@media screen and (max-width: 1500px){
    .line_s{display: none;}
    .backtop{right: 100px;}
}
@media screen and (max-width: 1024px){
    .coninter{width: 736px;}
    .backtop{right: 20px;}
}
@media screen and (max-width: 768px) {
    #upImg input{width: 74px;height: 60px;margin:0 auto;} 
    #upImg{margin:0;text-align: center;}
    .basicinform ul{padding: 0;}
    #keyword {width: 220px;}
    .search-t,.search-d{width: 300px;}
    #s-btn{width: 80px;}
    .line{display: none;}
    .coninter{width: 100%;margin:30px 0 0 0;padding: 10px;}
    .text{padding:10px 20px 20px 20px;margin:0 auto 20px auto;}
    .category{margin-top: 20px;padding: 0;}
    .time{display: none;}
    .tit,.site{margin:10px;}
    .userinform a span{display: none;}
    .username{display: none;}
    .addfritext{left: 120px;top: 40px;width: 210px;box-shadow: 2px 2px 2px #ccc;}
    .centerbox{padding-left: 0;}
    .weather{text-align: left;width: 50%;}
    .user{text-align: right;width: 50%;}
    .btnbox .floatl,.btnbox .floatr{float: none;}
    .usercbox{margin:30px 0 0 0;}
    .basicinform div{float: none;margin:10px auto;}

    .systemtit a{width: 100px;margin-left: 10px;}
    .login_texta span,.login_textb span{width: 80px;text-align: left;display: inline-block;}
    body{font-size: 14px;}
    .change{margin: 20px auto 0 auto;}
    .login{width: 300px;margin-left: -150px;padding:10px 20px;}
    .inputbox input,.login_btn{width: 260px;}
    .codebox input{width: 150px;}
    .codebox img{width: 100px;margin-left: 10px;}
    .codebox span{margin-left: 10px;width: 100px;}
    .login .login_tit a{width: 120px;}
    #login_btn{margin-left: 80px;}
    .btnmargin{margin-left: 140px;}
    .inform{margin-left: 0;}
}