body{
    font-size: 1.6rem;
    background-color: #F4F4F4;
}

.banner{
    position: relative;
}

.banner img{
    width:100%;

}

.banner .banner_text{
    position: absolute;
    top:65%;
    left:8%;
    font-size: 1.3rem;
}

.red_banner_text{
    color:#F14647;
}

.app_head{
    height:5rem;
    background-color: #A02D1A;
    overflow:hidden;
    background:url(../images/top_bg.png) no-repeat;
    background-size: cover;
}

.app_head .logo{
    float:left;
    text-indent: -9999px;
    height:4rem;
    width:13.2rem;
    margin-top:1.2rem;
    background: url(../../logo/logo_Phone.png) no-repeat;
    background-size:contain;
    margin-left: 1rem;
    margin-bottom:0px;
}


.menu{
    float:right;
    margin-right: 0.5rem;
}

.menu ul{
    padding:0px;
    margin:0px;
    list-style-type: none;
    overflow:hidden;
}

.menu ul li{
    float:left;
    height:5rem;
    line-height: 5rem;
}

.menu ul li a{
    height:5rem;
    color:#FFF;
    padding:0px 0.5rem;
}

.qmform{
    /*background:url(../images/bg11.png) no-repeat;*/
    /*background-size: cover;*/
    background-color: #FFF;
}

.qmform h2{
    width:24.6rem;
    height:3.5rem;
    margin:0 auto;
    background: url(../images/title_border.png) no-repeat;
    background-size: contain;
    text-align: center;
    font-size:1.8rem;
    color:#EFC27B;
    line-height: 3.5rem;
}

.qmform .formbox{
    padding:1rem;
}

.sform-text::-webkit-input-placeholder{
    color:#AD5D43;
}

.sform-group{
    height:4.3rem;
    border:2px solid #D4AE74;
    border-radius: 0.6rem;
    margin-bottom:0.5rem;
    background-color: #FFF;
    overflow: hidden;
}

.sform-group .sform-label{
    width:26%;
    /*background-color:#E6AE73;*/
    line-height: 4.3rem;
    color:#000;
    text-align: center;
    display:block;
    float:left;
    font-size: 1.5rem;
    font-weight: normal;
}

.sform-group .sform-control{
    display:block;
    width:74%;
    height:43px;
    float:right;
    padding-left:1rem;
    line-height: 4.3rem;
}

.sform-group .radio_label{
    margin-right: 1rem;
    color:#333;
}

.sform-group .sform-text{
    border:0px;
    height:4.3rem;
    line-height: 4.3rem;
    background:none;
    outline: 0px;
}

/*.sbtn{*/
/*    display: block;*/
/*    height:6.3rem;*/
/*    line-height: 6rem;*/
/*    text-align: center;*/
/*    font-size: 2rem;*/
/*    background: url(../images/sbtn.png) no-repeat center;*/
/*    background-size: contain;*/
/*    width:100%;*/
/*    text-align: center;*/
/*    border:0px;*/
/*    color:#FED09A;*/
/*    animation:myfirst .3s infinite alternate;*/
/*}*/

