body{
    font-family: 'Helvetica Neue', 'Helvetica','Hiragino Sans GB', 'PingHei', 'PingFang SC', 'STHeitiSC-Light', 'Microsoft YaHei',"微软雅黑", 'Arial', sans-serif;
}
/* am-topbar*/
.am-topbar .am-btn--re {
    padding: 5px 13px;
    font-size: 37px;
    background-color: #f8f8f8;
    margin-top: 24px;
    font-weight: 500;
}
.am-topbar .vertical-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.am-topbar button {
    border: none;
}
.am-topbar .am-btn--re img {
    width: 22px;
    height: 20px;
}
/*reset*/
.am-topbar .am-with-topbar-fixed-top {
    padding-top: 81px
}
@media only screen and (min-width: 641px) {
    .am-topbar-nav > li > a:after {
        border: none;
    }
}
.am-topbar a {
    color: #333;
}
.am-topbar a.active {
    border-bottom:3px solid #f60;
}
.am-topbar a:hover {
    color: #cbcbcb;
}
.am-topbar a:active {
    color: #333;
}
.am-topbar .am-topbar-brand {
    padding: 0px;
    float: left;
    font-size: 1.8rem;
    height: 80px;
    line-height: 80px;
}
@media only screen and (min-width: 641px) {
    .am-topbar .am-topbar-nav {
        float: right;
    }
}
@media only screen and (min-width: 641px) {
    .am-topbar .am-topbar-nav > li > a {
        position: relative;
        line-height: 80px;
        padding: 0 30px
    }
}
@media only screen and (min-width: 641px) {
    .am-topbar .am-container--re {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.am-topbar .am-container--re {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    max-width: 1134px;
}
.am-topbar .nav-leftimg{width:133px;}
.am-topbar .nav-rightimg{padding-left:24px;}
@media only screen and (min-width: 641px) {
    .am-topbar [class*=am-u-] {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media only screen and (max-width: 641px){
    .am-topbar  .am-topbar-brand .nav-leftimg{padding:0!important;}
}
.am-topbar .am-nav>li>a:focus, .am-nav>li>a:hover{
    background: #f8f8f8;
}

/* agreement--head*/
.friendlink--head{
    color:#333;
    text-align:left;
    background: -webkit-radial-gradient( 50% 50%, circle closest-side, rgba(229,243,180,0.6) 0%, rgba(223,244,148,0.6) 100%);
    width: 100%;
    height: 298px;
    margin-top: 33px;
    overflow: hidden;
    /*fixed head move up*/
    /*   outline:1px solid red; */
}
.friendlink--head .headder{
    margin:0 auto;
    padding-top:110px;
    height:298px;
}
.friendlink--head .headder p{
    font-size:60px;
    line-height:1;
}
.friendlink--head .headder span{
    font-size:32px;
    line-height:1;
}
.friendlink--head .hope-title{
    font-size:16px;
    line-height:2;
    margin-bottom:80px;
}
.friendlink--head_img{
    vertical-align: middle;
    height: 100%;
    margin-top: 0;
    /*margin-left: -76px;*/
    opacity: 0.2;
    float: right;
}
@media (max-width:800px){
    .friendlink--head{margin-top:30px;}
    .friendlink--head .about--content{
        background-color:#f8f8f8;
        background-position:center;
    }
    .friendlink--head .headder{
        margin:0 auto;
        padding-top:50px;
        height:298px;
    }
}

/* agreement--content*/
.friendlink--content{
    margin-top:40px;
    margin-bottom:134px;
    min-height:350px;
}
.friendlink--content a{
    color:#333;
    font-size:14px;
    text-align:left;
    line-height: 2em;
}
.friendlink--content a:hover{
    color:#f60;
}

/*footer*/
.copyright{
    font-size:16px;
    color:#4d4d4d;
    min-height:70px;
    background: #fafafa;
    /* margin-top:-70px; */
    border-top:1px solid #e8e8e8;
}
.copyright p{
    text-align:center;
    padding:0 20px;
    margin:1.9rem auto 0;
    padding-bottom:1.9rem;
}
.copyright a{
    color:#4d4d4d;
}

/**/
[class*=am-u-]+[class*=am-u-]:last-child {
    float: left;
}