@keyframes title_animation{from{top:-50%}
to{top:0}
}
@-moz-keyframes title_animation{from{top:-500px}
to{top:0}
}
@-webkit-keyframes title_animation{from{top:-500px}
to{top:0}
}
@-o-keyframes title_animation{from{top:-500px}
to{top:0}
}
@keyframes toup_animation{0%{bottom:2%;opacity:1}
50%{bottom:5%;opacity:.5}
100%{bottom:2%;opacity:1}
}
@-moz-keyframes toup_animation{0%{bottom:2%;opacity:1}
50%{bottom:5%;opacity:.5}
100%{bottom:2%;opacity:1}
}
@-webkit-keyframes toup_animation{0%{bottom:2%;opacity:1}
50%{bottom:5%;opacity:.5}
100%{bottom:2%;opacity:1}
}
@-o-keyframes toup_animation{0%{bottom:2%;opacity:1}
50%{bottom:5%;opacity:.5}
100%{bottom:2%;opacity:1}
}
body{min-width:0;font-size:62.5%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;background-color:#c8b7b6}
img{border:0;font-size:0}
@media screen and (min-width:375px) and (max-width:765px){body{font-size:80%!important}
}
@media screen and (min-width:768px){body{font-size:130%!important}
}
.loading{width:100%;height:100%;position:absolute;z-index:99999;display:block;background:url(images/first_cover1.jpg) center bottom;background-size:cover}
.yuan_history3g_content{overflow:hidden}
.main_screen{position:absolute;top:0;width:100%;height:100%}
.show_page{position:relative}
.up_btn{background:url("images/up_btn.png") no-repeat center center;background-size:contain;position:absolute;left:50%;margin-left:-24px;bottom:40px;width:48px;height:48px;-webkit-animation:toup_animation 2s linear infinite;-o-animation:toup_animation 2s linear infinite;animation:toup_animation 2s linear infinite}
#first_cover{background:url("images/first_cover1.jpg") no-repeat center bottom;background-size:cover;position:relative}
#first_cover .cover_title{background:url("images/cover_title_opa.png") no-repeat center top;width:inherit;height:inherit;background-size:contain;position:absolute;top:0;left:0}
#first_cover .cover_title h1{display:none}
#yuan_info{background:url("images/yuan_info.jpg") no-repeat center top;background-size:cover;position:relative}
#yuan_info .yuan_words{width:74%;margin:0 auto;position:relative;top:52%}
#yuan_info .yuan_words p.yuan{text-indent:2em;font-size:1.3em;line-height:1.5em;color:#441e1e;font-weight:bold;text-align:justify;text-justify:distribute-all-lines;word-wrap:break-word;word-break:break-all}
#yuan_info .yuan_words p.yuan span{color:#a61010}
.last_cover{background:url("images/last_cover.jpg") no-repeat center bottom;background-size:cover;position:relative}
.last_cover p{margin-top:3px;margin-bottom:3px}
.last_cover .last_title{width:100%;position:relative;top:4%}
.last_cover .more_info{position:absolute;top:48%;width:100%;height:50%;text-align:center}
.last_cover .more_info .share_btn{width:32%;height:12%;text-align:center;background-color:#861212;font-size:1.5em;line-height:2.2em;font-family:"\9ed1\4f53";color:#fff;position:absolute;top:0;left:50%;margin-left:-16%}
.last_cover .more_info .share_btn a{font-size:1em;font-family:"\9ed1\4f53";color:#fff;height:100%;width:100%;display:block;text-decoration:none}
.last_cover .more_info p.weixin_shareinfo{width:32%;position:relative;top:13%;left:50%;margin-left:-16%;text-indent:0;font-family:"\9ed1\4f53";font-size:.5em;line-height:1em;color:#450702;text-align:justify;font-weight:bold}
.last_cover .more_info .to_first{position:relative;top:13%;font-size:1.62em;line-height:1.5em;color:#f02314;display:block;width:40%;margin:0 auto;text-decoration:none;font-weight:bold}
.last_cover .more_info .dev_group{width:32%;position:relative;top:20%;left:50%;margin-left:-16%;text-align:left}
.last_cover .more_info .dev_group p.dev_title{color:#a54841;font-size:1em;line-height:1.2em;font-family:"\9ed1\4f53";text-indent:0;text-align:center}
.last_cover .more_info .dev_group p.dev_person{color:#3c201d;font-size:1em;line-height:1.2em;font-family:"\9ed1\4f53";text-indent:0}
.page_header{position:fixed;top:-10%;z-index:999;display:-webkit-flex;display:-moz-flex;display:-ms-flex;height:10%;width:100%;background:#714b4b;-webkit-transiton:top .3s ease-out;-moz-transition:top .3s ease-out;-ms-transition:top .3s ease-out;transition:top .3s ease-out;text-align:center}
.page_header h3{position:relative;top:50%;margin-top:-8px;font:1.3em "\9ed1\4f53";color:#f9f4f3;display:inline-block;width:15%;line-height:16px;height:16px}
.page_header h2{position:relative;font:1.6em "\9ed1\4f53";color:#fefdfd;display:inline-block;top:50%;line-height:16px;margin-top:-8px;width:60%;height:16px}
.page_header .menu{background:url(images/menu_button.png) no-repeat center center;position:relative;top:50%;margin-top:-8px;background-size:contain;width:22px;height:16px;float:left;border-right:1px solid #563432;padding-right:10%}
.main{background-size:cover;flex-flow:column wrap;overflow:hidden;position:relative}
.main .padding{height:10%}
.main .rotate_wrap{position:relative;height:100%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
.main .rotate_wrap .wrap_main{background:url(images/main_page_background1.png) no-repeat center bottom;background-size:cover;width:100%;height:100%;position:absolute;z-index:2}
.main .rotate_wrap .bottom_img{width:100%;position:absolute;bottom:0;left:0;z-index:1}
.main .video{height:35.2%;background:#000;width:100%}
.main .content{height:64.8%;text-align:center}
.main .content h3{color:#8a1e19;font:1.43em "\5fae\8f6f\96c5\9ed1";margin-top:10%;display:block}
.main .content h2{font:2.1em "\5fae\8f6f\96c5\9ed1";font-weight:bold;color:#8a4306;display:block}
.main .content p{text-align:justify;width:79%;font:1.58em "\9ed1\4f53";color:#521710;margin:auto;margin-top:8%}
.menu_wrapper{position:fixed;width:46%;left:-50%;height:10000%;z-index:9;background:#7b5451}
.side_menu{width:46%;position:fixed;left:-50%;background:#7b5451;z-index:10;top:10%}
.side_menu .menu_item{height:9%;padding-left:5%;border-bottom:1px solid #3e2321}
.side_menu .menu_item h4{padding-top:5%;font:1.47em "\9ed1\4f53";color:#000}
.side_menu .menu_item h3{font:1.2em "\9ed1\4f53";color:#c2b0ae;line-height:2.5em}
.side_menu .menu_item .playing{color:#fff}
.cover{width:60%;height:100%;position:absolute;right:0;top:0;z-index:10;display:none}