.__header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.__header_warp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px
}

    .__header_warp .__header_nav a {
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 25px;
        color: #FFFFFF;
        position: relative;
        margin-left: 40px;
		border-bottom: 2px solid;
		padding-bottom: 5px;
    }
	.__header_warp .__header_nav a:hover{
		border-bottom: 2px solid #f8c332;
	}
        /* .__header_warp .__header_nav a:hover::after {
            content: '';
            position: absolute;
            bottom: -7px;
            left: 50%;
            transform: translateX(-50%);
            width: 26px;
            height: 3px;
            background: #FFFFFF;
            border-radius: 39px;
            z-index: 1
        } */

        /* .__header_warp .__header_nav a.on::after {
            content: '';
            position: absolute;
            bottom: -7px;
            left: 50%;
            transform: translateX(-50%);
            width: 26px;
            height: 3px;
            background: #FFFFFF;
            border-radius: 39px;
            z-index: 1
        } */

.ea55_com_header {
    background-color: #1e1e32;
    color: #FFF;
    transition: background 1s;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s
}

.__banner {
    min-height: 1080px;
    width: 100%;
    background: url(../index_files/banner.png) no-repeat top center #0f0930;
    padding-top: 275px
}

    .__banner .__banner_btns {
        margin-bottom: 14px
    }

        .__banner .__banner_btns a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 265px;
            height: 70px;
            background: linear-gradient(180deg, rgba(255,208,77,0.06) 0%, rgba(248,195,50,0.06) 52.08%, rgba(255,208,77,0.06) 100%);
            border: 1px solid #FAC73A;
            box-shadow: inset 0 1px 3px #FFFFFF;
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            line-height: 34px;
            color: #F8C535;
            position: relative;
            cursor: no-drop;
            opacity: .4
        }

            .__banner .__banner_btns a:nth-child(1) {
                margin-bottom: 8px
            }

            .__banner .__banner_btns a img {
                margin-right: 10px
            }

            .__banner .__banner_btns a.on {
                cursor: pointer;
                opacity: 1;
                background: linear-gradient(180deg, #FFD04D 0%, #F8C332 52.08%, #FFD04D 100%);
                border: 1px solid #FFECB8;
                box-shadow: inset 0 1px 3px #FFFFFF;
                color: #52170F
            }

                .__banner .__banner_btns a.on:hover {
                    background: linear-gradient(180deg, #FFE8A7 0%, #FFDF87 52.08%, #FFE8A7 100%);
                    border: 1px solid #FFECB8;
                    box-sizing: border-box;
                    box-shadow: inset 0 1px 3px #FFFFFF
                }

            .__banner .__banner_btns a span {
                display: inline-block;
                padding: 2px 9px;
                position: absolute;
                right: -7px;
                top: -12px;
                font-weight: 300;
                font-size: 14px;
                line-height: 20px;
                color: #FFFFFF;
                background: #DD5634
            }
	.__scaleDraw{
		-webkit-animation: scaleDraw 2s alternate infinite ease-in-out;
		animation: scaleDraw 2s alternate infinite ease-in-out
	}

	@-webkit-keyframes scaleDraw {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
		25% {
			-webkit-transform: scale(1.05);
			transform: scale(1.05)
		}
		50% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
		75% {
			-webkit-transform: scale(1.05);
			transform: scale(1.05)
		}
	}
	@keyframes scaleDraw {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
		25% {
			-webkit-transform: scale(1.05);
			transform: scale(1.05)
		}
		50% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
		75% {
			-webkit-transform: scale(1.05);
			transform: scale(1.05)
		}
	}

    .__banner .__banner_warp {
        width: 1200px;
        margin: 0 auto
    }

    .__banner h1 {
        font-style: normal;
        font-weight: 600;
        font-size: 68px;
        line-height: 95px;
        margin-bottom: 13px;
        background: linear-gradient(to right, #fdcc44, #fff);
        -webkit-background-clip: text;
        color: transparent
    }

    .__banner h4 {
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 31px;
        color: #F9C536;
        margin-bottom: 48px
    }

    .__banner h5 {
        display: flex;
        align-items: center;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #999999
    }

        .__banner h5 img {
            margin-right: 6px
        }

    .__banner .pc_version {
        margin-bottom: 34px;
        margin-left: 176px;
        width: 100px;
        height: 20px;
        left: 553px;
        top: 551px;
        font-family: PingFang SC;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #836B39;
    }

.__banner .ico_rt {
    width: 27px;
    height: 27px;
    margin-right: 12px;
    margin-bottom: 3px;
}

.__section {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 84px 0
}

    .__section .__section_txt {
        width: 382px
    }

        .__section .__section_txt h3 {
            font-weight: bold;
            font-size: 40px;
            line-height: 56px;
            color: #000000;
            margin-bottom: 20px
        }

        .__section .__section_txt p {
            font-weight: 300;
            font-size: 18px;
            line-height: 25px;
            color: #51565D
        }

.__f_footer {
    width: 100%;
    height: 330px;
    left: 0px;
    top: 2536px;
    background: #FFFBEF;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

    .__f_footer .__f_footer_center {
        width: 510px;
        text-align: center;
        margin: 0 47px 76px 55px
    }

        .__f_footer .__f_footer_center h3 {
            width: 510px;
            font-weight: bold;
            font-size: 40px;
            line-height: 56px;
            color: #1F2329;
            margin-bottom: 20px
        }

        .__f_footer .__f_footer_center p {
            width: 510px;
            font-weight: 300;
            font-size: 18px;
            line-height: 25px;
            text-align: center;
            color: #51565D
        }

.__footer_warp {
    height: 120px;
    background: rgba(255,255,255,0.96)
}

.__footer {
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .__footer .__footer_left_top {
        font-weight: 500;
        font-size: 30px;
        line-height: 42px;
        color: #1F2329;
        transform: matrix(.98, 0, -0.19, 1, 0, 0)
    }

        .__footer .__footer_left_top span {
            color: #FFD04D
        }

    .__footer .__footer_left_bom {
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 6px;
        color: #1F2329;
        transform: matrix(.98, 0, -0.19, 1, 0, 0)
    }

    .__footer .__footer_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px;
        font-weight: 600;
        font-size: 24px;
        line-height: 34px;
        color: #52170F;
        width: 270px;
        background: linear-gradient(180deg, #FFD04D 0%, #F8C332 52.08%, #FFD04D 100%);
        border: 1px solid #FFECB8;
        box-sizing: border-box;
        box-shadow: inset 0 0 1px 2px #FFFFFF
    }

        .__footer .__footer_btn img {
            margin-right: 10px
        }

        .__footer .__footer_btn:hover {
            background: linear-gradient(180deg, #FFE8A7 0%, #FFDF87 52.08%, #FFE8A7 100%);
            border: 1px solid #FFECB8;
            box-sizing: border-box;
            box-shadow: inset 0 1px 3px #FFFFFF
        }
/* fixed code */
.__fixed_code{
	position: fixed;
	bottom: 10%;right: 2%;
}
.__code_float{
	width: 120px;
	height: auto;
}
.__code_float img{
	display: block;
	width: 100%;
}
.__code_up,.__code_down{
	padding: 10px 0;
}
.__code_down{
	position: relative;
	width: 120px;height: 166px;
	background-color: #f8c332;
	border-radius: 12px;
}
.__code_down .__down_txt{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;color: #52170f;
	font-weight: bolder;
	padding: 0 10px;
	text-align: center;
}

.__down_txt img{
	width: 36px;height: auto;
}
.__down_one,.__down_two{
	position: absolute;
	bottom: 10px;left: 10px;
}
.__down_one img,.__down_two img{
	width: 100px;height: auto;
}
/* .__down_one{
	animation: sliding1 8s infinite linear;
}
.__down_two{
	animation: sliding2 8s infinite linear;
} */
@keyframes sliding1 {
  0%{opacity: 1;}
  40%{opacity: 1;}
  50%{opacity: 0;}
  90%{opacity: 0;}
  100%{opacity: 1;}
}
@-webkit-keyframes sliding1 {
  0%{opacity: 1;}
  40%{opacity: 1;}
  50%{opacity: 0;}
  90%{opacity: 0;}
  100%{opacity: 1;}
}
@-moz-keyframes sliding1 {
  0%{opacity: 1;}
  40%{opacity: 1;}
  50%{opacity: 0;}
  90%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes sliding2 {
  0% {opacity: 0;}
  45% {opacity: 0;}
  50%{opacity: 1;}
  95%{opacity: 1;}
  100%{opacity: 0;}
}
@-webkit-keyframes sliding2 {
  0% {opacity: 0;}
  45% {opacity: 0;}
  50%{opacity: 1;}
  95%{opacity: 1;}
  100%{opacity: 0;}
}
@-moz-keyframes sliding2 {
  0% {opacity: 0;}
  45% {opacity: 0;}
  50%{opacity: 1;}
  95%{opacity: 1;}
  100%{opacity: 0;}
}