body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body {min-width: 1200px; background:#fff; color:#555; font-size:14px; font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { text-decoration:none; }
a:hover { text-decoration:none; color:#f60;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
a:focus{text-decoration: none}
textarea{
    border-color: #ccc;
    border-radius: 4px;
    width: 100%;
    resize: none;
}
a{
color: #000;
/*font-size: 16px;*/
cursor: pointer;

}
.container-fluid {
    padding: 0;
}
.header {
    padding: 6px 5%;
    background-repeat: no-repeat;
    background-image: url(../images/top-background.png);
    background-size: 100% 100%;
}
.header img {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.title {
    margin: 0;
    font-size: 30px;
    line-height: 64px;
    letter-spacing: 6px;
    font-family: cursive;
    text-shadow: 4px 2px 2px #333;
    color: white;
    margin-left: 20px;
}
.col-sm-1 {
    width: 8.33333333%\0;
}
.login {
    padding: 0 20px 20px;
    background-color: #fff;
    position: relative;
    margin: 100px auto;
    width: 430px;
    margin: 0 auto\0;
    margin-top: 4%\0;
    background-color: #fafcfe;
    border: 1px solid #dfe8f2;
}
.message {
    margin: 10px 0 0 -64px;
    padding: 12px 10px 12px 60px;
    position: relative;
    color: #000;
    font-size: 24px;
}
.input-group {
    width: 100%;
}
.login .input-group-addon {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-right: none;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}
.login input[type=text], .login input[type=password] {
    -webkit-appearance: none;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 1;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.center {
    text-align: center;
}
.btn_a {
    background-color: #f7995a;
    border-color: #dc5c06;
    height: 40px;
    line-height: 30px;
    font-size: 22px;
    color: #fff;
    /*letter-spacing: 30px;*/
    transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
}
.col-sm-12 {
    width: 100%\0;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left\0;
}
.fl{float: left;}
.fr{float: right;}
.fc{clear: both;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.el-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
}
.el-button, .el-input_inner {
    -webkit-appearance: none;
    outline: 0;
}
.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.footer-fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
}

.footer-fixed .Friendshiplink {
    width: 100%;
    height: 70px;
    padding: 10px 20%;
    box-sizing: border-box;
    text-align: center;
    background: #eaf8ff;
}
.copyright.Friendshiplink {
    height: 70px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: url(../images/bottom-background.png) no-repeat;
    background-size: 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bottom-background.png',sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bottom-background.png',sizingMethod='scale');
}
.Friendshiplink {
    background: #eaf8ff;
    width: 100%;
    height: 70px;
    padding: 10px 20%;
}





















[class*=el-col-] {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}