@charset "UTF-8";
/** @Project : headline; @Author : name; @Date : 2020/07/02 14:28:37; @Description : headline scss文件;
*/
/* 清默认样式 */
html { font-family: 'Microsoft YaHei','SimSun','SimHei',Arial,Helvetica,sans-serif; font-size: 12px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }

ul, ol { list-style: none; }

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 { text-decoration: none; background-color: transparent; -webkit-touch-callout: none; }

a:active, a:hover { outline: 0; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; -webkit-touch-callout: none; vertical-align: top; }

svg:not(:root) { overflow: hidden; }

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 { margin: 0; padding: 0; border: none; line-height: normal; font: inherit; color: inherit; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }

button { overflow: visible; }

button, select { text-transform: none; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; padding: 0; }

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; }

::-webkit-input-placeholder { color: #888; }

::-moz-input-placeholder { color: #888; }

::-ms-input-placeholder { color: #888; }

::-o-input-placeholder { color: #888; }

fieldset { border: 1px solid #e1e1e1; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* 默认浮动 */
.fl { float: left; }

.fr { float: right; }

.fn-clear { *zoom: 1; }
.fn-clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

/* 显示隐藏 */
.hide { display: none !important; }

.show { display: block !important; }

/* content */
.content { width: false; margin: 0 auto; }

*:focus, button, input { outline: none; }

* { padding: 0; margin: 0; }

html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; width: 100%; }

ul, ol, li, dl, dd { margin: 0; padding: 0; }

ul, ol { list-style: none outside none; }

a { text-decoration: none; }

a:visited, a:hover, a:active { text-decoration: none; }

a, img { -webkit-touch-callout: none; }

img { display: block; width: 100%; border: 0; }

em { font-style: normal; }

i { display: inline-block; font-style: normal; }

body { font-family: Microsoft Yahei, Helvetica, Arial, sans-serif; padding: 0; margin: 0 auto; overflow-x: hidden; font-size: 20px; -webkit-transition: font-size 0.2s ease-out; font-weight: 100; height: 100%; line-height: 1.0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; text-align: center; }

.cont { width: 100%; }

.rel { position: relative; }

.special-href { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }

body { background: #fefcf7; }

.swiper-pagination { width: 100%; bottom: 26px; }

.swiper-pagination-bullet { width: 11px; height: 11px; margin: 0 10px; }

.bottom { position: fixed; bottom: 0; left: 0; z-index: 200; }

.btn-main { margin: 20px 0; }

.main-info { margin: 0 0 20px 0; }

.autumn-guize { display: inline-block; *display: inline; *zoom: 1; font-size: 34px; line-height: 88px; color: #999; margin: 12px 0 0 0; }

.li-div { height: 93px; padding: 21px 0; border-bottom: 2px dashed #eee; }

.li-touxiang { float: left; margin: 0 20px 0 0; width: 93px; height: 93px; border-radius: 50%; }

.li-info { float: right; line-height: 70px; font-size: 24px; color: #007d62; vertical-align: middle; }

.li-btn { display: inline-block; width: 175px; height: 65px; vertical-align: middle; }

.li-btn img { width: 100%; height: 100%; vertical-align: middle; }

.li-time { display: inline-block; width: 105px; }

.autumn-jianshu { position: absolute; font-size: 36px; color: #fff; top: 39px; left: 367px; }

.btn1 { width: 48%; }

.btn2 { width: 50%; }

.bottom-info { width: 100%; background: #ffdc80; height: 82px; text-align: center; margin: 0 0 18px 0; }

.bottom-pic { display: inline-block; width: 68px; height: 68px; border-radius: 50%; border: 2px solid #efb746; }

.bottom-text { font-size: 26px; font-weight: bold; margin: 0 26px; color: #007d62; }

.btn-pin2 { width: 138px; height: 44px; }

.roll-ul { position: absolute; left: 0; top: 0; width: 100%; }

.roll-ul li { list-style-type: none; padding: 0 30px; height: 275px; }
.roll-ul li:nth-child(2) .li-div { border: none; }

.roll-txt { line-height: 40px; font-size: 24px; color: #222222; text-align: center; }

.layer-2 { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 202; }

.layer-1Main { position: fixed; _position: absolute; *zoom: 1; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }

.layer-1, .layer-3 { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 202; }

.layer1-main { position: relative; }

.layer1-main img { width: 100%; height: 100%; }

.layer-btn { display: block; width: 259px; height: 99px; margin: 0 auto; }

.layer-close { position: absolute; left: 50%; bottom: -90px; width: 60px; height: 60px; margin: 0 0 0 -25px; background: url("//static8.baihe.com/nationalDay2020/images/layer-close.png") no-repeat center center; background-size: 60px 60px; }

.layer-title { position: absolute; left: 0; top: 140px; width: 100%; text-align: center; font-size: 55px; font-style: italic; font-weight: bold; color: #51370c; }

.layer-time { font-size: 33px; }

.layer-num { color: #fa0074; }

.layer-ul { position: absolute; left: 114px; top: 280px; }

.layer-ul li { margin: 0 25px 0 0; }

.layer-ul img { /*width: 122px;
height: 122px;*/ border-radius: 50%; }

.mb { margin: 0 0 200px 0; }

.rel-time { position: absolute; top: 129px; right: 50px; font-size: 45px; line-height: 50px; color: #f9f05f; }

.rel-num { width: 36px; height: 36px; margin: 0 0 0 16px; font-size: 18px; line-height: 37px; text-align: center; font-weight: bold; color: #01ab86; }

.swiper-slide { height: auto; }

.swiper-main { max-height: 360px; }

@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.huodong { height: 99px; overflow: hidden; text-align: right; padding: 0 10px 0 0; position: relative; z-index: 20; }

.autumn-info { height: 44px; padding: 0 40px; font-size: 34px; line-height: 74px; color: #3c210e; margin: 30px 0 0 0; }

.autumn-infoP1 { float: left; }

.autumn-infoP2 { float: right; font-size: 24px; line-height: 44px; color: #bbbbbb; padding: 15px 0 0 0; }

.pindan-p1 { font-size: 24px; line-height: 36px; color: #3c210e; }

.big-font { font-weight: bold; color: #f32121; }

.pindan-p2 { font-size: 24px; line-height: 40px; color: #bbbbbb; }

.li-pindan { float: left; margin: 0 10px 0 0; }

.autumn-btnMain { position: absolute; bottom: -2px; left: 0; z-index: 10; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.layer1-main { background: #fff; width: 520px; height: 558px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; top: 50%; left: 50%; margin: -260px 0 0 -279px; }

.layer1-title { text-align: center; padding: 49px 0 0 0; }

.layer-titleP1 { font-size: 34px; line-height: 74px; color: #3c210e; }

.layer-titleP2 { font-size: 30px; line-height: 66px; color: #3c210e; }

.layer1-info { padding: 48px 130px 0; height: 172px; }

.huangguan { position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 1; }

.layer1-infoLMain { float: left; position: relative; width: 80px; height: 80px; }

.huangguan { position: absolute; top: -27px; left: -8px; width: 40px; height: 36px; z-index: 10; background: url("//static8.baihe.com/nationalDay2020/images/huangguan.png") no-repeat center center; background-size: 40px 36px; }

.layer1-infoImg { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.layer1-infoR { float: right; width: 80px; height: 80px; background: url("//static8.baihe.com/nationalDay2020/images/wenhao.png") no-repeat center center; background-size: 80px 80px; }

.layer1-name { position: absolute; bottom: -55px; left: 50%; z-index: 1; width: 138px; font-size: 30px; line-height: 55px; color: #3c210e; margin: 0 0 0 -69px; }

.layer1-titleName { display: inline-block; *display: inline; *zoom: 1; max-width: 200px; color: #eb8670; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.layer3-main { position: relative; left: 50%; width: 600px; height: 633px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 100px 0 0 -300px; }

.layer3-title { padding: 49px 0 0 0; font-size: 40px; line-height: 60px; color: #3c210e; }

.layer3-ulMain { margin: 49px 0 0 0; padding: 0 50px; height: 440px; overflow-y: auto; }

.layer3-ul li { height: 70px; padding: 20px 0; border-bottom: 2px dashed #eee; }
.layer3-ul .layer3-img { float: left; width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0 15px 0 0; }

.layer3-info { float: left; text-align: left; }

.layer3-pindan { float: right; }

.lyaer3-name { display: inline-block; *display: inline; *zoom: 1; max-width: 134px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }

.cha { vertical-align: middle; }

.layer3-p1 { font-size: 24px; line-height: 26px; color: #3c210e; margin-bottom: 9px; }

.layer3-p2 { font-size: 24px; line-height: 44px; color: #bbbbbb; }

.fn-clear { *zoom: 1; }

.fn-clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

body, html { background: #fefcf7; }

.cont { width: 1000px; margin: 0 auto 40px; }

.rel { position: relative; }

.special-href { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; }

.roll-main { position: absolute; height: 50px; border-radius: 10px; overflow: hidden; margin-left: -45%; width: 90%; left: 50%; top: 3%; }

.roll-ul { position: absolute; left: 0; top: 0; width: 100%; }

li { list-style-type: none; }

.roll-txt { line-height: 50px; font-size: 38px; color: #222222; text-align: center; }

.bannermain { position: relative; overflow: hidden; width: 926px; margin: 0 auto; height: 503px; }

.banner { position: relative; overflow: hidden; width: 926px; margin: 0 auto; }

#b03 { width: 1000px; height: 413px; background: #fff; margin: 0 auto; }

#b03 .dots { position: absolute; left: 50%; bottom: 50px; text-align: center; width: 100px; margin-left: -50px; }

#b03 ul li { float: left; text-align: center; position: absolute; width: 1000px; height: 413px; opacity: 0; filter: alpha(opacity=0); }

#b03 .dots li { float: left; width: 20px; height: 20px; text-indent: -999em; background: #a0a0a0; border-radius: 50%; margin-right: 20px; cursor: pointer; }

#b03 .dots li.active { background: #89c1fa; opacity: 1; }

.cont { position: relative; z-index: 120px; text-align: center; }

.btn { display: inline-block; vertical-align: middle; margin: 10px 0; }

.btn-pin { display: inline-block; width: 184px; height: 59px; background: url(//static8.baihe.com/nationalDay2020/images/web-btn-pin.png) no-repeat 0 0; vertical-align: middle; margin: 0 0 0 17px; }

.autum-pindan { position: absolute; left: 128px; top: 8px; }

.autum-pic { float: left; width: 90px; height: 90px; border-radius: 50%; border: 2px solid #e6b85b; margin: 8px 36px 0 0; }

.autum-text { float: left; font-size: 33px; font-weight: bold; color: #0a7a63; line-height: 108px; vertical-align: middle; }

.autum-time { position: absolute; right: 41px; bottom: 40px; }

.autumn-ulMian { position: relative; width: 85%; height: 275px; overflow: hidden; padding: 0 30px; z-index: 10; margin: 0 auto; }

.li-name { float: left; width: 300px; height: 93px; font-size: 38px; line-height: 93px; color: #af5b03; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }

.li-info { float: right; line-height: 70px; font-size: 24px; color: #007d62; vertical-align: middle; }

.li-btn { float: left; display: inline-block; width: 229px; height: 82px; vertical-align: middle; }

.li-btn img { width: 100%; height: 100%; vertical-align: middle; }

.li-time { display: inline-block; width: 105px; }

.big-font { font-weight: bold; }

.rel-num { display: inline-block; width: 56px; height: 48px; margin: 0 0 0 28px; font-size: 26px; line-height: 48px; color: #01ab86; font-weight: bold; }

.layer2-main { z-index: 222; width: 504px; position: absolute; top: 50%; left: 50%; z-index: 100; margin: -388px 0 0 -252px; }

.layer-1 { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 202; }

.layer1-main { position: relative; }

.layer1-main img { width: 100%; height: 100%; }

.layer-title { position: absolute; left: 0; top: 140px; width: 100%; text-align: center; font-size: 55px; font-style: italic; font-weight: bold; color: #51370c; }

.layer-time { font-size: 33px; }

.layer-ul { position: absolute; left: 118px; top: 280px; }

.layer-ul li { float: left; margin: 0 32px 0 0; }

.layer-ul img { width: 122px; height: 122px; border-radius: 50%; }

.mb { margin: 0 0 200px 0; }

#layer-mask { display: none; position: absolute; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 202; background: #000; opacity: 0.8; filter: alpha(opacity=80); }

#layer-mask-info { display: none; position: absolute; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 202; background: #000; opacity: 0.8; filter: alpha(opacity=80); }

.layer { display: none; position: absolute; left: 50%; top: 50%; z-index: 20; z-index: 300; }

.layer2-title { font-size: 50px; font-weight: bold; text-align: center; }

.layer2-info { font-size: 31px; line-height: 38px; color: #3c210e; text-align: left; }

.layer-2Teshu { top: 349px !important; }

.c-color { color: #f32121; }

.banner-top { width: 100%; background: #fff; }

.bottom-main { -webkit-box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.2); }

/*# sourceMappingURL=pc.css.map */