@media screen and (max-width: 768px){
  body .bottom-nav{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display:block;
    width: 100%;
    height: 37px;
    line-height: 37px;
    background: rgba(21, 156, 100, 0.77);
}
  body  .bottom-nav > a {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 15px;
    color: #fff;
}
  body  .bottom-nav  > a > img{
    width: 20px;
}
 .yingx-main .same-header{
  	background: url(/image/jt1.jpg);
    position: relative;
    z-index: 0;
    left: 0;
    right: 0;
    /*top: 20px;*/
    height: 230px;
  }
.yingx-main .bao .same-header{
    height: auto;
  }
.tet1 .index-trail-title{
	margin-bottom: 0px;
    font-size: 27px;
}
.you-huadong{
    height: 445px;
    overflow: -webkit-paged-x;
}
.you-huadong .safety{
    border: 1px solid #D5D5D5;
    width: 257px;
    height: 360px;
    overflow: hidden;
    padding: 20px;
    float: left;
    transition: all .25s;
    -webkit-transition: all .25s;
    background: #fff;
    margin-bottom: 34px;
    margin-top: 10px;
}
.intro .p1{
  	font-size: 26px;
    font-weight: lighter;
    margin-bottom: 8px;
    text-align: center;
    color: #fff;
    padding-top: 12px;
  }
.intro .p2 {
    text-align: center;
    font-size: 37px;
    text-transform: uppercase;
    font-family: 华文细黑;
    color: #fff;
}
.intro .w_con_wrap {
    width: 80%;
    position: relative;
    left: -10px;
}
.intro .w_con_wrap .img{
    padding: 0px;
}
.intro .w_con {
    position: absolute;
    right: -35px;
    top: 105px;
    background: #3CB495;
    color: #fff;
    width: 34%;
    padding: 0 25px;
    height: 100px;
    padding-top: 6px;
}
.intro h1 {
    text-align: left;
    font-size: 14px;
    margin-bottom: 15px;
}
.intro .w_a {
    display: block;
    width: 121px;
    height: 33px;
    text-align: center;
    line-height: 34px;
    background: #878787;
    font-size: 10px;
    color: #fff;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    margin: auto;
}
.container .p4{
    margin-top: 32px;
    font-size: 33px;
    text-align: center;
    color: #3cb495;
}
.container .p5 {
    font-size: 22px;
    text-align: center;
    color: #878787;
}
 .container .w_ul li{
	margin:25px 20px;
}
.container .w_pics{
	height: 0px;
}
.container .sm{
	width: 100%
}
.container .w_ul{
	width: 350px;
	margin:0 auto;
}
.w_ul .w_img{
    width: 70px;
}
.yingx-intro .trail-pc{
	overflow: auto;
}
.container .ul_li{
	width: 300px;
    margin: auto;
}

/*app.css*/

.yingx-feature .container{
	width: 100%
}
.jianzhan-main .trail-pc .tet1 {
    padding-top: 50px;
}
.container .ul  li{
	width: 100%;
}
.container #youhua{
	height: 370px;
    overflow: hidden;
}
.mobile-tag-content .li1 .lanmu{
    width: 70px;
    float: left;
    margin: 0px 15px;
 }
  .li1 .lanmu{
    width: 70px;
    float: left;
    margin: 30px 15px;
 }
 .li1 .meir{
    padding-left: 100px;
 }
.li1 .waimao-biaoti{
    font-size: 16px;
    line-height: 27px;
 }
.ul .li-img {
    width: 97px;
    float: left;
    margin:0 0 0 15px;
    border: aliceblue;
    height: 115px;
    }
.li-img .image{
	margin:0px;
}
.ul .desc{
	padding-left: 121px;
	padding-right: 10px;
}
.desc h3{
	text-align:left;
}
.desc .p{
	text-align:left;
}
.jianzhan-main .container{
	width: 100%;
}
.container .ul-4 li{
	margin:0px;
    width: 136px;
}
.ul-4 li .yuankuang{
    width: 64px;
    margin: auto;
}
.container .xianshi{
    display: none;
}
.container .yincang{
    display:block;
}
/*shangcheng.css*/
.yingx-main .yingx-intro .nei-r{
    padding: 0px;
}
.nei-r .ul-1{
    width: 90%;
    margin: auto;
}
.xiala ul .li1 {
    width: 96%;
    margin-bottom: 22px;
}
.xiala ul .li1 .lanmu-tet{
    margin-top: 20px;
 }