.submitBtn{
    background-image: linear-gradient(to right,#EB5A38,#D1331D);
    color:#FFF;
    flex:1.5;
    border-radius: 2px;
    border:0px;
    padding:0px;
    margin-right: 0.5rem;
    box-shadow:2px 2px 2px rgba(0,0,0,.3) ;
    font-size: 1.8rem;
}

.fbtn{
    background-image: linear-gradient(to right,#EB5A38,#D1331D);
    border-radius: 2px;
    border:0px;
    padding:0px;
    font-size: 1.8rem;
    color:#FFF;
    display:block;
    height:5rem;
    width:100%;
    box-shadow: 2px 2px 2px rgba(0,0,0,.3);
}

a.fbtn{
    text-align: center;
    line-height: 5rem;
    text-decoration: none;
}


.fixedButton{
    padding:1rem;
    background-color: #FFF;
    margin-top:1rem;
    width: 100%;
}

.typebuttons{
    margin:1rem 0px;
    padding:1rem;
    background-color: #FFF;
}

.typebuttons .tbitems{
    display: flex;
    margin-bottom: 1rem;
}

.typebuttons .tbitems:last-child{
    margin-bottom: 0px
}

.typebuttons .tbtn{
    flex: 1;
    width:168px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:#FFF;
    border-radius: 2px;
}

.typebuttons .tbtn:nth-child(odd){
    margin-right: 0.5rem;
}

.typebuttons .tbtn:nth-child(even){
    margin-left: 0.5rem;
}

.tbc1{
    background-color: #7AB2F0;
}

.tbc2{
    background-color: #EC674A;
}

.tbc3{
    background-color: #868FE4;
}

.tbc4{
    background-color: #F8AE5E;
}

.tbc5{
    background-color: #45C798;
}

.tbc6{
    background-color: #E36D99;
}

.searchOrderBtn{
    background-color: #4B82F1;
    color:#FFF;
    flex:1;
    border-radius: 2px;
    border:0px;
    padding:0px;
    margin-right: 0.5rem;
    box-shadow:2px 2px 2px rgba(0,0,0,.3) ;
    font-size: 1.8rem;
    text-align: center;
    line-height: 4.3rem;
}

.free_names{
    padding:1rem;
    background-color: #FFEEC9;
}

.free_names h3{
    font-size: 2rem;
    border-bottom:2px solid #C63837;
    color:#C63837;
    font-weight: bold;
    padding-bottom:0.5rem
}

.free_names .fn_item{
    display: flex;
    overflow: hidden;
}

.free_names .fn_item .fn_number{
    display: block;
    padding:0px 5px;
    background-color: #C63837;
    color:#FFF;
    height:28px;
    line-height: 28px;
    margin-right: 1rem;
}

.free_names .fn_item p{
    font-size: 1.5rem;
    line-height: 21px;
    text-align: justify;
}

.free_names .notice{
    color:#C63837;
    font-size: 1.5rem;
    margin-top: 1rem;
}


/*@keyframes myfirst*/
/*{*/
/*    from {transform: scale(.9, .9);}*/
/*    to {transform: scale(1, 1);}*/
/*}*/

.sbtn .white-text{
    color:#FFF;
}

.sform-bottom{
    width:100%;
    overflow: hidden;
}

.sform-bottom .sb-left{
    float:left;
    color:#FCB967;
    font-size: 1.5rem;
}

.sform-bottom .sb-left .sb-left-stext{
    color:#FFE8CC;
}

.sform-bottom .sb-right{
    float:right;
    font-size: 1.5rem;
    color:#FCB967;
}

.sform-bottom .sb-right a{
    font-size: 1.5rem;
    color:#FCB967;
    text-decoration: none;
}

.standard{
    text-align: center;
}

.standard h2{
    text-indent: -9999px;
    background: url(../images/001.png) no-repeat;
    background-size: contain;
    width:20.6rem;
    height: 4.5rem;
    padding: 0px;
    margin:0px auto;
    margin-bottom:2rem;
    margin-top:3rem;
}

.standard .standard-content{
    width:35.8rem;
    height: 32.2rem;
    background: url(../images/standard-content.png) no-repeat;
    background-size: contain;
    margin:0px auto;
    position: relative;
}

.standard .standard-text{
    color:#E6AA8E;
    font-size: 1.4rem;
    width:29.4rem;
    height: 6rem;
    top:23rem;
    left:3.4rem;
    position: absolute;
    text-align: left;
}

.vipname h2{
    padding:0px;
    margin:0px auto;
    margin-top:3rem;
    margin-bottom:2rem;
    background:url(../images/002.png) no-repeat;
    background-size: contain;
    width:20.5rem;
    height:6rem;
    text-indent: -9999px;
}

.vipname dl{
    border:1px solid #E36056;
    border-radius: 4px;
    width:34.5rem;
    padding:1rem 0px;
    margin:0px auto;
    margin-bottom:1rem;
}

.vipname dl dt{
    background:url(../images/title_s.png) no-repeat 0.5rem center;
    background-size: 1.5rem 1.5rem;
    text-indent: 2rem;
    padding-left: 0.5rem;
    color:#FFA12F;
    font-size: 1.7rem;
}

.vipname dl dd{
    margin-top:1rem;
    color:#E6AA8E;
    padding:0px 2.2rem;
    font-size: 1.4rem;
}

.vipname dl dd .yellow-text{
    color:#F2E326;
}

.vipname dl dt .light-yellow-text{
    color:#FFD29B;
    font-weight: normal;
}

.vipname dl dd.qrcode{
    text-align: center;
}

.vipname dl dd.qrcode img{
    width:15rem;
    height: 15rem;
}
.question-answer{
    background-color: #98271b;
    overflow: hidden;
}
.question-answer h2{
    font-size: 1.7rem;
    text-align: center;
    width:24.6rem;
    height:3.5rem;
    line-height:3.5rem;
    background:url(../images/title_border.png) no-repeat top center;
    background-size: contain;
    padding:0px;
    margin:0px auto;
    color:#EFC27B;
    margin-top:4rem;
    margin-bottom:1rem;
}

.qalist dl{
    border:1px solid #E36056;
    border-radius: 4px;
    width:34.5rem;
    padding:1rem 0px;
    margin:0px auto;
    margin-bottom:1rem;
}

.qalist dl dd{
    display:none;
}

.qalist dl.current{
    background-color: #892217;
}

.qalist dl.current dd{
    display:block;
}

.qalist dl dt{
    font-size: 1.7rem;
    color:#FCB967;
    padding-left: 0.5rem;
}

.qalist dl dt span{
    font-size: 1.5rem;
    background-color:#c19f5f;
    padding:0.1rem;
    color:#FFF;
    font-weight: normal;
    border-radius:0.2rem;
}

.qalist dl dd{
    color:#E6AA8E;
    font-size: 1.4rem;
    padding-left:2.5rem;
    padding-right: 1rem;
}

.help-section{
    background-color: #98271b;
    overflow: hidden;
}

.help-section .help-content{
    margin:0px auto;
    margin-top:3rem;
    border:1px solid #E36056;
    border-radius: 4px;
    width:34.5rem;

}

.help-section .help-content p{
    text-align: center;
    font-size: 1.2rem;
    padding-top:1rem;
    padding-bottom:1rem;
    color:#FCB967;
    margin-bottom:0px;
}

.help-section .help-content .help-contact{
    text-align: center;
    padding-bottom:2.5rem;
}

.help-section .help-content .help-contact a{
    font-size: 1.4rem;
    color:#FFE8CC;
}

.safe-block{
    background-color: #98271b;
    overflow: hidden;
}

.safe-block .safe-content{
    border-radius: 0.4rem;
    background-color: #861F13;
    width:34.7rem;
    margin:0px auto;
    margin-top:1rem;
    padding:1rem;
    text-align: center;
}

.safe-block .safe-content img{
    width:22.9rem;
}

.quick-quming{
    background-color: #98271b;
    overflow: hidden;
    padding-bottom:4rem;
}

.quick-quming .qbtn{
    margin-top:1rem;
}

.foot{
    background-color:#55230F;
    padding:1.4rem;
}

.foot ul{
    list-style-type: none;
    padding:0px;
    margin:0px;
    margin-bottom:0.5rem;
    overflow: hidden;
}
.foot ul li{
    float:left;
    margin-right: 1rem;
}

.foot ul li a{
    color:#BD8365;
    font-size: 1.7rem;
}

.foot .copyright{
    clear:both;
    color:#BD8365;
    font-size: 1.2rem;
    overflow: hidden;
}

.foot .copyright .cleft{
    float:left;
}

.foot .copyright .cright{
    float:right;
}

.app_inner_head{
    display:flex;
    height:5rem;
    background-color:#A02D1A;
}

.app_inner_head .inner_title{
    flex:2;
    font-size:1.8rem;
    padding:0px;
    margin:0px;
    line-height: 5rem;
    text-align: center;
    color:#FFF;
}

.app_inner_head .back_btn,.app_inner_head .menu_btn{
    flex:1;
    font-size: 1.6rem;
    line-height: 5rem;
    text-align:center;
    color:#FFF;
}

.app_inner{
    background-color:#F4F4F4 !important;
}

.app_inner_head .back_btn a,.app_inner_head .menu_btn a{
    color:#FFF;
    text-decoration: none;
}

.item_section{
    padding:1rem;
    background-color: #FFF;

}

.item_section .section_out_border{
    border:2px solid #D4AE74;
    padding:1px;
}

.item_section .section_inner{
    border:1px solid #D0BB94;
    padding:1rem;
}

.item_section .section_inner h3.stitle{
    width:24.6rem;
    height:3.5rem;
    margin:0 auto;
    background: url(../images/title_border.png) no-repeat;
    background-size: contain;
    text-align: center;
    font-size:1.8rem;
    color:#6B4637;
    line-height: 3.5rem;
    margin-top:1rem;
    margin-bottom:1rem;
}

.item_section .subtitle{
    background:url(../images/title_s.png) no-repeat;
    background-size: 16px 16px;
    text-indent: 22px;
    font-size: 1.6rem;
    margin:1rem 0;
}


.item_section .argument-item{
    color:#353535;
    font-size: 1.4rem;
}

.argument-item .base-item{
    color:#999;
    margin-right: 0.4rem;
}

.argument-item .bzjx-table{
    width:100%;
    border:1px solid #D0BB94;
    font-size: 1.4rem;
}

.bzjx-table td,.bzjx-table th{
    border:1px solid #D0BB94;
    text-align: center;
    padding:0.2rem;

}

.bzjx-table th{
    background-color: #EDDDBF;
    color:#6B4637;
}

th.fcol{
    background-color: #EDDDBF !important;
}

.bzqr-gold{
    color:#C99822;
}

.bzqr-wood{
    color:#49AB36;
}

.bzqr-fire{
    color:#D25050;
}

.bzqr-water{
    color:#2689B6;
}

.bzqr-dist{
    color:#BB7A50;
}

.bzqr{
    /*text-align: center;*/
    font-size: 1.7rem;
}

.p-out{
    width:25rem;
    height: 1.1rem;
    display:inline-block;
    border:1px solid #9E9E9E;
    background-color: #ECECEC;
}

.p-inner{
    height:0.9rem;
}

.bzqr-gold .p-inner{
    background-color: #F6CB64;
}

.bzqr-wood .p-inner{
    background-color: #65DA4E;
}
.bzqr-water .p-inner{
    background-color: #48C1F9;
}
.bzqr-fire .p-inner{
    background-color: #EF5959;
}
.bzqr-dist .p-inner{
    background-color: #E1864C;
}

.tengod-tags{
    margin-bottom:1rem;
}

.tengod-tags .tag{
    width:4.3rem;
    height:2.3rem;
    border:1px solid #999;
    display:inline-block;
    border-radius: 4px;
    text-align: center;
    line-height: 2.3rem;
}

.tengod-tags .tag.current{
    background-color: #AE3523;
    border:1px solid #C19F5F;
    color:#FFF;
}

.nameinfo{
    overflow: hidden;
}

.nameinfo h5{
    font-size: 2.5rem;
    margin:0px;
    padding:0px;
    font-weight: bold;
    float: left;
    height: 4.2rem;
    line-height: 4.2rem;
}

.nameinfo .scores{

    text-align: right;
    height:4.2rem;
    width: 4.8rem;
    float: right;
}

.scores .score{
    font-size: 2.1rem;
    color:#EC414D;
    text-align: center;
}

.scores .score-ds{
    font-size: 1rem;
    color:#999;
}

.names{
    overflow: hidden;
}

.names .name{
    float:left;
    width:33%;
    overflow: hidden;
    margin-bottom: 1rem;
}

.names .name .letter{
    width:4.3rem;
    height:4.3rem;
    background: url(../images/letter_bg.png) no-repeat center;
    text-align: center;
    line-height: 4.3rem;
    font-size: 2.5rem;
    float:left;
}

.names .name .letter-info{
    float:left;
    font-size: 1rem;
    margin-left: 0.4rem;

}

.names .name .letter-info p{
    margin-bottom:0px;
    line-height: 1.4rem;
}


.argument-item .zi{
    color:#EC414D;
}


.yx-tag{
    padding:3px 6px;
    background-color: #C19F5F;
    color:#FFF;
    border-radius: 4px;
    margin-right: 0.4rem;
}

.getmoregoodname{
    width:35.3rem;
    height: 6.3rem;
    background:url(../images/getMoreNameBtn.png) no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 6.3rem;
    margin:0px;
    padding:0px;
    margin:0 auto;
    display:block;
    border:0px;
    font-size: 2rem;
    color:#FFF;
}

.getmoregoodname i{
    font-size: 2rem;
}

.argument-item .qalist dl{
    width:100%;
    background-color: #F4F4F4;
    border-color:#999999
}

.argument-item .qalist dl dt,.argument-item .qalist dl dd{
    font-size: 1.4rem;
    color:#353535;
}

.mb1{
    margin-bottom: 1rem;
}

.item_section hr{
    border-color:#E7E7E7
}

.innerspbg{
    background-color: #F4F4F4;
}

.ml1{
    margin-left: 1rem;
}

.setmeal{
    height: 4rem;
    background-color: #C19F5F;
}

.setmeal h3{
    margin:0px;
    padding:0px;
    font-size: 1.7rem;
    line-height: 4rem;
    color:#815429;
    text-indent: 1rem;
}

.setmeal h3 small{
    color:#815429;
    font-size: 1.4rem;
}

.selectmeal{
    padding:1rem;

}

.selectmeal .select{
    width:50%;
    float:left;
    color:#999;
    margin-bottom:1rem;
}

.selectmeal .selector{
    width:50%;
    float:right;
    color:#F5A623;
    margin-bottom: 1rem;
    text-align: right;
}

.selectmeal .meals{
    clear:both;
    text-align: center;
}

.meals .meal{
    width:10.9rem;
    height:4.5rem;
    display:inline-block;
    background: url(../images/select.png) no-repeat center;
    background-size: 10.9rem 4.5rem;
    text-align: center;
    line-height: 4.5rem;
    color:#C19F5F;
    font-size: 1.4rem;
}

.meals .meal.selected{
    background-image: url(../images/selected.png) !important;
    color:#ec414d;
}

.selectmeal p{
    color:#999;
    font-size: 1.4rem;
    padding-top:1rem;
    padding-bottom:0.5rem;
    margin:0px;
}

.selectmeal hr{
    border-color:#EEE;
    margin:1rem 0px;
}

.phoneinput{
    display:block;
    height:4rem;
    line-height: 4rem;
    background-color: #E3E3E3;
    border:1px solid #979797;
    width:100%;
    text-indent: 1rem;
}

.mealPrice{
    font-size: 2.4rem;
    color:#EC414D;
}

.paymethods{
    display: flex;
    margin-top:1rem;
}

.paymethods .wechat{
    flex:1;
    text-align: left;
}

.paymethods .wechat button,.paymethods .alipay button{
    display:inline-block;
    width:16.8rem;
    height:5rem;
    text-indent: -9999px;
    background-size: 16.8rem 5rem;
    border:none;
}

.paymethods .wechat button{
    background: url(../images/wechatpay.png) no-repeat;
}

.paymethods .alipay button{
    background: url(../images/alipay.png) no-repeat;
}

.paymethods .alipay{
    flex:1;
    text-align: right;
}

.page{
    display:flex;
    margin:1rem 0px;
}

.page .prev{
    flex:1;
    display:block;
    height:3rem;
    line-height: 3rem;
    text-align: center;
    border:1px solid #CCC;
    border-radius: 0.4rem 0px 0px 0.4rem;
}

.page .next{
    flex:1;
    display: block;
    height:3rem;
    line-height: 3rem;
    text-align: center;
    border:1px solid #CCC;
    border-radius: 0px 0.4rem 0.4rem 0px;
}

.page .page-select-div{
    flex:1;
}

.page .page-select{
    /*flex:1;*/
    display: block;
    height:3rem;
    text-align: center;
    text-align-last: center;
    border:1px solid #CCC;
    border-left: 0px;
    border-right: 0px;
    /*border:0px;*/
    border-radius: 0px;
    outline: 0px;
    appearance: none;

}

.page .page-select option{
    text-align: center;
}

.order_tag{
    width:100%;
    height:4.5rem;
    background-color:#FFF;
    margin-top:1rem;
}

.order_tag ul{
    overflow:hidden;
    list-style: none;
    padding:0px;
    margin:0px;
}

.order_tag li{
    float:left;
    height:4.5rem;
    padding:0px 1.6rem;
    text-align: center;
    font-size: 1.7rem;
    color:#999;
    line-height: 4.5rem;
}

.order_tag li.current{
    height: 4.3rem;
    border-bottom:2px solid #AE3523;
    color:#AE3523;
    line-height: 4.3rem;
}

.orderList{
    padding:1rem;
}


.order-item{
    background-color:#FFF;
    font-size: 1.4rem;
    padding:1rem;
    color:#999;
    border-radius: 4px;
    position: relative;
    margin-bottom: 1rem;
}

.order-item header{
    display: flex;
    padding-top:1rem;padding-bottom:2rem;
    border-bottom:1px dashed #999;
}

.order-item header .order_number{
    flex:2;
}

.order-item header .order_status{
    flex:1;
    text-align: center;

    font-size: 1.5rem;
    text-align: right;
}

.order-item header .order_status.unpay{
    color:#EC414D;
}

.order-item header .order_status.paid{
    color:#1AAD19;
}

.order-item .sl{
    width:1rem;
    height:1rem;
    border-radius: 50%;
    background-color: #f4f4f4;
    position:absolute;
    top:5.5rem;
    left:-0.5rem;
}

.order-item .sr{
    width:1rem;
    height:1rem;
    border-radius: 50%;
    background-color: #f4f4f4;
    position:absolute;
    top:5.5rem;
    right:-0.5rem;
}

.order-item .vipline{
    margin-top:2rem;
}

.vipline .vip{
    display: flex;
    margin-bottom: 1rem;
}

.vipline .vip .vipname{
    flex:2;
    color:#353535;
}

.vipline .vip .vipprice{
    flex:1;
    text-align: right;
    font-size: 1.8rem;
    color:#EC414D;
}

.order-item footer{
    border-top:1px solid #999;
    padding-top:1rem;
    margin-top:1rem;
    text-align: right;
}

.order-item footer a,.order-item footer button{
    display:inline-block;
    width:14rem;
    height: 4rem;
    background-color:#A02D1A;
    text-align: center;
    line-height: 4rem;
    color:#fff;
    font-size: 1.7rem;
    border-radius: 0.3rem;
    border:0px;
}

.ritem{
    padding:1.2rem;
    background-color:#FFF;
    /*overflow:hidden;*/
    margin-bottom: 1rem;
}

.ritem .orderState{
    text-align: center;
    margin:1rem 0px;
}

.ritem .vip_content{
    text-align: center;
    font-size: 1.4rem;
    color: #999999;
}

.ritem h3.sph3{
    width:26rem;
    height:3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-size: 1.7rem;
    color:#6B4637;
    background: url("../images/title_bg_new.png") no-repeat;
    background-size: 26rem 3.5rem;
    margin:2rem auto;
    margin-top:0px;
}

.ritem .infos{
    color:#353535;
    font-size: 1.4rem;
    margin-bottom: 2rem;
}

.ritem .infos h4{
    font-size: 1.6rem;
    color:#222;
    text-indent: 2rem;
    background: url("../images/title_s.png") no-repeat center left;
    background-size: 1.5rem 1.5rem;
}

.sptitle{
    color:#999;
    margin-right: 0.4rem;
}

.bzjx-table{
    width:100%;
    border:1px solid #D0BB94;
    font-size: 1.4rem;
}

.ritem .nitem{
    border:1px solid #ECDCC1;
    border-radius: 3px;
    padding:1rem;
    background-color: #FFFBF4;
    margin-bottom: 1rem;
}

.nitem .nitem-nameinfo{
    overflow: hidden;
}

.nitem-namedetail{
    display:none;
}

.nitem .mletters{
    float:left;
    /*width:15.9rem;*/
    height:5.7rem;
}

.nitem .mscore{
    width:4.8rem;
    height:4.3rem;
    float:left;
    margin-left: 0.6rem;
    margin-top: 1rem;
}

.mscore .mscore-number{
    font-size: 2.1rem;
    color:#EC414D;
    font-weight: bold;
    text-align: center;
}

.mscore .mscore-word{
    color:#999;
    text-align: center;
    font-size: 1.1rem;

}

.nitem .nitem-detail-btn{
    width:6rem;
    height:2.4rem;
    float:right;
    font-size: 1.1rem;
    color:#353535;
    vertical-align: middle;
    text-align: right;
    margin-top:2rem;
}

.nitem-detail-btn img{
    width:2.4rem;
    height:2.4rem;
}


.mletters .mletter{
    height:5.7rem;
    width:4.3rem;
    float:left;
    margin-right: 0.8rem;
}

.mletter .mpy{
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.4rem;
    height: 1.4rem;
}

.mletter .mletter-item{
    width:4.3rem;
    height: 4.3rem;
    background: url("../images/letter_bg_new.png") no-repeat;
    text-align: center;
    line-height: 4.3rem;
    font-size: 2.5rem;
    color:#353535;
    font-weight: bold;
}

.nitem .nitem-namedetail{
    margin-top:1rem;
}

.nitem .nitem-namedetail table{
    width:100%;
}

.nitem .nitem-namedetail table,.nitem .nitem-namedetail table td,.nitem .nitem-namedetail table th{
    border:1px solid #D0BB94;
    text-align: center;
}

.nitem .nitem-namedetail table th{
    color:#6B4637;

    padding:0.4rem;
    background-color: #EDDDBF;
}

.nitem .nitem-namedetail table td.fcol{
    background-color:#f9ecd9;
}

.name-pages{
    text-align: center;
    position: relative;
    display: flex;
}

.name-pages .name-page-prev,.name-pages .name-page-next{
    /*width: 10rem;*/
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    display:flex;
    background-color: #C19F5F;
    border-radius: 3px;
    color:#FFF;
    text-decoration: none;
    font-size: 1.4rem;
    flex:1;
    align-content: center;
    justify-content: center;
}

.name-pages .name-page-prev{
    margin-right: 0.5rem;
}
.name-pages .name-page-next{
    margin-left: 0.5rem;
}

.name-pages .name-page-select{
    /*width: 12.5rem;*/
    height: 3rem;
    display: flex;
    border:1px solid #E7E7E7;
    line-height: 2.8rem;
    font-size: 1.4rem;
    color:#666;
    position: relative;
    border-radius: 3px;
    flex: 1;
    align-content: center;
    justify-content: center;
}

.name-page-select .arrow-bottom{
    position: absolute;
    right: 0.4rem;
    top:0px;
    height: 2.8rem;
    line-height: 2.8rem;
}

.name-pages .name-page-list{
    position: absolute;
    overflow-y: scroll;
    height:11.8rem;
    top:2.8rem;
    border:1px solid #EEE;
    background-color: #FFF;
    left:-1px;
    width:100%;
    display: none;

}

.name-pages .name-page-list div{
    height: 2.9rem;
    text-align: center;
    line-height: 2.9rem;
    width:100%;
    border-bottom:1px solid #EEE;
}

.name-pages .sp-disabled{
    background-color: #FFF;
    color:#999;
    border:1px solid #999;
}


.red-letter{
    color:#EC414D;
    margin-right: 1rem;
}

.bzjx-table .th{
    background-color: #f8eddf;
}

.news_list{
    padding:1.6rem;
    background: #FFF;
    margin-top:1rem;
}

.news_list h2.news_type_name{
    font-size: 1.7rem;
    font-weight: bold;
    margin:0px;
    padding:0px 0px 1.6rem 0px;
    border-bottom:1px solid #E5E5E5;
    text-indent: 2rem;
    background: url(../images/title_s.png) no-repeat left 3px;
    background-size: 1.5rem 1.5rem;
}

.news_list ul{
    margin:0px;
    padding:0px;
}

.news_list li{
    overflow:hidden;
    margin:0px;
    padding:1.6rem 0px;
    border-bottom: 1px solid #E5E5E5;
    display:flex;
}

.news_list .wimgbox{
    width: auto;
    height: 6rem;
    background-color: #DFDFDF;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    float:left;
    margin-right: 1rem;
}

.news_list .wimgbox img{
    max-height: 6rem;
}

.news_list .lndetail{
    float:left;
    flex:1;
}

.news_list .lndetail h3{
    font-size: 1.7rem;
    font-weight: bold;
    margin:0px;
    padding:0px;
    height:4rem;
}

.news_list .lndetail h3 a{
    color:#000;
    text-decoration: none;
}

.news_list .lndetail .tat{
    display: flex;
    height: 2rem;
}

.news_list .lndetail .tat .ntype{
    flex:1;
    text-align: left;
    color:#999999;
    font-size: 1.3rem;
}

.news_list .lndetail .tat .ntime{
    flex:1;
    text-align: right;
    color:#999999;
    font-size: 1.3rem;
}

.getmorearticle{
    display: block;
    height:4.5rem;
    text-align: center;
    line-height: 4.5rem;
    font-size: 1.7rem;
    color:#999;
    background-color: #F2F2F2;
    margin-top: 1rem;
}

.typelist{
    background-color: #FFF;
}

.typelist ul{
    display: flex;
    margin:0px;
    padding:0px;
}

.typelist>ul>li{
    flex:1;
    text-align: center;
    height:4.5rem;
    line-height: 4.5rem;
    position: relative;
}

.typelist ul li a{
    text-decoration: none;
    color:#999999;
}

.typelist ul li.current a{
    color:#AE3523;
}

.typelist ul li.current .select_bar{
    background-color: #AE3523;
}



.typelist ul li:last-child{
    text-align: right;
    position: relative;

}

.typelist>ul>li:last-child>a{
    margin-right: 1rem;
}

.typelist ul li .select_bar{
    position: absolute;
    bottom:0px;
    left:50%;
    height:3px;
    width:16px;
    margin-left:-8px;
    background-color: #FFF;
}

.typelist .second_level{
    padding:0px;
    margin:0px;
    display:block;
    position: absolute;
    top:4.5rem;
    right:0px;
    z-index: 999;
    border:1px solid #EEE;
    display: none;
}

.second_level li{
    width:100%;
    text-align: center;
    padding:0px 1rem;
    border-bottom:1px solid #EEE;
    background-color: #FFF;
}

.second_level li:last-child{
    border-bottom:0px;
}

.article_detail{
    padding:1.6rem;
    height:122vh;
    overflow: hidden;
    position: relative;

}

.article_detail article img{
    width:100%;
    height:auto;
}

.article_detail h1{
    font-size: 2.4rem;
    margin:0px;
    padding:0px;
    margin-bottom: 1.6rem;
}

.article_detail .article_info{
    font-size: 1.5rem;
    color:#999;
}

.article_detail header{
    margin-bottom:3rem;
}

.article_detail .mark_pic{
    margin-bottom: 2rem;

}

.article_detail .mark_pic img{
    width: 100%;
}

.mainMenu{
    width:50%;
    height:100vh;
    position: fixed;
    right: 0px;
    top:0px;
    background-color: #FFF;
    padding:2rem;
    display:none;
}

.mainMenu ul{
    padding:0px;
    margin:0px;
    margin-top:4rem;
}

.mainMenu ul li a{
    padding:1rem 0px;
}

.mainMenu ul li{
    border-bottom:1px solid #EFEFEF;
    padding:1rem 0px;
}

.mainMenu .close-btn{
    width:3rem;
    height: 3rem;
    position: absolute;
    right:1rem;
    top:1rem;
    font-size: 1.8rem;
    text-align: center;
    line-height: 3rem;
}

.markElement{
    height:20vh;
    position: absolute;
    bottom:0vh;
    width:100vw;
    left: 0px;
}

.markElement .markBox{
    height:20vh;
    background: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,1) 25%);

}


