/******WEB端样式******/
@media (min-width: 1025px) {
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
  table{ border-collapse:collapse; border-spacing:0;}
  fieldset,img{border:0;}
  em,strong,th,i{ font-weight:normal; font-style:normal;}
  ol,ul{ list-style-type:none; list-style-position:outside;}
  caption,th{ text-align:left;}
  h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
  body{font-family:'MicroSoft YaHei'; font-size:14px;}
  div{margin-left:auto;margin-right:auto;}
  a{text-decoration:none;}
  .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     font-size: 0;
  }
  .clearfix {display:inline-block;}
  *html .clearfix {height:1%;}
  .clearfix {display: block;}
  .clearfix {zoom: 1;}

  .f_r{float:right;_display:inline;}
  .f_l{float:left;_display:inline;}

  .index_mobile, .suspension-mobile{display: none;}


  /* 页面底部样式 */
  .backtage{ height:1090px; position:relative; z-index:1; background:url(../images/backstage_bj.jpg) center top no-repeat; margin-top:60px;}
  .backtage img{ display:block; margin:0 auto;}
  .backtage_foot{ background:#202223; padding:30px 30px 25px 40px; position:relative;}/* z-index:105;*/
  .backtage_foot .logo{ padding:20px 45px 0 0;}
  .backtage_foot .nav_copy{}
  .backtage_foot .nav_copy ul{ height:auto; overflow:hidden; padding-bottom:15px;}
  .backtage_foot .nav_copy ul li{ height:16px; line-height:18px; float:left; padding-right:13px;}
  .backtage_foot .nav_copy ul li a{ float:left; line-height:18px; color:#fff;}
  .backtage_foot .nav_copy ul li span{ float:left; height:13px; width:1px; overflow:hidden; background:#fff; margin:3px 0 0 13px;}
  .backtage_foot .nav_copy .copy{ color:#5e6263; line-height:22px; font-size:12px; margin-top:15px;}
  .backtage_foot .tel dl{ height:auto; overflow:hidden;}
  .backtage_foot .tel dl dt{ float:left; padding-right:20px;}
  .backtage_foot .tel dl dd{ height:auto; overflow:hidden; padding-top:3px;}
  .backtage_foot .tel dl dd h3{ font-family:arial; font-size:30px; color:#0687c2; width:280px;}
  .backtage_foot .tel dl dd p{ color:#888;}

  /**
   * 更新日志(update_log)
   */
  .update-log .banner{width: 100%;height:425px;background: url(img/banner.jpg) no-repeat center;}
  .update-log .section{width: 100%;background-color: #f5f5f5;padding-top:50px;}
  .update-log .section-wrapper{width: 1210px;margin: 0 auto;background-color: #fff;}
  .update-log ul.tab{width: 100%;height:93px;}
  .update-log ul.tab li{float: left; position: relative; width: 302px;margin-right:1px;height:80px;line-height:80px;text-align: center;background-color: #ccc;color: #fff;font-size: 24px;cursor: pointer;}
  .update-log ul.tab li:nth-of-type(4){width: 301px;margin-right: 0;}
  .update-log ul.tab li img{position: absolute;display: none;bottom: -13px;left: 50%;margin-left: -13px;}
  .update-log ul.tab li.active{background-color: #579ef2; width:100%;}
  .update-log ul.tab li.active img{display: block;}
  .update-log .tab-con{width: 100%;position: relative;overflow: hidden;clear: both;margin-top: 50px;padding-bottom: 80px;}
  .update-log .tab-wrap{
    width: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
      filter: alpha(opacity=0);
      transform: translate3d(-100%, 0, 0);
      -webkit-transform: translate3d(-100%, 0, 0);
      transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
      z-index: 1;
  }
  .update-log .tab-wrap.show{
    position: relative;
      opacity: 1;
      filter: alpha(opacity=1);
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
      z-index: 2;
  }
  .update-log .top-title{padding-left: 255px; height:60px;line-height: 60px; font-size: 30px;color: #579ef2;}
  .update-log .top-title p,
  .update-log .top-title img{display: inline-block;}
  .update-log .top-title img{vertical-align: middle;}
  .update-log .row{width: 100%;overflow: hidden;}
  .update-log .row .l{float: left;}
  .update-log .row .r{float: left;}
  .update-log .row .l-box{padding-left: 130px;padding-top: 30px;}
  .update-log .row .up{color: #579ef2;font-size: 18px;}
  .update-log .row .up.ipad{color: #3dbfcb;}
  .update-log .row .mid{color: #333;font-size: 20px;padding: 4px 0;}
  .update-log .row .bottom{color: #888;font-size: 18px;}
  .update-log .row .l .l-r{margin-left: 20px;width: 200px;}
  .update-log .row .r-box{position: relative;padding-top: 25px;border-left:1px solid #579ef2;width: 700px;}
  .update-log .row .r-box .yuan{width: 20px;height:20px;border:1px solid #579ef2;border-radius: 50%;background-color: #fff;position: absolute;left:-11px;top: 30px;}
  .update-log .row .r-box .b-title{font-size: 20px;}
  .update-log .row .r-box .desc{font-size: 16px; line-height:30px;color: #888;margin:10px 0 23px;padding-left: 31px;}
  .update-log .row .r-box .b-line{margin-left: 40px; border-bottom:1px dashed #ddd;position: relative;}
  .update-log .row .r-box .b-line .zk-btn{height: 30px;line-height: 30px;font-size: 18px;color: #888;position: absolute;right:0;top: 0; cursor: pointer;}
  .update-log .row .r-box .b-line .zk-btn img{
    display: inline-block;
    vertical-align: middle;
    transform: rotate(0deg);
    -ms-transform:rotate(0deg); /* Internet Explorer */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); Safari 和 Chrome
    -o-transform:rotate(0deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
  }
  .update-log .row .r-box .b-line .zk-btn.show img{
    transform: rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); Safari 和 Chrome
    -o-transform:rotate(180deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
  }
  .update-log .row .r-box .b-line .zk-btn span{margin-left:10px;}
  .update-log .hide-text{display: none;}
  .update-log .m-b-23{margin-bottom: 23px;}
  .update-log .m-b-43{margin-bottom: 43px;}
  .update-log .m-b-70{margin-bottom: 70px;}
  .update-log .m-t-50{margin-top:50px;}
  .update-log a.a-link{color: #579ef2;}
}
/******mobile兼容样式******/
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 1024px) {
  .index, .suspension{display: none;}
  body{ margin:0; padding:0; border:0; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti; font-size:22px; color:#555; background:#fff; }
  h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; border:0; padding:0;}
  input,button{margin:0;font-size:12px;vertical-align:middle;}
  table{border-collapse:collapse;border-spacing:0;}
  ul,li,dt,dd ,span{list-style-type:none;}
  .clear{ margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both; visibility: hidden; border:0;}
  em{ font-style:normal;}
  a{color:#555; text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */}
  a:hover{ color:#e84028; border:0;}
  .aa{font-size:40px; color:#fff;}
  .bb{font-size:24px; color:#fff;}
  .f30{font-size:30px;}
  .cc{color:#2d9b1e;}
  .dd{color:#42b8f1; font-size:36px; font-family:Arial, Helvetica, sans-serif; line-height:60px;}


  #bady{width:100%; min-width: 640px; margin:0 auto; background:#f7f7f7; overflow: hidden;}

  /**
   * wechat（手机端导航）
   */
  .update_log .mob-fix-nav{width: 100%;height: 5em;background-color: #333;position: absolute;top:0;overflow: hidden;}
  .update_log .mob-fix-nav .l{float: left;margin-left: 1.5em;}
  .update_log .mob-fix-nav .l img{margin-top: 25px;float: left;}
  .update_log .mob-fix-nav .l .top div{color: #fff;font-size: 30px;float: left;margin-top: 35px;margin-left: 20px;}
  .update_log .mob-fix-nav .r{float: right;height: 100%;width: 100px; text-align: center;margin-right: 1.5em; cursor: pointer;}
  .update_log .mob-fix-nav .r img{margin-top:37px;}
  .update_log ul.hide-nav{width: 100%;border-top: 1px solid #ccc;background-color: #333;position: absolute;top:5em;padding: 1em 0;display: none;overflow: hidden;z-index: 10;}
  .update_log ul.hide-nav a{font-size: 1em;line-height: 20px;color: #9d9d9d;display: block;width: 100%;padding: 1em 1.5em;}
  .update_log ul.hide-nav a:hover{color: #fff;}
  .mob-nav{width: 100%;background-color: #fff;position: absolute;top: 5em;overflow: hidden;border-bottom: 1px solid #ddd;z-index:6;}
  .mob-nav .l{float: left;width: 30%;height: 1em;line-height: 1em;font-size: 2em;text-align: center; margin: 1em 0;}
  .mob-nav .r{float: right;width: 30%;height: 3em; line-height: 3em; font-size: 2em;overflow: hidden;}
  .mob-nav ul{width: 100%;overflow: hidden;}
  .mob-nav ul a{display: block;width: 100%;height: 100%;-webkit-tap-highlight-color:transparent;}
  .mob-nav ul.nav li{float: left;text-align: center;width: 33.3%;}
  .mob-nav ul.nav li:nth-of-type(1){width: 100%;}
  .mob-nav ul.nav li.active a{color: #3db8f1;}
  .update_log .banner{margin-top: 242px;}
  .update_log .banner img{width: 100%;}
  .update_log .i-nr{font-size: 36px;line-height: 60px;}
  .update_log .i-nr.green{color: #00b194;margin-bottom: 20px;}
  .update_log .mob-cashdesk-footer{background-color: #ede0d0;padding-bottom: 100px;}
  .update_log .mob-cashdesk-footer .price{font-size: 48px;color: #e90000;margin-top: 20px;}
  .update_log .mob-cashdesk-footer .i-nr{color: #d10000;}
  .update_log .mob-cashdesk-footer p.b{font-size: 46px;line-height: 80px;margin-top: 20px;}
  .update_log .mob-cashdesk-footer p.s{font-size: 36px;}
  .update_log a.learn-more{color: #3399ff;font-size: 40px;text-decoration: underline;display: block;margin-top: 20px;-webkit-tap-highlight-color:transparent;}

  /**
   * 手机端底部
   */
  .mob_footer{width: 100%;background-color: #16192d;padding: 35px 0;color: #fff;}
  .mob_footer .row{margin: 0 40px;overflow: hidden;}
  .mob_footer .l{float: left;width: 30%;}
  .mob_footer .r{float: right;width: 67%;font-size: 34px;line-height: 110px;}
  .mob_footer .l img{width: 100%;}


  .update_log .section{background-color: #f5f5f5;width: 100%;}
  .update_log .section-wrapper{margin: 80px 20px;background-color: #fff;padding-bottom: 80px;}
  .update_log .section-wrapper ul{width: 100%;overflow: hidden;}
  .update_log .section-wrapper ul li{float: left;width: 24.88%;border-right: 1px solid #fff;padding: 30px 0;font-size: 36px;line-height: 60px; text-align: center;color: #fff;background-color: #ccc;cursor: pointer;}
  .update_log .section-wrapper ul li.active{background-color: #579ef2;}
  .update_log .mob-tab{width: 100%;position: relative;overflow: hidden;clear: both;}
  .update_log .mob-tab-con{
    width: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    z-index: 1;
  }
  .update_log .mob-tab-con.show{
    position: relative;
    opacity: 1;
    filter: alpha(opacity=1);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    z-index: 2;
  }
  .update_log .mob-tab-con .year{width: 100%;padding: 50px 0 25px;}
  .update_log .mob-tab-con .year .title{font-size: 48px;color: #579ef2;text-align: center;margin-bottom: 30px;}
  .update_log .mob-tab-con .year .row{margin: 40px 30px 0;padding-bottom: 30px; border-bottom: 2px dashed #ddd;}
  .update_log .mob-tab-con .logo{height: 100px;position: relative;}
  .update_log .mob-tab-con .logo img{height: 100%;position: absolute;left: 0;top: 0;}
  .update_log .mob-tab-con .logo .desc{padding-left: 130px;line-height: 100px;font-size: 36px;}
  .update_log .mob-tab-con .logo .desc span{margin-left: 10px;}
  .update_log .mob-tab-con .logo .block{color: #333;}
  .update_log .mob-tab-con .logo .khd{color: #888;}
  .update_log .mob-tab-con .iphone .date{color: #579ef2;}
  .update_log .mob-tab-con .ipad .date{color: #3dbfcb;}
  .update_log .mob-tab-con .update-con{padding-left: 140px;position: relative;}
  .update_log .mob-tab-con .update-con p{font-size: 32px;line-height: 70px;}
  .update_log .mob-tab-con .update-con .toggle{font-size: 36px;position: absolute;right: 0;bottom: -20px;cursor: pointer;}
  .update_log .mob-tab-con .update-con .toggle img{
    height: 20px;
    transform: rotate(0deg);
    -ms-transform:rotate(0deg); /* Internet Explorer */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); Safari 和 Chrome
    -o-transform:rotate(0deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
  }
  .update_log .mob-tab-con .update-con .toggle.show img{
    transform: rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); Safari 和 Chrome
    -o-transform:rotate(180deg);
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -o-transition:0.5s ease;
    transition:0.5s ease;
  }
  .update_log .mob-tab-con .update-con .hide-p{display: none;}
  .update_log .mob-tab-con .update-con a{color: #579ef2;}


}