﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}

.l, .col-l, .col_l, .col-c, .col_c {
    float: left;
}

.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span {
    float: right;
}

.c {
    clear: both;
}

.n, em {
    font-weight: normal;
    font-style: normal;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.fa {
    font-family: Arial;
}

.fg {
    font-family: Georgia;
}

.ft {
    font-family: Tahoma;
}

.fl {
    font-family: Lucida Console;
}

.fs {
    font-family: '宋体';
}

.fw {
    font-family: '微软雅黑';
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.tdu {
    text-decoration: underline;
}

.tdn, .tdn:hover, a.tdl:hover {
    text-decoration: none;
}

.fc0 {
    color: #000000;
}

.fc3 {
    color: #333333;
}

.fc6 {
    color: #666666;
}

.fc9 {
    color: #999999;
}

.fcr {
    color: red;
}

.fcw {
    color: white;
}

.fcb {
    color: blue;
}

.fcg {
    color: green;
}

.f0 {
    font-size: 0;
}

.f10 {
    font-size: 10px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.vm {
    vertical-align: middle;
}

.vtb {
    vertical-align: text-bottom;
}

.vt {
    vertical-align: top;
}

.vn {
    vertical-align: -2px;
}

.vimg {
    margin-bottom: -3px;
}

.m0 {
    margin: 0;
}

.ml0 {
    margin-left: 0;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mr0 {
    margin-right: 0;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml-1 {
    margin-left: -1px;
}

.mt-1 {
    margin-top: -1px;
}

.p1 {
    padding: 1px;
}

.pl5 {
    padding-left: 5px;
}

.p5 {
    padding: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.rel, .pr {
    position: relative;
}

.abs, .pa {
    position: absolute;
}

.dn {
    display: none;
}

.db {
    display: block;
}

.dib {
    -moz-inline-stack: inline-block;
    display: inline-block;
}

.di {
    display: inline;
}

.ovh {
    overflow: hidden;
}

.ovs {
    overflow: scroll;
}

.vh {
    visibility: hidden;
}

.vv {
    visibility: visible;
}

.lh14 {
    line-height: 14px;
}

.lh16 {
    line-height: 16px;
}

.lh18 {
    line-height: 18px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh24 {
    line-height: 24px;
}

.fix {
    *zoom: 1;
}

.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.z {
    _zoom: 1;
}

.h1 {
    height: 1px;
}

.h5 {
    height: 5px;
}

.h10, .h {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h1, .h5, .h10, .h15, .h20, .h {
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
}

body {
    font: 12px Microsoft YaHei, Arial, sans-serif;
}

a {
    text-decoration: none;
}

.a-btn:hover{
    color:#454545;
}

.h19 {
    height: 19px;
    border-bottom: 1px solid #d3d3d3;
}

html {
    height: 100%;
}

body {
    width: 100%;
    color: #333;
}

em i {
    list-style: normal
}

a {
    text-decoration: none;
}

ul li {
    list-style: none;
}

.fix {
    *zoom: 1;
}

.fix:after, .fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.dn {
    display: none;
}

.r {
    float: right;
}

.l {
    float: left;
}

/*底部公共部分*/
@media only screen and (min-width: 1200px) {
    html {
        font-size: 120px;
    }
}

@media only screen and (max-width: 1199px) {
    html {
        font-size: 110px;
    }
}

@media only screen and (max-width: 960px) {
    html {
        font-size: 96px;
    }
}

@media only screen and (max-width: 880px) {
    html {
        font-size: 78px;
    }
}

@media only screen and (max-width: 780px) {
    html {
        font-size: 78px;
    }
}

@media only screen and (max-width: 640px) {
    html {
        font-size: 64px;
    }
}

@media only screen and (max-width: 600px) {
    html {
        font-size: 60px;
    }
}

@media only screen and (max-width: 560px) {
    html {
        font-size: 56px;
    }
}

@media only screen and (max-width: 580px) {
    html {
        font-size: 56px;
    }
}

@media only screen and (max-width: 520px) {
    html {
        font-size: 52px;
    }
}

@media only screen and (max-width: 480px) {
    html {
        font-size: 48px;
    }
}

@media only screen and (max-width: 440px) {
    html {
        font-size: 44px;
    }
}

@media only screen and (max-width: 420px) {
    html {
        font-size: 42px;
    }
}

@media only screen and (max-width: 400px) {
    html {
        font-size: 38px;
    }
}

@media only screen and (max-width: 360px) {
    html {
        font-size: 36px;
    }

    .ysend {
        padding: 0.2rem;
        border-radius: 2px;
        background-color: green;
        color: #fff;
        display: none;
    }

    a.send {
        padding: 0.2rem;
        color: #fff;
        background-color: green;
        border-radius: 2px;
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size: 32px;
    }

    .ysend {
        padding: 0.2rem;
        border-radius: 2px;
        background-color: green;
        color: #fff;
        display: none;
    }

    a.send {
        padding: 0.2rem;
        color: #fff;
        background-color: green;
        border-radius: 2px;
        display: none;
    }
}

@media only screen and (max-width: 280px) {
    html {
        font-size: 30px;
    }
}

body {
    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\5FAE软雅黑,STHeitiSC-Light,simsun,\5B8B体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,'sans-serif'!important;
    background-color: #f2f2f2;
    /*font-family: sans-serif;*/
}

/*底部导航*/
footer #nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background-color: #fff;
}

footer #nav li {
    float: left;
    width: 33.3333%;
    font-size: 0.38rem;
    text-align: center;
    border-right: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    box-sizing: border-box;
}

footer #nav li a {
    display: block;
    color: #666;
    width: 100%;
    height: 1rem;
}

footer #nav li a i {
    padding-right: 2%;
}

footer #nav li a.on {
    color: #ff6700;
}

footer #nav li:nth-child(3) {
    border-right: none;
}

footer #nav li a i {
    padding-right: 5px;
}

/*底部导航 end*/

/*底部公共部分结束*/
.nwrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    /*height:100%;*/
}

