*{
    margin:0 auto;
    padding:0;
    box-sizing: border-box;
}
html body{
    font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
ul>li{
    list-style: none;
}
em{
    font-style: inherit;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    -ms-appearance:none;
}
img{
    width:100%;
}
body{
    background:#f7fbfa;
}
.content_card{
    width:90%;
    height:285px;
    background:#fff;
    box-shadow:0 0 20px 1px rgba(0,0,0,0.2);
    border-radius:10px;
    margin-top:110px;
    left:5%;
}
.oauth_logo{
    width: 100%;
    position: absolute;
    z-index: 99;
    top:50px;
    margin: 0 auto;
    text-align: center;
}
.oauth_logo img{
    width:110px;
    height:110px;
}
.username_img{
    position:absolute;
    z-index:999;
    width:16px;
    height:16px;
    background: url('../img/mobile_search.png') no-repeat;
    background-size: 16px 16px;
    left:14%;
    top:195px;
}
.up_down{
    position: absolute;
    z-index: 999;
    float: left;
    width:15px;
    height:9px;
    background: url('../img/mobile_listdown.png') no-repeat;
    background-size: 15px 9px;
    right:15%;
    top:195px;
}
.records_li{
    text-align: -webkit-match-parent;
    width:100%;
    margin:0 auto;
    text-align:center;
    padding-top:70px;
}
.records_liusername{
    text-align: -webkit-match-parent;
    width:100%;
    margin:0 auto;
    text-align:center;
}
.records_li_password{
    text-align: -webkit-match-parent;
    width:100%;
    margin:0 auto;
    text-align:center;
}
.records_li  select{
    padding:0 40px;
    font-size:1.0em;
    color:#464646;
    background-image: none;
    width:88%;
    height:40px;
    line-height:40px;
    background-color:#ffffff;
    border:1px solid #cccccc;
    outline: none;
    border-radius:initial;
}
.records_li  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/mobile_password.png') no-repeat;
    background-size: 16px 16px;
    left:14%;
    margin-top:20px;
}
.password_closed{
    position: absolute;
    z-index: 999;
    display: inline-block;
    float: left;
    width:11px;
    height:11px;
    background: url('../img/mobile_clear.png') no-repeat;
    background-size: 11px 11px;
    right:15%;
    margin-top:24px;
}
.user_text{
    width:88%;
    height:40px;
    line-height:40px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    font-size: 1.0em;
    outline: none;
    padding-left:40px;
    margin-top:10px;
    color:#464646;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance:none;
}
.user_text:hover{
    border:1px solid #4BA980;
}
.password{
    position: absolute;
    z-index: 999;
    float: left;
    width: 16px;
    height: 16px;
    background: url('../img/mobile_password.png') no-repeat;
    background-size: 16px 16px;
    left: 14%;
    margin-top:20px;
}
.password_mima{
    width:88%;
    height:40px;
    line-height:40px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    font-size: 1.0em;
    outline: none;
    padding-left:40px;
    margin-top:10px;
    color:#464646;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance:none;
}
.password_mima:hover{
    border:1px solid #4BA980;
}
.btn{
    width:88%;
    height:45px;
    margin:20px auto;
}
.btn_1{
    -webkit-appearance: none;
    -o-appearance:none;
    -moz-appearance: none;
    display:inline;
    float:left;
    background-color:#0dac67;
    border:1px solid #4BA980;
    color:#ffffff;
    font-size:15px;
    border-radius:10px;
    outline:none;
    width:88%;
    height:45px;
    margin:0 6%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance:none;
}
/*授权页*/
.oauth_logo_second{
    width:110px;
    height:110px;
    position:absolute;
    z-index:99;
    top:75px;
    left:35%;
}
.login_second{
    width:90%;
    height:285px;
    background:#fff;
    box-shadow:0 0 20px 1px rgba(0,0,0,0.2);
    border-radius:10px;
    margin-top:138px;
    left:5%;
}
.login_second_top{
    width:100%;
    height:185px;
    background-color:#0dac67;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.login_second_top div{
    padding-top:70px;
    text-align: center;
    font-size:18px;
    color:#ffffff;
}
.login_second_top p{
    padding:8px 5% 0 5%;
    text-align: center;
    font-size:18px;
    color:#ffffff;
}
.whistle_recoved{
    padding:0 3%;
    text-align: center;
}
.whistle_recoved i{
    width:18px;
    height:18px;
    background:url("../images/whistle_logo.png");
    background-size:18px 18px;
    display:inline;
    float:left;
    vertical-align: middle;
    margin-top:3px;
}
.whistle_recoved span{
    display:inline;
    width:100%;
    float:left;
    color: #666666;
    font-size:16px;
    margin:30px 0 0 0;
    text-align:center;
}
.whistle_loginrecove{
    width:83%;
    height:45px;
    line-height:45px;
    border-radius: 10px;
    background-color:#0dac67;
    margin:22px auto;
    text-align: center;
}
.whistle_loginrecove input{
    font-size:15px;
    color:#ffffff;
}
.foot_tishi{
    margin:30px 6% 0 6%;
    color:#4a4a4a;
}
.tishi_word{
    font-size:16px;
}
.foot_tishi ul>li{
    font-size:14px;
}
.sk-spinner-pulse {
    width: 40px;
    height: 40px;
    margin: 40px auto;
    background-color:#4BA980;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    100% {
        -webkit-transform: scale(1);
        transorm: scale(1);
        opacity: 0; } }

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0; }
}
.loading{
    text-align:center;
    font-size:1.0em;
    color:#4BA980;
    margin:30% auto;
}