html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	background: #0b0d28 url(../images/newfuli2020/ftbg.png) no-repeat center bottom;
    background-size: contain;
	overflow-x: hidden; 
	width: 100%;
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, sans-serif; 
	outline: 0;
	font: inherit;
	font-size: 12px;
    line-height: 1.5;
}  
nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{
	display: block;
}
img,a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{
	display:inline-block;
}
header,section,footer {
	transform: translateZ(0)!important;
 -webkit-transform: translateZ(0)!important;
} 

ol,ul{
	list-style:none;
}
input,button,textarea {
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1em;
	/*-webkit-appearance:none;*/
	background-color:rgba(0, 0, 0, 0);
}
span{
	display:inline-block;
}
a:active, a:hover {
  outline: 0;
}
a, a:visited{
	text-decoration:none;
}

label, .wordWrap{
    word-wrap: break-word;
    word-break: break-all;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,th {
  padding: 0;
}
.clearfix:after{
	content: ' ';
	display: block;
	clear: both;
	visibility:hidden;
	line-height: 0;
	height:0;
}
img{
    width: auto;
    max-width: 100%;
    font-size: 0;
}
.banner{
/*    background: #000014;*/
    position: relative;
    overflow: hidden;
} 
.banx{
    position: relative; 
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    display: block;
}
.leaft,.qianbi{
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: url(../images/newfuli2020/leaft.png) no-repeat center top;
    background-size: contain;
    -webkit-animation:fadexIn 1.2s .5s infinite alternate;
    animation:fadexIn 1.2s .5s infinite alternate;
    z-index: 100;
}
.content{
     position: relative;
    padding-bottom: 12rem;
}
.qianbi{
    top: 100%;
    left: 1%;
    right: auto;
    width: 11%;
     height: 600%;
    background: url(../images/newfuli2020/qianbi.png) no-repeat center top;
    background-size: contain; 
    -webkit-transform:translate3d(0,0,0) rotate(0deg);
	transform:translate3d(0,0,0) rotate(0deg);
	-webkit-transform-origin:top center !important;
	transform-origin:top center !important;
	-webkit-animation-name:wobble;
	animation-name:wobble;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);
	animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;   
}
.linght{
    position: absolute;
    left: 0;
    top: -15px;
    width: 16.6%;
    height: 100%;
    background: url(../images/newfuli2020/linght.png) no-repeat left top;
    background-size: contain;    
    -webkit-transform:translate3d(0,0,0) rotate(0deg);
	transform:translate3d(0,0,0) rotate(0deg);
	-webkit-transform-origin:top center !important;
	transform-origin:top center !important;
	-webkit-animation-name:wobble;
	animation-name:wobble;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);
	animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
    z-index: 100;
}
@-webkit-keyframes fadexIn{0%{opacity:0.5}to{opacity:1}}
@keyframes fadexIn{0%{opacity:0.5}to{opacity:1}}

@-webkit-keyframes wobble {
	0% {
	-webkit-transform:translate3d(0,0,0) rotate(-6deg);
}
50% {
	-webkit-transform:translate3d(0,0,0) rotate(6deg);
}
100% {
	-webkit-transform:translate3d(0,0,0) rotate(-6deg);
}
}
@keyframes wobble {
	0% {
	transform:translate3d(0,0,0) rotate(-2deg);
}
50% {
	transform:translate3d(0,0,0) rotate(2deg);
}
100% {
	transform:translate3d(0,0,0) rotate(-2deg);
}
}
.xian{
    position: absolute;
    left: 3%;
    top: 60%;
    width: 21%;
    height: 100%;
    background: url(../images/newfuli2020/xian.png) no-repeat center top;
    background-size: contain;   
    z-index: 100; 
}

