/* 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;}
  /* //新top */
  .jw-top {
    margin: auto;
    width: 100%;
    height: 121px;
    background: #fff;
    position: relative;
    z-index: 99;
}
.jw-top .toptp{width: 100%; height: 15px; background: #a72b2b;}
.jw-top-c {
    margin: auto;
    width: 1170px;
    overflow: hidden;
}

.jw-top-c ul {
    float: left;
}

.jw-top-c .ul1 {
    float: right;
}

.jw-top-c ul li {
    float: left;
    margin-right: 76px;
    padding-top: 30px;
    width: 90px;
    height: 76px;
    text-align: center;
}

.jw-top-c .ul1 li {
    margin-left: 76px;
    margin-right: 0px;
}

.jw-top-c ul li:hover {
    background-color: #e50053;
}
.jw-top-c ul li a:hover{
  color: #fff;
}
.jw-top-c ul li a {
    color: #e50053;
    font-size: 12px;
}

.jw-top-c ul li span {
    display: block;
    font-size: 18px;
    margin-top: 2px;
}

.jw-top-c img {
    float: left;
    margin-top: -8px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(184, 60, 60, 0.5);
    border-radius: 100%;
}
  /* end */
/* pc弹窗 */
.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;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ys-layer-wrap{
  max-width: 450px;
  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;
}
/* end */
/* 提交成功弹窗 */
.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;
  }
  /* end */
  /* 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: 25px;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%;}
  .jw-top{display: none;}
  /* 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:115px; margin-top: 7px;}
  .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%;}
  .jw-top{display: none;}
  /* banner */
  .mxbcic-public-banner {position: relative;width: 100%;}
  .mxbcic-public-banner img {display: block; width: 100%; height: 100%;}
  .mxbcic-banner-content {position: absolute;left: 5.3%; top: 26%;}
  .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: 0.5rem;font-size: 1.5rem;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;
}
/* ///// */
}

