@charset "utf-8";

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/*Html5*/



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block;

}

audio,

canvas,

video {

    display: inline-block;

}

audio:not([controls]) {

    display: none;

    height: 0;

}

/*Base*/





html, body{

    font-size: 14px;

    line-height: 22px;


}

html {

    color: #000;

    -ms-text-size-adjust: 100%; 

    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/

}

* {

    margin: 0;

    padding: 0;

}

a {

    text-decoration: none;

    background: transparent; /*修正win8系统IE连接灰色背景*/

    outline:none;

    blr:expression(this.onFocus=this.blur());

}

a:focus,*:focus {

    outline: 0;

}

a:active,

a:hover {

    outline: 0;

}



h1,h2,h3,h4,h5,h6{

    font-weight: normal;

}

img {

    border: 0;

    vertical-align: middle;

    -ms-interpolation-mode:bicubic;

}

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}

/*legend*/

button,

input,

select,

textarea {

    font-family: inherit; 

    font-size: 100%; 

    margin: 0;

    outline:none;

}

button,

input {

    line-height: normal;

}

button,

select {

    text-transform: none;

}

button,

html input[type="button"], 

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button; 

    cursor: pointer; 

}



button[disabled],

html input[disabled] {

    cursor: default;

}

input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box; 

    padding: 0; 

}

input[type="search"] {

    -webkit-appearance: textfield; 

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box; 

    box-sizing: content-box;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

input.submit {

    cursor: pointer;

}

input.radio {

    width: 13px;

    height: 13px;

}

input[type="text"],

input[type="number"]{

    -webkit-appearance: none;

}

textarea {

    overflow: auto; 

    vertical-align: top;

    resize: none;

    -webkit-appearance: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

    display: block;

}

tbody{display: block;}

ul,

ol,

li { 

    list-style: none;

}

 i,em{

    font-style: normal;

}

/*清除浮动*/

.clear {

    clear: both;

}

.f-cb{

    zoom: 1;

}

.f-cb:after{

    display:block;

    height:0;

    clear:both;

    /*visibility:hidden;*/

    overflow:hidden;

    content:".";

}

.fl {

    float:left;

    display: inline;

}

.fr {

    float:right;

    display: inline;

}

.por{

    position: relative;

}

.poa{

    position: absolute;

}

.pof{

    position: fixed;

}

.poa-f{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.ovh{

    overflow: hidden;

}

.noselect{

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

}

.curp{

    cursor: pointer;

}

.z1{

    z-index: 1;

}

.z2{

    z-index: 2;

}

.z3{

    z-index: 3;

}

.dn{

    display: none;

}

.dib{

    display: inline-block;

}

.w-f{

    width: 100%;

}

.h-f{

    height: 100%;

}

.fwn{

    font-weight: normal;

}

.tac{

    text-align: center;

}

.t-f{

    transition: all 0.5s;

}

.t-c{

    transition: color 0.5s;

}

.t-bg{

    transition: background 0.5s;

}

.load-bg{

    background: url(../img/loadings.gif) no-repeat center;

}

.loader{

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -25px 0 0 -25px;

    font-size: 10px;

    border-top: 1px solid rgba(0,0,0, 0.08);

    border-right: 1px solid rgba(0,0,0, 0.08);

    border-bottom: 1px solid rgba(0,0,0, 0.08);

    border-left: 1px solid rgba(0,0,0, 0.5);

    border-radius: 50%;

    animation: spinner 700ms infinite linear;

}

@keyframes spinner {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}





.animation{

    -moz-transform: translate(0,80px);

    -o-transform: translate(0,80px);

    -webkit-transform: translate(0,80px);

    transform: translate(0,80px);

    opacity: 0;

}



.animation.srcospcur{

    -moz-transform: translate(0,0px);

    -o-transform: translate(0,0px);

    -webkit-transform: translate(0,0px);

    transform: translate(0,0px);

    opacity: 1;

    transition: 1.3s;

    -webkit-transition: 1.3s;

    -moz-transition: 1.3s;

    -ms-transition: 1.3s;

    -o-transition: 1.3s;

}