.bg-img {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(/img/page/cou_img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

img {
    display: block;
}

.wid {
    position: relative;
    width: 7.28rem;
    height: 10.30667rem;
    background-image: url(/img/page/main_bg.png);
    background-size: 100%;
}
.wid2 {
    position: relative;
    width: 301px;
    height: 449px;
    background-image: url(/img/page/main_bg.png);
    background-size: 100%;
    top:-50px;
}

.close_btn {
    position: absolute;
    right: -21px;
    top: -21px;
    width: 42px;
    height: 42px;
    background: transparent;
    z-index: 999;
    background-image: url(/img/common/close2.png);
    background-size: 100%;
}

.wid .w_txt {
    position: absolute;
    width: 100%;
    height: 39px;
    line-height: 40px;
    text-align: center;
    bottom: 28px;
    font-size: 22px;
    color: #5525dd;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wid a {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
}

.wid .open_wx {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
}

.wid img {
    width: 100%;
    height: 100%;
}

.wid2 .w_txt {
    position: absolute;
    width: 100%;
    height: 39px;
    line-height: 40px;
    text-align: center;
    bottom: 52px;
    font-size: 22px;
    color: #5525dd;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.wid2 a {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
}

.wid2 .open_wx {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
}

.wid2 img {
    width: 100%;
    height: 100%;
}


.header {
    text-align: center;
    font-size: 0;
    line-height: initial;
    position: fixed;
    background: #fd4761;
    top: 0;
    width: 100%;
    height: 1.33333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header span {
    position: absolute;
}

.logo {
    display: inline-block;
    width: 50%;
    font-size: 0.53333rem;
    color: #fff;
    font-style: normal;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
}

.tocourse {
    position: absolute;
    right: 1.33333rem;
    top: 0.26667rem;
    width: 1.73333rem;
    font-size: 0;
    text-align: right;
}

.tocourse img {
    display: inline-block;
    /* width: 40%; */
    vertical-align: middle;
}

.tocourse a {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.48rem;
    color: #fff;
}

.tocourse a i {
    font-style: initial;
    display: inline-block;
    vertical-align: middle;
}

.hid{
    display: none !important;
}