@charset "utf-8";

header, main, .under, footer{
   min-width: 1200px;
}

header{
   width: 1200px;
   height: 130px;
}
header .header-l{
   width: 40%;
}
header .header-l #hd-notice{
   background-color: #fff;
   width: 90%;
   height: 30px;
}
header .header-l #hd-notice ul{
   display: block;
   overflow: hidden;
   height: 100%;
}
header .header-l #hd-notice ul li a{
   display: table-cell;
   height: 30px;
   text-align:center;
   vertical-align: middle;
   color: #0089cc;
}
header .header-c{
   width: 20%;
}
header .header-r{
   width: 40%;
}
header .header-r .dist-line{
   color: #bec1c5;
}

header .header-r #member-info{
   background-color: #fff;
   height: 30px;
}
header .header-r #member-info ul{
   display: block;
   overflow: hidden;
   height: 100%;
}
header .header-r #member-info ul li{
   height: 30px;
   vertical-align: middle;
}
@media not screen and (min-width: 1200px){
    header{
        padding: 0 2%;
    }
}

nav{
   width: 100%;
   height: 60px;
   background-color: #222;
}
nav .wrapper{
   width: 1200px;
   min-width: 1200px;
}
nav .wrapper .h-menu{
   width: 79%;
}
nav .wrapper .h-menu div{
   color: #f2f2f2;
}
nav .wrapper .h-menu a, nav .wrapper .inoutmoney-menu a{
   font-size: 1.1rem;
}
nav .wrapper .inoutmoney-menu{
   width: 21%;
}
nav .wrapper .inoutmoney-menu .inmoney-menu, nav .wrapper .inoutmoney-menu .outmoney-menu{
   background-color: #0c0c0c;
   color: #f2f2f2;
   width: 50%;
}
nav .wrapper .inoutmoney-menu .outmoney-menu{
   background-color: #3e3e3e;
}
@media not screen and (min-width: 1200px){
    nav{
        padding: 0 2%;
    }
}

footer{
   width: 100%;
   height: 250px;
   background-color: #222;
}
footer .wrapper{
   width: 1200px;
   min-width: 1200px;
}
@media not screen and (min-width: 1200px){
    footer .wrapper{
        padding: 0 2%;
    }
}
footer .wrapper nav.f-menu{
   width: 100%;
   height: auto;
}
footer .wrapper nav.f-menu a{
   width: 25%;
}
footer .wrapper .f-menu span{
   color: #636363;
}
footer .wrapper .f-row{
   width: 100%;
}
footer .wrapper .f-row .copyright{
   color: #aaa;
}
footer .wrapper .f-row .meeting-ok{
   width: 220px;
   height: 110px;
}
footer .wrapper .f-row .meeting-ok .subject{
    font-size: 1.4em;
    font-weight: bold;
    color: #f8305f;
}
footer .wrapper .f-row .meeting-ok .date{
    font-size: 1.6em;
    font-weight: bold;
    color: #ccc;
    text-shadow:0px 0px 3px #f8305f, 0px 0px 40px #f8305f, 0px 0px 72px #f8305f,0px 0px 200px #f8305f;
}
footer .wrapper .f-row .meeting-ok .count{
    font-size: 1.5em;
    font-weight: bold;
    color: #e2ee22;
    text-shadow:0px 0px 2px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5;
}


/* 定义keyframe动画，命名为blink */
 
@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;}
}
 
/* 添加兼容性前缀 */
 
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
 
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
 
@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
 
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
 
/* 定义blink类*/
.blink{
    animation: blink .75s linear infinite; 
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    color: #82860b;
}