@import './init.min.css';
@import './animate.css';
@import './swiper.min.css';

a:hover {
    text-decoration: none
}

p {
    line-height: 1;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none
    }

select::-ms-expand {
    display: none
}

img {
    vertical-align: top;
    border: none
}

body {
    margin-top: 1.2rem;
    margin-bottom: 1rem
}

.textType1 {
    font-size: .28rem;
    line-height: 1.607;
    text-align: justify;
    color: #222
}

.textType2 {
    color: #555
}

.textType3 {
    color: #fff
}

.cover {
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.58)
}

.btnGroup {
    position: fixed;
    z-index: 800;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 1rem
}

    .btnGroup .phoneBtn, .btnGroup .signUpBtn {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 50%;
        height: 100%;
        border: none
    }

        .btnGroup .phoneBtn span, .btnGroup .signUpBtn span {
            font-size: .36rem;
            color: #fff
        }

    .btnGroup .phoneBtn {
        background: #fcca10
    }

        .btnGroup .phoneBtn .phoneIcon {
            width: .45rem;
            margin-right: .27rem
        }

    .btnGroup .signUpBtn {
        background: #cb292e
    }

        .btnGroup .signUpBtn .signupIcon {
            width: .49rem;
            margin-right: .21rem
        }

.mainWrapper .navList {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%
}

    .mainWrapper .navList .navItem {
        font-size: .26rem;
        line-height: .8rem;
        display: block;
        overflow: hidden;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        height: .8rem;
        margin: 0;
        margin-right: .01rem;
        text-align: center;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: #fafafa;
        border: none;
        outline: none;
        background-color: #303030
    }

        .mainWrapper .navList .navItem:last-child {
            margin-right: 0
        }

    .mainWrapper .navList .active {
        background: #1e89e2
    }

.signupDailog {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.8)
}

    .signupDailog .signUpBox {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 6.7rem;
        padding: .5rem 0 .63rem;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: #fff
    }

        .signupDailog .signUpBox .closeSignUp {
            position: absolute;
            top: .3rem;
            right: .3rem;
            width: .5rem
        }

        .signupDailog .signUpBox .title {
            font-size: .36rem;
            margin-bottom: .5rem;
            text-align: center;
            color: #222
        }

        .signupDailog .signUpBox .inputBox {
            display: block;
            width: 5rem;
            height: .9rem;
            margin: 0 auto .55rem;
            border: none;
            border-bottom: .02rem solid #d4d4d4
        }

        .signupDailog .signUpBox .submitBtn {
            font-size: .28rem;
            display: block;
            width: 2.5rem;
            height: .6rem;
            margin: auto;
            color: #fff;
            border: none;
            -webkit-border-radius: .05rem;
            border-radius: .05rem;
            background: #cb292e
        }

.newsList {
    width: 100%
}

    .newsList .newsItem {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: .4rem;
        border: .01rem solid #dcdcdc;
        background: #fff
    }

        .newsList .newsItem .mainPart {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: .36rem
        }

            .newsList .newsItem .mainPart .newsPic {
                display: block;
                width: 100%;
                margin-bottom: .36rem
            }

                .newsList .newsItem .mainPart .newsPic img {
                    width: 100%
                }

            .newsList .newsItem .mainPart .newsName {
                font-size: .36rem;
                display: block;
                overflow: hidden;
                width: 100%;
                margin-bottom: .25rem;
                text-align: justify;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                color: #202020
            }

            .newsList .newsItem .mainPart .desc {
                font-size: .26rem;
                line-height: 1.247;
                text-align: justify;
                color: #b8b8b8
            }

        .newsList .newsItem .footPart {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -o-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: .9rem;
            padding: 0 .36rem;
            background: #f1f1f1
        }

            .newsList .newsItem .footPart .tag {
                font-size: .25rem;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding: .1rem .2rem;
                color: #fff;
                -webkit-border-radius: 1rem;
                border-radius: 1rem;
                background: #1e89e2
            }

            .newsList .newsItem .footPart .timeBox {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -o-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: end;
                -moz-box-pack: end;
                -o-box-pack: end;
                -ms-flex-pack: end;
                -webkit-justify-content: flex-end;
                justify-content: flex-end
            }

                .newsList .newsItem .footPart .timeBox .timeIcon {
                    width: .35rem;
                    margin-right: .15rem
                }

                .newsList .newsItem .footPart .timeBox span {
                    font-size: .26rem;
                    text-align: justify;
                    color: #bbb
                }

    .newsList .newsItem2 {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: .3rem;
        padding-right: .35rem;
        background: #fff
    }

        .newsList .newsItem2 .newsPic {
            position: relative;
            display: block;
            overflow: hidden;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            width: 2rem;
            height: 2rem
        }

            .newsList .newsItem2 .newsPic img {
                position: absolute;
                top: 0;
                left: 50%;
                width: auto;
                max-width: unset;
                height: 100%;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%)
            }

        .newsList .newsItem2 .mainPart {
            width: calc(100% - 2.27rem);
            margin-left: .27rem
        }

            .newsList .newsItem2 .mainPart .newsName {
                font-size: .34rem;
                display: block;
                overflow: hidden;
                width: 100%;
                margin-bottom: .15rem;
                text-align: justify;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                color: #202020
            }

            .newsList .newsItem2 .mainPart .desc {
                font-size: .26rem;
                overflow: hidden;
                text-align: justify;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                color: #b8b8b8
            }

            .newsList .newsItem2 .mainPart .footPart {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -o-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -o-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                margin-top: .37rem
            }

                .newsList .newsItem2 .mainPart .footPart .tag {
                    font-size: .22rem;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    padding: .06rem .2rem;
                    color: #fff;
                    -webkit-border-radius: 1rem;
                    border-radius: 1rem;
                    background: #1e89e2
                }

                .newsList .newsItem2 .mainPart .footPart .timeBox {
                    font-size: .22rem;
                    text-align: justify;
                    color: #bbb
                }

.selDailog {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.58)
}

    .selDailog .selMainBlock {
        position: absolute;
        z-index: 10;
        top: 0;
        left: -3rem;
        overflow: auto;
        width: 3rem;
        height: 100vh;
        background: #fff
    }

        .selDailog .selMainBlock .backRow {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -o-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            height: .8rem;
            padding: 0 .4rem;
            border-bottom: .02rem solid #cacaca;
            background: #eee
        }

            .selDailog .selMainBlock .backRow .backCloseBtn {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -o-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: center;
                -moz-box-pack: center;
                -o-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                width: 1.36rem;
                height: .45rem;
                border: .01rem solid #e5e5e5;
                -webkit-border-radius: .45rem;
                border-radius: .45rem;
                background: #fff
            }

                .selDailog .selMainBlock .backRow .backCloseBtn .backIcon {
                    width: .13rem;
                    margin-right: .16rem
                }

        .selDailog .selMainBlock .listRow {
            width: 100%;
            min-height: .8rem
        }

            .selDailog .selMainBlock .listRow .main {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -o-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -o-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: .8rem;
                padding: 0 .2rem 0 .4rem;
                border-bottom: .02rem solid #eee
            }

            .selDailog .selMainBlock .listRow .subList {
                width: 100%
            }

                .selDailog .selMainBlock .listRow .subList .subRow {
                    line-height: .8rem;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 100%;
                    height: .8rem;
                    padding-left: .7rem;
                    border-bottom: .02rem solid #eee
                }

                .selDailog .selMainBlock .listRow .subList .active {
                    color: #cb292e;
                    background: #ffeced
                }

    .selDailog .selSonBlock {
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        width: 3rem;
        height: 100vh;
        background: #d8d8d8
    }

        .selDailog .selSonBlock .title {
            font-size: .26rem;
            font-weight: bold;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -o-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: .8rem;
            padding: 0 .2rem 0 .3rem;
            color: #cb292e;
            border-bottom: .02rem solid #cacaca;
            background: #ffeced
        }

        .selDailog .selSonBlock .item {
            font-size: .26rem;
            line-height: .8rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: .8rem;
            padding: 0 .2rem 0 .3rem;
            color: #222;
            border-bottom: .02rem solid #cacaca;
            background: #f3f3f3
        }

