/*公共底部内容*/
.common-footer{
    color: #fff;
    background-color: #373843;
    padding: 15px 15px 0;
}
.common-footer a{
    color: #fff;
    font-size: 1.2rem;
}
.common-footer>div:first-child>span{
    font-size: 1.1rem;
}
.common-footer form input{
    height: 33px;
    font-size:1.1rem;
    font-weight: 500;
    border-radius: 0;
}
.common-footer form button{
    color: #64635e;
    background-color: #b1b1b3;
    font-size: 1.2rem;
    font-weight: bolder;
    right: 0;
    height: 33px;
    z-index:996;
}
.common-footer .common-footer-fonts>div{
    width: calc(100% / 3);
}
.common-footer .common-footer-fonts>div a,.common-footer .common-footer-fonts>div span{
    font-size: 1rem;
    margin-bottom: 10px;
}
.common-footer .common-footer-fonts>div a:last-child{
    margin-bottom: 0;
}
.common-footer .common-footer-fonts>div:nth-child(1)>div{
    padding-right: 10px;
}
.common-footer .common-footer-fonts>div:nth-child(2)>div{
    padding: 0 10px;
}
.common-footer .common-footer-fonts>div:nth-child(3)>div{
    padding-left: 10px;
}

.common-footer .common-footer-pic+div{
    background-color:#7f7c77;
    padding: 10px 15px;
    width: calc(100% + 30px);
    font-size: 1rem;
    margin: 10px 0 0 -15px;;
}
.common-footer .common-footer-pic+div a{
    font-size: 1.1rem;
}
.common-footer .common-footer-pic+div span{
    margin: 0 5px;
}
.common-footer .common-footer-pic>div:nth-child(1)>a{
    width: 38px;
    height: 38px;
    display: inline-block;
    margin-right: 6px;
    background-image: url("../../image/index/common-img.png");
}
.common-footer .common-footer-pic>div:nth-child(1)>a:nth-child(1){
    background-position: -2px -1px;
}
.common-footer .common-footer-pic>div:nth-child(1)>a:nth-child(2){
    background-position: -42px -1px;
}
.common-footer .common-footer-pic>div:nth-child(1)>a:nth-child(3){
    background-position: -82px -1px;
}
.common-footer .common-footer-pic>div:nth-child(1)>a:nth-child(4){
    background-position: -122px -1px;
}
.common-footer .common-footer-pic>div:nth-child(1)>a:nth-child(5){
    margin-right: 0;
    background-position: -160px -1px;
}

.common-footer .common-footer-pic>.dropup img{
    width: 35px;
    height: 33px;
}
.common-footer .common-footer-pic>.dropup .dropdown-menu{
    min-width: auto;
    transform: translate3d(-5px, -165px, 0px) !important;
}
.common-footer .common-footer-pic>.dropup  .dropdown-item{
    padding-right: 5px;
    padding-left: 5px;
}
/*form表单校验样式*/
.common-footer .invalid-tooltip {
    background-color: #fff;
    color: red;
    padding: 10px 15px;
    margin-top: 14px;
    font-size: 1.2rem;
    font-weight: 500;
}

.common-footer .invalid-tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff; /* 改变箭头颜色 */
    position: absolute;
    top: -10px;/* 箭头位于div正上方 */
    left: 25px;
    transform: translateX(-50%);
}