@charset "utf-8";

* {
    margin: 0;
    padding: 0
}

img {
    border: 0;
    width: 100%;
    vertical-align: top;
    height: auto;
}

ul,
li {
    list-style: none
}

h1,
div,
ul,
li,
em,
form,
h1 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    -webkit-tap-highlight-color: transparent;
    font-style: normal
}

em,
i {
    font-style: normal
}

html {
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
}

body,
html {
    position: relative;
    overflow-x: hidden;
}

body {
    font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
    background: #000;
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
    color: #FFF;
    outline: none
}

div,
p,
nav,
ul,
li,
input {
    box-sizing: border-box;
}

input {
    border: none;
    outline-style: none;
    outline: none;
    background: transparent;
    vertical-align: top;
}

::-webkit-input-placeholder {
    color: rgb(255, 241, 230, .7);
}

/* 使用webkit内核的浏览器 */
:-moz-placeholder {
    color: rgb(255, 241, 230, .7);
    font-size: .22rem;
}

/* Firefox版本4-18 */
::-moz-placeholder {
    color: rgb(255, 241, 230, .7);
    font-size: .22rem;
}

/* Firefox版本19+ */
:-ms-input-placeholder {
    color: rgb(255, 241, 230, .7);
    font-size: .22rem;
}

/* IE浏览器 */
.flex {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrap {
    width: 7.5rem;
    margin: 0 auto;
}