#header {
    position: fixed;
    z-index: 950;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1.2rem;
    padding: 0 .4rem;
    background: #cb292e
}

    #header .logo {
        width: 2.69rem
    }

        #header .logo img {
            width: 100%
        }

    #header .rightBox {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -o-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

        #header .rightBox .searchIcons {
            margin-right: .76rem
        }

            #header .rightBox .searchIcons .searchIcon {
                width: .45rem
            }

            #header .rightBox .searchIcons .closeIcon {
                width: .42rem
            }

        #header .rightBox .menuIcons .menuIcon {
            width: .45rem
        }

        #header .rightBox .menuIcons .closeMenu {
            width: .42rem
        }

    #header .searchBox {
        position: absolute;
        z-index: 950;
        top: 1.2rem;
        left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        height: 1.5rem;
        background: rgba(255,255,255,0.878)
    }

        #header .searchBox .innerBox {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -o-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 6.7rem;
            height: .8rem;
            padding: .06rem;
            border: .01rem solid #bbb;
            -webkit-border-radius: .8rem;
            border-radius: .8rem;
            background: #fff
        }

            #header .searchBox .innerBox .keyWord {
                font-size: .3rem;
                line-height: 1;
                -webkit-box-flex: 1;
                -moz-box-flex: 1;
                -o-box-flex: 1;
                -ms-box-flex: 1;
                box-flex: 1;
                -webkit-flex-grow: 1;
                flex-grow: 1;
                height: 100%;
                margin-right: .06rem;
                padding: 0 .2rem;
                border: none;
                -webkit-border-radius: .8rem;
                border-radius: .8rem
            }

            #header .searchBox .innerBox .searchBtn {
                font-size: .3rem;
                line-height: 1;
                -webkit-flex-shrink: 0;
                flex-shrink: 0;
                width: 1.26rem;
                height: 100%;
                color: #fff;
                border: none;
                -webkit-border-radius: .8rem;
                border-radius: .8rem;
                background: #1e89e2
            }

    #header.headWhiteType {
        background: #fff
    }

.menuWrapper {
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100vw;
    width: 100%;
    height: 100vh;
    padding: 1.55rem .4rem .6rem;
    background-color: rgba(191,191,191,0.859)
}

    .menuWrapper .menuRow {
        width: 100%;
        margin-bottom: .02rem
    }

        .menuWrapper .menuRow .mainRow {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -o-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 1rem;
            padding: 0 .4rem 0 .33rem;
            background-color: rgba(255,255,255,0.702);
            -webkit-box-shadow: 0 .02rem 0 0 rgba(238,238,238,0.004);
            box-shadow: 0 .02rem 0 0 rgba(238,238,238,0.004)
        }

            .menuWrapper .menuRow .mainRow p {
                font-size: .35rem;
                color: #002
            }

            .menuWrapper .menuRow .mainRow img {
                width: .19rem
            }

        .menuWrapper .menuRow .active p, .menuWrapper .menuRow .active a {
            color: #cb292e
        }

        .menuWrapper .menuRow .subList {
            width: 100%
        }

            .menuWrapper .menuRow .subList .subRow {
                width: 100%;
                height: 1rem;
                margin-bottom: .02rem;
                background-color: rgba(255,255,255,0.4);
                -webkit-box-shadow: 0 .02rem 0 0 rgba(238,238,238,0.004);
                box-shadow: 0 .02rem 0 0 rgba(238,238,238,0.004)
            }

                .menuWrapper .menuRow .subList .subRow a {
                    font-size: .35rem;
                    line-height: 1rem;
                    display: block;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 100%;
                    height: 100%;
                    padding-left: .73rem;
                    color: #002
                }

            .menuWrapper .menuRow .subList .active a {
                color: #cb292e
            }

#footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.2rem 0 0;
    background: #31363a
}

    #footer .linkList {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 1rem;
        padding: 0 .4rem
    }

        #footer .linkList .linkItem {
            font-size: .28rem;
            line-height: .8rem;
            width: 3.2rem;
            height: .8rem;
            margin-bottom: .28rem;
            text-align: center;
            color: #fafafa;
            -webkit-border-radius: .08rem;
            border-radius: .08rem;
            background-color: #cb292e
        }

    #footer .linkRow {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        margin-bottom: .62rem
    }

        #footer .linkRow .link {
            font-size: .28rem;
            margin-right: .22rem;
            color: #fff
        }

            #footer .linkRow .link:last-child {
                margin: 0
            }

    #footer .logosRow {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 1.25rem
    }

        #footer .logosRow .logo {
            width: 1.13rem;
            margin-right: .52rem
        }

            #footer .logosRow .logo:last-child {
                margin: 0
            }

    #footer .infoBox {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: .5rem;
        padding: 0 .4rem
    }

        #footer .infoBox .leftBox .txt1 {
            font-size: .28rem;
            font-weight: bold;
            margin-bottom: .05rem;
            text-align: left;
            color: #fff
        }

        #footer .infoBox .leftBox .txt2 {
            font-size: .18rem;
            margin-bottom: .45rem;
            text-align: left;
            color: #fff
        }

        #footer .infoBox .leftBox .txt3 {
            font-size: .18rem;
            margin-bottom: .2rem;
            text-align: left;
            color: #fff
        }

        #footer .infoBox .rightBox {
            width: 1.3rem
        }

            #footer .infoBox .rightBox .qrcode {
                width: 100%;
                margin-bottom: .3rem
            }

            #footer .infoBox .rightBox .txt {
                font-size: .18rem;
                line-height: 1.698;
                text-align: center;
                color: #f6f7fa
            }

    #footer .copyright {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        height: 1.3rem;
        background: #24292c
    }

        #footer .copyright p {
            font-size: .18rem;
            line-height: 1.944;
            text-align: center;
            color: #fff
        }

.mainWrapper .bannerSwiper {
    width: 100%
}

    .mainWrapper .bannerSwiper img {
        width: 100%
    }

    .mainWrapper .bannerSwiper .swiper-pagination-bullet {
        width: .2rem;
        height: .2rem;
        opacity: 1;
        -ms-filter: none;
        filter: none;
        border: .01rem solid #fff;
        background: #fff
    }

    .mainWrapper .bannerSwiper .swiper-pagination-bullet-active {
        background: #cb292e
    }

.mainWrapper .blockWrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

    .mainWrapper .blockWrapper .blockTitle {
        position: relative;
        width: 100%;
        margin-bottom: .5rem
    }

        .mainWrapper .blockWrapper .blockTitle .bgTxt {
            font-size: .6rem;
            font-weight: bold;
            line-height: 1;
            padding-left: .73rem;
            color: rgba(0,0,0,0.102)
        }

        .mainWrapper .blockWrapper .blockTitle .titleBox {
            position: absolute;
            z-index: 5;
            bottom: 0;
            left: 0;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -o-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start
        }

            .mainWrapper .blockWrapper .blockTitle .titleBox .tag {
                width: .5rem;
                margin-right: .23rem
            }

            .mainWrapper .blockWrapper .blockTitle .titleBox .title {
                font-size: .4rem;
                color: #000
            }

