/*------------------------公共-------------------------*/
img{
    display: inline-block;
}
.font26{
    font-size: 26px;
    height: 26px;
    line-height: 26px;
    /*color: #333;*/
}
.bgf9{
    background-color:#f9f9f9;
}
.padding-top-50{
    padding-top: 50px;
}
.margin-top-35{
    margin-top: 35px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-24{
    margin-top: 24px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.content-left{
    text-align: left;
}
.content-center{
    text-align: center;
}
.content-right{
    text-align: right;
}
/*center nav    s*/
.center-nav{
    min-width: 1200px;
    width: 100%;
    height: 36px;
    background-image:url('../img/wechat/image_bg.png');
    background-size:100% 36px;
    position: fixed;
    top: 0px;
    z-index: 101;
    display: none;
}
.center-nav-other{
    /*display: block;*/
}
.center-nav.fixed{
    display: block;
    position: fixed;
    top: 0px;
    transition: all .7s;
}
.center-nav.upfixed{
    position: fixed;
    display: block;
    top: 80px;
    transition: all .7s;
}
.link-box{
    width: 1200px;
    font-size: 14px;
    padding: 10px 0;
    margin: 0 auto;
    clear:both;
}
.link,.link a{
    width: 170px;
    height: 14px;
    font-size: 14px;
    float: left;
    color: #959595;
}
.link.active,.link.active a{
    color: #333;
    font-weight: 600;
}
.link.right,.link.right a{
    float:right;
    text-align: right;
    color:#a00a0e;
}
/*center nav    e*/
/*好小二掌上平台  s*/
.haoxiaoer-hander-flat{
    height: 145px;
    width: 100%;
    background: #f9f9f9;
}
.haoxiaoer-hander-flat ul{
    width: 1200px;
    height: 145px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}
.haoxiaoer-hander-flat ul li{
    text-align: center;
    width: 128px;
    height:128px;
}
.haoxiaoer-hander-flat ul li a{
    display: block;
    width: 100%;
    height: 68px;
    padding-top: 60px;
    font-size: 14px;
    color:#333333;
}
.haoxiaoer-hander-flat ul a p:last-child{
    color: #666666;
}
.haoxiaoer-hander-flat ul li.flat_active a p{
    color:#ffffff;
}
.haoxiaoer-hander-flat ul li.flat_active{
    border-radius: 100%;
    /*color:#ffffff;*/
}
.haoxiaoer-hander-flat ul li:nth-child(1){
    background: url("../img/haoxiaoer/icon_02.png") no-repeat;
    background-position-x:center ;

}
.haoxiaoer-hander-flat ul li:nth-child(1).flat_active{
    background-image: url("../img/haoxiaoer/icon_02_on.png");
    background-color: #a61d0a;
    background-repeat: no-repeat;
}
.haoxiaoer-hander-flat ul li:nth-child(2){
    background: url("../img/haoxiaoer/icon_03.png") no-repeat;
    background-position-x:center ;
    background-repeat: no-repeat;

}
.haoxiaoer-hander-flat ul li:nth-child(2).flat_active{
    background-image: url("../img/haoxiaoer/icon_03_on.png");
    background-color: #a61d0a;
    background-repeat: no-repeat;
}
.haoxiaoer-hander-flat ul li:nth-child(3){
    background: url("../img/haoxiaoer/icon_04.png") no-repeat;
    background-position-x:center ;
    background-repeat: no-repeat;

}
.haoxiaoer-hander-flat ul li:nth-child(3).flat_active{
    background-image: url("../img/haoxiaoer/icon_04_on.png");
    background-color: #a61d0a;
    background-repeat: no-repeat;
}
.haoxiaoer-hander-flat ul li:nth-child(4){
    background: url("../img/haoxiaoer/icon_05.png") no-repeat;
    background-position-x:center ;
    background-repeat: no-repeat;

}
.haoxiaoer-hander-flat ul li:nth-child(4).flat_active{
    background-image: url("../img/haoxiaoer/icon_05_on.png");
    background-color: #a61d0a;
    background-repeat: no-repeat;
}
.haoxiaoer-hander-flat ul li:nth-child(5){
    background: url("../img/haoxiaoer/icon_06.png") no-repeat;
    background-position-x:center ;
    background-repeat: no-repeat;

}
.haoxiaoer-hander-flat ul li:nth-child(5).flat_active{
    background-image: url("../img/haoxiaoer/icon_06_on.png");
    background-color: #a61d0a;
    background-repeat: no-repeat;
}
.haoxiaoer-hander-flat ul li:nth-child(6){
    background: url("../img/haoxiaoer/icon_07.png") no-repeat;
    background-position-x:center ;
    background-repeat: no-repeat;

}
.haoxiaoer-hander-flat ul li:nth-child(6).flat_active{
    background-image: url("../img/haoxiaoer/icon_07_on.png");
    background-color: #a61d0a;
    background-repeat: no-repeat;
}
.haoxiaoer-hander-flat ul li p{
    text-align: center;
    font-size: 16px;
}
/*好小二掌上平台  e*/
/*more  s*/
.footer-top{
    min-width: 1200px;
    width: 100%;
    padding: 30px 0;
    font-size: 30px;
    text-align: center;
    background-color: #ffffff;
}
.footer-top a{
    color: #333;
}
/*more  e*/

.right-content-box{
    width: 700px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    margin-top: -135px;
}

.center-top-box{
    width: 100%;
    color:#333333;
    font-size: 26px;
    padding-top: 40px;
    text-align: center;
}
/*第一屏*/
.center-index{
    width: 100%;
    height: calc(100% - 114px);
    min-height: 679px;
    position: relative;
}
.center-box-1200,.middle-box-1200{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.center-box-right{
    height:85%;
}
.center-box-right .center-box-1200{
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin: 0 auto;
}
.center-box-content img{
    width: 100%;
}
/*--------------------------------------微信餐厅  s----------------------------*/
.center-bg-1200{
    width: 1200px;
    margin: 0 auto;
    height: 72.88%;
    padding-top: 40px;
    position: relative;
}
.text-center{
    width: 100%;
}
.center-bg-1200 .font26{
    color: #666666;
}
.center-img-index{
    display: block;
    height: 62%;
    position: absolute;
    bottom: 0;
    left:25%;
}
.center-img-01{
    width: 50%;
}
.center-img-02{
    width: 40%;
    position:absolute;
    left: 0;
    bottom: 0;
}
.center-content-02{
    position: absolute;
    right: 0;
    top:37.3%;
}
.center-img-03{
    height: 90%;
}

.bg-05-left-bottom{
    background-image: url('../img/wechat/image_05.png'),url('../img/wechat/image_06.png');
    background-size: 50%;
    background-repeat:no-repeat;
    background-position:left bottom ,right bottom;
}
.center-center-box{
    width: 100%;
    text-align: center;
    position: absolute;
    top:40%;
    margin-top:-180px;
}
.weixin_restrant{
    width: 100%;
}
.weixin_restrant img{
    width: 100%;
    height: auto;
}
.weixin_restrant div{
    height: 320px;
    margin: 0 auto;
    text-align: center;
}
.weixin_restrant div .font44{
    padding-top: 48px;
    padding-bottom: 30px;
}
.weixin_restrant div p:nth-child(2){
    margin-bottom: 10px;
}
/*-----------------------------------好小二  s--------------------*/

.haoxiaoer-bg-1200{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    height: 72.88%;
}
.haoxiaoer-img-left{
    width: 390px;
}
.haoxiaoer-img-left img{
    width:100%;
    display: block;
}
.haoxiaoer-img-left p{
    height: 22px;
    font-size: 22px;
    width: 100%;
    text-align: center;
    margin-top:10px;
}
.haoxiaoer-img-left p .red{
    color: red;
    margin: 0 3px;
}
.haoxiaoer-content{
    text-align: right;
}
.haoxiaoer-content .font26{
    color: #666666;
}
.haoxiaoer-content .erweima{
    margin-top:15px;
    width:160px;
}
.haoxiaoer-content .play_box{
    margin-top: 14px;

}
.haoxiaoer-content #play{
    align-items: center;
    background: #a61d0a none repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display:inline-flex;
    height: 44px;
    justify-content: space-around;
    vertical-align: middle;
    width: 172px;
}
.haoxiaoer-content #play img{
    width: 22px;
    height: 22px;
}
.imgbg_envolop{
    width: 45%;
    position: absolute;
    bottom:0;
}
.imgbg_envolop img{
    width: 100%;
}
.imgbg-01{
    position: absolute;
    right: 0;
    width:48%;
    bottom: 0;
}
.imgbg-01 img{
    width: 100%;
}
.imgbg-02{
    width: 100%;
    display: inline-block;
}
.imgbg-03{
    width: 45%;
}
.center-box-content .haoxiaoer-img-05{
    width: 50%;
    display: block;
    margin: 0 auto;
    padding-bottom: 40px;
}
.center-box-content .haoxiaoer-img-05 img{
    width: 100%;
}
.haoxiaoer-content-right{
   width: 100%;
    text-align: right;
}
/*------------------------------------------第三方  s-------------------------------------*/
.disanfang-bg-1200{
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    height: 72.88%;
    position: relative;
}
.disanfang-content{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.disanfang-bg-1200 .disanfang-content .font26{
    color: #666666;
}
.disanfang-image-01{
    width: 76%;
    position: absolute;
    left: 8%;
    bottom: 0;
}
.disanfang-img-03,.disanfang-img-04{
    width: 50%;
}
.disanfang-img-03 img,.disanfang-img-04 img{
    width: 100%;
}
.disanfang-content .font60{
    color:#333333;
}
.contact_fengniao{
    position: relative;
    width: 100%;
}
.contact_fengniao img{
    width: 100%;
    height: auto;
}
.contact_fengniao div{
    position: absolute;
    top:27%;
    color:#ffffff;
    margin:0 auto;
    width: 100%;
}
.contact_fengniao div p{
    font-size: 20px;
    height:20px;
    line-height:20px;
    text-align: center;
}
.contact_fengniao div p:first-child{
    font-size: 55px;
    height: 55px;
    line-height:55px;
    margin-bottom: 38px;
}
.contact_fengniao div p:last-child{
    margin-top: 10px;
}
/*------------会员营销---------------------------------------------*/
.huiyuan-bg-1200{
    height: 72.88%;
    margin: 0 auto;
    padding-top: 40px;
    width: 1200px;
    position: relative;
}
.huiyuan-01{
    width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
}
.huiyuan-bg-1200 .font26{
    color: #666666;
}
/*充值满减  s*/
.recharge{
    /*height: 790px;*/
    margin-top: 0;
}
.recharge div{
    height: 312px;
}
.recharge p{
    text-align: center;
    color: #7c7b7b;
}
.recharge p:nth-child(1){
    font-size: 40px;
    color:#333333;
    padding-top: 85px;
    margin-bottom: 33px;
}
.recharge p:nth-child(2),.recharge p:nth-child(3){
    font-size: 20px;
}
.recharge p:nth-child(3){
    margin-top: 7px;
}
.recharge img{
    width: 100%;
}
.huiyuan-img-02{
    width: 48%;
}
.huiyuan-img-02 img{
    width: 100%;
}
.huiyuan-img-03{
    width: 50%;
}
.huiyuan-img-03 img{
    width: 100%;
}
/*充值满减  e*/
/*-------------------------------移动办公  s--------------------------*/
.office-bg-1200{
    height: 72.88%;
    margin: 0 auto;
    padding-top: 40px;
    width: 1200px;
    position: relative;
}
.office-bg-1200 .font26{
    color: #666666;
}
.office-bg-01{
   height: 60%;
    position: absolute;
    bottom: 0;
    left: 25%;
}
.office-img-01{
    width: 58%;
}
.office-img-01 img{
    width: 100%;
}
.office-img-03{
    width:46%;
}
.office-img-03 img{
    width: 100%;
}
.office-img-04{
    width: 49%;
}
.office-img-04 img{
    width: 100%;
}
.office-bg-06{
    width: 100%;
}
.office-img-07{
    width: 57%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.office-img-07 img{
    width: 100%;
}

.office-box-1200{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.office-bg-03-bottom img{
    width: 100%;
}
.office-center-box{
    padding-top: 36px;
}
/*----------------------------------员工激励--------------------------------*/
.staff-bg-1200{
    height: 78.74%;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.staff-bg-1200 .font26{
    color: #666666;
}
.staff-img-left{
    width: 461px;
}
.staff-img-left img{
    width: 100%;
}
.staff-box-flex{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.staff-img-03{
    width: 50%;
}
.staff-img-03 img{
    width: 100%;
}
.staff-img-04{
    width: 45%;
}
.staff-img-04 img{
    width: 100%;
}
.staff-img-05{
    width: 43%;
}
.staff-img-05 img{
    width: 100%;
}
.staff-img-06{
    width: 560px;
    position: absolute;
    bottom: 0;
}
.staff-content-05{
    position: absolute;
    right: 0;
}
.footer-title-box{
    border: 0px;
}
/*----------------------------------查看更多------------------------------*/
h3.title{
    height:36px;
    font-size: 36px;
    padding: 33px 0;
    font-weight: 400;
    text-align: center;
}
.other-bg-1200{
    width: 1200px;
    margin: 0 auto;
    margin-top:36px;
    margin-bottom:100px;
}
.table{
    width: 1200px;
}
.row{
    width: 100%;
    overflow: hidden;
}
.row .col{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    width: 593px;
    float: left;
    margin-right:7px;
    line-height: 1;
    border-bottom: 1px solid #c6c6c6;
}
.row .col + .col{
    float: right;
    margin-right:0;
    margin-left:7px;
}
.row .col .col-title{
    display: block;
    padding: 10px 0;
    width: 132px;
    font-size: 20px;
    text-align: center;
    float: left;
    background-color: #be1700;
    color: #fff;
}
.row .col .redblock{
    display: block;
    height: 40px;
    width: 5px;
    margin-left:5px;
    background-color: #be1700;
    float: left;
}
.row + .row{
    border-top:0;
}
.row .col .head{
    display: block;
    width: 200px;
    padding: 14px 0 14px 27px;
    float: left;
    min-height: 18px;
    color: #333;
    font-size: 18px;
}
.row .col .text{
    display: block;
    width: 337px;
    min-height: 18px;
    padding: 14px 0 14px 20px;
    border-left:1px solid #c6c6c6;
    color: #959595;
    font-size: 18px;
    float: left;
}
.row .col .col-title-2{
    display: block;
    padding: 10px 0;
    width: 96px;
    font-size: 20px;
    text-align: right;
    float: left;
    background-color: #c6c6c6;
    color: #fff;
}
.row .col .R40{
    width: 40px;
    height: 40px;
    float: left;
    background-color: #c6c6c6;
    border-radius:0 0 100% 0;
}
.col-dbl{
    height: 36px;
}
.border-bottom{
    border-bottom:1px solid #ccc;
}
.help-index{
    width: 1200px;
    padding: 40px 0 70px 0;
    margin: 0 auto;
    position: relative;
}
.help-index .help-title{
    color: #333;
    border-left:3px solid #be1700;
    padding-left:5px;
}
.input{
    box-sizing: border-box;
    outline:none;
    width: 390px;
    border: 1px solid #e4e4e4;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px;

}
.input-btn{
    width: 70px;
    height: 43px;
    border: 0;
    background-color: #be1700;
    border-radius: 3px;
    color: #fff;
    margin-left: 10px;
}
.txqq{
    display: block;
    padding: 10px;
    width: 100px;
    background-image:url('../img/help/icon_qq.png');
    background-repeat: no-repeat;
    border: 1px solid #be1700;
    color: #be1700;
    text-indent: 34px;
    background-position:  10px center;
    border-radius: 5px;
    cursor: pointer;
}
.txqq-span{
    width: 124px;
    text-align: center;
}
.sh-box{
    width: 1200px;
    margin: 10px auto 0 auto;
}
.sh-box span{
    display: inline-block;
    width: 32%;
    height: 300px;
    text-align: center;
    position: relative;
}
.sh-box span::after{
    content: "";
    display: block;
    height: 280px;
    border-left:1px solid #c6c6c6;
    position: absolute;
    right: 0;
    top: 10px;
}
.sh-box .lest::after{
    border: 0;
}
.margin20-14{
    margin-top: 20px;
    margin-bottom:14px;
    color: #333;
}
.margin-bottom14{
    margin-bottom: 14px;
}
p.text{
    width: 1200px;
    color: #333;
    text-align: center;
    margin-top:50px;
}
.qre{
    position: absolute;
    top: 40px;
    right: 0;
    text-align: center;
}
/*-------------------------好后厨-------------------*/
.haohouchu_logo{
    width: 850px;
    height: 92px;
    line-height: 48px;
    clear: both;
    margin: 0 auto 30px auto;
}
.haohouchu_logo img{
    display: inline-block;
    height: 92px;
    float: left;
}
.haohouchu_logo span{
    display: inline-block;
    height: 92px;
    margin-left:3px;
    line-height: 120px;
    float: left;
}