body{
    background: linear-gradient(to right bottom, #7f47dd,#fb7177,#eb4a4d,#e63d3f,#e63d3f);
}
.banner{
    width:100%;
}
.title--wrapper .title{
    font-size:14px;
    color:#282828;
    margin:35px auto;
    line-height:24px;
}
.title--wrapper b{
    font-size:24px;
    font-weight:normal;
}
#myform .getKey--wrapper input{
    width:58.18%;
}
.form_getKey{
    font-size: 16px;
    color: #7F47DD;
    position: absolute;
    line-height: 2.65625;
    right: 0;
    bottom: 0;
    width:36.36%;
    text-align: center;
    background: #fff;
    border-radius: 0.25em;
    border: none;
}
.img--input{
    position: absolute;
    right: 0;
    bottom: 0;
    width:36.36%;
    height: 100%;
    border-radius: 0.25em;
    overflow: hidden;
    border:none;
    background: #fff;
    color: #7F47DD;
    line-height: 1.1;
}
.img--input:focus{
    outline: none;
}
.img--input img{
    width:100%;
    height: 100%;
}
.form_submit{
    border:none;
    width:100%;
    line-height:1.2;
    font-size:18px;
    padding:0.728125em 0;
    font-weight:bold;
    color:#7f47dd;
    background: #f4d521;
    text-align:center;
    margin:10px auto 0;
    border-radius: 1000px;
}
.form_submit:hover{
    background: #e5c31c;
    transition: background-color 0.3s ease-in-out;
}

.form--tip{
    font-size:12px;
    color:#999;
    line-height:1;
}
.form--tip .tip_link{
    font-size:14px;
    color:#808080;
}
.anotherLoginType{
    position: absolute;
    width:84%;
    top: 115%;
    left:50%;
    transform:translateX(-50%);
    text-align: center;
}
.anotherLoginType .img--wrapper{
    width:50%;
}
.anotherLoginType img{
    height:49px;
}

.form--wrapper {
    padding:40px 7.33% 35px;
    background: linear-gradient(to top right,#7f47dd,#884ad4,#af5aac);
    border-radius: 10px;
}
.infomation{
    font-size: 18px;
    color:#fff;
    position: relative;
    padding-top:2.7778em;
}
.infomation .info_title{
    font-size: 18px;
    text-align: center;
    position: relative;
}
.infomation .info_title:before{
    content:"";
    display: block;
    position: absolute;
    width:10%;
    height:1px;
    background: #fff;
    bottom:50%;
    left:20%;
}
.infomation .info_title:after{
    content:"";
    display: block;
    position: absolute;
    width:10%;
    height:1px;
    background: #fff;
    bottom:50%;
    right:20%;
}
.infomation .list{
    font-size:15px;
    margin:20px 0 0;
}
.infomation .list li{
    margin-bottom:1.07em;
}
.infomation .info_img{
    position: absolute;
    top:10%;
    right:0;
}
.infomation .info_img img{
    width:38px;
}
.slide{
    margin:35px auto;
    font-size:14px;
    max-width:55%;
    max-height:191px;
    overflow: hidden;
}
.slide li{
    color:#f4d521;
    margin-bottom:1.153em;
}

footer .img--wrapper{
    min-height:88px;
    position: relative;
}
footer .img--wrapper img{
    width:100%;
}
footer .img--wrapper span.download{
    display: inline-block;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    right:20px;
    font-size:15px;
    line-height:2em;
    padding:0 0.5em;
    text-align: center;
    color:#fff;
    background: #f60;
    border-radius: 4px;
}
footer .img--wrapper span.version{
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(10%);
    left: 19%;
    font-size: 12px;
    color: #f60;
}


.am-modal-dialog{
    width:85.7%;
    max-width:300px;
    border-radius: 14px;
}
.am-modal-hd{
    line-height:1;
    color:#333;
    font-size:18px;
    font-weight:bold;
    padding:1.67em 0 0.833em;
}
.am-modal-bd{
    font-size:14px;
    color:#999;
    padding-bottom:2.857em;
    border:none;
}
.my_alert_button{
    display: inline-block;
    background: #f4d521;
    width:60%;
    border-radius: 1000px;
    font-size:18px;
    color:#7f47dd;
    font-weight:bold;
    line-height:2.361em;
    margin-bottom:1.25em;
}