@charset "UTF-8";
html {
    font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif;
    color:#666666;
    display:block;
    height:100%;
}
body {
    width: 100%;
    height:100%;
    overflow:hidden;
}
blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul {
    margin:0;
    padding:0;
    font-style:normal;
    outline:none;
    border:none;
}
body {
    display:block;
    font-size:12px !important;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var {
    font:inherit;
}
del,ins {
    text-decoration:none;
}
li {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:after,q:before {
    content:'';
}
abbr,acronym {
    border:0;
    font-variant:normal;
}
sup {
    vertical-align:baseline;
}
sub {
    vertical-align:baseline;
}
legend {
    color:#666;
}
.clear {
    clear:both;
}
.clearFix:after {
    clear:both;
    content:".";
    display:block;
    margin:0;
    padding:0;
    font-size:0;
    height:0;
    line-height:0;
    visibility:hidden;
}
.clearFix {
    *zoom:1;
}
pre {
    white-space:pre-wrap;
    word-wrap:break-word;
}
pre {
    margin-left:2em;
}
a {
    text-decoration:none;
    color:#312e2e;
    -webkit-tap-highlight-color:transparent;
}
.fotter {
    padding: 0.5rem 0;
    width:100%;
    text-align:center;
    background: #393939;
}
a:hover {
    text-decoration:none;
    cursor:pointer;
}
.center {
    text-align:center;
}
.left {
    float:left;
}
.right {
    float:right;
}
input:focus {
    border-color:none;
    outline:0;
}
::-webkit-input-placeholder {
    color:#999 !important;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(-360deg);
    }
    100% {
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(0);
    }
}
@-moz-keyframes rotateIn {
     0% {
         -moz-transform-origin:center center;
         -moz-transform:rotate(-360deg);
     }
     100% {
         -moz-transform-origin:center center;
         -moz-transform:rotate(0);
     }
}
.mgT10 {
    margin-top:0.1rem!important;
}
.mgT20 {
    margin-top:0.2rem!important;
}
.mgT30 {
    margin-top:0.3rem!important;
}
.mgT40 {
    margin-top:0.4rem!important;
}
.mgT50 {
    margin-top:0.5rem!important;
}
.mgL10 {
    margin-left:0.1rem!important;
}
.mgL20 {
    margin-left:0.2rem!important;
}
.mgL30 {
    margin-left:0.3rem!important;
}
.mgL40 {
    margin-left:0.4rem!important;
}
.mgL50 {
    margin-left:0.5rem!important;
}
.mgR10 {
    margin-right:0.1rem!important;
}
.mgR20 {
    margin-right:0.2rem!important;
}
.mgR30 {
    margin-right:0.3rem!important;
}
.mgR40 {
    margin-right:0.4rem!important;
}
.mgR50 {
    margin-right:0.5rem!important;
}
.mgB10 {
    margin-bottom:0.1rem!important;
}
.mgB20 {
    margin-bottom:0.2rem!important;
}
.mgB30 {
    margin-bottom:0.3rem!important;
}
.mgB40 {
    margin-bottom:0.4rem!important;
}
.mgB50 {
    margin-bottom:0.5rem!important;
}
.mgB100 {
    margin-bottom:1rem!important;
}
.text-center {
    text-align:center;
}
.model-phone {
    text-align:center;
    width:100%;
    height: calc(100% - 5rem);
    top:0;
    left:0;
    background:#a1d9f0 url(./../img/bd_login.jpg) no-repeat center bottom;
    background-size:100%;
}
.model-phone-2 {
}
.toHref {
    right:0.2rem;
    top:0.2rem;
    font-size:0.26rem;
}
.icon {
    height: 3rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #00caff;
}
.icon img {
    float:left;
    height:3rem;
    padding-left: 3rem;
}
.login-tip{
    display:inline-block;
    float:right;
    color:#fff;
    font-size:1.2rem;
    line-height: 3rem;
    margin-right:3rem;
    font-weight: bold;
}
.login-tip a{
    color:#fff;
}
.app_image {
    width:100%;
    min-height:calc(100% - 14rem);
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.app_image img {
    float:left;
    width:200px;
    height:auto;
    margin:0 10px;
}
.app_image img:last-child {
    margin-right:0;
}
.name {
    margin:0.5rem 0 0 0;
}
.name img {
    width:3rem;
}
.codeing {
    width:860px;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    margin:0 auto 0 auto;
    padding-top:.2rem;
    color:#353535;
    font-size:18px;
    font-weight:bold;
}
.button {
    padding: .5rem 0;
    height: 3rem;
}
.button a {
    margin:0 5%;
    height: 3rem;
}
.button a img {
    height:3rem;
}
.button a:hover img {
}
.concat {
    display:block;
    width:100%;
    text-align:center;
    color: #e3e0e0;
    font-size:0.8rem;
    height: 2rem;
    line-height: 2rem;
}
.concat a {
    font-size:0.8rem;
    color: #e3e0e0;
    display:block;
}
.tips {
    display:block;
    width:100%;
    text-align:center;
    color: #e3e0e0;
    font-size:0.8rem;
    height: 2rem;
    line-height: 2rem;
}
.wecaht {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.wecaht img {
    width:100%;
    height:100%;
    vertical-align:middle;
}
@media screen and (max-width:860px) {
    body {
        background:#a1d9f0;
        overflow:auto;
    }
    .model-phone {
        text-align: center;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        background: #a1d9f0 url(./../img/bd_login.jpg) no-repeat center bottom;
        background-size: 100%;
    }
    .app_image {
        width:420px;
        height:818px;
    }
    .app_image img:nth-child(2n) {
        margin:0;
    }
    .app_image img:first-child,.app_image img:nth-child(2) {
        margin-bottom:20px;
    }
    .concat,.tips {
        font-size:12px;
    }
    .tips {
    }.codeing {
         width:420px;
         font-size:16px;
         height:1rem;
         padding-top:2rem;
     }
    .button {
        margin-top:1rem;
    }
    .button a img {
        width:4.8rem;
    }
    .icon {
        height:3rem;
    }
    .icon img {
        width:2.5rem;
    }
    .fotter {
        padding: 0.5rem 0;
        width: 100%;
        text-align: center;
        background: #393939;
        position: relative;
        bottom: 0;
    }
    .tips,.concat {
        line-height: 2rem;
        height: auto;
        padding: 0 10px;
        width: calc(100% - 20px);
    }
    .app_image {
        display: block;
        margin: 10px auto;
    }
}
@media screen and (max-width:420px) {
    html,body{
        overflow-x: unset;
    }
    .app_image {
        width:200px;
        height:1666px;
    }
    .app_image img {
        margin-right:0;
        margin-bottom:20px;
    }
    .codeing {
        width:200px;
        font-size:13px;
    }
    .button a img {
        width:6.8rem;
    }
    .icon img {
        width:4rem;
    }
    .fotter {
        padding: 0.5rem 0;
        width: 100%;
        text-align: center;
        background: #393939;
        position: relative;
        bottom: 0;
    }
    .tips,.concat {
        line-height: 2rem;
        height: auto;
        padding: 0 10px;
        width: calc(100% - 20px);
    }
    .app_image {
        display: block;
        margin: 10px auto;
    }
}