.fonts{
    position: absolute;
    right: 0;
    bottom:2%;
    text-align: center;
    color: #fff;
    z-index: 100;
    width: 64%; 
    left: 0;
    margin: 0 auto;
}
.letter {
  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
  display: inline-block;
  transform: translate3d(0, 0, 0);
/*  margin-top: 0.5em;*/
  text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em; 
/*  margin: 0 -0.4rem;*/
    font-size: 2.8rem;
}
.letter:nth-child(1) {
  animation-delay: 0s;
}
.letter:nth-child(2) {
  animation-delay: 0.0833333333s;
}
.letter:nth-child(3) {
  animation-delay: 0.1666666667s;
}
.letter:nth-child(4) {
  animation-delay: 0.25s;
}
.letter:nth-child(5) {
  animation-delay: 0.3333333333s;
}
.letter:nth-child(6) {
  animation-delay: 0.4166666667s;
}
.letter:nth-child(7) {
  animation-delay: 0.5s;
}
.letter:nth-child(8) {
  animation-delay: 0.5833333333s;
}
.letter:nth-child(9) {
  animation-delay: 0.6666666666s;
}
.letter:nth-child(10) {
  animation-delay: 0.7499999999s;
}
.letter:nth-child(11) {
  animation-delay: 0.8333333332s;
}
.letter:nth-child(12) {
  animation-delay: 0.9166666665s;
}
.letter:nth-child(13) {
  animation-delay: 0.9999999998s;
}
.letter:nth-child(14) {
  animation-delay: 1.0833333331s;
}
.letter:nth-child(15) {
  animation-delay: 1.1666666664s;
}
.letter:nth-child(16) {
  animation-delay: 1.2499999997s;
}
.letter:nth-child(17) {
  animation-delay: 1.333333333s;
}
.letter:nth-child(18) {
  animation-delay: 1.4166666663s;
}
.letter:nth-child(19) {
  animation-delay: 1.4999999996s;
}
.letter:nth-child(20) {
  animation-delay: 1.5833333329s;
}
.letter:nth-child(21) {
  animation-delay: 1.6666666662s;
}
.letter:nth-child(22) {
  animation-delay: 1.7499999995s;
}
.letter:nth-child(23) {
  animation-delay: 1.8333333328s;
}
.letter:nth-child(24) {
  animation-delay: 1.9166666661s;
}