.mainWrapper .introduceWrapper {
    padding: .9rem .4rem .6rem
}

    .mainWrapper .introduceWrapper .pics {
        width: 100%;
        margin-top: .65rem
    }

        .mainWrapper .introduceWrapper .pics .mainPic {
            width: 100%;
            margin-bottom: .02rem
        }

        .mainWrapper .introduceWrapper .pics .piclist {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -o-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start
        }

            .mainWrapper .introduceWrapper .pics .piclist .picItem {
                position: relative;
                width: 1.66rem;
                margin-left: .02rem
            }

                .mainWrapper .introduceWrapper .pics .piclist .picItem:nth-child(1) {
                    margin-left: 0
                }

                .mainWrapper .introduceWrapper .pics .piclist .picItem .picCover {
                    position: absolute;
                    z-index: 5;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    opacity: .5;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                    filter: alpha(opacity=50);
                    background: url("../img/cover1.png") repeat
                }

            .mainWrapper .introduceWrapper .pics .piclist .active .picCover {
                display: none
            }

.mainWrapper .branksWrapper {
    padding: .9rem .4rem .5rem;
    background: rgba(153,207,255,0.251)
}

    .mainWrapper .branksWrapper .brankList {
        width: 6.7rem;
        margin: auto;
        margin-top: .5rem
    }

        .mainWrapper .branksWrapper .brankList .brankItem {
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            margin-bottom: .3rem;
            padding-bottom: .5rem;
            -webkit-border-radius: .08rem;
            border-radius: .08rem;
            background-color: #cb292e;
            -webkit-box-shadow: 0 .03rem .1rem 0 rgba(187,187,187,0.004);
            box-shadow: 0 .03rem .1rem 0 rgba(187,187,187,0.004)
        }

            .mainWrapper .branksWrapper .brankList .brankItem:nth-child(1) {
                background: #cb292e
            }

            .mainWrapper .branksWrapper .brankList .brankItem:nth-child(2) {
                background: #4b8d7f
            }

            .mainWrapper .branksWrapper .brankList .brankItem:nth-child(3) {
                background: #7928d9
            }

            .mainWrapper .branksWrapper .brankList .brankItem:nth-child(4) {
                background: #f59a23
            }

            .mainWrapper .branksWrapper .brankList .brankItem:nth-child(5) {
                background: #fcca10
            }

            .mainWrapper .branksWrapper .brankList .brankItem:nth-child(6) {
                background: #1e89e2
            }

            .mainWrapper .branksWrapper .brankList .brankItem .brankPic {
                width: 100%;
                margin-bottom: .5rem
            }

            .mainWrapper .branksWrapper .brankList .brankItem .nameBox {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                padding: 0 .3rem
            }

                .mainWrapper .branksWrapper .brankList .brankItem .nameBox .brankName {
                    font-size: .36rem;
                    line-height: .778;
                    margin-bottom: .16rem;
                    color: #fff
                }

                .mainWrapper .branksWrapper .brankList .brankItem .nameBox .line {
                    width: .5rem;
                    height: .06rem;
                    -webkit-border-radius: .06rem;
                    border-radius: .06rem;
                    background: #fff
                }

            .mainWrapper .branksWrapper .brankList .brankItem .patch .brankName {
                color: #222
            }

            .mainWrapper .branksWrapper .brankList .brankItem .patch .line {
                background: #222
            }

            .mainWrapper .branksWrapper .brankList .brankItem .introTxt {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: start;
                -moz-box-align: start;
                -o-box-align: start;
                -ms-flex-align: start;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -o-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin-top: .2rem;
                padding: 0 .3rem
            }

                .mainWrapper .branksWrapper .brankList .brankItem .introTxt .textType1 {
                    -webkit-box-flex: 1;
                    -moz-box-flex: 1;
                    -o-box-flex: 1;
                    -ms-box-flex: 1;
                    box-flex: 1;
                    -webkit-flex-grow: 1;
                    flex-grow: 1;
                    text-align: justify
                }

                .mainWrapper .branksWrapper .brankList .brankItem .introTxt .brankLogo {
                    -webkit-flex-shrink: 0;
                    flex-shrink: 0;
                    width: 1.46rem;
                    margin: 0 .1rem 0 .8rem
                }

.mainWrapper .teachingentWrapper {
    padding: .6rem 0 .5rem
}

    .mainWrapper .teachingentWrapper .blockTitle {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 .4rem
    }

        .mainWrapper .teachingentWrapper .blockTitle .titleBox {
            left: .4rem
        }

    .mainWrapper .teachingentWrapper .teachingentSwiper {
        width: 100%
    }

        .mainWrapper .teachingentWrapper .teachingentSwiper .pic {
            width: 100%
        }

        .mainWrapper .teachingentWrapper .teachingentSwiper .swiperTitle {
            font-size: .28rem;
            line-height: 1.286;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: .38rem;
            padding: 0 .4rem;
            text-align: left;
            color: #0a0a0a
        }

        .mainWrapper .teachingentWrapper .teachingentSwiper .line {
            width: .5rem;
            height: .01rem;
            margin-top: .18rem;
            margin-bottom: .25rem;
            margin-left: .4rem;
            background: #535353
        }

        .mainWrapper .teachingentWrapper .teachingentSwiper .textType1 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 1.4rem;
            padding: 0 .4rem
        }

    .mainWrapper .teachingentWrapper .swiper-pagination {
        bottom: .6rem
    }

        .mainWrapper .teachingentWrapper .swiper-pagination .swiper-pagination-bullet {
            width: .2rem;
            height: .2rem;
            opacity: 1;
            -ms-filter: none;
            filter: none;
            border: .01rem solid #cb292e;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #fff
        }

        .mainWrapper .teachingentWrapper .swiper-pagination .swiper-pagination-bullet-active {
            background: #cb292e
        }