.getMoreBtn{
    border:1px solid #AE3523;
    width:18rem;
    height:3.5rem;
    text-align: center;
    color:#A02D1A;
    font-size: 1.6rem;
    background: none;
    border-radius: 3px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-9rem;
    margin-top:-1.7rem;
}

.surnametop{
    font-size: 1.6rem;
    padding:1rem;
    background-color: #FFEEC9;
}

.surnametop .red-text{
    color:#F14647;
}

.getnamebutton{
    padding:1rem;
    background-color: #FFF;
    margin-bottom:1rem;
}

.getnamebutton p{
    font-size: 1.5rem;
    font-weight: bold;
}

.getnamebutton p .red-text{
    color:#F14647;
}

.getnamebutton .onlineBtn{
    display: block;
    height:5rem;
    background-image: linear-gradient(to right,#EB5A38,#D1331D);
    line-height: 5rem;
    text-align: center;
    color:#FFF;
    font-size: 2rem;
    font-weight: bolder;
}

.surnameInfoBox{
    background-color: #FFF;
    margin-bottom: 1rem;
}

.surnameInfoBox .sexswitch{
    overflow: hidden;
    padding:0px 1rem;
    margin: 0px;
    border-bottom:1px solid #E5E5E5;
}

.surnameInfoBox .sexswitch li{
    float: left;
    position: relative;
}

.surnameInfoBox .sexswitch li .smallLine{
    display:none;
    height:3px;
    position: absolute;
    left:50%;
    bottom:0px;
    width:1.6rem;
    margin-left: -0.8rem;
    background-color: #AE3523;
}

.surnameInfoBox .sexswitch li.current a{
    color:#AE3523;
    text-decoration: none;
}

.surnameInfoBox .sexswitch li.current .smallLine{
    display:block;
}

.surnameInfoBox .sexswitch li:nth-child(1){
    margin-right: 2rem;
}

.surnameInfoBox .sexswitch li a{
    display: block;
    padding:1rem 0px;
    color:#999999;
}

.surnameInfoBox .scontent{
    padding:1rem;
}

.surnameInfoBox .scontent .gzzi{
    width: 3.8rem;
    height: 3.8rem;
    border: 1px solid #e2e2e2;
    font-size: 1.8rem;
    text-align: center;
    line-height: 3.8rem;
    color: #666;
    background: url(../images/letter_bg.png) center center no-repeat;
    background-size: cover;
    float: left;
    margin-right: 6px;
    margin-bottom: 10px;
}

.surnameInfoBox .scontent .noinfo{
    padding:1rem 0px;
    border-top:1px solid #E5E5E5;
}

.package-intro{
    padding:1rem;
    background-color: #FFF;
}

.package-intro h3{
    font-size: 1.6rem;
    font-weight: bold;
    color:#222;
}

.package-intro p{
    font-size: 1.5rem;
    color:#353535;
}

.packages{
    padding:1rem;
    background-color: #FFF;
}

.packages ul{
    padding:0px;
    margin: 0px;
}

.packages ul li{
    border-radius: 2.5px;
    border:1px solid #ECDCC1;
    margin-bottom:1rem
}

.packages ul li h4{
    height: 4.2rem;
    border-bottom:1px solid #ECDCC1;
    padding:0px;
    margin:0px;
    line-height: 4.2rem;
    font-size: 1.6rem;
    font-weight: bold;
    color:#C63837;
    text-indent: 1rem;
}

.packages ul li h4 small{
    font-size: 1.6rem;
    font-weight: bold;
    color:#C63837;
}

.packages .package-description{
    padding:1rem;
    background-color: #FFFBF4;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.packages p{
    font-size: 1.5rem;
}

a.selectZjqmBtn,a.selectZjqmBtn:visited,a.selectZjqmBtn:active{
    font-size: 1.2rem;
    padding:3px 5px;
    color:#FFF;
    background-color: #C63837;
    font-weight: normal;
    border-radius: 2px;
    text-decoration: none;
}