.main { margin: 0 auto; max-width: 1500px; } .container { margin-right: auto; margin-left: auto; margin-top: 20px; width: 1500px; padding: 0 !important; /* max-width: 900px; */ position: relative; } .main_left { width: 386px; min-height: 760px; float: left; background-position: 0px 450px; } .main_left_bg { /* background-color: #f3f3f3; */ } .yuanxun { width: 386px; height: 610px; background: url(../images/list_bg.png) 100% 100% no-repeat; } .main-content { max-width: 1500px; display: flex; margin-left: auto; margin-right: auto; position: relative; width: 1500px; } .main_left_title { width: 386px; height: 120px; line-height: 120px; color: #fff; text-align: center; font-size: 26px; margin: 0; background: #a50b0b url(../fyzx-images/list_title_bg.jpg) no-repeat; background-size: 100% 100%; } .wp_listcolumn .wp_column a { display: block; width: 100%; color: #666; font-size: 18px; font-weight: normal; word-wrap: break-word; background: #f5f5f5 url(../images/btn_arrow_right.png) no-repeat 10px 18px; background-size: 15px 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; text-align: left; height: 50px; line-height: 50px; } .wp_listcolumn .wp_column a.selected { color: #c00b2a; } .wp_listcolumn .wp_column a .column-name { display: inline-block; line-height: 22px; padding: 5px 10px 5px 40px; cursor: pointer; font-size: 18px; } .wp_listcolumn .wp_subcolumn { border-top: 1px solid #fff; padding-inline-start: 0px; } .wp_listcolumn .wp_subcolumn .wp_column a { width: calc(100% - 34px); padding-left: 34px; color: #555; font-size: 14px; border-bottom: 1px solid #ddd; border-top: none; background: #f1f1f1 url(../images/btn_arrow_right.png) no-repeat 49px 18px; background-size: 15px 15px; } .wp_listcolumn .wp_subcolumn .wp_column a .column-name { line-height: 22px; padding-left: 40px; } .wp_listcolumn .wp_subcolumn .wp_column a { width: calc(100% - 34px); padding-left: 34px; color: #555; font-size: 14px; border-bottom: 1px solid #ddd; border-top: none; background: #f1f1f1 url(../images/btn_arrow_right.png) no-repeat 49px 18px; background-size: 15px 15px; } .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a { width: calc(100% - 68px); padding-left: 68px; color: #444; font-size: 13px; background: #e9e9e9 url(../images/btn_arrow_right.png) no-repeat 78px 18px; background-size: 15px 15px; font-weight: normal; } .main_left_title3 { width: 386px; height: 93px; line-height: 93px; color: #fff; text-align: center; font-size: 30px; margin: 0; background: url(../images/list_title3.png) no-repeat; background-size: 100% 100%; } .main_left img { width: 386px; height: 120px; } .list-iteam { line-height: 30px; margin-top: 13px; height: 27px; } .list_title img { margin-left: 19px; width: 18px; height: 12px; } .list_title a { margin-left: 4px; color: #3e3e3e; font-size: 17px; } .nav_list { background: #f3f3f3 url(../images/nav_list_bg.png) 14px 20px no-repeat; padding-top: 10px; } .nav_list p { height: 40px; line-height: 40px; font-size: 18px; padding-left: 42px; margin: 0; } .nav_list p:hover a { color: #c00b2a; } .wp_listcolumn { padding: 0; margin: 0; } .line { height: 1px; background-color: #e2e2e2; width: 90%; margin-left: auto; margin-right: auto; margin-top: 5px; } .right-station { float: right; line-height: 50px; } .station { height: 52px; line-height: 68px; float: right; color: #767676; margin-top: 11px; font-size: 16px; } .station a { color: #767676; } .right-top { display: flex; margin-bottom: 25px; } .right-title { float: left; width: 217px; height: 63px; text-align: center; line-height: 63px; background: #eaeaea; /* font-weight: 550; */ font-size: 24px; margin-top: 9px; } .r_line { height: 1px; background-color: gray; width: 853px; position: relative; margin-top: 71px; } .r_line_displayinfo { width: 1283px; } .right-iteam { width: 1070px; min-height: 64px; border-bottom: #bfbfbf dotted 1px; } .right-iteam:hover { color: #c00b2a; background-color: #f7f7f7; } .right-iteam:hover .iteams-title a { color: #c00b2a; background-color: #f7f7f7; } .right-iteam:hover .iteams-time { color: #c00b2a; background-color: #f7f7f7; } .iteam-line { height: 1px; background-color: #d6d6d6; width: 1070px; position: relative; margin-top: 10px; } .iteams-title { width: calc(100% - 100px); height: 64px; line-height: 64px; font-size: 20px; /* font-weight: bold; */ float: left; } .iteams-time { width: 100px; height: 64px; line-height: 64px; font-size: 16px; color: #8e8e8e; /* margin-bottom: 2px; */ float: right; } .main_right { width: 1070px; margin: 0px 0px 0px 35px; } .main_right_display { width: 1500px; margin: 0 auto; } .w_title { text-align: center; font-weight: bold; font-size: 40px; min-height: 50px; margin-top: 50px; line-height: 60px; } .peo_info { display: flex; font-size: 16px; opacity: 0.7; height: 30px; line-height: 30px; width: calc(100% - 670px); border-radius: 3px; margin: 25px 0; padding: 0 335px 50px 335px; border-bottom: #ccc solid 1px; } .peo_info div { min-width: 50px; display: inline-block; margin: 0 auto; } .peo_info p { margin: 0; } .right_content { text-indent: 2em; padding: 5px; color: #545454; font-size: 16px; line-height: 30px; overflow: hidden; } .prev { padding-left: 10px; display: block; float: left; height: 30px; line-height: 30px; color: #2d2d2d; } .prev-title { width: calc(100% - 80px); height: 36px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .next { padding-left: 10px; display: block; float: left; height: 30px; line-height: 30px; color: #2d2d2d; } .next-title { width: calc(100% - 80px); height: 30px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footer { width: 100%; height: 240px; margin-top: 30px; background-color: #94070a; } .footer_top { width: 1600px; height: 94px; margin: 0 auto; padding: 54px 0px; } .footer_block { width: 500px; height: 94px; float: left; color: #fff; text-align: left; } .footer_block_big { width: 552px; } .footer_block .footer_block_box { width: 276px; height: 94px; float: left; color: #fff; text-align: left; } .footer_block p { width: 288px; height: 31px; line-height: 31px; margin: 0; color: #fff; } .footer_block a { color: #fff; } .footer_block h2 { margin: 20px 0; font-weight: normal; } .footer_block select { width: 320px; height: 36px; padding: 0 5px; font-size: 18px; color: #fff; margin-bottom: 18px; border: #b7b7b8 solid 2px; border-radius: 2px; outline: none; background-color: rgba(0, 0, 0, 0); } .footer_block option { font-size: 18px; color: #000; background-color: rgba(255, 255, 255, 0.3); } .footer_bottom { width: 100%; height: 38px; margin: 0 auto; text-align: center; background-color: rgba(0, 0, 0, 0.61); } .footer_bottom p { height: 38px; margin: 0; font-size: 18px; color: #fff; line-height: 38px; text-align: center; } @media screen and (max-width: 767px) { .container { margin-right: auto; margin-left: auto; margin-top: 0px; width: 100%; padding: 0 !important; position: relative; } .main-content { max-width: 100%; display: flex; margin-left: auto; margin-right: auto; position: relative; width: 100%; } .main_right { width: 100%; margin: 0px 0px 0px 0px; } .right-iteam { width: 100%; min-height: 64px; overflow: hidden; border-bottom: #bfbfbf dotted 1px; } .main_right_display { width: 100%; margin: 0 auto; } }