.mainWrapper .teacherWrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .9rem 0 0;
    background: rgba(153,207,255,0.251)
}

    .mainWrapper .teacherWrapper .pic {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 .4rem
    }

    .mainWrapper .teacherWrapper .textType1 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: .5rem;
        margin-bottom: .7rem;
        padding: 0 .4rem
    }

    .mainWrapper .teacherWrapper .teacherSwiper {
        width: 100%;
        background: #1e89e2
    }

        .mainWrapper .teacherWrapper .teacherSwiper .swiper-slide {
            padding-bottom: .4rem
        }

        .mainWrapper .teacherWrapper .teacherSwiper .teacherPic {
            overflow: hidden;
            width: 100%;
            height: 7.05rem
        }

            .mainWrapper .teacherWrapper .teacherSwiper .teacherPic img {
                width: 100%
            }

        .mainWrapper .teacherWrapper .teacherSwiper .teacherName {
            font-size: .32rem;
            font-weight: bold;
            margin-top: .4rem;
            margin-bottom: .2rem;
            text-align: center;
            color: #fff
        }

        .mainWrapper .teacherWrapper .teacherSwiper .school {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -o-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 100%;
            margin-bottom: .36rem
        }

            .mainWrapper .teacherWrapper .teacherSwiper .school span {
                font-size: .24rem;
                line-height: .45rem;
                height: .45rem;
                padding: 0 .22rem;
                color: #1e89e2;
                -webkit-border-radius: .45rem;
                border-radius: .45rem;
                background-color: #fff
            }

        .mainWrapper .teacherWrapper .teacherSwiper .txtBox {
            font-size: .28rem;
            line-height: 1.429;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: .22rem;
            padding: 0 .4rem;
            text-align: justify;
            color: #fff
        }

            .mainWrapper .teacherWrapper .teacherSwiper .txtBox .label {
                font-weight: bold
            }

        .mainWrapper .teacherWrapper .teacherSwiper .detail {
            font-size: .28rem;
            font-weight: bold;
            line-height: .8rem;
            display: block;
            width: 4.77rem;
            height: .8rem;
            margin: auto;
            text-align: center;
            color: #fff;
            border: .02rem solid #fff;
            -webkit-border-radius: .05rem;
            border-radius: .05rem;
            background: #3595e5
        }

        .mainWrapper .teacherWrapper .teacherSwiper .swiper-pagination {
            z-index: 10;
            top: 6.3rem;
            bottom: unset;
            left: 50%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: auto;
            padding: .13rem .2rem;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            -webkit-border-radius: .5rem;
            border-radius: .5rem;
            background-color: rgba(255,255,255,0.102)
        }

            .mainWrapper .teacherWrapper .teacherSwiper .swiper-pagination .swiper-pagination-bullet {
                width: .2rem;
                height: .2rem;
                opacity: 1;
                -ms-filter: none;
                filter: none;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                background-color: #bfbfbf
            }

            .mainWrapper .teacherWrapper .teacherSwiper .swiper-pagination .swiper-pagination-bullet-active {
                background: #cb292e
            }

.mainWrapper .schoolWrapper {
    padding: .9rem .4rem .33rem;
    background: #f2f2f2
}

    .mainWrapper .schoolWrapper .schoolSwiper {
        width: 100%;
        margin-bottom: .7rem
    }

        .mainWrapper .schoolWrapper .schoolSwiper .shcoolList {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-lines: multiple;
            -moz-box-lines: multiple;
            -o-box-lines: multiple;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -o-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            width: 100%;
            padding-bottom: .5rem
        }

            .mainWrapper .schoolWrapper .schoolSwiper .shcoolList .schoolItem {
                position: relative;
                -webkit-flex-shrink: 0;
                flex-shrink: 0;
                width: 3.25rem;
                margin-bottom: .2rem
            }

                .mainWrapper .schoolWrapper .schoolSwiper .shcoolList .schoolItem .schoolPic {
                    width: 100%
                }

                .mainWrapper .schoolWrapper .schoolSwiper .shcoolList .schoolItem .addressRow {
                    position: absolute;
                    z-index: 10;
                    bottom: 0;
                    left: 0;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: box;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -o-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -moz-box-pack: start;
                    -o-box-pack: start;
                    -ms-flex-pack: start;
                    -webkit-justify-content: flex-start;
                    justify-content: flex-start;
                    width: 100%;
                    height: .5rem;
                    background-color: rgba(7,0,2,0.8)
                }

                    .mainWrapper .schoolWrapper .schoolSwiper .shcoolList .schoolItem .addressRow .addressIcon {
                        -webkit-flex-shrink: 0;
                        flex-shrink: 0;
                        width: .15rem;
                        margin: 0 .1rem 0 .15rem
                    }

                    .mainWrapper .schoolWrapper .schoolSwiper .shcoolList .schoolItem .addressRow span {
                        font-size: .26rem;
                        text-align: left;
                        color: #fff
                    }

        .mainWrapper .schoolWrapper .schoolSwiper .swiper-pagination {
            bottom: 0
        }

            .mainWrapper .schoolWrapper .schoolSwiper .swiper-pagination .swiper-pagination-bullet {
                width: .2rem;
                height: .2rem;
                opacity: 1;
                -ms-filter: none;
                filter: none;
                border: .01rem solid #cb292e;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                background: #fff
            }

            .mainWrapper .schoolWrapper .schoolSwiper .swiper-pagination .swiper-pagination-bullet-active {
                background: #cb292e
            }

    .mainWrapper .schoolWrapper .linkDetail {
        font-size: .28rem;
        display: block;
        margin: auto;
        text-align: center;
        color: #cb292e
    }

.mainWrapper .newsWrapper {
    padding: .9rem .4rem 1rem;
    background: #fafafa
}

    .mainWrapper .newsWrapper .linkDetail {
        font-size: .28rem;
        display: block;
        margin: .7rem auto 0;
        text-align: center;
        color: #cb292e
    }

.groupProfile .gpWrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .7rem
}

    .groupProfile .gpWrapper .title {
        font-size: .36rem;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: .44rem;
        padding: 0 .4rem;
        color: #222
    }

    .groupProfile .gpWrapper .textType1 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 3.62rem;
        padding: 0 .4rem
    }

    .groupProfile .gpWrapper .redBox {
        position: relative;
        padding-top: 1.84rem;
        padding-bottom: .95rem;
        background: #cb292e
    }

        .groupProfile .gpWrapper .redBox .pic {
            position: absolute;
            top: -2.76rem;
            right: 0;
            width: 5.7rem
        }

        .groupProfile .gpWrapper .redBox .brankList {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            margin-bottom: .15rem;
            padding: 0 .4rem
        }

            .groupProfile .gpWrapper .redBox .brankList .brankItem {
                width: 100%;
                margin-bottom: .8rem
            }

                .groupProfile .gpWrapper .redBox .brankList .brankItem .name {
                    font-size: .42rem;
                    font-weight: bold;
                    line-height: 1.048;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: box;
                    display: flex;
                    -webkit-box-align: start;
                    -moz-box-align: start;
                    -o-box-align: start;
                    -ms-flex-align: start;
                    -webkit-align-items: flex-start;
                    align-items: flex-start;
                    -webkit-box-pack: start;
                    -moz-box-pack: start;
                    -o-box-pack: start;
                    -ms-flex-pack: start;
                    -webkit-justify-content: flex-start;
                    justify-content: flex-start;
                    color: #fff
                }

                .groupProfile .gpWrapper .redBox .brankList .brankItem .line {
                    width: 100%;
                    height: .04rem;
                    margin-top: .16rem;
                    background: #fff
                }

        .groupProfile .gpWrapper .redBox .textType1 {
            margin: 0
        }

