@media screen and (max-width: 767px) { body { min-width: 0; width: 100%; } .mobile_version { display: block; } .navbar-inverse { background: rgba(165, 9, 36, 1); border: none; } .navbar-brand { float: left; width: 75%; height: 50px; padding: 3px 15px; font-size: 18px; line-height: 20px; } .navbar-inverse .navbar-toggle { border-color: #ccc; } .logo { height: 100%; width: auto; } .logo img { height: 100%; width: auto; } .top { display: none; } .header { display: none; } .top_nav img { height: 33px; float: left; margin: 13px 0 13px 0; } .icon-menu { line-height: 50px; font-size: 31px; position: fixed; } .nav-1 { display: none; } .top_img { min-width: 0; background-image: url(../neirongbeijing.jpg); background-size: 100% 100%; width: 100%; height: auto; margin-top: 0; margin-left: auto; margin-right: auto; } .top_img_diaplayinfo { margin-top: -40px; } .rt { /* padding-top: 60px !important; */ } .rt_dispalyinfo { padding-top: 40px !important; } .main { margin-top: 13px; min-width: 0; } .container { margin-right: auto; margin-left: auto; width: 100% !important; padding: 0 !important; max-width: none; position: relative; } .main-content { max-width: none; display: block; margin-left: auto; margin-right: auto; position: relative; width: 100%; overflow: hidden; } .main_left { background-color: #f3f3f3; width: 100%; float: left; display: none; } .main_right { width: 100%; margin-left: 0; float: left; } .right-title { float: left; width: 90%; height: 45px; padding: 0 5%; text-align: left; line-height: 45px; font-family: '华文宋体', '宋体'; font-weight: bold; background: #f2f1f1; /* font-weight: 550; */ font-size: 20px; /* margin: auto; */ margin-top: 9px; } .right-title-displayinfo { display: none; } .right-station { width: 100%; float: right; line-height: 50px; display: none; } .right-station-displayinfo { display: block; height: 30px; line-height: 30px; } .main_title_p { float: left; margin-top: 8px; margin-right: 4px; width: 13px; height: 13px; background: #c00b2a; } .station_displayinfo { font-size: 14px; margin-left: 0; margin-top: 0; float: left; height: 28px; line-height: 30px; /* margin-top: 0; */ /* border-bottom: 1px solid #9b172d; */ } .r_line { height: 1px; background-color: gray; width: 100%; position: relative; margin-top: 63px; } .r_line_displayinfo { display: none; } .right-top { width: 90%; display: flex; margin: 0 auto; margin-bottom: 17px; } .right-top-bg { width: 100%; } .right-top-displayinfo { width: 90%; } .w_title { text-align: center; font-weight: bold; font-size: 20px; min-height: 20px; height: auto; line-height: 35px; width: 95%; margin: auto; margin-bottom: 14px; } .peo_info { width: 95%; padding: 0; font-size: 14px; margin: 0 auto; height: 29px; } .peo_info .WP_VisitCount { display: inline; } .right-iteam { margin-top: 14px; width: 90%; padding: 0 5%; } .right-iteam img { max-width: 100%; height: auto !important; } .right_content { width: calc(90% - 10px); margin: 4% 5%; } .right_img { width: 90%; height: auto; } .iteams-title { width: 70%; height: 34px; line-height: 34px; font-size: 16px; font-weight: normal; overflow: hidden; } .iteams-title a { width: 100%; height: 34px; line-height: 34px; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .iteams-time { width: 30%; height: 34px; line-height: 34px; font-size: 14px; color: #c7c7c7; text-align: right; margin-bottom: 0; } .iteam-content { width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #cfcfcf; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .iteam-line { height: 1px; background-color: #d6d6d6; width: 100%; position: relative; margin-top: 10px; } /* 底部引入global某些样式 */ .share-box { display: inline-block; vertical-align: middle; text-align: center; } .share-box:after { content: ''; display: table; clear: both; } .share-box .share-item { position: relative; float: left; border-radius: 50%; cursor: pointer; } .share-box a.share-item { margin: 0; padding-left: 0; height: auto; background-image: none; font-size: inherit; line-height: inherit; } .share-box .share-item:after { content: ''; vertical-align: top; font-family: "icon" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #fff !important; } .share-box .icon-wchat:after { /* content: '\e603'; */ font-size: 1.05em; margin-top: 0.05em; } .share-box .icon-qq:after { content: '\e606'; } .share-box .icon-qzone:after { content: '\e60a'; } .share-box .icon-sinawb:after { /* content: '\e605'; */ } .share-box .icon-txwb:after { content: '\e609'; } .share-label { display: inline-block; } .share-item .code { position: absolute; bottom: 100%; left: 120%; margin-left: -70px; margin-bottom: 10px; margin-top: 15px; padding: 2px; width: 95px; background-color: #fff; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 5px; box-sizing: border-box; visibility: hidden; opacity: 0; transform: translateY(-10px); transition: all 0.2s ease-out 0s; } .share-item .code:after { content: ''; position: absolute; left: 50%; top: 100%; margin-left: -8px; width: 0; height: 0; border: 8px solid transparent; font-size: 0; border-top-color: #fff; } .share-item .code>img { display: block; width: 100%; } .share-item:hover .code { visibility: visible; opacity: 1; transform: none; } .share-box a.share-item { margin-left: 10px; width: 32px; height: 32px; line-height: 32px; font-size: 20px; } .share-box a.share-item.icon-sinawb { font-size: 23px; } .share-box a.share-item:hover { opacity: 1; z-index: 1; } .finally { background-color: rgba(192, 11, 42, 1); width: 100%; min-height: 250px; } .parts { display: none; position: relative; margin-left: auto; margin-right: auto; height: 100%; color: #fff; width: 1280px; overflow: hidden; } .part1 { font-size: 20px; letter-spacing: 4px; width: 30%; height: 100%; float: left; margin-top: -20px; } .part1 p { font-size: 16px; height: 32px; line-height: 32px; } .part1 img { margin: 5px 0 15px 0; } .part2 { width: 15%; font-size: 16px; height: 100%; float: left; letter-spacing: 3px; /*! font-weight: 600; */ line-height: 2.2; margin-top: -5px; } .part2 p { margin-bottom: 21px; } .part3 { width: 33%; height: 100%; float: left; margin-top: -1px; letter-spacing: 3px; font-size: 16px; /*! font-weight: 600; */ line-height: 2.2; /* margin-left: -7px; */ } .part3 p { margin: 0; } .part4 { width: 22%; height: 100%; float: left; } /* 引入global结束 */ .footer { display: none; } .finally { display: block; height: auto; min-height: 84px; } .parts { width: 90%; padding: 0 0 5px 0; margin: 0 auto; } .part1 { width: 60%; font-size: 12px; margin-top: 0; margin-left: 0; letter-spacing: 0px; float: left; } .part1 img { display: none; } .part1 span { font-size: 13px; line-height: 22px; } .part1 p { height: 16px; font-size: 12px; line-height: 16px; } .part2 { display: none; } .part3 { display: none; width: 100%; font-size: 12px; margin-left: 0; } .part3 p { width: 100%; height: 16px; font-size: 12px; line-height: 16px; margin: 0; } .part3 div { display: none; } .part4 { width: 100%; margin-bottom: 15px; display: none; } .part4 h { margin-bottom: 20px; } .part4 .wx h { float: left; } .part4 .wx img { width: 77%; height: auto; } .part4 .dy h { float: right; margin-right: -5px; } .part4 .dy img { width: 77%; height: auto; float: right; } .part5 { width: 30%; float: right; font-size: 12px; } .part5 p { height: 16px; font-size: 12px; line-height: 16px; } .part5 span { font-size: 13px; line-height: 22px; } .info { width: 58%; height: 39px; line-height: 19px; float: left; font-size: 12px; color: #fff; letter-spacing: 0px; padding: 4px 0 4px 5%; } .share { width: 25%; float: right; display: block; text-align: right; margin-right: 9%; margin-top: 36px; } .icon-wchat { margin-left: 0 !important; } .share-box { margin-top: 5px; margin-bottom: 10px; } .partb { display: block; height: 84px; width: 100%; padding: 3px 0; background-color: #94070a; } .search input { position: absolute; color: #bababa; border: none; background: none; top: 0px; padding-left: 0px; height: 33px; line-height: 33px; } .ser-list { border: none; } .wp_search .search { width: 22px; background: url(../images/search.png) !important; background-size: 22px 22px; background-repeat: no-repeat; margin-left: 10px; } .wp_search table tbody tr td:first-child input { width: 98% !important; height: 33px; } .wp_search table tbody tr td:last-child { position: absolute; right: 5%; } .v-nav li.on .v-subNav { display: block; } } @media (max-width: 575px) { .wp_artfuns .wp_art_adjoin { width: 100%; font-size: 14px; display: inline-block; position: relative; } .wp_artfuns .wp_art_adjoin a { color: #767676; font-size: 14px; } .prev { padding-left: 10px; display: block; float: left; height: 30px; line-height: 30px; color: #767676; } .next { padding-left: 10px; display: block; float: left; height: 30px; line-height: 30px; color: #767676; } .prev-title { width: calc(100% - 80px); height: 30px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .next-title { width: calc(100% - 95px); height: 30px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .displayinfo_pc { display: none; } .displayinfo_mobile { display: block; } }