#container{width:100vw;height:100vh;overflow-y:auto;background-image:url(../img/bg.e6117974.jpg);background-size:cover;background-position:50%}*{list-style-type:none;box-sizing:border-box;outline:none}*,body,html{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;line-height:1.2em;background-color:#f1f1f1;overflow:hidden}a{color:#343440;text-decoration:none;box-sizing:border-box}.clearfix:after{content:"";display:table;height:0;line-height:0;visibility:hidden;clear:both}.iconfont{font-size:20px!important;color:#5cd9e8}.f-r{float:right}.f-l{float:left}.w-100{width:100%}.h-100{height:100%}.text-center{text-align:center}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}#index{width:100%;height:100vh;color:#fff}#index .bg{width:100%;padding:16px 16px 0 16px;background-image:url(../img/page_bg.b4cafaa0.png);background-size:cover;background-position:50%}#index .bg .charming-header{position:relative;width:100%;height:60px;line-height:60px;background:rgba(0,0,0,.3);border-radius:5px}#index .bg .charming-header .title{position:relative;color:#fff;font-size:24px;text-align:center}#index .bg .charming-header .title .decoration{position:absolute;left:50%;top:25px;transform:translate(-50%)}#index .bg .charming-header .date{position:absolute;right:10px;top:0;color:#fff;font-size:16px}#index .bg .charming-main{margin-top:10px}#index .bg .charming-main .left{width:26%;padding-right:1%}#index .bg .charming-main .left .box{padding:10px;background:rgba(0,0,0,.3);margin-bottom:10px;border-radius:5px}#index .bg .charming-main .left .left1 .title{color:#fff;justify-content:center;margin-bottom:10px}#index .bg .charming-main .center{width:48%}#index .bg .charming-main .center .box{padding:10px;background:rgba(0,0,0,.3);margin-bottom:10px;border-radius:5px}#index .bg .charming-main .right{width:26%;padding-left:1%}#index .bg .charming-main .right .box{padding:10px;background:rgba(0,0,0,.3);margin-bottom:10px;border-radius:5px}