@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -0.5em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.55em;
  }
}
.model{
    color: #fff;
    margin: 2rem auto 8rem;
    width: 66.6%;
    max-width: 960px;
    background: #333865;
    padding:0 4rem 4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.modelend{
    padding:2rem 4rem;
    margin: -2rem auto 8rem;
}
.model1{
    margin-top: 8rem;
}
.model h2{
    position: relative;
    top: -4rem;
}
.model h2 b{
    display: block;
    height: 6rem;
    line-height:5rem;
    width: 100%;
    text-align: center;
    background: url(../images/newfuli2020/tags.png) no-repeat center top;
    background-size: contain;   
    font-size: 2.2rem;
}
.model label{ 
    font-size: 1.2rem;
    color: #ead185;  
}
.model span,.model p{
    font-size: 1.2rem; 
    line-height: 2.5rem;
    text-align: left; 
}
.model h3{
    font-size: 1.2rem;
    color: #ead185;
    padding: 10px 0;
}
.model span{
    float: left;
    width: 88%;
}
.model .rowno label{
    float: none;
}
.model .rowno p{
    padding-top: 8px;
}
.row{
    padding: 6px 0;
    overflow: hidden;
    font-size: 1.2rem; 
    line-height: 2.5rem;
}
.rowno{ 
    display: block; 
}
.row table {
    background: #fae8b1;
    width: 100%;
    margin-top: 30px;
}
.row table td{
    border: 1px solid #d7bb77;
    color: #333;
    padding: 10px 0;
    font-size: 1.2rem;
    text-align: center;
    width: 50%;
}
.row .tb1 td{ 
    width:20%;
}
.row tr:first-child td{ 
    color: #5f4204; 
    background: #e2c47c
}

.roww{
    padding: 6px 0;
    overflow: hidden;
    font-size: 1.2rem; 
    line-height: 2.5rem;
}
.rowwno{ 
    display: block; 
}
.roww table {
    background: #fae8b1;
    width: 100%;
    margin-top: 30px;
}
.roww table td{
    border: 1px solid #d7bb77;
    color: #333;
    padding: 10px 0;
    font-size: 1.2rem;
    text-align: center;
    width: 50%;
}
.roww .tb1 td{ 
    width:20%;
}
.roww tr:first-child td{ 
    color: #5f4204; 
/*    background: #e2c47c*/
}


.menu{
/*
    position: fixed;
    right: 0;
    top: 20%;
    width: 120px;
*/
    z-index: 100;
    width: 100%;
    position: relative;
    z-index: 101;
    top: 0;
    left: 0;
}
.mbg{
    background: #4c5493;
    position: relative;
    z-index: 110;
}
.mcont{
    width: 66.6%;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
#hg4{
    height: 4rem;
    width: 100%;
    display: none;
}
.menu a{
    float: left;
    width: 16.6%; 
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 0; 
    cursor: pointer;
}
.menu .active{
    background: #8d92ba
}
.editer{
    position: fixed;
    top: 20%;
    right: 15px; 
    background:url(../images/newfuli2020/fcbg.png?v=0.1) repeat-y center;
    background-size: contain;
    z-index: 110;
    border-radius: 5px;
    display: none;
    color: #fff;
    -webkit-transform: scale(0.7); 
    transform: scale(0.7); 
}
.editer .div1{
    position: relative;
}
#gotop{ 
    position: absolute;
    bottom: -87px;
    height: 77px;
    left: 0;
    width: 100%;
    z-index: 200; 
    background: none!important;
}
.editer .div1:before,.editer .div1:after{
    position: absolute;
    content: '';
    top: -88px;
    left: 0;
    width: 100%;
    height: 90px;
    background:url(../images/newfuli2020/fctop.png?v=0.1) no-repeat center top;
   background-size: 99.9% auto;  
    z-index: 100;
}
.editer .div1:after{ 
    top: auto;
    bottom: -183px;
    background:url(../images/newfuli2020/fcbt.png?v=0.1) no-repeat center -2px;
   background-size: 99.9% auto; 
    height: 177px;
}
.editer a{
    display: block;
    margin: 10px 20px;
    padding: 5px 0;
    background: url(../images/newfuli2020/qq.png?v=0.1) no-repeat left center;
    background-size: 16px 19px;  
    padding-left: 25px;
    -webkit-user-select:text;
    user-select:text;
    color: #fff;
    cursor: pointer;
}
@media(max-width:750px){
    .model span, .model p{
        line-height: 2.2rem;
    }
    .model h2{
        top: -3rem;
    }
    .model h2 b{
        font-size: 1.6rem;
        height: 4.5rem;
        line-height: 3.8rem;
    }
    .fonts{
        bottom: 1%;
    }
    .letter{
        font-size: 1rem;
        margin: 0;
    }
    @keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -0.3em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.55em;
  }
}
    .model{
        padding: 0 1rem 1rem;
    }
    .model,.mcont{
        width: 90%;  
    } 
    .mcont{ 
        overflow: hidden;
        white-space:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        display: block!important;
    }
    .mcont::-webkit-scrollbar {
        display: none;
    }
    .menu a{ 
        width: auto;
        margin: 0 5px;
        float: none; 
        display: inline-block;
        text-align: center;
        overflow-y: scroll; 
        margin-bottom: -4px;
        padding: 6px 10px;
    }
    .model label{
        width: 23%;
    }
    .model span{
        width: 77%;
    }
    .content{
        padding-bottom: 0;
    }
    .modelend{
        margin: -4rem auto 5rem;
    }
}
@media(max-width:375px){ 
    .model label{
        width: 25%;
    }
    .model span{
        width: 75%;
    }
}
@media(max-width:320px){ 
    .model label{
        width: 28%;
    }
    .model span{
        width: 72%;
    }
}

.model .reward_font{
    font-size: 1.3rem;
    font-weight: bold;
}

















