/*
* 弹出层基本样式
*/
.popusBack {
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0.5;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 500;
}

.popusBox {
   width: 80%;
   height: 100%;
   background-color: #fff;
   position: absolute;
   bottom: 0;
   right: 0;
   border-left: 2rpx solid #eee;
   z-index: 600;
   font-size: 12px;
   color: #999;
}

.popusBox .header {
   height: 40px;
   font-weight: bold;
   color: #f1484f;
   font-size: 18px;
   position: relative;
}

.popusBox .closeIcon {
   width: 40px;
   height: 40px;
   position: absolute;
   top: 0;
   left: 10px;
   color: #999;
}

.popusBox .ul {
   overflow-y: scroll;
}

.popusBox .ul .li {
   height: 24px;
   line-height: 24px;
   text-align: center;
   min-width: 60px;
   border: 2rpx solid #eee;
   border-radius: 5px;
   margin-left: 10px;
   margin-top: 10px;
   padding: 2px;
}

.popusContent {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
}

.popusBox .ul .checked {
   border: 2rpx solid #75b6ac;
   color: #fff;
   background-color: #75b6ac;
}

.popusBox .closeBtn {
   position: absolute;
   bottom: 5px;
   left: 0;
   width: 100%;
}