/* pc */
@media screen and (min-width: 1200px ) {
    /* 头部 */
    .mxbcic-top-wrap { display: none!important;}
    .mxbcic-menu-wrap { display: none!important;}
    .mxbcic-w1200 {width: 1200px;height: auto;margin: 0 auto;}
    .mxbcic-pc-head {height: auto;padding: 30px 0 27px;}
    .mxbcic-pc-logo {height: 43px;width: 137px;margin-right: 74px;}
    .mxbcic-pc-logo a,.mxbcic-pc-logo a img { display: block; width: 100%;height: 100%;}
    .mxbcic-pc-nav { height: 35px;line-height: 35px;margin-top: 5px;}
    .mxbcic-pc-nav li { float: left;font-size: 16px; border-radius: 20px;}
    .mxbcic-pc-nav li a { display: block;color: #333333;padding: 0 18px 0 20px;}
    .mxbcic-pc-nav li.active a { color: #ffffff;}
    .mxbcic-pc-hotLine { padding-left: 50px; background-repeat: no-repeat;background-position: 0 center;margin-top: 10px;}
    .mxbcic-pc-hotLine p:first-child{ font-size: 22px; line-height: 22px; font-weight: bold;}
    .mxbcic-pc-hotLine p:nth-child(2) {margin-top: 6px; font-size: 12px;line-height: 12px;}
    /* banner */
    /* .mxbcic-public-banner {height: 500px;} */
    .mxbcic-public-banner img {display: block;width: 100%; height: 100%;}
    .mxbcic-banner-content {position: absolute;left: 50%;margin-left: -586px;top: 108px;}
    .mxbcic-banner-line { width: 96px; height: 4px;}
    .mxbcic-banner-en {margin-top: 20px;font-size: 48px;line-height: 48px;font-family: "Arial";}
    .mxbcic-banner-title {margin-top: 45px;font-size: 90px;line-height: 90px;font-weight: bold;}
    .mxbcic-color-fbfbfb {background: #fbfbfb;}
    /* h2标题 */
    .mxbcic-title1 {display: inline-block;font-size: 30px;color: #333333;line-height: 30px;}
    .mxbcic-title1 span {display: block;margin-top: 30px;font-weight: bold;}
    .mxbcic-title1 span:before { display: inline-block;content: "";width: 10px; height: 10px;margin-right: 15px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title1 span:after { display: inline-block; content: ""; width: 10px; height: 10px;margin-left: 14px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title-h1 {display: inline-block;font-size: 30px;color: #333333;line-height: 30px;}
    .mxbcic-title4 {font-size: 30px;line-height: 30px;color: #333333;text-align: center;}
    .mxbcic-title4:before {display: inline-block;content: "";width: 10px;height: 10px;margin-right: 20px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title4:after {display: inline-block;content: "";width: 10px;height: 10px;margin-left: 20px;vertical-align: middle;border-radius: 50%;}
    /* 支持篇 */
    .mxbcic-zhichi-wrap {display: none!important;}
    .mxbcic-pc-zhichi { margin-top: 82px;padding: 70px 0 34px;}
    /* step */
    .stepArea {padding:80px 0 0;}
    .stepArea .wrap { width:1200px;}
    .stepArea .titleBox { padding:20px 0; text-align:center;margin-bottom:20px;}
    .stepArea .titleBox .title { font-size:23px; font-weight:600; color:#5d5d5d; }
    .stepArea .stepBox { position:relative; background-image: url(../image/pc-line.png); background-repeat: no-repeat; background-position: 0 140px;}
    .stepArea .item { position:relative;padding-bottom:50px;}
    @media (max-width:1180px) {
      .stepArea .item { margin:0 auto;padding:10px 0; max-width:200px;}
    }
    @media (min-width:1181px) and (max-width:1366px) {
      .stepArea .item:hover .Img img {-webkit-transform:scale(0.27); -ms-transform:scale(0.27);transform:scale(0.27); }
    }
    @media (min-width:1181px) and (max-width:1280px) {
      .stepArea .item:hover .Img img { -webkit-transform:scale(0.29); -ms-transform:scale(0.29); transform:scale(0.29);}
    }
    @media (min-width:1181px) {
      .stepArea .item.current .Img img {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
      .stepArea .item.current .Txt {bottom:0%; }
      .stepArea .item.current .Txt .title { opacity:1; }
      .stepArea .item.current:hover .Img img { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
      .stepArea .item.current:hover .Txt {bottom:0%; }
      .stepArea .item.current:hover .Txt .stepNum { opacity:1;}
    }
    .stepArea .Img {position:relative; max-width:245px; max-height:272px; overflow:hidden;}
    @media (max-width:1180px) {
      .stepArea .Img:before {  display:none; }
    }
    .stepArea .Img img { display:block; width:100%;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:scale(0.55); -ms-transform:scale(0.55);transform:scale(0.55); }
    @media (max-width:1180px) {
      .stepArea .Img img { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);} 
    }
    .stepArea .Txt { pointer-events:none; position:absolute; bottom:60px; left:0;width:100%; text-align:center; z-index:1; -webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease; }
    .stepArea .Txt .word { font-size:16px;color:#333333; }
    .slick-current .Txt .word {font-size: 20px;font-weight: bold;}
    .featureArea .wrap {  width:100%; }
    .featureArea .item { position:relative; }
    .featureArea .Txt {max-width:400px;}
    .featureArea .Txt p { padding-right:10px;font-weight:400; color:#fff; line-height:1.8; letter-spacing:1.5px;}
    .featureArea .title { padding-bottom:30px; margin-bottom:15px;border-bottom:1px solid #fff;}
    .featureArea .title a { font-size:30px; font-weight:700; color:#fff;  letter-spacing:5px;}
    .popularPageList { margin-top: 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
    .popularPageList li { margin-left: 17px;}
    .popularPageList .dot {position:relative;padding-top: 22px; cursor:pointer; font-size: 14px;  color: #999999; width:13px;}
    .popularPageList .dot:before { content:"";position:absolute;top:7px; left:50%;-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:13px; height:13px;border-radius:50%;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
    .stepList2 .title a { display: block; text-align: center;font-size: 16px;color: #666;margin-top: 15px;}
    /* main */
    .mxbcic-main {padding: 80px 0;}
    .mxbcic-main-fl {width: 800px;height: auto;float: left;}
    .mxbcic-main-fr {width: 360px;height: auto;float: right;}
    /* 右侧导航链接*/
    .mxbcic-fight-sx li {float: left; width: 175px; height: 175px;background-color: #fff;margin-right: 10px;margin-bottom: 10px;text-align: center;font-size: 16px;line-height: 16px;}
    .mxbcic-fight-sx li:first-child { width: 100%;background-image: url(../image/pc-js-icon.png); background-repeat: no-repeat; background-position: center 83px;}
    .mxbcic-fight-sx li:nth-child(2) {background-image: url(../image/pc-fy-icon.png);background-repeat: no-repeat;background-position: center 84px;}
    .mxbcic-fight-sx li:nth-child(3) {background-image: url(../image/pc-tj-icon.png);background-repeat: no-repeat;background-position: center 84px;}
    .mxbcic-fight-sx li:nth-child(4) {background-image: url(../image/pc-lc-icon.png);background-repeat: no-repeat;background-position: center 84px;}
    .mxbcic-fight-sx li:nth-child(5) {background-image: url(../image/pc-ys-icon.png);background-repeat: no-repeat;background-position: center 84px;}
    .mxbcic-fight-sx li:nth-child(2n+1) {margin-right: 0;}
    .mxbcic-fight-sx li.sxactive {font-size: 20px;line-height: 20px;}
    .mxbcic-fight-sx li a {padding-top: 50px; display: block;color: #333333;}
    /* 品牌新闻  开店案例 */
    .mxbcic-title5 { font-size: 28px;line-height: 28px;color: #333333;}
    .mxbcic-information {background: #fff;padding: 50px 20px 35px 30px;box-sizing: border-box;font-size: 16px;line-height: 16px;}
    .mxbcic-information-list {margin-top: 38px;}
    .mxbcic-information-per { margin-bottom: 29px;}
    .mxbcic-information-per:last-child { margin-bottom: 0;}
    .mxbcic-information-per a {float: left;display: block;color: #333333; width: 194px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
    .mxbcic-information-per span {font-size: 12px;float: right; color: #999999;}
    .mxbcic-tuijian-wrap {display: none!important;}
    .mxbcic-tab-wrap {display: none!important;}
    /* 面包屑 */
    .mxbcic-bread { display: none!important;}
    .mxbcic-pc-bread {font-size: 12px;color: #333333;padding: 37px 0;}
    .mxbcic-pc-bread a {color: #333333;}
    /* 快捷留言，极速加盟 */
    .mxbcic-wap-liuyan {display: none!important;}
    .mxbcic-pc-liuyan {padding-top: 80px;}
    .mxbcic-liuyan-title {font-size: 30px;line-height: 30px;  color: #333;}
    .mxbcic-liuyan-wrap {margin-top: 66px; padding-bottom: 80px;}
    .mxbcic-liuyan-form {width: 817px; font-size: 14px;color: #333;border-right: 1px solid #e0e0e0;padding: 10px 0 3px;}
    .mxbcic-liuyan-textarea { float: left; width: 380px; height: 147px; background: #fff; border-radius: 5px; padding: 19px 13px;box-sizing: border-box; margin-right: 20px;overflow:auto;}
    .mxbcic-liuyan-div { position: relative; width: 356px; height: 42px;line-height: 42px;border-radius: 5px; margin-bottom: 10px;}
    .mxbcic-liuyan-div input { display: block;width: 100%;height: 100%;line-height: 21px;background: #fff;padding-left: 14px;box-sizing: border-box; }
    .mxbcic-liuyan-div span {position: absolute; top: 0;right: 14px;font-size: 12px;height: 42px; line-height: 42px; color: #adadad;   }
    .mxbcic-liuyan-submit { width: 356px; height: 42px;line-height: 42px;border-radius: 21px;text-align: center; font-size: 16px; color: #fffefe;cursor:pointer;}
    .ksjmeng { width: 356px; height: 42px;line-height: 42px;border-radius: 21px;text-align: center; font-size: 16px; color: #fffefe;cursor:pointer;}
    .mxbcic-liuyan-div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1"; }
    .mxbcic-liuyan-div input::-moz-placeholder { /* Mozilla Firefox 19+ */  font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input::-webkit-input-placeholder { /* WebKit browsers */font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .placeholder{font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea::-webkit-input-placeholder { /* WebKit browsers */font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1"; }
    .mxbcic-liuyan-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea:-ms-input-placeholder { /* Internet Explorer 10+ */font-size:14px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-company { width: 332px;margin-left: 50px;}
    .mxbcic-zbdz { padding-left: 23px; font-size: 16px;line-height: 19px;color: #333333;background-image: url(../image/pc-map-icon.png);background-repeat: no-repeat;background-position: 0 center;}
    .mxbcic-address { padding-left: 23px;margin-top: 7px;font-size: 14px;line-height: 28px;color: #666666;}
    .mxbcic-contact-phone {margin-top: 20px;padding-left: 25px;font-size: 16px;line-height: 20px;color: #333333; background-image: url(../image/pc-tell.png);background-repeat: no-repeat;background-position: 0 center;}
    .mxbcic-contact-num {margin-top: 12px;padding-left: 25px;font-size: 16px; line-height: 16px;margin-left: -35px;}
    .tishi{
      display: none;
      position: absolute;
      color: rgb(255, 0, 0);
      font-size: 12px;
      }
    .tishiid1{
      margin-top: -26px;
      right: 5px;
    }
    .tishiid2{
      margin-top: -40px;
      right: 5px;
    }
    /* 底部 */
    .mxbcic-fotter {background: #ffefef;padding: 30px 0 74px;}
    .mxbcic-company {display: none;}
    .mxbcic-tips {font-size: 12px;color: #999999;line-height: 12px; margin-top: 20px;}
    .mxbcic-tips a {color: #999999;}
    .mxbcic-link {margin-top: 45px; font-size: 12px; color: #999999; line-height: 24px;}
    .mxbcic-link a {margin-right: 20px; color: #999999;}
    .mt55 {margin-top: 55px;}
    /* 右侧悬浮 */
    .mxbcic-fupiao {position: fixed;top: 50%; right: 30px;z-index: 10;
      display: block; width: 75px; 
      height: 75px;
      background-image: url(../image/pc-fb-icon1.png); background-repeat: no-repeat;background-position: 0 center;-webkit-animation: Tada 3s both infinite;-moz-animation: Tada 3s both infinite; -ms-animation: Tada 3s both infinite;animation: Tada 3s both infinite;transform-origin: 50% 70%;
      text-align: center;
      font-size: 18px;
    }
    .mxbcic-fupiao:hover {background-image: url(../image/pc-fb-icon2.png);background-repeat: no-repeat;background-position: 0 center;}
    @keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-webkit-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-moz-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-o-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    /* 弹窗 */
    .mxbcic-shade {width: 100%; height: 100%;position: fixed;margin: auto auto;left: 0; top: 0;right: 0;bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);}
    .mxbcic-tc-warp {width: 520px;height: 327px;border-radius: 10px;background: url(../image/pc-tc-bg.png) no-repeat center;margin: auto auto;left: 50%; margin-left: -260px;top: 25%;bottom: 0;padding: 44px 46px 0;box-sizing: border-box;}
    .mxbcic-tc-logo {width: 134px; height: 42px; }
    .mxbcic-tc-logo img {display: block;width:100%;height:100%;}
    .mxbcic-success-icon {margin: 36px auto 0;width: 69px;height: 69px; }
    .mxbcic-success-icon img {display: block;width:100%;height:100%;}
    .mxbcic-tc-text {font-size: 24px; line-height: 24px;margin-top: 20px; text-align: center;}
    .mxbcic-tc-gb {width: 60px;height: 60px;bottom:-110px;left: 50%;margin-left: -30px;cursor: pointer;}
    .mxbcic-tc-gb img{ display: block;width:100%;height:100%;}

    .model{display: none;}
    .ys-yyjm-btn{display: none;}
}
/* 平板 */
@media (max-width: 1200px) and (min-width: 750px){
    /* 头部 */ 
    .mxbcic-pc-head {display: none!important;}
    .mxbcic-menu-wrap {width: 100%;position: fixed;top: 0; left: 0; bottom: 0; right: 0;margin: auto auto;z-index: 120;background-color: #fff;}
    .mxbcic-menu-wrap .mxbcic-top-wrap { border-bottom: 1px solid #dddddd;}
    .mxbcic-menu-close { width: 30px!important; height: 30px!important;}  
    .mxbcic-menu-list {padding: 0 4%;height: auto;margin: 30px auto 0;background: #fff;}
    .mxbcic-per-menu {margin-top: 15px;height: 47px;line-height: 47px;font-size: 18px;border-bottom: 1px solid #eeeeee;background-image: url(../image/jiantou-icon1.png);background-repeat: no-repeat;background-position: right center; background-size: 8px auto;}
    .mxbcic-per-menu a {display: block;color: #333333;}
    .mxbcic-per-menu:active {background-image: url(../image/jiantou-icon2.png);background-repeat: no-repeat;background-position: right center;background-size: 8px auto;}
    .mxbcic-per-menu:active a {font-weight: bold;}
    .mxbcic-container { width: 100%;margin: 0 auto;height: auto;}
    .mxbcic-top-wrap{ padding:0 4%; height:100px;}
    .mxbcic-logo{ float: left; width:191px; height:59px;margin-top: 20px;}
    .mxbcic-logo a,.mxbcic-logo a img{ display: block; width:100%; height:100%;}
    .mxbcic-menu{float: right;width:42px; height:32px; margin-top: 34px;}
    .mxbcic-menu img{ display: block;width:100%; height:100%;}
    /* banner */
    .mxbcic-public-banner {position: relative;width: 100%;height: 420px;}
    .mxbcic-public-banner img { display: block; width: 100%;height: 100%;}
    .mxbcic-banner-content { position: absolute;left: 5.3%;top: 60px;}
    .mxbcic-banner-line { width: 96px;height: 4px;}
    .mxbcic-banner-en {margin-top: 18px;font-size: 36px;line-height: 1.2;font-family: "Arial";}
    .mxbcic-banner-title {margin-top: 26px;font-size: 70px;line-height: 1.2;font-weight:bold;}
    /* h2标题 */
    .mxbcic-title1 {display: inline-block;font-size: 36px;color: #333333; line-height: 1.2;}
    .mxbcic-title1 span {display: block;margin-top: 26px;font-weight: bold;}
    .mxbcic-title1 span:before {display: inline-block;content: "";width: 12px;height: 12px;margin-right: 16px; vertical-align: middle;border-radius: 50%;}
    .mxbcic-title1 span:after {display: inline-block;content: "";width: 12px;height: 12px;margin-left: 16px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title-h1 {display: inline-block;font-size: 36px;color: #333333;line-height: 1.2;} 
    .mxbcic-title2 { margin-top: 20px; font-size: 36px;color: #333333; line-height: 1.2;}
    .mxbcic-title3 {font-size: 36px;line-height: 1.2;color: #333333;}
    .mxbcic-title3:before {display: inline-block;content: "";width: 12px;height: 12px;margin-right: 16px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title3:after {display: inline-block;content: "";width: 12px;height: 12px;margin-left: 16px;vertical-align: middle;border-radius: 50%;}
    /* 支持篇 */
    .mxbcic-pc-zhichi {display: none!important;}
    .mxbcic-zhichi-wrap {margin-top: 92px;padding: 70px 4% 90px;}
    .noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
    #wrap { margin-top: 68px;width: 100%; position: relative;}
    #showcase { width: 100%;height: 400px;visibility: hidden;background-image: url(../image/content.png); background-repeat: no-repeat; background-position: center 40px; background-size: 100% auto;color: #333333;}
    @media (min-width:1082px) and (max-width:1200px) { #showcase {height: 460px; }}
    .cloud9-item {width: 192px; height: 216px; }
    .cloud9-item img { display: block; width: 100%; height: 100%;}
    .mxbcic-zhichi-title { margin-top: 30px; font-size: 24px; line-height: 1.2; text-align: center;}
    .mxbcic-zhichi-wrap .swiper-container {margin:20px auto 0;position:relative;overflow:hidden;width: 100%;padding-bottom: 50px;}
    .mxbcic-zhichi-wrap .swiper-slide p {font-size: 24px;color: #666666; text-align: center; line-height: 48px;  padding: 0 22px;}
    .mxbcic-zhichi-wrap .pagination {position: absolute;left: 0;text-align: center;bottom:-4px;width: 100%; z-index: 1;}
    .mxbcic-zhichi-wrap .swiper-pagination-switch {display: inline-block;width: 18px;height: 18px;border-radius: 50%!important;margin: 0 8px!important; opacity: 1;}
    /* 相关文章推荐 */
    .mxbcic-main-fr {display: none!important;}
    .mxbcic-tuijian-wrap {margin-top: 90px;padding: 90px 4%;overflow:hidden;}
    .mxbcic-tuijian-title {padding-bottom: 40px;}
    .mxbcic-tuijian-line {width: 37px;height: 3px;}
    .mxbcic-tuijian-en {font-size: 36px;line-height: 1.2;font-family: "Arial";}
    .mxbcic-tuijian-wrap .swiper-container {margin-top: 60px;position:relative;overflow:hidden;padding-bottom: 20px;width: 100%;}
    .mxbcic-tuijian-wrap .pagination {position: absolute;left: 0;text-align: center;bottom:-4px;width: 100%;z-index: 1;}
    .mxbcic-tuijian-wrap .swiper-pagination-switch {display: inline-block;width: 18px;height: 18px;border-radius: 50%!important;margin: 0 8px!important; opacity: 1;}
    .mxbcic-tuijian-list li {display: flex; margin-bottom: 50px;}
    .mxbcic-tuijian-img {display: block;width: 240px;height: 160px;border-radius: 5px;margin-right: 20px;}
    .mxbcic-tuijian-img img {display: block; width: 100%;height: 100%;border-radius: 5px;}
    .mxbcic-tuijian-content {flex: 1;}
    .mxbcic-tuijian-content a {display: block;margin-top: 10px;font-size: 28px;line-height: 1.2;color: #333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .mxbcic-tuijian-content p {margin-top: 26px;font-size: 24px;color: #666666;line-height: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    /* 品牌新闻  开店案例 */
    .mxbcic-tab-wrap {margin-top: 90px;padding: 0 4%;}
    .mxbcic-tab-title li {float: left;font-size: 36px;color: #333333;font-weight: bold;margin-right: 42px;line-height: 1.2;}
    .mxbcic-tab-title li.tabactive {padding-bottom: 16px;}
    .mxbcic-tab-content {margin-top: 70px;}
    .mxbcic-tab-list li {font-size: 28px;line-height: 30px;overflow: hidden;margin-bottom: 36px;}
    .mxbcic-tab-list li:last-child {margin-bottom: 0;}
    .mxbcic-tab-list li a {float: left;display: block;color: #333;width: 490px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .mxbcic-tab-list li span {float: right;font-size: 24px;color: #999999;}
    /* 快捷留言，极速加盟 */
    .mxbcic-pc-liuyan {display: none!important;}
    .mxbcic-wap-liuyan {margin-top: 90px;padding: 0 4%;}
    .mxbcic-liuyan-title {font-size: 36px;color: #333333; line-height: 1.2;text-align: center;}
    .mxbcic-liuyan-title:before {display: inline-block;content: "";width: 12px;height: 12px;margin-right: 16px; vertical-align: middle;border-radius: 50%;}
    .mxbcic-liuyan-title:after {display: inline-block;content: "";width: 12px;height: 12px;margin-left: 16px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-liuyan-form {margin-top: 70px;font-size: 24px; color: #333;}
    .mxbcic-liuyan-div {position: relative;width: 100%;height: 70px;border-radius: 5px;margin-bottom: 30px;}
    .mxbcic-liuyan-div input {display: block; width: 100%;line-height: 70px;padding: 0 30px;font-size: 24px;box-sizing: border-box;}
    .mxbcic-liuyan-div span {position: absolute;top: 0;right: 24px;font-size: 24px;height: 70px;line-height: 70px;color: #adadad;}
    .mxbcic-liuyan-textarea { width: 100%;height: 150px;border-radius: 5px;padding: 30px;box-sizing: border-box;overflow: auto;}
    .mxbcic-liuyan-div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input::-moz-placeholder { /* Mozilla Firefox 19+ */font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input:-ms-input-placeholder { /* Internet Explorer 10+ */font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input::-webkit-input-placeholder { /* WebKit browsers */font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .placeholder{font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea::-webkit-input-placeholder { /* WebKit browsers */ font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea:-ms-input-placeholder { /* Internet Explorer 10+ */font-size:24px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-wap-submit { margin: 40px auto 0;width: 100%;height: 70px;line-height: 70px;border-radius: 35px;font-size: 28px;color: #fffefe;text-align: center;}
    /* 面包屑 */
    .mxbcic-pc-bread { display: none!important;}
    .mxbcic-bread {margin-top: 80px; padding: 0 4%;font-size: 22px;color: #999999;}
    .mxbcic-bread a {color: #999999;}
    .mxbcic-bread a:active {color: #e40055;}
    .mxbcic-bread p {margin-top: 28px;}
    .mxbcic-mt20 {margin-top: 40px!important;}
    /* 底部 */
    .mxbcic-fotter { margin-top: 90px;padding: 90px 4%;}
    .mxbcic-company {padding-bottom: 60px;border-bottom: 1px solid #fcd7df; margin-bottom: 60px;}
    .mxbcic-company li { font-size: 24px;margin-bottom: 50px;}
    .mxbcic-company li strong { display: block;   color: #333333; font-weight: bold;line-height: 32px;padding-left: 38px;}
    .mxbcic-company li:last-child {margin-bottom: 0;}
    .mxbcic-company li:first-child strong {background-image: url(../image/adress-icon.png);background-repeat: no-repeat;background-position:0 center; background-size: 22px auto;}
    .mxbcic-company li:nth-child(2) strong { background-image: url(../image/phone-icon.png);background-repeat: no-repeat;background-position:0 center;background-size: auto 32px;}
    .mxbcic-company li p { margin-top: 20px;color: #666666; padding-left: 38px;}
    .mxbcic-tips {font-size: 24px; color: #999999;line-height: 24px; margin-top: 30px;}
    .mxbcic-tips a { color: #999999; }
    .mxbcic-link {display: none;}
    /* 右侧悬浮 */
    .mxbcic-fupiao { position: fixed;top: 50%; right: 4%;z-index: 100;display: block;width: 90px;height: 90px;background-image: url(../image/fixed-icon1.png); background-repeat: no-repeat;background-position: 0 center; background-size: 90px auto;-webkit-animation: Tada 3s both infinite;-moz-animation: Tada 3s both infinite;-ms-animation: Tada 3s both infinite;animation: Tada 3s both infinite;transform-origin: 50% 70%;}
    .mxbcic-fupiao:active { background-image: url(../image/fixed-icon2.png);background-repeat: no-repeat;background-position: 0 center;background-size: 90px auto;}
    @keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-webkit-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-moz-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-o-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
     /* 弹窗 */
     .mxbcic-shade {width: 100%;height: 100%;position: fixed;margin: auto auto;left: 0; top: 0; right: 0;bottom: 0;z-index: 99; background: rgba(0, 0, 0, 0.3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);}
    .mxbcic-tc-warp {width: 600px;height: 514px;border-radius: 10px; background-image: url(../image/tc-bg.png); background-repeat: no-repeat;background-position: center; background-size: 100% auto;margin: auto auto;left: 50%;margin-left: -300px;top: 25%;bottom: 0; padding: 50px 60px 0;box-sizing: border-box;}
    .mxbcic-tc-logo { width: 200px;height: 62px; }
    .mxbcic-tc-logo img {display: block;width:100%;height:100%;}
    .mxbcic-success-icon { margin: 32px auto 0;width: 99px;height: 99px;}
    .mxbcic-success-icon img { display: block;width:100%;height:100%;}
    .mxbcic-tc-text { font-size: 50px; line-height: 1.2;margin-top: 30px; text-align: center;}
    .mxbcic-tc-gb { width: 60px; height: 60px; bottom: -120px;left: 50%; margin-left: -30px;}
    .mxbcic-tc-gb img{display: block;width:100%;height:100%;}

    .model{display: none;}
    .ys-yyjm-btn{display: none;}
}
/* wap */
@media screen and (max-width: 750px){
    /* 头部 */ 
    .mxbcic-pc-head { display: none!important;}
    .mxbcic-menu-wrap {width: 100%;max-width: 750px;position: fixed;top: 0;left: 0;bottom: 0;right: 0;margin: auto auto;z-index: 120;background-color: #fff;}
    .mxbcic-menu-wrap .mxbcic-top-wrap {border-bottom: 1px solid #dddddd;}
    .mxbcic-menu-close {width: 15px!important;height: 15px!important;}
    .mxbcic-menu-list {padding: 0 4%;height: auto;margin: 30px auto 0;background: #fff;}
    .mxbcic-per-menu {margin-top: 15px;height: 47px;line-height: 47px;font-size: 18px;border-bottom: 1px solid #eeeeee;background-image: url(../image/jiantou-icon1.png);background-repeat: no-repeat;background-position: right center; background-size: 8px auto;}
    .mxbcic-per-menu a {display: block;color: #333333;}
    .mxbcic-per-menu:active {background-image: url(../image/jiantou-icon2.png);background-repeat: no-repeat;background-position: right center;background-size: 8px auto;}
    .mxbcic-per-menu:active a {font-weight: bold;}
    .mxbcic-container { width: 100%; max-width: 750px;margin: 0 auto;height: auto;}
    .mxbcic-top-wrap{ padding:0 4%; height:50px;}
    .mxbcic-logo{float: left;width:96px; height:30px;margin-top: 10px;}
    .mxbcic-logo a,.mxbcic-logo a img{display: block;width:100%;height:100%;}
    .mxbcic-menu{float: right;width:21px;height:16px;margin-top: 17px;}
    .mxbcic-menu img{display: block;width:100%; height:100%;}
    /* banner */
    .mxbcic-public-banner {position: relative;width: 100%; height: 210px;}
    .mxbcic-public-banner img {display: block; width: 100%; height: 100%;}
    .mxbcic-banner-content {position: absolute;left: 5.3%; top: 30px;}
    .mxbcic-banner-line {width: 48px; height: 2px;}
    .mxbcic-banner-en {margin-top: 9px; font-size: 18px;line-height: 1.2;font-family: "Arial";}
    .mxbcic-banner-title { margin-top: 13px;font-size: 35px;line-height: 1.2;font-weight: bold;}
    /* h2标题 */
    .mxbcic-title1 { display: inline-block;font-size: 18px; color: #333333;line-height: 1.2;}
    .mxbcic-title1 span { display: block; margin-top: 13px;font-weight: bold;}
    .mxbcic-title1 span:before { display: inline-block;content: ""; width: 6px;height: 6px;margin-right: 8px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title1 span:after {display: inline-block;content: "";width: 6px;height: 6px;margin-left: 8px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title-h1 {display: inline-block;font-size: 18px;color: #333333;line-height: 1.2;}
    .mxbcic-title2 {margin-top: 10px;font-size: 18px;color: #333333;line-height: 1.2;}
    .mxbcic-title3 { font-size: 18px;line-height: 1.2;color: #333333;}
    .mxbcic-title3:before {display: inline-block;content: "";width: 6px;height: 6px;margin-right: 8px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-title3:after {display: inline-block;content: "";width: 6px;height: 6px;margin-left: 8px;vertical-align: middle;border-radius: 50%;}
    /* 支持篇 */
    .mxbcic-pc-zhichi {display: none!important;}
    .mxbcic-zhichi-wrap {margin-top: 46px;padding: 35px 4% 45px;}
    .noselect { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    #wrap { margin-top: 34px; width: 100%;position: relative;}
    #showcase { width: 100%; height: 200px;visibility: hidden;background-image: url(../image/content.png);background-repeat: no-repeat;background-position: center 20px; background-size: 100% auto;color: #333333;}
    @media (min-width:536px) and (max-width:750px) {  #showcase {height: 260px; }}
    .cloud9-item { width: 96px; height: 108px;}
    .cloud9-item img {display: block;width: 100%; height: 100%;}
    .mxbcic-zhichi-title {margin-top: 15px;font-size: 12px;line-height: 1.2; text-align: center;}
    .mxbcic-zhichi-wrap .swiper-container { margin:10px auto 0;position:relative;overflow:hidden;width: 100%;padding-bottom: 25px;}
    .mxbcic-zhichi-wrap .swiper-slide p {font-size: 12px;color: #666666;text-align: center;line-height: 24px;padding: 0 11px;}
    .mxbcic-zhichi-wrap .pagination { position: absolute;left: 0;text-align: center;bottom:-4px;width: 100%; z-index: 1;}
    .mxbcic-zhichi-wrap .swiper-pagination-switch {display: inline-block; width: 9px; height: 9px;border-radius: 50%!important;margin: 0 4px!important; opacity: 1;}
    /* 相关文章推荐 */
    .mxbcic-main-fr {display: none!important;}
    .mxbcic-tuijian-wrap {margin-top: 45px;padding: 45px 4%;overflow:hidden;}
    .mxbcic-tuijian-title {padding-bottom: 20px;}
    .mxbcic-tuijian-line {width: 19px;height: 2px;}
    .mxbcic-tuijian-en {font-size: 18px;line-height: 1.2;font-family: "Arial";}
    .mxbcic-tuijian-wrap .swiper-container {margin-top: 30px;position:relative;overflow:hidden;padding-bottom: 10px;width: 100%;}
    .mxbcic-tuijian-wrap .pagination {position: absolute;left: 0;text-align: center;bottom:-4px;width: 100%;z-index: 1;}
    .mxbcic-tuijian-wrap .swiper-pagination-switch {display: inline-block;width: 9px;height: 9px;border-radius: 50%!important;margin: 0 4px!important;opacity: 1;}
    .mxbcic-tuijian-list li {display: flex;margin-bottom: 25px;}
    .mxbcic-tuijian-img {display: block;width: 120px;height: 80px;border-radius: 3px;margin-right: 10px;}
    .mxbcic-tuijian-img img {display: block;width: 100%;height: 100%;border-radius: 3px;}
    .mxbcic-tuijian-content {flex: 1;}
    .mxbcic-tuijian-content a {display: block;margin-top: 5px;font-size: 14px;line-height: 1.2;color: #333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .mxbcic-tuijian-content p {margin-top: 13px;font-size: 12px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    /* 品牌新闻  开店案例 */
    .mxbcic-tab-wrap {margin-top: 45px;padding: 0 4%;}
    .mxbcic-tab-title li {float: left;font-size: 18px;color: #333333;font-weight: bold;margin-right: 21px;line-height: 1.2;}
    .mxbcic-tab-title li.tabactive {padding-bottom: 8px;}
    .mxbcic-tab-content { margin-top: 35px;}
    .mxbcic-tab-list li {font-size: 14px;line-height: 16px;overflow: hidden;margin-bottom: 18px;}
    .mxbcic-tab-list li:last-child {margin-bottom: 0;}
    .mxbcic-tab-list li a {float: left;display: block;color: #333; width: 245px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .mxbcic-tab-list li span {float: right;font-size: 12px;color: #999999;}
    /* 快捷留言，极速加盟 */
    .mxbcic-pc-liuyan {display: none!important;}
    .mxbcic-wap-liuyan {margin-top: 45px;padding: 0 4%;}
    .mxbcic-pc-liuyan{display:none;}
    .mxbcic-liuyan-title { font-size: 18px; color: #333333; line-height: 1.2; text-align: center;}
    .mxbcic-liuyan-title:before {display: inline-block;content: ""; width: 6px;height: 6px;margin-right: 8px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-liuyan-title:after { display: inline-block; content: ""; width: 6px;height: 6px;margin-left: 8px;vertical-align: middle;border-radius: 50%;}
    .mxbcic-liuyan-form {margin-top: 35px;font-size: 12px; color: #333;}
    .mxbcic-liuyan-div { position: relative; width: 100%; height: 35px; border-radius: 3px;margin-bottom: 15px;}
    .mxbcic-liuyan-div input { display: block;width: 100%; font-size: 12px; height: 35px; line-height: 20px; padding: 0 15px; box-sizing: border-box;}
    .mxbcic-liuyan-div span { position: absolute;top: 0;right: 12px;font-size: 12px;height: 35px; line-height: 35px;color: #ff0000;}
    .mxbcic-liuyan-textarea {width: 100%;height: 75px;border-radius: 3px;padding: 15px;box-sizing: border-box;overflow: auto;}
    .mxbcic-liuyan-div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input::-moz-placeholder { /* Mozilla Firefox 19+ */font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input:-ms-input-placeholder { /* Internet Explorer 10+ */font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-div input::-webkit-input-placeholder { /* WebKit browsers */font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .placeholder{font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea::-webkit-input-placeholder { /* WebKit browsers */font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-liuyan-textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:12px;color: #adadad;font-family: "\5FAE\8F6F\96C5\9ED1";}
    .mxbcic-wap-submit {margin: 20px auto 0;width: 100%;height: 35px;line-height: 35px;border-radius: 35px;font-size: 14px; color: #fffefe;text-align: center;}
    /* 面包屑 */
    .mxbcic-pc-bread { display: none!important;}
    .mxbcic-bread {margin-top: 40px; padding: 0 4%;font-size: 12px;color: #999999;}
    .mxbcic-bread a {color: #999999;}
    .mxbcic-bread a:active {color: #e40055;}
    .mxbcic-bread p {margin-top: 14px;}
    .mxbcic-mt20 {margin-top: 20px!important;}
    /* 底部 */
    .mxbcic-fotter {margin-top: 45px;padding: 45px 4%;margin-bottom: 30px;}
    .mxbcic-company {padding-bottom: 30px;border-bottom: 1px solid #fcd7df; margin-bottom: 30px;}
    .mxbcic-company li {font-size: 12px;margin-bottom: 25px; }
    .mxbcic-company li strong {display: block;   color: #333333;font-weight: bold;line-height: 16px;padding-left: 19px;}
    .mxbcic-company li:last-child { margin-bottom: 0; }
    .mxbcic-company li:first-child strong {background-image: url(../image/adress-icon.png);background-repeat: no-repeat;background-position:0 center; background-size: 11px auto;}
    .mxbcic-company li:nth-child(2) strong {background-image: url(../image/phone-icon.png); background-repeat: no-repeat;background-position:0 center;background-size: auto 16px;}
    .mxbcic-company li p { margin-top: 10px;color: #666666;padding-left: 19px;}
    .mxbcic-tips {  font-size: 12px;color: #999999;line-height: 1.2;margin-top: 15px;}
    .mxbcic-tips a {color: #999999;}
    .mxbcic-link {display: none;}
    /* 右侧悬浮 */
    .mxbcic-fupiao { position: fixed; top: 50%;right: 4%;z-index: 100;display: block;width: 45px; height: 45px; background-image: url(../image/fixed-icon1.png);background-repeat: no-repeat;background-position: 0 center;background-size: 45px auto; -webkit-animation: Tada 3s both infinite;-moz-animation: Tada 3s both infinite;-ms-animation: Tada 3s both infinite;animation: Tada 3s both infinite;transform-origin: 50% 70%;}
    .mxbcic-fupiao:active { background-image: url(../image/fixed-icon2.png);background-repeat: no-repeat;background-position: 0 center; background-size: 45px auto; }
    @keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-webkit-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-moz-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    @-o-keyframes Tada {
         0%,
         69% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0);
         }
         70%,
         73% {
           transform: scale(0.9) rotate(-30deg);
           transform: scale(0.9) rotate(-30deg)
         }
         77%,
         83%,
         90%,
         97% {
           transform: scale(1) rotate(30deg);
           transform: scale(1) rotate(30deg)
         }
         80%,
         87%,
         93% {
           transform: scale(1) rotate(-30deg);
           transform: scale(1) rotate(-30deg)
         }
         100% {
           transform: scale(0.9) rotate(0);
           transform: scale(0.9) rotate(0)
         }
    }
    /* 弹窗 */
    .mxbcic-shade {width: 100%;height: 100%;position: fixed; margin: auto auto;left: 0;top: 0; right: 0;bottom: 0;z-index: 99;background: rgba(0, 0, 0, 0.3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);}
    .mxbcic-tc-warp {width: 300px;height: 257px; border-radius: 10px;background-image: url(../image/tc-bg.png);background-repeat: no-repeat;background-position: center;background-size: 100% auto; margin: auto auto;left: 50%;margin-left: -150px;top: 25%; bottom: 0;padding: 25px 30px 0;box-sizing: border-box;}
    .mxbcic-tc-logo { width: 100px;height: 31px;  }
    .mxbcic-tc-logo img {display: block;width:100%;height:100%;}
    .mxbcic-success-icon {margin: 32px auto 0;  width: 50px; height: 50px;}
    .mxbcic-success-icon img {display: block;width:100%;height:100%;}
    .mxbcic-tc-text {font-size: 24px;line-height: 1.2;margin-top: 15px;text-align: center; }
    .mxbcic-tc-gb {width: 30px; height: 30px;bottom: -60px;left: 50%; margin-left: -15px;}
    .mxbcic-tc-gb img{display: block;width:100%;height:100%;}

    /* 弹窗表单 */
    .message-formn{
      width: 90%;
      height: auto;
      margin: 20px auto 0;
  }
  .message-formn .form-label{
      width: 100%;
}
.message-formn .form-label span{
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  color: #ff0000;
}
.form-control {
    box-sizing: border-box;
    font-family: inherit;
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.message-formn .btn{
    width: 50%;
    margin: auto;
    border-radius: 50px;
    height: 33px;
    border: none;
    margin-left: 23%;
    margin-top: 20px;
  }
  .btn-primary{
      color: #fff;
      background-color: #da0808;
  }
  
  .form-group{
      margin-bottom: 15px;
  }
  .ys-layer-shade{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.7);
    margin: auto auto;
    z-index: 999;
    max-width: 750px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.ys-layer-wrap{
    width: 78%;
    background: #fff1f1;
    margin: auto auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 270px;
    padding-top: 30px;
    border-radius: 15px;
}
.p-a{
    position: absolute;
}
.ys-layer-close{
    width: 34px;
    height: 34px;
    right: -15px;
    top: -15px;
}
.ys-layer-close img{
    display: block;
    width: 34px;
    height: 34px;
}
.ys-layer-title{
    height: 30px;
    line-height: 30px;
}
.t-c{
    text-align: center;
}
.ys-layer-title span{
    background-size: 10px 10px,17px 5px;
    font-size: 20px;
    color: #242424;
    font-weight: bold;
    padding: 2px 5px;
}
/*底部固定按钮右侧*/
.ys-yyjm-btn{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #d80303;
  font-weight: bold;
  letter-spacing: 1px;
  bottom: 0px;
  position: fixed;
  z-index: 9999;
}
.ys-yyjm-btn img{
  vertical-align: middle;
  height: 20px;
  margin-right: 5px;
  margin-top: -2px;
}
/* 提交成功弹窗 */
.model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.79);
	z-index: 999;
}
.model_popup {
	width: 80%;
	background-color: #FFFFFF;
	border-radius: 8px;
	text-align: center;
	padding-bottom: 20px;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
}
.model_popup .popup-ts {
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #333333;
    font-size: 16px;
    color: #333333;
}
.model_popup .popup-text {
    padding: 25px 40px 35px;
    text-align: center;
    font-size: 16px;
    color: #333333;
	/* border-bottom: 1px solid #f2f2f2; */
	border-top: 1px solid #ff0000;
}
.popup-btn {
	overflow: hidden;
}
.popup-btn .sure{
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    background-color: #ff0000;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
	/* float: right; */
	margin-right: 40px;
}
.popup-btn .alert_sure {
	margin: 0;
}
/* ///// */
}