body{background: #f1f1f1;}
.main-out{width: auto; min-width: 800px; height: auto; min-height: 700px; padding-left: 180px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main-out.mini{padding-left: 46px;}
.main-ou.lock{-webkit-filter: blur(5px);-moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px);filter: blur(5px);}
.out-init{position: fixed; top: 0; bottom: 0; left: 0; right: 0;}
/**左侧菜单**/
.main-out .menu-out{width: 180px; height: 100%; overflow: hidden; background-color: #2d3a4b; position: fixed; left: 0; top:0; z-index: 99; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main-out .menu-out.mini{width: 46px;}
.menu-w{width: 180px; min-height: 85%; height: calc(100% - 70px); padding-right: 21px; overflow-y:scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden;}
.menu-w .menulis{width: 180px; height: auto;}
.menu-w .menulis .menu-lower{display:none; width: auto; height: auto;}
.menu-w .menulis.sel .menu-lower{display:block; width: auto; height: auto;}
.menu-w .menulis a.menu-a{display: block; height:50px; width: 150px; padding: 0 15px; font-size: 14px; line-height: 50px; color: #ffffff; position: relative;}
.menu-w .menulis a.menu-a:hover{background-color: #263445;}
.menu-w .menulis.sel a.menu-a{background: #1f2d3d;}
.menu-w .menulis a.has-more:before{display: block; content:" "; width: 12px; height: 12px; position: absolute;right: 15px; top: 19px; background: url("../../images/index/menu-jt.png") no-repeat; transition:transform 0.3s;}
.menu-w .menulis.sel a.menu-a.has-more:before{transform: rotate(180deg);}
.menu-w .menulis a i.menu-icon{display: inline-block; height:16px; width: 16px; margin: 17px 15px 0 0; vertical-align: top; background-position: center; background-repeat: no-repeat;}


.menu-out .menu-tit{width: 180px; height: auto;background:#da251d; overflow: hidden;}
.menu-out .menu-tit a.menu-a:hover{background-color:#da251d !important;}
.menu-out .menu-tit a.menu-a{font-weight:bold;display: block; height:50px; width: 150px; padding: 0 15px; font-size: 14px; line-height: 50px; color: #ffffff; position: relative;}
.menu-out .menu-tit a.menu-a:hover{background-color: #263445;}
.menu-out .menu-tit a i.menu-icon{display: inline-block; height:16px; width: 16px; margin: 17px 10px 0 0; vertical-align: top; background-position: center; background-repeat: no-repeat;}

.menu-w .menulis .menu-lower .menu-b{font-size: 13px; line-height: 50px; color: #e1e1e1; background-color: #1f2d3d;}
.menu-w .menulis .menu-lower .menu-b a.b-this{display: block; height:50px; padding: 0 15px 0 52px; color: #e1e1e1; position: relative;}
.menu-w .menulis .menu-lower .menu-b a.b-this:hover{background-color: #001528;}
.menu-w .menulis .menu-lower .menu-b.sel a.b-this.has-more:before{transform: rotate(180deg);}
.menu-w .menulis .menu-lower .menu-b .menu-lower{display:none; font-size: 12px; line-height: 50px; color: #e1e1e1; background-color: #19273D;}
.menu-w .menulis .menu-lower .menu-b .menu-lower a{display: block; height:50px; padding: 0 15px 0 63px; color: #e1e1e1;}
.menu-w .menulis .menu-lower .menu-b .menu-lower a:hover{background-color: #001528;}

/**右侧板块**/
.main-out .art-out{height: 100%; width: 100%; padding-top: 91px; box-sizing:border-box; position: relative;}
/**顶部栏**/
.art-out .top-uinfo{height: 50px; border-bottom: 1px solid #f1f1f1; background: #ffffff; position: absolute; left: 0; right: 0; top: 0;}
.art-out .top-uinfo .bobtn{float:left; height: 100%; width:auto; -webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.art-out .top-uinfo .bobtn span{display: inline-block; width: 30px; height: 30px; margin: 10px 15px; vertical-align: top; cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: url("../../images/index/bobtn.png"); background-repeat: no-repeat;}
.art-out .top-uinfo .bobtn span.nav-oc{background-position: 0 center;}
.art-out .top-uinfo .bobtn span.nav-oc.open{background-position: -30px center;}
.art-out .top-uinfo .bobtn span.refresh{background-position: -60px center;}
.art-out .top-uinfo .bobtn span.clear{background-position: -90px center;}
.art-out .top-uinfo .bobtn span.lock{background: url("../../images/index/lock_screen.png") center no-repeat;}
.art-out .top-uinfo .bobtn span.pcweb{background: url("../../images/index/look_web.png") center no-repeat;}
.art-out .top-uinfo .bobtn .connstatus{
    width:auto;display:inline-block;line-height:50px;font-size:14px;color:#999999;font-weight:bold;
}
.art-out .top-uinfo .bobtn .connstatus em{font-style:normal;}
.art-out .top-uinfo .bobtn .connstatus .suc{color:#35b85a;}
.art-out .top-uinfo .bobtn .connstatus .error{color:#ff513c;}
.art-out .top-uinfo .bouf{float:right; height: 100%; width:auto; padding-right: 15px;}
.art-out .top-uinfo .bouf .auname{width: auto; position: relative;}
.art-out .top-uinfo .bouf .auname span{display: inline-block; height: 100%; padding-right: 15px; font-size: 14px; line-height: 50px; color: #555555; cursor: pointer; position: relative;}
.art-out .top-uinfo .bouf .auname span:before{display: block; content:" "; width: 10px; height: 10px; position: absolute; right: 0; top: 20px; background: url("../../images/index/umenu.png") no-repeat; transition:transform 0.3s;}
.art-out .top-uinfo .bouf .auname span.hover:before{transform: rotate(180deg);}
.art-out .top-uinfo .bouf .auname .umen{display: none; padding-top: 10px; position: absolute; right: -5px; top: 49px; z-index: 9;}
.art-out .top-uinfo .bouf .auname .umen a{display: block; height: 40px; width: 90px; font-size: 14px; line-height: 40px; color: #555555; text-align: center; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; background-color: #ffffff;}
.art-out .top-uinfo .bouf .auname .umen a.ut{border-top: 1px solid #e1e1e1; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.art-out .top-uinfo .bouf .auname .umen a.ub{border-bottom: 1px solid #e1e1e1; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.art-out .top-uinfo .bouf .auname .umen a:hover{background: #f5f5f5;}
/**tab栏**/
.art-out .tabs-w{height: 40px; padding: 0 80px 0 40px; position: absolute; left: 0; right: 0; top: 51px; box-sizing: border-box; box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); background: #ffffff; z-index: 2;}
.art-out .tabs-w .tab-go-left{height: 40px; width: 40px; position: absolute; left: 0; top: 0; background: url("../../images/index/tabs-item.png") 0 center no-repeat; cursor: pointer; border-right: 1px solid #f1f1f1;}
.art-out .tabs-w .tab-go-right{height: 40px; width: 40px; position: absolute; right: 40px; top: 0; background: url("../../images/index/tabs-item.png") -40px center no-repeat; cursor: pointer;}
.art-out .tabs-w .tab-close-item{height: 40px; width: 40px; position: absolute; right: 0; top: 0; background: url("../../images/index/tabs-item.png") -80px center no-repeat; cursor: pointer;}
.art-out .tabs-w .tab-go-left:hover,.art-out .tabs-w .tab-go-right:hover,.art-out .tabs-w .tab-close-item:hover{background-color: #f5f5f5;}
.art-out .tabs-w .tab-close-item .item-lis{display:none; width:130px; position: absolute; right: 0; top: 40px; background: #ffffff; border: 1px solid #e1e1e1;}
.art-out .tabs-w .tab-close-item .item-lis span{display: block; height: 40px; font-size: 14px; line-height: 40px; color: #555555; text-align: center; cursor: pointer;}
.art-out .tabs-w .tab-close-item .item-lis span:hover{background: #f5f5f5;}
.art-out .tabs-w .tab-o{height: 100%; width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; position: relative;}
.tabs-w .tab-o .iftabls{display: table-cell; height: 40px; padding: 0 15px; border-right: 1px solid #f1f1f1; position: relative; cursor: pointer;}
.tabs-w .tab-o .iftabls span{display:inline-block; font-size: 14px; line-height: 40px; color: #555555;}
.tabs-w .tab-o .iftabls i{display:inline-block; height: 16px; width: 16px; margin:12px -3px 0 10px; vertical-align: top; background: url("../../images/index/close_tab.png") 0 center no-repeat; border-radius: 50%; cursor: pointer;}
.tabs-w .tab-o .iftabls i:hover{background-color: #FF5722; background-position: -16px center;}
.tabs-w .tab-o .iftabls:hover{background-color: #f1f1f1;}
.tabs-w .tab-o .iftabls:before{display: block; content: " "; height: 2px; width:0; position: absolute; left: 0; top: 0; background: #292B34; -webkit-transition: all 0.25s; transition: all 0.25s;}
.tabs-w .tab-o .iftabls:hover:before{width:100%;}
.tabs-w .tab-o .iftabls.onnow{background: #f1f1f1;}
.tabs-w .tab-o .iftabls.onnow span{color: #111111;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tabs-w .tab-o .iftabls.onnow:before{display: block; content: " "; height: 2px; width:100%; position: absolute; left: 0; top: 0; background: #292B34;}
/**iframe区**/
.art-out .iframeout{width: 100%; height: 100%; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; background: #f1f1f1;}
.art-out .iframeout iframe{display:none; width: 100%; height: 100%;}
.art-out .iframeout iframe.show{display: block;}
.lock_screen{display:none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999; background-color: rgba(0,0,0,0.92);}
.lock_screen .ulock{width:300px; height:40px; margin: 25% auto 0 auto;}
.lock_screen .ulock input{display:block; float:left; width: 200px; height: 22px; padding: 9px 10px; background-color: #ffffff; border: none; border-radius: 3px;}
.lock_screen .ulock button{display:block; float:right; width: 70px; height: 40px; font-size: 16px; color: #ffffff; background-color: #409eff; border: none; border-radius: 3px; cursor: pointer;}