/***************login  start ******************************/
.tbStyle .tbStyleBg{
    width: 80% !important;
    height: 76% !important;
    position: absolute;
    left: 10%;
    top: 12%;
    border-radius: 10px;
}
.tbStyle .tbStyleBgItem{
    border-radius: 10px;
}
.tbStyle .tbStyleBg img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.tbStyle #isRememberPwdBox{

}
.tbStyle #phoneLogin{
    display: none !important;
}
.tbStyle .footerBox{
    display: none !important;
}
.tbStyle #forgotPas{
    display: none !important;
}
.tbStyle .textbox_1,.tbStyle .textbox_2,.tbStyle .textbox_whco,.tbStyle .phone-number{
    border:none;
}
.tbStyle .textbox_1 input,.tbStyle  .textbox_2 input,.tbStyle  .phone-number input{
    border:1px solid #eaeaea;
}
.tbStyle .textbox_1 input:focus,.tbStyle  .textbox_2 input:focus,.tbStyle  .phone-number input:focus{
    border-color:#0081f6;
}
.tbStyle .formpart{
    top: 12% !important;
    height: 76%;
    box-shadow: none;
    right: auto;
    left: 58% !important;
    width: 32% !important;
    background: #fff;
    min-height: auto;
}
.tbStyle .logintitle img{
    max-height: 80px;
    max-width: 210px;
    width: auto;
}
.tbStyle #backGroundImg{
    padding: 10% 0;
}
.tbStyle #forgotPas2{
    line-height: 38px;
    padding-right: 0;
    white-space: nowrap;
    overflow: hidden;
    float: right;
}
.tbStyle .tbFooterBox{
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 5%;
    color: #ffffff;
}

/***************login  end ******************************/


/***************main  start ******************************/
.tbStyle .layui-layout-admin .layui-body{

}
.tbStyle #layuiLogoBox2 img{
    width: 90% !important;
    height: auto!important;
}
.tbStyle .tb_top{
    display: block !important;

}
.tbStyle .layui-layout-admin .header{
    /*top: 50px;*/
    /*height: 32px !important;*/
    border-bottom: 1px solid #e8ebef;
}
.tbStyle .layuimini-tab{
    height: calc(100% - 34px) !important;
    margin-top: 34px;
}
.tbStyle .layuimini-tab .layui-tab-title{
    top: 51px !important;
    height: 32px !important;
    width: calc(100% - 100px) !important;
    left: 60px !important;
}
.tbStyle.layuimini-all .layuimini-tab .layui-tab-title{
    width: calc(100% - 240px) !important;
    left: 200px !important;
}
.tbStyle .layuimini-tab .layui-tab-title li{
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 0;
    padding-right: 20px !important;
}
.tbStyle .layuimini-tab .layui-tab-title .layuimini-tab-active{
    display: inline-block;
    margin-right: 5px;
}
.tbStyle .layuimini-tab .layui-tab-title li.layui-this{
    border-top:none !important;
    border-bottom: 2px solid #1f9fff;
}
.tbStyle .layuimini-tab .layui-tab-title li .layui-tab-close{
    display: inline-block;
    top: 8px;
    right: 2px;
}
.tbStyle #mainmenuchirld dd a i{
    display: inline-block;
}
.tbStyle #gui-searchmenu2{
    display: none !important;
}
.tbStyle .tbAddLogin{
    display: inline-block !important;
    height: 100%;
    width: auto;
    position: absolute;
    left: 60px;
    padding:15px;
    box-sizing: border-box;
}
.tbStyle.layuimini-all .tbAddLogin{
    left: 200px;
}
.tbStyle .tbAddLogin img{
    height: 100%;
    width: auto;
}
.tbStyle #sysmenu{
    padding-bottom: 60px;
}
.tbStyle .layuimini-header-content{
    display: none !important;
}
.tbStyle .right-searchmenu{
    display: block !important;
}
.tbStyle #layuiminiHomeTabId{
    padding-left: 10px;
}
.tbStyle .leftBottomBox_tb{
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    padding: 8px 0;
    z-index: 1000;
    color: #fff;
    box-sizing: border-box;
    display: block !important;
    text-align:center;
}
.tbStyle.layuimini-all .leftBottomBox_tb{
    text-align:left;
    padding-left: 20px;
}
.tbStyle.layuimini-all .leftBottomBox_tb{
    width: 200px;
}
.tbStyle .leftBottomBox_tb div{width: 32px;
    height: 32px;
    line-height: 32px;
    background: rgba(255,255,255,0.3);
    text-align: center;
    border-radius: 5px;
    margin: auto;margin-top: 8px;cursor: pointer;}
