@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } img,form { 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: #000000; background: #FFF } a { text-decoration: none; color: #000000; } a:hover { text-decoration: none; } div { margin: 0 auto } /*top start*/ .weekly_top { width: 100%; height: 41px; background: url(../images/img37/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*/ .con_1 { width: 100%; height: 678px; background: url(../images/img37/bg1.jpg) no-repeat top center; } .con_logo { width: 1200px; height: 72px; padding-top: 53px; } .con_logo div { width: 174px; height: 72px; margin-right: 55px; float: right; cursor: pointer; } .con_2 { width: 100%; height: 908px; margin-top: -5px; background: url(../images/img37/bg2.jpg) no-repeat top center; } .con_2_t { width: 1200px; height: 908px; position: relative; background: url(../images/img37/player.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img37/player.png" ,sizingMethod="crop"); } .con_2_t li { cursor: pointer; position: absolute; } .con_2_t li a { display: block; } .con_2_t li span { position: absolute; visibility: hidden; } .con_2_t a:hover { zoom: 1 } .con_2_t a:hover span { visibility: visible; } /*.con_2_t li:hover span{ visibility:visible;}*/ .li1 { width: 200px; height: 100px; margin: 20px 0px 0px 500px; } .li1 a { width: 200px; height: 100px; } .li1 span { left: -223px; top: 42px; } .li2 { width: 160px; height: 270px; margin: 50px 0px 0px 1033px; } .li2 a { width: 160px; height: 270px; } .li2 span { left: -499px; top: -235px; } .li3 { width: 180px; height: 280px; margin: 30px 0px 0px 0px; } .li3 a { width: 180px; height: 280px; } .li3 span { left: -11px; top: -233px; } .li4 { width: 260px; height: 286px; margin: 57px 0px 0px 665px; } .li4 a { width: 260px; height: 286px; } .li4 span { left: -292px; top: -239px; } .li5 { width: 238px; height: 300px; margin: 35px 0px 0px 312px; } .li5 a { width: 238px; height: 300px; } .li5 span { left: -38px; top: -210px; } .li6 { width: 233px; height: 230px; margin: 339px 0px 0px 0px; } .li6 a { width: 233px; height: 230px; } .li6 span { left: 5px; top: -319px; } .li7 { width: 373px; height: 232px; margin: 380px 0px 0px 578px; } .li7 a { width: 373px; height: 232px; } .li7 span { left: -156px; top: -356px; } .li8 { width: 188px; height: 231px; margin: 332px 0px 0px 1009px; } .li8 a { width: 188px; height: 231px; } .li8 span { left: -474px; top: -299px; } .li9 { width: 230px; height: 180px; margin: 665px 0px 0px 284px; } .li9 a { width: 230px; height: 180px; } .li9 span { left: -276px; top: -335px; } .li10 { width: 216px; height: 226px; margin: 387px 0px 0px 311px; } .li10 a { width: 216px; height: 226px; } .li10 span { left: -227px; top: -368px; } .li11 { width: 227px; height: 190px; margin: 657px 0px 0px 711px; } .li11 a { width: 227px; height: 190px; } .li11 span { left: -179px; top: -326px; } .con_3 { width: 100%; height: 285px; padding-top: 20px; background: url(../images/img37/bg3.jpg) no-repeat top center; } .con_3_t { width: 750px; height: 270px; margin: 0 auto; background: url(../images/img37/no6bg.jpg) no-repeat #fff; } .liuyan { width: 713px; height: 240px; padding: 20px 0 0 38px; } .go { width: 313px; height: 240px; float: left; } .go_write { width: 362px; height: 230px; background: url(../images/img37/weekly37.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; } .no6p { width: 293px; height: 30px; line-height: 30px; color: #000000; font-size: 14px; padding-top: 20px; padding-bottom: 5px; } .foot { background: #131d2a; color: #6F6F6F; padding-top: 21px; } .footer { width: 946px; height: 60px; margin: 0px auto; border: 1px solid #CCC; background: url(../images/img37/grayloge.jpg) 2% #FFF no-repeat; padding: 5px 20px 0 150px; } .footer a { color: #6F6F6F; } .bottom { width: 450px; height: 50px; line-height: 25px; } .email_take { width: 320px; height: 60px; background: url(../images/img37/plice.jpg) no-repeat right } /*email take start*/ .rssbook1 { overflow: hidden; zoom: 1; background: #FFF; width: 275px; height: 60px; float: left; } .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; } input.rsstxt1 { width: 70%; height: 20px; font-size: 14px; padding: 0px 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; float: left; margin-right: 5px; } .dark input.rsstxt1 { background: #eee; } #fun1,.m,.dbdh,.ber1,.bpng1,.ber2,.bpng2,.xytu,.xytu2,.ber3 { display: none; } @media (max-width:1200px) { .con_1,.go_write { display: none; } .ber1 { display: block; width: 100%; } .top,.con_2_t { width: 100%; } .ber1 img { width: 100%; height: auto; } .con_2_t { background: url(none); } .bpng1 { display: block; width: 100%; height: 908px; } .li1,.li2,.li4,.li5,.li7,.li8,.li9,.li10,.li11 { margin-left: 0; } .li1 span { top: 40%; left: -140%; } .li1 { top: 5px; left: 39%; } .li2 { top: 10px; left: 82%; } .li2 span { top: -100%; left: -321%; } .li3 { top: 5px; left: 0%; } .li3 span { left: 1%; top: -100%; } .li4 { top: 10px; left: 51%; } .li4 span { top: -79%; left: -94%; } .li5 { top: 5px; left: 20%; } .li5 span { left: 0; top: -80%; } .li6 { top: 5px; left: 0%; } .li6 span { left: 1%; top: -140% } .li7 { top: 5px; left: 45%; } .li7 span { left: -40%; top: -140%; } .li8 { top: 4px; left: 80%; } .li8 span { left: -255%; top: -110%; } .li9 { top: 4px; left: 20%; } .li9 span { left: -80%; top: -180%; } .li10 { top: 5px; left: 24%; } .li10 span { left: -100%; top: -150%; } .li11 { top: 3px; left: 56%; } .li11 span { left: -110%; top: -150%; } .con_3_t { width: 77%; background: url(none) #fff; } .ber2 img { width: 100%; height: 214px; } .liuyan { padding-left: 0px; width: 96%; } .ber2 { display: block; width: 48%; float: left; } .go { width: 40%; } .footer { width: 100%; border: 0; padding: 10px 0 0 0; } .bottom { width: 45%; padding-left: 140px; } .email_take { width: 30%; } .rssbook1 { width: 100%; } } @media (max-width:991px) { .bpng1,.ber2 { display: none; } .ber3 { display: block; width: 44%; float: left; } .ber3 img { width: 100%; height: auto; margin-top: 25px; } .bpng2 { display: block; width: 100%; height: 834px; } .li1 span img,.li2 span img,.li3 span img,.li4 span img,.li5 span img,.li6 span img,.li7 span img,.li8 span img,.li9 span img, .li10 span img,.li11 span img { width: 100%; height: auto; } .li5 a,.li4 a { width: 180px; } .li6 a { width: 160px; } .li7 a { width: 270px; } .li8 a { width: 146px; } .li10 a { width: 150px; } .li1 span { right: -158%; } .li2 span { left: -211%; top: -60%; } .li3 span { left: 0; top: 5%; } .li4 span { top: -60%; left: -70%; } .li5 span { top: -56%; right: -110%; } .li6 span { top: -20%; } .li7 span { top: -90%; left: -28%; } .li8 span { top: -120%; left: -274%; } .li9 span { top: -100%; left: -50%; } .li10 span { top: -75%; left: -50%; } .li11 span { top: -60%; left: -36%; } .li10 { top: 34px; } .li8 { width: 147px; top: 50px; } .li9,.li11 { top: 4%; } .li2,.li2 a { width: 133px; } .go { width: 50%; } .ber2 { width: 46%; } .footer { height: 100%; } .li1,.li1 a { width: 136px; } } @media (max-width:767px) { .top_right,.weekly_back,.foot,.con_2,.ber2,.go,.con_3 { 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: 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; color: #fff; } .dbdh ul li a p { line-height: 30px; } .dbdh ul li a img { display: inline-block; } .xytu2 { display: block; width: 100%; } .xytu2 .hltu1 { width: 40%; height: 286px; float: left; } .xytu2 .hltu2 { width: 60%; height: 286px; float: left; } } @media (max-width:660px) { .xytu2 { display: none; } .xytu { display: block; width: 100%; margin-top: -5px; } .xytu img { width: 100%; height: auto; } } .go{float:left;width:313px;height:250px} .go h3{padding:15px 0;color:#000} .go label{margin-right:15px;vertical-align:top;font-size:14px;line-height:22px} .go input,.go textarea{display:inline-block;margin-bottom:15px;width:80%;border:1px solid #eee;vertical-align:middle;line-height:22px} .go input.sendto{margin-left:46px;width:100px;height:30px;background:#94c030;color:#fff;cursor:pointer}