.footer {
    background: #ffffff none repeat scroll 0 0;
    /*border-top: 1px solid #cecece;*/
    bottom: 0;
    display: block;
    float: left;
    height: .75rem;
    left: 0;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.adverCon {
    transform: scale(1);
    -webkit-transform: scale(1); 
}
.adverAni {
    animation: scales 1.5s ease;
    -webkit-animation: scales 1.5s ease;
}
.adverCon > img {
    width: 100%;
    height: 100%;
}

@keyframes scales {
    from {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes scales {
    from {
        -webkit-transform: scale(1.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}
.countdown {
    -webkit-overflow-scrolling: touch;
}
.ndetail-footer {
    position: fixed;
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    z-index: 100;
    bottom: 0;
    left: 50%;
    height: 55px;
    background: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    align-items: center;
    -webkit-align-items: center;
    box-shadow: 0px 5px 26px 3px rgba(0,0,0,0.13);
}

.backTo {
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    margin-left: 8px;
}

.backToImg {
    width: 19px;
    height: 19px;
}

    .backToImg > img {
        width: 100%;
        height: 100%;
    }

.backToWord {
    font-size: 10px;
    color: #353535;
    line-height: 10px;
    margin-top: 7px;
}

.toMine {
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    margin: 0 25px 0 32px;
}

.toMineImg {
    width: 19px;
    height: 19px;
}

    .toMineImg > img {
        width: 100%;
        height: 100%;
    }

.toMineWord {
    font-size: 10px;
    color: #353535;
    line-height: 10px;
    margin-top: 7px;
}

.toVoteGift {
    height: 40px;
    flex: 1;
    -webkit-flex: 1;
    background: linear-gradient(-10deg,rgba(0,126,255,1),rgba(55,159,255,1));
    border-radius: 2px 2px 2px 2px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.adverCon {
    width: 100%;
}

#skip {
    height: 35px;
    background: rgba(0,0,0,0.3);
    border-radius: 17px;
    font-size: 14px;
    padding: 0 15px;
    line-height: 36px;
    min-width:55px;
}

    #skip > span {
        font-size: 14px;
        line-height: 14px;
    }