@media(max-width: 1200px){ .banner,.secret2,.secret3,.secret4,.secret5,.secret6,.secret7{display: none;} .banner2,.ss1,.ss2,.ss3,.ss4,.ss5,.bianji{display: block;} .top,.banner2,.ss1,.ss2,.ss3,.ss4,.ss5,.bianji,.footer,.rssbook1{width: 100%;} .banner2 img,.ss1 img,.ss2 img,.ss3 img,.ss4 img,.ss5 img,.bianji img{width: 100%;height: auto;} .footer{padding:10px 0 0 0;} .bottom{width:40%;padding-left: 150px;} .email_take{width: 25%;} } @media(max-width: 991px){ .rssbook1{height: auto;} } @media(max-width: 767px){ .banner2,.top_right,.weekly_back,.bianji,.foot,.ss1,.ss2,.ss3,.ss4,.ss5{display: none;} .banner3{display: block;width: 100%} .banner3 img{width: 100%;height: auto;} .ss1_1,.ss1_2,.ss2_1,.ss2_2,.ss3_1,.ss3_2,.ss4_1,.ss4_2,.ss5_1,.ss5_2{display: block;width: 100%;} .ss1_1 img,.ss1_2 img,.ss2_1 img,.ss2_2 img,.ss3_1 img,.ss3_2 img,.ss4_1 img,.ss4_2 img,.ss5_1 img,.ss5_2 img{width: 100%;height: auto;} .ss5_2 img{margin-bottom:72px;} #fun1 { position: absolute; right: 3%; top: 15px; display: block; cursor: pointer; } .m{ font-size: 15px; background: #fff; list-style: none; } .m a { color: #3e3e3e; } .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left: 30px; } .dbdh{display: block; width: 100%;position: fixed;bottom: 0;background:#ff4639;} .dbdh ul li{width: 25%;height: auto;float: left;} .dbdh ul li a{display: block;text-align: center;padding: 5px; } .dbdh ul li a img{display: inline-block;} .dbdh ul li a p{line-height: 30px;} } @media(min-width: 1200px){ #c6x{width: 511px;} }