.m-box{
  width: 1000px; height: auto; margin: 20px auto; display: block; overflow: hidden; border-bottom:1px solid #eee; position: relative;
}
.u-label-btn{
  width: 102px; height: 31px; line-height: 31px; font-size: 14px; font-weight: normal; color: #fff; background: #18b4ed; display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; border: 0; padding: 0; outline: none;
}
.u-label-btn:active{
  background: #4ed0ff
}

.m-main-box{
  width: 100%; height: auto; display: block; overflow: hidden; position: relative;
}

.m-cont{
  width: 690px; height: auto; display: block; overflow: hidden; margin: auto; padding: 0;
}
.m-cont li{
  list-style: none; margin: 0; padding: 0;
}
.m-cont li img{
  width: 100%; height: auto; display: block; overflow: hidden; margin: 0; padding: 0;
}
.m-cont li strong{
  font-size: 14px; font-weight: normal; margin: 10px 0 0; display: block; overflow: hidden; text-align: center;
}
.m-cont li:nth-child(n+2){
  display: none;
}

.u-main-lbtn{
  width: 40px; height: 40px; display: block; overflow: hidden; position: absolute; left:0; top: 50%; transform: translateY(-50%); cursor: pointer;
}
.u-main-lbtn img{
  width: 40px; display: block; transform: scale(-1)
}

.u-main-rbtn{
  width: 40px; height: 40px; display: block; overflow: hidden; position: absolute; right:0; top: 50%; transform: translateY(-50%); cursor: pointer;
}
.u-main-rbtn img{
  width: 40px; display: block;
}

.m-label-box{
  width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10; display: none;
}
.m-label-main{
  width: 510px; height: auto; max-height: 500px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; padding:20px;border-radius: 6px; overflow-y: auto;
}
.m-label-box .m-label{
  width: 100%; height: auto; display: block; overflow: hidden; margin: 0;
}
.m-label-box .m-label dt{
  width: 100%; height: auto; padding: 10px 0; font-size: 16px; font-weight:normal; color: #000; border-bottom: 1px solid #eee; display: block; overflow: hidden;
}
.m-label-box .m-label dd{
  width: 100%; height: auto; padding: 10px 0; border-bottom: 1px solid #eee; display: block; overflow: hidden; margin: 0; cursor: pointer;
}
.m-label-box .m-label dd strong{
  width: 80%; height: auto; font-size: 14px; font-weight: normal; color: #333; float: left; display: inline; overflow: hidden;
}
.m-label-box .m-label dd b{
  width: 20%; height: auto; font-size: 14px; font-weight: normal; color: #888; float: left; display: inline; overflow: hidden; text-align: right;
}
.m-label-box .m-label dd:hover{
   background: #f5f5f5;
}
.m-label-box .u-close{
  font-size: xx-large; font-weight: bolder; color: #000; position: absolute; right: 10px; top: 0; z-index: 10; font-style: normal; font-family: "Arial","Helvetica","΢ÈíÑźÚ"; cursor: pointer;
}
.m-label-box .u-bg{
  width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(0, 0, 0, .5)
}