body,html{width: 100%}
input::-webkit-outer-spin-button,            input::-webkit-inner-spin-button{                -webkit-appearance: none !important;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-search-cancel-button{
      display: none;
}
input[type=search]::-ms-clear{
      display: none;
}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
/** 顶部导航栏 **/
.float_header{
    position: fixed;
    width: 100%;
    top: 0;
    height: 60px;
    background: #fff;
    z-index: 999;
}
/** banner栏 **/
.man_sys .banner{background: url(../images/management_system/head.png) no-repeat center center; min-width: 1100px; height: 697px;box-sizing: border-box; margin-top: 60px}
.man_sys .top_line_wrapper{height: 76px; box-sizing: border-box; padding-top: 20px}
.man_sys  .topLine{
    width: 62.5%; margin: 0 auto; height: 36px;
}
.man_sys .topLine div:first-child{
    color: #258AFF; font-size: 36px; font-weight: bold;
}
.man_sys .topLine div:nth-child(2){
    color: #258AFF; font-size: 18px;
}
.topLine .message_icon{
    background-image: url("../images/management_system/message@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px; height: 20px;
    margin-right: 6px;
}
.concat_us_icon:hover .message_icon{
    background-image: url("../images/management_system/message_hover.png")!important;
}
.concat_us_icon:hover span{
    color: #42BFFE!important;
}
.man_sys  .banner .title{ color: #fff; font-size: 40px; text-align: center; font-weight: bold; padding-top: 154px; line-height: 59px; box-sizing: border-box; text-shadow:0px 2px 2px rgba(0,0,0,0.5); }
.man_sys  .banner .bgms_icon{  background-image: url("../images/management_system/BGMS@2x.png");  background-repeat: no-repeat; width: 108px; height: 36px; background-size: contain}
.man_sys  .banner .introContent{width: 880px; margin: 148px auto 0 auto; color: #fff; text-align: center; line-height: 38px; font-size: 22px; text-shadow:0px 2px 2px rgba(0,0,0,0.5); letter-spacing: 1px}
.man_sys  .banner .introContentEn{width: 1200px}
/**浮动顶部栏**/
.top_float{
    position: fixed;top: 60px;width: 100%;height: 100px;z-index: 100;background: #fff;border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;
    animation: fadeIn 0.7s .0s linear;
    -moz-animation: fadeIn 0.7s 0s linear; /* Firefox */
    -webkit-animation: fadeIn 0.7s 0s linear; /* Safari and Chrome */
    -o-animation: fadeIn 0.7s 0s linear; /* Opera **/
}
/** 内容 **/
.man_sys .content{ width: 1200px; margin: 0 auto}
 /**tee sheet**/
.tee_sheet {margin-top: 98px}
.tee_sheet .ulwrapper {width: auto!important;}
.man_sys .tee_sheet .item_title, .man_sys .tee_sheet .item_info {text-align: center;}
.tee_content { display: flex; flex-direction: row; margin-top: 48px; }
.tee_content .pic{width: 886px; height: 621px; background-repeat:no-repeat; background-size:contain }
.introduce_content .comment_item.order{margin-top: 110px; transform: translateX(-40px); z-index: 10}
.introduce_content .comment_item.operation{margin: 238px 0 0 0px; transform: translateX(10px)}
.introduce_content .comment_item.order .icon{
    background: url("../images/management_system/ope_icon@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px; height: 25px;
}
.introduce_content .comment_item.operation .icon{
    background: url("../images/management_system/e_icon@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px; height: 25px;
}
.introduce_content .disc {list-style-type: disc}
  /**资源分发**/
.res_distribution .pic{width: 760px; height: 380px; background-repeat:no-repeat; background-size:contain}
.res_distribution .text{width: 400px; font-size: 20px; color: #323232;line-height: 34px; margin-top: 10px}
  /**在线预订**/
.on_booking .pic{width: 760px; height: 500px; background-repeat:no-repeat; background-size:contain}
.on_booking .text{width: 400px; font-size: 20px; color: #323232;line-height: 34px; margin-top: 10px}
  /**价格策略**/
.price_strategy .pic{width: 760px; height: 460px; background-repeat:no-repeat; background-size:contain}
.price_strategy .comment_item.time,.price_strategy .comment_item.crowd{ margin-top: 30px}
.price_strategy .comment_item.time .icon{
    background: url("../images/management_system/time@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px; height: 24px;
    padding: 0!important;
    margin-right: 11px;
}
.price_strategy .comment_item.crowd .icon{
    background: url("../images/management_system/crowd@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px; height: 20px;
    padding: 0!important;
    margin-right: 11px;
}
.price_strategy .comment_item.time ul li span{
    margin-left: 14px!important;
}
.price_strategy .comment_item.crowd ul li span{
    margin-left: 14px!important;
}
  /**多彩营销**/
.man_sys .colorful_marketing .item_title {text-align: center;}
.man_sys .colorful_marketing .item_info{text-align: center; color: #323232!important;}
.colorful_marketing .pic{
    width: 1181px; height: 583px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 59px auto 0 auto;
}
  /** 客户管理 **/
.cus_management .item_title, .cus_management .item_info {text-align: center;}
.cus_management .item_info2 {color: #323232!important; width: 880px; text-align: center; font-size: 20px; margin: 10px auto 0 auto; line-height: 34px}
.cus_management .switch_tab{width: 554px; margin: 35px auto 0 auto; border-bottom: 1px solid #e5e5e5}
.cus_management .switch_tab_en{width: 900px!important;}
.switch_tab .tab_item{font-size: 22px; line-height: 33px; color: #666666; height: 63px}
.switch_tab .tab_icon{width: 20px; height: 20px; margin-right: 10px;}
.switch_tab .tab_item.data .tab_icon{
    background: url("../images/management_system/data@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.switch_tab .tab_item.membership .tab_icon{
    background: url("../images/management_system/menbership@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.switch_tab .tab_item.group .tab_icon{
    background: url("../images/management_system/group@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.switch_tab .tab_item:hover{
    color: #72b1fb;
}
.switch_tab .click{
    color:#5891D2!important;
    border-bottom: 2px solid #5891D2;
}
.switch_tab .click .tab_title,.switch_tab .click .tab_icon{
    transform: translateY(1px);
    /*transition: all 0.5s;*/
}
.switch_tab .click.data .tab_icon, .switch_tab .data:hover .tab_icon{
    background: url("../images/management_system/data_click@2x.png")!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
.switch_tab .click.membership .tab_icon, .switch_tab .membership:hover .tab_icon{
    background-image: url("../images/management_system/membership_click@2x.png") !important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
.switch_tab .click.group .tab_icon, .switch_tab .group:hover .tab_icon{
    background: url("../images/management_system/group_click@2x.png")!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
.show_tab_pic{margin-top: 40px}
.show_tab_pic div{width: 1100px;height: 521px;margin: 0 auto;}
.show_tab_pic .show_data{
    background-size: contain;
    background-repeat: no-repeat;
}
.show_tab_pic .show_membership{
    background-size: contain;
    background-repeat: no-repeat;
}
.show_tab_pic .show_group{
    background-size: contain;
    background-repeat: no-repeat;
}
  /**线上餐厅和赛事报名**/
.res_content{ max-width: 400px }
.online_sign_up .pic{width: 760px; height: 540px;  background-size: contain; background-repeat: no-repeat;}
.online_sign_up .comment_item.restaurant .icon{
    background: url("../images/management_system/sign_up@2x.png") no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px; height: 20px;
    padding: 0!important;
    margin-right: 9px;
}
.online_sign_up .comment_item.sign_up .icon{
    background: url("../images/management_system/restaurant@2x.png") no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px; height: 22px;
    padding: 0!important;
    margin-right: 9px;
}
.online_sign_up .comment_item.restaurant,.online_sign_up .comment_item.sign_up{ margin-top: 30px}

/** 联系我们 **/
.cancat_us{ background: #F3F8FF; padding: 56px 0 100px 0; margin-top: 65px}
.cancat_us .cancat_title {font-size: 36px; color: #323232; text-align: center; line-height: 54px}
.cancat_us .info{font-size: 20px; color: #323232; text-align: center; line-height: 34px; width: 1100px; margin: 25px auto 0 auto}
.form_wrapper {width: 880px; margin: 0 auto}
.form_wrapper .form_item{display: inline-block}
.form_wrapper .form_item .label_name{font-size: 18px; color: #182743}
.item_content input, .form_item .select_content, .form_item textarea{border: 1px solid #D6D7DC; height: 50px; width: 400px; font-size: 18px; padding-left: 15px; margin-top: 13px; background: #fff; line-height: 50px;border-radius: 4px}
.form_item .select_content{width: 385px!important;}
.form_wrapper .form_item .tip{font-size: 18px; color: red; line-height: 28px; height: 28px}
.form_item textarea{width: 880px!important;height: 116px!important;line-height: 32px!important;padding-top: 9px;}
.form_item .select_list{
    position: absolute;
    top: 96px;
    width: 400px;
    height: 302px;
    background: #fff;
    border: 1px solid #D6D7DC;
    font-size: 18px;
    line-height: 50px;
    color: #323232;
    z-index: 100;
    display: none;
    border-radius: 4px;
}
.form_item .verification{height: 76px}
.form_item .verification img{margin-left: 30px; margin-right: 20px; width: 100px; height: 50px}
.form_item .verification a{font-size: 18px; line-height: 27px; color: #999; text-decoration: underline; font-weight: 400}
.form_item .verification a:hover{cursor: pointer; color: #42BFFE}
.form_item .verification input{width: 200px!important; margin-top: 0!important;}

.form_item .select_item{border-bottom: 1px solid #F4F4F4;  padding-left: 15px;}
/*.form_item .select_item:last-child{border-bottom: 1px solid #D6D7DC}*/
.form_item .select_item:hover{background: #098DE8;color: #FFFFFF;}
.form_item .select_icon.up{
    background: url("../images/management_system/btn_up@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px; height: 9px;
    margin-right: 20px;
}
.form_item .select_icon.down{
    background: url("../images/management_system/btn_down@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px; height: 9px;
    margin-right: 20px;
}
.submit_btn {
    font-size: 20px;
    font-weight: bold;
    width: 400px;
    height: 50px;
    margin: 32px auto 0 auto;
    background: linear-gradient(180deg,#5bbaff, #088de8);
    background: -webkit-linear-gradient(180deg, #5bbaff, #088de8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(180deg,#5bbaff, #088de8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(180deg,#5bbaff, #088de8); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient(180deg,#5bbaff, #088de8);
    text-align: center;
    color: #fff;
    line-height: 50px;
    border-radius: 4px;
}
.submit_btn:active{
    opacity: 0.9;
}
/** 显示为英文时样式修改 **/
.en_us .introduce_content .comment_item.order{margin-top: 0!important;}
.en_us .introduce_content .comment_item.operation{margin-top: 38px!important;}
.en_us .cus_management .item_info2{width: 1000px!important;}
.en_us .res_content .text p:last-child{margin-top: 10px}
/** 公共样式 **/
.man_sys{width: 100%}
.man_sys .flex_space_between{ display: flex; justify-content: space-between; flex-direction: row; align-items: center;}
.man_sys .topLine .flex_space_between:hover{cursor: pointer;}
.man_sys .flex_align_center{ display: flex; flex-direction: row; align-items: center;}
.man_sys .flex_row{ display: flex; flex-direction: row;}
.man_sys .content .item_icon{ width: 40px; height: 10px;
    /** rgb(91 186 255), rgb(8 141 232)   5bbaff 088de8**/
    background: linear-gradient(180deg,#5bbaff, #088de8);
    background: -webkit-linear-gradient(180deg, #5bbaff, #088de8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(180deg,#5bbaff, #088de8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(180deg,#5bbaff, #088de8); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient(180deg,#5bbaff, #088de8);
    border-radius: 5px }
.man_sys .content .item_title{font-size: 30px; color: #323232; font-weight: bold; margin-top: 20px; line-height: 45px}
.man_sys .content .item_info{color: #258AFF; font-size: 20px; margin-top: 30px; line-height: 34px}
.man_sys .center{ margin: 0 auto}
.comment_item .intro_title {font-size: 24px; color: #323232; line-height: 32px; margin-bottom: 10px}
.introduce_content{ max-width: 310px}
.introduce_content .comment_item .icon{padding-left: 0; margin-right: 8px;}
.comment_item ul li{ font-size: 20px; color: #666; line-height: 34px}
.comment_item .ulwrapper{ width: 400px}
.comment_item .ulwrapper .circle_wrapper{height: 34px; display: flex; flex-direction: row; align-items: center}
.comment_item .ulwrapper li span{display: inline-block;width: 4px;height: 4px; border-radius: 4px;background: #737373; margin-left: 11px; margin-right: 15px}
.comment_margin_top {margin-top: 120px}
.none{display: none}
.red_border{
    border: 1px solid #FB4C4C!important;
}
@media screen and (max-width: 1250px){
    .man_sys .content{
        box-sizing: border-box;
        padding: 0 20px;
    }
}
/** 字体淡入效果加上位移 **/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
        /*transform: translateY(100px);*/
    }
    50% {
        opacity: 0.5; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
        /*transform: translateY(0px);*/
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
        /*transform: translateY(100px);*/
    }
    50% {
        opacity: 0.5; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
        /*transform: translateY(0px);*/
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
        /*transform: translateY(100px);*/
    }
    50% {
        opacity: 0.5; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
        /*transform: translateY(0px);*/
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
        /*transform: translateY(100px);*/
    }
    50% {
        opacity: 0.5; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
        /*transform: translateY(0px);*/
    }
}
/** 上位移 **/
@-webkit-keyframes translateY {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0px);
    }
}
@-moz-keyframes translateY {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0px);
    }
}
@-O-keyframes translateY {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes translateY {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0px);
    }
}
/** 字体缩放 **/
@-webkit-keyframes scale {
    0% {
        transform: scale(1.1);
    }
    50% {
    }
    100% {
        transform: scale(1);
    }
}
@-moz-keyframes scale {
    0% {
        transform: scale(1.1);
    }
    50% {
    }
    100% {
        transform: scale(1);
    }
}
@-o-keyframes scale {
    0% {
        transform: scale(1.1);
    }
    50% {
    }
    100% {
        transform: scale(1);
    }
}
@keyframes scale {
    0% {
        transform: scale(1.1);
    }
    50% {
    }
    100% {
        transform: scale(1);
    }
}
.fade_in_translateY{
    animation-name: fadeIn,translateY; /*动画名称*/
    animation-duration: 2s; /*动画持续时间*/
    animation-iteration-count: 1; /*动画次数*/
    animation-delay: 0s; /*延迟时间*/
    /* Firefox */
    -moz-animation-name: fadeIn,translateY; /*动画名称*/
    -moz-animation-duration: 2s; /*动画持续时间*/
    -moz-animation-iteration-count: 1; /*动画次数*/
    -moz-animation-delay: 0s; /*延迟时间*/
    /* Safari and Chrome */
    -webkit-animation-name: fadeIn,translateY; /*动画名称*/
    -webkit-animation-duration: 2s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
    /* Opera **/
    -o-animation-name: fadeIn,translateY; /*动画名称*/
    -o-animation-duration: 2s; /*动画持续时间*/
    -o-animation-iteration-count: 1; /*动画次数*/
    -o-animation-delay: 0s; /*延迟时间*/
}
.fade_in{
    animation-name: fadeIn; /*动画名称*/
    animation-duration: 0.5s; /*动画持续时间*/
    animation-iteration-count: 1; /*动画次数*/
    animation-delay: 0s; /*延迟时间*/
    /* Firefox */
    -moz-animation-name: fadeIn; /*动画名称*/
    -moz-animation-duration: 0.5s; /*动画持续时间*/
    -moz-animation-iteration-count: 1; /*动画次数*/
    -moz-animation-delay: 0s; /*延迟时间*/
    /* Safari and Chrome */
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 0.5s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
    /* Opera **/
    -o-animation-name: fadeIn; /*动画名称*/
    -o-animation-duration: 0.5s; /*动画持续时间*/
    -o-animation-iteration-count: 1; /*动画次数*/
    -o-animation-delay: 0s; /*延迟时间*/
}
.scale {
    animation-name: scale; /*动画名称*/
    animation-duration: 2s; /*动画持续时间*/
    animation-iteration-count: 1; /*动画次数*/
    animation-delay: 0s; /*延迟时间*/
    /* Firefox */
    -moz-animation-name: scale; /*动画名称*/
    -moz-animation-duration: 2s; /*动画持续时间*/
    -moz-animation-iteration-count: 1; /*动画次数*/
    -moz-animation-delay: 0s; /*延迟时间*/
    /* Safari and Chrome */
    -webkit-animation-name: scale; /*动画名称*/
    -webkit-animation-duration: 2s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
    /* Opera **/
    -o-animation-name: scale; /*动画名称*/
    -o-animation-duration: 2s; /*动画持续时间*/
    -o-animation-iteration-count: 1; /*动画次数*/
    -o-animation-delay: 0s; /*延迟时间*/
}