
/*遮罩层*/
.popup_layer,.mask{
    position:fixed;
    bottom: 0;
    left: 0;
    width:100%;
    height:100%;
    text-align:center;
    background:rgba(0,0,0,0.6);
    background:#000\9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/
    filter:Alpha(opacity=60);/*只对ie7,ie8有效*/
    z-index:9;
}
.flex-box{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.box-1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
/*列表展示通用*/
.index-mend-box{
    background-color:white;
    padding:0.3rem 0;
}
.index-mend-box>h1{
    padding:1rem;
    border-bottom:1px solid #ccc;
    justify-content: space-between;
}
.index-mend-box ul li .mend-box-a .mend-img-left{
    margin-right:1rem;
    width:8rem;
    height:7rem;
    line-height:7rem;
    text-align: center;
}
.index-mend-box ul li .mend-box-a{
    padding:0 1rem;
}
.mend-text-right{
    padding:1rem 0;
    border-bottom:1px solid #ccc;
}
.index-mend-box ul li .mend-box-a .mend-img-left img{
    width:8rem;
    height:7rem;
}
.index-mend-box ul li .mend-box-a .mend-text-right h1{
    font-weight: 400;
    font-size:1.6rem;
    width:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all
}
.xx-box{
    overflow: hidden;
    margin-top:0.5rem;
}
.xx-0,.xx-1,.xx-2,.xx-box span{
    font-size:1.4rem;
    float:left;
    margin-right:0.5rem;
    width:1.5rem;
    height:1.5rem;
    line-height:1.5rem;
}
.xx-box span{
    width:initial;
}
.xx-0{
    background: url(../ico/xx-0.png) no-repeat center center;
    background-size:100% 100%;
}
.xx-1{
    background: url(../ico/xx-1.png) no-repeat center center;
    background-size:100% 100%;
}
.xx-2{
    background: url(../ico/xx-2.png) no-repeat center center;
    background-size:100% 100%;
}
.xx-box-text{
    overflow: hidden;
    margin-top:0.5rem;
}
.xx-box-text span,.xx-text-xq span{
    float:left;
    padding:0 0.5rem;
    font-weight: 800;
    color:white;
    background-color:#00BBFF;
    margin-right:0.5rem;
    font-size:1.2rem;
}
.xx-box-text i{
    font-size:1.2rem;
    color:#999;
}
.xx-text-xq{
    padding-left:10rem;
    padding-right:1rem;
    padding-bottom:1rem;
    border-bottom:1px solid #ccc;
    font-size:1.2rem;
    max-height:1000px;
    position:relative;
}
.xx-text-xq dt{
    position:absolute;
    right:1rem;
    top:1rem;
}
.xx-text-xq dd{
    padding-top:1rem;
}
.index-mend-box ul li:last-child  .xx-text-xq{
    border:none;
}
.loading-boxs{
    display: none;
}
/*==============*/
/*滚动条垂直方向的宽度*/
::-webkit-scrollbar
{
  width: 2px;
}
/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color:rgba(129,129,129,0.5);
}
.list-search-box{
  padding:1rem 2rem;
  background-color:#F6F6F6;
  position:relative;
  z-index: 9;
}
.list-search-box input[type='search']{
  width:100%;
  border:1px solid #ccc;
  padding:0.8rem 4rem;
  box-sizing: border-box;
  border-radius: 3rem;
}
.list-search{
  position:relative;
}
.list-search::before{
  content: " ";
  display: inline-block;
  width:2rem;
  height:2rem;
  background: url(ico/serch.png) no-repeat center center;
  background-size:100% 100%;
  position:absolute;
  z-index: 2;
  top:50%;
  transform: translateY(-50%);
  left:1rem;
}
.list-class-box{
  position:relative;
  z-index: 9;
  background-color:white;
}
.list-class-1{
  height:4rem;
  line-height:4rem;
  border-bottom:1px solid #eee;
  border-top:1px solid #eee;
}
.list-class-1>li{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  text-align: center;
  font-size: 0.875rem;
}
.list-class-1>li>h2 {
}
#list-text-2{
  position:absolute;
  top:4.03rem;
  left:0;
  width:100%;
  background-color:white;
  z-index: 9;
}
#list-text-2 ul.text-1{
  width:100%;
  height:25rem;
  overflow: auto;
  line-height:1.5;
}
#list-text-2 ul.text-2{
  width:50%;
  height:25rem;
  position: absolute;
  right: 0;
  overflow: auto;
  line-height:1.5;
}
#list-text-2 ul li{
  text-align: left;
  padding:1rem;
  font-size: 1rem;
}
#list-text-2 .text-1{
  background-color:#F6F6F6;
}
#list-text-2 .text-2{
  background-color:white;
  padding-left:1rem;
  position:absolute;
  right:0;
  top:0;
}
#list-text-2 .text-2 li{
  border-bottom:1px solid #ccc;
}
.list-class-1>li>i{
  color:#ccc;
  margin-left:0.5rem;
}
.oneclass{
  background-color:white;
}
.twoclass{
  color:#07BCFF !important;
  border-bottom:1px solid #07BCFF !important;
}
.widthclass{
  width:100% !important;
  background-color:white !important;
}
#text-mask{
  display: none;
}
.dl-one-box{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10rem;
}
