@charset "utf-8";
body{
    background: #fff9ee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bars{
    width: 7.50rem;
    position: relative;
    overflow: hidden;
    /*height: 5rem;*/
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.bars img{
    display:block;
    width: 7.50rem;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.bars img.barqm{
    margin-left: -100%;
    display: none;
}
.cmtab{
    padding: 0 .8rem;
    margin-top: .4rem;
}
.cmtab div{
    width: 48%;
    padding: .1rem 0;
    text-align: center;
    font-size: .38rem;
    color: #FFF;
    border-radius: .3rem .3rem 0 0;
}
.cmtab .cmtab-a{
    float: left;
}
.cmtab .cmtab-b{
    float: right;
}
.cmtab .cmitem{
    background:#fae5b8;
    color: #bf614c;
}
.cmtab .active{
    background:#b26b5a;
    color:#FFF;
}
.form-cm{
    background: #b26b5a;
    border-radius: .4rem .4rem 0 0;
    margin-bottom: .14rem;
}
.form-cm-bg{
    padding: 0 .3rem;
    border-radius: .4rem .4rem 0 0;
    transform: translateY(.06667rem);
    background: #fffcf5;
}
.cmxin{
    padding:.24rem 0;
    font-size: .32rem;
    text-align: center;
    color: #a5452f;
}
.cmxin img{
    width: .31rem;
    margin-top: 0.08rem;
}
.cmtit{
    height: 1rem;
    background: #f7f7f7;
    margin-top: .1rem;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cmtit .label{
    display: block;
    width: 1.66rem;
    font-size: .28rem;
    color: #4a4a4a;
    padding: 0 .2rem;
    overflow: hidden;
    text-align: center;
}
.ming input,.danx .xuanz,.xing .xuanz,.birthday input{
    display: block;
    flex: 1;
    width: 100%;
    font-family: PingFangSC-Regular;
    color: #4a4a4a;
    letter-spacing: 0;
    font-size:.28rem;
}
.cmtit .xuanz span b{
    font-size: .28rem;
    font-weight: normal;
}
.danx .xuanz,.xing .xuanz{
    line-height: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.danx .xuanz label,.xing .xuanz label{
    display: inline-block;
    width:1.8rem;
    font-size:.26rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.danx .xuanz label input,.xing .xuanz label input{
    display: block;
    width: 0.33rem;
    height: 0.33rem;
    margin-right: .18rem;
    background: #ffffff;
    background-size: .4rem .4rem;
    border-radius:50%;
    -webkit-appearance: none;
    border: 2px solid #bb673b;
}
.danx .xuanz label input:checked,.xing .xuanz label input:checked{
    background: url(../img/cm_dui.png) center no-repeat;
    background-size: 0.33rem 0.33rem;
}
.danx .xuanz label input:checked + span,.xing .xuanz label input:checked + span{
    color: #bb673b;
}

.shengri{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.shengri:after{
    content: "";
    display: inline-block;
    width: .42667rem;
    height: .42667rem;
    background: url(../img/cm_jto.png) -.2rem center no-repeat;
    background-size: 100% 100%;
}
.cm_txta{
    padding: .2rem 0;
    font-size: 12px;
    color: #666;
    text-align: center;
}
.cm_txtb{
    padding: .3rem 0 .3rem 2px;
    font-size: .26rem;
    color: #333;
}
.cm_txtb b{
    color: #a5452f;
}
.tuan{
    font-size: .28rem;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tuan:after,.tuan:before{
    content: "";
    display: inline-block;
    width: 1.8rem;
    height: .2rem;
    /* transform: translateY(.01rem); */
}
.tuan:before{
    background: url(../img/cm_ioc1.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .1rem;
}
.tuan:after{
    background: url(../img/cm_ioc2.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .1rem;
}
.kefu{
    padding: .2rem 0;
}
.kefu,.cxin{
    text-align: center;
}
.kefu img{
    width: .32rem;
}
.kefu span{
    font-size: 14px;
    text-decoration: underline;
    color: #a5452f;
}
.cxin img{
    width: 3.58rem;
}

.fenx{
    position: fixed;
    bottom: -100%;
    width: 7.50rem;
    display: block;
    z-index: 100;
    padding: .18rem;
    background: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.fenx span,.cm_btns button{
    display: block;
    width: 6.90rem;
    margin: 0 auto;
    background: url(../img/cm_btn.png) center no-repeat;
    background-size: contain;
    line-height: .96rem;
    font-size: .38rem;
    color: #FFF;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
}
.fenx span a{
    color: #FFF;
}
#ftr{
    margin-bottom: 72px;
}
#ftr p{
    padding: .2rem 0;
    text-align: center;
    font-size: 15px;
}

.date_class{
    background: #FFF;
    border: 1px solid #7d4428;
    color: #7d4428;
}
.date_class_box .active{
    background: #7d4428;
}
.qmcont{
    display: none;
}