.presidentAddress .paWrapper, .socialResponsibility .spWrapper, .brank .bWrapper {
    position: relative;
    width: 100%;
    padding-top: 3.34rem
}

    .presidentAddress .paWrapper .pic, .socialResponsibility .spWrapper .pic, .brank .bWrapper .pic {
        position: absolute;
        top: .6rem;
        right: .4rem;
        width: 4.5rem
    }

    .presidentAddress .paWrapper .redBox, .socialResponsibility .spWrapper .redBox, .brank .bWrapper .redBox {
        width: 100%;
        padding-top: 3.2rem;
        padding-bottom: 1rem;
        background: #cb292e
    }

        .presidentAddress .paWrapper .redBox .title, .socialResponsibility .spWrapper .redBox .title, .brank .bWrapper .redBox .title {
            font-size: .36rem;
            font-weight: bold;
            margin-bottom: .67rem;
            padding: 0 .4rem;
            color: #fff
        }

        .presidentAddress .paWrapper .redBox .textType1, .socialResponsibility .spWrapper .redBox .textType1, .brank .bWrapper .redBox .textType1 {
            padding: 0 .4rem
        }

    .presidentAddress .paWrapper .picList, .socialResponsibility .spWrapper .picList, .brank .bWrapper .picList {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: .4rem
    }

        .presidentAddress .paWrapper .picList .picItem, .socialResponsibility .spWrapper .picList .picItem, .brank .bWrapper .picList .picItem {
            position: relative;
            width: 100%;
            margin-bottom: .4rem
        }

            .presidentAddress .paWrapper .picList .picItem img, .socialResponsibility .spWrapper .picList .picItem img, .brank .bWrapper .picList .picItem img {
                width: 100%
            }

            .presidentAddress .paWrapper .picList .picItem:last-child, .socialResponsibility .spWrapper .picList .picItem:last-child, .brank .bWrapper .picList .picItem:last-child {
                margin-bottom: 0
            }

            .presidentAddress .paWrapper .picList .picItem .txtCover, .socialResponsibility .spWrapper .picList .picItem .txtCover, .brank .bWrapper .picList .picItem .txtCover {
                position: absolute;
                z-index: 5;
                top: 0;
                left: 0;
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: start;
                -moz-box-align: start;
                -o-box-align: start;
                -ms-flex-align: start;
                -webkit-align-items: flex-start;
                align-items: flex-start;
                -webkit-box-orient: vertical;
                -moz-box-orient: vertical;
                -o-box-orient: vertical;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -moz-box-pack: center;
                -o-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: 100%;
                padding: 0 .55rem;
                background-color: rgba(0,0,0,0.502)
            }

                .presidentAddress .paWrapper .picList .picItem .txtCover .txtRow, .socialResponsibility .spWrapper .picList .picItem .txtCover .txtRow, .brank .bWrapper .picList .picItem .txtCover .txtRow {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: box;
                    display: flex;
                    -webkit-box-align: start;
                    -moz-box-align: start;
                    -o-box-align: start;
                    -ms-flex-align: start;
                    -webkit-align-items: flex-start;
                    align-items: flex-start;
                    -webkit-box-pack: start;
                    -moz-box-pack: start;
                    -o-box-pack: start;
                    -ms-flex-pack: start;
                    -webkit-justify-content: flex-start;
                    justify-content: flex-start;
                    margin-bottom: .1rem
                }

                    .presidentAddress .paWrapper .picList .picItem .txtCover .txtRow .label, .socialResponsibility .spWrapper .picList .picItem .txtCover .txtRow .label, .brank .bWrapper .picList .picItem .txtCover .txtRow .label {
                        line-height: 1.607;
                        -webkit-flex-shrink: 0;
                        flex-shrink: 0
                    }

                    .presidentAddress .paWrapper .picList .picItem .txtCover .txtRow .con, .socialResponsibility .spWrapper .picList .picItem .txtCover .txtRow .con, .brank .bWrapper .picList .picItem .txtCover .txtRow .con {
                        line-height: 1.607
                    }

.groupCulture .gcWrapper, .history .historyWrapper {
    width: 100%
}

    .groupCulture .gcWrapper .topPic, .history .historyWrapper .topPic {
        width: 100%
    }

    .groupCulture .gcWrapper .redBox, .history .historyWrapper .redBox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .45rem .4rem .4rem;
        background: #cb292e
    }

        .groupCulture .gcWrapper .redBox .title, .history .historyWrapper .redBox .title {
            font-size: .36rem;
            font-weight: bold;
            margin-bottom: .4rem;
            color: #fff
        }

    .groupCulture .gcWrapper .rowList, .history .historyWrapper .rowList {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 1.45rem .4rem 1.5rem;
        background: #e1f1ff
    }

        .groupCulture .gcWrapper .rowList .rowItem, .history .historyWrapper .rowList .rowItem {
            margin-bottom: 1.45rem
        }

            .groupCulture .gcWrapper .rowList .rowItem:last-child, .history .historyWrapper .rowList .rowItem:last-child {
                margin-bottom: 0
            }

            .groupCulture .gcWrapper .rowList .rowItem .row1, .history .historyWrapper .rowList .rowItem .row1 {
                font-size: .5rem;
                font-weight: bold;
                margin-bottom: .23rem;
                color: #cb292e
            }

            .groupCulture .gcWrapper .rowList .rowItem .row2, .history .historyWrapper .rowList .rowItem .row2 {
                font-size: .28rem;
                line-height: 1.429;
                margin-bottom: .25rem;
                text-align: justify;
                color: #000
            }

            .groupCulture .gcWrapper .rowList .rowItem .row3, .history .historyWrapper .rowList .rowItem .row3 {
                font-size: .36rem;
                font-weight: bold;
                line-height: 1.429;
                margin-bottom: .25rem;
                text-align: justify;
                color: #000
            }

            .groupCulture .gcWrapper .rowList .rowItem .line, .history .historyWrapper .rowList .rowItem .line {
                width: 2.6rem;
                height: .01rem;
                background: #cb292e
            }

.socialResponsibility .spWrapper {
    padding-top: 2.39rem
}

    .socialResponsibility .spWrapper .pic {
        position: absolute;
        top: .5rem;
        right: 0;
        left: 0;
        width: 6.96rem;
        margin: auto
    }

    .socialResponsibility .spWrapper .redBox {
        padding-top: 2.98rem;
        padding-bottom: .8rem
    }

.imageText, .learnEnter {
    background: #e1f1ff
}

    .imageText .resTxt, .learnEnter .resTxt {
        font-size: .3rem;
        padding: .4rem .4rem 0;
        letter-spacing: .01rem;
        color: #555
    }

        .imageText .resTxt .keyWord, .learnEnter .resTxt .keyWord {
            color: #cb292e
        }

    .imageText .itWrapper, .learnEnter .itWrapper, .imageText .lrWrapper, .learnEnter .lrWrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .4rem .4rem .8rem
    }

        .imageText .itWrapper .loadMore, .learnEnter .itWrapper .loadMore, .imageText .lrWrapper .loadMore, .learnEnter .lrWrapper .loadMore {
            font-size: .24rem;
            line-height: .65rem;
            width: 2.2rem;
            height: .65rem;
            margin: auto;
            margin-top: .8rem;
            text-align: center;
            -webkit-border-radius: .65rem;
            border-radius: .65rem;
            background: #fff
        }

    .imageText .switchBtn, .learnEnter .switchBtn {
        position: fixed;
        z-index: 500;
        top: 7.1rem;
        right: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: .55rem;
        height: 181px;
        border-top-left-radius: .15rem;
        border-bottom-left-radius: .15rem;
        background-color: rgba(0,0,0,0.6)
    }

        .imageText .switchBtn .switchIcon, .learnEnter .switchBtn .switchIcon {
            width: .24rem;
            margin-bottom: .1rem
        }

        .imageText .switchBtn span, .learnEnter .switchBtn span {
            font-size: .28rem;
            line-height: 1;
            color: #fff
        }

    .imageText .tagWrap, .learnEnter .tagWrap {
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: .6rem;
        margin-top: .4rem;
        padding: 0 .4rem
    }

        .imageText .tagWrap .tagList, .learnEnter .tagWrap .tagList {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            overflow-y: auto;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -o-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            min-height: .6rem
        }

            .imageText .tagWrap .tagList .tagItem, .learnEnter .tagWrap .tagList .tagItem {
                font-size: .32rem;
                line-height: .6rem;
                -webkit-flex-shrink: 0;
                flex-shrink: 0;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                height: .6rem;
                margin-right: .15rem;
                padding: 0 .35rem;
                color: #fff;
                -webkit-border-radius: .6rem;
                border-radius: .6rem;
                background-color: #555
            }

            .imageText .tagWrap .tagList .on, .learnEnter .tagWrap .tagList .on {
                background: #1e89e2
            }

