.noGrayElement {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index:11;}

.header-2 .logo {
    position: relative; 
    z-index: 0;}
@media screen and (max-width: 1000px) {
.noGrayElement { 
    height: auto;
    width: 19%; 
top: 50%;
transform: translateY(-50%);}
}
.lbystle229898{ color: #d9c1d9;}
.actionURL229898{ http://123.57.34.235:8080/system/go.jsp?treeid=1113&apptype=treetemp&urltype=tree.TreeTempUrl }
#submitPicPos {
    width: 100%
}
.network-query-box {
    display: none;
;}
.notdata-loading {
    height: 125px;}
.loadEffect{
    width: 60px;
    height: 60px;
    position: relative;
    margin: 80px auto 10px;}
.notdata-word {
    text-align: center;
    color: #999;}
.loadEffect span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite;}
@-webkit-keyframes load{
    0%{
        opacity: 1;}
    100%{
        opacity: 0.2;}
}
.loadEffect span:nth-child(1){
    left: 7px;
    top: 50%;
    margin-top: -5px;
    -webkit-animation-delay:0.13s;}
.loadEffect span:nth-child(2){
    left: 11px;
    top: 12px;
    -webkit-animation-delay:0.26s;}
.loadEffect span:nth-child(3){
    left: 50%;
    top: 6px;
    margin-left: -8px;
    -webkit-animation-delay:0.39s;}
.loadEffect span:nth-child(4){
    top: 10px;
    right: 19px;
    -webkit-animation-delay:0.52s;}
.loadEffect span:nth-child(5){
    right: 12px;
    top: 47%;
    margin-top: -8px;
    -webkit-animation-delay:0.65s;}
.loadEffect span:nth-child(6){
    right: 15px;
    bottom: 19px;
    -webkit-animation-delay:0.78s;}
.loadEffect span:nth-child(7){
    bottom: 13px;
    left: 59%;
    margin-left: -8px;
    -webkit-animation-delay:0.91s;}
.loadEffect span:nth-child(8){
    bottom: 16px;
    left: 15px;
    -webkit-animation-delay:1.04s;}