.container .ul-1 li {
    width: 47%;
    background: #fff;
    float: left;
    margin: 0px 1px 17px 6px;
    border-radius: 10px;
}
.ul-1 li .img{
    margin: 25px 0;
}
.ul-1 li .p2 {
    font-size: 15px;
}
.nei-r .tet{
	font-size: 32px;
    color: #3CB495;
    font-weight: bold;
    line-height: 41px;
    text-align: center;
    padding: 60px 0 30px 0;
}
.nei-r .xiala{
    height: 340px;
    overflow: overlay;
}
.container .ul-3{
	padding:0px;
}
.container .ul-3 li {
    float: inherit;
    width: 250px;
    position: relative;
    border: 2px solid #30C99C;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
}
.ul-3 li .tubiao {
    border: aliceblue; 
    height: 65px;
    width: 216px;
    padding: 7px;
    margin:0 auto;
    /* border-radius: 50%; */
}
.tubiao .center{
   width: 70px;
   float: left;
   margin-top:0px;
}
.ul-3 li .beijing{
	content: "\20";
    display: inline-block;
    position: absolute;
    top: -27px;
    left: 39%;
    right: auto;
    padding: 0;
    width: 44px;
    height: 42px;
    background-size: contain;
    background-image: url(/resource/manage/img/main_v4/weapp/arrow-mobi.png?v=1729a3e…);
}
.ul-3 li .jiantou{
	display:none;
}
/*gouwu.css*/
 .yingx-intro .container .biaoti{
	padding: 0px;
}
.biaoti .meir{
	width: 100%;
}
.biaoti .meir .p{
	font-size: 15px;
    line-height: 25px;
    color: #707070;
}
.biaoti .tou-image{
	display: none;
}
.biaoti .huadong{
	width: 375px;
    height: 480px;
    overflow: -webkit-paged-x;
}
.huadong .ul-4{
	padding: 0;
    float: left;
    list-style: none;
    height: 480px;
    width: 91%;
    background:#fff;
    border-radius: 10px;
}
.biaoti .huadong .ul-4 li{
    margin: 0px 20px 0 44px;
    float: left;
    width: 102px;
    position: relative;
    display: block; 
    margin-top: 20px;
    padding: 0px; 
    border:aliceblue; 
    /* border-radius: 9px; */

}
.biaoti .huadong .ul-4 li .tubiao2{
   width: 75px;
}
.biaoti .clear{
    width: 100%;
}
.biaoti .clear-ul{
    width: 100%;
}
.biaoti .is-hide{
    display: none;
}
.clear-ul .time-list{
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 244px;
    height: 310px;
    margin: auto;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 15px;
}
.clear .time-list{
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 244px;
    height: 310px;
    margin: auto;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 15px;
}
/*qiye.css*/

.biaoti .huadong2{
	width: 350px;
    height: 320px;
    overflow:auto;
}
.biaoti .meir .ul-2 li{
    margin: 18px 5px;
    width: 55px;
}
.biaoti .meir .ul-2 li span{
    font-size: 13px;
}
.biaoti .ul-4 li{
    float: left;
    width: 37%;
    position: relative;
    display: flex;
    margin: 15px 16px;
    padding: 6px;
    border: 1px solid #999999;
    border-radius: 9px;
}
.biaoti .ul-4 li .kuang {
     border: aliceblue ; 
    text-align: center;
    line-height: 29px;
    border-radius: 19px;
    font-size: 15px;
    color: #656565;
    width: 104px;
}
.ul-3 .li5{
    width: 0px;
}
/*gaiban.css*/
#div .clear{
    width: 100%;
}
/*jianzhan.css*/
.jianzhan-main .container .ul li #img{
	float: left;
    margin: 0 10px;
    width: 100px;
}
.jianzhan-main .container .ul li .desc h3{
    margin-bottom: 4px;
    font-size: 16px;
    color: #404040;

}
.jianzhan-main .container .ul li .desc .p{
    font-size: 13px;
}
.mobile-tag-content .ul-1 li{
    width: 95%;
    height: 98px;
    background: #fff;
    margin: 0px 11px 10px 10px;
    border-radius: 10px;
    float: none;
    /*border-bottom: 3px solid #999999;*/
    padding-bottom: 20px;
}

