*{
    margin:0 auto;
    padding:0;
    box-sizing: border-box;
}
html body{
    font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
em{
    font-style: normal;
    color:#0073bd;
}
ul{
    list-style: none;
    counter-reset:count;
}
select::-ms-expand {
    display: none;
}

.content ul{
    margin:30px 0 0 50px;
    font-size:14px;
    color:#666666;
}
.content ul>li{
    font-size:14px;
    color:#666666;
}
.content ul>li:first-child{
    margin-bottom:10px;
}
.content ul>li:last-child{
    margin-top:5px;
}
.root{
    background:linear-gradient(to top,#D2E9E1,#ECF5F8);
    width:100%;
    height:100%;
    background-size:100% 100%;
    position:absolute;
    min-width:1200px;
    min-height: 600px;
}
.container{
    width:620px;
    height:420px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    top:20%;
    position:relative;
    background:#ffffff;
}
.header{
    width:620px;
    height:120px;
    background-color:#4BA980;
}
.header span{
    font-size:24px;
    color:#fff;
}
.logo_icon{
    vertical-align: middle;
    padding:35px 12px 35px 50px;
}
.username_img{
    position:absolute;
    z-index:999;
    display:inline-block;
    float:left;
    width: 18px;
    height: 20px;
    background: url('../img/search.png') no-repeat;
    background-size: 16px 16px;
    top:168px;
    left:170px;
}
.up_down{
    position: absolute;
    z-index: 999;
    display: inline-block;
    float: left;
    width:15px;
    height:9px;
    background: url('../img/up_down.png') no-repeat;
    background-size: 15px 9px;
    top:172px;
    right:170px;

}
.records_li{
    text-align: -webkit-match-parent;
}
.selectschool select{
    padding:6px 40px;
    font-size:14px;
    color:#464646;
    background-image: none;
    width:300px;
    height:40px;
    background-color:#ffffff;
    border:1px solid #cccccc;
    outline: none;
    margin:40px 160px 10px 160px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    -ms-appearance:none;
}
.selectschool_pc  select:hover{
    border:1px solid #4BA980;
}
.password_img{
    position: absolute;
    z-index: 999;
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    background: url('../img/username.png') no-repeat;
    background-size: 16px 16px;
    margin:10px;
    left:160px;
}
.password_closed{
    position: absolute;
    z-index: 999;
    display: inline-block;
    float: left;
    width:14px;
    height:14px;
    background: url('../img/closed.png') no-repeat;
    background-size: 14px 14px;
    margin:12px;
    right:160px;
}
.user_text{
    width:300px;
    height: 40px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    color: #444;
    font-size: 1.0em;
    outline: none;
    padding-left:48px;
    margin:0 160px 10px 160px;
}
.user_text:hover{
    border:1px solid #4BA980;
}
.password{
    position: absolute;
    z-index: 999;
    float: left;
    width: 16px;
    height: 16px;
    background: url('../img/password.png') no-repeat;
    background-size: 16px 16px;
    margin:10px;
    left:160px;
}
.password_mima{
    width:300px;
    height: 40px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    color: #b6b6b6;
    font-size: 1.0em;
    outline: none;
    padding-left:48px;
    margin:0 160px;
}
.password_mima:hover{
    border:1px solid #4BA980;
}
.btn{
    margin-top:42px;
}
.btn_1{
    display:inline;
    float:left;
    padding:7px 58px;
    background-color:#4BA980;
    border:1px solid #4BA980;
    margin:0 40px 0 146px;
    color:#ffffff;
    font-size:14px;
    border-radius: 2px;
    outline:none;
    cursor: hand;
}
.btn_2{
    display:inline;
    float:left;
    padding:7px 58px;
    background-color:#ffffff;
    border:1px solid #4BA980;
    color:#4BA980;
    font-size:14px;
    border-radius: 2px;
    outline:none;
    cursor: hand;
}
.footer{
    margin:20px 0 0 -150px;
    text-align:center;
    color:#666666;
    font-size:14px;
}
.solid_xian{
    width:340px;
    height:1px;
    border:1px solid #dcdcdc;
    margin-top:25px;
    margin-bottom:10px;
}
.address{
    margin:0 50px 37px 50px;
}
.address p{
    font-size:14px;
    color:#666;
}
.sk-three-bounce {
    margin: 20% auto 20px auto;
    width: 80px;
    text-align: center;
}
.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color:#0073BD;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1); }
}

.loading_word{
    text-align:center;
    font-size:18px;
    color:#0073BD;
}
.selectschool{
    margin:40px 160px 18px 160px;
}