/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
#ios, #android, #desktop {display: none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333; outline:none;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-flex{display: flex; }

.f-bg-green{ background:#33c337 !important;;}
.f-bg-red{ background:#ec5851 !important;;}
.f-bg-blue{ background:#4d88e9 !important;;}
.f-f-red{color: #c51138 !important;}
.f-f-blue{ color:#016fd0 !important;}
.f-f-green,.f-f-green a{ color:#33c337 !important; }
.f-mlr10{ margin-left:10px; margin-right: 10px;}
.f-mlr20{ margin-left:20px; margin-right: 20px;}
.f-mlr30{ margin-left:30px; margin-right: 30px;}
.f-ptb10{ padding-top:10px; padding-bottom: 10px;}
.f-plr10{ padding-left:10px; padding-right: 10px;}
.f-mauto{ margin: 0 auto;}
.f-pr15{ padding-right: 15px;}

.g-w15{ width:15%;}
.g-w20{ width:20%;}
.g-w22{ width:22%;}
.g-w25{ width:25%;}
.g-w26{ width:26%;}
.g-w30{ width: 30%;}
.g-w33{ width: 33.333%;}
.g-w35{ width: 35%;}
.g-w40{ width:40%;}
.g-w45{ width:45%;}
.g-w50{ width:50%;}
.g-w65{ width:65%;}
.g-w75{ width: 75%;}

.f-flex-jcc{justify-content:center !important;}

body{  background-color:#0e1516; padding: 0; margin: 0;   background-size: 100% auto; font-size:16px;}
.main{ overflow:hidden; position: relative;  }




.main-content{ position: absolute; width:100%; z-index:10; top:0; padding:19rem 0;}
.ad{ position:relative;}
.gold{ position:absolute; top:0; left:0; width:100vw;}
.shou{ position:absolute; bottom:0.6rem; left:50%; margin-left:-30% }


@keyframes scaleDraw { 
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.2); /*放大1.1倍*/
    }
	30%{
	    transform: scale(1.2); /*放大1.1倍*/
	}
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.2);
    }
	80%{
	    transform: scale(1.2);
	}
}

@keyframes radiusDraw { 
    0%{
        transform: rotate(0deg);  /*开始为原始大小*/
    }
	100%{
	   transform: rotate(360deg);
	}
}

@keyframes upDownDraw { 
    0%{
        transform: translate(-1.5rem,1.2rem);  /*开始为原始大小*/
    }
	50%{
	   transform: translate(0rem,0rem);
	}
	100%{
	   transform: translate(-1.5rem,1.2rem);
	}
}

@keyframes leftRightDraw { 
    0%{
        transform: translateX(-1.5rem);  /*开始为原始大小*/
    }
	50%{
	   transform: translateX(0rem);
	}
	100%{
	   transform: translateX(-1.5rem);
	}
}

.ani-big-small {
  animation: scaleDraw 4s ease-in-out infinite;
}

.ani-radius {
  animation: radiusDraw 10s linear infinite;
}

.ani-upDown {
  animation: upDownDraw 0.8s ease-in-out infinite;
}

.ani-leftRight {
  animation: leftRightDraw 2s ease-in-out infinite;
}


/* 横屏 */
@media screen and (orientation:landscape){
}
/* 竖屏 */
@media screen and (orientation:portrait){}
/* 窗口宽度<1485,设计宽度=768 */
@media screen and (max-width:1734px){
}
@media screen and (max-width:1485px){
}
@media screen and (max-width:1370px){
}
@media screen and (max-width:1245px){
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
	
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){

}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){
}

/*检测高度*/
@media only screen and (max-height:640px){ /*当屏幕小于640*/
	.main{ overflow-y:auto;}
}

@media only screen and (min-height:640px){
}

@media only screen and (min-width:539px){ /*当屏幕小于640*/
	.main{ overflow-y:auto;}
}

@media screen and (max-height:667px){ /*当屏幕小于640*/
.main-content{padding:16.5rem 0;}
}
@media screen and (height:896px){ /*当屏幕小于640*/
.main-content{padding:20rem 0;}
}
@media screen and (height:932px){ /*当屏幕小于640*/
.main-content{padding:21rem 0;}
}
@media screen and (max-height:640px){ /*当屏幕小于640*/
.main-content{padding:14rem 0;}
}

@media screen and (height:640px) and (width:360px){ /*当屏幕小于640*/
.main-content{padding:15.5rem 0;}
}

@media screen and (height:653px){ /*当屏幕小于640*/
.main-content{ padding:13rem 0;}
}