ul{ padding: 0; margin: 0;}
ul li{ list-style-type: none;padding: 0; margin: 0;}
.logo{ 
  /* width:40px  */
   height: 45px; padding: 2px;box-sizing: border-box;}
 .no-bg{ background:none!important;}
.top-bg{ background-image: linear-gradient(to right,#5981fd,#64aef7);}
.button-bg{background-image: linear-gradient(to right,#5981fd,#64aef7);}
.bg-gray{ background: #f5f6f8!important;}
.border-bottom{ border-bottom: 1px solid  #f5f6f8;}
.box-sizing{ box-sizing: border-box!important;;}
/* .must::after{
  content: "*"; 
  color: red;
padding-left: 5px;
 
 
 
} */
.must
{
  background: url(../images/must.gif)!important ; 
  background-repeat: no-repeat!important;
  background-position:  98% center!important;
  background-size: 5px 5px!important;
  

 
 
}




.tab-link-active{border-bottom: 1px solid #5981fd; color: #5981fd!important; ;}
/* body{font-size:12px!important;} */
.swiper-container-banner .swiper-slide img{width: 100%;height: 100%;}
.swiper-container-hot {height:90px; background: #fff; }
.swiper-container-hot .swiper-slide {width: 100%;height: 100px;}


.tabbar01{ position: fixed;top:40px;}
.title{line-height:35px; padding:0 20px; background: #fff;}
/* .main{ overflow: hidden; height: calc(100% - 100px);} */
/* .main{margin-top: 40px;} */
.swiper-container .item {padding: 10px; box-sizing: border-box;}
.tabs  .item {padding: 10px;box-sizing: border-box;}
.padding-10{padding: 10px;box-sizing: border-box;}
 a{color: #666!important;}
 .picker-item{color: #666!important;}
.list input{color: #666!important;font-size: 14px!important;}
.list .time{ text-align: right;}
.no-border .links-list a:after,.no-border .list .item-inner:after, .no-border .simple-list li:after {
  content: '';
  position: absolute;
  background-color: var(--f7-list-item-border-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
 

  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
  display: none;
}
.no-border  ul:after{content: '';
  position: absolute;
  background-color: var(--f7-list-border-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 0px!important;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
display: none;

}
.no-border ul:before 
{    content: '';
  position: absolute;
  background-color: var(--f7-list-border-color);
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 0px!important;
  width: 100%;
  transform-origin: 50% 0%;
  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));display: none;}


  .no-border .links-list a:after, .no-border .list .item-inner:after, .no-border .simple-list li:after {
    content: '';
    position: absolute;
    background-color: var(--f7-list-item-border-color);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 0px!important;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
    display: none;
}
.no-border :after {
  content: '';
  position: absolute;
  background-color: var(--f7-list-item-border-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 0px!important;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
  display: none;
}

 
.time{ font-size: 12px; line-height:30px;}
.time span{  margin: 0 10px;}


.nav-list ul li{ float: left;  
    border:1px solid #d6d6d6; 
   border-radius: 20px;
     padding:5px 10px;
     text-align: center;
     box-sizing: border-box;
      margin-right: 7%;
      margin-top: 20px;
  }
  .nav-list .text{flex: 1;text-align: center;font-size: 14px; line-height: 30px;


  }


  @-webkit-keyframes arrow {
    0% {
      -webkit-transform: translate3d(0, -50%, 0);
              transform: translate3d(0, -50%, 0);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
  @keyframes arrow {
    0% {
      -webkit-transform: translate3d(0, -50%, 0);
              transform: translate3d(0, -50%, 0);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
  }
.loading-more{ line-height:60px; color: red;text-align: center;}

.show_more_arrow {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 40px;;
  height:70%;

  background: url(/skin/wap/images/down.png) no-repeat center center;
  background-size: 15px 15px;

  -webkit-animation: arrow 0.4s infinite alternate;
  animation: arrow 0.4s infinite alternate;}

dd{ margin: 0;}
.expand_more{position: relative;
  top: 20px;
  height:40px;
  /* padding-left: 20px; */
  width:100px;
  margin: 0 auto;
  color: #EE1A1A;
  text-align: right;}









.list .item-title{
  /* white-space:normal!important; 
  line-clamp:2; 
  -webkit-line-clamp:2 */
  text-align: left!important;
  overflow:hidden;
  white-space:normal!important;
  text-overflow:ellipsis;

  display:-webkit-box;
  box-orient:vertical;
  -webkit-box-orient:vertical;
  line-clamp:2; 
  -webkit-line-clamp:2; 
  

}

/* 个人中心 */
.my-head{
  line-height: 26px;
  height: 140px;
  font-size: 16px;
  text-align: center;
  background: url(../images/mybg.jpg) no-repeat; 
  background-size: 100% 100%;
  color: #fff;
  padding-top: 20px;
  margin-bottom: 10px;

}
.my-head img{width: 60px;height:60px;
 border-radius: 50%;
}
.my img{ width: 24px;height: 24px; vertical-align: middle;}

.my-navbar{
  background-image: linear-gradient(to right,#5981fd,#61a3f8);
  color:#fff;
}
.bottom-button{ position: absolute;bottom:20px;left:0;right:0;margin: 0 auto;}



/* 登录 */
.login{ text-align: center; padding-top: 30px;}
select{color: #999;}
.date-year{
  color: #666;
  border:1px solid #d6d6d6!important; 
  height: 50px;
  padding: 0 10px!important;
  box-sizing: border-box; 
  line-height: 50px; 
  width: 90%; 
  margin: 0 auto;
   margin-bottom: 20px;
  background: none;
border-radius: 5px;}
.login{ text-align: center; padding-top: 30px;}
 
.login input{
 
  border:1px solid #d6d6d6!important; 
  height: 50px;
  padding: 0 10px!important;
  box-sizing: border-box; 
  line-height: 50px; 
  width: 90%; 
  margin: 0 auto;
   margin-bottom: 20px;
  background: none;
border-radius: 5px;}
.login-logo{ width: 100px;}
.login-button{ background:#6691e8}

.fade { 
  position: fixed;
  z-index: 999;
 width: 100%;
 height: 100%;
background: rgba(0, 0, 0, 0.5);
 
}
 .fade-box{ 
  position: absolute; 
  text-align: center;
  width: 80%;
  margin: 0 auto;
  height: 100px;
  z-index:9999;
  left: 0;
  right: 0;
  top: 100px;
  margin: 0 auto;
 background: #fff;}
.nav-more{ width: 40px;
  height: 40px; 
  position: fixed;
  right: 0;top:0;
  background: #fff; 
  z-index: 999;
   vertical-align: middle; 
   text-align: center;line-height: 45px;}
  .nav-list .icon{ width: 50px;


  }

  




/* 
  注册 */
  .code{ width: 90%; margin: 0 auto;}
.code input{ flex: 1;}
.code button{ width: 100px; margin-left: 10px; height: 50px;border-radius: 5px;border: 1px solid #6691e8!important; background: none; }
.register .toolbar{line-height: 60px;height: 60px;}
/* .register{ padding-top: 20px;} */
 #captchapng{ margin-bottom: 20px;box-sizing: border-box;}

 .select{width: 90%;  margin: 0 auto;  }                                                                                                               
 .select select{  border:1px solid #d6d6d6!important; 
  float: left;  
  height:50px;
  padding: 0 10px!important;
  box-sizing: border-box; 
  line-height: 50px; 

  width: 47%;
   margin-bottom: 20px;
  background: none;
border-radius: 5px;}
#load_area_1{width: 100%;  display: flex;justify-content: space-between;  }
/* 
  搜索 */ 
 
.history ul li{ float: left; margin-right: 10px; }

.clearfix:after { content:"";display:block; clear:both}

/* 
footer{
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}  */
 
.minirefresh-wrap {margin-top: 40px;}
.minirefresh-scroll ul li .item-title a{font-size: 16px;}
.toolbar-inner02  a{flex: 1;line-height: 40px;}
.top{ padding-right: 50px;}
.item-title{ text-align: left;}


/* 文章*/ 
.article-title{  line-height: 24px; font-size: 18px;font-weight: bold; margin-bottom: 5px;text-align: left; }
.sub-title{font-size: 16px;font-weight: 800; text-align: left; color: red;  margin-bottom: 5px;}
 
.article{max-height: 700px; overflow: hidden;text-align: left;font-size: 17px!important;}
.article p{ text-align: left;font-size: 17px!important;}
 

/* .article p{ text-indent: 0!important;} */
.media-list ul li img{width: 100px; height: 70px;} 
.relative{position: relative;}
.show_article{
  color: red;
 /* display: none; */
  text-align: center;
  position: absolute;
  width: 100%;
  top: -50px;
  font-size: 16px;
  height:50px;
  line-height: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(28%, hsla(0, 0%, 100%, 0.9)), color-stop(49.1%, #fff), to(#fff))
}
/* .open{
  
  background: url(/skin/wap/images/down.png) no-repeat center 30px;
  background-size: 15px 15px;
  display: block;
  width: 100px;
  margin: 0 auto;
  height: 50px;

  
} */
/* 搜索*/ 
.search_box { }
.search_box input{


  border:1px solid #d6d6d6!important; 
  height: 50px;
  padding: 0 10px!important;
  box-sizing: border-box; 
  line-height: 50px; 
  width: 90%; 
  margin: 0 auto;
   margin-bottom: 20px;
  background: none;
border-radius: 5px;

}
.search_box select{
  border:1px solid #d6d6d6!important; 
  height: 50px;
  padding: 0 10px!important;
  box-sizing: border-box; 
  line-height: 50px; 
  width: 90%; 
  margin: 0 auto;
   margin-bottom: 20px;
  background: none;
border-radius: 5px;}


/* 注册*/ 
.input-list li{ width: 100%;}
.input-list span{width: 70px;line-height: 40px; display: block;}
.input-list label{margin-right: 10px;}

.input-list div{flex: 1; line-height: 40px; }
.input-list select{ 
  vertical-align: middle;
  border:1px solid #d6d6d6!important; 
  height: 40px;
  padding: 0 10px!important;
  box-sizing: border-box; 
  line-height: 40px; 
  width: 100%;
 
  margin-right: 10px;
  
  background: none;
border-radius: 5px;}
.input-list input{
  vertical-align: middle;
  border:1px solid #d6d6d6!important; 
  height: 40px;
  padding: 0 10px!important;
  box-sizing: border-box; 
  line-height: 50px; 
  width: 100%;
  box-sizing: border-box;
  background: none;
  border-radius: 5px;}
.input-list input[type='radio']{
  border:1px solid #d6d6d6!important; 
  height: 50px;
  padding: 0 10px!important;
  vertical-align: middle;
  box-sizing: border-box; 
  line-height: 50px; 
  width: 20px; 
  width: 20px;
  background: none;
border-radius: 5px;}
.input-list li{ display: flex;justify-content: space-between;    margin-bottom: 10px;}
 






.select {

  
  overflow: hidden; 


  position: relative;
  display: block;
}

select{       
  width: 100%!important;
  padding: 5px;
 
  border: 0;
  outline: none;
     

 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select:after {
  content:"▼";    
  padding: 12px 8px;
  position: absolute; right: 10px; top:2px;    
  z-index: 1;
  text-align: center;
  color: #888;
  width: 10%;
  height: 100%;      
  pointer-events: none;
  box-sizing: border-box;   
}



.tit a{ margin-right: 5px!important; color: #fff!important; margin-left:5px!important;}


.img_title{ position: absolute; bottom:0;width: 100%; 
  height: 30px;line-height: 30px;color: #fff; background :rgba(0,0,0,0.5);text-align: center; overflow: hidden;text-overflow:ellipsis;    
  white-space: nowrap;   }


.zt-top{ 
  box-sizing: border-box;
  width: 100%;
  position: relative;
  height: 250px;

}
.zt-top img{
  width: 100%;
  position: absolute;
  height: 100%;
  
}
.zt-top p{
  width: 100%;
  position: absolute; 
  box-sizing: border-box;
  height:30px;
  bottom:50px;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 2px 2px 2px #000;
  color: #fff;line-height: 30px;
  padding: 0 10px; margin: 0;
      text-align: left!important;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
  
}
.zt-cont{
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  z-index: 100;
 border-radius: 20px;
 background: #fff;
  top:250px;
line-height: 30px;

}
.zt-tit{ padding:0 15px;  font-weight: bold;font-size: 18px; color: #5981fd; margin: 20px 0;}
.zt-introduce{
  padding:   15px;
 
 box-sizing: border-box;
  line-height: 23px;
  text-align: left!important;
 
  
}

