@font-face {
    font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Medium_1604977429942/SourceHanSansCN-Medium.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Normal_1605524704032/SourceHanSansCN-Normal.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Light, SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Light_1605524645463/SourceHanSansCN-Light.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Regular, SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Regular_1605857280651/SourceHanSansCN-Regular.ttf');
}


/* 大标题样式 */

.p_title {
    font-size: 0.8rem;
    font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.11rem;
    letter-spacing: 1px;
}


/* 正文样式 */

.p_text {
    font-size: 0.32rem;
    color: #ffffff;
    letter-spacing: 1px;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
}


/* 副标题样式 */

.p_sub_title {
    font-size: 0.67rem;
    font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 1px;
}


/* 英文样式 */

.p_sub_en {
    font-size: 0.53rem;
    color: #ffffff;
    margin: 0rem auto .24rem auto;
    font-weight: 400;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
}


/* 副文本样式 */

.p_sub_text {
    font-size: 0.29rem;
    color: #ffffff;
    line-height: 0.45rem;
    letter-spacing: 1px;
    font-family: 'SourceHanSansCN-Regular, SourceHanSansCN';
}


/* 加粗 */

.p_bold {
    font-weight: 500;
}


/* 横线样式 */

.p_hr {
    background-color: #FFFFFF;
    width: 4.8rem;
    height: 1px;
    margin: 0.28rem auto;
    opacity: .8;
}

