/*!normalize.css v3.0.2 | mit license | git.io/normalize*/ html { font-size: 13.33333vw; } @media screen and (max-width: 320px) { html { font-size: 42.667px; font-size: 13.33333vw; } } @media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: 13.33333vw; } } @media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: 13.33333vw; } } @media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: 13.33333vw; } } @media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93px; font-size: 13.33333vw; } } @media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: 13.33333vw; } } @media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: 13.33333vw; } } @media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: 13.33333vw; } } @media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33px; font-size: 13.33333vw; } } @media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: 13.33333vw; } } @media screen and (min-width: 721px) and (max-width: 768px) { html { font-size: 102.4px; font-size: 13.33333vw; } } @media screen and (min-width: 769px) { html { font-size: 102.4px; } } a { text-decoration: none; } ul { padding: 0; margin: 0; } li { list-style: none; } p { margin: 0; } input { border: none; outline: none; } .flex-only { display: flex; align-items: center; } .flex { display: flex; } .align-center { align-items: center; } .just-center { justify-content: center; } .column { flex-direction: column; } .flex-start { justify-content: flex-start; } .flex-end { justify-content: flex-end; } .between { justify-content: space-between; } .around { justify-content: space-around; } html { font-family: stheiti, microsoft yahei, 'helvetica,arial', 'sans-serif' !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } body, html { overflow-x: hidden } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not ([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not (:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } .top-nav { position: relative; width: 100%; z-index: 1000; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, .3) } .top-nav .top-bar { overflow: hidden; height: 40px; list-style: none; border-bottom: 1px solid #cc5200; background: #f60; display: flex; align-items: center; } .top-nav .top-bar div { text-align: center } .top-nav .top-bar div a { line-height: 40px; color: #fff } .top-nav .top-bar div.back { float: left; width: 40px; height: 40px; border-right: 1px solid #e65c00 } .top-nav .top-bar div.back a { display: block; width: 40px; height: 40px; background-image: ; background-size: 80px 160px; background-position: 0 0; background-repeat: no-repeat } .top-nav .top-bar div.back a:hover { background-color: #e05a00 } .top-nav .top-bar div.title { font-size: 24px; height: 40px; margin: 0 83px 0 41px; border-left: 1px solid #ff751a; border-right: 1px solid #e65c00 } .top-nav .top-bar div.title a { font-size: 18px; font-weight: 800; display: block; width: 130px; height: 40px; margin: auto; text-align: right; text-decoration: none; background-image: ; background-size: 80px 160px; background-position: 0 -120px; background-repeat: no-repeat } .top-nav .top-bar div.list { float: right; overflow: hidden; width: 83px; height: 40px } .top-nav .top-bar div.list a { display: block; float: left; width: 40px; height: 40px } .top-nav .top-bar div.list a.home { border-left: 1px solid #ff751a; border-right: 1px solid #e65c00; background-image: ; background-size: 80px 160px; background-position: 0 -40px; background-repeat: no-repeat } .top-nav .top-bar div.list a.home:hover { background-color: #e05a00 } .top-nav .top-bar div.list a.dropdown { border-left: 1px solid #ff751a; background-image: ; background-size: 80px 160px; background-position: 0 -80px; background-repeat: no-repeat } .top-nav .top-bar div.list a.dropdown:hover { background-color: #e05a00 } .top-nav .menu { padding: 5px 10px; clear: both } .top-nav .menu a { display: block; float: left; width: 16%; text-align: center; font-size: 16px; line-height: 30px; height: 30px; padding: 0; margin: 3px 0; color: #555; text-decoration: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2) } .top-nav .menu a:hover { color: #f60 } .top-nav .menu a.active { color: #fff; background: #f60; border-radius: 3px } a { color: #428bca; text-decoration: none } a:hover, a:focus { color: #2a6496; text-decoration: none } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } h3 { font-size: 24px; font-weight: 400 } .focus { overflow: hidden; border-left: 1px solid #e5e5e5; margin-left: -1px; margin-right: -1px } .focus h3, .focus p { clear: both; font-weight: 400; color: #999; line-height: 1.5; padding-left: 15px; padding-right: 15px } .hotwrap { background-color: #fff; margin-top: .14rem; padding: .27rem .38rem; } .hotcity { opacity: 1; color: rgba(255, 102, 0, 1); font-size: .26rem; font-weight: 500; font-family: "pingfang sc"; text-align: left; } .hotcity a { color: rgba(51, 51, 51, 1); text-decoration: none } body { background-color: #e8e8e8 } .index-nav { max-width: 640px !important; position: fixed; border-bottom: .01rem solid #e8e8e8; width: 100%; z-index: 1000; background: #fff } .index-nav .top-bar { overflow: hidden; height: 1.1rem; list-style: none; display: flex; align-items: center; background: #fff; } .index-nav .top-bar .bdb-logo img { height: .693rem; width: 1.45rem; /* background-size: 80px 160px; background-position: 0 -120px; background-repeat: no-repeat */ } .index-nav .top-bar .city-label { float: right; padding-right: .345rem; } .index-nav .top-bar .city-label a { text-decoration: none; line-height:.45rem; opacity: 1; color: rgba(85,85,85,1); font-size: .32rem; font-weight: 500; font-family: "pingfang sc"; text-align: left; } .index-nav .top-bar .city-label a .caret { display: inline-block; width: .2rem; height: .112rem;; } footer { clear: both; margin-top: .82rem; color: #999; background: #333 } footer .footer-menu a { display: block; float: left; width: 16%; text-align: center; font-size: .26rem; line-height: .36rem; height: .36rem; padding: 0; margin: .03rem 0; color: #aaa; text-decoration: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, .3) } footer .footer-menu a:hover { color: #f60 } footer .footer-info { padding: 15px 0; background: #222 } footer .link { text-align: center; line-height: 2; font-size: .26rem; color: #fff; } footer .link a { font-size: .26rem; color: #fff; text-decoration: none } footer .copyright { color: #fff; text-align: center; font-size: .26rem; } body { background-color: rgba(246, 245, 248); color: #252525 } .orange { color: #f60 } .container {} .clearfix { clear: both } .img-responsive { display: block; max-width: 100%; height: auto; margin: auto } .more-btn { background: #fff; display: block; padding: .28rem 0; text-align: center; opacity: 1; color: rgba(255, 102, 0, 1); font-size: .26rem; font-weight: 500; font-family: "pingfang sc"; line-height: .337rem; margin-bottom: .12rem; } .breadcrumb { margin-bottom: 2px; font-size: 16px; background: #fff; line-height: 24px; padding: 0 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); color: #999; height: 40px; overflow: hidden; white-space: nowrap } .breadcrumb a { display: inline-block; padding: 8px 15px 8px 3px; color: #555; text-decoration: none; background: center right no-repeat; background-size: contain; font-size: 16px } .sec-head { padding: 0 10px; border-bottom: 2px solid #f60 } .sec-head h2 { font-size: 24px; color: #f60; margin-bottom: 10px } .heading { border-bottom: 1px solid #fff } article>h1, .heading h1 { margin: 20px 0 5px; padding: 0 10px; color: #222; font-size: 22px; line-height: 36px } .heading .heading-info, aside.heading-info { padding: 0 5px 5px; font-size: 12px; height: 24px; line-height: 24px; color: #666; overflow: hidden; margin: 0 5px } .content>h1 { margin: 0; padding-top: 5px } .content { padding: 0 0 10px; line-height: 30px; font-size: 16px; background: #fff; word-break: break-all } .content a { text-decoration: none; word-break: break-all } .content-box p { padding: 0 10px } .content-box>a:link, .content-box>a:visited, .content-box>p>a:link, .content-box>p>a:visited, .content-box>div>a:link, .content-box>div>a:visited, .content-box>center>a:link, .content-box>center>a:visited { color: #fff !important; background: #f60 !important; padding: 1px 5px; font-size: 14px } .content-box>a:link *, .content-box>p>a:link *, .content-box>div>a:link *, .content-box>center>a:link * { color: #fff !important } .content-box>a.no-bg, .content-box>p>a.no-bg, .content-box>div>a.no-bg, .content-box>center>a.no-bg { background: 0 0 !important } .content .focus { background: #fff; padding-left: 5px } .content .focus { width: auto !important } .content .focus .f-pic { float: none; width: 60%; height: auto; max-width: 100%; display: block; margin: 0 auto 10px } .content .focus .havepic { margin-left: 0 } .content .focus h3 { margin: 0; text-align: center; font-size: 20px; color: #333 } .content p { max-width: 100% } .content table { border-collapse: collapse; border: 1px solid #333; width: 100% !important; } .content table td { padding: 3px 0; font-size: 14px } .content img { max-width: 100% } .page { font-size: 14px; line-height: 32px; display: block; clear: both; overflow: hidden; padding: 5px 0; text-align: center; background: #fff; margin-bottom: 10px } .page>div { padding: 10px 0 } .page a, .page span { display: inline-block; width: 78px; height: 32px; text-align: center; text-decoration: none; color: #fff; border: 1px solid #f60; border-radius: 3px; background: #f60; margin-right: 5px } .page a:hover { color: #fff } .page a.disabled, .page span.disabled { cursor: default; color: #ccc; background: #fff; border: 1px solid #ccc } .page a.all { background: #5bc0de; color: #fff; border: 1px solid #31b0d5 } .page .page-no { line-height: 32px; display: inline-block; height: 32px; margin-right: 5px; color: #999 } .page-new a, .page-new span { width: 36px !important } .rec { background-color: #fff } .rec a { color: inherit; text-decoration: none; display: block } .rec a:hover h2 { color: #f60 } .rec-item { border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; padding: 0 10px } .rec-item h2 { font-size: 18px; line-height: 22px; height: 22px; font-weight: 700; overflow: hidden } .rec-item p { font-size: 12px; line-height: 14px; color: #999; margin: 1em 0 } .rec-item p span { margin-right: 20px; line-height: 14px; vertical-align: baseline } .rec-item p .iconfont { margin-right: 5px } .info-list { padding: 0 5px; background: #fff } .info-list-heading { margin-top: 10px; overflow: hidden } .info-list-heading h2 { margin: 5px 0; border-left: 8px solid #f60; padding: 0 10px; float: left; height: 20px; font-weight: 800; font-size: 18px; color: #f60; line-height: 20px; overflow: hidden } .info-list-body { margin: 2px; padding: 0 } .info-list-body li { line-height: 36px; border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; padding: 0 10px; height: 36px; overflow: hidden } .info-list-body li a { color: #252525; text-decoration: none } .info-list-body li a:hover { color: #f60 } .info-list-body li span { color: #f60 } .index-menu-list { padding: 5px; clear: both } .index-menu-list a { display: block; float: left; width: 16%; text-align: center; font-size: 17px; line-height: 26px; height: 26px; padding: 0; margin: 3px 0; color: #555; text-decoration: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, .2) } .index-menu-list a:hover { color: #f60 } .index-menu-list a.active { color: #fff; background: #f60; border-radius: 3px } #slides { padding: 0 10px; display: none } #slides .slide-wrap img { position: relative; width: 100%; height: 100% } #slides .slide-wrap span { display: block; padding: 0 10px; height: 36px; line-height: 36px; background: rgba(0, 0, 0, .5); color: #fff; font-weight: 700; font-size: 14px; position: absolute; bottom: 0; left: 0; right: 0 } .slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none } .slidesjs-pagination li { float: left; margin: 0 1px } .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: ; background-position: 0 0; float: left; overflow: hidden } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px } .slidesjs-pagination li a:hover { background-position: 0 -26px } .index-list-heading { background-color: #fff; padding: .28rem .35rem 0 .35rem; /* margin-right: .35rem; */ } .newindex-list-heading{ display: flex; justify-content: space-between; align-items: center; overflow-x: scroll; } .newindex-list-heading::-webkit-scrollbar{ display:none } .index-list-heading .list-l { display: flex; justify-content: left; align-items: center; margin-right: .2rem; } .index-list-heading .list-l img { width: .16rem; height: .28rem; opacity: 1; margin-right: .15rem; } .index-list-heading a { display: block; line-height: .48rem; opacity: 1; color: rgba(51, 51, 51, 1); font-size: .34rem; font-weight: 700; font-family: "pingfang sc"; text-align: left; position: relative; white-space:nowrap; } .index-list-heading .sub-chanel { margin: .07rem 0; padding: 0 0px; color: rgb(153, 153, 153); font-size: .26rem; line-height: .34rem; /* overflow: hidden; */ white-space: nowrap; text-align: right; } .index-list-heading .sub-chanel a { display: inline-block; padding: 0 .02rem; text-decoration: none; height: .34rem; opacity: 1; color: rgba(153, 153, 153, 1); font-size: .26rem; font-weight: 500; font-family: "pingfang sc"; text-align: left; } .index-list-body { padding: 0; border-top: .01rem solid #e0e0e0; border-bottom: .01rem solid #fff } .index-list-body li { line-height: .36rem; border-top: .01rem solid #fff; border-bottom: .01rem solid #e0e0e0; padding: 0 .1rem; height: .36rem; overflow: hidden } .index-list-body li a { color: #252525; text-decoration: none } .index-list-body li a:hover { color: #f60 } .index-list-body li span { color: #f60 } .shotcut { background-color: #fff; margin: 6px 0 } .shotcut .shotcut-wrap { margin-bottom: .14rem; padding-bottom: .15rem; border-top: .01rem solid #fff; border-bottom: .01rem solid #e0e0e0 } .shotcut .shotcut-wrap ul { list-style: none; width: 100%; padding: 0; margin: 0 } .shotcut .shotcut-wrap ul li { float: left; width: 25%; padding: 0; margin: 0; /* margin-top: 30px; */ } .shotcut .shotcut-wrap ul li a { display: block; padding: .15rem; text-align: center; overflow: hidden; text-decoration: none } .shotcut .shotcut-wrap ul li a .ico { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-image: ; background-size: .86rem 5.5rem; background-repeat: no-repeat } .shotcut .shotcut-wrap ul li a .ico.ico-bus { background-position: 0 0 } .shotcut .shotcut-wrap ul li a .ico.ico-metro { background-position: 0 -.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-keche { background-position: 0 -1rem } .shotcut .shotcut-wrap ul li a .ico.ico-geshui { background-position: 0 -1.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-shebao { background-position: 0 -2rem } .shotcut .shotcut-wrap ul li a .ico.ico-weizhang { background-position: 0 -2.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-huoche { background-position: 0 -3rem } .shotcut .shotcut-wrap ul li a .ico.ico-tianqi { background-position: 0 -3rem } .shotcut .shotcut-wrap ul li a .ico.ico-jingdian { background-position: 0 -4rem } .shotcut .shotcut-wrap ul li a .ico.ico-kuaidi { background-position: 0 -4.5rem } .shotcut .shotcut-wrap ul li a .ico.ico-caipiao { background-position: 0 -5.0rem } .shotcut .shotcut-wrap ul li a .ico-huodong { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-jingdianyuyue { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-feiyan { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-jiujia { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-xianxing { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-youjia { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-hesuan { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a .ico-yiqing { display: block; width: .86rem; height: .86rem; border-radius: .08rem; margin: 0 auto; background-size: .86rem; background-repeat: no-repeat; background-image: ; } .shotcut .shotcut-wrap ul li a div { white-space: nowrap; color: #666; line-height: .34rem; opacity: 1; color: rgba(102, 102, 102, 1); font-size: .24rem; font-weight: 500; font-family: "pingfang sc"; text-align: center; } .sec-list { margin-bottom: 20px } .sec-list-heading { margin: .1rem 0; overflow: hidden } .sec-list-heading h2 { margin: .05rem 0; border-left: .05rem solid #f60; padding: 0 .05rem; float: left; height: .4rem; font-weight: 800; font-size: .22rem; color: #333; line-height: .4rem; overflow: hidden } .sec-list-heading h2 a { color: #333 } .sec-list-body {} .sec-list-body .list-item { background-color: #fff; margin: .02rem 0; padding: .05rem .1rem; } .sec-list-body .list-item img { width: 1rem; height: .7rem; float: left; border: none } .sec-list-body .list-item img~dl { margin-left: 110px } .sec-list-body .list-item dl { margin: 0; height: 70px; padding-bottom: 10px } .sec-list-body .list-item dl dt { margin: 0; padding: 0; height: 20px; overflow: hidden } .sec-list-body .list-item dl dt a { color: #222; text-decoration: none; font-weight: 700; font-size: 16px; line-height: 20px } .sec-list-body .list-item dl dd { margin: 0; padding: 5px 0 0; color: #777; line-height: 25px; height: 50px; overflow: hidden; font-size: 13px } .well-sm h2 { font-size: 18px; margin: 10px 0; color: #f60 } .well-sm h3 { font-size: 0.32rem; padding: 0.1rem 0; color: #f60; border-bottom: 0.02rem dotted #999; margin-bottom: 0.1rem; padding-left: 0.1rem } .well-sm h4 { font-size: 0.28rem; margin: 0.2rem 0; color: #f60 } .well-sm h4.media-heading { color: #000; font-weight: 800 } .media-body { padding-left: 0.2rem } .media-body dl { clear: both; overflow: hidden; margin: 0.1rem 0 } .media-body dl dt { float: left; width: 0.6rem; text-align: center; font-weight: 700; line-height: 1.42857143 } .media-body dl dd { float: left; margin-left: 0; line-height: 1.42857143 } .media-body dl dd p { margin: 0 } .ptablist { overflow: hidden; top: 8px; height: 46px; right: 0; text-align: center } .ptablist a { float: left; border: 1px solid #f60; background-color: #fcfeff; height: 34px; line-height: 34px; padding: 0 5px; margin-left: 5px; margin-top: 5px; font-size: 14px; -webkit-radius: 2px 2px 0 0; -moz-radius: 2px 2px 0 0; -ms-radius: 2px 2px 0 0; -o-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .globalbtn { border-radius: 2px; padding: 0 20px; display: inline-block; cursor: pointer } #bofan { text-decoration: none; color: #fff } .globalbtn:hover { text-decoration: none; color: #fff } .bluebtn30, .bluebtn32, .bluebtn35a { color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#2e8ff0), to(#1677d8)); background-image: -webkit-linear-gradient(top, #2e8ff0, #1677d8); background-image: -moz-linear-gradient(top, #2e8ff0, #1677d8); background-image: -ms-linear-gradient(top, #2e8ff0, #1677d8); background-image: -o-linear-gradient(top, #2e8ff0, #1677d8); background-image: linear-gradient(top, #2e8ff0, #1677d8); filter: progid: dximagetransform.microsoft.gradient(startcolorstr="#2e8ff0", endcolorstr="#1677d8") } .bluebtn30:hover, .bluebtn32:hover, .bluebtn35a:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#0e72d9), to(#0e72d9)); background-image: -webkit-linear-gradient(top, #0e72d9, #0e72d9); background-image: -moz-linear-gradient(top, #0e72d9, #0e72d9); background-image: -ms-linear-gradient(top, #0e72d9, #0e72d9); background-image: -o-linear-gradient(top, #0e72d9, #0e72d9); background-image: linear-gradient(top, #0e72d9, #0e72d9); filter: progid: dximagetransform.microsoft.gradient(startcolorstr="#0e72d9", endcolorstr="#0e72d9") } .ptablist a.bluebtn32 { height: 32px; line-height: 32px; float: left; margin: 5px 0 0 15px; display: inline; font-size: 16px; text-shadow: 1px 1px 1px #666; position: relative; color: #fff; border: none } .ismallplayicon { background: 0 0 no-repeat; cursor: pointer; width: 25px; height: 25px; overflow: hidden; position: absolute; top: 4px; left: 8px } #topnav { position: fixed; display: block; max-width: 640px !important; margin: 0 auto !important; left: 0; right: 0; width: 100%; z-index: 9999; /* border-bottom: 1px solid #ddd; */ transition: all .5s; font-size: .26rem; font-family: 榛戜綋, arial, helvetica; background-color: #fafafa } #topnav>nav { max-width: 640px !important; width: 100%; height: .85rem; overflow: hidden; background-color: #fff; display: block; font-size: .3rem; } #topnav>nav>ul.nav { width: 100%; height: .85rem; overflow: hidden } #topnav>nav ul, #topnav>nav li { margin: 0; padding: 0 } #topnav>nav ul.nav li { float: left; width: 14.285%; height: .85rem; line-height: .85rem; overflow: hidden; display: block } #topnav>nav ul.nav li a { color: rgba(85, 85, 85, 1); width: 100%; overflow: hidden; display: block; text-align: center } #topnav>nav ul.nav .active a { color: #ff6600; } #topnav>nav .menu { float: left; background-image: ; background-repeat: no-repeat; background-position: center; background-size: .23rem; transition: all 1s } .toffset180 { transform: rotate(540deg); -ms-transform: rotate(540deg); -moz-transform: rotate(540deg); -webkit-transform: rotate(540deg); -o-transform: rotate(540deg) } #topnav>.menu-box { max-width: 640px !important; width: 100%; overflow: hidden; background-color: #fff; font: .26rem; color: rgba(85, 85, 85, 1); font-size: .3rem; /* font-weight: 500; */ font-family: "pingfang sc"; } #topnav>.menu-box ul { width: 100%; margin: 0 0 10px; overflow: hidden; padding: 0 } #topnav>.menu-box ul li { float: left; width: 14.285%; height: .85rem; line-height: .85rem; overflow: hidden; display: block } #topnav>.menu-box ul li a { color: rgba(85, 85, 85, 1); width: 100%; overflow: hidden; display: block; text-align: center } #index_pic_nav { position: relative; width: 100%; height: 48vw; max-height: 310px; padding: .1rem 0; } #index_pic_nav img { width: 100%; height: 100% } #index_pic_nav .swiper-pagination { text-align: right } #index_pic_nav .title { font-size: 15px; text-decoration: none; color: #fff; line-height: 30px; display: block; width: 80%; height: 30px; clear: both; position: absolute; bottom: 0; left: 0; text-align: left; text-indent: 1em; z-index: 9; overflow: hidden } #index_pic_nav .swiper-wrapper { position: relative } .black-pagination { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; display: block; overflow: hidden; background-color: #000; z-index: 8; opacity: .5 } #index_pic_nav .swiper-pagination-bullet { background-color: #f5efef } #index_pic_nav .swiper-pagination-bullet-active { background-color: #007aff } .sub_nav { width: 100%; height: 33px; padding: 0 3px } .sub_nav>span { display: block } .sub_nav .left { float: left } .sub_nav .right { float: right } .top-nav2016 { position: relative; width: 100%; z-index: 1000; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, .3) } .top-nav2016 .top-bar { overflow: hidden; height: 40px; list-style: none; border-bottom: 1px solid #cc5200; background: #f60 } .top-nav2016 .top-bar div a { line-height: 40px; color: #fff } .top-nav2016 .top-bar div.home { float: left; width: 40px; height: 40px; border-right: 1px solid #e65c00 } .top-nav2016 .top-bar div.home a { display: block; width: 40px; height: 40px; background-image: ; background-size: 80px 160px; background-position: 0 -40px; background-repeat: no-repeat } .top-nav2016 .top-bar div { text-align: center } .top-nav2016 .top-bar div.title { font-size: 24px; height: 40px; margin: 0 40px 0 41px; border-left: 1px solid #ff751a; border-right: 1px solid #e65c00 } .top-nav2016 .top-bar div.title a { font-size: 18px; font-weight: 800; display: block; width: 130px; height: 40px; margin: auto; text-align: right; text-decoration: none; background-image: ; background-size: 80px 160px; background-position: 0 -120px; background-repeat: no-repeat } .top-nav2016 .top-bar div.list { float: right; overflow: hidden; width: 41px; height: 40px } .top-nav2016 .top-bar div.list a { display: block; float: left; width: 40px; height: 40px } .top-nav2016 .top-bar div.list a.dropdown { border-left: 1px solid #ff751a; background-image: ; background-size: 80px 160px; background-position: 0 -80px; background-repeat: no-repeat } .top-nav2016 .menu { padding: 5px 10px; clear: both; list-style: none; background: #eee } .top-nav2016 .menu a { display: block; float: left; width: 16%; text-align: center; font-size: 16px; line-height: 30px; height: 30px; padding: 0; margin: 3px 0; color: #555; text-decoration: none; /*text-shadow: 1px 1px 2px rgba(0, 0, 0, .2)*/ } .top-nav2016 .menu a.active { color: #fff; background: #f60; border-radius: 3px } .sec-list-heading { margin-bottom: 2px; overflow: hidden; background-color: #fff; padding: 0 8px } .sec-list-body a { text-decoration: none } .sec-list-body .list-item2016 { background-color: #fff; padding: .28rem .35rem .21rem .35rem; border-bottom: .02rem solid rgba(241, 241, 241, 1); ; } .sec-list-body .list-item2016 img { width: 1.97rem; height: 1.43rem; float: right; border: none; border-radius: .14rem; } .sec-list-body .list-item2016 dl { margin: 0; /* padding-bottom: 10px; */ } .sec-list-body .list-item2016 img~dl { margin-right: 2.4rem; min-height: 1.43rem; } .sec-list-body .list-item2016 img~dl dt { min-height: .81rem; } .sec-list-body .list-item2016 dl dt { margin: 0; padding: 0; overflow: hidden } .sec-list-body .list-item2016 dl dt { color: #222; text-decoration: none; opacity: 1; color: rgba(51, 51, 51, 1); font-size: .28rem; font-weight: 700; font-family: "pingfang sc"; text-align: justify; line-height: .406rem; margin-top: .04rem; } .sec-list-body .list-item2016 dl dd { opacity: 1; color: rgba(153, 153, 153, 1); font-size: .24rem; font-weight: 500; font-family: "pingfang sc"; text-align: justify; line-height: .348rem; margin: 0; margin-top: .2rem; text-align: left; } .sec-list-body .list-item2016 dl dd.text-left { text-align: left } .sec-list-body .list-item2016 dl dd.hit { height: 15px; padding-right: 5px; text-align: right } #news-article { background-color: #fff; font-family: microsoft yahei !important } #news-article>h1 { margin-top: 0 } .info-list-body.lg li { background-color: #fff; line-height: 36px; border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; padding: 0 10px; height: 36px; overflow: hidden } aside.heading-info { height: 26px; padding: 0 0 7px } aside.heading-info>span { padding: 4px; height: 26px; line-height: 26px; font-size: 18px; display: block } aside.heading-info>span.public_time { float: left; font-size: 12px; color: #999 } aside.heading-info>span.author { float: right; font-size: 14px } #news-article>div.description { margin: 5px 0; padding: 6px; color: #948888; border: 1px solid #ded2d3; font-size: 14px } .leading { font-size: 14px; line-height: 22px; margin-top: 5px; margin-bottom: 5px; padding: 10px; color: #777; background: #f5f5f5 } .leading p { margin: 0 } .leading p i { background: #999; padding: 0 10px; color: #fff; line-height: 22px; font-style: normal; display: inline-block } #share_nav { text-align: center } #share_nav a { display: inline-block; float: none } .shotcut .shotcut-wrap ul li a i.a1.ico { display: block; width: 50px; height: 50px; border-radius: 8px; margin: 0 auto; background-image: ; background-size: 50px 550px; background-repeat: no-repeat } header, .container { max-width: 640px !important; margin: 0 auto !important; } header{ background-color: #fff; z-index: 88888; height: 1.1rem; } .container-p{ margin-top: .85rem !important; } .back_to_top { width: 44px; height: 44px; border-radius: 22px; background-image: ; background-color: rgba(0, 0, 0, .5); background-size: 44px 44px; position: fixed; bottom: 200px; right: 2px; opacity: .75; cursor: pointer; display: none } .back_to_feed { width: 44px; height: 44px; border-radius: 22px; position: fixed; bottom: 155px; right: 2px; opacity: .75; cursor: pointer; background-color: rgba(0, 0, 0, .5); color: #fff; font-weight: 700; font-family: arial; line-height: 44px; -webkit-tap-highlight-color: transparent; font-size: 14px; text-decoration: none; text-align: center; display: none } .imgzoom_pack { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .7); display: none; z-index: 2147483648 } .imgzoom_pack .imgzoom_x { color: #fff; height: 30px; width: 30px; line-height: 30px; background: #000; text-align: center; position: absolute; right: 5px; top: 5px; z-index: 10; cursor: pointer } .imgzoom_pack .imgzoom_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden } .imgzoom_pack .imgzoom_img img { width: 100%; position: absolute; top: 50% } .height-no { height: 0; overflow: hidden } #add_ewm_content { padding: 0 10px } #add_ewm_content img { max-height: 400px; } .index-nav .top-bar { /* display: -webkit-box */ } .index-nav .top-bar .bdb-logo { float: none } .index-nav .top-bar .city-label { position: relative; top: -0.25rem; margin-left: .34rem; float: none } .top-bar .search { overflow: hidden; /* text-overflow: ellipsis; */ /* white-space: normal; */ padding: 0 0.2rem 0 0; margin-left: .24rem; display: block; -webkit-box-flex: 1; flex: 1; color: #b8b8b8; text-align: left; opacity: 1; color: rgba(153, 153, 153, 0.6); font-size: .25rem; font-weight: 500; font-family: "pingfang sc"; text-align: left; transition: left .2s, right .2s; display: block; line-height: .65rem; height: .65rem; border-radius: .81rem; opacity: 1; background: rgba(242, 242, 242, 1); } .top-bar .nosearch { padding: 0 0 0 10px; -webkit-box-flex: 1; flex: 1; height: 28px; margin: 6px; line-height: 30px; color: #b8b8b8; text-align: left; font-size: 13px; display: block } .top-bar .search i { background: no-repeat; width: .218rem; height: .2489rem; display: -webkit-inline-box; background-size: 95%; margin-right: .02rem; margin-left: .26rem; margin-right: .18rem; position: relative; top: 0.05rem; } .top-bar .search a { color: #b8b8b8 } .top-nav2016 .top-bar div.list a.sou { border-left: 1px solid #ff751a; background-image: ; background-size: 80px 160px; background-position: -40px -80px; background-repeat: no-repeat } .mip-shell-header-wrapper.hide { display: none !important } .checkbox { font-size: 16px; color: #000; margin-bottom: 13px; margin-top: 6px; padding: 0 5px } .checkbox b { display: inline-block; text-align: right; font-size: 14px } .checkbox span { display: inline-block; white-space: nowrap; padding: 0 9px; margin-right: 8px; cursor: pointer; border-radius: 50px; font-size: 14px } .checkbox span.selected { background: #f60; color: #fff !important; text-decoration: none; border-radius: 50px; line-height: 28px; font-size: 14px; padding: 0 10px } .checkbox span:hover { color: #f60 } .tab { overflow: inherit !important } .tab h2.newh2 { padding-left: 10px; font-weight: 400; border-left: 5px solid #f60; line-height: 18px; margin: 20px 0; color: #333; font-size: 18px; font-weight: 700 } .tab h3 { font-size: 0.36rem; margin-bottom: 0; text-indent: 0.36rem; } .tab .jswz { color: #666; line-height: 20px; display: block; font-size: 14px; margin-bottom: 2px } .banshi-box { font-size: 16px } .banshi-box p { font-size: 16px; line-height: 28px; margin-bottom: 14px } .banshi-box img { max-width: 100% !important } .channel_block { padding: 5px } #channeltab { height: 42px; padding-bottom: 5px; z-index: 999999; width: 100%; background: #fff; max-width: 640px } .nav-content { height: 36px; font-size: 14px; background-color: #333; padding: 0 10px; margin: 0 } .nav-content li { float: left; width: 16.5%; line-height: 36px; text-align: center; list-style: none } .nav-content li span { display: block; height: 42px; text-decoration: none; color: #eee; font-weight: 700; font-size: 14px; text-decoration: none !important } .nav-content li.cur { line-height: 35px; background: bottom no-repeat } .nav-content li.cur span { color: #fff } .snav-position { position: relative } .snav-position i { position: absolute; top: -60px } .banshi-wandian p { border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; padding-bottom: 15px; padding-left: 5px; margin-top: 0 } .banshi-wandian p a { color: #333 } .banshi-wandian p a:hover { color: #f60 } .banshi-wandian p b { padding-left: 0; display: block; line-height: 20px; margin-bottom: 11px } .nav-content-block p { font-size: 16px } .clear { clear: both } .cailiao, .wenda, .yuyue { margin-bottom: 10px; border-bottom: 1px solid #ededed; padding-bottom: 10px } .cailiao>p, .wenda>p, .yuyue>p { font-size: 16px; color: #333; font-weight: 700; padding: 0; margin: 0 } .cailiao>a, .wenda>span, .yuyue>a, .yuyue>span { color: #fff; background: #09f; font-size: 13px; float: right; display: block; padding: 0 10px; height: 30px; line-height: 30px; cursor: pointer } .cailiao a:hover { background: #0080d6; text-decoration: none; color: #fff } .cailiao>p { margin-right: 75px } .cailiao>a { width: 55px } .cailiao:first-child { margin-top: 0 } .wenda:first-child { margin-top: 0 } .yuyue:first-child { margin-top: 0 } .cailiao:last-child, .wenda:last-child, .yuyue:last-child { border-bottom: 0 } .wenda>p { background: left 4px no-repeat; padding-left: 30px; margin-right: 65px } .wenda>span { background: 0 0; color: #f60; font-size: 15px; width: 45px; text-align: right } .wenda_da { font-size: 15px; color: #666 } .liucheng1 { width: 90%; border: 2px solid #329bea; margin: 0 auto; margin-bottom: 15px; border-radius: 10px; padding-bottom: 10px } .liucheng1.liucheng-big { width: 95% } .liucheng_bt { height: 32px; background: #329bea; text-align: center; line-height: 32px; color: #fff; font-weight: 700; border-radius: 7px 7px 0 0; margin-bottom: 10px; font-size: 16px } .liucheng1_box { padding: 0 5px } .liucheng1 p { margin: 2px 0 !important } .jiantou { width: 65px; height: 41px; background: no-repeat; margin: 0 auto; margin-bottom: 10px } .yuyue>p { margin-right: 140px } .yuyue>a { width: 55px } .yuyue>span.yuyue_a { margin-right: 9px; background: #f60; width: 65px } .yuyue_da { font-size: 15px; color: #666 } .yuyue_da>a { background: #329bea; display: table; color: #fff; margin: 0 auto; padding: 5px 40px; border-radius: 40px } .yuyue_anniu a { background: #329bea; display: table; color: #fff; margin: 0 auto; padding: 5px 40px; border-radius: 40px } .yuyue_anniu img { float: left; margin-top: 7px; margin-right: 10px } .yuyue_anniu span { float: left; font-size: 20px; line-height: 38px; font-weight: 700 } .yuyue_anniu a:hover { background: #1984d5; color: #fff } .yuyue_anniuz { font-size: 14px; font-weight: 700; text-align: center; padding: 15px 0 } .liucheng2 { width: 274px; border: 2px solid #329bea; margin: 0 auto; margin-bottom: 10px; border-radius: 10px; padding-bottom: 10px } .liucheng_bt2 { height: 27px; text-align: center; line-height: 41px; font-weight: 700; border-radius: 7px 7px 0 0; margin-bottom: 10px; font-size: 16px; color: #329bea } .liucheng2_box { padding: 0 20px } .liucheng2 p { margin: 2px 0 !important } .jiantou2 { width: 65px; height: 41px; background: no-repeat center; margin: 0 auto; margin-bottom: 10px; background-size: 48px } .wdmore { text-align: center; background: #efefef; padding: 5px !important } .wdmore a { color: #666 } .block { display: block !important } .none { display: none !important } .sec-list-heading { margin-bottom: 1px; overflow: hidden; background-color: #fff; padding: 8px; } .sec-list-heading h2 { margin: 5px -8px; border-left: 9px solid #f60; padding: 0 9px; float: left; height: 24px; font-weight: 800; font-size: 20px; color: #151515; line-height: 24px; overflow: hidden; } .sec-list-heading .sub-chanel { margin: 5px 0; padding: 0 0px; color: #999; font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-align: right; } .sec-list-heading .sub-chanel a { font-size: 15px; display: inline-block; padding: 0 2px; color: #666; text-decoration: none; } /* 首页登录 */ .login-up { color: #fff; line-height: 40px; font-size: 20px; font-weight: 700; text-decoration: none; } /* .swiper-slide{ width: 50% !important; } */ @font-face {font-family: "iconfont"; src: ; /* ie9*/ src: format('embedded-opentype'), /* ie6-ie8 */ format('woff'), /* chrome、firefox */ format('truetype'), /* chrome、firefox、opera、safari, android, ios 4.2 */ format('svg'); /* ios 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .icon-appreciate:before { content: "\e644"; } .icon-check:before { content: "\e645"; } .icon-close:before { content: "\e646"; } .icon-edit:before { content: "\e649"; } .icon-emoji:before { content: "\e64a"; } .icon-phone:before { content: "\e652"; } .icon-roundclosefill:before { content: "\e658"; } .icon-roundclose:before { content: "\e659"; } .icon-roundrightfill:before { content: "\e65a"; } .icon-roundright:before { content: "\e65b"; } .icon-search:before { content: "\e65c"; } .icon-commentfill:before { content: "\e666"; } .icon-camera:before { content: "\e665"; } .icon-warnfill:before { content: "\e662"; } .icon-unfold:before { content: "\e661"; } .icon-timefill:before { content: "\e65e"; } .icon-comment:before { content: "\e667"; } .icon-likefill:before { content: "\e668"; } .icon-like:before { content: "\e669"; } .icon-notificationfill:before { content: "\e66a"; } .icon-notification:before { content: "\e66b"; } .icon-order:before { content: "\e66c"; } .icon-samefill:before { content: "\e66d"; } .icon-tagfill:before { content: "\e66f"; } .icon-deliver:before { content: "\e671"; } .icon-taxi:before { content: "\e65d"; } .icon-evaluate:before { content: "\e672"; } .icon-pay:before { content: "\e673"; } .icon-back:before { content: "\e679"; } .icon-wang:before { content: "\e678"; } .icon-tag:before { content: "\e670"; } .icon-send:before { content: "\e675"; } .icon-shop:before { content: "\e676"; } .icon-list:before { content: "\e682"; } .icon-more:before { content: "\e684"; } .icon-myfill:before { content: "\e685"; } .icon-my:before { content: "\e686"; } .icon-cascades:before { content: "\e67c"; } .icon-share:before { content: "\e6f3"; } .icon-time:before { content: "\e65f"; } .icon-ttpodicon:before { content: "\e667"; } .icon-shujulaiyuan:before { content: "\e7d4"; } @font-face{font-family:swiper-icons;src: format("woff");font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-container-3d{perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory} :root{--swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translatey(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translatex(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white{--swiper-pagination-color:#ffffff} .swiper-pagination-black{--swiper-pagination-color:#000000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)} }.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next .swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-slide{float:left\9} .swiper-slide img{height:8.5em;border-radius:0.5rem;margin-bottom:0.4rem} .back_to_top,.back_to_feed{z-index:2}body{ font-size: 0.28rem; } html { font-size: 13.33333vw; } @media screen and (max-width: 320px) { html { font-size: 42.667px; font-size: 13.33333vw; } } @media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: 13.33333vw; } } @media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: 13.33333vw; } } @media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: 13.33333vw; } } @media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93px; font-size: 13.33333vw; } } @media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: 13.33333vw; } } @media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: 13.33333vw; } } @media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: 13.33333vw; } } @media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33px; font-size: 13.33333vw; } } @media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: 13.33333vw; } } @media screen and (min-width: 721px) and (max-width: 768px) { html { font-size: 102.4px; font-size: 13.33333vw; } } @media screen and (min-width: 769px) { html { font-size: 102.4px; } } body{ background: #fff; } .clearfi::before, .clearfi::after { content: ''; display: table; clear: both; } /* 带背景的顶部 */ .top-nav2016 { box-shadow: none; } .top-nav2016 .top-bar { height: 1.18rem; border-bottom: none; background-color: #ff8800; } .top-nav2016 .qita-city { position: absolute; display: inline-block; top: 0.38rem; left: 0.22rem; color: rgba(255, 255, 255, 1); font-size: 0.3rem; font-weight: 700; } .top-nav2016 .xian { display: inline-block; margin: 0 0.2rem; margin-top: 0.5rem; width: 0.02rem; transform: scalex(50%); height: 0.2rem; background-color: #fff; float: right; } .top-nav2016 .xian-spacial { margin-left: 0 !important; } .top-nav2016 .top-bar div.home { float: right; width: 0.3rem; height: 0.3rem; border-right: none; margin-top: 0.42rem; } .top-nav2016 .top-bar div.home a { display: block; width: 0.3rem; height: 0.3rem; background-image: ; background-repeat: no-repeat; background-size: contain; position: absolute; background-position: 0 0; } .top-nav2016 .top-bar div.list { float: right; overflow: hidden; width: 0.3rem; height: 0.3rem; margin-top: 0.44rem; margin-right: 0.2rem; } .top-nav2016 .top-bar div.list a.sou { display: block; width: 0.3rem; height: 0.3rem; border-left: none; background-image: ; background-repeat: no-repeat; background-size: contain; background-position: 0 0; } .top-nav2016 .top-bar div.title { border-left: none; border-right: none; } .top-nav2016 .top-bar div.title a { font-size: 0.36rem; font-weight: 800; display: block; width: 2.6rem; height: 0.8rem; margin: auto; text-align: right; text-decoration: none; background-image: ; background-size: 1.6rem 3.2rem; background-position: 0 -2.4rem; background-repeat: no-repeat; } .top-nav2016 .top-bar div.title { margin: 0; margin-top: 0.2rem; margin-left: 0.68rem; } .top-nav2016 .top-bar div.list a.dropdown { display: block; width: 0.3rem; height: 0.3rem; border-left: none; background-image: ; background-repeat: no-repeat; background-size: contain; background-position: 0 0.01rem; } .breadcrumb { padding: 0 0.22rem; height: 0.8rem; opacity: 1; background: linear-gradient(90deg, rgba(255, 242, 227, 1) 0%, rgba(255, 255, 255, 1) 100%); box-shadow: none; display: flex; align-items: center; } .breadcrumb a { display: inline-block; padding: 0.16rem 0.3rem 0.16rem 0.06rem; text-decoration: none; background: center right no-repeat; background-size: 0.2rem 0.12rem; color: rgba(151, 151, 151, 1); font-size: 0.28rem; font-weight: 500; } .breadcrumb span { color: rgba(255, 136, 0, 1); font-size: 0.28rem; font-weight: 500; margin-left: 0.1rem; } article>h1, .heading h1 { line-height: 28px; color: rgba(34, 34, 34, 1); font-size: 20px; font-weight: 700; padding: 0 11px; } #news-article>h1 { margin-top: 0.20rem; line-height: 0.56rem; color: rgba(34, 34, 34, 1); font-size: 0.4rem; font-weight: 700; } aside.heading-info { line-height: 0.4rem; padding: 0; margin: 0; padding-left: 0.22rem; margin-top: 0.2rem; height: auto; } aside.heading-info .line { display: inline-block; width: 0.04rem; height: 0.2rem; opacity: 1; background: rgba(244, 156, 83, 1); margin: 0 0.09rem; padding: 0; margin-right: 0.06rem; } .heading-info>span{ padding: 0; } aside.heading-info .zhengli { padding: 0; height: 0.4rem; line-height: 0.4rem; color: rgba(136, 136, 136, 1); font-size: 0.28rem; font-weight: 700; display: inline-block; } aside.heading-info>span.public_time { display: inline-block; float: inherit; color: rgba(153, 153, 153, 1); font-size: 0.28rem; font-weight: 500; padding: 0; line-height: 0.4rem; height: 0.4rem; } /* 导语外部容器 */ .leading { font-size: 14px; line-height: 22px; margin-bottom: 5px; color: #777; background: #f5f5f5; margin-top: 27px; padding: 0 11px; margin-bottom: 28px; background: #fff; } section.leading { margin-top: 0.2rem; margin-bottom: 0; } /* .leading p { margin: 0; display: flex; flex-direction: column; line-height: 24px; background: linear-gradient(134.8deg, rgba(255, 236, 214, 1) 0%, rgba(255, 255, 255, 1) 100%); color: rgba(51, 51, 51, 1); font-size: 15px; font-weight: 500; border-radius: 12px 12px 12px 12px; padding: 0 14px; padding-bottom: 15px; padding-top: 47px; position: relative; } */ .leading p { margin: 0; /* display: flex; */ flex-direction: column; line-height: 0.48rem; color: rgba(51, 51, 51, 1); font-size: 0.26rem; font-weight: 500; border-radius:0.24rem; position: relative; padding: 0.31rem 0.32rem; background: linear-gradient(270deg, rgba(243,244,245,1) 0%, rgba(250,250,250,1) 100%); /* text-indent: 0.9rem; */ } /* 导语标题 */ /* .leading p i { padding: 0; font-style: normal; display: inline-block; height: 35px; line-height: 35px; text-align: center; opacity: 1; background: linear-gradient(270deg, rgba(255, 236, 214, 1) 0%, rgba(255, 249, 242, 1) 100%); color: rgba(255, 136, 0, 1); font-size: 15px; font-weight: 500; border-radius: 12px 12px 0 0; margin-bottom: 12px; width: 100%; position: absolute; left: 0; top: 0; } */ .leading p i { padding: 0; font-style: normal; display: inline-block; text-align: center; opacity: 1; margin-bottom: 0; width: 1.04rem; /* position: absolute; left: 0; top: 0.29rem; */ height: 0.52rem; border-radius: 0 0.3rem 0.3rem 0; background: linear-gradient(134.8deg, rgba(244,244,244,1) 0%, rgba(225,225,225,1) 100%); color: rgba(85,85,85,1); font-size: 0.26rem; font-weight: 500; line-height: 0.52rem; text-indent: initial; margin-left: -0.31rem; } .rec { padding: 0 0.22rem; } /* 重要 */ .rec div:nth-of-type(2) { margin-top: -0.2rem!important; } .rec-item { border-bottom: 0.02rem solid rgba(240, 240, 240, 1); border-top: 0; padding: 0.3rem 0.2rem 0.32rem 0.2rem; } .rec-item h2 { font-size: 0.32rem; line-height: 0.46rem; height: 0.46rem; font-weight: 500; overflow: hidden; margin: 0; text-overflow: ellipsis; white-space: nowrap; } .rec-item p { font-size: 0.26rem; line-height: 0.36rem; margin: 1em 0; margin: 0; margin-top: 0.32rem; color: rgba(153, 153, 153, 1); display: flex; } .rec-item p span { margin-right: 0.68rem; display: flex; } .rec-item p .iconfont { margin-right: 0.1rem; font-size: 0.28rem; } /* 热点推荐 */ .info-list { padding: 0 0.22rem; } /* 标题热点推荐,最新阅读 */ .sec-list-heading { padding: 0; margin: 0; margin-top: 0.4rem; } .sec-list-heading h2 { color: rgba(34, 34, 34, 1); font-size: 0.34rem; font-weight: 700; position: relative; margin: 0; margin-left: 0.2rem; padding: 0; overflow: initial; border-left: 0; height: 0.48rem; line-height: 0.48rem; } /* 竖线 */ .sec-list-heading h2::after { content: ''; position: absolute; background: rgba(255,136,0,1); width: 0.07rem; height: 0.25rem; left: -0.16rem; top: 50%; transform: translatey(-50%); } /* 一行内容 */ .sec-list-body .list-item2016 { background-color: #fff; margin: 0.02rem 0; padding: 0.3rem 0.34rem 0.3rem 0.2rem; border-bottom: 0.01rem solid rgba(240, 240, 240, 1); } .sec-list-body .list-item2016 dl { padding: 0; } /* 内容 */ .sec-list-body .list-item2016 dl dt { font-size: 0.32rem; line-height: 0.46rem; color: rgba(34, 34, 34, 1); } /* 时间 */ .sec-list-body .list-item2016 dl dd { line-height: 0.36rem; height: 0.36rem; font-size: 0.26rem; color: rgba(153, 153, 153, 1); font-weight: 500; margin-top: 0.32rem; } /* 脚注 */ .footer-wrap { display: flex; align-items: center; justify-content: center; height: 0.85rem; line-height: 0.85rem; text-align: center; background-color: rgb(34, 34, 34); color: rgb(155, 155, 155); font-size: 0.28rem; } .footer-wrap img { width: 100%; height: 43px; } .outer-yuan { display: inline-block; /* margin-left: 1.75rem; */ margin-right: 0.02rem; width: 0.24rem; height: 0.24rem; border-radius: 50%; background-color: rgb(34, 34, 34); border: 0.02rem solid rgb(155, 155, 155); } .outer-yuan .inner-yuan { /* display: inline-block; */ margin: 0 auto; margin-top: 0.02rem; width: 0.16rem; height: 0.16rem; border-radius: 50%; background-color: rgb(34, 34, 34); border: 0.02rem solid rgb(155, 155, 155); } /* .swiper-slide img { width: 350px !important; height: 100px!important; border-radius: 9.5px; vertical-align: middle; } */ /* .banner-bottom { margin-top: 10px; } .swiper5 { width: 94.13%; height: 100px; border-radius: 12px; } .swiper5 img { height: 100px!important; border-radius: 9.5px; vertical-align: middle; } .banner-bottom .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } .swiper5 .swiper-pagination-bullet { width: 10.5px; height: 2.5px; opacity: 1; background: rgba(225, 225, 225, 1); border-radius: 5.5px; } .swiper5 .swiper-pagination-bullet-active { width: 18px; background: rgba(255, 255, 255, 1); } .swiper5>.swiper-pagination-bullets { bottom: 5px !important; } */ .swiper-border { margin-top: 10px!important; } .swiper-border .swiper-container.swiper-container-horizontal { width: 94.13%; height: 2rem; border-radius: 12px; } .swiper-border .swiper-slide img { height: 2rem; border-radius: 12px; margin-bottom: 0; } .swiper-border .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } .swiper-border .swiper-pagination-bullet { width: 10.5px; height: 2.5px; opacity: 1; background: rgba(225, 225, 225, 1); border-radius: 5.5px; } .swiper-border .swiper-pagination-bullet-active { width: 18px; background: rgba(255, 255, 255, 1); } .swiper-border .swiper-pagination-bullets { bottom: 5px !important; } /* 导粉样式 */ #add_ewm_content { line-height: 0.48rem; position: relative; /* padding: 0 0.1rem; background: linear-gradient(222.1deg, rgba(255,238,220,1) 0%, rgba(255,255,255,1) 50%, rgba(255,247,238,1) 100%); background-image: ; background-position: 0 0; background-size: cover; padding-top: 0.2rem; padding-bottom: 0.2rem; */ border-radius: 0; width: 94.13%; box-sizing: border-box; margin: 0 auto; padding: 0; } #add_ewm_content p { position: relative; color: #252525; font-size: 0.3rem; font-weight: normal; background: #fff; /* padding: 0.2rem 0 0.2rem 0; */ /* border-radius: 0.24rem; */ line-height: 0.48rem; margin: 0; padding: 0; } #add_ewm_content p:first-of-type { margin-top: 0.3rem; } .xuxian{ padding: 0.2rem 0rem 0.2rem 0rem!important; border-top: 0.02rem dashed #ffb95f; border-bottom: 0.02rem dashed #ffb95f; } .wenxintishi::after { position: absolute; width: 1.36rem; height: 0.13rem; /* background: linear-gradient(134.8deg, rgba(255,236,214,1) 0%, rgba(255,255,255,0.8) 100%); */ background-image: ; content: ''; left: 0; top: 0.47rem; opacity: 0.6; background-size: cover; /* opacity: 0.6; */ } /* #add_ewm_content p:first-of-type::before{ position: absolute; content: ''; display: table; top: -0.08rem; left: 0; background-image: ; width: 100%; height: 0.08rem; background-repeat: no-repeat; } #add_ewm_content p:first-of-type::after{ position: absolute; content: ''; display: table; bottom: -0.08rem; left: 0; background-image: ; width: 100%; height: 0.08rem; background-repeat: no-repeat; } .content-box { font-size: 0.3rem; line-height: 0.48rem; } */ .content-box>a:link, .content-box>a:visited, .content-box>p>a:link, .content-box>p>a:visited, .content-box>div>a:link, .content-box>div>a:visited, .content-box>center>a:link, .content-box>center>a:visited { font-size: 0.28rem; } #add_ewm_content p:nth-of-type(2) { padding: 0.08rem; margin-top: 0.3rem; padding: 0.08rem; background-image: ; background: initial; /* 完整显示 */ background-size: 100% 100%; background-origin: padding-box; background-origin: padding-box; background-repeat: no-repeat; /* padding: 0; */ } #add_ewm_content img { /* display: block; */ border-radius: 0.11rem; /* max-height: 100%; */ } /* 去掉空白,不知道要去掉哪个,就全去掉了 */ /* .content{ padding: 0!important; } .page { display: none; } .container>div:nth-of-type(2) { display: none!important; } .content div:last-of-type { display: none; } */ .rec section.sec-list-heading { margin-top: 0; } .rec a:hover h2 { color: #252525!important; } /* 上面的文字行数可能会有变化,所以这样写并不合适 */ /* #add_ewm_content p:nth-of-type(2) { padding: 0; padding: 0.1rem 0.1rem; background-size: 100% 100%; background-origin: padding-box; background-origin: padding-box; background-repeat: no-repeat; background: none; margin: 0; height: 9.13rem; box-sizing: border-box; } #add_ewm_content img { height: 100%; } */ footer { margin-top: 0!important; } footer .footer-info { padding: 0.3rem 0; } footer .link { font-size: 0.32rem; } footer .copyright { font-size: 0.24rem; } .content-box>a:link, .content-box>a:visited, .content-box>p>a:link, .content-box>p>a:visited, .content-box>div>a:link, .content-box>div>a:visited, .content-box>center>a:link, .content-box>center>a:visited { font-size: 0.28rem; padding: 0; } .content { font-size: 0.3rem; line-height: 0.6rem; } .back_to_top { -webkit-tap-highlight-color: transparent; } .fixed { position: fixed; bottom: 0; width: 100%; display: flex; align-items: flex-end; justify-content: center; max-width: 640px; margin: auto; background: #fff; padding: 0.1rem 0; z-index: 999; } .share { width: 35%; height: 0.8rem; line-height: 0.8rem; border-radius: 1.5625rem; color: #ffffff; font-size: 0.36rem; font-weight: 500; background-color: #f80; margin-left: 0.275rem; } .share div { display: flex; justify-content: center; align-items: center; } .share-icon { width: 0.3rem; height: 0.3rem; margin-left: 0.1rem; } .focus-btn { width: 40%; height: 0.8rem; line-height: 0.8rem; border-radius: 1.5625rem; color: #ffffff; font-size: 0.36rem; font-weight: 500; background-color: #f80; margin-left: 0.275rem; } .focus-btn div { display: flex; justify-content: center; align-items: center; } .other-city { width: 65%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.32rem; border: 0; border-radius: 1.5625rem; margin-left: 0.275rem; margin-right: 0.275rem; margin-top: 0.1rem; color: #ffffff; background: #f80; } .daofen-box p, span, strong { font-family: "microsoft yahei" !important; line-height: 2 !important; } /* .content table { display: block; overflow: scroll; word-break:keep-all; word-wrap: break-word; } .content table td{ padding: 0.03rem 0.05rem!important; font-size: 0.28rem !important; } .table-tips{ font-size: 0.20rem;color: #999;display: block;text-align: center;} */ .weixin-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background-color: rgba(0, 0, 0, .6); display: none; background-image: ; background-position: top right; background-size: 100%; background-repeat: no-repeat; } .mobile-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background-color: rgba(0, 0, 0, .6); display: none; max-width: 750px; width: 100%; margin: auto; } mip-share .c-share-list .c-span3 { width: 16%; -webkit-box-flex: none; -webkit-flex: none; font-size: 10px } .c-span3 { float: left; } mip-share .c-share-list .c-flexbox, mip-share .c-share-list .c-row { display: block; } .fenxiang { padding: 0.2rem 0 0 0.2rem; background: #fff; font-size: 0.2rem; margin: 0; } .c-share-list.mip-fill-content { padding-top: 10px; border-bottom: 10px solid #e8e8e8; padding-bottom: 10px; } .c-share-list { overflow: hidden; margin-top: 0; box-sizing: border-box; } .c-line-clamp1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .weui-mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); } .weui-dialog { position: fixed; z-index: 5000; width: 80%; max-width: 750px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; text-align: center; border-radius: 0.06rem; overflow: hidden; } .weui-dialog__hd { padding: 1.3em 1.6em 0.5em; } .weui-dialog__title { font-weight: 400; font-size: 0.36rem; } .weui-dialog__bd { padding: 0 1.6em 0.8em; min-height: 0.8rem; font-size: 0.3rem; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #808080; text-align:left; } .weui-dialog__bd img{ max-width:100%;} .weui-dialog__bd:first-child { padding: 0.7em 0.4rem 1.7em; color: #353535; } .weui-dialog__ft { position: relative; line-height: 0.96rem; font-size: 0.36rem; display: -webkit-box; display: -webkit-flex; display: flex; } .weui-dialog__ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 0.02rem; border-top: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(0.5); transform: scaley(0.5); } .weui-dialog__btn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09bb07; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } .weui-dialog__btn:active { background-color: #eeeeee; } .weui-dialog__btn:after { content: " "; position: absolute; left: 0; top: 0; width: 0.02rem; bottom: 0; border-left: 0.02rem solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(0.5); transform: scalex(0.5); } .weui-dialog__btn:first-child:after { display: none; } .weui-dialog__btn_default { color: #353535; } .weui-dialog__btn_primary { color: #09bb07; }