body {background: url(image/BG.png) no-repeat;background-size: contain;background-position: center;}
h3 {background: url(image/BB.jpg) no-repeat center;height: 37px;}

/**============== admin header */
body.noBG {background-image: none;}
/**#adminHeader {background: url(image/BG_top.jpg) repeat-x;height: 66px;}*/

/**============== admin header */
.lx{

    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: center;
}
 .lx > logo1{
    height: 50px;
    width: 50px;
    background: url(image/lxLogo1.png) no-repeat center;
}
.lx > logo2{
    height: 50px;
    width: 100px;
    background: url(image/lxLogo2.png) no-repeat center;
}
h1.login {height:200px;background: url(image/logo1.png) no-repeat center;}
.container {width: 674px;}
.login div {height: 96px;}
.login div input {margin-top: 27px;border: 0;width: 90%;}
.userIcon {background: url(image/login0001.png) no-repeat;width: 75px;}
.userInput {background: url(image/login0002.png) no-repeat;width: 202px;}
.passWordIcon {background: url(image/login0003.png) no-repeat;width: 61px;}
.passWordInput {background: url(image/login0004.png) no-repeat;width: 208px;}
.go {background: url(image/login0005.png) no-repeat;width: 58px;height: 96px;border: 0;}

.table td .viewContent {display: none;}
.table td:hover .viewContent {display: inline;}

.adminHomeBlock {width: 940px; height: 320px;}
.adminHomeBlock, .adminHomeBlock a {color: white;}
.adminHomeBlockLeft {width: 640px;}
.adminHomeBlockLeft .item {width: 300px; height: 150px; margin-right: 20px; float: left;margin-bottom: 20px;}
.adminHomeBlockLeft .icon {width: 70px; height: 70px;}
.adminHomeBlockLeft .text {width: 175px; height: 70px;padding-top: 15px;}
.adminHomeBlockLeft .icon1 {background: url(image/TU1.png) no-repeat center;}
.adminHomeBlockLeft .icon2 {background: url(image/TU2.png) no-repeat center;}
.adminHomeBlockLeft .icon3 {background: url(image/TU3.png) no-repeat center;}
.adminHomeBlockLeft .icon4 {background: url(image/TU4.png) no-repeat center;}
.adminHomeBlockRight {width: 300px; height: 320px; background-color: #2B7AAF;}
.adminHomeBlockRight .adminHomeBlockRightTitle {background: url(image/tu005.jpg) no-repeat;height: 71px;}
.adminHomeBlockRight .icon5 {background: url(image/TU5.png) no-repeat center; height: 37px;}

.navbar-nav {margin-top: 25px;}
.navbar-nav > li > a {padding-bottom: 0px;padding-top: 0px;}
.imageListBlank {width:24%;margin-right:1%; margin-bottom: 10px; float: left;border: solid 1px #CCC;}

/**============== admin modal */
.modal-body {width:80%;}
.modal-footer {text-align: center;}

/**============== admin lists */
.thumbListSelect {position: absolute;padding:5px;}

/**============== change*/
body{
//width: 1270px;
    height: 1100px;
//border: 1px solid red;
//border-bottom: 1px solid red;

}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.content-left{
    width: 13%;
    height: auto;
    background: rgb(41,44,49);
    float: left;
}

.content-left>li{
    width: 100%;
    border-bottom: 1px solid rgb(20,23,28);
}
.content-left>li{
    height: 62px;
}
.content-left>li:nth-of-type(1){
    height: 80px;

}
.title{
    float: right;
    width: 87%;
    height: 53px;
//
}
.title-top{
    width: 100%;
    height: 100%;
    background: rgb(50,53,58);
}
.title-bottom{
    width: 100%;
    height: 35%;
    background: rgb(41,44,49);
}
.title-top>ul{
    height: 100%;
    float: right;
    margin-right: 10%;
}
.title-top>ul>li{
    height: 98%;
    float: left;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 48px;
    text-align: center;
}
.title-top>ul>li:hover{
    cursor: pointer;
    border-top: 5px solid rgb(0,108,193);
    background: rgb(64,67,72);
}
.title-top>ul>li{
    border-top: 5px solid rgb(50,53,58);
    color: white;
    justify-content: center;
    justify-items: center;
    align-items: center;
    display: flex;
    transition: all 0.2s;
}
.title-top>ul>li:nth-of-type(1){
    border-top: 5px solid rgb(0,108,193);
    background: rgb(64,67,72);
}
.title-top>ul>li>img{
    display: block;
    width: 20px;
    height: 20px;
    float: left;
}
.title-top>ul>li>span{
    display: block;
    float: left;
    font-size: 15px;
    color: white;
    font-family: "Arial Black";
}
.content-left>li{
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    justify-content: center;
    justify-items: center;
    align-items: center;
    display: flex;
    transition: all 0.2s;
}
.content-left>li{
    transition: background 0.2s;
}
.content-left>li:hover{
    background: rgb(64,67,72);
// cursor: pointer;
}
.content-left>li:nth-of-type(1):hover{
    background: none;
    cursor: inherit;
}
.content-left>li>img{
    display: block;
    margin-left: -50px;
}
.content-left>li:nth-of-type(1)>img{
    margin-left:-8px;
}
.content-left>li>span{
    margin-left: 15px;
    font-size: 15px;
    font-family: "Arial Black";
}
.content-right{
    width: 87%;
    height: 94.5%;
    background: rgb(240,241,243);
    float: right;
    justify-content: center;
    justify-items: center;
    align-items: center;
    display: flex;
    border-top: 27px solid rgb(41,44,49);

}

.cr-content{
    width: 100%;
    height: 90%;
//border: 1px solid red;

    margin-left: 20px;

}
.cr-content-top{
    width: 111px;
    height:50px;
//border: 1px solid red;
    border-left: 8px solid rgb(1,130,224);
    text-align: center;
    line-height: 46px;
    font-size: 21px;
    font-family: 微软雅黑;

}
.table3{
    margin-top: 30px;
    box-shadow: 10px 10px 5px rgb(233,234,236);
}

.table3>tbody>tr>td{
    padding: 15px;
    padding-left: 60px;
    font-size: 16px;
    opacity: 0.7;
    border: 0px;
}
.table3>tbody>tr>td:nth-of-type(1){
    width: 16%;

}
.table-striped{
    background: white;
//background: inherit;
}
.childmenu{
    display: block;

}
.table2{
    width: 87%;
}
.table2>tbody>tr>td{
    border-top: inherit;
    width: 63%;
}
.table2>tbody>tr>td:nth-of-type(1){
    width: 10%;
    border-collapse: inherit;
}
#content1,.form-control{
    width: 580px;
}
.title-top>ul>li>span>a{
    color:white;
}
.panel-heading{
    background: rgb(44,41,49);
}
.modeldiv{
    margin-top: 20px;
}
.view{
    height: 100%;
}


.f14{
// color: white;
}
.breadcrumb>li>a{
    color:white;
}
.table > thead:first-child > tr:first-child > th{
    font-size: 19px;
}
#pl{
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}
#pl>div{
    width: 100%;
    border: 0px;
    border-right: 1px solid black;
    margin: 0;
