.img-r { display: block; max-width: 100%; margin: 0px auto } .alltop { position: relative } .alltop .img-responsive { margin: 0px auto } @media (min-width: 1200px) { .alltop .img-responsive { width: 1920px } } .alltop .bcon { width: 100%; z-index: 1000; padding: 15px; background-color: #f18539; text-align: center; font-size: 16px; color: #ffffff } @media (min-width: 1000px) { .alltop .bcon { transform: translateY(-100%); position: absolute } } @media (min-width: 1000px) { .alltop .bcon { background-color: rgba(241, 133, 57, 0.7) } } .alltop .bcon .cd { line-height: 30px } .fir { margin-top: 60px } @media (max-width: 759px) { .fir { margin-top: 30px } } .fir .firt { font-size: 32px; color: #494949; text-align: center; position: relative; font-weight: bold } @media (max-width: 999px) { .fir .firt { margin-bottom: 200px } } @media (max-width: 720px) { .fir .firt { margin-bottom: 150px } } @media (max-width: 499px) { .fir .firt { margin-bottom: 90px } } .fir .firt:before { content: ''; width: 40px; transform: rotate(-45deg); height: 1px; background-color: #494949; position: absolute; top: -18px; left: 52% } @media (max-width: 999px) { .fir .firt:before { display: none } } .fir .firt:after { content: ''; width: 40px; transform: rotate(-45deg); height: 1px; background-color: #494949; position: absolute; bottom: -23px; left: 45% } @media (max-width: 999px) { .fir .firt:after { display: none } } .fir .fir-pic { margin: 50px auto 25px } @media (min-width: 1000px) { .fir .fir-pic { display: block } } @media (max-width: 999px) { .fir .fir-pic { display: none } } .fir .lcx { position: relative } @media (min-width: 1000px) { .fir .lcx { display: none } } @media (max-width: 999px) { .fir .lcx { display: block } } @media (min-width:1200px){ .img-responsive.res{ max-width: 1920px; position: relative; left: 50%; transform: translateX(-50%); } .alltop{ overflow-x: hidden; } } .fir .lcx1:before { position: absolute; content: ''; background: url("/weekly/images/img61/cand1.png") no-repeat; background-size: 100%; background-position-y: top; left: 64%; height: 170px } .fir .lcx2:before { position: absolute; content: ''; background: url("/weekly/images/img61/cand2.png") no-repeat; background-size: 100%; background-position-y: top; left: 64%; height: 170px } .fir .lcx3:before { position: absolute; content: ''; background: url("/weekly/images/img61/cand3.png") no-repeat; background-size: 100%; background-position-y: top; left: 64%; height: 170px } .fir .picline { height: 1px; background-color: #494949 } @media (max-width: 999px) { .fir .picline { margin-top: 20px } } .fir .fir-con { text-align: center; font-size: 18px; padding: 0px 10px 25px; color: #494949; line-height: 30px } @media (max-width: 999px) { .fir .fir-con { padding-top: 20px; padding-bottom: 20px } } .fir .fir-con span { color: #ff6a00 } .sec { padding: 30px 0px } @media (min-width: 1000px) { .sec { background: url("/weekly/images/img61/fir_bg.jpg") no-repeat } } @media (max-width: 999px) { .sec { background-color: #f0ebe0 } } .sec .firt { margin-top: 30px; font-size: 32px; color: #494949; text-align: center; position: relative; font-weight: bold; margin-bottom: 50px } .sec .firt:before { content: ''; width: 40px; transform: rotate(-45deg); height: 1px; background-color: #494949; position: absolute; top: -18px; left: 52% } .sec .firt:after { content: ''; width: 40px; transform: rotate(-45deg); height: 1px; background-color: #494949; position: absolute; bottom: -23px; left: 45% } .sec .sec-con { line-height: 30px; text-align: center; color: #494949; font-size: 16px } .sec .wfzy { float: left; padding: 0px 10px; margin-top: 20px } @media (min-width: 760px) { .sec .wfzy { width: 20% } } .sec .wfzy .wtitle { background-color: #e36800; color: #ffffff; text-align: center; line-height: 30px; font-weight: bold; height: 30px; margin: 20px auto; position: relative } @media (min-width: 760px) { .sec .wfzy .wtitle { width: 85% } } @media (min-width: 1200px) { .sec .wfzy .wtitle { width: 80% } } .sec .wfzy .wtitle.h:after { position: absolute; content: ''; width: 23px; height: 20px; background: url("/weekly/images/img61/arrow.png"); bottom: 10% } @media (max-width: 759px) { .sec .wfzy .wtitle.h:after { display: none } } @media (min-width: 760px) { .sec .wfzy .wtitle.h:after { left: -27% } } @media (min-width: 1000px) { .sec .wfzy .wtitle.h:after { left: -22% } } @media (min-width: 1200px) { .sec .wfzy .wtitle.h:after { left: -23% } } .thir { padding: 30px 0px } .thir .firt { margin-top: 30px; font-size: 32px; color: #494949; text-align: center; position: relative; font-weight: bold; margin-bottom: 50px } @media (max-width: 759px) { .thir .firt { margin-bottom: 45px } } .thir .firt:before { content: ''; width: 40px; transform: rotate(-45deg); height: 1px; background-color: #494949; position: absolute; top: -18px; left: 52% } .thir .firt:after { content: ''; width: 40px; transform: rotate(-45deg); height: 1px; background-color: #494949; position: absolute; bottom: -23px; left: 45% } .thir .thir-top { border: 3px solid #e2e2e2; border-radius: 3px; padding-bottom: 20px } @media (max-width: 759px) { .thir .thir-top { margin-top: 10px } } @media (min-width: 760px) { .thir .thir-top { margin-top: 70px; padding-left: 10px; padding-right: 10px } } @media (min-width: 1000px) { .thir .thir-top { padding-left: 15px; padding-right: 15px; margin-top: 70px } } @media (min-width: 1200px) { .thir .thir-top { margin-top: 140px; padding-left: 30px; padding-right: 30px } } .thir .thir-top .ppic { position: relative } .thir .thir-top .ppic:after { display: none } @media (min-width: 760px) { .thir .thir-top .ppic img { margin-top: -50px } } @media (min-width: 1000px) { .thir .thir-top .ppic img { margin-top: -75px } } @media (min-width: 1200px) { .thir .thir-top .ppic img { margin-top: -130px } } .thir .thir-top:hover { border: 3px solid #ff842d } .thir .thir-top:hover .ppic:after { position: absolute; display: block; content: ''; top: 45%; left: 50%; transform: translateX(-50%); width: 55px; height: 56px; background: url("/weekly/images/img61/lianjie.png") no-repeat } .thir .thir-top .title { font-size: 18px; font-weight: bold; margin: 30px 0px 10px; color: #424242 } @media (max-width: 759px) { .thir .thir-top .title { padding-left: 15px } } .thir .thir-top .intr .nx { line-height: 25px; padding: 0px; color: #333; } @media (max-width: 759px) { .thir .thir-top .intr .nx { padding-left: 15px } } .thir .thir-bottom { border: 3px solid #e2e2e2; border-radius: 3px; margin-top: 30px } @media (min-width: 760px) { .thir .thir-bottom { padding-left: 10px; padding-right: 10px; margin-bottom: 70px } } @media (min-width: 1000px) { .thir .thir-bottom { padding-left: 15px; padding-right: 15px; margin-bottom: 70px } } @media (min-width: 1200px) { .thir .thir-bottom { margin-bottom: 140px; padding-left: 30px; padding-right: 30px } } .thir .thir-bottom .ppic { position: relative } .thir .thir-bottom .ppic:after { display: none } @media (min-width: 760px) { .thir .thir-bottom .ppic img { margin-bottom: -50px } } @media (min-width: 1000px) { .thir .thir-bottom .ppic img { margin-bottom: -75px } } @media (min-width: 1200px) { .thir .thir-bottom .ppic img { margin-bottom: -130px } } .thir .thir-bottom:hover { border: 3px solid #ff842d } .thir .thir-bottom:hover .ppic:after { position: absolute; display: block; content: ''; top: 45%; left: 50%; transform: translateX(-50%); width: 55px; height: 56px; background: url("/weekly/images/img61/lianjie.png") no-repeat } .thir .thir-bottom .title { font-size: 18px; font-weight: bold; margin: 20px 0px 10px; color: #424242 } @media (max-width: 759px) { .thir .thir-bottom .title { padding-left: 15px } } .thir .thir-bottom .intr .nx { line-height: 25px; padding: 0px; color: #333; margin-bottom: 25px } @media (max-width: 759px) { .thir .thir-bottom .intr .nx { padding-left: 15px } } .footer { background-color: #e36800; color: #ffffff; padding: 40px 0px 20px } @media (max-width: 759px) { .footer { padding-bottom: 35px } } .footer h2 { font-size: 24px; font-weight: bold; margin-bottom: 20px } .footer .qqqvatar { margin-top: 40px } @media (max-width: 759px) { .footer .qqqvatar { margin-bottom: 15px } } .footer .qqqvatar p { text-align: center } .lfooter { background-color: #171f23; color: #a9b3b3; text-align: center; padding: 10px } .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/img61/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: #f5945b; text-decoration: none } .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; margin-bottom: 0; } @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 } .weekly_common_foot { width: 100%; background: #171f23; color: #a9b3b3; text-align: center; line-height: 20px; padding: 15px 0; height: auto !important; } .weekly_common_foot p { font-size: 14px; padding-left: 5px; padding-right: 5px; } @media (min-width: 1200px) { .weekly_common_foot p { font-size: 16px; } } .menu-b { cursor: pointer; width: auto !important } .weekly_back { margin-right: 0 !important } .weekly_top .container { position: initial; }