.ha-en {
    color: #fff;
}

.ha-titles {
    color: #fff;
}

.ha-intro {
    color: #fff;
}

.hb-cont {
    padding-bottom: 0.2rem;
}

.hb-list {
    padding-bottom: 0;
}

@media (max-width:900px) {

    .fp-section,
    .fp-tableCell {
        height: auto !important;
    }
}


.hc-link:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hc-link:hover {
    background-color: transparent;
    border-color: transparent;
}

.hf-list .q-code {
    height: 60%;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 123;
    border: none;
    padding-right: 1px;
    overflow: hidden;
    display: block;
}

.q-code img {
    max-width: none;
    height: 100%;
    cursor: pointer;
}

.f-b .f-item {
    margin-left: 0.1rem;
}


.link{width: 100%;background-color: #f8f8f8;padding: .3rem 0;}
.li-cont{width: 14rem;margin: 0 auto;}
.li-b{display: inline; color: #333333;line-height: 2;}
.li-c{display: inline; }
.li-item{display: inline; color: #333333;line-height: 2;cursor: pointer; }
.li-item:hover{color: #2c44b5;}
.li-item:after{content: '/';padding: 0 .05rem; display: inline-block;vertical-align: middle;color: #333333;line-height: 2;}
.li-item:last-child:after{display: none;}

@media(max-width: 750px){ 
    .li-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .li-b{display: block;margin-bottom: .15rem;}
    .li-c{display: block;}
    .li-item{display: inline-block;vertical-align: middle;font-size: 12px;}
}