*{
    margin:0;
    padding:0;
    list-style: none;
    box-sizing: border-box;
}
.footer{
    width: 100%;
    max-width: 750px;
    min-width: 320px;
    padding: 3% 0;
    padding-top: 3%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 25%;
    overflow: hidden;
    /* border-top: 10px solid #efefef; */
    text-align: center;
    line-height: 2;
    color: #666;
    font-size: 12px;
    /* position: relative; */
    /* top: -40px; */
    /* border-top: 10px solid #F8F8F8;; */
    border-top: 1px solid #ededed;
    background-color: #fff;
}
.footer a{
	display: block;
	color: #666;
}
.bottom{
    position: fixed;
    bottom: 0%;
}
@keyframes scale{
	0% {
		transform: scale(.9);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(.9);
	}
}
@keyframes scale1{
	0% {
		transform: scale(.9) translateX(-50%);
	}
	50% {
		transform: scale(1) translateX(-50%);
	}
	100% {
		transform: scale(.9) translateX(-50%);
	}
}
.submit{
    animation: scale1 1.1s infinite;
}

@font-face {
	font-family: FZLTTHJW;
	src: url("../font/FZLTTHJW.TTF");
}


.submit_button{
    animation: scale 1s infinite;
}

.top_button{
    background-color: #fff;
    z-index: 101;
    border-bottom: 1px solid #eaeaea;
    display: block!important;
}



@media (min-width:480px){
    html,body{
		width:100%;
		height: 100%;
	}
	.container{
		width: 750px;
		margin: 0 auto;
		border:1px solid #f4f4f4;
        position: relative;
        /* background-color: #f5f6f8; */
	}


    .top_button ul{
        display: flex;
        align-items: center;
        padding:20px 50px;
    }
    .top_button ul .header_left{
        flex:60%;
        display: flex;
        align-items: center;
    }
    .top_button ul .header_right{
        flex:40%;
        display: flex;
    }
    .top_button ul li img{
        /* vertical-align: middle; */
        width: 112px;
        height: 112px;
        margin-right: 20px;
    }
    .top_button #downTxt01{
        padding-top: 5px;
    }
    .header_left .name{
        font-size: 22px;
        font-family: PingFang SC;
        font-weight: bold;
    } 
    .header_right button{
        background-color: #f1ce55;
        display: block;
        margin:0 auto;
        color:#000 ;
        font-size: 25px;
        font-family: PingFang SC;
        /* font-weight: bold; */
        border: none;
        outline:none;
        padding:10px 40px;
        border-radius: 50px;
        cursor: pointer;
        animation: scale 1s infinite;
    }
    .header_left .p_1{
        font-size: 14px;
        color: #585858;
        margin-top: 5px;
    }
    .header_left .p_2{
        color: #2191FF;
        font-size: 14px;
        margin-top: 5px;
    }
    .header_left .p_2 img{
        width: 120px;
        height: auto;
        vertical-align: middle;
    }



    .commomTitle {
        text-align: center;
    }
    .commomTitle span{
        font-size: 55px;
        font-weight: bold;
        color: #222222;
        position: relative;
        display: inline-block;
    }
    .commomTitle span::before{
        content:"";
        display: block;
        width: 98px;
        height: 55px;
        background-image: url('../img/title_left.png');
        background-size: 100% 100%;
        position: absolute;
        top: 10px;
        left: -113px;
    }
    .commomTitle span::after{
        content:"";
        display: block;
        width: 98px;
        height: 55px;
        background-image: url('../img/title_right.png');
        background-size: 100% 100%;
        position: absolute;
        top: 10px;
        right: -113px;
    }
    .commomSubtitle{
        font-size: 24px;
        font-weight: 400;
        color: #999999;
        margin-top: 17px;
        text-align: center;
    }
    .header_left #downIcon{
        border-radius: 12px;
    }
}

@media (max-width:480px){
    html,body{
		width:100%;
		height: 100%;
	}
	.container{
		width: 100%;
		margin: 0 auto;
		border:1px solid #f4f4f4;
        /* background-color: #1E66EC; */
        position: relative;
        /* background-color: #f5f6f8; */
    }
    /* .bg{
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .bg img{
        width: 100%;
    } */



    .top_button ul{
        display: flex;
        align-items: center;
        padding:10px 15px;
    }
    .top_button ul .header_left{
        flex:70%;
        display: flex;
        align-items: center;
    }
    .top_button ul .header_right{
        flex:30%;
        display: flex;
    }
    .top_button ul li img{
        /* vertical-align: middle; */
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    .top_button #downTxt01{
        padding-top: 5px;
    }
    .header_left{
        font-size: 14px;
        font-family: PingFang SC;
        /* font-weight: bold; */
    }
    .header_right button{
        background-color: #01C449;
        display: block;
        margin: 0 auto;
        color: #fff;
        font-size: 12px;
        font-family: PingFang SC;
        /* font-weight: bold; */
        border: none;
        outline: none;
        padding: 10px 23px;
        border-radius: 5px;
        cursor: pointer;
        animation: scale 1s infinite;
    }
    .header_left .p_1{
        font-size: 12px;
        color: #666;
    }
    .header_left .p_2{
        font-size: 12px;
        color: #666;
    }
    .header_left .p_2 img{
        width: 60px;
        height: auto;
        margin-top: 5px;
    }


    .commomTitle {
        text-align: center;
    }
    .commomTitle span{
        font-size: 27px;
        font-weight: bold;
        color: #222222;
        position: relative;
        display: inline-block;
    }
    .commomTitle span::before{
        content:"";
        display: block;
        width: 49px;
        height: 28px;
        background-image: url('../img/title_left.png');
        background-size: 100% 100%;
        position: absolute;
        top: 5px;
        left: -60px;
    }
    .commomTitle span::after{
        content:"";
        display: block;
        width: 49px;
        height: 28px;
        background-image: url('../img/title_right.png');
        background-size: 100% 100%;
        position: absolute;
        top: 5px;
        right: -60px;
    }
    .commomSubtitle{
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        margin-top: 10px;
        text-align: center;
    }
    .header_left #downIcon{
        border-radius: 12px;
    }
}