.body {
    position: relative;
    width: 1920px;
    height: 1080px;
    background-image: url(https://img-szwhg.chaoxing.com/7,8a748d70d0d5.png);
    background-repeat: no-repeat;
}

.title {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 701px;
    height: 45px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: top center;
}

#pingtai_num {
    color: #34FBA4;
}

#wangzhan_num {
    color: #FBBD39;
}

#wechat_num {
    color: #F972AF;
}

.top_middle {
    position: absolute;
    top: 137px;
    left: 50%;
    transform: translate(-50%, 0);
}

.top_left {
    position: absolute;
    top: 55px;
    left: 64px;
}

.top_right {
    position: absolute;
    top:55px;
    right:25px;
}

.time {
    font-size: 25px;
    color: #8985B6;
    margin-bottom: 30px;
}

/* bottom */

.bottom {
    position: absolute;
    top: 200px;
    left: 0;
}

/* 本馆动态 */

.bottom_left {
    margin-left: 43PX;
}

.benguan_test {
    position: relative;
    width: 540px;
    height: 264px;
    border: 1px solid #3A53B7;
    border-radius: 10px;
    background-color: rgba(63, 55, 226, .2);
}

.a_title {
    margin-top: 22px;
    background-image: url(https://img-szwhg.chaoxing.com/4,868b6670ec12.png);
    background-repeat: no-repeat;
    padding-left: 67px;
    background-position: 28px center;
    font-size: 27px;
    color: #FFFFFF;
    text-align: left;
}

.a_one, .b_one, .c_one, .d_one, .f_one {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-top: 2px solid #6ACAFB;
    border-left: 2px solid #6ACAFB;
    border-top-left-radius: 6px;
}

.a_two, .b_two, .c_two, .d_two, .f_two {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-top: 2px solid #6ACAFB;
    border-right: 2px solid #6ACAFB;
    border-top-right-radius: 6px;
}

.a_three, .b_three, .c_three, .d_three, .f_three {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #6ACAFB;
    border-left: 2px solid #6ACAFB;
    border-bottom-left-radius: 6px;
}

.a_four, .b_four, .c_four, .d_four, .f_four {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #6ACAFB;
    border-right: 2px solid #6ACAFB;
    border-bottom-right-radius: 6px;
}

/* 活动排行榜 */

.huodong_test {
    position: relative;
    width: 540px;
    height: 284px;
    border: 1px solid #3A53B7;
    border-radius: 10px;
    margin-top: 18px;
    background-color: rgba(63, 55, 226, .2);
}

.b_title {
    margin-top: 22px;
    background-image: url(https://img-szwhg.chaoxing.com/4,868f5d897831.png);
    background-repeat: no-repeat;
    padding-left: 67px;
    background-position: 28px center;
    font-size: 27px;
    color: #FFFFFF;
    text-align: left;
}

.b_list {
    margin-top: 18px;
}

.b_list>li {
    margin-top: 15px;
    text-align: left;
    margin-left: 28px;
}

.b_list>li>span:first-child {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    line-height: 28px;
    text-align: center;
    font-size: 19px;
    color: #FFFFFF;
    margin-right: 24px;
}

.b_list>li>span:last-child {
    display: inline-block;
    width: 439px;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b_list>li:nth-child(1)>span:first-child {
    background-color: #FC41A8;
}

.b_list>li:nth-child(2)>span:first-child {
    background-color: #FCC541;
}

.b_list>li:nth-child(3)>span:first-child {
    background-color: #34FBA4;
}

.b_list>li:nth-child(4)>span:first-child {
    background-color: #2C62EB;
}

.b_list>li:nth-child(5)>span:first-child {
    background-color: #ED34EF;
}

/* 热门培训 */

.train_test {
    position: relative;
    width: 540px;
    height: 264px;
    border: 1px solid #3A53B7;
    border-radius: 10px;
    margin-top: 18px;
    background-color: rgba(63, 55, 226, .2);
}

.c_title {
    margin-top: 22px;
    background-image: url(https://img-szwhg.chaoxing.com/2,8690cd34287a.png);
    background-repeat: no-repeat;
    padding-left: 67px;
    background-position: 28px center;
    font-size: 27px;
    color: #FFFFFF;
    text-align: left;
}

/* middle */

.bottom_middle {
    width: 735px;
}

#map {
    position: relative;
    width: 558px;
    height: 588px;
    margin: 0 auto;
    background: url(https://img-szwhg.chaoxing.com/7,cb0853515838.png);
}
._venue>:first-child {
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    font-size: 10px;
    color:#1F1D1D;
    line-height: 18px;
    min-width: 30px;
}
._venue>:last-child{
    font-size: 13px;
    color: #FFFFFF;
}
/* 今日推荐 */

.today_test {
    position: relative;
    width: 690px;
    height: 264px;
    border: 1px solid #3A53B7;
    border-radius: 10px;
    margin: 0 auto;
    margin-top:2px;
    background-color: rgba(63, 55, 226, .2);
}

.d_title {
    margin-top: 22px;
    background-image: url(https://img-szwhg.chaoxing.com/6,86b8f44fa79f.png);
    background-repeat: no-repeat;
    padding-left: 67px;
    background-position: 28px center;
    font-size: 27px;
    color: #FFFFFF;
    text-align: left;
}

.d_list {
    margin-top: 18px;
    margin-left: 36px;
}

.d_list>li {
    margin-top: 27px;
}
.d_list>li>span:first-child {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    margin-top: 9px;
    background-color: #FFFFFF;
    margin-right: 15px;
}

.d_list>li>span:last-child {
    display: inline-block;
    width: 440px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.d_erweima {
    position: absolute;
    top: 50%;
    right: 55px;
    transform: translate(0, -50%);
    width: 136px;
}

.d_erweima>img {
    display: block;
    width: 106px;
    height: 106px;
    margin: 0 auto;
}

.d_erweima>span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #807AF8;
    line-height: 16px;
    margin-top: 15px;
}

/* right */

.bottom_right {
    position: relative;
    width: 556px;
    height: 850px;
    border: 1px solid #3A53B7;
    border-radius: 10px;
    background-color: rgba(63, 55, 226, .2);
}

/* 通知公告 */

.f_title {
    margin-top: 22px;
    background-image: url(https://img-szwhg.chaoxing.com/4,868b6670ec12.png);
    background-repeat: no-repeat;
    padding-left: 67px;
    background-position: 28px center;
    font-size: 27px;
    color: #FFFFFF;
    text-align: left;
}

.film_focus_nav {
    margin-top: 16px;
}

.film_focus_nav>li {
    padding-left: 30px;
    text-align: left;
    font-size: 20px;
    margin-top: 22px;
    color: #FFFFFF;
}

.film_focus_nav>li>em {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 12px;
    text-align: center;
}

.film_focus_nav>li>b {
    line-height: 20px;
    width: 480px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.film_focus_nav .cur {
    color: #F93232;
}

/* 到馆统计 */

.e_title {
    margin-top: 25px;
    background-image: url(https://img-szwhg.chaoxing.com/4,86ba3349cb95.png);
    background-repeat: no-repeat;
    padding-left: 67px;
    background-position: 28px center;
    font-size: 27px;
    color: #FFFFFF;
    text-align: left;
}

.total {
    width: 282px;
    margin: 0 auto;
    margin-top: 25px;
}

.total>div {
    width: 76px;
    text-align: center;
    margin-right: 18px;
}

.total>div:last-child {
    margin-right: 0;
}

.total>div span {
    font-size: 16px;
    color: #DEDCFB;
    letter-spacing: 2px;
}

.total>div>.venue-middle {
    width: 28px;
    height: 100px;
    border: 1px solid #3971F5;
    border-radius: 14px;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 5px;
    position: relative;
}

.total>div>.venue-middle>div {
    position: absolute;
    left: 4px;
    bottom: 5px;
    width: 20px;
    border-radius: 10px;
    background-color: #00A0E9;
    max-height: 93%;
}

.e_total {
    position: absolute;
    top: 380px;
    right: 30px;
    width: 118px!important;
}

.e_total>span {
    display: block;
    font-size: 21px!important;
}

.e_total>div {
    color: #FC44A4;
    font-size: 27px;
    margin-top: 10px;
}

.e_total #num4 {
    color: #FC44A4;
    font-size: 27px;
}

/* 活动类型 */

.g_title {
    margin-top: 25px;
    background-image: url(https://img-szwhg.chaoxing.com/2,86c6874c3446.png);
    background-repeat: no-repeat;
    padding-left: 67px;
    background-position: 28px center;
    font-size: 27px;
    color: #FFFFFF;
    text-align: left;
}