html,
body {
    font-family: 'SourceHanSansCN-Regular';
    font-size: .26rem;
    line-height: 2;
    margin: 0 auto;
    color: #333;
}

.bg {
    max-width: 750px;
    margin: 0 auto;
    padding-top: 8.8rem;
    padding-bottom: .3rem;
    background-color: #1f085b;
    background-image: url(../images/bg.png?v=666);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.page {
    margin: 0 .3rem;
    padding-bottom: 1.5rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #fff;
    -ms-border-radius: .3rem;
    -o-border-radius: .3rem;
}

.wrap {
    padding: .3rem;
}

.page .part {
    text-indent: .52rem;
}

.page .part .t-1 {
    font-size: .32rem;
    font-weight: bold;
    text-indent: 0;
}

.page .part p {
    margin: .1rem 0;
}


/*  */

.title img {
    width: 2.89rem;
    margin-bottom: .6rem;
}

.part-1 ul li {
    display: flex;
}

.part-1 ul li .time,
.part-1 ul li .key-word {
    font-size: .3rem;
    font-weight: 600;
}

.part-1 ul li .time {
    width: 2rem;
    color: #3f1589;
}

.part-1 ul li .separsate {
    flex-shrink: 0;
    width: .64rem;
    height: 1.02rem;
}

.part-1 ul li .separsate .top {
    width: .24rem;
    height: .24rem;
    margin-top: .19rem;
    margin-right: .4rem;
    margin-bottom: .19rem;
    border: .02rem solid #3f1589;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.part-1 ul li .separsate .top::before {
    display: block;
    width: .12rem;
    height: .12rem;
    margin: .04rem;
    content: '';
    border-radius: 50%;
    background-color: #3f1589;
}

.part-1 ul li .separsate .line {
    width: .02rem;
    height: .4rem;
    margin-left: .11rem;
    background-color: #3f1589;
}

.part-2 .logo1 {
    width: 2.16rem;
    margin-bottom: .16rem;
}

.part-2 .logo2 {
    width: 1.78rem;
    margin-top: .3rem;
    margin-bottom: .16rem;
}

.part-3 .img img {
    width: 100%;
    margin-bottom: .5rem;
}

.part-3 .a {
    font-size: .3rem;
    color: #3f1589;
}

.part-3 p {
    margin-bottom: .4rem;
}

.help-text {
    color: #999;
}

.apply-btn {
    font-size: .3rem;
    font-weight: bold;
    line-height: .88rem;
    position: fixed;
    right: 0;
    bottom: 1rem;
    left: 0;
    display: block;
    width: 4.88rem;
    height: .88rem;
    margin: 0 auto;
    text-align: center;
    color: #e3c973;
    -webkit-border-radius: .44rem;
    -moz-border-radius: .44rem;
    border-radius: .44rem;
    background-color: #560929;
    -ms-border-radius: .44rem;
    -o-border-radius: .44rem;
}


/* 报名 */

.apply-bg {
    max-width: 750px;
    margin: 0 auto;
    padding-top: 1.61rem;
    background-image: url(../images/apply-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.remind {
    background-color: #ffffff;
    box-shadow: 0px 0px 0.2rem 0px rgba(26, 12, 1, 0.1);
    border-radius: 0.2rem;
    margin: 0 0.3rem;
    color: #999999;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
}

.remind table td {
    vertical-align: top;
    line-height: 1.5;
    padding-bottom: 0.1rem;
}

.form-box {
    font-size: .28rem;
    padding-bottom: .3rem;
    margin: 0 0.3rem;
}

.form-box .item {
    display: flex;
    /*设为伸缩容器*/
    flex-flow: row;
    /*伸缩项目单行排列*/
    padding: 0 .3rem;
    justify-content: space-between;
    background-color: #f7f7f7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.form-box .item>label {
    font-weight: 600;
    line-height: .9rem;
    padding-right: .2rem;
    height: 100%;
}

.form-box .item>input,
.form-box .item>textarea {
    min-width: 2rem;
    flex: 1;
}

.form-box .item input,
.form-box .item textarea {
    text-align: right;
    color: #777;
    border: none;
    font-size: 0.28rem;
    background-color: #f7f7f7;
}

.form-box .item input.error {
    color: red;
}

.form-box .item input.error::-webkit-input-placeholder {
    color: red;
}

.form-box .item textarea {
    padding: .26rem 0;
    text-align: left;
}

.form-box .item .radios-group {
    align-self: center;
}

.form-box .item .radios-group label {
    line-height: 1.2;
    position: relative;
    display: inline-block;
    height: .3rem;
    padding-left: .3rem;
}

.form-box .item .radios-group input[type='radio'] {
    position: absolute;
    top: -0;
    bottom: 0;
    left: 0;
    width: .3rem;
    height: .3rem;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #999;
    font-size: 0.28rem;
}

.form-box .item .radios-group>label:first-child {
    margin-right: 10px;
}

.form-box .form-people {
    margin-bottom: 0.5rem;
}

.form-box .title {
    line-height: .6rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem;
    color: #999;
}

.text-danger {
    margin-right: .1rem;
    color: #d73131;
}

.add-btn {
    font-size: .3rem;
    line-height: 2.5;
    width: 2.5rem;
    margin: 0 auto;
    margin-bottom: .5rem;
    text-align: center;
    color: #3a85f8;
    border: 1px solid #3a85f8;
    border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    cursor: pointer;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
}

.submit-btn {
    display: block;
    text-align: center;
    width: 4.88rem;
    height: 0.88rem;
    line-height: 0.88rem;
    margin: 0 auto;
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
    font-size: 0.3rem;
    color: #fff;
    background-color: #3f1589;
    border-radius: 0.44rem;
    -webkit-border-radius: 0.44rem;
    -moz-border-radius: 0.44rem;
    -ms-border-radius: 0.44rem;
    -o-border-radius: 0.44rem;
}

.people-info .remind {
    color: #666;
    margin-bottom: 0.4rem;
    font-size: 0.26rem;
}

.people-info .remind .title {
    color: #333333;
    font-size: 0.28rem;
    text-align: center;
    font-weight: bold;
}

.people-info .remind strong {
    color: #333;
}

.people-info .remind ul {
    list-style: none;
}

.text-center {
    text-align: center;
}

h4 {
    font-size: 0.3rem;
}


/* xinzeng */

.part-4 ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}

.part-4 ul li {
    width: 32%;
    font-size: 0.16rem;
    margin-bottom: 0.45rem;
}

.part-4 ul li img {
    width: 1.54rem;
    margin-bottom: 0.2rem;
}

.part-4 .name {
    font-size: 0.26rem;
    font-weight: 600;
}

.hand-right {
    width: 0.48rem;
    margin-top: -0.14rem;
     position: relative;
    animation: mymove 5s infinite;
    -webkit-animation: mymove 5s infinite;
    /*Safari and Chrome*/
    animation-direction: alternate;
    /*轮流反向播放动画。*/
    animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation: mymove 5s infinite;
    -webkit-animation-direction: alternate;
    /*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
}


@keyframes mymove {
    0% {
        transform: scale(1);
        /*开始为原始大小*/
    }

    25% {
        transform: scale(1.3);
        /*放大1.1倍*/
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.6);
    }

}