//background: rgb(87,90,96);
}
.panel-heading{
    padding: 15px 15px;
    border-radius: 0;
}
.panel-heading{
    border: 0px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    display: flex;
    background: rgb(41,44,47);

}
.panel-title{
    width: 100%;
    margin-left: 15px;
}
.mycolor{
    color:white;
}
#contentCategoryNav{
//background: rgb(87,90,96);
   // background: inherit;
    color: white;
}
#red{
    color: white;

}
#red>ul{
    margin-top: 0px;
}

.panel-heading:hover{
// background-color:rgb(64,67,72);
    background: red;
// cursor: pointer;
}
.panel-body{
    padding: 0;
    justify-content: center;
    justify-items: center;
    align-items: center;
    display: flex;
}
.treeview>ul{
    margin-top: 0;
}
.panel-body>ul{
    width: 100%;


}

.panel-body>ul>li{
    border-top: 1px solid black;
}
.panel-body>ul>li>a{
    text-align: center;
}
.col-lg-10{
    width: 100%;
    padding: 0;
}
.breadcrumb{
    color: white;
    border-radius: 0;
    padding: 7.5px 15px;
    background-color: inherit;
    margin-top: -30px;
}
.breadcrumb>.active{
    color:white;
    margin-left: 15px;
}
.container-fluid{

}
.cr-content{
    height: 100%;
//margin-top: -56px;
}
.panel-collapse>div>ul>li>a{
    color:white;
}
.panel-collapse>div>ul>li>div>a{
    color: white;
}

#pl{
// background: transparent;
//background: url("/statics/css/image/bgicon.png") no-repeat;
}
.addbg{
    background: url("/statics/css/image/bgicon.png") no-repeat;
}
.collapse{
    background-color: rgb(41,44,49);
}
.panel-body>ul>li{
    transition:background 0.2s ;
}
.panel-body>ul>li:hover{
    background: rgb(64,67,72);
    color: black;
}

.panel{
    margin-bottom: 0px;
}
.panel-title{
    height: 32px;
    font-size: 18px;
}
.admin{
    height: 32px;
    margin-left: 15px;
    line-height: 34px;
    font-size:17px;
}
.table>tbody>tr>td{
    font-size: 18px;
}
.f14{
    font-size: 18px;
}
.mycolor:hover{
    color: white;
}
.mycolor{
    width: 100%;
}
.mycolor>span:hover{
    color:white;
}
.nav-pills > li > a{
    border-radius: inherit;
}
.nav-pills > li > a:hover{
    background: none;
}
.liststy{
    padding: 10px 15px;
    transition: background 0.2s;
}
.nav-pills > li.active > a{
    transition: background-color 0.2s;
}

.liststy:focus{
    color:#fff;
    background: #428bca;
    text-decoration: none;
}
.panel{
    border-radius: 0px;
}
.f17{
    font-size: 15px;
}