.footer {
    position: relative;
    font-size: 0;
    text-align: center;
    background-color: #374149
}

.footer:before {
    content: "";
    position: absolute;
    top: 335px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #4d5967
}

.footer .footerDesciption {
    display: flex;
    width: 100%;
}

.footer .footerDesciption>.description {
    flex: 4
}

.footer .footerDesciption>.description p {
    font-size: 12px;
    margin: 0;
    margin: initial;
    line-height: 2.25;
    text-align: left;
    color: #b2bdc6
}

.footer .footerDesciption>.description p:first-child {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #fff
}

.footer .footerDesciption>.contact {
    flex: 2;
    margin-left: 25px
}

.footer .footerDesciption>.contact>.link {
    width: 363px;
    height: 82px;
    background: url(../images/f_link.png) no-repeat center top;
    text-align: left;
    margin-top: 25px;
    cursor: pointer
}

.footer .footerDesciption>.contact>.link:hover {
    background: url(../images/f_link_hover.png) no-repeat center top
}

.footer .footerDesciption>.contact>.link>p {
    font-size: 16px;
    color: #fff
}

.footer .footerDesciption>.contact>.qqLink {
    width: 100%;
    height: 18px;
    display: flex;
    justify-content: space-between;
    padding-right: 50px;
    padding-top: 25px
}

.footer .footerDesciption>.contact>.qqLink>a {
    color: #b2bdc6;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 12px
}

.footer .footerDesciption>.contact>.qqLink>a:hover {
    color: #fff
}

.footer .footerLogo {
    display: inline-block;
    margin-top: 30px;
    width: 100%
}

.footer .footerLogo>li {
    display: inline-block;
    vertical-align: top;
    min-width: 38px;
    padding-top: 48px;
    color: #a4acb4;
    line-height: normal;
    background: no-repeat center top
}

.footer .footerLogo>li.logo02 {
    background-image: url(../images/f_img02_out.png)
}

.footer .footerLogo>li.logo02:hover {
    background-image: url(../images/f_img02_over.png)
}

.footer .footerLogo>li.logo03 {
    background-image: url(../images/f_img03_out.png);
    width: 96px
}

.footer .footerLogo>li.logo03:hover {
    background-image: url(../images/f_img03_over.png)
}

.footer .footerLogo>li.logo04 {
    background-image: url(../images/f_img04_out.png);
    width: 83px
}

.footer .footerLogo>li.logo04:hover {
    background-image: url(../images/f_img04_over.png)
}

.footer .footerLogo>li.logo05 {
    background-image: url(../images/f_img05_out.png);
    width: 85px
}

.footer .footerLogo>li.logo05:hover {
    background-image: url(../images/f_img05_over.png)
}

.footer .footerLogo>li.logo06 {
    background-image: url(../images/f_img06_out.png);
    width: 41px
}

.footer .footerLogo>li.logo06:hover {
    background-image: url(../images/f_img06_over.png)
}

.footer .footerLogo>li.logo07 {
    background-image: url(../images/f_img07_out.png);
    width: 45px
}

.footer .footerLogo>li.logo07:hover {
    background-image: url(../images/f_img07_over.png)
}

.footer .footerLogo>li.logo08 {
    background-image: url(../images/f_img08_out.png);
    width: 90px
}

.footer .footerLogo>li.logo08:hover {
    background-image: url(../images/f_img08_over.png)
}

.footer .footerLogo>li.logo09 {
    background-image: url(../images/f_img09_out.png);
    width: 89px
}

.footer .footerLogo>li.logo09:hover {
    background-image: url(../images/f_img09_over.png)
}

.footer .footerLogo>li.logo10 {
    background-image: url(../images/f_img10_out.png?version=20250507);
    width: 63px
}

.footer .footerLogo>li.logo10:hover {
    background-image: url(../images/f_img10_over.png?version=20250507)
}

.footer .footerLogo>li.logo11 {
    background-image: url(../images/f_img11_out.png);
    width: 64px
}

.footer .footerLogo>li.logo11:hover {
    background-image: url(../images/f_img11_over.png)
}

.footer .footerLogo>li.logo12 {
    background-image: url(../images/f_img12_out.png);
    width: 46px
}

.footer .footerLogo>li.logo12:hover {
    background-image: url(../images/f_img12_over.png)
}

.footer .footerLogo>li.logo13 {
    background-image: url(../images/f_img13_out.png);
    width: 46px
}

.footer .footerLogo>li.logo13:hover {
    background-image: url(../images/f_img13_over.png)
}

.footer .footerLogo>li.logo14 {
    background-image: url(../images/f_img14_out.png);
    width: 45px
}

.footer .footerLogo>li.logo14:hover {
    background-image: url(../images/f_img14_over.png)
}

.footer .footerLogo>li.logo15 {
    background-image: url(../images/f_img15_out.png);
    width: 109px
}

.footer .footerLogo>li.logo15:hover {
    background-image: url(../images/f_img15_over.png)
}

.footer .footerLogo>li.logo16 {
    background-image: url(../images/f_img16_out.png);
    width: 52px
}

.footer .footerLogo>li.logo16:hover {
    background-image: url(../images/f_img16_over.png)
}

.footer .footerLogo>li.logo17 {
    background-image: url(../images/f_img17_out.png);
    width: 76px
}

.footer .footerLogo>li.logo17:hover {
    background-image: url(../images/f_img17_over.png)
}

.footer .footerLogo>li.logo18 {
    background-image: url(../images/f_img18_out.png);
    width: 40px
}

.footer .footerLogo>li.logo18:hover {
    background-image: url(../images/f_img18_over.png)
}

.footer .footerNav {
    display: inline-block;
    width: 100%;
    margin-top: 27px
}

.footer .footerNav li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px
}

.footer .footerNav a {
    color: #a4acb4;
    font-size: 14px;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

.footer .footerNav a:hover {
    color: #1379d7
}

.footer .footerLicense {
    display: block;
    margin-top: 28px
}

.footer .footerLicense>li {
    display: inline-block;
    vertical-align: top;
    min-width: 180px;
    padding-top: 48px;
    color: #a4acb4;
    font-size: 14px;
    line-height: normal;
    background: no-repeat center top
}

.footer .footerLicense>li:hover {
    color: #fff
}

.footer .footerLicense>li.license01 {
    background-image: url(../images/01.png)
}

.footer .footerLicense>li.license01:hover {
    background-image: url(../images/01_h.png)
}

.footer .footerLicense>li.license02 {
    background-image: url(../images/02.png)
}

.footer .footerLicense>li.license02:hover {
    background-image: url(../images/02_h.png)
}

.footer .footerLicense>li.license03 {
    background-image: url(../images/03.png)
}

.footer .footerLicense>li.license03:hover {
    background-image: url(../images/03_h.png)
}

.footer .footerLicense>li.license05 {
    background-image: url(../images/05.png)
}

.footer .footerLicense>li.license05:hover {
    background-image: url(../images/05_h.png)
}

.footer .footerLicense>li.license06 {
    background-image: url(../images/06.png)
}

.footer .footerLicense>li.license06:hover {
    background-image: url(../images/06_h.png)
}

.footer .footerSuggest {
    width: 100%;
    display: inline-block;
    margin: 11px 0 0;
    color: #b2bdc6;
    font-size: 13px;
    line-height: 17px;
    background: #2c353b;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center
}