@charset "utf-8";
/* CSS Document */
/* 微软中粗雅黑 */
@font-face {
	font-family: 'fzzcys';
	src: url('https://www.gmfyg.org.cn/public/static/base/font/song.TTF') format('truetype');
}
/* ICON */
@font-face {
  font-family: 'icon';
  src:  url('https://www.gmfyg.org.cn/public/static/base/font/icomoon.eot?xl828g');
  src:  url('https://www.gmfyg.org.cn/public/static/base/font/icomoon.eot?xl828g#iefix') format('embedded-opentype'),
    url('https://www.gmfyg.org.cn/public/static/base/font/icomoon.ttf?xl828g') format('truetype'),
    url('https://www.gmfyg.org.cn/public/static/base/font/icomoon.woff?xl828g') format('woff'),
    url('https://www.gmfyg.org.cn/public/static/base/font/icomoon.svg?xl828g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* css reset */
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;}
body {font: 14px/1.5 "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; color: #1F1F1F; background-color: #F0F0F4; margin: auto;}
input, button, textarea, select {font: inherit; outline: 0; border: 0; background: none; color: inherit;}
input:focus, textarea:focus {color: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;}
ol, ul, li {list-style: none;}
input, select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea {overflow: auto; resize: none;}
table {border-collapse: collapse; border: 0;}
img {border: 0; outline: 0; vertical-align: middle;}
a {text-decoration: none; color: #232323;}
a:hover {color: #B41E00;}
a:focus {outline: 0;}
svg:not(:root){overflow: hidden;}
input[type=date]{background-color:transparent; border: 0; filter: alpha(opacity=0);}
h1, h2, h3 {font-family: "fzzcys";}
video {object-fit: fill;}
/* 清除浮动 */
.clear:after,.block:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
/* 通用 */
.wrap {margin: 0 auto; max-width: 800px; position: relative; background: #FFF; min-height: 100vh;}/* 控制宽度 ≥800 */
.hrader {height: 48px; width: 100%; z-index: 99; background: rgba(128,46,31,0.95);}
.menu-left ,.menu-right {float: left; width: 48px; height: 48px; text-align: center; font-size: 26px; color: #FFF; position: relative; cursor: pointer;}
.menu-left::before {content: "\e8fd"; font-family: "icon"; line-height: 48px;}
.menu-right::before {content: "\e907"; font-family: "icon"; line-height: 48px;}
.day {width: calc(100% - 96px); float: left; text-align: center; color: #FFF; line-height: 48px; font-size: 18px;}

.area {padding:5px 12px 0;}
.p-l {width: 46%; display: block; float: left;}
.p-l img {width: 100%; height: auto;}
.box {width: 52%; display:block; float: right;}
.box .t {font-size: 16px; display: block; font-weight: bold; margin-bottom: 5px;}
/* date 时间 */
.box .d {font-size: 14px; color: #AAA; position: relative; padding-left: 18px; display: block; margin-top: 4px;}
.box .d:before {content: "\e942"; font-family: "icon"; position: absolute; left: 0;}
.box .make {padding: 0 8px; float: right; border-radius: 3px; display: inline-block;}
.box .start {background: #B2985D; color: #FFF;}
.box .start::before {content: "\53ef\9884\7ea6";}
.box .end {pointer-events: none; background: #DDD; color: #333;}
.box .end::before {content: "\5df2\7ed3\675f";}
/* location 位置/展览 */
.box .l {font-size: 14px; color: #AAA; position: relative; padding-left: 18px; display: block; margin-top: 8px;}
.box .l:before {content: "\e91d"; font-family: "icon"; position: absolute; left: 0;}

.area li {border-bottom: 1px solid #EAEAEA; padding: 12px 0;}
.area li:last-child {border-bottom: 0;}

.ratio-container{
	width: 100%;position: relative;
	display: block;
}
.ratio3x2
{
	padding-top:66.6%;
}


.ratio-container img,.ratio-container video
{
	position: absolute;top:0;left:0;width: 100%;height: 100%;
}