.footer-top{
    /* height: 300px; */
    background: #565960;
    padding: 30px 0;
    border-top: 6px solid #FFB901;
    vertical-align: middle;
    color: rgba(255,255,255,.6);
}
.footer-top p{
    /* line-height: 30px; */
}
.footer-top p:first-of-type{
    margin-top: 20px;
}
.footer-top-right{
	float:right;
}

.footer-title{
	font-weight: 700;
    font-size: 16px;
}
.footer-top img{
    width: 115px;
}
.footer-left-img{
    text-align: center;
}
.footer-top-bottom{
    margin-top: 24px;
}


.footer-bottom{
	font-size:smaller;
    background: #27282c;
    padding:24px 0;
    color: rgba(255,255,255,.6);
}

.footer-top-bottom a
{
	color: rgba(255,255,255,.6);
}
.footer-top-bottom a:hover
{
	color: rgba(255,255,255,0.4);
}

.footer-top-bottom a
{
	color: rgba(255,255,255,.6);
}

.footer-bottom a:hover
{
	color: rgba(255,255,255,0.3);
}


@media all and (max-width:990px ) and (min-width: 320px) {
    .code-img{
        text-align: center;
        margin-bottom: 10px;
    }
    .code-img img{
        width: 20%;
    }
}
@media all and (min-width:320px) and (max-width:767px){
    .footer-top{
        text-align: center;
    }
}
@media all and (max-width: 391px)  and (min-width: 320px) {
    .footer-top{
       /*  height: 160px; */
        padding-top: 20px;
    }
    .footer-bottom{
        /* height: 30px; */
        line-height: 30px;
        font-size: 12px;
        letter-spacing: 0;
    }
}