@charset "utf-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}
html, body{width: 100%; height: 100%;}	
*,body{padding:0px;	margin:0px; font-family: "微软雅黑";}
body{color:#666; font-size: .1rem;}
@font-face{font-family:electronicFont;src:url(/static/common/bigscreen/font/DS-DIGIT.TTF)}

.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
 .clearfix:after {
	clear: both
}

/*谷哥滚动条样式*/
::-webkit-scrollbar {width:5px;height:5px;position:absolute}
::-webkit-scrollbar-thumb {background-color:#5bc0de}
::-webkit-scrollbar-track {background-color:#ddd}

.allnav{height: calc(100% - 30px);}
.loading{position:fixed; left:0; top:0; font-size:18px; z-index:100000000;width:100%; height:100%; background:#1a1a1c; text-align:center;}
.loadbox{position:absolute; width:160px;height:150px; color: #aaa; left:50%; top:50%; margin-top:-100px; margin-left:-75px;}
.loadbox img{ margin:10px auto; display:block; width:40px;}

.head{ height:1.05rem; background: url(/static/common/bigscreen/images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative; z-index: 100; text-align: center;}
.head h1{ color:#fff; text-align: center; font-size: .4rem; line-height:.6rem; display: inline-block;}
.mainbox{ padding:.1rem .1rem 0rem .1rem;}
.mainbox>ul{}
.mainbox>ul>li{ float: left; padding: 0 .1rem}

.boxall{ border: 1px solid rgba(25,186,139,.17); padding:0 .1rem .2rem .1rem;  background: rgba(255,255,255,.04) url(/static/common/bigscreen/images/line.png); position: relative; margin-bottom: .15rem; z-index: 10;}
.boxall:before,
.boxall:after{ position:absolute; width: .1rem; height: .1rem; content: "";  border-top: 2px solid #02a6b5; top: 0;}
.boxall:before,.boxfoot:before{border-left: 2px solid #02a6b5;left: 0;}
.boxall:after,.boxfoot:after{border-right: 2px solid #02a6b5; right: 0;}

.alltitle{ font-size:.2rem; color:#fff; text-align: center; line-height: .5rem;}

.boxfoot{ position:absolute; bottom: 0; width: 100%; left: 0;}
.boxfoot:before,
.boxfoot:after{ position:absolute; width: .1rem; height: .1rem;  content: ""; border-bottom: 2px solid #02a6b5; bottom: 0;}

.view-nav-contain{position: absolute; top: 5px; right: 5px; z-index: 999; background-color: rgba(0, 38, 77, 0.7); padding: .1rem 0;}
.view-nav{display: inline-block; list-style: none; position: relative; padding: 0 0.05rem; cursor: pointer;}
.view-nav-icon-contain{border-radius: 50%; position: relative; width: 0.35rem; height: 0.35rem; margin: 0 auto;}
.view-nav-icon-contain:hover{background-color: #e4a53b;}
.view-selected {background-color: #e4a53b; box-shadow: 0 0 4px rgba(255, 255, 255, 0.7), 0 4px 8px rgba(255, 255, 255, 0.35);}
.view-nav-icon{display: flex; width: 0.35rem; height: 0.35rem; justify-content: center; align-items: center; color: #fff; font-size: 0.2rem;}
.view-nav-word{margin-top: 0.05rem; font-size: 0.15rem; color: #ffffff; width: 0.45rem; text-align: center;}

.bf-toolbar{z-index: 999 !important;}
.bf-toolbar.bf-toolbar-bottom{top: 5px; bottom: auto !important;}
.bf-toolbar-button .bf-sub-toolbar {top: 100%; bottom: auto !important;}
.bf-toolbar-button::after {border-bottom: none !important; border-top: 5px solid #fff; top: auto !important; bottom: 5px;}

.bf-property-panel {top: 1rem !important;}
.bf-house {top: 80px !important;}
.bf-house+.bf-menu {top: 200px !important;}
/*.bf-tree-toolbar {top: 200px !important; right: 5px; left: auto !important;}*/
/*.bf-modelTree-panel {top: 200px !important; right: 5px; left: auto !important;}*/
.bf-tree-toolbar {top: 5px !important;}
.bf-modelTree-panel {top: 5px !important;}

.layui-tab {margin: 0}
.layui-tab-title {color: #af9087; border: none;}
.layui-tab-brief>.layui-tab-title .layui-this {color: #00f7e0;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 2px solid #00f7e0;}

#tabDiv .layui-tab-item {position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px}
.layui-table, .layui-table-view { margin: 0; background: transparent; color: white;}
.layui-table thead tr, .layui-table-header {background: transparent;}
.layui-table tbody tr:hover, .layui-table-click, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {background: #079292;}

.layui-carousel-ind {top: -20px; text-align: right; }
.layui-carousel>[carousel-item]:before { content: none; }

.layui-slider {background: #ffffff;}

.proj-info-box-title{text-align: center; color: white; height: 0.5rem; line-height: 0.5rem; font-size: 0.2rem; background-color: rgba(30, 216, 212, 0.47);}
.proj-info-box-content{font-size: 0.25rem; text-align: center; height: 0.7rem; line-height: 0.7rem; color: yellow; font-family: electronicFont; background: rgba(55, 204, 37, 0.39);}
.proj-info-introduce{font-size: 0.15rem; color: white; font-weight: 700;}
.proj-info-introduce p {padding: 5px 0;}
.proj-info-introduce p span {color: yellow; font-family: electronicFont; font-size: 0.2rem;}

.ztree {width: 340px; height: calc(100% - 46px); margin: 5px; padding: 0px; overflow: auto;}
.ztree li a.curSelectedNode {background-color: #ea8a13}

.pjPositionDiv {position: absolute; width: 350px; bottom: 5px; top: 5px; left: 5px; background-color: rgba(0,38,77,.7); z-index: 100;}

.export_icon {position: fixed; bottom: 5px; right: 5px; background: #ff9900; width: 40px; height: 40px; border-radius: 40px; box-shadow: 2px 2px 2px #888888; opacity: 0.5; line-height: 40px; color: #333; text-align: center; font-size: 14px; font-weight: bolder; cursor: pointer;}
.export_icon:hover {opacity: 1.0; color: white;}