.newDetail .ndWrapper, .merchantsJoin .mjWrapper {
    width: 100%
}

    .newDetail .ndWrapper .conBlock, .merchantsJoin .mjWrapper .conBlock {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .5rem .4rem
    }

        .newDetail .ndWrapper .conBlock .newsTitle, .merchantsJoin .mjWrapper .conBlock .newsTitle {
            font-size: .32rem;
            font-weight: bold;
            line-height: 1.5;
            text-align: justify;
            word-break: break-all;
            color: #000
        }

        .newDetail .ndWrapper .conBlock .newsInfo, .merchantsJoin .mjWrapper .conBlock .newsInfo {
            font-size: .24rem;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -o-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            margin: .3rem 0 .55rem;
            color: #aaa
        }

            .newDetail .ndWrapper .conBlock .newsInfo .patch, .merchantsJoin .mjWrapper .conBlock .newsInfo .patch {
                color: #cb292e
            }

            .newDetail .ndWrapper .conBlock .newsInfo .line, .merchantsJoin .mjWrapper .conBlock .newsInfo .line {
                margin: 0 .15rem
            }

        .newDetail .ndWrapper .conBlock .downLoadBtn, .merchantsJoin .mjWrapper .conBlock .downLoadBtn {
            display: block;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -o-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 3.77rem;
            height: .65rem;
            margin: 1.04rem auto 1rem;
            background-color: #1e89e2
        }

            .newDetail .ndWrapper .conBlock .downLoadBtn .downloadIcon, .merchantsJoin .mjWrapper .conBlock .downLoadBtn .downloadIcon {
                width: .37rem;
                margin-right: .1rem
            }

            .newDetail .ndWrapper .conBlock .downLoadBtn span, .merchantsJoin .mjWrapper .conBlock .downLoadBtn span {
                font-size: .26rem;
                color: #fff
            }

        .newDetail .ndWrapper .conBlock .prev, .merchantsJoin .mjWrapper .conBlock .prev, .newDetail .ndWrapper .conBlock .next, .merchantsJoin .mjWrapper .conBlock .next {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -o-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start
        }

            .newDetail .ndWrapper .conBlock .prev .label, .merchantsJoin .mjWrapper .conBlock .prev .label, .newDetail .ndWrapper .conBlock .next .label, .merchantsJoin .mjWrapper .conBlock .next .label {
                font-size: .3rem;
                -webkit-flex-shrink: 0;
                flex-shrink: 0;
                margin-right: .15rem;
                color: #bbb
            }

            .newDetail .ndWrapper .conBlock .prev a, .merchantsJoin .mjWrapper .conBlock .prev a, .newDetail .ndWrapper .conBlock .next a, .merchantsJoin .mjWrapper .conBlock .next a {
                font-weight: bold;
                -webkit-box-flex: 1;
                -moz-box-flex: 1;
                -o-box-flex: 1;
                -ms-box-flex: 1;
                box-flex: 1;
                -webkit-flex-grow: 1;
                flex-grow: 1;
                width: 0;
                color: #cb292e
            }

        .newDetail .ndWrapper .conBlock .prev, .merchantsJoin .mjWrapper .conBlock .prev {
            margin-bottom: .36rem
        }

    .newDetail .ndWrapper .subTitle, .merchantsJoin .mjWrapper .subTitle {
        font-size: .36rem;
        font-weight: bold;
        line-height: .8rem;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: .8rem;
        padding: 0 .4rem;
        color: #222;
        background: #eee
    }

        .newDetail .ndWrapper .subTitle .line, .merchantsJoin .mjWrapper .subTitle .line {
            position: absolute;
            bottom: 0;
            left: .4rem;
            width: 1.4rem;
            height: .04rem;
            background: #cb292e
        }

    .newDetail .ndWrapper .otherNewsList, .merchantsJoin .mjWrapper .otherNewsList {
        padding: 0 .4rem
    }

        .newDetail .ndWrapper .otherNewsList .otherNews, .merchantsJoin .mjWrapper .otherNewsList .otherNews {
            font-size: .32rem;
            line-height: 1rem;
            display: block;
            overflow: hidden;
            width: 100%;
            height: 1rem;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            color: #222;
            border-bottom: .02rem solid #e2e2e2
        }

            .newDetail .ndWrapper .otherNewsList .otherNews:last-child, .merchantsJoin .mjWrapper .otherNewsList .otherNews:last-child {
                border-bottom: none
            }

    .newDetail .ndWrapper .newsList, .merchantsJoin .mjWrapper .newsList {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .4rem
    }

        .newDetail .ndWrapper .newsList .newsItem2:nth-child(2n), .merchantsJoin .mjWrapper .newsList .newsItem2:nth-child(2n) {
            background: #f7f7f7
        }

.brank .bWrapper {
    padding-top: 0
}

    .brank .bWrapper .pic {
        position: static;
        width: 100%
    }

    .brank .bWrapper .redBox {
        padding-top: .4rem
    }

.institute .instituteWrapper .topPic, .trainingCourse .tcWrapper .topPic {
    width: 100%
}

.institute .instituteWrapper .title, .trainingCourse .tcWrapper .title {
    font-size: .36rem;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: .5rem 0 .4rem;
    padding: 0 .4rem;
    text-align: center;
    color: #555
}

.institute .instituteWrapper .textType1, .trainingCourse .tcWrapper .textType1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .4rem
}

.institute .instituteWrapper .piclist, .trainingCourse .tcWrapper .piclist {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: .85rem 0;
    padding: 0 .4rem
}

    .institute .instituteWrapper .piclist .picItem, .trainingCourse .tcWrapper .piclist .picItem {
        position: relative;
        overflow: hidden;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 1.68rem
    }

        .institute .instituteWrapper .piclist .picItem img, .trainingCourse .tcWrapper .piclist .picItem img {
            position: absolute;
            top: 0;
            left: 50%;
            width: auto;
            max-width: unset;
            height: 100%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

.teacherTeam .ttWrapper {
    width: 100%;
    padding-bottom: .8rem;
    background: #e1f1ff
}

    .teacherTeam .ttWrapper .topPic {
        width: 100%
    }

    .teacherTeam .ttWrapper .redBox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .5rem .4rem;
        background: #cb292e
    }

    .teacherTeam .ttWrapper .title {
        font-size: .36rem;
        font-weight: bold;
        margin-bottom: .5rem;
        color: #fff
    }

    .teacherTeam .ttWrapper .teacherList {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: .4rem .4rem 0
    }

        .teacherTeam .ttWrapper .teacherList .teacherItem {
            overflow: hidden;
            width: 3.25rem;
            margin-bottom: .22rem;
            -webkit-border-radius: .15rem;
            border-radius: .15rem;
            background: #fff
        }

            .teacherTeam .ttWrapper .teacherList .teacherItem .teacherPic {
                overflow: hidden;
                width: 100%;
                height: 3rem
            }

                .teacherTeam .ttWrapper .teacherList .teacherItem .teacherPic img {
                    width: 100%
                }

            .teacherTeam .ttWrapper .teacherList .teacherItem .teacherName {
                font-size: .28rem;
                margin: .22rem 0 .2rem;
                text-align: center;
                color: #555
            }

            .teacherTeam .ttWrapper .teacherList .teacherItem .age {
                height: .36rem;
                margin-bottom: .23rem;
                text-align: center
            }

                .teacherTeam .ttWrapper .teacherList .teacherItem .age span {
                    font-size: .27rem;
                    line-height: .36rem;
                    display: inline-block;
                    height: .36rem;
                    padding: 0 .15rem;
                    color: #238ce3;
                    border: 1px solid #238ce3;
                    -webkit-border-radius: .5rem;
                    border-radius: .5rem
                }

            .teacherTeam .ttWrapper .teacherList .teacherItem .lookDetail {
                line-height: .6rem;
                height: .6rem;
                text-align: center;
                border-top: 1px solid #d2d2d2
            }

    .teacherTeam .ttWrapper .loadMore {
        line-height: .65rem;
        width: 2.2rem;
        height: .65rem;
        margin: auto;
        text-align: center;
        -webkit-border-radius: .65rem;
        border-radius: .65rem;
        background: #fff
    }

