/*去除默认样式*/
body,p,input,textarea,ol,dl,dt,
dd,form,h1,h2,h3,h4,h5,h6,a{
    padding:0;margin:0;list-style:none;border:0;
    font-family:"微软雅黑";
}
ul,li{
    list-style: none;
}
img{border:0px;}
a{text-decoration:none}
a:hover{text-decoration:none}
b,em,i{font-weight:normal;font-style:normal;}
/*清除浮动*/
.clearfix {zoom:1;}
.clearfix:before,.clearfix:after{
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}

/*iframe{
	width:100%;height:700px;border:0;margin:0;padding:0;
}*/

/*        container结束          footer开始                     */
@keyframes next {
    0%{
        transform:translate(0,-5px);
        opacity:1;
    }
    100%{
        transform:translate(0,0px);
        opacity:0.7;
    }
}
.footer{
    width:100%;background: #646465;border-top:1px solid #cccccc;color:#fff;padding-top:20px;padding-bottom:80px;
}
.boxAbout{
    width:1100px;height:150px;margin:0 auto;padding-left:0;

}
.about,.friend,.addPhone{
    width:365px;height:150px;border-right:1px solid #a2a2a3;padding:0 70px 0 100px;letter-spacing: 2px;float: left;
}
.friend{
    position: relative;
}
.moresBtn{
    position: absolute;bottom: -10px;left:46%;
    cursor: pointer;
    background: url(../images/moreBtn.png);
    width: 24px;
    height: 14px;
    z-index: 1222;
    transform: translate(0,-15px);
    transition: all 1s linear;
    display:none;
    
}
.moresBtnAnimation{
	animation: next 1s linear infinite alternate;
}
.aboutTit,.friendTit{
    text-align: center;line-height:28px;font-size:18px;width:166px;height:28px;margin-bottom:10px;
}
.aboutCon,.friendCon{
    width:183px;padding-left:0;
}
.aboutCon>a{
    display: block;font-size:16px;line-height:28px;float: left;color:#fff;margin-right:18px;
    width:72px;
}
.friendCon>a{
	display: block;font-size:16px;line-height:28px;float: left;color:#fff;
    width:166px;text-align:center;
}
.addPhone{
    border-right:0;padding:0 50px;width:370px;
}
.addPhoneTit{
    text-align: center;line-height:38px;font-size:22px;color:#fea81f;
}
.addPhoneCon{
    width:277px;height:58px;margin:20px auto 0;
}
.footnav{
    width:100%;height:25px;margin:20px auto 5px;font-size:16px;letter-spacing: 2px;text-align: center;
}
.footnav>a{
    font-size:16px;color:#fff;line-height:20px;
}
.footnav>span{
    padding:0 10px;
}
.address{
    width:100%;height:30px;line-height:40px;font-size:16px;text-align: center;letter-spacing: 2px;
}
.friendmore{
    width:1090px;height:311px;background: url("../images/friendMore.png");margin:35px auto 0;padding:80px 27px 60px;display:none;
    text-align:center;
}
.friendmore>a{
    font-size:16px;line-height:28px;color:#01011d;display:block;float:left;width:205px;text-align:center;
}
.online-box{
    padding-left: 95px;
}
.online-user{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}