@font-face {
    font-family: 'SmileySans';
    src: url('./SmileySans.woff2') format('woff2')/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'PingFangBold';
    src: url('./PingFang/PingFangSC-Semibold.woff2') format('woff2')/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'PingFangRegular';
    src: url('./PingFang/PingFangSC-Regular.woff2') format('woff2')/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
.page-one{
    background-image: url("../image/new.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
html,body{
    margin: 0px auto !important;
    padding: 0px !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    width: 100vw;
    height: 100%;
    overflow: hidden;
}
.swiper-container{
    width: 100vw;
    height: 100%;
    margin: 0px auto;
    padding:0px 0px;
    background-color: #000;
}
.swiper-wrapper{
    width: 100vw;
    height: 100%;
    margin: 0px auto;
    padding:0px 0px;
}
.swiper-slide{
    width: 100vw;
    height: 100%;
    margin: 0px auto;
    padding:0px 0px;
}
.part-one{
    width: 100vw;
    height: 83%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0px auto;
    padding: 0px 0px;
}
.part-one .box{
    width: 85vw;
    height: 52vh;
    margin: 0px auto;
    padding: 0px 0px;
}
.show-time{
    width: 20vw;
    height: 100%;
    float: left;
    background-color: #F2F3F7;
    border-radius: 1vw;
}
.show-time .time{
    width: 100%;
    text-align: center;
    margin-top: 25%;
    font-size:  4.25vw;
    letter-spacing: 0.25vw;
    color: #000;
    font-family: 'PingFangBold';
}
.show-time .week{
    width: 100%;
    text-align: center;
    margin-top: 20%;
    font-size: 3vw;
    letter-spacing: 0.5vw;
    color: #000;
    font-family: 'PingFangBold';
}
.show-time .date{
    width: 100%;
    text-align: center;
    margin-top: 8%;
    font-size: 1.5vw;
    color: #000;
    font-family: 'PingFangRegular';
}
.show-time .date .month{
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}
.show-time .date .day{
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}




.show-speak{
    width: 62.5vw;
    height: 100%;
    float: right;
    background-color: #F2F3F7;
    border-radius: 1vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.show-speak img{
    position: absolute;
    width: 7%;
    right: 2.75%;
    top: 4%;
}
.show-speak .text-box{
    width: 75%;
    text-align: center;
    font-size: 4.5vw;
    line-height: 150%;
    color: #131720;
    font-family: 'SmileySans';
}

.show-tip{
    width: 20vw;
    height: 100%;
    float: left;
    background-color: #F2F3F7;
    border-radius: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show-tip .tip{
    overflow: hidden;
    zoom: 1;
    height: 6vh;
    border-radius: 3vh;
    width: 80%;
}
.show-tip .tip .item{
    display: block;
    float: left;
    overflow: hidden;
    zoom: 1;
    line-height: 6vh;
    font-size: 1.5vw;
    width: 50%;
}
.show-tip .tip .item:first-child{
    background-color: #FF3B30;
    color: #fff;
    text-align: right;
    letter-spacing: 2px;
}
.show-tip .tip .item:last-child{
    color: #FF3B30;
    text-align: left;
    background-color: #fff;
    letter-spacing: 2px;
}
.show-msg{
    width: 62.5vw;
    height: 100%;
    float: right;
    background-color: #fff;
    border-radius: 1vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.show-msg img{
    position: absolute;
    width: 7%;
    right: 2.75%;
    top: 4%;
}
.show-msg .text-box{
    width: 80%;
    list-style: none;
    margin: 0rem auto;
    padding: 0rem;
}
.show-msg .text-box li{
    text-align: left;
    font-size: 4.5vw;
    line-height: 150%;
    color: #131720;
    font-family: 'SmileySans';
}




.show-promote-tip{
    width: 20vw;
    height: 100%;
    float: left;
    background-color: #F2F3F7;
    border-radius: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show-promote-tip .tip{
    overflow: hidden;
    zoom: 1;
    height: 6vh;
    border-radius: 3vh;
    width: 80%;
}
.show-promote-tip .tip .item{
    display: block;
    float: left;
    overflow: hidden;
    zoom: 1;
    line-height: 6vh;
    font-size: 1.5vw;
    width: 50%;
}
.show-promote-tip .tip .item:first-child{
    background-color:#FB7299;
    color: #fff;
    text-align: right;
    letter-spacing: 2px;
}
.show-promote-tip .tip .item:last-child{
    color: #FB7299;
    text-align: left;
    background-color: #fff;
    letter-spacing: 2px;
}
.show-promote{
    width: 62.5vw;
    height: 100%;
    float: right;
    background-color: #fff;
    border-radius: 1vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.show-promote img{
    position: absolute;
    width: 7%;
    right: 2.75%;
    top: 4%;
}
.show-promote .text-box{
    width: 88%;
    list-style: none;
    margin: 0rem auto;
    padding: 0rem;

}
.show-promote .text-box li{
    text-align: left;
    font-size: 3vw;
    line-height: 150%;
    color: #131720;
    font-family: 'SmileySans';
}


.part-two{
    width: 100vw;
    height: 17%;
    margin: 0px auto;
    padding: 0px 0px;
    background: #fff;
}
.part-two .part-two-main{
    width: 85vw;
    height: 100%;
    margin: 0vw auto;
    padding: 0px;
}
.part-two .part-two-main .left{
    width: 50vw;
    height: 100%;
    margin: 0vw auto;
    padding: 0px;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.part-two .part-two-main .info{
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.part-two .part-two-main .left span{
    display: block;
    float: left;
    color: #131720;
    margin-right: 4vw;
    font-family: 'PingFangRegular';
    font-size: 1.5vw;
}
.part-two .part-two-main .left span font{
    font-weight: 600;
    font-family: 'PingFangBold';
}
.part-two .part-two-main .left p{
    margin: 0px auto;
    line-height: 150%;
    color: #131720;
    width: 100%;
    text-align: left;
    font-size: 2vw;
    font-family: 'PingFangRegular';
}
.part-two .part-two-main .right{
    width: 35vw;
    height: 100%;
    margin: 0vw auto;
    padding: 0px;
    float: right;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.part-two .part-two-main .right p{
    margin: 0px auto;
    line-height: 150%;
    color: #131720;
    width: 100%;
    text-align: right;
    font-size: 2vw;
    font-family: 'PingFangRegular';
    margin-bottom: 0.5vh;
}
.part-two .part-two-main .right p span{
    display: inline-block;
    float: right;
    background-color: #000;
    color: #fff;
    padding:0.5vh 2vw ;
    line-height: 150%;
    border-radius: 0.5vw;
    font-size: 1.5vw;
    margin-right: 1vw;
}
.page-two{
    background-color: #FF453A;
}
.page-three{
    background-color: #FB7299;
}
.page-three .part-two .part-two-main .left span{
    margin-right: 2vw;
}