/* feedback */

.feedback {

    padding: 1rem 0;

}



.feedback .wrap {

    width: 9.28rem;

    margin: 0 auto;

}



.feedback .wrap .title {

    font-size: .42rem;

    line-height: .63rem;

    font-weight: 600;

    letter-spacing: .0015rem;

    text-align: center;

    color: #000;

}



.feedback .wrap .title-m {

    display: none

}



.feedback .wrap .contact-group {

    display: -ms-flexbox;

    display: flex;

    margin-top: .4rem;

}



.feedback .wrap .contact-group .contact {

    display: -ms-flexbox;

    display: flex;

    -ms-flex: 1;

    flex: 1;

    padding: .11rem 0;

    font-size: .16rem;

    line-height: .24rem;

    font-weight: 600;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center;

}



.feedback .wrap .contact-group .contact:nth-child(n+2) {

    margin-left: .32rem;

}



.feedback .wrap .contact-group .contact:first-child {

    color: #FFF;

    background-color: #0032B4;

    cursor: pointer;

}



.feedback .wrap .contact-group .contact:first-child:hover {

    background-color: #002B9B;

}



.feedback .wrap .contact-group .contact:first-child:active {

    background-color: #002585;

}



.feedback .wrap .contact-group .contact:nth-child(2) {

    padding: .09rem 0;

    color: #0032B4;

    background-color: transparent;

    border: .02rem solid #0032B4;

}



.feedback .wrap .contact-group .contact:nth-child(2):hover {

    color: #FFF;

    background-color: #0032B4;

}



.feedback .wrap .contact-group .contact:nth-child(2):active {

    color: #FFF;

    background-color: #002B9B;

    border: .02rem solid #002B9B;

}



.feedback .wrap .contact-group .contact:nth-child(3),

.feedback .wrap .contact-group .contact:nth-child(3):hover {

    background-color: #FFCD00;

    color: #030303;

}



/* footer */

.footer {

    padding: .6rem 0 .15rem;

    background-color: #0F1319;

}



.footer .content {

    display: -ms-flexbox;

    display: flex;

    position: relative;

    width: 14.4rem;

    margin: 0 auto;

    overflow: hidden;

    float: none;

    color: inherit;

    box-sizing: border-box;

    padding-left: 0;

    border: 0;

}



.footer .content .logo {

    width: 2.3rem;

}



.footer .content .logo img {

    width: 100%;

    height: auto;

    display: block;

}



.footer .content .guide {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 10.6rem;

    margin-left: 0.87rem;

}



.footer .content .guide .g-list {

    width: 1.69rem;

}



.footer .content .g-contact .g-list {

    margin-bottom: .5rem;

}



.footer .content .g-list .g-title>a,

.footer .content .g-list .g-title p {

    font-size: .16rem;

    line-height: .24rem;

    font-weight: 600;

    color: #FFF;

}



.footer .content .g-list .g-title p {

    text-indent: inherit;

}



.footer .content .g-list .g-text>a,

.footer .content .g-list .g-text {

    font-size: .16rem;

    line-height: .22rem;

    color: #ADADAD;

    margin-top: .12rem;

}



.footer .content .g-list .g-text > a:hover,

.footer .content .other a:hover,

.footer .content .record > a:hover {

    color: #0042F8;

}



.footer .content .g-contact .g-list .QR-Code {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 2.33rem;

    flex-direction: column;

}



.footer .content .g-contact .g-list .QR-Code>p {

    font-size: .16rem;

    line-height: .22rem;

    color: rgba(255, 255, 255, .9);

    text-indent: 0;

}



.footer .content .g-contact .g-list .QR-Code>p:first-child {

    width: 1.2rem;

}



.footer .content .g-contact .g-list .QR-Code>p:nth-child(2) {

    margin-left: .16rem;

}



.footer .content .g-contact .g-list .QR-Code .weibo-code,

.footer .content .g-contact .g-list .QR-Code .wechat-code {

    box-sizing: border-box;

    width: .96rem;

    height: .96rem;

    margin-top: .2rem;

    background-color: #fff;

}





.footer .content .g-contact .g-list .QR-Code .weibo-code img,

.footer .content .g-contact .g-list .QR-Code .wechat-code img {

    width: 100%;

}



.footer .content .record-info {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    padding-top: .15rem;

    border-top: 1px solid #3D3D3D;

    margin-top: 0.6rem;

}



.footer .content .record {

    margin-right: 0.16rem;

}



.footer .content .record img {

    vertical-align: middle;

}



.footer .content .other {

    margin-left: auto;

    color: #ADADAD;

    font-size: 0.16rem;

}



.footer .content .other a {

    color: #ADADAD;

}



.ele-divider {

    margin-right: 0.08rem;

    margin-left: 0.08rem;

}



.footer .content .record>a,

.footer .content .record {

    font-size: .16rem;

    line-height: .22rem;

    color: #ADADAD;

    text-indent: 0;

}



.footer .multistage {

    display: none;

    overflow: hidden;

}



@media screen and (max-width: 1240px) {

    .footer .content .g-contact .g-list .QR-Code>p:nth-child(2) {

        margin-left: 0;

    }



    .footer .content .g-contact .g-list .QR-Code .wechat-code {

        margin-left: .17rem;

    }

}