body,
html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.content {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.page_content {
    width: 10rem;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page_content_sub {
    width: 10rem;
    overflow: hidden;
    text-align: left;
    position: absolute;
    top: 1.52rem;
    left: .6rem;
}

.bg {
    width: 100%;
    height: 10.4rem;
    background-size: cover;
    position: relative;
}

.bg1 {
    background-image: url('../images/bg1.png');
    margin-top: 1.47rem;
}

.bg2 {
    background-image: url('../images/bg2.png');
    background-position-y: center;
}

.bg3 {
    background-image: url('../images/bg3.png');
}

.bg4 {
    background-image: url('../images/bg4.png');
}

.bg5 {
    background-image: url('../images/bg5.png');
}

.bg6 {
    background-image: url('../images/bg6.png');
}

.bg7 {
    background-image: url('../images/bg7.png');
    margin-top: 1.47rem;
}

.bg9 {
    background-image: url('../images/bg9.png');
}

.bg11 {
    background-image: url('../images/bg11.png');
    margin-top: 1.47rem;
}

.bg12 {
    background-image: url('../images/bg12.png');
}

.bg13 {
    background-image: url('../images/bg13.png');
    margin-top: 1.47rem;
}

.bg14 {
    background-image: url('../images/bg14.png');
}

.bg15 {
    background-image: url('../images/bg15.png');
}

.bg16 {
    background-image: url('../images/bg16.png');
    margin-top: 1.47rem;
}

.bg17 {
    background-image: url('../images/bg17.png');
}

.bg18 {
    background-image: url('../images/bg18.png');
}

.arrow {
    width: 0.72rem;
    height: 0.72rem;
    position: absolute;
    top: 8.64rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.blue {
    color: #0650D0
}

.orange {
    color: #E24B0B;
}

.black {
    color: #333333;
}

.page_three {
    top: 3.05rem;
}

.more {
    display: block;
    margin-top: 1.2rem;
    font-size: 0.29rem;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
    font-weight: 400;
    text-align: center;
    width: 1.83rem;
    height: 0.67rem;
    line-height: 0.67rem;
    border-radius: 0.15rem;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.page_content_main {
    width: 100%;
    height: 10.4rem;
    background: #FFFFFF;
}

.page_top {
    width: 10rem;
    height: 2.52rem;
    padding-left: .95rem;
}

.page-bg {
    width: 100%;
    height: 7.88rem;
    background-size: cover;
    position: relative;
}

.page-bg1 {
    background-image: url('../images/bg8.png');
}

.page-bg2 {
    background-image: url('../images/bg10.png');
}

.numlist {
    display: flex;
    flex-wrap: wrap;
    color: #FFFFFF;
    width: 6rem;
    height: 3.93rem;
    justify-content: space-between;
    align-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.numlist .nums {
    width: 2.33rem;
    height: 1.49rem;
    border: 1px solid #FFFFFF;
    text-align: center;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
}

.numlist .nums span {
    font-size: 0.4rem;
}

.numlist .nums span:nth-child(1) {
    font-size: 0.67rem;
    letter-spacing: 1px;
    line-height: 1.07rem;
    font-family: ' SourceHanSansCN-Normal, SourceHanSansCN';
}

.numlist .nums span:nth-child(2) {
    font-size: 0.27rem;
    font-weight: 500;
    display: block;
    letter-spacing: 1px;
    line-height: 0rem;
    font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
}

.p_sorts {
    font-size: 0.32rem;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
    font-weight: 400;
    color: #FFFFFF;
    opacity: .8;
    margin-top: .28rem;
}

.numslist {
    width: 7.83rem;
    height: 1.5rem;
    margin: 1.33rem auto 0 auto;
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
}

.numslist .nums {
    width: 2.33rem;
    height: 1.49rem;
    border: 1px solid #FFFFFF;
    text-align: center;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
}

.numslist .nums span {
    font-size: 0.4rem;
}

.numslist .nums span:nth-child(1) {
    font-size: 0.67rem;
    letter-spacing: 1px;
    font-family: ' SourceHanSansCN-Normal, SourceHanSansCN';
    line-height: 1.07rem;
}

.numslist .nums span:nth-child(2) {
    font-size: 0.27rem;
    font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
    font-weight: 500;
    display: block;
    letter-spacing: 1px;
    line-height: 0rem;
}

.page-round {
    width: 100%;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    position: relative;
    height: 2.8rem;
}

.round {
    width: 2.83rem;
    height: 2.83rem;
    background: #F0A157;
    border-radius: 50%;
    font-size: 0.47rem;
    font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
    color: #FFFFFF;
    text-align: center;
    position: absolute;
}

.round p {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img {
    width: 7.01rem;
    height: 2.08rem;
}

.page-round-content {
    display: flex;
    flex-direction: column;
    height: 6.83rem;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 .24rem;
    justify-content: space-between;
}

.p_qiye_title {
    font-size: 0.8rem;
    font-family: ' SourceHanSansCN-Normal, SourceHanSansCN';
    font-weight: 300;
    color: #F4AC65;
}

.p_qiye_hr {
    width: 1.95rem;
    height: .01rem;
    border-bottom: 1px solid #F4AC65;
    opacity: 0.8;
    /* background-color: #F4AC65; */
    margin: .28rem auto .56rem auto;
}

.p_qiye_sub_title {
    font-size: 0.53rem;
    font-family: 'SourceHanSansCN-Medium, SourceHanSansCN';
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 1px;
}

.p_qiye_sub_text {
    font-size: 0.32rem;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
    font-weight: 300;
    color: #FFFFFF;
    margin: 1.03rem auto 0 auto;
    letter-spacing: 1px;
}

.blue-round {
    width: 6.67rem;
    height: 6.67rem;
    background: rgba(0, 67, 182, 0.7);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.auto {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rounds-list {
    display: flex;
    flex-wrap: wrap;
    width: 6.93rem;
    height: 4.45rem;
    justify-content: space-between;
    align-content: space-between;
    margin: 1rem auto;
}

.rounds {
    width: 1.87rem;
    height: 1.87rem;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    position: relative;
}

.rounds span {
    width: 100%;
    display: block;
    font-size: 0.4rem;
    font-family: ' SourceHanSansCN-Normal, SourceHanSansCN';
    font-weight: 500;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.join-content {
    background-color: #F2F2F2;
    width: 100%;
    margin-top: 1.47rem;
}

.join-content .top {
    padding: .73rem 0 .73rem .53rem;
    display: flex;
}

.top span.tips {
    display: block;
    width: 0.11rem;
    height: 0.47rem;
    background: #0550D0;
    margin-right: .2rem;
}

.top span {
    display: block;
    font-size: 0.4rem;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
    font-weight: 400;
    color: #969696;
    letter-spacing: 1px;
    line-height: 0.6rem;
    height: 0.47rem;
    line-height: .47rem;
}

.join-con {
    padding: 0 .27rem 0 .27rem
}

.join-box {
    width: 100%;
    /* height: 3.97rem; */
    background: #FFFFFF;
    margin-bottom: .27rem;
    padding: .53rem .77rem 1.3rem .6rem;
}

.join-box p {
    margin: .1rem 0;
}

.box-title {
    font-size: 0.48rem;
    font-family: 'SourceHanSansCN-Normal, SourceHanSansCN';
    font-weight: 500;
    color: #333333;
    line-height: 0.72rem;
}

.join-box p:nth-child(2),
.join-box p:nth-child(3) {
    font-size: 0.4rem;
    font-family: 'SourceHanSansCN-Light, SourceHanSansCN';
    font-weight: 300;
    color: #969696;
    line-height: 0.65rem;
}

.nomore {
    font-size: 0.4rem;
    font-family: 'SourceHanSansCN-Light, SourceHanSansCN';
    font-weight: 300;
    color: #969696;
    text-align: center;
    margin: .75rem auto
}

.return {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    position: fixed;
    top: 70%;
    right: 2%;
    z-index: 4;
    display: none;
}

.return img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.return img:nth-child(2) {
    width: .47rem;
}

.dash {
    display: inline-block;
    width: 0.96rem;
    height: .01rem;
    /* background: white; */
    border-bottom: 1px solid white;
    opacity: .8;
    margin: 0 .1rem .08rem .1rem;
}

.my-animation-delay-05 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.my-animation-delay-015 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.bg3 a:visited,
.bg5 a:visited,
.bg4 a:visited {
    text-decoration: none;
    color: #ffffff;
}

.my-prev {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-image: url(../images/left2.png);
    left: 50%;
    width: 0.67rem;
    height: 0.67rem;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: inherit;
    margin-left: -47%;
    z-index: 2;
    margin-top: 0;
}

.my-next {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-image: url(../images/right2.png);
    left: 50%;
    margin-left: 0;
    width: 0.67rem;
    height: 0.67rem;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: inherit;
    margin-top: 0;
    z-index: 2;
    margin-left: 40%;
}

.my-prevs {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-image: url(../images/left1.png);
    left: 50%;
    width: 0.67rem;
    height: 0.67rem;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: inherit;
    margin-left: -47%;
    z-index: 2;
    margin-top: 0;
}

.my-nexts {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-image: url(../images/right1.png);
    left: 50%;
    margin-left: 0;
    width: 0.67rem;
    height: 0.67rem;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: inherit;
    margin-top: 0;
    margin-left: 40%;
    z-index: 2;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.botto {
    bottom: -20%!important;
}

.join-box p:nth-child(2) span:nth-child(1) {
    float: left;
    width: 1.35rem;
}

.join-box p:nth-child(2) span:nth-child(2) {
    float: left;
    width: calc(100% - 1.35rem)
}

.join-box p:nth-child(3) span:nth-child(1) {
    float: left;
    width: 1.35rem;
}

.join-box p:nth-child(3) span:nth-child(2) {
    float: left;
    width: calc(100% - 1.35rem)
}

.join-box p:nth-child(3) {
    clear: both;
}