body{
    background: rgba(210, 80, 50, 1);
}
.gundong_ping{
    width: 3.11rem;
    height: 0.93rem;
    background: rgba(136, 117, 101, 0.89);
    border-radius: 0.46rem 0px 0px 0.46rem;
    position: fixed;
    right: 0;
    top: 80%;
}
.gunping{
    width: 3.11rem;
    height: 0.93rem;
}
.srcoll_items{
    padding: 0.03rem;
    display: -ms-flexbox;
    display: flex;
}
.srcoll_head{
    width: 0.79rem;
    border: 1px solid #fff;
    border-radius: 50%;
}
.srcoll_head img{
    width: 0.79rem;
    border: 1px solid #fff;
    border-radius: 50%;
}
.scroll_content{
    display: inline-block;
    padding-left: .1rem;
}
.scroll_content_p1{
    font-size: 0.24rem;
    font-family: Source Han Sans CN;
    color: #FEF4E2;
    padding-top: 0.1rem;
}
.scroll_content_p2{
    font-size: 0.24rem;
    font-family: Source Han Sans CN;
    color: #FEF4E2;
}
.swiper-slide{
    margin-bottom: 0 !important;
}

.his_order {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 9;
    width: 18px;
    text-align: center;
    color: #fff;
    padding: 28px 5px 8px 6px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    line-height: 16px;
    font-size: 14px;
    background: rgba(0,0,0,.7) url(/Public/Ffcs/images/head_zhuo/chali.png) no-repeat center 8px;
    -webkit-background-size: 56% 56%;
    -moz-background-size: 56%;
    background-size: 56%;
}
.his_order a {
    color: #fff !important;
}
.user_form {
    margin-top: 0.45rem;
    position: relative;
}
.ysbei1{
    background-image: url(../images/ysbei1.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 8.5rem;
    position: absolute;
}
.ysbei2{
    background-image: url(../images/ysbei2.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 8.5rem;
    position: absolute;
    top: 8.5rem;
}
.ysbei3{
    background-image: url(../images/ysbei3.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 12.4rem;
    position: absolute;
    top: 13.84rem;
}
.yw{
    background-image: url(../images/ywu.png);
    background-size: 100% 100%;
    width: 6.6rem;
    height: 4.78rem;
    margin-top: 0.2rem;
    position: absolute;

}
.ystit{
    background-image: url(../images/ystit.png);
    background-size: 100% 100%;
    width: 4.6rem;
    height: 0.84rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.g1{
   background-image: url(../images/g1.png);
    background-size: 100% 100%;
    width: 4.5rem;
    height: 8.24rem;
    position: absolute;
    top:1.07rem;
    left: 0rem;
}
.long{
    background-image: url(../images/long.png);
    background-size: 100% 100%;
    width: 1.59rem;
    height: 1.53rem;
    position: absolute;
    top: 1.16rem;
    left: 0.45rem;
}
.nian{
    background-image: url(../images/nian.png);
    background-size: 100% 100%;
    width: 1.26rem;
    height: 1.37rem;
    position: absolute;
    top: 2.64rem;
    left: 0.31rem;
}
.g2{
    background-image: url(../images/g2.png);
    background-size: 100% 100%;
    width: 1.8rem;
    height: 1.86rem;
    top: 2.35rem;
    left: 0.22rem;
    position: absolute;
}
.yun{
    background-image: url(../images/yunq.png);
    background-size: 100% 100%;
    width: 1.41rem;
    height: 1.23rem;
    position: absolute;
    top: 3.43rem;
    left: 1.21rem;
}
.cheng{
    background-image: url(../images/cheng.png);
    background-size: 100% 100%;
    width: 1.75rem;
    height: 1.51rem;
    position: absolute;
    top: 4.48rem;
    left: 0.51rem;
}
.yanwu2{
    background-image: url(../images/ywu2.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 1.51rem;
    position: absolute;
    top: 5.92rem;
}
.hetu{
    background-image: url(../images/hetu.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 1.89rem;
    position: absolute;
    top: 7.36rem;
}
.shantu{
    background-image: url(../images/shantu.png);
    background-size: 100% 100%;
    width: 4.93rem;
    height: 1.72rem;
    position: absolute;
    top: 7.91rem;
    left: 0.97rem;
}
.zyjy{
    background-image: url(../images/zyjy.png);
    background-size: 100% 100%;
    width: 0.61rem;
    height: 1.6rem;
    position: absolute;
    top:3.7rem;
    left:2.85rem;
}
.syjy{
    background-image: url(../images/syjy.png);
    background-size: 100% 100%;
    width: 0.61rem;
    height:1.6rem;
    position: absolute;
    top: 1.81rem;
    right: 2.33rem;
}
.yyjy{
    background-image: url(../images/yyjy.png);
    background-size: 100% 100%;
    width: 0.61rem;
    height:1.6rem;
    position: absolute;
    top: 3.04rem;
    right: 0.55rem;

}
.cyjy{
    background-image: url(../images/cyjy.png);
    background-size: 100% 100%;
    width: 0.61rem;
    height:1.6rem;
    position: absolute;
    top: 4.62rem;
    right: 1.92rem;
}
.zy1{
    -webkit-animation: toggleTextFir 11s linear infinite;
    animation: toggleTextFir 11s linear infinite
}
.zy2 {
    -webkit-animation: toggleTextSec 11s linear infinite;
    animation: toggleTextSec 11s linear infinite
}

.zy3 {
    -webkit-animation: toggleTextThrType1 11s linear infinite;
    animation: toggleTextThrType1 11s linear infinite
}

.zy4 {
    -webkit-animation: toggleTextThr 11s linear infinite;
    animation: toggleTextThr 11s linear infinite
}
.hou1{
    -webkit-animation: hou1 11s linear infinite;
    animation: hou1 11s linear infinite
}

@-webkit-keyframes toggleTextFir {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes toggleTextFir {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes toggleTextSec {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes toggleTextSec {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes toggleTextThrType1 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 0
    }
    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes toggleTextThrType1 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 0
    }
    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes toggleTextThr {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes toggleTextThr {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
@-webkit-keyframes hou1 {
    0% {
        opacity: 1
    }

    33.33% {
        opacity: 0
    }

    66.67% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes hou1 {
    0% {
        opacity: 1
    }

    33.33% {
        opacity: 0
    }

    66.67% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
.zongkuang{
    position: absolute;
    top: 7.15rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.one_form{

    margin: 0 auto;
}
.form_liu{
     background-image: url(../images/ysform.png);
    background-size: 100% 100%;
    width: 6.96rem;
    height: 4.71rem;
    margin: 0 auto;
}
.formtop{
    padding-top: 1.05rem;
}
.info_box {
    width: 5.86rem;
    margin: 0rem auto;
}
.layui-form-item {
    width: 5.86rem;
    margin: 0 auto;
    clear: both;
}
.layui-input-block {
    width: 5.86rem;
    height: 0.83rem;
    background: #FFFFFF !important;
    border: 0.02rem solid #E9C09C;
    border-radius: 0.41rem;
    float: left;
    line-height: 0.83rem;
    margin: 0 auto;
    box-sizing: border-box;
}
.layui-form .layui-form-label, .layui-input, .layui-select, .layui-textarea, .layui-form .layui-input-block {
    background: none;
}
.layui-form-label {
    padding: 0;
    text-align: left;
    width: auto;
    border: none;
    line-height: 0.83rem;
    font-size: 0.32rem;
    margin-left: 0.24rem;
    color: rgba(200, 110, 56, 1);
}
#xingming {
    width: 2rem;
    float: left;
    padding-left: 0rem;
    height: 0.8rem;
    position: relative;
    line-height: 0.8rem;
    background: none;
    font-size: 0.32rem;
}
#birthday {
    overflow: hidden;
    background: none;
    font-size: 0.32rem;
    color: #333333;
    height: 0.8rem;
    width: 4.4rem;
}
#birthday1 {
    overflow: hidden;
    background: none;
    font-size: 0.32rem;
    color: #333333;
    height: 0.8rem;
    width: 4.4rem;
}
.sex-select {
    margin-top: 0.07rem;
    position: absolute;
    right: 0.3rem;
}
.left-sex {
    border-radius: 0.12rem 0px 0px 0.12rem;
    padding: 0;
    font-size: 0.28rem;
    color: #FFFFFF;
    line-height: 0.6rem;
    float: left;
    text-align: center;
    height: 0.6rem;
}
.layui-input, .layui-select, .layui-textarea {
    border: none;
}
.cesuan_tupian{
    background-image: url(../images/yscha.png);
    background-size: 100% 100%;
    width: 6.83rem;
    height: 1.23rem;
    margin: 0.28rem auto;
    margin-bottom: 0;
    border: none;
    background-color: unset;
    -webkit-animation-name: 'ripple';
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
@keyframes ripple {
    0%{
        transform: scale(0.9);
    }

    100%{
        transform: scale(1);
    }
}
.agreement{
    margin-top: 0.3rem;
    text-align: center;
}

.tongyi {
    vertical-align: middle;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.45rem;
}
.agreement a {
    vertical-align: middle;
    font-size: 0.28rem;
    color: rgba(212, 60, 21, 1);
    text-decoration: underline;
}
.agreement .layui-unselect, .layui-form-checkbox {

    border-color: #b14228;

}
.agreement .layui-form-checkbox i {

    text-align: center;

}
.agreement .layui-form-checked i {
    color: #b14228;
}
.layui-form-checkbox:hover i {
    color: #fff;
}
.agreement .layui-form-checked i {
    color: #b14228;
}
.second_form{
    padding-top: 0.5rem;
    width: 6.93rem;
     padding-bottom: 0.3rem;
    background: #FFFBF4;
    border: 0.06rem solid #FFD16E;
    box-shadow: 0.02rem -0.04rem 1.18rem 0.08rem rgba(255,201,150,0.5);
    border-radius: 0.3rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
}
.hide{
    display: none;
}
.mkbox{
    width: 6.93rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
}
.mktop{
    background-image: url(../images/mk1.png);
    background-size: 100% 100%;
    width: 6.93rem;
    height: 0.94rem;
}
.mkcenter{
    background-image: url(../images/mk2.png);
    background-size: 100% 100%;
    width: 6.93rem;
    overflow: hidden;
}
.mkdi{
    background-image: url(../images/mk3.png);
    background-size: 100% 100%;
    width: 6.93rem;
    height: 0.62rem;
    margin-top: -0.05rem;
}
.niantit{
   text-align: center;
    margin: 0 auto;
    padding-top: 0.21rem;
}
.niantit img{
    width: 3.74rem;
    height: 0.31rem;
}
.yszongbox{
    margin-top: -0.3rem;
    overflow: hidden;
}
.yszitem{
    overflow: hidden;
    margin-top: 0.5rem;
    margin-left: 0.62rem;
}
.yszleft{
    float: left;
    background-image: url(../images/ztjn.png);
    background-size: 100% 100%;
    width: 1.64rem;
    height: 1.64rem;
}
.yszright{
    float: left;
    margin-left: 0.4rem;
    width: 3.89rem;
    padding-top: 0.15rem;
}
.ztys{
    background-image: url(../images/ztystit.png);
    background-size: 100% 100%;
    width: 1.39rem;
    height: 0.41rem;
}
.zyundesc{
    margin-top: 0.15rem;
    font-size: 0.3rem;
    color: #333333;
    line-height:0.4rem;
}
.cyzleft{
    background-image: url(../images/cyjn.png);
    background-size: 100% 100%;
    width: 1.64rem;
    height: 1.64rem;
    float: left;
}
.cyjytit{
    background-image: url(../images/cyjytit.png);
    background-size: 100% 100%;
    width: 1.39rem;
    height: 0.41rem;
}

.gqzleft{
    background-image: url(../images/yyjn.png);
    background-size: 100% 100%;
    width: 1.64rem;
    height: 1.64rem;
    float: left;
}
.gqzktit{
    background-image: url(../images/gqzktit.png);
    background-size: 100% 100%;
    width: 1.39rem;
    height: 0.41rem;
}


.syzleft{
    background-image: url(../images/syjn.png);
    background-size: 100% 100%;
    width: 1.64rem;
    height: 1.64rem;
    float: left;
}
.syfztit{
    background-image: url(../images/syfztit.png);
    background-size: 100% 100%;
    width: 1.39rem;
    height: 0.41rem;
}
.mkkuang{
    width: 6.33rem;
    margin: 0 auto;
}
.mkkuang img{
    width: 6.33rem;
    height: 2.4rem;
    display: block;
}
.mkfiliamg{
    overflow: hidden;
    margin-left: 0.1rem;
}
.mkfiliamg img{
    display: inline-block;
    width: 1.58rem;
    height: 1.22rem;
    margin-left: 0.05rem;
}
.ljfm{
    overflow: hidden;
    margin-top: 0.1rem;
}
.ljitem{
    margin-top: 0.3rem;
    overflow: hidden;
    margin-left: 0.25rem;
}
.ljdyuan{
    background-image: url(../images/tyuan.png);
    background-size: 100% 100%;
    width: 0.29rem;
    height: 0.3rem;
    float: left;
    position: relative;
    top: 0.07rem;
}
.ljneirong{
    float: left;
    width: 5.69rem;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.4rem;
    margin-left: 0.18rem;
}
.xzgr{
    background-image: url(../images/xzgr.png);
    background-size: 100% 100%;
    width: 2.76rem;
    height: 0.31rem;
    margin: 0.7rem auto;
    margin-bottom: 0;
}
.grhr{
    background-image: url(../images/grhr.png);
    background-size: 100% 100%;
    width: 5.41rem;
    height: 0.2rem;
    margin: 0.1rem auto;
    margin-bottom: 0;
}
.grzuhe{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.17rem;
}
.grzuhe img{
    display: inline-block;
    width: 1.41rem;
    height: 1.41rem;
}
.grzuhe img+img{
    margin-left: 0.3rem;
}
.hjtstu{
    display: block;
    width: 6.93rem;
    height: 5.4rem;
}
.grystu{
    width: 6.15rem;
    margin: 0 auto;
    margin-top: -0.2rem;
}
.grystu img{
    display: block;
    width: 6.15rem;
    height: 0.86rem;
    margin-top: 0.2rem;
}
#moocBox {
    overflow: hidden;
    height:6rem;
    position: relative;
}
.order-p {
    font-size: 0.28rem;
    color: rgba(102, 102, 102, 1);
    line-height: 0.38rem;
}
.order-dingdan {
    font-size: 0.28rem;
    color: rgba(102, 102, 102, 1);
    line-height: 0.38rem;
}
.order-left {
    font-size: 0.32rem;
    color:rgba(109, 77, 59, 1);
    font-weight: bold;
    padding-top: 0.1rem;
    line-height: 0.5rem;
}
.hr_heng {
    width: 6.34rem;
    border-bottom: 1px solid rgba(191, 191, 191, 1);
    clear: both;
    padding-top: 0.5rem;
}
.gundong_box {
    overflow: hidden;
}
.guntu {
    margin-left: 0.4rem;
    width: 1.21rem;
    float: left;
    margin-top: 0.3rem;
    font-size: 0.28rem;
    color: #333333;
    text-align: center;
}
.guntu img {
    width: 1.2rem;
    height: 1.2rem;
    background: #E5E5E5;
    border-radius: 0.2rem;
    float: left;
    margin-bottom: 0.2rem;
}
.page_footer2{
    opacity: 1;
}
.page_footer2 p{
    color: #fff;
}
.page_footer2 a{
 color: #fff;
}
.xunfu_button{
    position: fixed;
    margin-left: 0.44rem;
    bottom: 0.2rem;
    z-index: 30;
    display: none;
    background-image: url(../images/yscha.png);
    background-size: 100% 100%;
    width: 6.83rem;
    border-radius: unset;
    height: 1.23rem;
    -webkit-animation-name: 'ripple';
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
.dl1{
    background-image: url(../images/dl1.png);
    background-size: 100% 100%;
    width: 0.38rem;
    height: 0.81rem;
    position: absolute;
    top: 0.05rem;
    left: 0.95rem;
}
.dl2{
    background-image: url(../images/dl2.png);
    background-size: 100% 100%;
    width: 0.38rem;
    height: 0.81rem;
    position: absolute;
    top: 0.05rem;
    right:  0.95rem;
}
.lpan{
    background-image: url(../images/lunpan.png);
    background-size: 100% 100%;
    width: 5.75rem;
    height: 7.07rem;
    position: absolute;
    right: 0;
    top: 1.66rem;
}
@keyframes flash{ /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    50%{
        transform: scale(0.8);  /*开始为原始大小*/
        opacity: 0.6;
    }

    100%{
        transform: scale(1);
    }
}
.zf{
    animation: flash 2.5s linear .4s infinite alternate-reverse;
}