html,body{
    width: 100%;
    font: 12px/1.5  "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
    padding-right: 0 !important;
}
body{
    overflow: scroll !important;
}
ul.nav.navbar-nav li {
    border-right: 1px solid #fff;
    background-color: rgb(255,128,0);
}
ul.nav.navbar-nav li:last-child{
    border:none;
}
ul.nav.navbar-nav  li a{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: rgb(255, 80, 0) !important;
}

/*.pl,.pr{*/
     /*border:solid 1px #ddd;*/
 /*}*/

footer{
    color: #000000;
}
.tk_modal-backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: #000;
    opacity: .2;
}
.globalisShow,.globaloffline{
    font-size: 1.2rem;
    color:#337ab7;
}
.globaloffline a,.globalisShow a{
    color: #337ab7 !important;
    cursor: pointer;
}
#waveleft img,#waveright img{
    cursor: pointer;
}
#middleDiv {
    background: white;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    z-index: 1999;
    left: 50%;
}
#indexAboutUs{
    font-size: 1.2rem;
}
#indexAboutUs:hover{
    cursor: pointer;
}



@media only screen and (max-width: 992px) {
    .navbar-header img{
        margin-top: 10px;
        margin-left: 5px;
    }
    #hlogo{
        display: none !important;
    }
    .navbar-brand{
        margin-top: -9px;
    }
    #con{
        padding-left: 0;
        padding-right: 0;
        min-height: 1000px;
    }
    .pl,.pr{
        text-align: center;
        min-height: 50px;
        margin-top: 0;
    }
    .pl img,.pr img{
       height: 156px !important;
    }
    #waveleft,#waveright{
        padding: 0px !important;
    }
    #waveleft img,#waveright img{
        width:58px !important;
    }
    footer{
        margin-top: 13px;
    }
    footer p{
        font-size: 0.8rem;
    }
    .webchat{
        height: 80px;
        text-align: center;
    }
    .webchat.phleft{
        text-align: left;
    }
}
@media (min-width: 992px){
    #IndexWarp{
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
        overflow: hidden;
    }
    .cWarp{
        margin-left: auto;
        margin-right: auto;
        background-color: rgb(255,128,0);
    }
    .c{
        margin: 0 auto;
        width: 1120px;
    }
    .pl,.pr{
        width: 115px;
        text-align: center;
        min-height: 470px;
        overflow: auto;
        box-sizing: border-box;
        padding: 5px;
        padding-top:0px;
    }
    .pll{
        position: fixed;
        top: 10em;
        left: 1em;
        z-index: 999;
    }
    .prr{
        position: fixed;
        top: 10em;
        right: 1em;
        z-index: 999;
    }
    #mycon{
        margin-top: 10px;
    }
    #con{
        padding-left: 0;
        padding-right: 0;
        min-height: 620px;
    }
    #mul{
        width: 100%;
    }
    .logo{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar{
        min-height:40px;
        border: none;
        margin-bottom: 0;
    }
    .navbar-default{
        background-color: transparent;
        border-radius: 0;
    }
    .navbar-nav {
        text-align:center;
        position: absolute;
        left: 0;
        top: 0;
    }
    ul.nav.navbar-nav li {
        /*border-right: 1px solid #fff;*/
        border: none;
        font-size: 1.3rem;
        font-weight: bold;
        background-color: rgb(255,128,0);
        width: calc(100% / 9);
    }
    .nav>li>a{
        width: 100%;
    }
    .navbar,.navbar-header,#example-navbar-collapse{
        height: 40px !important;
    }
    footer{
        margin-top: 10px;
        min-height: 150px;
    }
    footer .lo{
        margin-top: 10px;
    }
    footer p{
        font-size: 1rem;
    }
    .webchat{
        margin-top: 2.5rem;
    }
    .webchat a{
        color: black;
    }
    footer{
        background-color: #ddd;
    }
}

#doing,#doing2 { position:absolute;width:100%;height:100%;z-index:99999;top:50%;left:0;display:none;text-align: center;background-color: rgba(255,255,255,.1);}
#doing span,#doing2 span{vertical-align: middle;}

/* 题库 */
#twarp{
    position: relative;
}

#certificateLogin{
    position: absolute;
    z-index: 1001;
    background: white;
    width:620px;
    height: 380px;
    display: none;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -52%);
    -moz-transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
    -o-transform: translate(-50%, -52%);
    transform: translate(-50%, -52%);
}
#mask {
    position: absolute; top: 0; filter: alpha(opacity=60); background-color: #777;
    z-index: 1000;
    left: 0;
    opacity:0.5; -moz-opacity:0.5;
    display:none;
}