@charset "utf-8"; /* CSS Document */ table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; } table { line-height: 18px; } 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; } .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .cred { color: #DD0D0B; } img { border: 0; } body { font-size: 12px; margin: 0; padding: 0; color: #666666 } a { text-decoration: none; color: #2c2d2c; } a:hover { text-decoration: underline; } .banner { width: auto; height: 286px; margin: 0 auto; background: url(../images/img21/banner.jpg) top center no-repeat; } .logo_home { height: 282px; margin: 0 auto; background: url(../images/img21/bodybg.jpg) top center no-repeat #ffffff; } .weekly_top { width: 100%; height: 41px; background: url(../images/img21/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*/ .readhotbg { height: 394px; margin: 0 auto; background: url(../images/img21/readhotbg.jpg) top center no-repeat; overflow: hidden } .read_hot { width: 980px; height: 394px; margin: 0 auto; } .read_left { width: 430px; height: 266px; padding: 128px 0 0 168px; } .read_left p { width: 410px; line-height: 30px; font-size: 14px; text-indent: 24px; color: #000 } .read_left p a { color: #F00 } .read_right { width: 355px; height: auto; padding: 12px 0 0 0; } .share { width: auto; height: 40px; padding-left: 10px; } .dingyue { width: 108px; height: 32px; margin-top: 5px; } .baidu_share { width: auto; height: 32px; } /*青春无悔*/.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .clearfix { zoom: 1; } .clearit { clear: both; height: 0; font-size: 0; overflow: hidden; } /*自定义*/ #wrap { width: 930px; text-align: left; margin: 0 auto; } /*part03*/ #part_6 { overflow: visible; } .part03 { position: relative; padding-top: 30px; overflow: visible; position: relative } .part03 .more { position: absolute; right: 13px; top: 35px; height: 22px; width: 35px; display: block; } .part03 .slide_pic_item { width: 689px; height: 524px; } .part03 .slide_pic_link img { width: 689px; height: 500px; position: relative; cursor: default; } .part03 .slide_pic_item p { width: 689px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; background: url("../images/img21/graybg.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/graybg.png'); _background: none; /*opacity: 0.5;filter:alpha(opacity=50);background:#000; */ color: #d3f7c7; position: absolute; left: 0; bottom: 24px; } .bottom_img { width: 689px; height: 22px; margin-top: 2px; clear: both } .part03 .star { position: absolute; right: 172px; top: 5px; width: 130px; height: 130px; background: url("../images/img21/pic.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/pic.png'); _background: none; z-index: 999; } .pics_bg1 { position: absolute; right: -1px; top: 22px; width: 229px; height: 533px; background: url("../images/img21/cover1.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/cover1.png'); _background: none; z-index: 998; } .pics_bg2 { position: absolute; right: -1px; top: 22px; width: 229px; height: 533px; background: url("../images/img21/cover2.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/cover2.png'); _background: none; z-index: 998; } .pics_bg3 { position: absolute; right: -1px; top: 22px; width: 229px; height: 533px; background: url("../images/img21/cover3.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/cover3.png'); _background: none; z-index: 998; } .pics_bg4 { position: absolute; right: -1px; top: 22px; width: 229px; height: 533px; background: url("../images/img21/cover4.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/cover4.png'); _background: none; z-index: 998; } .pics_bg5 { position: absolute; right: -1px; top: 21px; width: 229px; height: 533px; background: url("../images/img21/cover5.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/cover5.png'); _background: none; z-index: 998; } .pics_bg6 { position: absolute; right: -1px; top: 22px; width: 229px; height: 533px; background: url("../images/img21/cover6.png") no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/img21/cover6.png'); _background: none; z-index: 998; } .pics { position: absolute; right: -2px; top: 21px; width: 229px; height: 533px; } .pics_blank { position: absolute; right: -3px; top: 19px; width: 229px; height: 533px; z-index: 1000; } .pics img, pics_blank img { width: 229px; height: 533px; cursor: default; } .pics_blank area { cursor: pointer; } .slide_star_btn { width: 152px; height: 152px; position: absolute; } #slide_star_btn_1 { top: 60px; right: 0; } #slide_star_btn_2 { top: 136px; right: 77px; } #slide_star_btn_3 { top: 212px; right: 0; } #slide_star_btn_4 { top: 288px; right: 77px; } #slide_star_btn_5 { top: 364px; right: 0; } #slide_star_btn_6 { top: 440px; right: 77px; } .slide_star_btn img { width: 152px; height: 152px; cursor: default; } .slide_star_btn area { cursor: pointer; } /*part06*/ .part06 { position: relative; margin-top: 20px; _margin-top: 10px; background: #F1F1F1; } .part06 .title { width: 165px; height: 55px; background-position: -220px -360px; } .part06 .more { position: absolute; right: 13px; top: 30px; height: 22px; width: 35px; display: block; } #con { FONT-SIZE: 12px; WIDTH: 335px; margin-left: 10px; margin-top: 0px; } #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/img21/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/img21/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 { PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; WIDTH: 310px; COLOR: #474747; PADDING-TOP: 10px; } #tagContent DIV.selectTag { DISPLAY: block } .news_list li { width: auto; height: 22px; line-height: 22px; background: url(../images/img21/arrow.jpg) left no-repeat; text-indent: 16px; } .news_list li span { float: right; padding-right: 10px; } /*news change end*/ .liming { width: 926px; height: 437px; margin: 0 auto; margin-top: 15px; background: url(../images/img21/liming.jpg) top left no-repeat; } .colorful { width: 709px; height: 239px; margin: 0 auto; padding: 275px 0 0 230px; background: url(../images/img21/happy.jpg) top left no-repeat; } .colorful_message { width: 280px; height: 175px; padding-top: 10px; } .colorful_message h3 { color: #000000; padding-bottom: 15px; } .colorful_message label { line-height: 22px; font-size: 14px; margin-right: 15px; vertical-align: top; } .colorful_message input,.colorful_message textarea { line-height: 22px; margin-bottom: 15px; vertical-align: middle; display: inline-block; width: 80%; border: 1px solid #eeeeee; } .colorful_message input.sendto { margin-left: 46px; width: 100px; height: 30px; background: #94c030; color: #ffffff; cursor: pointer; } .colorful_edit { width: 335px; height: 200px; margin-left: 60px; color: #000 } .colorful_edit h3 { font-size: 14px; line-height: 30px; } .colorful_edit h5 { line-height: 25px; font-size: 12px; font-weight: 100; margin-bottom: 10px; } .colorful_edit img { width: 100px; height: 121px; float: left } .colorful_edit p { width: 210px; height: 120px; line-height: 23px; font-size: 14px; float: right } .colorful_edit p span { width: 200px; display: block; padding-top: 10px; line-height: 20px; font-size: 12px; color: #4e4e4e; } /*weekly_list start*/ .back { width: 980px; height: auto; background: #fff; margin: 0 auto; margin-top: 10px; padding: 10px 0 } .weekly_list { width: 935px; height: auto; padding-bottom: 20px; overflow: hidden; border: 1px solid #ccc; margin: 0 auto; background: #FFF } .weekly_list h1 { width: auto; height: 35px; padding: 0 30px; font-size: 14px; line-height: 35px; border-bottom: 1px solid #ccc; background: url(../images/img14/arr.jpg) 2% no-repeat; } .weekly_list h1 span { float: right; font-size: 14px; font-weight: 200 } .weekly_list ul { width: 930px; height: auto; margin: 19px 0 0 25px; overflow: hidden } .weekly_list ul li { width: 135px; height: 190px; float: left; margin-right: 15px; text-align: center } .weekly_list ul li img { width: 130px; height: 164px; } .weekly_list ul li p { text-align: center; line-height: 25px; } /*weekly_list end*/ #fun1,.m,.dbdh,.ber1,.ber2,.ber3,.ber4,.ber5,.ber6,.ber7,.ber3_1,.ber3_2,.ber3_3,.ber4_1,.ber4_2 { display: none; } .clearfloat { zoom: 1 } .clearfloat:after { display: block; clear: both; content: " "; visibility: hidden; height: 0; width: 0; } @media (max-width:1200px) { .logo_home,.banner,.liming,.colorful_edit { display: none; } .top,.read_hot,.read_left p,.rssbook1,#wrap,.part03 .slide_pic_link img,.bottom_img,.bottom_img img,.back, .foot_div,.footer,.weekly_list ul li img { width: 100%; } body { background: none; } .ber1,.ber3,.ber4 { display: block; width: 100%; } .ber1 img,.ber3 img,.ber4 img { width: 100%; height: auto; } .read_hot { height: auto; } .part03 .slide_pic_link img { height: 499px; } .readhotbg { width: 100%; height: auto; background: none; } .ber2 { display: block; width: 100%; height: auto; } .read_left { width: 50%; height: auto; padding: 0; } .read_right { width: 40%; padding-left: 5%; } .read_left p { padding-left: 10px; } .part03 .slide_pic_item,.part03 .slide_pic_item p { width: 70%; } .part03 .star { left: 0; } .pics_bg1,.pics,.pics_blank { width: 25%; right: 0; } .pics img { width: 100%; } .pics_bg1,.pics_bg2,.pics_bg3,.pics_bg4,.pics_bg5,.pics_bg6 { background: none; right: 0; } .colorful { width: 100%; padding: 10px 0 0 0; background: none; height: auto; } .colorful_message { width: 36%; margin-left: 14%; } .ber6 { display: block; width: 39%; margin-left: 3%; float: left; } .ber5 { display: none; } .weekly_list { width: 100%; border: 0; padding-bottom: 0; } .weekly_list ul { width: 100%; margin: 0; } .weekly_list ul li { width: 15%; margin-left: 1%; margin-right: 0.5%; height: auto; } .footer { border: 0; padding: 10px 0 0 0; } .bottom { width: 45%; padding-left: 140px; height: auto; } .email_take { width: 30%; background: none; height: auto; } .pics_blank img { width: 100%; } .rssbook { width: 70%; margin: 0; border: 0; } } @media (max-width:991px) { .ber5 { display: none; } .footer { height: 100px; } .rssbook1 { height: 80px; } .colorful_message { margin-left: 10%; } } @media (max-width:767px) { .top_right,.weekly_back,.news_list li span,#wrap,.ber6,.foot,.ber3,.ber4,.read_right{ 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; } .read_left { width: 100%; } input.rsstxt { width: 53%; } #tagContent { border: 0; } .ber7,.ber3_1,.ber3_2,.ber3_3,.ber4_1,.ber4_2 { display: block; width: 100%; } .ber7 img,.ber3_1 img,.ber3_2 img,.ber3_3 img,.ber4_1 img,.ber4_2 img { width: 100%; height: auto; } .weekly_list ul li { width: 31%; margin-left: 1%; } .weekly_list ul li,.weekly_list ul li img { height: auto; } .read_left p { width: 99%; padding-left: 1%; } .colorful_message{ height: auto; width: 75%; } } @media (max-width:320px) { .weekly_list ul li { width: 49%; } } .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; } @media (max-width: 760px){ body{ padding: 0 15px; } }