/* CSS Document */ * { margin: 0; padding: 0; } ul { list-style: none; } .cursor { cursor: pointer; } .clear { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; overflow: hidden } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .l { float: left } .r { float: right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body { font-size: 12px; width: 100%; color: #666666; /* for IE6 */ background-attachment: fixed; } a { text-decoration: none; color: #666666; border: 0 } a:hover { text-decoration: underline; } img { border: 0; } .weekly_top { width: 100%; height: 41px; background: url(../images/img19/weekly_top.jpg) repeat-x; } /*top start*/ .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*/ .top1 { background: url(../images/img20/top1.jpg) center no-repeat; width: 100%; height: 220px; } .top2 { background: url(../images/img20/top2.jpg) center no-repeat; width: 100%; height: 312px; } .pic1 { width: 930px; height: 388px; margin: 0 auto; background: none; } .banner { background: url(../images/img20/ban_bg.jpg); width: 568px; height: 378px; float: left; margin-top: 15px; } .pic_s { z-index: 10; position: absolute; padding-left: 105px; } .container2 { overflow: hidden; position: relative; top: 65px; left: 10px; width: 545px; height: 304px; } .slider { position: absolute; } .slider dd { list-style: none; display: inline; } .slider img { width: 545px; height: 304px; display: block; } .slider2 { width: 4000px; } .slider2 dd { float: left; } .num { position: absolute; right: 5px; bottom: 5px; } .num dd { float: left; color: #FF7300; text-align: center; line-height: 16px; width: 16px; height: 16px; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 0px solid #FF7300; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .num dd.on { color: #FF7300; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #ddd; font-weight: bold; } .look { width: 958px; height: 112px; background: url(../images/img20/look.jpg) no-repeat center; margin: 0 auto; } .pic2 { width: 958px; height: 512px; background: url(../images/img20/pic3-2.jpg) no-repeat center; margin: 0 auto; } /*.pic3{width:958px; height:383px; background:url(../images/img20/pic3-2.jpg) no-repeat center; margin:0 auto;} */.pic2 h2 { font-size: 30.56px; color: #FFFFFF; text-align: center; line-height: 57px; font-weight: normal; padding-top: 241px; } .pic2 p { width: 365px; height: 80px; padding-left: 298px; font-size: 14px; text-indent: 2em; color: #000000; line-height: 30px; padding-top: 10px; } .look2 { width: 958px; height: 112px; background: url(../images/img20/look2.jpg) no-repeat center; margin: 0 auto; } .pic4 { width: 958px; height: 651px; background: url(../images/img20/pic4-1.jpg) no-repeat center; margin: 0 auto; } .left { width: 667px; padding-top: 64px; /*for IE6 */ padding-top: 70px; padding-left: 10px; float: left; } .left img { padding: 2px; } .right { width: 235px; padding-left: 30px; float: left; color: #FFFFFF; padding-top: 71px; /*for IE6 */ _padding-top: 78px; } .right h4 { font-size: 16px; line-height: 35px; padding-left: 10px; } .right p { font-size: 14px; text-indent: 2em; line-height: 25px; padding: 15px 11px 20px 1px; } .pic6 { width: 958px; height: 105px; background: url(../images/img20/look3.jpg) no-repeat center; margin: 0 auto; } .pic7 { width: 958px; height: 536px; background: url(../images/img20/pic7-1.jpg) no-repeat center; margin: 0 auto; } .s { width: 565px; height: 338px; padding: 10px 0px 0px 5px; background: #33CCFF; float: left; } .read_right { width: 335px; height: auto; padding: 10px 0px 15px 25px; overflow: hidden; float: left; } #con { FONT-SIZE: 12px; WIDTH: 335px; } #tags { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 355px; PADDING-TOP: 0px; HEIGHT: 23px } #tags LI { BACKGROUND: url(../images/img19/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px } #tags LI A { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/img19/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none } #tags LI.emptyTag { BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px } #tags LI.selectTag { BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px } #tags LI.selectTag A { BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px } #tagContent { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; ; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff; border: 1px solid #ccc; } .tagContent { DISPLAY: none; PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; WIDTH: 310px; COLOR: #474747; PADDING-TOP: 15px; } #tagContent DIV.selectTag { DISPLAY: block } .news_list li { width: auto; height: 22px; line-height: 22px; background: url(../images/img19/arrow.jpg) left no-repeat; text-indent: 16px; } .news_list li span { float: right; padding-right: 10px; } /*news change end*/ /*quetion*/ .go19 { width: 313px; z-index: 10; position: absolute; } .go19 .p1 { width: 293px; height: 30px; line-height: 30px; color: #000000; font-size: 14px; padding-top: 20px; padding-bottom: 5px; } .p1 span { font-weight: 600; } .liuyan { width: 733px; height: 250px; padding-left: 155px; padding-top: 260px; } .go { width: 313px; height: 250px; float: left; } .go h3 { color: #000000; padding: 15px 0; } .go label { line-height: 22px; font-size: 14px; margin-right: 15px; vertical-align: top; } .go input,.go textarea { line-height: 22px; margin-bottom: 15px; vertical-align: middle; display: inline-block; width: 80%; border: 1px solid #eeeeee; } .go input.sendto { margin-left: 46px; width: 100px; height: 30px; background: #94c030; color: #ffffff; cursor: pointer; } .go_write { width: 382px; height: 250px; background: url(../images/img20/weekly20.jpg) 33px 80px no-repeat; line-height: 20px; float: left; color: #000000; padding-left: 30px; padding-top: 10px; } .go_write h1 { width: auto; height: 30px; line-height: 30px; padding-left: 0px; font-size: 14px; } .cehua { width: 210px; height: 125px; padding-top: 20px; padding-left: 122px; } .cehua p { height: 50px; line-height: 20px; color: #000; font-size: 14px; } .cehua dl { color: #666666; font-size: 12px; } /*quetion end*/ #fun1,.m,.dbdh,.ber1,.ber2,.ber3,.ber3_1,.ber4,.ber4_1,.ber4_2,.ber4_3,.ber5,.ber5_1,.ber5_2,.ber5_3,.tit1,.tit1_1,.ber6,.ber6_1,.ber6_2, .ber6_3,.ber6_4,.ber6_5,.ber6_6,.ber6_7,.ber6_8,.ber7,.ber7_1,.ber8,.ber8_1,.ber8_2,.ber8_3,.ber9 { display: none; } .clearfloat { zoom: 1 } .clearfloat:after { display: block; clear: both; content: " "; visibility: hidden; height: 0; width: 0; } @media (max-width:1200px) { .top1,.top2,.look,.pic2,.look2,.pic4,.pic6,.go_write { display: none; } .top,.pic1,.slider img,.foot,.footer,.rssbook1 { width: 100%; } .ber1,.ber3,.ber4,.ber5,.tit1,.ber6,.ber7,.ber8 { display: block; width: 100%; } .ber1 img,.ber3 img,.ber4 img,.ber5 img,.tit1 img,.ber6 img,.ber7 img,.ber8 img { width: 100%; height: auto; } .banner { width: 60%; } .read_right { width: 40%; padding: 0; } .container2 { width: 93%; } .pic7 { width: 100%; background: none; height: auto; } .liuyan { width: 90%; padding-left: 10%; padding-top: 0; } .go { width: 44%; } .ber9 { display: block; width: 55%; float: left; } .footer { border: 0; padding: 10px 0 0 0; } .bottom { width: 45%; padding-left: 140px; } .email_take { width: 30%; background: none; } .banner { background: none; } } @media (max-width:991px) { input.rsstxt { width: 80%; } .news_list li span { display: none; } .pic_s { padding-left: 0; } .read_right { width: 37%; padding-left: 3%; } .liuyan { padding-left: 5%; } } @media (max-width:767px) { .top_right,.weekly_back,.banner,.ber3,.ber4,.ber5,.tit1,.ber6,.ber7,.ber8,.ber9,.bg,.read_right,.liuyan { display: none; } #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: 15px; } .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; color: #fff; } .dbdh ul li a p { line-height: 30px; } .dbdh ul li a img { display: inline-block; } .pic1 { height: auto; } .read_right { width: 97%; } .ber2,.ber3_1,.ber4_1,.ber4_2,.ber4_3,.ber5_1,.ber5_2,.ber5_3,.tit1_1,.ber6_1,.ber6_2,.ber6_3,.ber6_4,.ber6_5, .ber6_6,.ber6_7,.ber6_8,.ber7_1,.ber8_1,.ber8_2,.ber8_3 { display: block; width: 100%; } .ber2 img,.ber3_1 img,.ber4_1 img,.ber4_2 img,.ber4_3 img,.ber5_1 img,.ber5_2 img,.ber5_3 img,.tit1_1 img,.ber6_1 img,.ber6_2 img,.ber6_3 img,.ber6_4 img, .ber6_5 img,.ber6_6 img,.ber6_7 img,.ber6_8 img,.ber7_1 img,.ber8_1 img,.ber8_2 img,.ber8_3 img { width: 100%; height: auto; } .go19 { z-index: 0; } .rssbook { border: 0; } } .container { margin: 0 auto; padding: 0 15px; display: block } @media (min-width: 760px) { .container { width: 750px } } @media (min-width: 1000px) { .container { width: 1000px } } @media (min-width: 1200px) { .container { width: 1200px } } a { color: #333333; text-decoration: none } .weekly_top * { box-sizing: border-box } .weekly_top .container,.weekly_top { background: url("/weekly/images/bg.jpg") center } .weekly_top .top-left { padding-top: 11px; float: left; width: 80% } @media (min-width: 760px) { .weekly_top .top-left { width: 50% } } @media (min-width: 1000px) { .weekly_top .top-left { width: 40% } } .weekly_top .top-left img { vertical-align: initial } .weekly_top a { display: inline-block } .weekly_top a:hover { color: #ee5801 } .weekly_top .zhoubao { font-size: 23px; font-weight: bold; text-align: center; padding-left: 3px; padding-right: 8px } .weekly_top .en-zhoubao { font-size: 10px; font-weight: normal; line-height: 12px } .weekly_top .weekly-fx { float: left; line-height: 30px; font-size: 16px; padding-left: 6px } @media (max-width: 759px) { .weekly_top .weekly-fx { display: none } } .weekly_top .liner { border-right: 1px solid #777777; height: 30px } @media (max-width: 759px) { .weekly_top .liner { display: none } } .weekly_top .top-middle { padding-top: 23px; display: none } @media (min-width: 1000px) { .weekly_top .top-middle { width: 25%; float: left; display: block } } @media (min-width: 1200px) { .weekly_top .top-middle { width: 25% } } .weekly_top .top-middle select { background: #ee5801; color: #fff; border: none; padding: 8px 10px; font-size: 16px; border-radius: 10px; height: 36px } @media (min-width: 1000px) { .weekly_top .top-middle select { width: 100% } } .weekly_top .top-middle select:focus { border: none; outline: none } .weekly_top .top-middle .selected { font-size: 16px } .weekly_top .top-middle option { font-size: 14px !important; background: #fff !important; color: #333 } .weekly_top .top-right { padding-top: 26px; width: 20%; float: left } @media (min-width: 760px) { .weekly_top .top-right { width: 50% } } @media (min-width: 1000px) { .weekly_top .top-right { width: 35%; padding-left: 16px } } @media (min-width: 1200px) { .weekly_top .top-right { width: 35%; padding-left: 80px } } .weekly_top .top-right a { font-size: 16px; text-align: center } @media (min-width: 760px) { .weekly_top .top-right a { padding: 9px 25px } } @media (min-width: 1000px) { .weekly_top .top-right a { padding: 9px 19px } } .weekly_top .top-right .liner { border-right: 1px solid #777777; height: 30px } @media (max-width: 759px) { .weekly_top .menu-a { left: 6px } .weekly_top .menu-a a { width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: left !important } } .weekly_top .menu-a { display: none } @media (min-width: 760px) { .weekly_top .menu-a { display: block } } @media (min-width: 760px) { .weekly_top .menu-b { display: none; cursor: pointer; } } @media (min-width: 760px) { .top-aa .menu-a { display: none } } .weekly_top { height: auto !important } @media (min-width: 760px) { .weekly_top { height: 71px !important } } .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden } .clearfix { display: block } .foot { width: 100%; background: #171f23; color: #a9b3b3; text-align: center; line-height: 20px; padding: 15px 0; height: auto !important } .menu-b { cursor: pointer; width: auto !important } .weekly_back { margin-right: 0 !important } .weekly_top .container { position: initial; }