@media screen and (max-width: 768px) {

    .feedback {

        padding: 1.03rem .32rem 1rem;

    }



    .footer .content {

        display: block;

        width: 7.04rem;

    }



    .feedback .wrap {

        width: 100%;

    }



    .feedback .wrap .title {

        display: none;

    }



    .feedback .wrap .title-m {

        display: block;

        font-size: .48rem;

        line-height: .68rem;

        font-weight: 600;

        letter-spacing: .0017rem;

        color: #000;

    }



    .feedback .wrap .contact-group {

        display: block;

        margin-top: .8rem;

        padding: 0;

    }



    .feedback .wrap .contact-group .contact {

        position: relative;

        padding: .26rem .3rem;

        font-size: .3rem;

        line-height: .42rem;

        font-weight: 600;

        -ms-flex-pack: left;

        justify-content: left;

    }



    .feedback .wrap .contact-group .contact:nth-child(n+2) {

        margin-top: .3rem;

        margin-left: 0;

    }



    .feedback .wrap .contact-group #contact-2 {

        padding: .22rem .28rem;

        border: .04rem solid #0032B4;

    }





    .feedback .wrap .contact-group .contact .arrow {

        display: inline-block;

        position: absolute;

        right: .3rem;

        width: .3rem;

        height: .26rem;

    }



    .feedback .wrap .contact-group .contact .arrow-white {

        background-size: 100% 100%;

    }



    .feedback .wrap .contact-group .contact .arrow-blue {

        background: url('./arrow-blue.png') center center no-repeat;

        background-size: 100% 100%;

    }



    .feedback .wrap .contact-group .contact .arrow-black {

        background-size: 100% 100%;

    }



    /* footer */

    .footer {

        padding: 1rem 0 1rem;

        background-color: #0F1319;

    }



    .footer .content {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }



    .footer .content .logo {

        width: 3rem;

        margin-bottom: 1rem;

    }



    .footer .content .guide {

        width: 100%;

        height: auto;

        margin: 0;

        padding: 0;

    }



    .footer .content .guide .g-list {

        position: relative;

        width: 100%;

        line-height: .9rem;

        font-size: .28rem;

        margin: 0;

    }



    .footer .content .guide .g-title {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-align: center;

        align-items: center;

        position: relative;

        /* margin-top: -.02rem; */

        height: .9rem;

        border-style: solid;

        border-width: .01rem 0;

        border-color: #252A31;

    }



    .footer .content .guide .g-title {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-align: center;

        align-items: center;

        position: relative;

        margin-top: -.02rem;

        height: .9rem;

        border-style: solid;

        border-width: .01rem 0;

        border-color: #252A31;

    }



    .footer .content .g-list .g-title>a,

    .footer .content .g-list .g-title p {

        font-size: .3rem;

        line-height: .42rem;

    }



    .footer .content .guide .btn-icon {

        position: absolute;

        right: .67rem;

        /* top: calc(.45rem - .18rem); */

        top: .4rem;

        width: .18rem;

        height: .18rem;

        border-style: solid;

        border-width: .01rem;

        border-color: #ADADAD #ADADAD transparent transparent;

        -webkit-transform: rotate(135deg);

        transform: rotate(135deg);

        -webkit-transform-origin: 75% 25%;

        transform-origin: 75% 25%;

        transition: -webkit-transform .3s;

        transition: transform .3s;

        transition: transform .3s, -webkit-transform .3s;

    }



    .footer .content .guide-wrap {

        overflow: hidden;

        transition: all .3s;

    }



    .footer .content .g-contact {

        /* margin: 1rem 0 0; */

        padding: 0;

    }



    .footer .content .g-contact .g-list {

        margin-bottom: 0;

    }



    .footer .g-contact .g-title {

        font-size: .28rem;

        font-weight: 600;

        line-height: .24rem;

        color: #FFF;

    }



    .footer .content .g-contact .g-list .QR-Code {

        width: 4.5rem;

        margin-top: .4rem;

    }



    .footer .content .g-contact .g-list .QR-Code>p {

        font-size: .26rem;

        line-height: .28rem;

    }



    .footer .content .g-contact .g-list .QR-Code>p:first-child {

        width: 2.05rem;

    }



    .footer .content .g-contact .g-list .QR-Code .weibo-code,

    .footer .content .g-contact .g-list .QR-Code .wechat-code {

        width: 1.44rem;

        height: 1.44rem;

        padding: .03rem;

    }



    .footer .content .g-contact .g-list .QR-Code .wechat-code {

        margin-left: .61rem;

    }



    .footer .content .record-info {

        display: block;

        padding-top: 0.5rem;

        border-top: .01rem solid #3D3D3D;

        margin-top: 1rem;

        font-size: 0.26rem;

        line-height: 0.38rem;

    }



    .footer .content .g-list .g-text {

        font-size: .28rem;

        line-height: .32rem;

        margin: 0;

        padding: .2rem 0;

    }



    .footer .content .g-list .g-title:active,

    .footer .content .g-list .g-text:active {

        background-color: #4E4E4E;

    }



    .footer .content .g-list .g-text.tel,

    .footer .content .g-list .g-text.mail {

        padding: .08rem 0;

    }



    .footer .content .g-list .g-text.tel {

        margin-top: .4rem;

    }



    .footer .content .g-list .g-text.mail {

        margin-bottom: .4rem;

    }



    .footer .content .record {

        margin-right: 0;

    }



    .footer .content .record>a,

    .footer .content .record,

    .footer .content .other {

        font-size: .26rem;

        line-height: .38rem;

    }



    .footer .content .record>a>img {

        height: .24rem;

    }



    .footer .multistage {

        display: block;

    }



    .footer .content .g-list .g-text>a,

    .footer .content .g-list .g-text {

        font-size: .28rem;

    }



    .footer .content .other {

        margin-top: 0.5rem;

    }



    .footer .gov {

        margin-left: 0.24rem;

    }



    .footer .register {

        margin-left: 0.08rem;

    }

}