.tbStyle.layuimini-all .leftBottomBox_tb div{
    transform: rotate(180deg);
}
.tbStyle .leftBottomBox_tb:before {
    content: " ";
    position: absolute;
    top: 1px;
    left: 10%;
    width: 80%;
    height: 0.5px;
    background: #ffffff;
}
.tbStyle #mainmenuchirld .menudldiv{
    background-color: #fff;
    /*background-image: url(../images/menuExpandBackLogo.png);*/
    background-position: right bottom;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.tbStyle .layui-layer-title{
    background: url(../images/tb_windowBg.png);
    background-position: right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.tbStyle.layui-layout-admin .layuimini-logo {
    background-color: #0365c4 !important;
}
.tbStyle .layui-layout-admin .layuimini-logo,.tbStyle .layui-side.layui-bg-black,.tbStyle .layuimini-menu-left .layui-nav-itemed > .layui-nav-child,.tbStyle .layui-logo div {
    background-color: #0365c4 !important;
}
.tbStyle .layuimini-menu-left .layui-nav-tree .layui-this > a,.tbStyle  .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a{
    background-color: #23a1ff !important;
}
.tbStyle .rightUserBox2{
    position: absolute;
    top: 0;
    right: 5px;
    height: 32px;
    line-height: 35px;
}
.tbStyle .tbSystemBox,.tbStyle .tbSystemBox2{
    display: block !important;
    color: #7c7c7c;
    margin-right: 20px;
    position: relative;
}
.lcdp-form-fieldset{border: 1px solid #e4e4e4;padding: 0;margin-top:5px;border-radius: 4px 4px 0px 0px;height:100%;margin:0;border-bottom: none;margin-left:7px}
.lcdp-form-fieldset>legend{color: #606266;padding: 0 5px;margin-left: 2px;font-size: 12px}
.change-of-status{
    cursor: pointer;
    display: none;
    margin-right:20px
}
.change-of-status:hover{
    color: #1285ff;
}
.change-of-status .xm-select-parent .xm-select-title div.xm-select-label > span{padding-left:3px !important;}
.change-of-status .xm-select-parent .xm-select .xm-select-label>span>font{background: #eff8ff;padding: 0 3px;}
.tbStyle .change-of-status .xm-input{box-shadow: none !important;}
.tbStyle .change-of-status .icon-close{display: none}
.tbStyle .change-of-status .xm-unselect>span{margin-top:6px;margin-left:3px}
.tbStyle .change-of-status .xm-select-dl{width:200px !important;border:none !important;margin-top:3px}
.tbStyle .change-of-status .xm-select--suffix>input{border:none !important;}
.tbStyle .change-of-status .xm-select-tips{display: none !important;}
.tbStyle .change-of-status .xm-select-title>.xm-select{border:none !important;}
    /*.tbStyle #change-of-status{display: none}*/
/*.tbStyle .change-of-status{display: block !important;}*/
.tbStyle .tbSystemBox .nowSys{
    padding: 5px 30px 5px 25px;
    border-radius: 3px;
    cursor: pointer;
}
.tbStyle .tbSystemBoxIcon{
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 12px;
    transition: all 0.4s;
    color: rgba(75, 75, 75, 1);
}
.tbStyle .tbSystemBoxIcon2{
    position: absolute;
    left: 6px;
    top: 6px;
    font-size: 14px;
    transition: all 0.4s;
    color: #3D8BFD;
}
.tbStyle .showChildList .tbSystemBoxIcon{
    transform: rotate(180deg);
}
.tbStyle .tbSystemBox.showChildList .gdlist{
    display: block !important;
    width: auto !important;
    min-width: 120px !important;
    left: 0;
    top: 40px;
    right: auto;
}
.tbStyle .tbSystemBox .allSystemBox{

}
.tbStyle .tbSystemBox .systemItem{
    padding: 5px 20px;
    text-align: left;
    white-space: nowrap;
}
.tbStyle .tbSystemBox .systemItem:hover,.tbStyle .tbSystemBox .systemItem.active{
    background: #F1F5FB;
    color: rgba(61, 139, 253, 1);
}
.tbStyle .lodingBox{
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
}
.tbStyle .lodingBox img{
    width: 30px;
    height: 30px;
}
.tbStyle .moreSysQf{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
}
.tbStyle .moreSysQf._tabColor0{
    background-color: red;
}
.tbStyle .moreSysQf._tabColor1{
    background-color: orange;
}
.tbStyle .moreSysQf._tabColor2{
    background-color: yellow;
}
.tbStyle .moreSysQf._tabColor3{
    background-color: green;
}
.tbStyle .moreSysQf._tabColor4{
    background-color: blue;
}
.tbStyle .moreSysQf._tabColor4{
    background-color: purple;
}
/***************main  end ******************************/