#yscyf #home {
    background: #e2cba7
}

#yscyf #home .navTop {
    background: #e2cba7;
    color: #fff
}

#yscyf #home .banner {
    width: 100%;
    height: 23.14667rem;
    background: url(http://file.sixiuguoxue.com/statics/ffsm/zcpc/image/banner_bg-54e82437.png) no-repeat;
    background-size: 100% 100%
}

#yscyf #home .banner .plate-cont {
    position: relative;
    margin-top: 3.73333rem
}

#yscyf #home .banner .plate-cont .plate {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#yscyf #home .banner .plate-cont .plate1 {
    width: 7.2rem;
    height: 7.2rem;
    animation: re_translate_roration 1s linear forwards
}

#yscyf #home .banner .plate-cont .plate2 {
    width: 5.86667rem;
    height: 5.86667rem;
    animation: translate_roration 1s linear forwards
}

#yscyf #home .banner .plate-cont .plate3 {
    width: 3.86667rem;
    height: 3.86667rem
}

#yscyf #home .banner .plate-cont .plate-text {
    position: absolute;
    width: 2.66667rem;
    height: 2.66667rem;
    transform: scale(.1);
    opacity: 0;
    animation: plate-text-anim .5s linear forwards
}

#yscyf #home .banner .plate-cont .plate-text1 {
    top: -3.46667rem;
    left: 1.33333rem;
    animation-delay: 1s
}

#yscyf #home .banner .plate-cont .plate-text2 {
    top: -3.46667rem;
    right: 1.33333rem;
    animation-delay: 1.5s
}

#yscyf #home .banner .plate-cont .plate-text3 {
    bottom: -3.46667rem;
    right: 1.33333rem;
    animation-delay: 2.5s
}

#yscyf #home .banner .plate-cont .plate-text4 {
    bottom: -3.46667rem;
    left: 1.33333rem;
    animation-delay: 2s
}

@keyframes plate-text-anim {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

#yscyf #home .banner .subtitle {
    width: 9.46667rem;
    height: .86667rem;
    margin: 4.13333rem .26667rem 0
}

#yscyf #home .home-cont {
    padding: 0 .26667rem;
    margin-top: -10.13333rem;
    margin-bottom: .4rem
}

#yscyf #home .home-cont .form {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#yscyf #home .home-cont .form .form-item {
    height: 1.06667rem;
    line-height: 1.06667rem;
    display: flex;
    align-items: center;
    border-bottom: 1PX solid rgba(138, 0, 0, .2)
}

#yscyf #home .home-cont .form .form-item .inp {
    background: none;
    border: none;
    width: 5.33333rem;
    margin: .13333rem 0;
    color: #333;
    font-size: .4rem
}

#yscyf #home .home-cont .form .form-item .inp::placeholder {
    font-size: .4rem;
    height: 100%;
    align-items: center;
    color: #999
}

#yscyf #home .home-cont .form .form-item .birInput {
    width: 5.33333rem;
    white-space: nowrap;
    overflow: hidden;
    color: #999;
    display: inline-block;
    cursor: pointer
}

#yscyf #home .home-cont .form .form-item .birInputText {
    color: #333;
    cursor: pointer
}

#yscyf #home .home-cont .form .form-item .radio {
    flex: 2;
    display: flex;
    align-items: center;
    color: #fff
}

#yscyf #home .home-cont .form .form-item .radio .radio_list {
    display: flex;
    justify-content: center;
    align-items: center
}

#yscyf #home .home-cont .form .form-item .radio .radio_list span {
    color: #333
}

#yscyf #home .home-cont .form .form-item .radio .radio_list:nth-child(1) {
    margin-right: .66667rem
}

#yscyf #home .home-cont .form .form-item .radio .radio_icon {
    font-size: .45333rem;
    color: #a90017;
    margin-right: .13333rem
}

#yscyf #home .home-cont .form .form-item .radio .radio_icon_noselect {
    width: .45333rem;
    height: .45333rem;
    border-radius: 50%;
    border: 1PX solid #a90017
}

#yscyf #home .home-cont .form .form-item:last-child {
    border-bottom: none
}

#yscyf #home .home-cont .serverAndhistory {
    font-size: .34667rem;
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    margin: .4rem .26667rem 0
}

#yscyf #home .home-cont .serverAndhistory .server {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .34667rem;
    color: #999
}

#yscyf #home .home-cont .serverAndhistory .server .agreeRadio {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    border: 1PX solid #999;
    margin-right: .06667rem;
    display: flex;
    justify-content: center;
    align-items: center
}

#yscyf #home .home-cont .zy-bg {
    margin: .8rem 0 0
}

#yscyf #home .home-cont .zy-bg .zy-tl {
    position: absolute;
    width: 4.08rem;
    height: .86667rem;
    top: -.4rem;
    left: 50%;
    transform: translate(-50%)
}

#yscyf #home .home-cont .zy-bg .zy-cont {
    position: relative
}

#yscyf #home .home-cont .zy-bg .zy-cont .zy-logo {
    width: 5.33333rem;
    height: 4.13333rem;
    margin: 0 2rem
}

#yscyf #home .home-cont .zy-bg .zy-cont .zy-list {
    padding: 0 .26667rem
}

#yscyf #home .home-cont .zy-bg .zy-cont .zy-list .zy-list-item {
    display: flex;
    font-size: .37333rem;
    line-height: .6rem;
    padding-bottom: .26667rem
}

#yscyf #home .home-cont .zy-bg .zy-cont .zy-list .zy-list-item img {
    width: .74667rem;
    height: .76rem;
    margin-right: .26667rem
}

#yscyf #home .cesuan-btn {
    display: flex;
    justify-content: center;
    margin-top: .26667rem
}

#yscyf #home .cesuan-btn p {
    width: 7.73333rem;
    height: 1.2rem;
    background: url(http://file.sixiuguoxue.com/statics/ffsm/zcpc/image/btn_bg-17924eb8.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 1.2rem;
    color: #fef1d9;
    font-size: .48rem;
    font-weight: 700
}