.mobile-tag-content .ul-1 li #img1{
	width: 100px;
	height: 100px;
	float:left;
	margin:auto;
}
.mobile-tag-content .ul-1 li .desc{
    padding-left: 110px;
}
.mobile-tag-content .ul-1 li .desc h3{
    font-size: 16px;
}
.mobile-tag-content .ul-1 li .desc .p{
    font-size: 13px;
}
.jianzhan-main .social-step {
	width: 100%;
}
.social-step .step-item .p1{
	width: 52px;
	font-size: 9px;
	line-height: 20px;
}
.social-step .step-icon .hr{
	display: none;
}
.jianzhan-main .tet {
    font-size: 35px;
    color: #3CB495;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    padding: 30px 0;
}
.jianzhan-main .youhua{
	width:100% ;
	/*height: 615px;*/
	overflow: -webkit-paged-x;
}
.jianzhan-main .clear {
     width: 100%; 
  
}
.jianzhan-main .clear .time-list {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;  
    padding: 31px 14px;
    margin: 0 17px;
    border: 1px solid #e6e6e6;
    border-radius: 30px;
    background-color: #fff;
    text-align: left; 
    margin-bottom: 5px;
    width: auto;
    height: auto;
}
.jianzhan-main .clear .time-list #img2{
    float: left;
    width: 80px;
    padding-right: 10px;
    height: auto;
}
/*yingxiao.css*/
.layout-container .yingx-main .yingx-feature .p{
	font:caption;
    color: #7AECCD;
    text-align: center;
    letter-spacing: 3px;
    padding: 20px 0px;

}
.yingx-main .yincang{
    display: none;
}
.yingx-main .yingx-intro .container .yingx-item{
    padding: 0px;
}
.yingx-feature .p span{
	font-size:25px;
}
.yingx-feature .tet{
	line-height:30px;
    font-size: 23px;
}
.yingx-feature .text{
	color: #828282;
    text-align: center;
    padding-top: 5px;
    font: caption; 
    font-size: 15px;
    line-height: 28px;
}
.yingx-feature .yingx-ul{
	display: none;
}
.container .yingx-item{
	padding:0px 10px; 
}
.yingx-item .tet1{
	font-size: 27px;
    color: #3CB495;
    font-weight: bold;
    line-height: 44px;
    text-align: center;
    padding: 40px 0 15px 0;
}
.yingx-main .yingx-intro .yingx-item .desc{
	margin-top: 70px;
	padding: 0px;
}
.desc .yingli {
    float: none;
    width: 95%;
    border: 2px solid #7AECCD;
    margin-left: 2%;
    margin-bottom: 55px;
    position: relative;
}
.container .you-hua{
    /*height: 415px;*/
    width: 90%;
    margin: auto;
    overflow: -webkit-paged-x;
}
.container .you-hua #ul2 .safety{
    border: 1px solid #D5D5D5;
    width: 87%;
    height: 325px;
    overflow: hidden;
    padding: 0;
    float: left;
    transition: all .25s;
    -webkit-transition: all .25s;
    margin-bottom: 70px;
    margin-left: 10px;
    padding: 10px;
}
.comment-list-avatar #image-1{
	position: absolute;
    top: -44px;
    /*left: 37%;*/
    
    left: 50%;
    margin-left: -41px;
}
.comment-list-avatar #image-2{
	position: absolute;
    top: -40px;
    /*right: 37%;*/
    
    left: 50%;
    margin-left: -41px;
}
.container .tet{
	font-size: 28px;
    color: #3CB495;
    font-weight: bold;
    line-height: 57px;
    text-align: center;
    padding: 34px 0;
}
.container #ul{
	width: 300px;
    margin: auto;
}
.yingx-feature .container .ul{
	width: 100%;
}
.container .ul{
	width: 45%;
}
.container .ul .li1{
	margin: 50px 0 -13px 0;
	width: 100%;
	height: 235px; 
	border: 1px solid #9999;
    border-radius: 30px;

}
.container .ul .tubiao {
	padding: 10px 0 0 0;
    width: 52px;
    float: none;
    margin: auto;
} 
.container .ul .biaoti{
    text-align: center;
    color: #7ABFEC;
    font-size: 13px;
    margin-bottom: 11px;
    padding: 0 5px;
} 
.container .ul .neirong {
    text-align: center;
    font-size: 10px;
    color: #828282;
    padding: 0 5px;
} 
.container .img3{
	position: absolute;
    top: 46%;
    left: 34%;
    width: 30%;
}
.container .img4{
    width: 32%;
    position: absolute;
    top: 31%;
    left: 33%;
    z-index: 500;
}
 /*sheji.css*/
 .container .she{
 	display: none;
 }
 .meir .sheji-p{
    display: none;
 }
 .container .sheji{
 	padding: 0px;
 }
 .container .sheji .meir{
 	width: 100%;
 }

 .sheji .clear{
 	width: 100%;
 	
 }

 .sheji .clear .time-list{
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 280px;
    height: 400px;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    margin: 20px auto;
    margin: 3% 23%;
 }
}

@media screen and (min-width: 768px){
    .container .ul li {
    width: 50%;
}
.ul li{
    margin-right:0 !important;
}
 .sheji .desul{
    display: flex;
 }
  .sheji .clear .time-list{
      margin: 20px auto;
  }
  .biaoti .huadong{
      width: 100%;
  }
  .huadong .ul-4{
      width: 100%;
      height: auto;
  }
  .biaoti .huadong .ul-4 li{
      width: 20%;
      margin: 0;
  }
  
  
  
  
  

  .biaoti .meir .ul-2 li{
      width:20%;
      margin:20px 0;
  }
  .biaoti .huadong2{
      width: 100%;
  }
}