@charset "UTF-8";
body,input,label,select,option,textarea,button,fieldset,legend,td{color:#333;font:1rem/1.5 'Microsoft YaHei','SimSun',Verdana,Arial,Helvetica,sans-serif;}
body{margin:0 auto;min-width:1200px;background:#020507;}
html,body{height:100%;}
a{color:#333;}
a:hover{color:#ce2f2b;}
.cssmob{display:none;}
@media (max-width:768px){
	body{min-width:320px;max-width:640px;overflow-x:hidden;}
	.csspc{display:none;}
	.cssmob{display:block;}
	.pubpagescrolltop{visibility:hidden;}
}
@media (max-width:319px){
	body{display:none;}
}

.bge{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;transition:transform .4s ease-in-out;}
.bge iframe{width:100%;height:100%;}

.main{display:flex;margin:0 auto;width:94%;max-width:1170px;height:100%;flex-direction:column;justify-content:center;}
.main .s{position:relative;background:rgba(255,255,255,.5);border-radius:10px;box-shadow:5px 5px 5px rgba(0,0,0,.2);padding:20px;}
.main h1{position:relative;color:#f7902a;color:#fff;line-height:1.6;font-weight:bold;font-size:72px;}
.main h2{clear:both;width:100%;color:#fcf149;line-height:36px;font-weight:bold;font-size:20px;}
.main h2 dfn{display:block;color:#333;font-weight:normal;}
.main h4{clear:both;width:100%;color:#333;line-height:34px;font-size:14px;}
.main ul{display:flex;flex-wrap:wrap;}
.main ul li{margin-right:1px;margin-bottom:1px;width:19.9%;background:rgba(255,255,255,.2);}
.main ul li:hover{background:rgba(255,255,255,.4);}
.main ul li a{display:block;padding:.5rem;}
.main i{position:absolute;top:-40px;right:-40px;width:80px;height:80px;background:rgba(255,255,255,.5);border:5px #555 solid;border-radius:50%;box-shadow:5px 5px 5px rgba(0,0,0,.3);cursor:pointer;transition:1s all;}
.main i::before{position:absolute;top:0;left:5px;text-align:center;content:'\e731';color:#555;line-height:normal;font-family:'iconfont'!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold;font-size:56px;}
.main i.on{background:rgba(255,255,255,.8);border-color:#ff7200;}
.main i.on::before{color:#ff7200;}
.main i:hover{box-shadow:0 0 0 rgba(0,0,0,.3);transform:rotate(360deg);}
.main i.on.ani{animation:rot360 1.5s linear infinite;}
 @keyframes rot360{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.main .flink{position:relative;margin-top:1rem;opacity:.5;font-size:.75rem;}
.main .flink a:not(:nth-of-type(1)){margin-left:1rem;}
@media (max-width:768px){
	.main h1{font-size:24px;}
	.main h2{line-height:30px;font-size:16px;}
	.main ul li{width:49.4%;}
	.main i{top:-30px;right:-30px;width:60px;height:60px;border-width:3px;}
	.main i::before{top:2px;left:5px;font-size:38px;}
}

.body9 .bge iframe{margin-left:25%;}
.body0 .bge{background:url(http://api.cnroo.cn/lib/bgp/bgp101.jpg);}
.body0 .bge iframe{display:none;}
.body0 .main h1{color:#f485a3;}
.body0 .main h2{color:#45a83e;}
.body3 .bge{background:url(http://api.cnroo.cn/lib/bgp/bgp102.jpg);}
.body3 .bge iframe{display:none;}
.body3 .main h1{color:#106487;}

.beat-char{display:inline-block;position:relative;background:transparent;line-height:1.4em;}
.rotate{-webkit-transition-duration:.7s;transform:rotate(360deg);-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-moz-transform:rotate(360deg);/* Firefox */-ms-transform:rotate(360deg);/* IE 9 */-o-transform:rotate(360deg);}