.teacherDetail {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.6)
}

    .teacherDetail .teacherBox {
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: auto;
        width: 6.7rem;
        max-height: 85%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: #fff
    }

        .teacherDetail .teacherBox .closeteacher {
            position: absolute;
            top: .3rem;
            right: .3rem;
            width: .5rem
        }

        .teacherDetail .teacherBox .teacherPic {
            width: 100%
        }

        .teacherDetail .teacherBox .info {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: .4rem .4rem .8rem
        }

            .teacherDetail .teacherBox .info .name {
                font-size: .36rem;
                font-weight: bold;
                color: #222
            }

            .teacherDetail .teacherBox .info .school {
                font-size: .24rem;
                line-height: .4rem;
                display: inline-block;
                height: .4rem;
                margin: .3rem 0 .4rem;
                padding: 0 .18rem;
                color: #fff;
                -webkit-border-radius: .4rem;
                border-radius: .4rem;
                background: #1e89e2
            }

            .teacherDetail .teacherBox .info .textType1 {
                margin-bottom: .33rem
            }

            .teacherDetail .teacherBox .info .signUpBtn {
                font-size: .28rem;
                line-height: .6rem;
                display: block;
                width: 2.5rem;
                height: .6rem;
                margin: auto;
                color: #fff;
                border: none;
                background: #cb292e
            }

.campus .campusWrapper .filterBar {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: .9rem;
    padding: 0 .4rem;
    background: #eee
}

    .campus .campusWrapper .filterBar .selCity {
        font-size: .32rem;
        line-height: .5rem;
        width: 1.73rem;
        height: .5rem;
        margin-right: .13rem;
        color: #fff;
        border: none;
        -webkit-border-radius: .5rem;
        border-radius: .5rem;
        background: #cb292e
    }

    .campus .campusWrapper .filterBar .label, .campus .campusWrapper .filterBar .value {
        font-size: .28rem;
        color: #000
    }

    .campus .campusWrapper .filterBar .value {
        color: #cb292e
    }

.campus .campusWrapper .campusInfo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .4rem .4rem .5rem
}

    .campus .campusWrapper .campusInfo .campusName {
        font-size: .32rem;
        font-weight: bold;
        margin-bottom: .2rem;
        color: #000
    }

    .campus .campusWrapper .campusInfo .address, .campus .campusWrapper .campusInfo .phone {
        font-size: .3rem;
        margin-bottom: .05rem;
        color: #000
    }

    .campus .campusWrapper .campusInfo .signUpBtn {
        font-size: .28rem;
        width: 2rem;
        height: .6rem;
        margin-top: .35rem;
        margin-bottom: .4rem;
        color: #fff;
        border: none;
        -webkit-border-radius: .05rem;
        border-radius: .05rem;
        background: #cb292e
    }

    .campus .campusWrapper .campusInfo .infoPic {
        width: 100%;
        margin-top: .23rem
    }

    .campus .campusWrapper .campusInfo .txt {
        font-size: .3rem;
        margin-top: .2rem;
        color: #000
    }

.merchantsJoin .topBanner {
    position: relative;
    width: 100%
}

    .merchantsJoin .topBanner .txt {
        font-size: .5rem;
        font-weight: bold;
        position: absolute;
        z-index: 5;
        top: 50%;
        left: .4rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #e4e4e4
    }

        .merchantsJoin .topBanner .txt p:nth-child(2) {
            font-size: .4rem;
            font-weight: normal;
            margin-top: .05rem
        }

.merchantsJoin .mjWrapper .conBlock .newsTitle {
    margin-bottom: .54rem;
    text-align: center
}

.recruit .topBanner {
    position: relative;
    width: 100%
}

    .recruit .topBanner .txt {
        font-size: .5rem;
        font-weight: bold;
        position: absolute;
        z-index: 5;
        bottom: .36rem;
        left: .4rem;
        color: #000
    }

        .recruit .topBanner .txt p:nth-child(2) {
            font-size: .24rem;
            font-weight: normal;
            margin-top: .2rem
        }

.recruit .recruitWrapper {
    background: #eee
}

    .recruit .recruitWrapper .filterBar {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -o-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: .9rem;
        padding: 0 .4rem
    }

        .recruit .recruitWrapper .filterBar .selCity {
            font-size: .32rem;
            line-height: .5rem;
            width: 1.73rem;
            height: .5rem;
            margin-right: .13rem;
            color: #fff;
            border: none;
            -webkit-border-radius: .5rem;
            border-radius: .5rem;
            background: #cb292e
        }

        .recruit .recruitWrapper .filterBar .label, .recruit .recruitWrapper .filterBar .value {
            font-size: .28rem;
            color: #000
        }

        .recruit .recruitWrapper .filterBar .value {
            color: #cb292e
        }

    .recruit .recruitWrapper .jobList {
        width: 100%
    }

        .recruit .recruitWrapper .jobList .jobItem {
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            margin-bottom: .2rem;
            padding: .3rem .4rem;
            background: #fff
        }

            .recruit .recruitWrapper .jobList .jobItem .row1, .recruit .recruitWrapper .jobList .jobItem .row2 {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -o-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -o-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                margin-bottom: .3rem
            }

                .recruit .recruitWrapper .jobList .jobItem .row1 .name {
                    font-size: .3rem;
                    font-weight: bold;
                    color: #222
                }

                .recruit .recruitWrapper .jobList .jobItem .row1 .date {
                    font-size: .22rem;
                    color: #bbb
                }

            .recruit .recruitWrapper .jobList .jobItem .row2 {
                -webkit-box-pack: start;
                -moz-box-pack: start;
                -o-box-pack: start;
                -ms-flex-pack: start;
                -webkit-justify-content: flex-start;
                justify-content: flex-start
            }

                .recruit .recruitWrapper .jobList .jobItem .row2 .block {
                    font-size: .3rem;
                    width: 50%;
                    color: #999
                }

                    .recruit .recruitWrapper .jobList .jobItem .row2 .block .patch {
                        color: #cb292e
                    }

    .recruit .recruitWrapper .jobDetail {
        padding-bottom: .85rem;
        background: #fff
    }

        .recruit .recruitWrapper .jobDetail .mianTitle {
            font-size: .36rem;
            line-height: .9rem;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: .9rem;
            padding: 0 .4rem;
            color: #222;
            border-bottom: .05rem solid #eee
        }

            .recruit .recruitWrapper .jobDetail .mianTitle .line {
                position: absolute;
                bottom: 0;
                left: .4rem;
                width: 1.4rem;
                height: .02rem;
                background: #cb292e
            }

        .recruit .recruitWrapper .jobDetail .detailCon {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: .65rem;
            padding: .4rem .4rem 0
        }

        .recruit .recruitWrapper .jobDetail .signUpBtn {
            font-size: .3rem;
            font-weight: bold;
            line-height: .7rem;
            display: block;
            width: 3.47rem;
            height: .7rem;
            margin-bottom: .26rem;
            margin-left: .4rem;
            text-align: center;
            color: #fff;
            background: #cb292e
        }

        .recruit .recruitWrapper .jobDetail .tip {
            font-size: .24rem;
            line-height: 1.5;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 .4rem
        }

    .recruit .recruitWrapper .title {
        font-size: .36rem;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 3.05rem;
        height: .9rem;
        color: #fff;
        background: #cb292e
    }

        .recruit .recruitWrapper .title .arrow {
            width: .44rem;
            margin-right: .2rem
        }

    .recruit .recruitWrapper .applyForm {
        width: 100%;
        padding-bottom: .95rem;
        background: #fff
    }

        .recruit .recruitWrapper .applyForm .row {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -o-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            min-height: .8rem;
            padding: .4rem;
            border-bottom: .01rem solid #d4d4d4;
            background: #fff
        }

            .recruit .recruitWrapper .applyForm .row .label {
                font-size: .28rem;
                -webkit-flex-shrink: 0;
                flex-shrink: 0;
                width: 1.5rem;
                text-align: left;
                color: #000
            }

            .recruit .recruitWrapper .applyForm .row input, .recruit .recruitWrapper .applyForm .row textarea {
                font-size: .28rem;
                width: calc(100% - 1.5rem);
                border: none
            }

            .recruit .recruitWrapper .applyForm .row .selBox {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -o-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: start;
                -moz-box-pack: start;
                -o-box-pack: start;
                -ms-flex-pack: start;
                -webkit-justify-content: flex-start;
                justify-content: flex-start
            }

                .recruit .recruitWrapper .applyForm .row .selBox .selitem {
                    line-height: .6rem;
                    line-height: .6rem;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    width: 1.33rem;
                    margin-right: .2rem;
                    text-align: center;
                    background: #eee
                }

                .recruit .recruitWrapper .applyForm .row .selBox .seled {
                    border: .01rem solid #cb292e
                }

        .recruit .recruitWrapper .applyForm .patch {
            -webkit-box-align: start;
            -moz-box-align: start;
            -o-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start
        }

            .recruit .recruitWrapper .applyForm .patch textarea {
                margin-top: -.05rem
            }

        .recruit .recruitWrapper .applyForm .patch2 .label {
            width: 2.5rem
        }

        .recruit .recruitWrapper .applyForm .patch2 textarea {
            width: calc(100% - 2.5rem)
        }

        .recruit .recruitWrapper .applyForm .submitBtn2 {
            font-size: .22rem;
            font-weight: bold;
            width: 3.48rem;
            height: .7rem;
            margin-left: .4rem;
            color: #fff;
            border: none;
            background: #cb292e
        }

