@charset "utf-8";

/*基本样式*/

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Helvetica Neue", "PingFang SC", Helvetica, Arial, sans-serif;
    font-size: .30rem;
    line-height: 1.42857143;
    color: #000;
    max-width: 750px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 0.88rem !important;
}





div,
figure,
figcaption,
a,
span,
img,
nav,
header,
section,
table,
tr,
td,
th,
ul,
li,
nav,
p,
input,
h1,
h2,
h3,
h4,
h5,
h6,
em,
textarea {
    box-sizing: border-box;
}

table,
input,
button,
textarea {
    outline: none;
}

header,
section,
footer,
aside,
nav,
article,
figure {
    display: block;
}

ul,
ol {
    list-style: outside none none;
}

table td,
table th,
table tr {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    cursor: pointer;
    font-weight: normal !important;
}

    a[href] {
        color: #337ab7;
    }

i,
em,
b {
    font-style: normal;
    font-weight: normal !important;
}

img {
    display: block;
    max-width: 100%;
    margin: auto;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #c0c0c0;
    font-weight: 200;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #c0c0c0;
    font-weight: 200;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #c0c0c0;
    font-weight: 200;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #c0c0c0;
    font-weight: 200;
}


.login_page input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #f9f9f9 !important;
    font-weight: 200;
}

.login_page input:-moz-placeholder, textarea:-moz-placeholder {
    color: #f9f9f9 !important;
    font-weight: 200;
}

.login_page input::-moz-placeholder, textarea::-moz-placeholder {
    color: #f9f9f9 !important;
    font-weight: 200;
}

.login_page input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #f9f9f9 !important;
    font-weight: 200;
}













/*通用样式*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.none {
    display: none !important;
}

.clear:after {
    content: '.';
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.block {
    display: block;
}

.btn {
    background: #3aacf3;
    color: #FFFFFF;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    border-radius: 10px;
    text-align: center;
    font-size: .36rem;
    outline: none;
    border: none;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb20 {
    margin-bottom: .2rem;
}

.mt88 {
    margin-top: .88rem;
}

.p24 {
    padding: 0 .24rem;
}

.bg_style {
    background: #FFFFFF;
    border-top: 1px solid #E5E5E5;
}