.weekly_top .top { max-width: 1170px; height: 20px; padding-top: 12px; margin: 0 auto; padding: 12px 15px 0 15px } .weekly_top .top .top_left { width: 30%; line-height: 20px; color: #000; float: left } @media (max-width: 759px) { .weekly_top .top .top_left { display: none } } .weekly_top .top .weekly_back { width: 35%; height: 20px; line-height: 20px; float: left } @media (max-width: 759px) { .weekly_top .top .weekly_back { width: 50% } } .weekly_top .top .weekly_back select { width: 100% } .weekly_top .top .top_right { width: 25%; height: 20px; line-height: 20px; float: right; text-align: center } .weekly_top .top .top_right a { color: #d40000 } .weekly_top .top .top_right img { margin-top: 2px; float: left; margin-right: 10px; max-width: 100%; width: auto } .second { background-color: #004da4 } .bri_title { font-size: 24px; color: #ffffff; text-align: center } .bri_title .font-orge { color: #f44149 } .bri_title_white { font-size: 24px; text-align: center } .bri_title_white .font-orge { color: #f44149 } .first .last_img .img-responsive { display: inline-block } .final .container .line .las { display: block; margin: 0px auto 0px } .final .last_bg { background: url(/weekly/images/img56/final_big.jpg) no-repeat left scroll; background-size: auto auto; padding: 50px 0px; text-align: center } .final .last_bg .toumi { display: inline-block } .second .container .line .right_line.b, .second .container .line .left_line.b { display: none; background-color: white } .second .container .line .content { color: white } .second .container .f { text-align: right } .second .container .f .img-responsive { display: inline-block; float: right; } footer { background-color: #3f271b; color: white } @media (max-width: 449px) { footer .qqqvatar .xl4 { width: 33.33333%; float: left; margin-bottom: 20px } } @media (max-width: 759px) { .banner .res { display: block; max-width: 100%; height: auto; position: relative; left: 50%; transform: translateX(-50%) } .first { padding: 30px 0px 30px } .first .container .line .title { display: block; margin: 0px auto 10px; max-width: 40% } .first .container .line .left_line { height: 1px; background-color: black; float: left; width: 25%; margin-left: 10% } .first .container .line .right_line { height: 1px; background-color: black; float: right; width: 25% } .first .container .line .right_line.b, .first .container .line .left_line.b { display: none } .first .container .line .content { margin: 20px auto 15px; width: 85%; text-align: center } .first .container .last_img { margin-bottom: 20px } .first .container .last_img .left_img { display: none } .first .container .baog { background-color: #cfcfcf; margin: 20px auto; max-width: 532px } .first .container .baog .fir_img { margin-top: 2px } .second { padding: 30px 0px 50px } .second .container .line .title { display: block; margin: 0px auto 10px; max-width: 40% } .second .container .pic .f .img-responsive { border-right: 1px solid white } .second .container .pic .xl12 { text-align: center } .second .container .pic .xl12 .img-responsive { display: inline-block } .final .container .line .las { max-width: 70% } .final .last_bg .toumi { display: none } .final .last_bg .toumi.s { display: inline-block } footer .container { padding-top: 40px; padding-bottom: 40px } footer .container .line-big .xl12 { margin-bottom: 15px } footer .container .line-big .xl12 h1 { margin-bottom: 30px } footer .container .line-big .xl12 p { font-size: 16px; line-height: 25px } footer .container .line-big .xl12 .margin-big-top { margin-top: 35px } footer .container .line-big .xl12.qqqvatar { margin-top: 20px; text-align: center } footer .container .line-big .xl12.qqqvatar p { font-size: 14px } footer .container .line-big .xl12.qqqvatar .qqimg img { max-width: 100% } footer .container .line-big .xl12.pic { text-align: center } footer .container .line-big .xl12.pic .pictr { display: inline-block; margin: 0px auto } } @media (min-width: 760px) { .banner .res { display: block; max-width: 100%; height: auto; position: relative; left: 50%; transform: translateX(-50%) } .first { padding: 40px 0px 60px } .first .container { padding: 0px } .first .container .line .title { display: block; margin: 0px auto 10px; max-width: 125px } .first .container .line .left_line { height: 1px; background-color: black; float: left; width: 220px; margin-left: 40px } .first .container .line .right_line { height: 1px; background-color: black; float: right; width: 220px; margin-right: 40px } .first .container .line .content { margin: 20px auto 30px; width: 85%; text-align: center } .first .container .line .content br { display: none } .first .container .last_img .left_img { display: none } .first .container .fir_img_5 { margin-top: 1px } .final .last_bg .toumi { display: inline-block } .final .last_bg .toumi.s { display: none } footer .container { padding-top: 40px; padding-bottom: 40px } footer .container .line-big .xl12 { margin-bottom: 20px } footer .container .line-big .xl12 h1 { margin-bottom: 30px } footer .container .line-big .xl12 p { font-size: 16px; line-height: 35px } footer .container .line-big .xl12 .margin-big-top { margin-top: 35px } footer .container .line-big .xl12.qqqvatar { margin-top: 30px; text-align: center } footer .container .line-big .xl12.qqqvatar p { font-size: 14px } footer .container .line-big .xl12.qqqvatar .qqimg img { max-width: 100% } footer .container .line-big .xl12.pic { text-align: right } footer .container .line-big .xl12.pic .pictr { display: inline-block; margin: 0px auto } } @media (min-width: 1000px) { .banner .res { display: block; max-width: 100%; height: auto; position: relative; left: 50%; transform: translateX(-50%) } .first { padding: 30px 0px 80px } .first .container { padding: 0px } .first .container .line .title { display: block; margin: 0px auto 10px; max-width: 115px } .first .container .line .left_line { height: 1px; background-color: black; float: left; width: 220px; margin-left: 110px } .first .container .line .right_line { height: 1px; background-color: black; float: right; width: 220px; margin-right: 110px } .first .container .line .right_line.b, .first .container .line .left_line.b { display: block } .first .container .line .content { margin: 20px auto 30px; width: 90%; text-align: center } .first .container .line .content br { display: block } } @media (min-width: 1200px) { .banner .res { display: block; max-width: 1920px; height: auto; position: relative; left: 50%; transform: translateX(-50%) } .first .container .line .title { max-width: 125px } .first .container .line .left_line { width: 300px; margin-left: 130px } .first .container .line .right_line { width: 300px; margin-right: 130px } .first .container .last_img .left_img { display: inline-block; vertical-align: top; margin-left: -50px; margin-right: -4px } footer .container { padding-top: 60px } } .copy img{max-width: 100%;width: auto;} .copy{padding-top: 10px;height: 60px;} .copy_center_p{float: left;margin-left: 30px;padding-top: 10px;} .copy_left img{float:left;} .copy_left ul li{float:left;line-height:12px;list-style-type:none;} .copy_left ul li a{display:inline-block;text-align:center;padding:0 9px;border-right:1px solid} .copy_left ul li:nth-child(1) a{padding-left:0} .copy_left p,.copy_left ul li a,.copy_right p{font-size:12px;color:#6F6F6F} .copy_left p,.copy_left ul li a,.copy_right p{font-size:12px;color:#6F6F6F} .copy_right{height:auto;width: 240px;float: right;} .input_text{height:25px;font-size:14px;padding:0 3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;margin-top:5px;margin-right:5px;float:left;border:1px #ccc solid} .sub{float:left;cursor:pointer;width:48px;display:block;height:27px;text-align:center;margin-top:5px} .copy_input img{margin-left:22px;margin-top:-5px} @media (max-width: 767px){ .foot_right{display: none;} .footer{display: none;} .copy_center{display: none;} .copy_right{display: none;} .copy_left img{display: none;} } @media (min-width: 768px){ .copy_center_p{width: 396px;}} @media (max-width: 999px){ .copy_right{display: none;}} @media (min-width: 1200px){ .copy_center_p{margin-left: 60px;} .copy_right{margin-right: 80px;}} /*foot*/ .foot{width:100%; background:#171f23;color:#a9b3b3; text-align:center; line-height:20px; padding:15px 0;}