.learnEnter .lrWrapper .newsList {
    width: 100%
}

    .learnEnter .lrWrapper .newsList .newsItem {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin-bottom: .4rem;
        border: .01rem solid #dcdcdc;
        background: #fff
    }

        .learnEnter .lrWrapper .newsList .newsItem .mainPart {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: .36rem
        }

            .learnEnter .lrWrapper .newsList .newsItem .mainPart .newsPic {
                display: block;
                width: 100%;
                margin-bottom: .36rem
            }

            .learnEnter .lrWrapper .newsList .newsItem .mainPart .newsName {
                font-size: .36rem;
                display: block;
                overflow: hidden;
                width: 100%;
                margin-bottom: .25rem;
                text-align: justify;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                color: #202020
            }

            .learnEnter .lrWrapper .newsList .newsItem .mainPart .signUpBtn {
                line-height: .7rem;
                display: block;
                width: 4.5rem;
                height: .7rem;
                margin: .3rem auto 0;
                color: #fff;
                border: none;
                -webkit-border-radius: .15rem;
                border-radius: .15rem;
                background: #cb292e
            }

.distribution .distributionWrapper {
    width: 100%;
    padding-top: .75rem
}

    .distribution .distributionWrapper .title {
        font-size: .4rem;
        line-height: 1.5;
        text-align: center;
        color: #222
    }

    .distribution .distributionWrapper .subTitle {
        font-size: .28rem;
        margin: .25rem 0 .7rem;
        text-align: center;
        color: #888
    }

    .distribution .distributionWrapper .map {
        position: relative;
        width: 100%;
        margin-bottom: .35rem
    }

        .distribution .distributionWrapper .map .mapBg {
            width: 100%
        }

        .distribution .distributionWrapper .map .positionBox {
            position: absolute;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -moz-box-pack: start;
            -o-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start
        }

            .distribution .distributionWrapper .map .positionBox img {
                width: .18rem
            }

            .distribution .distributionWrapper .map .positionBox p {
                font-size: .28rem;
                color: #222
            }

    .distribution .distributionWrapper .listBlock {
        width: 100%;
        padding-top: .25rem;
        padding-bottom: .4rem;
        background: #e1f1ff
    }

        .distribution .distributionWrapper .listBlock .title {
            font-size: .32rem;
            margin-bottom: .15rem;
            padding-bottom: .25rem;
            text-align: center;
            color: #222;
            border-bottom: .02rem solid #bfdefa
        }

        .distribution .distributionWrapper .listBlock .schoolList {
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 2.5rem;
            padding: 0 .15rem
        }

            .distribution .distributionWrapper .listBlock .schoolList .schoolWrap {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                overflow-y: auto;
                -webkit-box-align: center;
                -moz-box-align: center;
                -o-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-box-pack: start;
                -moz-box-pack: start;
                -o-box-pack: start;
                -ms-flex-pack: start;
                -webkit-justify-content: flex-start;
                justify-content: flex-start;
                min-height: 2.8rem
            }

                .distribution .distributionWrapper .listBlock .schoolList .schoolWrap .schoolitem {
                    -webkit-flex-shrink: 0;
                    flex-shrink: 0;
                    width: 2.07rem;
                    height: 100%;
                    margin-right: .15rem;
                    padding-bottom: .15rem;
                    background: #fff
                }

                    .distribution .distributionWrapper .listBlock .schoolList .schoolWrap .schoolitem .schoolPic {
                        width: 100%
                    }

                    .distribution .distributionWrapper .listBlock .schoolList .schoolWrap .schoolitem .name {
                        font-size: .22rem;
                        margin: .15rem 0;
                        text-align: center;
                        color: #222
                    }

                    .distribution .distributionWrapper .listBlock .schoolList .schoolWrap .schoolitem a {
                        font-size: .22rem;
                        line-height: .35rem;
                        display: block;
                        width: 1.5rem;
                        height: .35rem;
                        margin: auto;
                        text-align: center;
                        color: #fff;
                        -webkit-border-radius: .35rem;
                        border-radius: .35rem;
                        background: #1e89e2
                    }

        .distribution .distributionWrapper .listBlock .hotCity {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: box;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -o-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -o-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding-top: .4rem
        }

            .distribution .distributionWrapper .listBlock .hotCity .label {
                font-size: .28rem;
                color: #222
            }

            .distribution .distributionWrapper .listBlock .hotCity .tag {
                font-size: .27rem;
                line-height: .48rem;
                display: inline-block;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                height: .48rem;
                margin-right: .18rem;
                padding: 0 .25rem;
                color: #fff;
                -webkit-border-radius: .48rem;
                border-radius: .48rem;
                background: #1e89e2
            }

                .distribution .distributionWrapper .listBlock .hotCity .tag:last-child {
                    margin: 0
                }