body {
    background-image: url(img/bodybg.jpg);
    background-size: 100% 100%;
    background-repeat: repeat-y;

    max-width: 480px;
    margin: 0 auto;
}

@font-face {
    font-family: MyNewfont;
    src: url("fonts/FZ11.ttf") format('turetype'),url("fonts/FZ11.woff2") format('woff2'),;
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.layout {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.second_content {
    background-image: url(img/secondbg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.smalltit1 {
    /*
    background-size: 100% auto;
    background-repeat: no-repeat; */
    
    margin-left: -2%;
    margin-bottom: -6%;
}

.smalltit2 {
    /* 
    background-size: 100% auto;
    background-repeat: no-repeat; */
    
    margin-left: -2%;
    margin-bottom: -6%;
    margin-top: -3%;
}

.smalltit1 img {
    width: 100%;
}

.smalltit2 img {
    width: 100%;
}

.liveto {
    /* background-image: url(img/enterline.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #000000; */
}

.liveto img {
    width: 65%;
}

.member {
    margin: 13% 8% 0% 0%;
}

.second_content {

}








    .logo_box {
        width: 65%;
        margin-top: 7%;
        margin-bottom: 2%;
    }
    
    .logo_box img {
        width: 100%;
    }
    
    .title_box {
        display: flex;
    }
    
    .title_one {
        width: 4%;
    }
    
    .title_one img {
        width: 25%;
    }
    
    .title_two {
        width: 80%;
    }

    .title_three {
        width: 100%;
    }
    
    .title_two .tt1 {
        color: #F9FBFD;
        font-size: 30px;
        font-family: Microsoft YaHei;
        font-weight: light;
    }
    
    .title_two .tt2 {
        color: #F9FBFD;
        font-size: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
    }

    .title_three .tt2 {
        color: #F9FBFD;
        font-size: 30px;
        font-family: Microsoft YaHei;
        font-weight: bold;
    }
    
    .address_box {
        display: flex;
        margin-top: 3%;
        /* margin-left: 4%; */
        margin-bottom: 8%;
        line-height: 22px;
    }
    
    .address_box p1{
        color: #ffffffd9;
        font-size: 17px;
        font-family: Microsoft YaHei;
        font-weight: Regular;
    }
    .address_box p2{
        color: #ffffffd9;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: light;
    }
    .address_box p3{
        color: #ffffffd9;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: light;
    }
    
    
    .second_box {
        margin-left: -2%;
    }
    
    .second_box .tt3 {
        color: #221815;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        margin-left: 8%;
    }
    
    .second_box .tt4 {
        color: #221815;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: bold;
    }
    
    .second_box p {
        color: #ffffffc4;
        font-size: 13px;
        font-family: Microsoft YaHei;
        font-weight: light;
        /* margin: 2% 13% 0% 18%; */
    
        padding: 5% 15% 5% 9%;

        text-indent:2em;
        line-height: 20px;
        letter-spacing: 2px;
        text-align: justify;
    }
    
    .second_content {
        width: 100%;
    }
    
    .number_box {
        display: flex;
        margin: 0px 0px;
    }
    
    .head_photo {
        width: 30%;
        /* margin: 0 15px; */
        margin: 0px 10px;
    }
    
    .head_photo img {
        width: 100%;
    }
    
    .information {
        width: 70%;
        /* margin-right: 10%; */
        margin: 0px 10px;
    }
    
    .name_box {
        display: flex;
    }
    
    .name_box .arrow {
        width: 20%;
        line-height: 34px;
    }
    
    .name_box .arrow img {
        width: 75%;
    }
    
    .name_box .name {
        color: #F9FBFD;
        margin: 0px 5px;
        font-size: 20px;
        font-family: 'MyNewfont';
        font-weight: 500;
        width: 80%;
    }
    
    .skill {
        color: #F9FBFD;
        font-size: 12px;
        font-family: MyNewfont;
        font-weight: lighter;
    }
    
    .skill h3 {
        margin: 0px 0;
        line-height: 1rem;
    }
    
    .teach {
        display: flex;
        color: #f9fbfdd9;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: light;
    }
    
    .number_l {
        margin-bottom: 10px;
        margin-top: 15px;
    }
    
    .enterlive {
        width: 85%;
        margin: 0 auto;
    }

    .enterlive .enterliveto {
        width: 100%;
    }

    .enterlive .enterliveto img {
        width: 100%;
    }

    .goinglive {
        width: 85%;
        margin: 0 auto;
    }

    .goinglive .goingliveto {
        width: 100%;
    }

    .goinglive .goingliveto img {
        width: 100%;
    }

    .longline {
        width: 100%;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }


    .longline img {
        width: 100%;
    }

    .date1 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: -15px;
        margin-right: 15px;
    }

    .date1 img {
        width: 100%;
    }

    .date2 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: -15px;
        margin-right: 15px;
    }

    .date2 img {
        width: 100%;
    }

    .date3 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: -5px;
        margin-right: 15px;
    }

    .date3 img {
        width: 100%;
    }

    .date4 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: -15px;
        margin-right: 15px;
    }

    .date4 img {
        width: 100%;
    }

    .date5 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: -10px;
        margin-right: 15px;
    }

    .date5 img {
        width: 100%;
    }

    .date6 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: 5px;
        margin-right: 15px;
    }

    .date6 img {
        width: 100%;
    }

    .date7 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: -10px;
        margin-right: 15px;
    }

    .date7 img {
        width: 100%;
    }

    .date8 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: 0px;
        margin-right: 15px;
    }

    .date8 img {
        width: 100%;
    }

    .date9 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: 0px;
        margin-right: 15px;
    }

    .date9 img {
        width: 100%;
    }

    .date10 {
        width: 65%;
        float: right;
        margin-bottom: 10px;
        margin-top: 0px;
        margin-right: 15px;
    }

    .date10 img {
        width: 100%;
    }


