/*统一样式*/
html {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight:rgba(0, 0, 0, 0);
    -webkit-text-size-adjust:none;
}

body {
    font-size:0.75em;
    font-family:Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

label {
    cursor:pointer
}

input, button, select, textarea {
    outline:none
}

textarea {
    resize:none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    margin:0;
    padding:0
}

a {
    text-decoration:none;
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
}

article, aside, footer, header, hgroup, nav, section, figure, figcaption {
    display: block
}
/*html5设置*/
 h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub {
    font-size:1em
}

em, cite, address, optgroup {
    font-style:normal
}

kbd, samp, code {
    font-family:monospace
}

img, input, button, select, textarea {
    vertical-align:middle
}

ul, ol, li {
    list-style:none
}

img, fieldset {
    border:0
}

abbr, acronym {
    cursor:help;
    border-bottom:1px dotted black
}

table {
    width:100%;
    border-spacing:0;
    border:0
}

table th, table td {
    border:0
}

legend, hr {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0
}

legend, hr, caption {
    visibility:hidden;
    font-size:0;
    width:0;
    height:0;
    line-height:0
}

strong {
    font-weight:normal;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="search"], input[type="password"], input[type="tel"], input[type="number"] {
    -webkit-appearance: none;
}

 html {
    width: 100%;
    height: 100%;
}

body {
    margin:0 auto;
    width:100%;
    background:#Fff;
    min-width: 320px;
}
iframe{
    display:none;
}
/*------------------------------------------------------------------------------------*/


#layout {
    width: 100%;
    margin: 0 auto;
    min-width: 320px;
    max-width:640px;
}

.hide {
    display:none;
}

.noitems {
    color: #666;
    font-size: 15px;
    margin-top: 25%;
    text-align: center;
}

.header {
    background: #cf0202 none repeat scroll 0 0;
    height: 50px;
    position: relative;
}

.logo {
    left: 15px;
    position: absolute;
    top: 15px;
}

.phone {
    background: #e90b0b url("/images/mobile/phone_ic.png") no-repeat scroll center center;
    background-size:25px auto;
    height: 100%;
    position: absolute;
    right: 50px;
    width: 50px;
}

.t-menu {
    background-color: #ff0000;
    height: 100%;
    position: absolute;
    right: 0;
    width: 50px;
}

.t-m-btn {
    background-image:url("/images/mobile/op_ic.png");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:25px auto;
    height: 100%;
    position: absolute;
    right: 0;
    width: 50px;
    transition:0.5s all;
}

.t-m-btn.close {
    background-image: url("/images/mobile/close_ic.png");
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}

.nav-header {
    background: #373737 none repeat scroll 0 0;
    box-shadow: 0 2px 2px #000 inset;
    color: #fff;
    height: 0;
    width: 100%;
    z-index: 999;
    overflow:hidden;
}

.nav-header > a {
    color: #a1a1a1;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 10px 0 10px 70px;
    position:relative;
}

.nav-header .current {
    color:#fff;
    font-size:16px;
}

.nav-header > a:nth-child(2n+1) {
    background: #3f3f3f none repeat scroll 0 0;
}

.nav-header > a:first-child {
    box-shadow: 1px 2px 2px #111 inset;
}

.nav-header > a::before {
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-position:center;
    content: " ";
    height: 100%;
    left: 20px;
    position: absolute;
    top: 0;
    width: 25px;
}

.nav-header .m1:before {
    background-image:url("/images/mobile/menu_1.png");
}

.nav-header .m2:before {
    background-image:url("/images/mobile/menu_2.png");
}

.nav-header .m3:before {
    background-image:url("/images/mobile/menu_3.png");
}

.nav-header .m4:before {
    background-image:url("/images/mobile/menu_4.png");
}

.nav-header .m5:before {
    background-image:url("/images/mobile/menu_6.png");
}

.nav-header .m6:before {
    background-image:url("/images/mobile/menu_5.png");
}
.nav-header .m7:before {
    background-image:url("/images/mobile/menu_7.png");
}
.nav-header .m8:before {
    background-image:url("/images/mobile/menu_8.png");
}

.nav-header > a::after {
    content: "";
    height: 36px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 5px;
}

.nav-header .m1.current:after {
    background: #5bd775;
}

.nav-header .m2.current:after {
    background: #ffcc00;
}

.nav-header .m3.current:after {
    background: #ea71eb;
}

.nav-header .m4.current:after {
    background: #4cc4eb;
}

.nav-header .m5.current:after {
    background: #e6824a;
}

.nav-header .m6.current:after {
    background: #f85a5a;
}
.nav-header .m7.current:after {
    background: #339e9f;
}
.nav-header .m8.current:after {
    background: #7780c1;
}

#south {
    height:60px;
    width:100%;
    background:#1d1d1d;
    color:#b1b1b1;
    font-size:14px;
    text-align:center;
}

#south p {
    height:15px;
    line-height:15px;
}

#south .p1 {
    padding-top:15px;
}

#south .p2 {
    padding-top:5px;
}

/*loading1*/
.loading {
    background:url(default/images/loading.gif) no-repeat center;
    background-size:100%;
    width:17px;
    height:17px;
    margin:30px auto 0;
}
/*loading2*/
 #preloading {
    width:100%;
    height:100%;
    position:fixed;
    background:rgba(0, 0, 0, 0.8);
    top:0;
    left:0;
    z-index:999;
}

.spinner {
    margin: 0 auto;
    width: 40px;
    height: 30px;
    text-align: center;
    font-size: 10px;
    position:absolute;
    left:50%;
    margin-left:-20px;
    top:50%;
    margin-top:-15px;
}

.spinner > div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    margin: 0 2px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.6)
    }
    
20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.6);
        -webkit-transform: scaleY(0.6);
    }
    
20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}