@font-face {
  font-family: 'avantgardeitcbybt';
  src: url('../font/avantgardeitcbybt-book.woff2') format('woff2'),
      url('../font/avantgardeitcbybt-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html,body,#designer_layout{
    overflow: hidden !important;
}
.wrap{min-width: 9.5rem;}
.title{position: absolute;padding: 11px;border:1px solid #ccc;color:#424242;border-radius:2px;background-color: #fff;z-index: 999999999;white-space:nowrap;display: none;}
.shape_locker{background: url("../images/icon.png")no-repeat -140px -42px;width: 10px;height: 10px;}
.tcBg{display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.tcBg>div{border-radius:2px;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.tcClosed{position: absolute;right:4px;top:4px;width: 24px;height: 24px;cursor: pointer;background-color: transparent;}
.tcClosed:before{content:"";position: absolute;right:6px;top:6px;width: 12px;height: 12px;background: url("../images/icon.png")no-repeat -94px -60px;}
.tcClosed:hover:before{background-position: -106px -60px;}
.tcTitle{line-height: 32px;padding:0 12px;cursor: default;border-bottom:1px solid #d3dce0;margin-bottom: 20px;}
.layui-layer-dialog .layui-layer-content{color:#333;}

.tsTc{width: 346px;height: 142px;}
.tsTc_jx{width: 300px;height: 130px;}
.txDivTxt{text-align: center;margin-bottom: 25px;}
.pxDivTxt{text-align: center;margin-bottom: 15px;line-height: 26px;height: 26px;}
.pxDivTxt label{display: inline-block;width: 60px;text-align: right;white-space: nowrap;}
.mgr30{margin-right: 30px;}
.mgt40{margin-top: 40px;}
.pxTc{width: 330px;height: 186px;}
.w80{width: 80px;}
.setPx{width: 120px;height: 26px;border-radius: 2px;border: 1px solid #e6e6e6;font-size: 12px;line-height: 26px;}

.cpTc{width: 380px;height: 200px;}
.cpTxt{position: relative;}
.cpTxt label{width: 137px;text-align: right;display: inline-block;}
.cpTxt .setCp,.cpTxt .setCpName,.cpTxt .setCpSuff{width: 110px;height: 26px;padding: 0 6px;border-radius: 2px;border: 1px solid #e6e6e6;font-size: 12px;line-height: 26px;}
.hLine{display: inline-block;}
.cperrorDiv{position: absolute;width: 100%;color:red;text-align: center;left:0;top:38px;}
.cperrorNDiv{display:none;right: 30px;top:5px;width: auto;position: absolute;color:red;text-align: center;}

.cpSetTc{width: 560px;height: 330px;}
.cpSetTc .cpTxt label{width: 200px;}

/*按钮*/
.btn{border: 0;outline: none;padding:0 14px;box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;border-radius:2px;height:26px;line-height:26px;display:inline-block;text-align: center;cursor: pointer;-webkit-user-select: none;user-select: none;}
.btn-mid{padding: 0 20px;}
.btn.blue{background-color:rgba(2,120,173,1.0);}
.btn.blue:hover{background-color:rgba(2,120,173,0.6);}
.btn.blue:active{background-color:rgba(2,120,173,0.8);}

.btn.darkblue{background-color:rgba(2,72,103,1.0);}
.btn.darkblue:hover{background-color:rgba(2,72,103,0.6);}
.btn.darkblue:active{background-color:rgba(2,72,103,0.8);}

.btn.lightblue{background-color:rgba(3,169,243,1.0);}
.btn.lightblue:hover{background-color:rgba(3,169,243,0.6);}
.btn.lightblue:active{background-color:rgba(3,169,243,0.8);}

.btn.lightbitblue{background-color:rgba(3,154,221,1.0);}
.btn.lightbitblue:hover{background-color:rgba(3,154,221,0.6);}
.btn.lightbitblue:active{background-color:rgba(3,154,221,0.8);}

.btn.green{background-color:rgba(1,175,144,1.0);}
.btn.green:hover{background-color:rgba(1,175,144,0.6);}
.btn.green:active{background-color:rgba(1,175,144,0.8);}

.btn.gray{background-color:rgba(248,248,248,1.0);border:1px solid #ccc;color:#666;}
.btn.gray:hover{background-color:rgba(248,248,248,0.6);}
.btn.gray:active{background-color:rgba(248,248,248,0.8);}

.btn.black{background-color:#1b1d20;}
.btn.black:hover{background-color:#222428;}
.btn.black:active{background-color:#17191b;}

/*顶部 左侧样式图标背景*/
.iconBg{background-color: transparent/*#292e33*/;border-radius: 2px;padding: 2px;cursor: pointer;}
.iconBg:hover{background-color: #0278ad;}
.iconBg:active,.iconBg.action{background-color: #024867;}
.ulList{border:1px solid #ccc;background-color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;z-index:100;}
.ulList li,.ulList .liItem{height:32px;line-height:32px;display: inline-block;width: 100%;}
.ulList li:hover,.ulList .liItem:hover,.ulList li.action,.ulList .liItem.action{background-color:#deebec;}

/*头部*/
.header{height:42px;width:100%;background-color:#012c3f;padding: 0 20px;}
.pcHeader{position: absolute;z-index: 999999;right: 30px;top: 0;height: 42px;}
@media screen and (max-width:1520px){.header{width: 1520px;}}
.header .topSet{position: relative;}
.header .topSet .title{top:110%;left:0;}
.header .topSet:hover .title{display: block;}
.online_cp{font-size: 20px;}
/*设置背景*/
.setWallpaper{position: relative;}
.photoPaperDiv,
.computerDiv,
.wallPaperDiv{display:none;position: absolute;top:34px;left:0;width: 540px;height: 375px;border-radius: 2px;background:#f0f3f4;z-index: 99999;}
.photoPaperDiv:before,
.computerDiv:before,
.wallPaperDiv:before{content:' ';position: absolute;left:40px;top:-8px;display:block;border-width:4px;border-style:solid;border-color:transparent transparent #f0f3f4 transparent;}
.bgTitle{line-height: 32px;padding:0 12px;cursor: default;border-bottom:1px solid #d3dce0;}
.wallPaperListDiv{width: 520px;height:280px;margin: 10px auto;overflow: hidden;overflow-y: auto;}
.photoPaperList,
.wallPaperList{width: 100%;}
.photoPaperList li,
.wallPaperList li{float: left;width: 23%;height: 82px;margin:0 5px 10px;position: relative;cursor: pointer;}
.wallPaperList li.addWallPaper{background-color:#4d4d4d;color:#b8c2cc; }
.wallPaperList li.addWallPaper label{display: block;width: 100%;height:100%;text-align: center;cursor: pointer;position: relative;}
.wallPaperList li.addWallPaper label span em{display: block;}
.wallPaperList li.addWallPaper label span em:first-child{font-size: 14px;}
.wallPaperList li.addWallPaper label span em:last-child{color: #b8c2cc;opacity: 0.6;}
.wallPaperList li.addWallPaper label span{width:100%;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);transform:translate(-50%,-50%);}
.photoPaperList li img,
.wallPaperList li img{width: 100%;height: 100%;}
.photoPaperList li i,
.wallPaperList li i{display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;border: 1px solid #0278ad;background-color: rgba(2,33,36,0.4);}
.photoPaperList li i:before,
.wallPaperList li i:before{content: "";position: absolute;bottom:6px;right:6px;width: 18px;height: 12px;background: url("../images/icon.png")no-repeat -123px -268px;}
.photoPaperList li:hover i,.photoPaperList li.action i,
.wallPaperList li:hover i,.wallPaperList li.action i{display:block;}

.photoPaperList li:hover i::before{display: none;}
.photoPaperList li.action:hover .i:before,
.photoPaperList li.action i::before{display: block;}

/* 设置电脑 */
.computerDiv {width: 415px; height: 470px;}
.wallComputerListDiv{overflow: hidden;overflow-y: auto;}
.customize-upload,.builtin-list {padding: 15px 0;overflow: hidden;}
.builtin-title,.customize-select, .computerList{padding-left: 18px;}
.computerList li{position: relative;float: left;margin-right: 10px;margin-bottom: 10px;width: 120px;height: 82px;line-height: 82px;color: #333333;text-align: center;background-color: #f8f8f8;border: solid 1px #d7dbdc;cursor: pointer;transition: all .1s ease;-webkit-transition: all .1s ease;font-size:0;}
.computerList li.active,.computerList li:hover{border-color: #08abf3;}
.computerList li:after{display:none;position: absolute;content:' ';right:8px;bottom:8px;width:18px;height:18px;background:url(../images/check.png) -18px 0 no-repeat;}
.computerList li.active:after{display:block;}
.computerList li label{position: absolute;top:0;left:0;display: block;width:100%;height:100%;cursor: pointer;font-size:12px;}
.computerList li img{max-width:100%;max-height:100%;cursor: pointer;}
.customize-select {padding-top:15px;}
.builtin-title{color:#333;}
.customize-error{display:none;margin-left: 10px;color:#f00;}




/*顶部左侧样式图标*/
.topSet i{width: 20px;height: 18px;background: url("../images/icon.png")no-repeat;margin: 0 auto;}
/*撤销*/
.bar_undo{width: 32px;height: 26px;}
.bar_undo i{background-position: -48px -231px;}
.bar_undo:hover i,.bar_undo:active i,.bar_undo.action i{background-position: -69px -231px;}
.bar_undo.disabled{background-color: transparent;}
.bar_undo.disabled i{background-position: -46px -296px;}
/*恢复*/
.bar_redo{width: 32px;height: 26px;}
.bar_redo i{background-position: -48px -267px;}
.bar_redo:hover i,.bar_redo:active i,.bar_redo.action i{background-position: -69px -267px;}
.bar_redo.disabled{background-color: transparent;}
.bar_redo.disabled i{background-position: -68px -296px;}
/*对齐*/
.bar_align{width: 46px;height: 26px;position: relative;}
.bar_align i{background-position: -99px -79px;margin: 0 4px 0 6px;}
.bar_align:before{content: "";position: absolute;width: 8px;height: 4px;background: url("../images/icon.png")no-repeat -53px -210px;right:6px;top: 10px;}
.bar_align:hover:before,.bar_align:active:before,.bar_align.action:before{background-position: -62px -210px;}
.bar_align:hover i,.bar_align:active i,.bar_redo.action i{background-position: -124px -79px;}
.bar_align.disabled{background-color: transparent;}
.bar_align.disabled i{background-position: -90px -296px;}
.bar_align.disabled:before{background-position: -71px -210px;}

.top-align-list{display:none;position:absolute;width:118px;}
.top-align-list li{padding-left: 35px;position: relative;}
.top-align-list2{display: none;position: absolute;width: 307px;height: 34px;z-index: 999;font-size:12px;}
.top-align-list2 li{width: auto;padding-left: 35px;position: relative;}
.top-align-list2 li:hover .title { display: block;line-height: 12px;top: 110%; left: 0;}
.top-align-list-items:before{content: "";position: absolute;left:10px;top:7px;width:18px;height: 18px;background: url("../images/icon.png")no-repeat;}
.alLeft:before{background-position: -99px -106px;}
.alCenter:before{background-position: -99px -234px;}
.alRight:before{background-position: -99px -170px;}
.alTop:before{background-position: -99px -202px;}
.alDBVt:before{background-position: -99px -138px;}
.alBottom:before{background-position: -99px -266px;}
.allevel:before{background-position: -48px -316px;}
.align-icon-disabled.allevel:before{background-position: -68px -316px;}
.alvertical:before{background-position: -88px -317px;}
.align-icon-disabled.alvertical:before{background-position: -108px -317px;}
.align-icon-disabled.allevel,.align-icon-disabled.alvertical{color:#b2b2b2!important;}

/*置于顶层*/
.bar_top{width: 32px;height: 26px;}
.bar_top i{background-position: -93px -11px;width: 20px;height: 20px;}
.bar_top:hover i,.bar_top:active i,.bar_top.action i{background-position: -115px -11px;}
.bar_top.disabled{background-color: transparent;}
.bar_top.disabled i{background-position: -110px -296px;}

/*置于底层*/
.bar_bottom{width: 32px;height: 26px;}
.bar_bottom i{background-position: -93px -33px;width: 20px;height: 20px;}
.bar_bottom:hover i,.bar_bottom:active i,.bar_bottom.action i{background-position: -115px -33px;}
.bar_bottom.disabled{background-color: transparent;}
.bar_bottom.disabled i{background-position: -130px -296px;}

/*分辨率*/
.bar_resolution{height: 26px;width:105px;background-color: #00212f;border-radius: 2px;padding-left:5px;cursor: pointer;position: relative;}
.bar_resolution:before{content: "";width: 8px;height: 4px;background: url("../images/icon.png")no-repeat -53px -210px;position: absolute;top: 10px;right:4px; z-index: 1;}
.bar_resolution:hover:before,.bar_resolution:active:before,.bar_resolution.action:before{background-position: -62px -210px;}
.bar_resolution i,.bar_resolution b{width: 16px;height:100%;background-color: #00212f;position: absolute;right: 0;border-bottom-right-radius: 2px;border-top-right-radius: 2px;}
.bar_resolution:hover i,.bar_resolution:hover b{background-color: #374e55;}
.bar_resolution:active i,.bar_resolution:active b{background-color: #336a72;}
#px_list { height: 162px;width: 153px;}
#px_list .pxLi.action:before{content: "";position: absolute;left:10px;top:11px; width: 18px;height: 12px;background: url(../images/icon.png)no-repeat -123px -268px;}
#px_list  .px-list-custom {border: 1px solid #ccc; bottom: 26px;left: 152px;background: #fff;z-index: 201;width: 252px;height: 92px;padding: 11px 15px 16px 15px !important; border-radius: 2px;font-size: 0;}
.px-list-custom p {font-size: 12px; color: #424242;margin-top: 5px;line-height: 17px;}
.px-list-custom input {width: 60px;height: 26px; border: 1px solid #a6a6a6;margin-right: 10px;font-size: 12px; padding: 0 12px ;  color: #424242;border-radius: 2px;}
.px-list-custom input.custom-h{margin-right: 20px;}
.px-list-custom-btn { font-size: 12px;width: 60px;}
.px-list-custom-click::after{content: "";cursor:pointer;position: absolute;right:10px;top:7px; width: 18px;height: 18px;background: url(../images/icon.png)no-repeat -124px -202px;}
.px-list-custom-err { border: solid 1px #ec4d4d !important;}
.px-list-custom-errtext {color: #ec4d4d !important;}

/*机器设置*/
.sliderBf{width: 120px;border-radius: 4px;height: 4px;border: none;}
.ui-widget-content { background: #b8c2cc;}
.sliderBf .ui-widget-header{background: #03a9f3;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.ui-slider .ui-slider-handle{width: 10px;height: 15px;background: url("../images/icon.png")no-repeat -139px -13px;border: none;cursor: pointer;margin-left: 0;margin-top: 0; }
.ui-slider:hover .fuChuang{display: block;}
.fuChuang{display:none;position: absolute;top:-13px;left:-14px;width: 40px;height: 14px;text-align: center;color:#fff;background-color:#03a9f3;border-radius: 2px;font-size:12px;}

.cpWSet i{background-position: -4px -270px;margin:0 0.12rem;}

/*保存*/
.soBtnDiv{width: 76px;height: 26px;position: relative;float: left;}
.saveBtn{width: 60px;border-bottom-right-radius: 0;border-top-right-radius: 0;margin: 0!important;}
.saveBtn:hover{border-right-color:transparent; }
.saveBtn:active,.saveBtn.action{border-right-color:transparent;}
.saveTc{width:368px;height:236px;}
.saveTcSet>div{margin-bottom: 20px;}
.saveTcLabel{width: 105px;text-align: right;margin-right: 7px;}
.saveTcTxt{width: 210px;height: 26px;line-height: 26px;padding: 0 12px;border: 1px solid #e6e6e6;border-radius: 2px;margin-right: 8px;}
.saveTxt_error{color:#e62222;}
.w58{width: 58px;}
.w80{width: 80px;}

.otherBtn{float: right;margin-right:0!important;border-top-left-radius: 0;border-bottom-left-radius: 0;display: block;width: 16px;height: 100%;padding: 0;position: relative;}
.otherBtn:hover{border-left-color:transparent; }
.otherBtn:active,.otherBtn.action{border-left-color:transparent;}
.otherBtn:before{content: "";position: absolute;width: 8px;height: 4px;background: url("../images/icon.png")no-repeat -62px -210px;top: 11px;right: 4px;}
.otherBtn:hover:before,.otherBtn:active:before,.otherBtn.action:before{background-position: -62px -210px;}
.otherBtnDiv{position: absolute;top:28px;left:0;z-index: 9999;width: 117px;display: none;}
.otherBtnDiv .liItem{padding-left: 38px;position: relative;}
.otherBtnDiv .liItem:before{content: "";position: absolute;left:10px;top:7px;width: 18px;height: 18px;background: url("../images/icon.png")no-repeat;}
.otherBtnDiv .lookBtn:before{background-position: -124px -106px;}
.otherBtnDiv .demoBtn:before{background-position: -124px -138px;}
.otherBtnDiv .hellpBtn:before{background-position: -124px -170px;}
.fullexit {width:50px; height:50px;border-bottom-left-radius:100%;position: fixed; right: 9px; z-index: 1;top: 0;background-color:#141618;display: none;}
.fullexit:hover{background-color: #800000;}
.fullexit:active{background-color: #9f0808;}
.fullexit:before{content: "";position: absolute;top:10px;right:10px;width:18px; height: 18px;background:url("../images/icon.png")no-repeat -4px -297px;}
.fullexit:hover:before,.fullexit:active:before{background-position: -24px -297px;}

/*表单*/
.inputGroup input{margin: 0 0.12rem 0 0.05rem;}
.txtLabel{line-height: 26px;}
.text_content{color:#fff;}
.txt{height:26px;border-radius: 2px;background-color: #00212f;color:#fff;padding: 0 10px;}
.input60{width: 60px;}
.toolbar-error{display: none;position: absolute;padding:12px;background-color: rgba(255,0,0,0.3);border-radius: 2px;z-index: 999999999;}
.toolbar-component-disabled{width: 60px;background-color: #00212f;cursor: not-allowed;border-radius: 2px;}
/*主体*/
.section{width: 100%;position: relative;}
#designer_op_snapline_h{background:#6EB1EB;position:absolute;height:1px;width:100%}
#designer_op_snapline_v{background:#6EB1EB;position:absolute;width:1px}
/*侧栏*/
.leftMenu{width:50px;height:100%;  background-color:#012c3f;position: absolute;top:0;left:0; padding-top: 32px; display: block;}
.leftMenu .dragDiv{position: absolute;top:21px;left:0;width:100%;height: 4px;}
.leftMenu .dragDiv:before{content:"";position: absolute;width: 20px;height: 4px;background: url("../images/icon.png")no-repeat -96px -4px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.leftMenuShowBtn.leftMenuShow{display: block;}
.leftMenuShowBtn{display: none;width: 25px;height: 26px;position: absolute;top:0;left:0;background-color: #1f2226;border-bottom-right-radius: 20px;border-top-right-radius: 20px;z-index: 999;cursor: pointer;}
.leftMenuShowBtn:before{content: "";position: absolute;top:10px;right:9px;width: 7px;height: 5px;background: url("../images/icon.png")no-repeat -54px -199px;}
.leftMenuShowBtn:hover:before{background-position: -62px -199px;}
.leftMenuBtn{position: absolute;left:0;top:0;width:100%;height:13px;background-color:#012c3f;cursor: pointer;}
.leftMenuBtn_hide:before{content: "";position: absolute;top:4px;right:4px;width: 7px;height: 5px;background: url("../images/icon.png")no-repeat -73px -199px;}
.leftMenuBtn_hide:hover:before{background-position: -82px -199px;}
.leftMenuBtn_drag{content: "";position: absolute;top:4px;right:4px;width: 7px;height: 5px;background: url("../images/icon.png")no-repeat -54px -199px;}
.leftMenuBtn_drag:hover:before{background-position: -62px -199px;}

.panel_box {display: block;position: relative; width: 34px;height: 30px;margin: 0 auto 10px;}
.panel_box .title{top:1px;left:110%; }
.panel_box:hover .title{display:block;}
.menuImg{width:20px;height:20px;background:url("../images/icon.png")no-repeat;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.lineImg{background-position:-3px -3px ;}
.panel_box:hover .lineImg,.panel_box:active .lineImg,.panel_box.action .lineImg{background-position: -23px -3px;}
.lineImg2{background-position:-3px -341px ;}
.panel_box:hover .lineImg2,.panel_box:active .lineImg2,.panel_box.action .lineImg2{background-position: -23px -341px;}
.txtImg{background-position:-3px -41px ;}
.panel_box:hover .txtImg,.panel_box:active .txtImg,.panel_box.action .txtImg{background-position: -23px -41px;}
.myPlaceImg{background-position:-3px -79px ;}
.panel_box:hover .myPlaceImg,.panel_box:active .myPlaceImg,.panel_box.action .myPlaceImg{background-position: -23px -79px;}

.graphicsImg{background:#0083bd;}
.panel_box:hover .graphicsImg,.panel_box:active .graphicsImg,.panel_box.action .graphicsImg{background:#fff;}

.arrowImg{background-position:-3px -117px ;}
.panel_box:hover .arrowImg,.panel_box:active .arrowImg,.panel_box.action .arrowImg{background-position: -23px -117px;}
.legendImg{background-position:-3px -155px ;}
.panel_box:hover .legendImg,.panel_box:active .legendImg,.panel_box.action .legendImg{background-position: -23px -155px;}
.obstacleImg{background-position:-3px -193px ;}
.panel_box:hover .obstacleImg,.panel_box:active .obstacleImg,.panel_box.action .obstacleImg{background-position: -23px -193px;}
.uploadPhotoImg{background-position:-3px -231px ;}
.panel_box:hover .uploadPhotoImg,.panel_box:active .uploadPhotoImg,.panel_box.action .uploadPhotoImg{background-position: -23px -231px;}
.addComputerImg{background-position:-3px -269px ;}
.panel_box:hover .addComputerImg,.panel_box:active .addComputerImg,.panel_box.action .addComputerImg{background-position: -23px -269px;}
.addComputerImg2{background-position:-3px -318px ;}
.panel_box:hover .addComputerImg2,.panel_box:active .addComputerImg2,.panel_box.action .addComputerImg2{background-position: -23px -318px;}

.aircondition{background-position:-3px -388px ;}
.panel_box:hover .aircondition,.panel_box:active .aircondition,.panel_box.action .aircondition{background-position: -23px -388px;}
.lightcontrol{background-position:-3px -368px ;}
.panel_box:hover .lightcontrol,.panel_box:active .lightcontrol,.panel_box.action .lightcontrol{background-position: -23px -368px;}
.doorcontrol{background-position:-3px -408px ;}
.panel_box:hover .doorcontrol,.panel_box:active .doorcontrol,.panel_box.action .doorcontrol{background-position: -23px -408px;}

.timeImg{background-position:-47px -342px ;}
.panel_box:hover .timeImg,.panel_box:active .timeImg,.panel_box.action .timeImg{background-position: -67px -342px;}
/*控件区*/
.main{height: 100%;overflow: auto;margin-left:50px;position: relative;background-color: #1f2227;}
.noShape_box{width: 100%;height: 100%;position: absolute;top:0;left:0;background-color: #454545;z-index: 9;display: none;}
.noShape_box .fullexit{right: 0;}
.noShapeBg{width: 335px;height: 252px;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.noShapeImg{width: 335px;height: 252px;background: url("../images/full_Nobg.png")no-repeat;}
.noShapeImg+div{color:#b8c2cc;font-size: 30px;text-align: center;}
#designer_layout{overflow:auto;position:relative;z-index:0;}
#canvas_container{overflow:hidden;background-image:url("../images/bj/bj1.png");background-repeat:repeat;position:relative}
#selecting_box{position:absolute;border:1px solid #6EB1EB;background:rgba(22,145,232,.1)}
#shape_controls,#designer_canvas{position:absolute;left:0;top:0;width:100%;height:100%;}
#shape_controls #controls_bounding{position:absolute;left:-10px;top:-10px;}
.shape_box {
    position: absolute;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.shape_canvas{height: 100%;width: 100%;}
.shape_contour{position:absolute;left:0;top:0;width:0;height:0;}
.textDiv{width:100%;height:100%;background-color: transparent;border: none;cursor: default;}
.a-compontent-text01textDiv a{cursor:pointer;}
.link_point_canvas{position:absolute;}
.shape_box_creating{position:absolute;}
.shape_anchor{position:absolute;border-style:solid;border-width:1px;background:#fff;}
.shape_locker{position:absolute}
.shape_controller{position:absolute;border-style:solid;border-width:1px;background:#fff;}
.shape_controller.n.w{cursor:nw-resize;}
.shape_controller.n.e{cursor:ne-resize;}
.shape_controller.s.e{cursor:se-resize;}
.shape_controller.s.w{cursor:sw-resize;}
.shape_controller.n,.shape_controller.s{cursor:n-resize;}
.shape_controller.e,.shape_controller.w{cursor:e-resize;}
.shape_rotater{position:absolute;width:18px;height:19px;}
.shape_rotater i{position:absolute;width:100%;height:100%;background: url("../images/rotater.png")no-repeat;background-size: 100% 100%;bottom:0;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);}

/*组件样式*/
/* .upload-img{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.upload-img img{width: 100%;height: 100%;}
.tuLiShuoMing{width: 100%;height: 100%;background-color: #2c3035;border-radius: 10px;}
.xftd{height: 20%;border-bottom: 1px solid #1f2226;}
.xftdJt{width: 30px;height: 30px;}
.xftdTxt{width: 50%;padding-left: 12px;}
.sying{height: 40%;border-bottom: 1px solid #1f2226;}
.kxing{height: 40%;}
.meinv{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #9c2a22;margin-right: 4px;}
.shuaige{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #2f69aa;margin-right: 4px;}
.kai{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #228533;margin-right: 4px;}
.guan{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #555555;margin-right: 4px;}
.perror{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #eca40a;margin-right: 4px;}
.guZ{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #1b1d20;margin-right: 4px;}
.marBtom6{margin-bottom: 6px;} */
.upload-img{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.upload-img img{max-width: 100%;max-height: 100%;object-fit: contain;}
.tuLiShuoMing{width: 100%;height: 100%;background-color: #2c3035;border-radius: 10px;display: flex;}
.lanmu{width: 100%;}
.lanmu-small{margin-left: 10px;}
.lanmu-w{width: 100px;}
.lanmu-s{align-items: flex-start;}
.lanmu-1{flex: 1;}
.lanmu-2{flex: 2;}
.tuli-icon{width: 20px;height: 20px;margin-right: 5px;}
.xftd{height: 20%;border-bottom: 1px solid #1f2226;}
.xftdJt{width: 30px;height: 30px;}
.xftdTxt{width: 70px;padding-left: 12px;}
.sying{height: 40%;border-bottom: 1px solid #1f2226;}
.kxing{height: 40%;}
.meinv{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #9c2a22;margin-right: 4px;}
.shuaige{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #2f69aa;margin-right: 4px;}
.kai{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #228533;margin-right: 4px;}
.guan{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #555555;margin-right: 4px;}
.perror{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #eca40a;margin-right: 4px;}
.guZ{display:inline-block;width: 30px;height: 20px;border-radius: 2px;background-color: #1b1d20;margin-right: 4px;}
.marBtom6{margin-bottom: 6px;}
.marCenter{align-items: center;}



.deskDuration{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 990;
}

.deskDuration .deskDurationText{
    font-size: 14px;
    color: #fff;
    background: rgba(2, 167, 240,0.7);
    padding: 3px 3px 4px 4px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deskDuration .deskDurationArrow{
    width:0;
    height:0;
    border-style:solid;
    border-width:8px;
    border-color:rgba(2, 167, 240,0.7) transparent  transparent  transparent;
    margin-top: -1px;
}

.deskDuration .deskDurationText .deskTime{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 2px 0 2px;
    border-radius: 3px;
    font-size: 12px;
    color: rgba(2, 167, 240,1);
    background: #fff;
}

.deskDuration .deskDurationText .deskMsg{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
}



.addPcDiv{width: 100%;height: 100%;background-color:transparent;/*background-color: #146b81;padding:6%;*/border-radius: 2px;}
.addPcDiv .cpNum{width: 100%;height: 75%;background-color:transparent;/*background-color: #2290ab;*/text-align: center;overflow:hidden;font-size:12px;color:#fff;border-radius: 2px;}
.addPcDiv .cpNum+span{width: 70%;height: 10%;border-radius: 10px;background-color: #2290ab;display: block;margin: 7% auto 0;}

.addPcDiv img{width:100%; height:100%;}
.addPcDiv img+.cpNum{position: absolute;left: 8%;top: 18%;right: 8%;width: 85%;height: 50%;min-height:12px;}
.addPcDiv img+.cpNum.bot{top:102% !important;left:0;right:0;width:100%;}


.myPlaceUlList{width: 224px;height: 104px;padding: 12px;}
.myPlaceUlList>li{width: 68px;height: 84px;position: relative;}
.myPlaceUlList>li>div{width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: hidden;}
.arrowUlList{width: 254px;height: 78px;padding: 12px;}
.arrowUlList>li{width:78px;height: 56px;position: relative;}
.arrowUlList>li>div{width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: hidden;}
.obstacleUlList{width: 314px;height: 218px;padding: 12px;}
.obstacleUlList>li{width:45px;height: 45px;position: relative;}
.obstacleUlList>li>div.liDiv{width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: hidden;padding: 5px;}
.mapTimeDiv,.mapTimeDiv2{text-shadow: 0 2px 6px rgba(0,0,0,0.6);color:#fff;}
.mapTimeDiv{width: 195px;}
.mapTimeDiv2{background-color: rgba(41,46,51,0.4);border-radius: 20px;width: 340px;height: 120px;padding: 0 15px;}
.mapTimeDiv span{font-size: 50px;margin-right: 15px;}
.mapTimeDiv small{font-size: 28px;}
.mapTimeDiv i{font-size: 19px;margin-right: 28px;}
.mapTimeDiv em{font-size: 19px;}
.mapTimeDiv2 span{margin-right:8px;}
.mapTimeDiv2 small{margin-right: 15px;}
.mapTimeDiv2 i{margin-right:0;}
.mapTimeUlList{width: 420px;height: 102px;padding: 12px;}
.menu .mapTimeUlList>li{padding: 0;height: 100%;line-height: normal;width: 170px;}
.menu .mapTimeUlList>li:last-child{width: 230px;}
.menu .mapTimeUlList>li>div.liDiv{width: 100%;height: 100%;position: relative;padding: 12px;}
.menu .mapTimeUlList>li span{font-size: 25px;margin-right: 10px;}
.menu .mapTimeUlList>li  small{font-size: 14px;}
.menu .mapTimeUlList>li  i{font-size: 10px;margin-right: 10px;}
.menu .mapTimeUlList>li  em{font-size: 10px;}
.menu .mapTimeUlList>li .mapTimeDiv{width: auto;}
.menu .mapTimeUlList>li .mapTimeDiv2{padding: 6px;border-radius: 6px;height: 100%;width: 100%;background-color: rgba(169,171,173,0.8);}
.menu .mapTimeUlList>li .mapTimeDiv2 p:first-child{margin-right: 10px;}
.menu .mapTimeUlList>li .mapTimeDiv2 span{font-size: 26px;margin-right: 6px;}
.menu .mapTimeUlList>li .mapTimeDiv2 small{font-size: 14px;}
.menu .mapTimeUlList>li .mapTimeDiv2 i{font-size: 7px;margin-right: 6px;}
.menu .mapTimeUlList>li .mapTimeDiv2 em{font-size: 7px;}

/*组件设置菜单*/
.computer-top-nav{display:none;position:absolute;z-index:999;left:0;width:34px;text-align:center;background-color: #292e33;}
.computer-top-nav div{height:34px;line-height:34px;width:34px;border-radius: 0;position: relative;}
.computer-top-nav div:last-child{border:none;width:0;height:0;}
.computer-top-nav div:not(:last-child):before{content:"";width:20px;height:20px;position: absolute;background-image:url("../images/icon.png");background-repeat:no-repeat;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.computer-top-nav .component-set:before{background-position:-51px -4px;}
.computer-top-nav .component-set:hover:before{background-position:-72px -4px;}
.computer-top-nav .component-setFontW:before{background-position:-51px -37px;}
.computer-top-nav .component-setFontW:hover:before{background-position:-72px -37px;}
.computer-top-nav .component-setFontS:before{background-position:-51px -71px;}
.computer-top-nav .component-setFontS:hover:before{background-position:-72px -71px;}
.computer-top-nav .component-color:before{background-position:-51px -105px;}
.computer-top-nav .component-color:hover:before{background-position:-72px -105px;}
.computer-top-nav .component-linewidth:before{background-position:-51px -141px;}
.computer-top-nav .component-linewidth:hover:before{background-position:-72px -141px;}
.computer-top-nav .component-del:before{background-position:-51px -171px;}
.computer-top-nav .component-del:hover:before{background-position:-72px -171px;}

.computer-top-nav .component-setting:before{background-position:-47px -366px;}
.computer-top-nav .component-setting:hover:before{background-position:-69px -366px;}

/*颜色*/
.color_picker{padding:10px;width: 176px;height: 116px;}
.color_items{width: 16px;}
.color_items div{height:16px;width:16px;border:1px solid #d9d9d9;margin-top: 4px;position: relative;}
.color_items div:first-child{margin-top:0;}
.color_items div:hover:before,.color_items .selected:before{content:"";position:absolute;top:-2px;left:-2px;width:16px;height:16px;border:1px solid #19c2d1;}

/*右键菜单*/
.rtUl{width: 1.2rem;position: absolute;display: none;cursor: pointer;z-index: 99999999999;}
.menu{position:absolute;background:#FFF;border-radius:4px;z-index:201;display: none;}
.menu li{padding-left: 38px;cursor:default;position:relative;color:#424242;}
.options_menu{width: 220px;}
.menu_ico .ico_selected{position: absolute;left:10px;top:11px; width: 18px;height: 12px;background: url(../images/icon.png)no-repeat -123px -268px; z-index: 999999;}
.lineW1:after{content: "";position: absolute;top:16px;right: 10px;width: 90px;height: 1px;background-color: #424242;}
.lineW2:after{content: "";position: absolute;top:16px;right: 10px;width: 90px;height: 2px;background-color: #424242;}
.lineW3:after{content: "";position: absolute;top:15px;right: 10px;width: 90px;height: 3px;background-color: #424242;}
.lineW4:after{content: "";position: absolute;top:15px;right: 10px;width: 90px;height: 4px;background-color: #424242;}
.lineW5:after{content: "";position: absolute;top:14px;right: 10px;width: 90px;height: 5px;background-color: #424242;}
.lineW6:after{content: "";position: absolute;top:14px;right: 10px;width: 90px;height: 6px;background-color: #424242;}
.lineW7:after{content: "";position: absolute;top:13px;right: 10px;width: 90px;height: 7px;background-color: #424242;}
.lineW8:after{content: "";position: absolute;top:13px;right: 10px;width: 90px;height: 8px;background-color: #424242;}
.lineW9:after{content: "";position: absolute;top:12px;right: 10px;width: 90px;height: 9px;background-color: #424242;}
.lineW10:after{content: "";position: absolute;top:12px;right: 10px;width: 90px;height: 10px;background-color: #424242;}
.lineW11:after{content: "";position: absolute;top:11px;right: 10px;width: 90px;height: 11px;background-color: #424242;}
.lineW12:after{content: "";position: absolute;top:11px;right: 10px;width: 90px;height: 12px;background-color: #424242;}
.lineW13:after{content: "";position: absolute;top:10px;right: 10px;width: 90px;height: 13px;background-color: #424242;}
.pdr12{padding-right: 12px;}
.otitle ,.tsdialog-nav-tit{ display: none;position: absolute; padding: 11px;border: 1px solid #ccc;color: #424242; border-radius: 2px;background-color: #fff;z-index: 3;white-space: nowrap;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.15); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.15); box-shadow:0 3px 3px rgba(0,0,0,0.15);}
.setState,.setMenu{position: relative;}
.setState .extend,.setMenu .extend{width:8px;height: 14px;background: url("../images/jt.png")no-repeat; }
.setState:hover .setStateDiv,.setMenu:hover .setMenuDiv{display: block!important;}
.setStateDiv,.setMenuDiv{position: absolute;top:0;left:100%;width:120px; display: none;}

/*官方示例*/
.demoSwp{position: absolute;top:0;left:0;display: none;z-index: 99999;background:url("../images/bj/bj1.png")repeat  #ccc;}
.h_demoSwp{position: absolute;top:0;left:0;display: none;z-index: 99999;}
.demoSwp,.h_demoSwp,.demoWrapper,.demoWrapper>.swiper-slide,.demoWrapper>.swiper-slide>img{width: 100%;height: 100%;}
.closeDemoSwp {width:50px; height:50px;border-bottom-left-radius:100%;position: fixed; right: 0;top: 0; z-index: 2;background-color:#141618;cursor: pointer;}
.closeDemoSwp:hover{background-color: #800000;}
.closeDemoSwp:active{background-color: #9f0808;}
.closeDemoSwp:before{content: "";position: absolute;top:10px;right:10px;width:18px; height: 18px;background:url("../images/icon.png")no-repeat -4px -297px;}
.closeDemoSwp:hover:before,.closeDemoSwp:active:before{background-position: -24px -297px;}
.swiper-pagination-bullet{width:16px;height:16px;background: #75797d;opacity: 1.0;}
.swiper-pagination-bullet-active{background: #0278ad;}
.swiper-button-next, .swiper-button-prev{width: 30px;height: 60px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url("../images/jiantou.png")no-repeat 0 0;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{background:url("../images/jiantou.png")no-repeat -56px 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url("../images/jiantou.png")no-repeat -125px 0;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{background:url("../images/jiantou.png")no-repeat -181px 0;}

/*出错页面*/
.errorMain{position: relative;width:100%;height: 100%;background: url("../images/bj/bj1.png")repeat;}
.errorDiv{width: auto;height: auto;margin: auto;text-align: center;}
.errorBg{width: 257px;height: 244px;background: url("../images/error.png")no-repeat;}

/*帮助文档页面*/
.h_mainpt{width: 100%;height: 100%;overflow-y: auto;}
.h_main{width: 70%;margin: 0 auto;padding:0 1rem 0.4rem;height: auto;background-color: #fff;color:#000;}
.h_h1{text-align: center;padding: 0.2rem 0;font-size: 0.5rem;}
.h_items{width: 100%;margin-bottom: 0.3rem;}
.h_items h2{font-size: 0.32rem;}
.h_txt{padding-left: 0.4rem;font-size: 0.24rem;font-weight: normal;color:#333;}
.h_img{width: 100%;height: auto;}
.h_img+p{text-align: center;margin-bottom: 0.12rem;}
.h_hide{overflow: hidden;}
.h_auto{overflow: auto;}

/* .openTime{padding:10px 0;width:240px;position: absolute;left:80px;top:80px;background: #fff;} */
#lay_light{padding: 10px 0;display: none;}
.openTime dl dd,
.openTime dl{overflow: hidden;}
.openTime dl{padding: 0 20px;}
.openTime dl dt{float:left;margin-right:10px;padding:10px;color:#0083bd;}
.openTime dl dd{padding:5px 0;}
.openTime dl dd select,
.openTime dl dd input[type="text"]{padding:7px 0;width:100%;border:1px solid #c8c8c8;text-align: center;}
/* .openTime dl dd select{width:200px;} */
.openTime dl dd select option{padding: 4px 0;}
.toolbar-checkPcTxt input[type="checkbox"]+.checkbox,
.toolbar-checkNumber input[type="checkbox"]+.checkbox,
.openTime dl dd input[type="checkbox"]+.checkbox{position: relative;display:inline-block;padding:6px 0;padding-left:20px;margin-right:20px;color:#666;vertical-align: top;}
.toolbar-checkPcTxt input[type="checkbox"],
.toolbar-checkNumber input[type="checkbox"],
.openTime dl dd input[type="checkbox"]{display: none;}
.toolbar-checkPcTxt .checkbox,
.toolbar-checkNumber .checkbox,
.openTime dl dd .checkbox{padding-left:20px;}
.toolbar-checkPcTxt .checkbox::before,
.toolbar-checkNumber .checkbox::before,
.openTime dl dd .checkbox::before{content:' ';position: absolute;left:0;display: inline-block;width:14px;height:14px;border:1px solid #d7dbdc;}
.toolbar-checkPcTxt .checkbox:hover::before,
.toolbar-checkNumber .checkbox:hover::before,
.openTime dl dd .checkbox:hover::before{border-color:#0083bd;}
.toolbar-checkPcTxt input[type="checkbox"]:checked+.checkbox::before,
.toolbar-checkNumber input[type="checkbox"]:checked+.checkbox::before,
.openTime dl dd input[type="checkbox"]:checked+.checkbox::before{border-color:#0083bd;}
.toolbar-checkPcTxt input[type="checkbox"]:checked+.checkbox::after,
.toolbar-checkNumber input[type="checkbox"]:checked+.checkbox::after,
.openTime dl dd input[type="checkbox"]:checked+.checkbox::after{content: ' ';position: absolute;left:4px;top:6px;width:18px;height:12px;background:url(../images/gou.png);}
.toolbar-checkPcTxt .checkbox::before,
.toolbar-checkNumber .checkbox::before{border-color:#b8c2cc;}
.toolbar-checkPcTxt input[type="checkbox"]+.checkbox,
.toolbar-checkNumber input[type="checkbox"]+.checkbox{padding-left: 25px;color:#0083bd;}
.toolbar-checkPcTxt .checkbox::before,
.toolbar-checkNumber .checkbox::before{top: 12px;}
.toolbar-checkPcTxt input[type="checkbox"]:checked+.checkbox::after,
.toolbar-checkNumber input[type="checkbox"]:checked+.checkbox::after{top:11px;}


.light-box{position: relative;width:100%;height:100%;}
.light-box .light-icon{position: relative;padding-top:100%;width:100%;}
.light-box .light-icon div{position: absolute;left:50%;top:50%;width:50px;height:50px;transform: translate(-50%,-50%);color:#fff;}
.light-box .light-icon div .name{margin-top:-10px;margin-left: -50px;width: 150px;text-align: center;}
.light-box .light-stage{position: absolute;left:0;top:0;z-index:-1;background: rgba(255,255,255,.2);width:100%;height:100%;background:url(../images/air/360.png) no-repeat;background-size:100% 100%;opacity: .7;}

.air-box{position: relative;width:100%;height:100%;}
.air-box .air-icon{position: relative;padding-top:100%;width:100%;}
.air-box .air-icon div{position: absolute;left:50%;top:50%;width:50px;height:50px;transform: translate(-50%,-50%);color:#fff;}
.air-box .air-icon div .name{padding-top:5px;margin-left: -50px;width: 150px;text-align: center;}
.air-box .air-stage{position: absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:url(../images/air/45.png) no-repeat;background-size:100% 100%;opacity: .7;}
.air-box .air-stage.range45{background:url(../images/air/45.png) no-repeat;background-size:100% 100%;}
.air-box .air-stage.range90{background:url(../images/air/90.png) no-repeat;background-size:100% 100%;}
.air-box .air-stage.range180{background:url(../images/air/180.png) no-repeat;background-size:100% 100%;}
.air-box .air-stage.range360{background:url(../images/air/360.png) no-repeat;background-size:100% 100%;}
/* .air-box .air-stage .range{display: block;width:0;height:0;border-radius:100%;border-width:100px;border-style:solid;border-color: rgba(255,255,255,.2) transparent transparent transparent;} */

#lay_air{padding: 10px 0;display: none;}
#lay_air .openTime dl dt{padding-left:0;width:5.2em;}
#lay_setting{position: absolute;top:0;left:0;background:#fff;}

.designer-photo{position: absolute;z-index:0;width:100%;height:100%;}
.designer-photo .lt{position: absolute;left:0;top:0;z-index:1}
.designer-photo .rt{position: absolute;right:0;top:0;z-index:1}
.designer-photo .rb{position: absolute;right:0;bottom:0;z-index:1}
.designer-photo .lb{position: absolute;left:0;bottom:0;z-index:1}
.designer-photo .t{position: absolute;top:0;left:0;right:0;z-index:0}
.designer-photo .r{position: absolute;right:0;top:0;bottom:0;z-index:0}
.designer-photo .b{position: absolute;left:0;bottom:0;right:0;z-index:0}
.designer-photo .l{position: absolute;left:0;top:0;bottom:0;z-index:0}

.designer-photo01 .lt{width:100px;height:110px;background:url(../images/photo/01/lt.png) no-repeat;}
.designer-photo01 .rt{width:100px;height:110px;background:url(../images/photo/01/rt.png) no-repeat;}
.designer-photo01 .rb{width:100px;height:110px;background:url(../images/photo/01/rb.png) no-repeat;}
.designer-photo01 .lb{width:100px;height:110px;background:url(../images/photo/01/lb.png) no-repeat;}
.designer-photo01 .t{left:100px;right:100px;height:50px;background:url(../images/photo/01/t.png) repeat-x;}
.designer-photo01 .r{top:110px;bottom:110px;width:50px;background:url(../images/photo/01/r.png) repeat-y;}
.designer-photo01 .b{left:100px;right:100px;height:50px;background:url(../images/photo/01/b.png) repeat-x;}
.designer-photo01 .l{top:110px;bottom:110px;width:50px;background:url(../images/photo/01/l.png) repeat-y;}

.designer-photo02 .lt{width:96px;height:60px;background:url(../images/photo/02/lt.png) no-repeat;}
.designer-photo02 .rt{width:96px;height:60px;background:url(../images/photo/02/rt.png) no-repeat;}
.designer-photo02 .rb{width:96px;height:60px;background:url(../images/photo/02/rb.png) no-repeat;}
.designer-photo02 .lb{width:96px;height:60px;background:url(../images/photo/02/lb.png) no-repeat;}
.designer-photo02 .t{left:96px;right:96px;height:50px;background:url(../images/photo/02/t.png) repeat-x;}
.designer-photo02 .r{top:60px;bottom:60px;width:50px;background:url(../images/photo/02/r.png) repeat-y;}
.designer-photo02 .b{left:96px;right:96px;height:50px;background:url(../images/photo/02/b.png) repeat-x;}
.designer-photo02 .l{top:60px;bottom:60px;width:50px;background:url(../images/photo/02/l.png) repeat-y;}

.designer-photo03 .lt{width:60px;height:90px;background:url(../images/photo/03/lt.png) no-repeat;}
.designer-photo03 .rt{width:60px;height:90px;background:url(../images/photo/03/rt.png) no-repeat;}
.designer-photo03 .rb{width:60px;height:90px;background:url(../images/photo/03/rb.png) no-repeat;}
.designer-photo03 .lb{width:60px;height:90px;background:url(../images/photo/03/lb.png) no-repeat;}
.designer-photo03 .t{left:60px;right:60px;height:50px;background:url(../images/photo/03/t.png) repeat-x;}
.designer-photo03 .r{top:90px;bottom:90px;width:50px;background:url(../images/photo/03/r.png) repeat-y;}
.designer-photo03 .b{left:60px;right:60px;height:50px;background:url(../images/photo/03/b.png) repeat-x;}
.designer-photo03 .l{top:90px;bottom:90px;width:50px;background:url(../images/photo/03/l.png) repeat-y;}

.designer-photo04 .lt{width:99px;height:109px;background:url(../images/photo/04/lt.png) no-repeat;}
.designer-photo04 .rt{width:99px;height:109px;background:url(../images/photo/04/rt.png) no-repeat;}
.designer-photo04 .rb{width:99px;height:109px;background:url(../images/photo/04/rb.png) no-repeat;}
.designer-photo04 .lb{width:99px;height:109px;background:url(../images/photo/04/lb.png) no-repeat;}
.designer-photo04 .t{left:99px;right:99px;height:57px;background:url(../images/photo/04/t.png) repeat-x;}
.designer-photo04 .r{top:109px;bottom:109px;width:57px;background:url(../images/photo/04/r.png) repeat-y;}
.designer-photo04 .b{left:99px;right:99px;height:57px;background:url(../images/photo/04/b.png) repeat-x;}
.designer-photo04 .l{top:109px;bottom:109px;width:57px;background:url(../images/photo/04/l.png) repeat-y;}

.designer-photo05 .lt{width:80px;height:100px;background:url(../images/photo/05/lt.png) no-repeat;}
.designer-photo05 .rt{width:80px;height:100px;background:url(../images/photo/05/rt.png) no-repeat;}
.designer-photo05 .rb{width:80px;height:100px;background:url(../images/photo/05/rb.png) no-repeat;}
.designer-photo05 .lb{width:80px;height:100px;background:url(../images/photo/05/lb.png) no-repeat;}
.designer-photo05 .t{left:80px;right:80px;height:51px;background:url(../images/photo/05/t.png) repeat-x;}
.designer-photo05 .r{top:100px;bottom:100px;width:51px;right:1px;background:url(../images/photo/05/r.png) repeat-y;}
.designer-photo05 .b{left:80px;right:80px;bottom:1px;height:51px;background:url(../images/photo/05/b.png) repeat-x;}
.designer-photo05 .l{top:100px;bottom:100px;left:1px;width:51px;background:url(../images/photo/05/l.png) repeat-y;}

.designer-photo06 .lt{width:132px;height:89px;background:url(../images/photo/06/lt.png) no-repeat;}
.designer-photo06 .rt{width:111px;height:107px;background:url(../images/photo/06/rt.png) no-repeat;}
.designer-photo06 .rb{width:111px;height:70px;background:url(../images/photo/06/rb.png) no-repeat;}
.designer-photo06 .lb{width:111px;height:88px;background:url(../images/photo/06/lb.png) no-repeat;}
.designer-photo06 .t{left:132px;right:111px;height:68px;background:url(../images/photo/06/t.png) repeat-x;}
.designer-photo06 .r{top:107px;bottom:70px;width:67px;background:url(../images/photo/06/r.png) repeat-y;}
.designer-photo06 .b{left:111px;right:111px;height:67px;background:url(../images/photo/06/b.png) repeat-x;}
.designer-photo06 .l{top:89px;bottom:88px;width:57px;background:url(../images/photo/06/l.png) repeat-y;}

.designer-photo07 .lt{width:132px;height:89px;background:url(../images/photo/07/lt.png) no-repeat;}
.designer-photo07 .rt{width:111px;height:89px;background:url(../images/photo/07/rt.png) no-repeat;}
.designer-photo07 .rb{width:111px;height:70px;background:url(../images/photo/07/rb.png) no-repeat;}
.designer-photo07 .lb{width:132px;height:88px;background:url(../images/photo/07/lb.png) no-repeat;}
.designer-photo07 .t{left:132px;right:111px;height:68px;background:url(../images/photo/07/t.png) repeat-x;}
.designer-photo07 .r{top:89px;bottom:70px;width:67px;background:url(../images/photo/07/r.png) repeat-y;}
.designer-photo07 .b{left:111px;right:111px;height:70px;background:url(../images/photo/07/b.png) repeat-x;}
.designer-photo07 .l{top:89px;bottom:88px;width:129px;background:url(../images/photo/07/l.png) repeat-y;}

.designer-photo08 .lt{width:64px;height:64px;background:url(../images/photo/08/lt.png) no-repeat;}
.designer-photo08 .rt{width:64px;height:64px;background:url(../images/photo/08/rt.png) no-repeat;}
.designer-photo08 .rb{width:64px;height:64px;background:url(../images/photo/08/rb.png) no-repeat;}
.designer-photo08 .lb{width:64px;height:64px;background:url(../images/photo/08/lb.png) no-repeat;}
.designer-photo08 .t{left:64px;right:64px;height:28px;background:url(../images/photo/08/t.png) repeat-x;}
.designer-photo08 .r{top:64px;bottom:64px;width:28px;background:url(../images/photo/08/r.png) repeat-y;}
.designer-photo08 .b{left:64px;right:64px;height:28px;background:url(../images/photo/08/b.png) repeat-x;}
.designer-photo08 .l{top:64px;bottom:64px;width:28px;background:url(../images/photo/08/l.png) repeat-y;}

.designer-photo09 .t{height:29px;background:url(../images/photo/09/bg.png) repeat-x;}
.designer-photo09 .b{height:29px;background:url(../images/photo/09/bg.png) repeat-x;}

.designer-photo10 .lt{width:159px;height:152px;background:url(../images/photo/10/lt.png) no-repeat;}
.designer-photo10 .rt{width:159px;height:152px;background:url(../images/photo/10/rt.png) no-repeat;}
.designer-photo10 .rb{width:193px;height:268px;background:url(../images/photo/10/rb.png) no-repeat;}
.designer-photo10 .lb{width:193px;height:268px;background:url(../images/photo/10/lb.png) no-repeat;}
.designer-photo10 .t{left:94px;right:94px;top: 18px;height:20px;background:url(../images/photo/10/t.png) repeat-x;}
.designer-photo10 .r{top:64px;bottom:64px;width:20px;right:20px;background:url(../images/photo/10/r.png) repeat-y;}
.designer-photo10 .b{left:124px;right:124px;bottom: 20px;height:20px;background:url(../images/photo/10/b.png) repeat-x;}
.designer-photo10 .l{top:64px;bottom:64px;left:20px;width:20px;background:url(../images/photo/10/l.png) repeat-y;}

.designer-photo11 .lt{width:159px;height:152px;background:url(../images/photo/11/lt.png) no-repeat;}
.designer-photo11 .rt{width:159px;height:152px;background:url(../images/photo/11/rt.png) no-repeat;}
.designer-photo11 .rb{width:193px;height:268px;background:url(../images/photo/11/rb.png) no-repeat;}
.designer-photo11 .lb{width:193px;height:268px;background:url(../images/photo/11/lb.png) no-repeat;}
.designer-photo11 .t{left:94px;right:94px;top: 18px;height:20px;background:url(../images/photo/11/t.png) repeat-x;}
.designer-photo11 .r{top:64px;bottom:64px;width:20px;right:20px;background:url(../images/photo/11/r.png) repeat-y;}
.designer-photo11 .b{left:124px;right:124px;bottom: 20px;height:20px;background:url(../images/photo/11/b.png) repeat-x;}
.designer-photo11 .l{top:64px;bottom:64px;left:20px;width:20px;background:url(../images/photo/11/l.png) repeat-y;}

.designer-photo12 .lt{width:142px;height:142px;background:url(../images/photo/12/lt.png) no-repeat;}
.designer-photo12 .rt{width:142px;height:142px;background:url(../images/photo/12/rt.png) no-repeat;}
.designer-photo12 .rb{width:142px;height:142px;background:url(../images/photo/12/rb.png) no-repeat;}
.designer-photo12 .lb{width:142px;height:142px;background:url(../images/photo/12/lb.png) no-repeat;}
.designer-photo12 .t{left:142px;right:142px;height:38px;top:8px;background:url(../images/photo/12/t.png) repeat-x;}
.designer-photo12 .r{top:142px;bottom:142px;width:38px;right:11px;background:url(../images/photo/12/r.png) repeat-y;}
.designer-photo12 .b{left:142px;right:142px;height:38px;bottom:8px;background:url(../images/photo/12/b.png) repeat-x;}
.designer-photo12 .l{top:142px;bottom:142px;width:38px;left:11px;background:url(../images/photo/12/l.png) repeat-y;}

.svg_fan_loading{
  animation: loading 2s linear infinite
}
@keyframes loading{
  0% { transform: rotate(0deg); transform-origin: 50% 50%; }
  100% { transform: rotate(360deg); transform-origin: 50% 50%; }
}
@-moz-keyframes loading{
  0% { -moz-transform: rotate(0deg); -moz-transform-origin: 50% 50%; }
  100% { -moz-transform: rotate(360deg); -moz-transform-origin: 50% 50%; }
}
@-webkit-keyframes loading{
  0% { -webkit-transform: rotate(0deg); -webkit-transform-origin: 50% 50%; }
  100% { -webkit-transform: rotate(360deg); -webkit-transform-origin: 50% 50%; }
}
/*2021-07-27 lynn-添加电脑示例*/
.addPcExampleDiv{text-align: center;}
.addPcExampleDiv img{max-width: 100%; max-height: 100%;}
/*2022-06-09*/
.fontsizebox{overflow: hidden;}
.fontsizebox input{float:left;width:100px;}
.fontsizebox .until{padding-left: 10px;line-height:30px;color:#666;}
.roomprice {background:#fff;height:100%;width:100%;}
.roomprice table{width:100%;height:100%;text-align: center;color:#012c3f;font-size:16px;}
.roomprice table.blod{font-weight: bold;}
.roomprice table th,
.roomprice table td{padding: 5px 0;}
.roomprice table th{background:#93d0ff;}
.roomprice table th.today{background:#ffd87b;}
.roomprice table th.tomorrow{background:#e6e6e6;}
.roomprice table td{background: rgba(199,229,255,.55)}
.roomprice table td.today{background: rgba(255,229,167,.55)}
.roomprice table td.tomorrow{background: rgba(240,240,240,.55)}
.roomprice table tbody tr:nth-child(2n) td{background: rgba(199,229,255,1)}
.roomprice table tbody tr:nth-child(2n) td.today{background: rgba(255,229,167,1)}
.roomprice table tbody tr:nth-child(2n) td.tomorrow{background: rgba(240,240,240,1)}
.roomprice table tr .leftline{border-left:1px solid #484848}
.roomprice table thead tr+tr th{border-top: 1px solid rgba(0,0,0,0.16)}
.roomprice2{border-radius: 15px;padding: 12px;}
.roomprice2 table tr th{background:#d9d9d9;}
.roomprice2 table tbody tr+tr td{border-top: 1px solid #e6e6e6}
.roomprice2 table td,
.roomprice2 table td.today,
.roomprice2 table td.tomorrow,
.roomprice2 table tbody tr:nth-child(2n) td,
.roomprice2 table tbody tr:nth-child(2n) td.today,
.roomprice2 table tbody tr:nth-child(2n) td.tomorrow{background: none;}
.roomprice2 table tr .leftline{border-left:none;}
.roomprice2 table thead tr:first-child th:first-child{background:#00a9e7;color:#fff;border-radius: 6px;}
.roomprice2 table thead tr:first-child th:nth-child(2){background:#0ec1e7;color:#fff;border-radius: 6px;}
.roomprice2 table thead tr:first-child th.today{background:#ffa200;color:#fff;border-radius: 6px 6px 0 0;}
.roomprice2 table thead tr:first-child th.tomorrow{border-radius: 6px 6px 0 0;}
.roomprice2 table thead tr+tr th.today{border-top: 1px solid rgba(255,255,255,0.25)}
.roomprice2 table thead tr+tr th.today{background:#ffa200;color:#fff;}
.roomprice2 table thead tr+tr th.first{border-radius: 0 0 0 6px;}
.roomprice2 table thead tr+tr th.last{border-radius: 0 0 6px 0;}
/*天气*/
.weather .fl {float: left;}
.weather .fr {float: right;}
.weather *{box-sizing: unset;}
.weather{position: relative;width:100%;height:100%;}
.a_weather_01_top_box_css{position: absolute;top: 0;left: 0;bottom: 0;right: 0;min-width: 398px;overflow: hidden;margin: auto;height: 100px;font-family: 微软雅黑, 黑体, 宋体;}
.weather01_temperature {font-size: 50px;color: white;width: 215px;;margin: 28px auto auto auto;padding: 0 160px 0 100px;}
.white-space-nowrap {white-space: nowrap;}
.weather01_text {position: absolute;right: 0;top: 7px;font-size: 18px;color: #ffffff;padding-top: 24px;}
.weather01_temperature{position: relative;font-weight: bold;}
.weather01_dw{position: absolute;top: -18px;left:100px;font-size: 16px;font-weight: normal;width: 83px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.weather01_du{font-size: 40px;font-weight: normal;}
.weather01_img {position: absolute;left: 0px;top: 0px;width:100px;height:100px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1; clear:both;}
.weather2{
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  height: -webkit-calc(100% - 2px);
  height: calc(100% - 2px);
  background: rgba(255,255,255,.05);
  border:solid 1px rgba(255,255,255,.3);
  position: relative;
  color: #fff;
}
.a_weather_02_main{
  float: right;
  position: relative;
  width:100%;
  height:100%;
}
.a_weather_02_main .a_weather_02_back{
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  height: -webkit-calc(100% - 2px);
  height: calc(100% - 2px);
  padding:1px;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 30%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(30%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 30%);
  background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 30%);
  background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 30%);
  background: linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 30%);
}
.a_weather_02_main .a_weather_02_content{width:100%;}
.a_weather_02_content .weather-now-day{width: 100%;height: -webkit-calc(100% - 40px);height: calc(100% - 40px);}
.weather2 .weather-now-day .weather-first{width: 100%;height: 60px;}
.weather2 .weather-now-day .weather-first-num{font-size: 18px;line-height: 70px;font-weight: bold;}
.weather2 .weather-now-day .weather-first-num span{font-size: 30px;margin-left:5px;}
.weather2 .weather-now-day .weather-first-wind{display: inline-block;margin-left: 20px;font-size: 14px;}
.weather2 .weather-now-day .weather-first-cloud{width:160px;height:110px;}
.weather2 .weather-now-day .weather-first-cloud img{width: 100px;height: 100px;margin: 5px auto;display: inherit;}
.weather2 .weather-now-day .weather-second{line-height: 21px;font-size: 16px;}
.weather2 .weather-second span{display: inline-block;height: 80%;}
.weather2 .weather-second img{vertical-align: middle;}
.a_weather_02_content .weather-yesterday{width: 100%;font-size: 16px;text-indent: 19px;position: absolute;bottom:12px;}
.a_weather_02_content-cont{position: relative;}
.a_weather_02_content-cont-right{width:-webkit-calc(100% - 160px);width:calc(100% - 160px);}
.a_weather_02_pos-img{font-size: 16px;position: absolute;top:23px;right:20px;text-align: right;width: 83px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.weather-02-tq{margin-left:10px;margin-right:5px;}

.a_weather_03_top_box{width: 100%;height: 100%;color: #fff;position: relative;
}
.a_weather_03_content .weather-now-day{width: 100%;height: -webkit-calc(100% - 43px);height: calc(100% - 43px);}
.weather3 .weather-now-day .weather-first-num{font-size: 40px;position: absolute;top:0;}
.weather3 .weather-now-day .weather-first-num #curweather{font-size: 40px;}
.weather3 .weather-now-day .weather-first-num span { font-size: 30px;margin-left:15px;}
.weather3 .weather-now-day .weather-first-num span span{font-size: 16px;width: 83px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow: ellipsis;}
.weather3 .weather-now-day .weather-first-wind{display: inline-block;font-size: 14px;}
.weather3 .weather-now-day .weather-first-cloud{display: inline-block;float:right;width:100px;height:100px;}
.weather3 .weather-now-day .weather-first-cloud img{width:100px;height:100px;}
.weather3 .weather-second span{display: inline-block;height: 80%;}
.weather3 .weather-second img{vertical-align: middle;}
.weather3 .weather-yesterday span{display: inline-block;margin-right: 10px;height: 100%;line-height: 50px;}
.weather3 .weather-01-bottom{position: absolute;bottom:0;}

.a_weather_04_top_box{width: 100%;height: 100%;color: #fff;position: relative;font-size: 18px;}
.a_weather_04_content .weather-04-now-day{width: 100%;height: -webkit-calc(100% - 43px);height: calc(100% - 43px);}
.weather-04-now-day .weather-04-first-num{position: absolute;top:0;}
.weather-04-now-day .weather-04-first-num span {margin-right:15px;margin-bottom:10px;}
.weather-04-now-day .weather-04-first-num span span{font-size: 16px;width: 83px;overflow: hidden;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}
.weather-04-now-day .weather-04-first-wind{display: inline-block;margin-bottom:6px;}
.weather-04-now-day .weather-04-first-cloud{display: inline-block;float: right;width:100px;height:100px;}
.weather-04-now-day .weather-04-first-cloud img{width:66px;height:65px;}
.weather-04-second span{display: inline-block;height: 80%;}
.weather-04-second img{vertical-align: middle;}
.weather-04-yesterday span{display: inline-block;margin-right: 10px;height: 100%;line-height: 50px;}
.weather-04-bottom{position: absolute;bottom:0;}
.weather-04-du{font-size: 50px;}

.weather-05-now-day {position: relative;width:460px;height:230px;}
.weather-05-now-day .bg{width:100%;display: block;}
.weather-05-now-day .content {position: absolute;top:0;left:0;width:100%;height:100%;}
.weather-05-now-day .content .du {float:left;display: inline-block;padding: 18px 0 0 20px; font-family: 'avantgardeitcbybt';color: #fff;font-size: 50px;line-height: 50px;}
.weather-05-now-day .content .mark {position: absolute;margin-left: -15px;margin-top: 50px;display: inline-block;color: #fff;}
.weather-05-now-day .content .desc {padding-left:23px;color: #fff;}
.weather-05-now-day .bot {position: absolute;bottom: 0;left: 0;width:100%;display: flex;display: -webkit-flex;height: 50px;line-height: 50px;}
.weather-05-now-day .bot .item{flex: 1;overflow:hidden;}
.weather-05-now-day .bot .item.addr{padding-left: 40px;text-align: left;}
.weather-05-now-day .bot .item.time{padding-right: 15px;text-align: right;}

.weather-06-now-day {padding:58px 0 0 10px;position: relative;width:100%;height:100%;max-width:510px;max-height:153px;min-width:368px;min-height:136px;color: #fff;}
.weather-06-now-day .content {position: absolute;top:55px;left:0;width:100%;height:100%;}
.weather-06-now-day .weather{position: absolute;top:0;right:50px;width:120px;height:120px;}
.weather-06-now-day .content .du {float:left;display: inline-block;padding: 7px 0 0 55px; font-family: 'avantgardeitcbybt';font-size: 55px;line-height: 55px;}
.weather-06-now-day .content .mark {position: absolute;margin-left: -25px;margin-top: 32px;display: inline-block;line-height: 32px;}
.weather-06-now-day .content .mark  span{vertical-align: top;text-shadow: 0 0 1px;}
.weather-06-now-day .content .map {padding-left: 10px;display: inline-block;vertical-align: top;}
.weather-06-now-day .content .map img {width: 12px;height: 16px;}
.weather-06-now-day .content .map span{margin-left: 2px;margin-right: 2px;vertical-align: top;}
.weather-06-now-day .content .desc {padding-left: 55px;padding-top: 2px;font-size: 13px;line-height: 16px;}
.weather-06-now-day .weather-cur-date-en{padding-right: 10px;}
.weather-06-now-day .weather-desc{padding-left: 5px;}
.weather-06-now-day .weather-gradient-color{width: 435px;height:100px;border-radius: 50px;background-image: linear-gradient(-20deg, #b0a0bf 0%, #e0cbd6 100%);}
.weather-06-now-day .weather-tree{position: absolute;left: 0;top: 48px;width: 62px;height: 108px;}

.weather-07-now-day {padding:66px 0 0 0;position: relative;width:100%;height:100%;max-width:510px;max-height:153px;min-width:300px;min-height:136px;color: #fff;}
.weather-07-now-day .txtshaw{text-shadow: 0 0 1px;}
.weather-07-now-day .bg{display: block;width: calc(100% - 50px);}
.weather-07-now-day .content {position: absolute;top:66px;left:0;width:100%;height:100%;}
.weather-07-now-day .weather{position: absolute;top:0;right:0;width:166px;height:166px;}
.weather-07-now-day .content .du {float:left;display: inline-block;padding: 20px 0 0 55px; font-family: 'avantgardeitcbybt';font-size: 65px;line-height: 65px;text-shadow: 0 0 1px;}
.weather-07-now-day .content .du span {text-shadow: 0 0 1px;}
.weather-07-now-day .content .mark {position: absolute;margin-left: -20px;margin-top: .56rem;display: inline-block;line-height: .32rem;}
.weather-07-now-day .content .mark  span{vertical-align: top;text-shadow: 0 0 1px;}
.weather-07-now-day .content .map {padding-left: 10px;display: inline-block;vertical-align: top;}
.weather-07-now-day .content .map img {width: 28px;height: .32rem;}
.weather-07-now-day .content .map span{margin-left: -5px;text-shadow: 0 0 1px;}
.weather-07-now-day .content .desc {padding-left: 55px;font-size: 14px;}
.weather-07-now-day .weather-cur-date-en{padding-right: 10px;}
.weather-07-now-day .weather-desc{padding-left: 5px;}

.weather-08-now-day { padding:.62rem 0 0 .22rem; position: relative; width:100%;height:100%; max-width:510px;max-height:210px; min-width:368px;min-height:136px; color: #fff;
}
.weather-08-now-day .content {
  position: absolute;top:55px;left:0;width:100%;height:100%;}
.weather-08-now-day .weather{ position: absolute;top:0;right:40px; width:150px;height:150px;}
.weather-08-now-day .content .du { float:left; display: inline-block; padding: .24rem 0 0 .8rem;  font-family: 'avantgardeitcbybt'; font-size: 65px; line-height: 65px;}
.weather-08-now-day .content .mark { position: absolute; margin-left: -20px; margin-top: 55px; display: inline-block;  line-height: .32rem;}
.weather-08-now-day .content .mark  span{ vertical-align: top; text-shadow: 0 0 1px;}
.weather-08-now-day .content .map { padding-left: 10px; display: inline-block; vertical-align: top;}
.weather-08-now-day .content .map img { width: 12px; height: 16px;}
.weather-08-now-day .content .map span{ margin-left: 2px; margin-right: 2px; vertical-align: top;}
.weather-08-now-day .content .desc { padding-left: 60px; padding-top: 8px; font-size: 14px; line-height: 16px;}
.weather-08-now-day .weather-cur-date-en{padding-right: 10px;}
.weather-08-now-day .weather-desc{padding-left: 5px;}
.weather-08-now-day .weather-gradient-color{width: 435px;height:214px; background-image: linear-gradient(-20deg, #b0a0bf 0%, #e0cbd6 100%);}
.weather-08-now-day .weather-tree{position: absolute;left: 0;top: 1.31rem;width: .75rem;height: 145px;}
.weather-08-now-day .content .line {margin-top: 12px;margin-left: .8rem;width: 350px;height: 1px;background: rgba(47,34,14,.08);box-shadow: 0 1px 1px rgba(255,255,255,.2);}
.weather-08-now-day .content .week-weather {margin-left: .8rem;width: 350px;display: flex;display: -webkit-flex;text-align: center;}
.weather-08-now-day .content .week-weather .item {flex: 1;padding-top: 14px;}
.weather-08-now-day .content .week-weather .item img {max-width: 70%;}
.weather-09-now-day { position: relative; width:280px;height:280px; color: #fff;}
.weather-09-now-day .content { position: absolute;top:0;left:0;width:100%;height:100%;}
.weather-09-now-day .weather{ position: absolute;top:20px;left:20px; width:28px;height:28px;}
.weather-09-now-day .content .du { float:left; display: inline-block; padding: 55px 0 0 20px;  font-family: 'avantgardeitcbybt'; font-size: 65px; line-height: 65px;}
.weather-09-now-day .mark { position: absolute; top: 20px; left: 55px; display: inline-block; font-size: 14px; line-height: 30px;}
.weather-09-now-day .mark  span{ vertical-align: top; text-shadow: 0 0 1px;}
.weather-09-now-day .content .map { padding-left: 20px; display: inline-block; vertical-align: top;}
.weather-09-now-day .content .map img { width: 12px; height: 16px;}
.weather-09-now-day .content .map span{ margin-left: 2px; margin-right: 2px; vertical-align: top;}
.weather-09-now-day .content .desc { padding-left: 45px; padding-top: 20px; font-size: 14px; line-height: 16px; text-indent: -15px;}
.weather-09-now-day .weather-cur-date-en{padding-right: 10px;}
.weather-09-now-day .weather-desc{padding-left: 5px;}
.weather-09-now-day .weatherGradientColor{ width: 100%; padding-top: 100%;background: #96b0d4 url(../images/09/bg/wu.png) right top no-repeat;background-size: contain;}
.weather-09-now-day .content .week-weather { position: absolute; left: 0; right: 0; bottom: 1px; display: flex; display: -webkit-flex;  text-align: center;}
.weather-09-now-day .content .week-weather .item { flex: 1; margin: 0 1px; padding: 14px 0; background: rgba(0,0,0,.05);}
.weather-09-now-day .content .week-weather .item img { max-width: 70%;}
/*自定义表格*/
/*基础样式*/
.my_table{
    display:inline-block;
    user-select: none;
}
.my_table .head_x{
    display: flex;
}
.my_table .head_x.isLock .my_cell{
    border: 1px #e78f08 dotted;
}

.my_table .my_cell{
    min-width: 100px;
    width: 100px;
    min-height: 36px;
    text-align: center;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.my_table .my_cell .cel_i{
    width: 90%;
    margin:0 auto;
    min-height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    word-wrap: break-word;
}
.my_table .my_row{
    display: flex;
    margin-bottom: 2px;
    min-height: 36px;
    background-color: #1D93E2;
}
/*样式列表*/
.table_mode1 .my_row:first-child{
    background-color: rgba(255,255,255,0.3) !important;
    color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.table_mode1 .set_1{
    color: #fff;
    background-color: rgba(255,255,255,0.1);
}
.table_mode1 .set_2{
    color: #fff;
    background-color: rgba(255,255,255,0.15);
}
.table_mode1 .my_row:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.table_mode2 .my_row:first-child{
    color: #333;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.table_mode2 .set_1{
    color: #333;
    background-color: rgba(255,255,255,0.7);
}
.table_mode2 .set_2{
    color: #333;
    background-color: rgba(255,255,255,0.85);
}
.table_mode2 .my_row:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.table_mode3 .my_row{
    color: #fff;
    background-color: rgba(255,255,255,0.2);
}
.table_mode3 .my_row .my_cell:first-child{
    background-color: rgba(255,255,255,0.35);

}
.table_mode3 .my_row:first-child{
    color: #333;
    background-color: rgba(255,255,255,0.8);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.table_mode3 .my_row:first-child .my_cell:first-child{
    border-top-left-radius: 12px;
    background-color: #fff;
}
.table_mode3 .my_row:last-child .my_cell:first-child{
    border-bottom-left-radius: 12px;
}
.table_mode3 .my_row:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.table_mode4 .my_row{
    margin-bottom: 0px;
    background-color: transparent;
}
.table_mode4 .my_cell{
    color: #fff;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: rgba(255,255,255,0.1);
}
.table_mode4 .my_row .my_cell:first-child{
    background-color: rgba(255,255,255,.2);
}
.table_mode4 .my_row:first-child{
    background-color: transparent;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.table_mode4 .my_row:first-child .my_cell:first-child{
    background-color: rgba(255,255,255,.4);
    border-top-left-radius: 12px;
}
.table_mode4 .my_row:first-child .my_cell:last-child{
    border-top-right-radius: 12px;
}
.table_mode4 .my_row:first-child .my_cell{
    background-color: rgba(255,255,255,0.25);
}
.table_mode4 .my_row:last-child .my_cell:first-child{
    border-bottom-left-radius: 12px;
}
.table_mode4 .my_row:last-child .my_cell:last-child{
    border-bottom-right-radius: 12px;
}

.table_mode5{
    color: #404040;
}
.table_mode5 .my_row .my_cell:first-child{
    background-color: #fffe83;
}
.table_mode5 .my_row{
    background-color: #7fffc4;
}
.table_mode5 .my_row:first-child{
    background-color: #b7ffd5;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.table_mode5 .my_row:first-child .my_cell:first-child{
    background-color: #faffb1;
    border-top-left-radius: 12px;
}
.table_mode5 .my_row:last-child{
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.table_mode5 .my_row:last-child .my_cell:last-child{
    border-bottom-right-radius: 12px;
}
.table_mode5 .my_row:last-child .my_cell:first-child{
    border-bottom-left-radius: 12px;
}

.table_mode6{
    background-color: #fff;
    padding: 12px;
    border-radius: 24px;
}
.table_mode6 .my_row{
    color: #fff;
    background-color: #00c1f2;
}
.table_mode6 .my_row .my_cell:first-child{
    background-color: #1bd1ff;
}
.table_mode6 .my_row:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.table_mode6 .my_row:last-child .my_cell:first-child{
    border-bottom-left-radius: 12px;
}
.table_mode6 .my_row:first-child{
    background-color: #7adeff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #333333;
}
.table_mode6 .my_row:first-child .my_cell:first-child{
    background-color: #abeaff;
    border-top-left-radius: 12px;
}

.table_mode7{
    background-color: #fff;
    padding: 12px;
    border-radius: 24px;
}
.table_mode7 .my_row{
    border-radius: 18px;
    background-color: rgba(0,180,239,.2);
    color: #404040;
}
.table_mode7 .my_row:first-child{
    background-color: #00afe9;
    color: #fff;
}
.table_mode7 .my_row .my_cell:first-child{
    background-color: #ffea94;
    border-radius: 18px;
}
.table_mode7 .my_row:first-child .my_cell:first-child{
    background-color: #ffcc00;
    color: #404040;
    border-radius: 18px;
}

.table_mode8 .my_row{
    color: #262626
}
.table_mode8 .my_row:first-child{
    background-color: #ff9600;
    color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.table_mode8 .set_1{
    background-color: #ffb400;
}
.table_mode8 .set_2{
    background-color: #ffd200;
}
.table_mode8 .set_3{
    background-color: #ffe56d;
}
.table_mode8 .set_4{
    background-color: #fff1b2;
}
.table_mode8 .my_row:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.my_table_ui{
    width: 210px;
    padding: 5px;
    background-color: #012c3f;
    z-index: 10;
    top: 87px;
    position: fixed;
    display: none;
}
.my_table_ui .icon_item{
    width: 20px;
    height: 20px;
    background-color: transparent;
    margin-right: 10px;
    background-image: url(../images/icon.png?t=1114);
}
.my_table_ui .mz_font{
    background-position: 103px 412px;
}
.my_table_ui .mz_font:hover{
    background-position: 82px 412px;
    cursor: pointer;
}
.my_table_ui .mz_size{
    background-position: 103px 378px;
}
.my_table_ui .mz_size:hover{
    background-position: 82px 378px;
    cursor: pointer;
}
.my_table_ui .mz_color{
    background-position: 103px 344px;
}
.my_table_ui .mz_color:hover{
    background-position: 82px 344px;
    cursor: pointer;
}
.my_table_ui .mz_jc{
    background-position: 62px 39px;
}
.my_table_ui .mz_jc:hover{
    background-position: 45px 39px;
    cursor: pointer;
}
.my_table_ui .mz_qx{
    background-position: 21px 39px;
}
.my_table_ui .mz_qx:hover{
    background-position: 24px 20px;
    cursor: pointer;
}
.my_table_ui .mz_scx{
    background-position: 23px 60px;
}
.my_table_ui .mz_scx:hover{
    background-position: 23px 130px;
    cursor: pointer;
}
.my_table_ui .mz_xhx{
    background-position: 62px 468px;
}
.my_table_ui .mz_xhx:hover{
    background-position: 44px 468px;
    cursor: pointer;
}

.my_table_ui .icon_item:last-child{
    margin-right: 0;
}
.menu_ul{
    position: fixed;
    display: none;
    top: 200px;
    left: 200px;
    background-color: #fff;
    color: #00a9e7;
    font-size: 14px;
    border-radius: 5px;
}
.menu_ul li{
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.menu_ul li:hover{
    background-color:#00a9e7;
    color: #fff;
}
.menu_ul li:first-child{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.menu_ul li:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*会员价格表*/
.user_price_list{
    color: #fff;
    width: 100%;
    font-size: 12px;
    user-select: none;
    overflow: hidden;
}
.user_price_list .mz_row .cell{
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
}
.user_price_list .mz_row{
    height: 40px;
    display: flex;
    color: #fff;
    margin-bottom: 2px;
}
.user_price_list .mz_row:first-child .cell:first-child{
    border-top-left-radius: 12px;
}
.user_price_list .mz_row:first-child .cell:last-child{
    border-top-right-radius: 12px;
}
.user_price_list .mz_row:last-child .cell:first-child{
    border-bottom-left-radius: 12px;
    overflow: hidden;
}
.user_price_list .mz_row:last-child .cell:last-child{
    border-bottom-right-radius: 12px;
    overflow: hidden;
}
.user_price_list .mz_row .cell .t1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.user_price_list .mz_row .cell .t2 div{
    width: 100%;
}
.user_price_list .mz_row .cell .t2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.tmz_tba1 .row_he .cell{
    background-color: rgba(255,255,255,.3);
    overflow: hidden;
}
.tmz_tba1 .mz_row.set1 .cell .t1,.tmz_tba1 .mz_row.set1 .cell .t2{
    width: 100%;
    background-color: rgba(255,255,255,0.1);
    height: 100%;
}
.tmz_tba1 .mz_row.set2 .cell .t1,.tmz_tba1 .mz_row.set2 .cell .t2{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.15)
}
.tmz_tba1 .mz_row.set1 .cell .t2,.tmz_tba1 .mz_row.set2 .cell .t2{
    margin-left: 2px;
}

.tmz_tba2 .row_he .cell{
    background-color: rgba(255,255,255,.25);
    overflow: hidden;
}
.tmz_tba2 .row_he .cell:first-child{
    background-color: rgba(255,255,255,.4);
}
.tmz_tba2 .mz_row .cell .t1,.tmz_tba2 .mz_row .cell .t2{
    width: 100%;
    background-color: rgba(255,255,255,0.1);
    height: 100%;
}
.tmz_tba2 .mz_row .cell:first-child .t1{
    background-color: rgba(255,255,255,0.2);
}
.tmz_tba2 .mz_row .cell .t2,.tmz_tba2 .mz_row .cell .t2{
    margin-left: 2px;
}

.tmz_tba3 .row_he .cell{
    background-color: rgba(255,255,255,1);
    color: #333333;
    overflow: hidden;
}
.tmz_tba3 .mz_row.set1 .cell .t1,.tmz_tba3 .mz_row.set1 .cell .t2{
    width: 100%;
    background-color: rgba(255,255,255,0.7);
    color: #333333;
    height: 100%;
}
.tmz_tba3 .mz_row.set2 .cell .t1,.tmz_tba3 .mz_row.set2 .cell .t2{
    width: 100%;
    height: 100%;
    color: #333333;
    background-color: rgba(255,255,255,0.85)
}
.tmz_tba3 .mz_row.set1 .cell .t2,.tmz_tba3 .mz_row.set2 .cell .t2{
    margin-left: 2px;
}

.tmz_tba4 .row_he .cell{
    background-color: rgba(255,255,255,.8);
    color: #333333;
    overflow: hidden;
}
.tmz_tba4 .row_he .cell:first-child{
    background-color: rgba(255,255,255,1);
}
.tmz_tba4 .mz_row .cell .t1,.tmz_tba4 .mz_row .cell .t2{
    width: 100%;
    background-color: rgba(255,255,255,0.2);
    height: 100%;
}
.tmz_tba4 .mz_row .cell:first-child .t1{
    background-color: rgba(255,255,255,0.35);
}
.tmz_tba4 .mz_row .cell .t2,.tmz_tba4 .mz_row .cell .t2{
    margin-left: 2px;
}

.tmz_tba5 .row_he .cell{
    background-color: #ff9600;
    color: #fff;
    overflow: hidden;
}
.tmz_tba5 .mz_row.set1 .cell .t1,.tmz_tba5 .mz_row.set1 .cell .t2{
    width: 100%;
    background-color: #ffb400;
    color: #262626;
    height: 100%;
}
.tmz_tba5 .mz_row.set2 .cell .t1,.tmz_tba5 .mz_row.set2 .cell .t2{
    width: 100%;
    height: 100%;
    color: #262626;
    background-color: #ffd200
}
.tmz_tba5 .mz_row.set3 .cell .t1,.tmz_tba5 .mz_row.set3 .cell .t2{
    width: 100%;
    height: 100%;
    color: #262626;
    background-color: #ffe56d
}
.tmz_tba5 .mz_row.set4 .cell .t1,.tmz_tba5 .mz_row.set4 .cell .t2{
    width: 100%;
    height: 100%;
    color: #262626;
    background-color: #fff1b2
}
.tmz_tba5 .mz_row.set1 .cell .t2,
.tmz_tba5 .mz_row.set2 .cell .t2,
.tmz_tba5 .mz_row.set3 .cell .t2,
.tmz_tba5 .mz_row.set4 .cell .t2
{
    margin-left: 2px;
}

.my_fg_wk{
  width: 100%;
  height:100%;
  /*margin: 10px;*/
  /*box-shadow: 1px 1px 10px #00a2d4;*/
}
.mz_wk{
    position: relative;
    width: 100%;
    height: 100%;
}
.mz_wk .img_z{
    width: 100%;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.mz_wk .font_wk{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.mz_wk .font_wk .tx_1{

}
.mz_wk .font_wk .tx_2{

}
/*富文本*/
.myTextDiv i{
    font-style: italic !important
}
.myTextDiv i u{
    font-style: italic !important
}
.myTextDiv i b{
    font-style: italic !important
}
.myTextDiv u{
    text-decoration: underline !important;
}

.my_table i{
    font-style: italic !important
}
.my_table i u{
    font-style: italic !important
}
.my_table i b{
    font-style: italic !important
}
.my_table u{
    text-decoration: underline !important;
}

.mapTimeDiv b{
    font-style:inherit !important
}
.addDesk .cpNum1{
    position: absolute;
    opacity: 0;
}
.addDesk{
    color:#00b0ff
}
.addDesk img{
    width: 100%;
    height: 100%;
}
.qp_box{
    width: 114px;
    height: 106px;
}
.qpbg1_1{
    background: url('../images/qp/qp1/1.png');
}
.qpbg1_2{
    background: url('../images/qp/qp1/2.png');
}
.qpbg1_3{
    background: url('../images/qp/qp1/3.png');
}
.qpbg1_4{
    background: url('../images/qp/qp1/4.png');
}
.qpbg1_5{
    background: url('../images/qp/qp1/5.png');
}

.qpbg1_txt{
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color: #333333;
    user-select: none;
}

.qpbg2_1{
    background: url('../images/qp/qp2/1.png');
}
.qpbg2_2{
    background: url('../images/qp/qp2/2.png');
}
.qpbg2_3{
    background: url('../images/qp/qp2/3.png');
}
.qpbg2_4{
    background: url('../images/qp/qp2/4.png');
}
.qpbg2_5{
    background: url('../images/qp/qp2/5.png');
}
.qpbg2_txt{
    text-indent: 46px;
    line-height: 90px;
    font-size: 16px;
    color: #333333;
    transform: rotate(-15deg);
    user-select: none;
}

.qpbg3_1{
    background: url('../images/qp/qp3/1.png');
}
.qpbg3_2{
    background: url('../images/qp/qp3/2.png');
}
.qpbg3_3{
    background: url('../images/qp/qp3/3.png');
}
.qpbg3_4{
    background: url('../images/qp/qp3/4.png');
}
.qpbg3_5{
    background: url('../images/qp/qp3/5.png');
}
.qpbg3_txt{
    text-indent: 37px;
    line-height: 95px;
    font-size: 16px;
    color: #333333;
    transform: rotate(15deg) scale(0.9);
    user-select: none;
}

.qpbg4_1{
    background: url('../images/qp/qp4/1.png');
}
.qpbg4_2{
    background: url('../images/qp/qp4/2.png');
}
.qpbg4_3{
    background: url('../images/qp/qp4/3.png');
}
.qpbg4_4{
    background: url('../images/qp/qp4/4.png');
}
.qpbg4_5{
    background: url('../images/qp/qp4/5.png');
}
.qpbg4_txt{
    text-indent: 43px;
    line-height: 80px;
    font-size: 16px;
    transform: rotate(-10deg);
    color: #333333;
    user-select: none;
}

.qpbg5_1{
    background: url('../images/qp/qp5/1.png');
}
.qpbg5_2{
    background: url('../images/qp/qp5/2.png');
}
.qpbg5_3{
    background: url('../images/qp/qp5/3.png');
}
.qpbg5_4{
    background: url('../images/qp/qp5/4.png');
}
.qpbg5_5{
    background: url('../images/qp/qp5/5.png');
}
.qpbg5_txt{
    text-indent: 40px;
    line-height: 75px;
    font-size: 16px;
    transform: rotate(-4deg) scale(0.9);
    color: #333333;
    user-select: none;
}

.qpbg6_1{
    background: url('../images/qp/qz1/1.png');
}
.qpbg6_2{
    background: url('../images/qp/qz1/2.png');
}
.qpbg6_3{
    background: url('../images/qp/qz1/3.png');
}
.qpbg6_4{
    background: url('../images/qp/qz1/4.png');
}
.qpbg6_5{
    background: url('../images/qp/qz1/5.png');
}
.qpbg6_txt{
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color: #fff;
    user-select: none;
}

.qpbg7_1{
    background: url('../images/qp/qz2/1.png');
}
.qpbg7_2{
    background: url('../images/qp/qz2/2.png');
}
.qpbg7_3{
    background: url('../images/qp/qz2/3.png');
}
.qpbg7_4{
    background: url('../images/qp/qz2/4.png');
}
.qpbg7_5{
    background: url('../images/qp/qz2/5.png');
}
.qpbg7_txt{
    text-align: center;
    line-height: 85px;
    font-size: 16px;
    transform: rotate(-15deg);
    color: #fff;
    user-select: none;
}

.qpbg8_1{
    background: url('../images/qp/qz3/1.png');
}
.qpbg8_2{
    background: url('../images/qp/qz3/2.png');
}
.qpbg8_3{
    background: url('../images/qp/qz3/3.png');
}
.qpbg8_4{
    background: url('../images/qp/qz3/4.png');
}
.qpbg8_5{
    background: url('../images/qp/qz3/5.png');
}
.qpbg8_txt{
    text-indent: 38px;
    line-height: 85px;
    font-size: 16px;
    transform: rotate(15deg) scale(0.9);
    color: #fff;
    user-select: none;
}

.qpbg9_1{
    background: url('../images/qp/qz4/1.png');
}
.qpbg9_2{
    background: url('../images/qp/qz4/2.png');
}
.qpbg9_3{
    background: url('../images/qp/qz4/3.png');
}
.qpbg9_4{
    background: url('../images/qp/qz4/4.png');
}
.qpbg9_5{
    background: url('../images/qp/qz4/5.png');
}
.qpbg9_txt{
    text-indent: 42px;
    line-height: 80px;
    font-size: 16px;
    transform: rotate(-10deg);
    color: #fff;
    user-select: none;
}

.qpbg10_1{
    background: url('../images/qp/qz5/1.png');
}
.qpbg10_2{
    background: url('../images/qp/qz5/2.png');
}
.qpbg10_3{
    background: url('../images/qp/qz5/3.png');
}
.qpbg10_4{
    background: url('../images/qp/qz5/4.png');
}
.qpbg10_5{
    background: url('../images/qp/qz5/5.png');
}
.qpbg10_txt{
    text-indent: 38px;
    line-height: 80px;
    font-size: 16px;
    transform: rotate(-4deg) scale(0.9);
    color: #fff;
    user-select: none;
}
/*警告类型*/
.mz_textMsg{
    position: absolute;
    left: 50%;
    top: -20%;
    border-radius: 50px;
    transform: translateX(-50%);
    background-color: #fff;
}
.maz_imza{
    width: 70% !important;
    height:70% !important;
    margin-left: 50%;
    margin-top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
/*房间状态样式*/
.openTime dl .as_imgk{
    width: 240px;
    margin: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px;
    flex-shrink: 0;
    background-color: #454a51;
    border: 2px solid #fff;
}
.openTime dl .as_imgk:hover{
    width: 240px;
    margin: 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px;
    flex-shrink: 0;
    background-color: #454a51;
    border: 2px solid #454a51;
    cursor: pointer;
}
.openTime dl .as_imgk.actis{
    border: 2px solid #ffa813;
    cursor: pointer;
}
.openTime dl .bg_room_wk{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.openTime dl .bg_room_wk .rom_bz{
    width: 25px;
    height: 25px;
    border-radius: 20px;
}
.hotel_status{
    width: 100%;
    height: 100%;
}
.hotel_status .img_slz{
    width: 100%;
    height: 100%;
}
/* GPW */

/* GPW检测 */
.mouse-test {
    width: 100%;
    height: 100%;
    margin: 8px;
    padding: 12px;
    cursor: move;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    user-select: none;
    resize: both;
}

.mouse-test .head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.mouse-test .head .sb_test {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mouse-test .head .sb_test .zt_msg {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.mouse-test .head .sb_test .zt_msg+.zt_msg{
    margin-left: 10px;
}


.mouse-test .head .sb_test .zt_msg .zt_ts {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 3px;
}

.mouse-test .head .sb_test .zt_msg .ztc1 {
    background: #595959;
}

.mouse-test .head .sb_test .zt_msg .ztc2 {
    background: #559d1b;
}

.mouse-test .head .sb_test .zt_msg .ztc3 {
    background: #c76659;
}

.mouse-test .head .sb_test .zt_msg .ztc4 {
    background: #c38e1c;
}

.mouse-test .head .sb_test .zt_msg .ztc5 {
    background: #1281c0;
}

.mouse-test .head .sb_test .zt_msg .ztc6 {
    background: #fff;
}

.mouse-test .head .sb_test .zt_msg .ztc7 {
    border: 1px solid #fff;
}

.mouse-test .head .sb_test .zt_msg .ztc8 {
    border: 1px solid gray;
}

.mouse-test .head .sb_test .zt_msg .ztc9 {
    background: #2c8b91;
}

.mouse-test .head .sb_test .zt_msg .ztc10 {
    background: #03bebc;
}

.mouse-test .head .sb_test .zt_msg .ztc11 {
    background: #f27e72;
}

.mouse-test .head .sb_test .zt_msg .ztc12 {
    background: #f3a832;
}

.mouse-test .head .sb_test .zt_msg .ztc13 {
    background: #404040;
}

.mouse-test .head .sb_test .zt_msg .ztc14 {
    background: #d1d1d1;
}

.mouse-test .head .sb_test .zt_msg .ztc15 {
    background: #2c8b91;
}

.mouse-test .head .sb_test .zt_msg .ztc16 {
    background: #559d1b;
}

.mouse-test .head .sb_test .zt_msg .ztc17 {
    background: #ff7b69;
}

.mouse-test .head .sb_test .zt_msg .ztc18 {
    background: #eb9d06;
}

.mouse-test .head .sb_test .zt_msg .ztc19 {
    background: #484848;
}

.mouse-test .head .sb_test .zt_msg .ztc20 {
    background: #00a8c7;
}

.mouse-test .head .sb_test .zt_msg .ztc21 {
    background: #66b400;
}

.mouse-test .head .sb_test .zt_msg .ztc22 {
    background: #ff614b;
}

.mouse-test .head .sb_test .zt_msg .ztc23 {
    background: #e19400;
}

.mouse-test .head .sb_test .zt_msg .ztc24 {
    background: #4d4d4d;
}
.mouse-test .head .sb_test .zt_msg .ztc25 {
    background: #ccc;
}

.mouse-test .content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}

.mouse-test .content .jc_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px 5px 0;
}

.mouse-test .content .jc_list .t1 {
    color: #04d7dd;
}

.mouse-test .content .jc_list .t2 {
    font-weight: bold;
}

.mouse-test .content .jc_list .t3 {
    color: #01a29f;
}
.mouse-test .tans{
    margin: 0 7px;
}

.mouse-test .content .jcw1 {
    padding-right: 30px;
    min-width: 92px;
    /* height: 40px; */
    border-radius: 2px;
    position: relative;
    color: #00212f;
    box-sizing: border-box;
}

.mouse-test .content .jcw1::before{
    content: '';
    border-radius: 2px;
    width: 2px;
    height: 8px;
    border: 1px solid #fff;
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
}

.mouse-test .content .jds{
    position: absolute;
    border-radius: 1px;
    z-index: 98;
    height:100%;
    top: 0;
    left: 0;
}

.mouse-test .content .ks_wk{
    /*position: absolute;*/
    /* display: flex; */
    z-index: 99;
    /* align-items: center;
    justify-content: center; */
    width: 100%;
    text-indent: 5px;
    top: 1px;
    left: 1px;
    /* background-color:rgba(255,255,255,.15); */
    /* background-color: transparent !important; */
}
.mouse-test .content .seat_no{
    width: 100%;
    text-indent: 5px;
}
.mouse-test .content .num_inx{
    display: flex;
}
.mouse-test .content .jcbg1.jcw1,.mouse-test .content .jcbg1.jcw1::before{
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid #595959;
    color: #fff;
}
.mouse-test .content .jcbg2.jcw1,.mouse-test .content .jcbg2.jcw1::before {
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid #559d1b;
}
.mouse-test .content .jcbg3.jcw1,.mouse-test .content .jcbg3.jcw1::before{
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid #c76659;
}
.mouse-test .content .jcbg4.jcw1,.mouse-test .content .jcbg4.jcw1::before {
    background-color: #c38e1c;
    border: 1px solid #c38e1c;
}
.mouse-test .content .jcbg5.jcw1,.mouse-test .content .jcbg5.jcw1::before {
    background-color: #1281c0;
    border: 1px solid #1281c0;
}
.mouse-test .content .jcbg6.jcw1,.mouse-test .content .jcbg6.jcw1::before{
    border: 1px solid rgba(170, 170, 170, 0.1);
    background-color: rgba(170, 170, 170, 0.1);
}

.mouse-test .content .jcbg17.jcw1,.mouse-test .content .jcbg17.jcw1::before{
    background-color: #fff;
    border: 1px solid #ff7b69;
    color: #000;
}

.mouse-test .content .jcbg20.jcw1,.mouse-test .content .jcbg20.jcw1::before{
    background-color: transparent;
    border: 1px solid #fff;
    color: #000;
}
.mouse-test .content .jcbg18.jcw1,.mouse-test .content .jcbg18.jcw1::before {
    background-color: #eb9d06;
    border: 1px solid #eb9d06;
}
.mouse-test .content .jcbg19.jcw1,.mouse-test .content .jcbg19.jcw1::before{
    background-color: #1d97dd;
    border: 1px solid #1d97dd;
}
.mouse-test .content .jcbg16.jcw1,.mouse-test .content .jcbg16.jcw1::before{
    background-color: #fff;
    border: 1px solid #7bc100;
    color: #000;
}
.mouse-test .content .jcbg1.jcw1 .jds {
    background:rgba(255, 255, 255, 0.2);
}
.mouse-test .content .jcbg2.jcw1 .jds{
    background: #559d1b;
}
.mouse-test .content .jcbg3.jcw1 .jds{
    background: #c76659;
}
.mouse-test .content .jcbg4.jcw1 .jds{
    background: #c38e1c;
}
.mouse-test .content .jcbg5.jcw1 .jds{
    background: #1281c0;
}
.mouse-test .content .jcbg6.jcw1 .jds{
    background: #fff;
}
.mouse-test .content .jcbg16.jcw1 .jds{
    background: #7bc100;
}
.mouse-test .content .jcbg17.jcw1 .jds{
    background: #ff7b69;
}
.mouse-test .content .jcbg18.jcw1 .jds{
    background: #eb9d06;
}
.mouse-test .content .jcbg19.jcw1 .jds{
    background: #1d97dd;
}
.mouse-test .content .jcbg20.jcw1 .jds{
    background: rgba(255, 255, 255, 0.5);
}

.mouse-test .content .jcw2 {
    min-width: 92px;
    display: block;
    padding: 4px 10px;
}

.mouse-test .content .jcbg1 {
    background: #595959;
}

.mouse-test .content .jcbg2 {
    background: #559d1b;
    color: #fff;
}

.mouse-test .content .jcbg3 {
    background: #c76659;
    color: #fff;
}

.mouse-test .content .jcbg4 {
    background: #c38e1c;
    color: #fff;
}

.mouse-test .content .jcbg5 {
    background: #1281c0;
    color: #fff;
}

.mouse-test .content .jcbg6 {
    background: #fff;
}

.mouse-test .content .jcbg7 {
    border: 1px solid #808080;
    border-radius: 12px;
    color: #fff;
}

.mouse-test .content .jcbg8 {
    background: #2c8b91;
    border-radius: 12px;
    color: #fff;
}

.mouse-test .content .jcbg9 {
    background: #ce665b;
    border-radius: 12px;
    color: #fff;
}

.mouse-test .content .jcbg10 {
    background: #c38e1c;
    border-radius: 12px;
    color: #fff;
}

.mouse-test .content .jcbg11 {
    background: #595959;
    border-radius: 12px;
    color: #fff;
}

.mouse-test .content .jcbg12 {
    border: 1px solid #808080;
    border-radius: 12px;
    color: #000;
}

.mouse-test .content .jcbg13 {
    background: #03bebc;
    border-radius: 12px;
    color: #fff;
}

.mouse-test .content .jcbg14 {
    background: #f27e72;
    border-radius: 12px;
    color: #fff;
}

.mouse-test .content .jcbg15 {
    background: #f3a832;
    border-radius: 12px;
    color: #fff;
}
.mouse-test .content .jcbg16 {
    background: #7bc100;
    color: #fff;
}

.mouse-test .content .jcbg17 {
    background: #ff7b69;
    color: #fff;
}

.mouse-test .content .jcbg18 {
    background: #eb9d06;
    color: #fff;
}

.mouse-test .content .jcbg19 {
    background: #1d97dd;
    color: #fff;
}
.mouse-test .content .jc_list3 {
    min-width: 140px;
    min-height: 48px;
    background: #404040;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    /* margin-right: 4px; */
    margin: 0 4px 5px 0;
    padding: 0 10px;
}

.mouse-test .content .jc_list3 .xg_w {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.mouse-test .content .jc_list3 .xg_w1{
    text-align: center;
    flex: 1;
}
.mouse-test .content .jc_list3 .gpw-line {
    width: 1px;
    height: 80%;
    background: rgba(255, 237, 204, 0.2);
    margin: 0 8px;

}

.mouse-test .content .jc_list3 .danc {
    width: 15px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 2px;
    margin-top: 3px;
}

.mouse-test .content .jc_list3 .danc .yans {
    width: 70%;
    height: 100%;
    background: #2fd3d8;
}

.mouse-test .content .jc_list3 .danc .yans-c {
    background: #ff9b90;
}

.mouse-test .content .jc_list3 .danc::after {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    background: #fff;
    margin-left: 13px;
    margin-top: -2.2px;
}

.mouse-test .content .jc_list3 .t3_1 {
    color: #80fbff;
}

.mouse-test .content .jc_list3 .t3gz {
    color: #ffc76f;
}

.mouse-test .content .jc_list3 .t3ds {
    color: #fff;
}

.mouse-test .content .jcbg3_2 {
    background: #246367;
}

.mouse-test .content .jcbg3_3 {
    background: #984f48;
}

.mouse-test .content .jcbg3_4 {
    background: #7c5d1a;
}

.mouse-test .content .jcbg3_5 {
    background: #737373;
}

.mouse-test .content .jcbg3_6 {
    background: #d1d1d1;
    color: #404040;
}

.mouse-test .content .jcbg3_7 {
    background: #0dbdc8;
}

.mouse-test .content .jcbg4_10 {
    background: #0dbbc871;
    color: #000;
}

.mouse-test .content .jcbg3_8 {
    background: #f47a7f;
}

.mouse-test .content .jcbg3_9 {
    background: #fa9c2d;
}

.mouse-test .content .jcbg3_10 {
    background: #4d4d4d;
}

.mouse-test .content .jc_list4 {
    min-width: 90px;
    /* width: 24%; */
    padding: 8px;
    border-radius: 6px;
    margin: 0 5px 5px 0;
}

.mouse-test .content .jc_list4 .xg_l {
    /* display: flex; */
    /* justify-content: center; */
}
.mouse-test .content .jc_list4 .xg_l .num_info {
    display: flex;
    justify-content: flex-start;
}
.mouse-test .content .jc_list4 .xg_l .text-c {
    color: #80fbff;
}

.mouse-test .content .jc_list4 .xg_l .text-c2 {
    color: #88ff29;
}

.mouse-test .content .jc_list4 .xg_l .text-c3 {
    color: #ff9c8e;
}

.mouse-test .content .jc_list4 .xg_l .text-c4 {
    color: #febe41;
}

.mouse-test .content .jc_list4 .xg_l .text-c5 {
    color: #fff;
}

.mouse-test .content .jc_list4 .xg_l .text-c6 {
    color: #00a8c7;
}

.mouse-test .content .jc_list4 .xg_l .text-c7 {
    color: #579900;
}

.mouse-test .content .jc_list4 .xg_l .text-c8 {
    color: #ff2f12;
}

.mouse-test .content .jc_list4 .xg_l .text-c9 {
    color: #a86f00;
}

.mouse-test .content .jc_list4 .xg_l .text-c10 {
    color: #404040;
}

.mouse-test .content .jc_list4 .xg_l .bh-c {
    color: #595959;
}

.mouse-test .content .jc_list4 .xg_l .jh-c {
    color: #333333;
}

.mouse-test .content .jc_list4 .xg_l .bh-c2 {
    color: #cccccc;
}

.mouse-test .content .jc_list4 .xg_l .jh-c2 {
    color: #fff;
}

.mouse-test .content .jc_list4 .jdt {
    width: 100%;
    height: 3px;
    background: #4c4c4c;
    margin-top: 5px;
}

.mouse-test .content .jc_list4 .jdt .jdt-l {
    width: 50%;
    height: 100%;
    background: #2c8b91;
}

.mouse-test .content .jc_list4 .jdt .jdtl1 {
    background: #559d1b;
}

.mouse-test .content .jc_list4 .jdt .jdtl2 {
    background: #ff7b69;
}

.mouse-test .content .jc_list4 .jdt .jdtl3 {
    background: #eb9d06;
}

.mouse-test .content .jc_list4 .jdt .jdtl4 {
    background: #808080;
}

.mouse-test .content .jcbg4_1 {
    background: rgba(85, 157, 27, 0.6);
}

.mouse-test .content .jcbg4_2 {
    background: #984f48;
}

.mouse-test .content .jcbg4_3 {
    background: rgba(255, 174, 0, 0.5);
}

.mouse-test .content .jcbg4_4 {
    background: #484848;
}

.mouse-test .content .jcbg4_5 {
    background: rgba(102, 180, 0, 0.3);
}

.mouse-test .content .jcbg4_6 {
    background: rgba(255, 123, 105, 0.3);
    color: #000;
}

.mouse-test .content .jcbg4_7 {
    background: rgba(255, 153, 6, 0.3);
    color: #000;
}

.mouse-test .content .jcbg4_8 {
    background: rgba(153, 153, 153, 0.3);
    color: #000;
}
.mouse-test .content .jcbg4_9 {
    background: rgba(0, 255, 255, 0.3);
    color: #fff;
}

.boxbg1 {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
}

.boxbg2 {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.twhite {
    color: #fff;
}

.tblack {
    color: #000;
}

.yjt {
    border-radius: 12px;
}

.box-w2 {
    padding: 20px;
}

.box-w3 {
    padding: 20px;
}

.box-w4 {
    padding: 20px;
}


/* .congap1 .jc_list3{
     margin:0 4px 5px 0;
}

.congap2 .jc_list3{
    margin: 0 4px 5px 0;

} */

/*台桌订座图标显示*/
.desk_lock_icon{
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.desk_lock_icon::before{
    content: '';
    top: 93%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
}

.desk_lock_icon .icon_sk{
    width: 72%;
    height: 72%;
}

.video_box{
    width: 100vw;
    height: 100vh;
    z-index: -10;
}


.myTextDiv-bg-border{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.myTextDiv-bg-border .bg{
    width: 100%;
    filter: url(#lyTextBgChange);
}

.myTextDiv{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}