﻿.icon_box{ background: #fff;width:48px; height: 48px; float: left; border-radius:3px;}
.icon_body{ width: 200px;  text-align: center; float: left;}
.box_index_name{ font-size: 20px;color:#fff; line-height:30px; font-weight: bold;}
.box_index_cont{font-size: 14px; color:#fff;}
.btn_box_index{width: 33.333%; float: left; padding: 47px 0 47px 130px;display:block;}
.icon_ruzu{background: url("../xhimage/ruzu1.png") center center no-repeat #fff;background-size: 40px;}
.icon_ruzu:hover{background-image: url("../xhimage/ruzu.png");}
.icon_app{background: url("../xhimage/app1.png") center center no-repeat #fff;background-size: 30px;}
.icon_app:hover{background-image: url("../xhimage/app.png");}
.icon_xinfang{background: url("../xhimage/xinfang1.png") center center no-repeat #fff;background-size: 30px;}
.icon_xinfang:hover{background-image: url("../xhimage/xinfang.png");}
.icon_zufang{background: url("../xhimage/zufang1.png") center center no-repeat #fff;background-size:35px;}
.icon_zufang:hover{background-image: url("../xhimage/zufang.png");}
.icon_shangpu{background: url("../xhimage/shangpu1.png") center center no-repeat #fff;background-size:35px;}
.icon_shangpu:hover{background-image: url("../xhimage/shangpu.png");}
.icon_xiezilou{background: url("../xhimage/xiezilou1.png") center center no-repeat #fff;background-size:30px;}
.icon_xiezilou:hover{background-image: url("../xhimage/xiezilou.png");}
.icon_xiaoqu{background: url("../xhimage/xiaoqu1.png") center center no-repeat #fff;background-size:30px;}
.icon_xiaoqu:hover{background-image: url("../xhimage/xiaoqu.png");}
.icon_jingjiren{background: url("../xhimage/jingjiren1.png") center center no-repeat #fff;background-size:25px;}
.icon_jingjiren:hover{background-image: url("../xhimage/jingjiren.png");}
.icon_zixun{background: url("../xhimage/zixun1.png") center center no-repeat #fff;background-size:25px;}
.icon_zixun:hover{background-image: url("../xhimage/zixun.png");}
.icon_hetongchaxun{background: url("../xhimage/hetongchaxun1.png") center center no-repeat #fff;background-size:28px;}
.icon_hetongchaxun:hover{background-image: url("../xhimage/hetongchaxun.png");}
.icon_weituo{background: url("../xhimage/weituo1.png") center center no-repeat #fff;background-size:28px;}
.icon_weituo:hover{background-image: url("../xhimage/weituo.png");}
.icon_dituzhaofang{background: url("../xhimage/dituzhaofang1.png") center center no-repeat #fff;background-size:28px;}
.icon_dituzhaofang:hover{background-image: url("../xhimage/dituzhaofang.png");}
.icon_daogou{background: url("../xhimage/daogou1.png") center center no-repeat #fff;background-size:28px;}
.icon_daogou:hover{background-image: url("../xhimage/daogou.png");}
.icon_jisuanqi{background: url("../xhimage/jisuanqi1.png") center center no-repeat #fff;background-size:28px;}
.icon_jisuanqi:hover{background-image: url("../xhimage/jisuanqi.png");}
.icon_ruzu{background: url("../xhimage/ruzu1.png") center center no-repeat #fff;background-size:35px;}
.icon_ruzu:hover{background-image: url("../xhimage/ruzu.png");}
.icon_app{background: url("../xhimage/app1.png") center center no-repeat #fff;background-size:30px;}
.icon_app:hover{background-image: url("../xhimage/app.png");}
.icon_jinmiba{background: url("../xhimage/jinmiba1.png") center center no-repeat #fff;background-size:40px;}
.icon_jinmiba:hover{background-image: url("../xhimage/jinmiba.png");}
.icon_ershoufang{background: url("../xhimage/ershoufang1.png") center center no-repeat #fff;background-size:40px;}
.icon_ershoufang:hover{background-image: url("../xhimage/ershoufang.png");}


 /*杞挱鍥�*/
.new_banner{width:100%;position:relative; margin:0 auto; padding:0px;min-width:1200px;clear:both;overflow:hidden;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:36px; height:36px; display:block; position:absolute;  text-indent:-10em; overflow:hidden;}
.prev{ background-position:0 0;left:-40px; top:180px;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:-40px; top:180px;}
.next:hover{ background-position:-36px -36px;}
.rslides_tabs{clear:both;text-align:center; z-index:9;position:absolute;bottom:0px;left:50%;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:35px; height:5px;background:#fff; overflow:hidden; display:block; float:left; margin-left:15px;}
.rslides_tabs .rslides_here a{ background:#615e62;}
.rslides img { width:100%;min-height:380px;}

/*鐒︾偣鍥剧墖灞呬腑鏄剧ず*/
.rslides > li { height:470px;width:100%;min-width:1200px;overflow:hidden;}
.rslides > li > a {display:block;text-align:center;position:absolute;left:50%;margin-left:-1000px;top:0px; }
.rslides > li > a > img { height:470px;width:2000px;}

/*鐒︾偣鍥句笂鐨勫瓧娈�*/
  .xwrap01 { position:relative;min-width:1200px;}
  .zfjd { position:absolute;bottom:290px;left:50%;margin-left:-183px;}

    .search01 {width:755px;min-height:205px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;position:absolute;bottom:40px;left:50%;margin-left:-377px;padding-top:35px;background:url(../xhimage/sy17.png) no-repeat;background-size:100% 100%;padding-bottom:15px;}
    .search01 > div { overflow:hidden;padding-left:45px;padding-right:45px;color:#333;font-size:16px;width:100%;}
    .tab01 > span {padding-left:10px;padding-right:10px; font-size:18px;cursor:pointer;color:#333;}
    .tab01 > span em{display: none;}
    .tab01 > span.active em{display: block;}
 .s_k input {padding-left: 15px;width: 540px;height:50px;border: 1px solid #d2d2d2;border-radius: 3px 0 0 3px; -moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0px 0px 3px;background: #FFF;display:block;outline:none;font-size:14px;line-height:50px;}
    input:focus { outline:none;}
     input::-webkit-input-placeholder {color:#999;font-size:14px;}
     input::-moz-input-placeholder {color:#999;font-size:14px; }
     input::-ms-input-placeholder {color:#999;font-size:14px;}
     .s_k {display:none;clear:both;position:relative;}
     .s_k > .triangle-01 {top:-15px;left:25px; }
     .s_k > .triangle-02 {top:-15px;left:167px; }
     .s_k > .triangle-03 {top:-15px;left:102px; }  
/*       .s_k > .triangle-01 {top:-15px;left:12px; }
     .s_k > .triangle-02 {top:-15px;left:170px; }
     .s_k > .triangle-03 {top:-15px;left:102px; }  */
     .s_k>.triangle-up {position: absolute;z-index:20;}   
     .s_k > .input-group {width:100%;position:relative; padding-top: 2px;}
     .btn_s {width: 110px;height: 50px;border: 0;z-index:10;border-bottom-right-radius:3px;border-top-right-radius:3px;background-color:#f7892a;padding:0px;outline:none;line-height:50px;display:block;text-align:center;}
     .btn_s:hover, .btn_s:focus {outline:none;width: 110px;height:50px;border: 0;background-color:#f7892a; padding:0px;outline:none;}
     .input-group-btn { position:absolute;top:2px;right:125px;width:110px;height:50px;}
     .yijian {position:absolute;right:0px;top:2px; }
     .tab01 > .sx {padding-left:0px;padding-right:0px; }

      /*杈撳叆妗嗘彁绀�*/
    .input_content > ul > li {height:30px;line-height:30px;cursor:pointer; }
    .input_content > ul > li > span {padding:0px 10px; }
    .input_content .font01 { color:#333;}
    .input_content .font02,.input_content .pull-right { color:#666;}
    #input_content01, #input_content02, #input_content03, #input_content04, #input_content05, #input_content06 { font-size:12px;width:431px;border:1px solid #ddd;position:absolute;top:127px;left:45px;background-color:#fff;border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;z-index:20;padding-left:15px;padding-right:15px;display:none; }
    #rightSlide { display:none;}
    
    #input_content03 > ul > li{height:auto;line-height:normal;border-bottom:1px solid #eee;padding:8px 0;}
    #input_content03 .pull-right,#input_content03 .address { color:#999;}
    #input_content03 p{line-height:20px;}
    #input_content03 p i{color:#ffa41e;}

    .search01 >.tjlp { position:relative;padding-left:115px;font-size:14px;color:#333;}
    .tjlp > span { position:absolute;top:0px;left:45px;display:inline-block;padding-top:13px;}
    .tjlp > a>span { color:#333;padding-right:15px;white-space: nowrap;}
    .tjlp > a { text-decoration:none;display:inline-block;padding-top:13px;}
    .tjlp > a:hover > span { color:#f7892a;}
    .tjlp > a:hover { text-decoration:underline;color:#f7892a;}

   /*鎵炬埧椤圭洰*/
    .content01 {display:block;margin:0px;min-width:1200px;border-bottom:1px solid #e8e8e8;}
    .content01 > div {overflow:hidden;margin:0px auto;padding-top:30px;padding-bottom:30px;text-align:center;width:1200px; }
    .content01 > div > a {display:block;text-decoration:none; }
    .content01 > div > a > .p01 { height:46px;width:46px;text-align:center;line-height:40px;margin:auto;}
    .content01 > div > a:hover > .p01 {background-color:#f5f5f5;}
    .p01 {height:70px;display: inline; }
    .p02 {color:#333;font-size:18px;padding-top:17px;padding-bottom:12px; }
    .p03 {color:#333; }
    .font_weight {font-weight:bold; }
    .col-xs-3 { width:25%;float:left;display:block;}

    /*鐑棬妤肩洏*/
    .width { width:1200px;margin:auto;}
    .yw { color:#2badd7;font-size:16px;font-family:Arial;}
    .kou {display:inline-block;height:12px;width:12px;background-color:#2badd7; }
    .yw > .kou { margin-right:5px;}
    .lp_wrap { padding-top:30px;margin-bottom:10px;}
    .content_tab { display:inline-block;position:relative;top:3px;}
    .lp_tab { border-bottom:1px solid #959595;padding-bottom:15px;padding-top:15px;margin-bottom:18px;}
    .content_tab > a{padding-right:20px }
    .content_tab > a > span  { font-size:14px;color:#333;border-bottom:2px solid #fff;padding-bottom:3px;}
    .content_tab > a.active > span { border-bottom:2px solid #2badd7;color:#2badd7;}
    .content_tab > .kou { margin-left:80px;margin-right:15px;position:relative;top:1px;}
    .more { position:relative;top:3px;}
    .more > span {  color:#666;font-size:14px;}
    .more:hover > span {color:#2badd7; }
    .content_wrap > .left { width:250px;}
    .left > a { font-size: 14px; color: #333; padding-bottom: 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .left > a > span { color:#999;}
    .left > a:hover { text-decoration:underline;color:#2badd7;}
    .left > a:hover > span { color:#2badd7;}

    .qy { margin-top:12px;}
    .qy > li { display:block;font-size:12px;color:#333;overflow:hidden;height:20px;margin-bottom:10px;}
    .qy > li >a{color:#333;display:inline-block;}
    .qy > li > a:hover { color:#2badd7;text-decoration:underline;}
    .qy > li > i { margin:0px 8px;font-style:normal;}
    .content_wrap { overflow:hidden;}
    .right>a {padding:0px 0px 20px 20px; }
    .right > a > div { position:relative;overflow:hidden;}
    .right > a > div > img { width:220px;height:146px;}
    .right { width:950px;display:none;}
    .news { width:220px;height:146px;background-color:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);position:absolute;top:110px;left:0px;color:#fff;font-size:14px;padding-top:8px; }
    .right > a:hover .news { top:0px;padding-top:35px;}
    .news >p {text-align:center; padding-bottom:15px;}
    .check>span {font-size:12px;display:inline-block;width:100px;height:25px;line-height:25px;text-align:center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#2badd7; }
    .news > .check { padding-bottom:0px;}
    .guanggao { width:100%;min-width:1200px;padding-top:10px;}
    .guanggao > img { width:100%;}

     /*淇敼*/
    .qy { margin-top:0px;margin-bottom:20px;}
    .xinfang {width:465px;height:313px;float:left;position:relative;margin-left:10px;}
    .xinfang > .newss { width:100%;height:90px;position:absolute;bottom:10px;left:50%;margin-left:-105px;top:auto;width:210px;overflow:hidden;padding:0px 5px;padding-top:15px;background-color:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
    .xinfang > .newss > p { font-size:14px;text-align:center;color:#fff;}
    .xinfang > .newss > .border>span { border-bottom:1px solid #fff;padding:0px 5px;padding-bottom:12px;margin-bottom:12px;display:inline-block;}
    .xinfang > img {width:465px;height:313px;}

    /*璧勮*/
    .xwdt { width:550px;overflow:hidden;float:left;}
    .xwdt > .lp_tab,.zt > .lp_tab { border-color:#e8e8e8;padding-top:10px;}
    .zx_list { display:block;position:relative;padding-left:125px;padding-bottom:10px;padding-top:15px;border-bottom:1px dashed #ddd;min-height:101px;}
    .zx_list > span { position:absolute;top:15px;left:0px;border:1px solid #eee;}
    .zx_list > span > img { width:110px;height:70px;}
    .tit { font-size:18px;color:#333;border-bottom:1px solid #fff;}
    .time {font-size:12px;color:#999; position:relative;top:7px;}
    .nr {font-size:12px;color:#666;line-height:22px;width:320px;max-height:44px;overflow:hidden; }
    .first {margin-bottom:7px; }
    .xwdt > .lp_tab {margin-bottom:0px; }
    .zx_list:hover .tit { color:#2badd7;border-bottom:1px solid #2badd7;}

    .zt {  width:550px;overflow:hidden;}
    .zt  .content_tab { padding-left:80px;}
    .zx_list>p {position:absolute;top:15px;left:0px;width:60px;height:70px;background-color:#d2d2d2;padding:0px 1px;}
    .zx_list > p > span { display:block;height:34px;color:#fff;text-align:center;line-height:34px;}
    .zx_list > p > .r { border-bottom:1px solid #fff;font-size:20px;}
    .zx_list > p > .y { font-size:14px;font-family: Arial;}
    .zt .zx_list { padding-left:75px;}
    .zt .nr { width:390px;}
    .zt .lp_tab { margin-bottom:0px;}
    .subject {display:none; }

    /*鏌ヨ缂栧彿*/
    .cx {width:100%;min-width:1200px;background-color:#84ccc9;height:140px; clear:both;margin-bottom:40px;}
    .cx .input-group{width:632px;margin:auto;position:relative; }
    .cx .input-group > p { font-size:24px;text-align:center;color:#fff;padding-top:27px;padding-bottom:20px;}
    .cx input {width:630px;height:42px;border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px;border:none;outline:none;background-color:#fff;line-height:42px;padding-left:10px;font-size:16px; }

    .cx .btn_s {background:none; color:#fff; width:60px;font-size:18px;right:-3px;height:40px;line-height:40px;cursor:pointer;}
    .cx .input-group-btn { width:60px;height:40px;top:1px;right:3px;background-color:#fff;}
    .cx .btn_s:focus {border:1px solid #ccc;outline:none;box-shadow:none;-webkit-box-shadow:none;height:40px;outline:none;border:none;-moz-box-shadow:none;  }
    .jiandan { font-size:36px;color:#fff;margin-bottom:30px;}
    .input-group .form-control:not(:first-child):not(:last-child) {border-radius: 3px; -moz-border-radius:3px;-webkit-border-radius:3px;}

    .fangyuan {border:1px solid #ddd;padding:20px;background-color:#fff;display:none;position:absolute;top:139px;left:0px;z-index:90;}
    .fangyuan > p { padding:0px 15px;}
    .fangyuan > p > span { font-size:16px;color:#2badd7;padding-bottom:10px;}
    .fangyuan > p > .dianhua {color:#333;font-size:14px; }
    .fangyuan > p > a { font-size:14px;color:#333;}
    #triangle-01,#triangle-02 {position: absolute;top: -10px;left:30px;width: 0;height: 0;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 10px solid transparent; z-index:98; }

   /*鐞嗚储銆佸绉熴�佹煡璇㈠悎鍚�  235px */
    .lc { overflow:hidden;height:95px;}
    .lc > a { display:block;float:left;position:relative;height:75px;width:340px;border:1px solid #d2d2d2;background-color:#fff;font-size:14px;color:#666;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding-left:65px;margin-right:86px;}
    .lc > a > .title { font-size:20px;color:#333;font-weight:bold;padding-top:10px;padding-bottom:10px;}
    .lc > a > p { text-align:center;}
    .lc > a > span { display:inline-block;width:48px;height:48px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#d2d2d2;text-align:center;line-height:48px;position:absolute;left:15px;top:35px;}
    .lc > a:hover > span {background-color:#2badd7; }
    .lc > a:hover { border:1px solid #2badd7;}

   
    .tab_title.active {font-weight:600; }
    .s_k .btn_s { background-color:#2badd7;}
    .s_k .btn_s:hover { background-color:#f7892a;}
    .yijian { width:110px;height:50px;background:url(../xhimage/sy016.png) no-repeat center center;}
    .yijian:hover { background:url(../xhimage/sy16.png) no-repeat center center;}
    
     .content01 > div > a > .p01{display: block;border: 1px dashed #e2e2e2;}
     .tit{display: inline-block;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
     
      /*鎵炬埧椤圭洰*/
    .house_wrap { border-bottom:1px solid #e8e8e8;padding-bottom:35px;}
    .housing {width:1200px;margin:auto;background-color:#fff; overflow:hidden;padding-top:35px;}
    .housing > .house_content { width:25%;float:left;text-align:center;}
    .house_content>div>span { color: #333; font-size: 18px; padding-top: 17px; padding-bottom: 12px;font-weight: bold;display:inline-block;}
    .jing_xuan { text-align:center;}
    .jing_xuan > a > span { font-size:16px;color:#333;}
    .jing_xuan > a:hover > span { color:#f7892a;}
    .jing_xuan > a { margin-right:30px;}
    .jing_xuan > a.last_s { margin-right:0px;}
    .house_content>div>i{ display:inline-block;height:43px;width:43px;text-align:center;}
  
    .house_content>div:hover>i>img{
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    -moz-animation-name: hvr-bob-float, hvr-bob;
    -o-animation-name: hvr-bob-float, hvr-bob;
    -ms-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;

    animation-duration: .3s, 1.5s;
    -webkit-animation-duration: .3s, 1.5s;
    -moz-animation-duration: .3s, 1.5s;
    -o-animation-duration: .3s, 1.5s;
    -ms-animation-duration: .3s, 1.5s;

    animation-delay: 0s, .3s;
    -webkit-animation-delay: 0s, .3s;
    -moz-animation-delay: 0s, .3s;
    -o-animation-delay: 0s, .3s;
    -ms-animation-delay: 0s, .3s;


   animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    -moz-animation-timing-function: ease-out, ease-in-out;
    -o-animation-timing-function: ease-out, ease-in-out;
    -ms-animation-timing-function: ease-out, ease-in-out;


    animation-iteration-count: 1, infinite;
    -webkit-animation-iteration-count: 1, infinite;
    -moz-animation-iteration-count: 1, infinite;
    -o-animation-iteration-count: 1, infinite;
    -ms-animation-iteration-count: 1, infinite;


    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;

    animation-direction: normal, alternate;
    -webkit-animation-direction: normal, alternate;
    -moz-animation-direction: normal, alternate;
    -o-animation-direction: normal, alternate;
    -ms-animation-direction: normal, alternate;
}
   @-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
   @keyframes hvr-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
   @-moz-keyframes hvr-bob-float{100%{-moz-transform:translateY(-6px);transform:translateY(-6px)}}
   @-ms-keyframes hvr-bob-float{100%{-ms-transform:translateY(-6px);transform:translateY(-6px)}}
   @-o-keyframes hvr-bob-float{100%{-o-transform:translateY(-6px);transform:translateY(-6px)}}
 
   @-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
   @keyframes hvr-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
   @-moz-keyframes hvr-bob{0%{-moz-transform:translateY(-6px);transform:translateY(-6px)}50%{-moz-transform:translateY(-3px);transform:translateY(-3px)}100%{-moz-transform:translateY(-6px);transform:translateY(-6px)}}
   @-ms-keyframes hvr-bob{0%{-ms-transform:translateY(-6px);transform:translateY(-6px)}50%{-ms-transform:translateY(-3px);transform:translateY(-3px)}100%{-ms-transform:translateY(-6px);transform:translateY(-6px)}}
   @-o-keyframes hvr-bob{0%{-o-transform:translateY(-6px);transform:translateY(-6px)}50%{-o-transform:translateY(-3px);transform:translateY(-3px)}100%{-o-transform:translateY(-6px);transform:translateY(-6px)}}

   .house_content img{width:45px;height:45px;}
   .tjlp {display: none;}
   .nf {display: block;}
   .right > .xinfang {display: block;padding: 0px;}
   
   .tab_title{position:relative;}
   .tab_title.active{background: #2badd7;border-radius: 4px;color: #fff;font-weight:0;}
   .tab_title .triangle-up{position:absolute; bottom: -22px; left: 50%; margin-left: -6px;z-index:9;}
   .pr{position: relative;}
   .fl{float: left;}
   .search01 .pull-right{padding-right:0px;font-size:18px;}

   /* index float menu */
   .sell a.ani-scale { animation: myfirst 0.5s linear; -moz-animation: myfirst 0.5s linear; -webkit-animation: myfirst 0.5s linear; -o-animation: myfirst 0.5s linear; }
   @keyframes myfirst
   {
       0%   {
           -webkit-transform: scale(1);
           transform: scale(1);
       }
       50%  {
           -webkit-transform: scale(1.2);
           transform: scale(1.2);
       }
       100% {
           -webkit-transform: scale(1);
           transform: scale(1);
       }
   }

   @-moz-keyframes myfirst
   {
       0%   {
           -moz-transform: scale(1);
           transform: scale(1);
       }
       50%  {
           -moz-transform: scale(1.2);
           transform: scale(1.2);
       }
       100% {
           -moz-transform: scale(1);
           transform: scale(1);
       }
   }

   @-webkit-keyframes myfirst
   {
       0%   {
           -webkit-transform: scale(1);
           transform: scale(1);
       }
       50%  {
           -webkit-transform: scale(1.2);
           transform: scale(1.2);
       }
       100% {
           -webkit-transform: scale(1);
           transform: scale(1);
       }
   }

   @-o-keyframes myfirst
   {
       0%   {
           -o-transform: scale(1);
           transform: scale(1);
       }
       50%  {
           -o-transform: scale(1.2);
           transform: scale(1.2);
       }
       100% {
           -o-transform: scale(1);
           transform: scale(1);
       }
   }
       .u-flyer{position: fixed;z-index:1000;width: 100px;height: 100px;}
       .hidden { visibility: hidden; }
       .app-flow { box-shadow:-2px -2px 10px 0px rgba(4,0,0,0.18);-webkit-box-shadow:-2px -2px 10px 0px rgba(4,0,0,0.18);-moz-box-shadow:-2px -2px 10px 0px rgba(4,0,0,0.18);width:100%;position:fixed;bottom:0px;left:0px;background-color:#fff;z-index:10;height:122px;overflow:visible;}
       .app-content { width:700px;margin:auto;position:relative;height:122px;}
       .fl { float:left;}
       .app-desc { margin-left:60px;}
       .app-desc > .title_app {font-size:24px;color:#333;padding-top:28px; }
       .app-desc > .desc_app {color:#9D9D9D;font-size:14px;padding-top:13px; }
       .app-content .ewm_app { padding-left:70px;margin-top:12px;}
       .app-content .ewm_app > img { height:98px;width:98px;}
       .app-close { background:url(https://cdn.xhj.com/static/web/xhimage/close_icon_15.png) no-repeat center center ;cursor:pointer;float:right;padding:12px;height:40px;width:40px;}
       .app-img { position:relative;bottom:90px;}