@media only screen and (max-width: 480px) {
.logo_box {
    width: 65%;
    margin-top: 7%;
    margin-bottom: 2%;
}

.logo_box img {
    width: 100%;
}

.title_box {
    display: flex;
}

.title_one {
    width: 4%;
}

.title_one img {
    width: 25%;
}

.title_two {
    width: 80%;
}

.title_two .tt1 {
    color: #F9FBFD;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: light;
}

.title_two .tt2 {
    color: #F9FBFD;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
}

.address_box {
    margin-top: 3%;
    /* margin-left: 4%; */
    margin-bottom: 8%;
    line-height: 22px;
}

.address_box p1{
    color: #ffffffd9;
    font-size: 17px;
    font-family: Microsoft YaHei;
    font-weight: Regular;
}
.address_box p2{
    color: #ffffffd9;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: light;
}
.address_box p3{
    color: #ffffffd9;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: light;
}


.second_box {
    margin-left: -2%;
}

.second_box .tt3 {
    color: #221815;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    margin-left: 8%;
}

.second_box .tt4 {
    color: #221815;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: bold;
}

.second_box p {
    color: #ffffffc4;
    font-size: 13px;
    font-family: Microsoft YaHei;
    font-weight: light;
    /* margin: 2% 13% 0% 18%; */

    padding: 5% 15% 5% 9%;
    line-height: 20px;
    letter-spacing: 2px;
    text-align: justify;
}

.second_content {
    width: 100%;
}

.number_box {
    display: flex;
    margin: 0px 0px;
}

.head_photo {
    width: 30%;
    /* margin: 0 15px; */
    margin: 0px 10px;
}

.head_photo img {
    width: 100%;
}

.information {
    width: 70%;
    /* margin-right: 10%; */
    margin: 0px 10px;
}

.name_box {
    display: flex;
}

.name_box .arrow {
    width: 20%;
    line-height: 34px;
}

.name_box .arrow img {
    width: 75%;
}

.name_box .name {
    color: #F9FBFD;
    margin: 0px 5px;
    font-size: 20px;
    font-family: MyNewfont;
    font-weight: 500;
    width: 115%;
}

.skill {
    color: #F9FBFD;
    font-size: 12px;
    font-family: MyNewfont;
    font-weight: light;
}

.skill h3 {
    margin: 0px 0;
    line-height: 1rem;
}

.teach {
    display: flex;
    color: #f9fbfdd9;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: light;
}



}




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

    .name_box .name {
        width: 100%;
    }

}