@charset "UTF-8";

/*右侧按钮区*/
.bottom_box{position:fixed;right:10px;bottom:210px;box-sizing:border-box;width:80px;z-index:9}
.bottom_box .menu_box{display:flex;width:100%;list-style:none;margin:0;padding:0;border-radius:5px;background-color:rgba(0,0,0,.2);flex-direction:column;justify-content:center}
.bottom_box .menu_box .b_item{display:flex;width:100%;margin:10px 0;align-items:center;justify-content:flex-start;flex-direction:column}
.bottom_box .menu_box .b_item .itemicon{text-align:center;width:40px;height:40px;line-height:40px;border-radius:10px;background-color:rgb(211,211,211,.4);border:solid 1px #f8f8f8;box-shadow:0 0 3px #a5a5a5}
.bottom_box .menu_box .b_item .itemicon:hover {background-color: rgba(210,210,210,0.8);cursor: pointer;}
.bottom_box .menu_box .b_item .itemicon>img{width:24px;height:24px}
.bottom_box .menu_box .b_item .itemicon>i{color:#fff;font-size:26px;line-height:40px}
.bottom_box .menu_box .active .itemicon{background-color:#ccc}
.bottom_box .menu_box .active .itemicon>i.icon-dianzhan{color:#f44336}
.bottom_box .menu_box .b_item .itemtxt{color:#fff;font-size:14px}

/*全景简介弹窗*/
.jianjiebox{display: none;position:fixed;left:0;bottom:-200px;padding:10px;box-sizing:border-box;width:100%;z-index:2002}
.jianjiebox .qj_info{position: relative;padding:10px;box-sizing:border-box;border-radius:5px;background-color: rgba(0,0,0,.4);}
.jianjiebox .qj_info .hidebtn{position: absolute;top: -12px;left: calc(50% - 14px);width: 28px;height: 28px;padding: 6px;margin: 0 auto;box-sizing: border-box;border-radius: 100%;background-color: rgba(75,66,66,0.2);z-index: 99;}
.jianjiebox .qj_info .hidebtn:hover {background-color: rgba(255,255,255,0.5);cursor: pointer;}
.jianjiebox .qj_info .qj_info_name{font-size: 14px;font-weight: bold;color: #ffffff;}
.jianjiebox .qj_info .qj_info_jianjie{margin:0;color:#fff;font-size:12px;min-height:40px;height: auto !important;}



@media only screen and (min-width: 100px) and (max-width: 768px) {
  /*手机端悬浮按钮*/
  .bottom_box{bottom:150px;width:60px}
  .bottom_box .menu_box .b_item{margin:8px 0}
  .bottom_box .menu_box .b_item .itemicon{width:30px;height:30px;line-height:30px;border-radius:30px}
  .bottom_box .menu_box .b_item .itemicon>img{width:16px;height:16px}
  .bottom_box .menu_box .b_item .itemicon>i{font-size:14px;line-height:30px}
  .bottom_box .menu_box .active .itemicon>i.icon-dianzhan{color:#f44336}
  .bottom_box .menu_box .b_item .itemtxt{font-size:12px}
  
}