@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } img { margin: 0; display: block; } img,form,input { border: 0px; } ul,li { list-style: none; } .clear { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; } .l { float: left } .r { float: right; } body { font-size: 12px; color: #272727; line-height: 22px; height: 22px; } a { text-decoration: none; color: #a9a8a8; } a:hover { text-decoration: none; } .weekly_top { width: 100%; height: 41px; background: url(../images/img39/weekly_top.jpg) repeat-x; } .top { width: 940px; height: 20px; padding-top: 12px; margin: 0 auto; } .top_left { width: auto; padding-left: 15px; line-height: 20px; color: #000; } .weekly_back { width: auto; height: 20px; margin-right: 30px; line-height: 20px; } .top_right { width: auto; height: 20px; line-height: 20px; padding-right: 30px; } .top_right a { color: #d40000; } .top_right img { margin-top: 2px; float: left; margin-right: 10px; } /*top end*/ .gap-top30 { padding-top: 30px; } .banner { background: url(../images/img44/newspaper44_1.jpg) no-repeat top center; height: 585px; } .secret12,.secret15,.secret7a { width: 1050px; margin: 0 auto; } .secret2 .secret12 img,.secret4 .secret12 img { padding-top: 60px; } .secret2 { background: #010b19 url(../images/img44/newspaper44_2.png) no-repeat top center; height: 606px; } .secret3 { background: #010b19 url(../images/img44/newspaper44_3.png) no-repeat top center; height: 638px; } .secret4 { background: #010b19 url(../images/img44/newspaper44_4.png) no-repeat top center; height: 634px; } .secret5 { background: #010b19 url(../images/img44/newspaper44_5.png) no-repeat top center; } .secret6 { background: #010b19 url(../images/img44/newspaper44_6.png) no-repeat top center; height: 543px; } .secret2 .secret12 img,.secret121,.secret4 .secret12 img { float: left; padding-top: 60px; } .secret121 { margin-left: 20px; } .secret121 h1 { font-size: 72px; color: white; line-height: 72px; padding-top: 20px; padding-bottom: 20px; } .secret121 h2 { color: #ffd14e; font-size: 32px; padding-bottom: 20px; } .secret121 p { color: white; font-size: 18px; line-height: 1.4em; padding: 5px 0; } .secret121 p b { color: #ffd14e; width: 90px; height: 25px; float: left; display: block; } .secret12 .secret121 img { padding-top: 10px; } .gap-left { margin-left: 50px; } .secret5,.secret16 { padding-top: 70px; } .secret151 { float: left; } .secret15 { height: 475px; } .secret151 p { float: left; padding: 0 30px; font-size: 18px; line-height: 2.9em; } .secret151 .secret15_p { padding-left: 86px; } .secret151 p b { color: #1c78f7; } .secret151_l { margin-left: 25px; } .secret152 a { display: block; } .secret152 h1,.secret152 a img { padding-top: 22px; } .secret152 h1 { font-size: 24px; float: left; padding-left: 30px; color: white; display: block; line-height: 1.4em; font-weight: normal; } .secret152 h1 b { font-size: 34px; } .secret152 a img { float: right; padding-right: 30px; } .secret7 { background-color: #012c68; height: 160px; } .secret7a>img,.secret71,.secret72 { padding-top: 20px; } .secret7a img,.secret71,.secret721 { float: left; } .secret71 { color: white; padding-left: 60px; } .secret71 h3 { font-size: 20px; padding-bottom: 20px; padding-top: 10px; } .secret71 p { font-size: 16px; line-height: 2em; } .secret721 p { color: white; text-align: center; } .secret72 { float: right; } .secret721 { padding-left: 20px; } .secret151 { max-width: 512px; } .secret72 { max-width: 400px; float: right; } .secret721 { max-width: 80px; } /*footer begin*/ .footer { width: 850px; height: 60px; margin: 0px auto; background: url(../images/img1/grayloge.jpg) 2% #FFF no-repeat; padding: 10px 0px 0 150px; } .footer a { color: #6F6F6F; } .bottom { width: 450px; height: 50px; line-height: 25px; } .bottom p { color: #6F6F6F; } .email_take { width: 252px; height: 60px; } /*email take start*/ .rssbook1 { overflow: hidden; zoom: 1; background: #FFF; width: 275px; height: 60px; } .mailInput1 { margin-top: 5px; } .rssbook1 .info1 { color: #666; font-size: 12px; } .light .info1 { color: #666; } .dark .info1 { color: #fff; } .rssbutton1 { float: left; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; width: 48px; float: left; } .rssbutton1 input { cursor: pointer; width: 48px; display: block; height: 27px; line-height: 22px; line-height: 19px; text-align: center; } .dark .rssbutton1 input { background: #ececec; border: #d2d2d2 solid 1px; } /*.rssbutton1 input:hover{background:#ececec;text-decoration:none;}*/ input.rsstxt1 { width: 70%; height: 25px; font-size: 14px; padding: 0px 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; float: left; margin-right: 5px; border: 1px #ccc solid } .dark input.rsstxt1 { background: #eee; } /*footer end*/ /* xiangying */ .banner2,.banner3,.ss1,.ss1_1,.ss1_2,.ss2,.ss2_1,.ss2_2,.ss3,.ss3_1,.ss3_2,.ss4,.ss4_1,.ss4_2,.ss5,.ss5_1,.ss5_2,.bianji,.dbdh,#fun1,.m { display: none; } @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; } #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; } }