/*.popup-menu{position:fixed; z-index:999; top:0px;bottom:0;left:0; right:0; visibility: hidden;}*/
/*.popup-menu .mask{position:absolute; top:0;bottom:0;left:0; right:0; background: rgba(0,0,0,0); transition-duration: 500ms}*/
/*.popup-menu .menu-box{position:absolute; top:0;bottom:0;left:25%;right:0; background:#fff; border-top: 1px solid #eee; transform: translateX(100%); transition-duration: 400ms}*/
/*.popup-menu.show{visibility: visible;}*/
/*.popup-menu.show .mask{background: rgba(0,0,0,.6);}*/
/*.popup-menu.show .menu-box{transform: translateX(0);}*/

.popup-menu{position:fixed; z-index:999; top:0px;bottom:0;left:0; right:0; visibility: hidden;}
.popup-menu .mask{position:absolute; top:0;bottom:0;left:0; right:0; background: rgba(0,0,0,0); transition-duration: 500ms}
.popup-menu .menu-box{position:absolute; top:0;bottom:0;left:0;right:25%; background:#fff; border-top: 1px solid #eee; transform: translateX(-100%); transition-duration: 400ms}
.popup-menu.show{visibility: visible;}
.popup-menu.show .mask{background: rgba(0,0,0,.6);}
.popup-menu.show .menu-box{transform: translateX(0); overflow-y: auto;}

.popup-menu .lineBox{margin: 10px 10px;border: 1px solid #e5e5e5; border-top: 0 none;}
.popup-menu .leftBar_title{height: 40px; line-height: 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;background: #f7f7f7;}
.popup-menu .leftBar_title h2{font-size: 15px;color: #ff3e30;font-weight: normal;padding-left: 46px;display: inline-block;background: url(../../pc/img/leftbar.png) 15px center no-repeat;border-bottom: 1px solid #ff3e30;}
.popup-menu .lineBox .leftbar-btn{height: 34px; line-height: 34px; border: 1px solid #e9e9e9; font-size:13px; cursor: pointer; background:#fff; margin: 10px 20px; display: block;text-align: center; transition-duration: 300ms;}
.popup-menu .lineBox .leftbar-btn:hover{background:#ff3e30; color:#fff; border: 1px solid #ff3e30;}

  /*地域选择*/
.popup-menu .region-box{position: relative; margin:0 8px; box-sizing: border-box; user-select: none;}
.popup-menu .region-box .select-box{height:39px; position: relative; }
.popup-menu .region-box .select-box:nth-of-type(1){margin-bottom:15px;}
.popup-menu .region-box .select-box .handle{border-radius:8px; height:39px; background:#fff; font-size:14px; display:flex; align-items: center; transition-duration: 300ms; cursor:pointer;  border:1px solid #ccc;}
.popup-menu .region-box .select-box .handle.active{border-radius:8px 8px 0 0; background:#E51C23; color:#fff; border:1px solid #E51C23;}
.popup-menu .region-box .select-box .handle.unclick{opacity:.6;}
.popup-menu .region-box .select-box .handle .arrow{width:9px; height:9px; border-top:2px solid #888; border-right:2px solid #888; transform: rotate(45deg); position: absolute; top:15px; right:15px; transition-duration: 300ms;}
.popup-menu .region-box .select-box .handle.active .arrow{border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(135deg); top:13px;}
.popup-menu .region-box .select-box .handle img{width:20px; height:20px; margin:0 10px;}
.popup-menu .region-box .select-box .handle img:nth-of-type(2){display: none;}
.popup-menu .region-box .select-box .handle.active img:nth-of-type(1){display: none;}
.popup-menu .region-box .select-box .handle.active img:nth-of-type(2){display: block;}
.popup-menu .region-box .select-box .handle.active .value{color:#fff;}
.popup-menu .region-box .select-box .handle .value{color:#333;}
.popup-menu .region-box .select-box .handle.checked .value{color:#999;}

.popup-menu .region-box .select-box .handle.active+.drop-down{visibility: visible; opacity: 1; transform: translateY(0);}
.popup-menu .region-box .drop-down{border-radius:0 0 8px 8px; max-height:200px; overflow-y:auto;  padding:10px 12px; border:1px solid #ccc; border-top:0; font-size:0; position: relative; z-index:999; box-sizing: border-box; visibility: hidden; transition-duration: 300ms; opacity:0; transform: translateY(-15px); background: #fff;}
.popup-menu .region-box .drop-down li{display: inline-block; width:100%; height:31px; line-height:31px; font-size:13px; border-bottom:1px solid #eee;}
.popup-menu .region-box .drop-down li.active{color:#E51C23; font-weight: bold;}
.popup-menu .region-box .drop-down li:nth-last-of-type(1){border:none;}

.popup-menu .region-box .btn-box{display:flex; justify-content: center; }
.popup-menu .region-box .btn-box button{height:34px; line-height:34px; text-align:center; font-size:16px;
  color:#fff; background:#E51C23; border-radius: 5px; border:none; outline:none; margin-top:15px;}
.popup-menu .region-box .btn-box button.confirm{width:150px;}
.popup-menu .region-box .btn-box button.confirm.unclick{background: #999; display:none;}

/*浮动弹出层菜单*/
/*.fixed-btn{position: fixed; z-index:9999; bottom:100px; right:10px; width:60px; height:60px; background:#fff; border-radius:60px; box-shadow: 1px 1px 6px rgba(0,0,0,.6);}*/
/*.fixed-btn>img{width:30px; height:30px; position: absolute; top:15px; left:15px; transition-duration: 300ms}*/
/*.fixed-btn img:nth-of-type(1){transform: scale(1);}*/
/*.fixed-btn img:nth-of-type(2){transform: scale(0);}*/
/*.fixed-btn.active img:nth-of-type(1){transform: scale(0);}*/
/*.fixed-btn.active img:nth-of-type(2){transform: scale(0.9);}*/
.fixed-box{position: fixed; z-index:9999; bottom:10px; right:10px; width:50px;}
.fixed-box>.btn{display:block; position:relative; margin-top: 8px; width:50px; height:50px; background:#fff; border-radius:60px; box-shadow: 1px 1px 6px rgba(0,0,0,.6); opacity:.9;background:rgba(255,255,255,.4);  transition-duration: 300ms; cursor:pointer;}
.fixed-box>.btn:active{background:rgba(255,255,255,.9);}
.fixed-box>.btn.back-top{display:none;}
.fixed-box>.btn>img{width:25px; height:25px; position: absolute; top:12.5px; left:12.5px; transition-duration: 300ms}
.fixed-box>.btn img:nth-of-type(1){transform: scale(1);}
.fixed-box>.btn img:nth-of-type(2){transform: scale(0);}
.fixed-box>.fixed-btn.active img:nth-of-type(1){transform: scale(0);}
.fixed-box>.fixed-btn.active img:nth-of-type(2){transform: scale(0.9);}