/*
* @description: 基础样式
* @author: gongwei
* @update: 
*/


/* @group Reset */


/* Based on https://github.com/necolas/normalize.css */


/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

i {
    font-style: normal;
}


/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}


/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    font-family: "Microsoft YaHei" ! important;
    -webkit-font-smoothing: antialiased;
}


/*
 * Removes default margin.
 */

body,
p,
b,
dl,
dd,
input,
img,
form,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
em,
ol,
button {
    margin: 0;
    padding: 0;
    border: 0;
}


/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}


/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}


/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}


/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}


/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}


/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}


/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}


/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}


/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}


/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}


/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

input[type="text"]:focus,
input[type="submit"]:focus {
    outline: none 0;
}


/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}


/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    list-style: none;
}


/* @end Reset */


/* @group Global */

body {
    background-color: #fff;
    font: 12px/1.4 Helvetica, 宋体, Arial, sans-serif;
    color: #101010;
    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}

a {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
    text-decoration: underline;
}
.disable-selection{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


/* @end Global */

input:focus,
textarea:focus {
    outline: none;
}

.placeholder {
    color: #999 !important;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/*清楚浮动*/

.clear:after,
.clearfloat:after,
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.hide {
    display: none;
}

.show {
    display: block;
}
.f10{
    font-size: 0.10rem;
}
.f11{
    font-size: 0.11rem;
}
.f12{
    font-size: 0.12rem;
}
.f13{
    font-size: 0.13rem;
}
.f14{
    font-size: 0.14rem;
}
.f16{
    font-size: 0.14rem;
}
.rel{
    position: relative;
}
.c3{
    color: #333333;
}
.c6{
    color: #666666;
}
.c9{
    color: #999999;
}
a:active,
a:hover {
    outline: 0
;
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    color: #000;
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

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
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    /*    line-height: 32px;*/
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.dib{
    display: inline-block;
}
@media only screen and (max-width: 320px){html{font-size:85px;} }
@media only screen and (min-width: 320px) and (max-width: 352px){html{font-size:90px;} }
@media only screen and (min-width: 352px) and (max-width: 384px){html{font-size:95px;} }
@media only screen and (min-width: 384px) and (max-width: 416px){html{font-size: 106px;} }
@media only screen and (min-width: 416px) and (max-width: 448px){html{font-size: 113px;} }
@media only screen and (min-width: 448px) and (max-width: 480px){html{font-size: 121px;} }
@media only screen and (min-width: 480px) and (max-width: 512px){html{font-size: 132px;} }
@media only screen and (min-width: 512px) and (max-width: 544px){html{font-size: 140px;} }
@media only screen and (min-width: 544px) and (max-width: 576px){html{font-size: 149px;} }
@media only screen and (min-width: 576px) and (max-width: 608px){html{font-size: 155px;} }
@media only screen and (min-width: 608px) and (max-width: 640px){html{font-size: 163px;} }
@media only screen and (min-width: 640px){html{font-size: 170px;} }


/*底部悬浮菜单栏*/
footer {
    position: fixed;
    bottom: 0;
    height: 0.5rem;
    width: 100%;
    max-width:640px;
    z-index: 1;
    color: #969696;    
}
footer .bottom-menu {
    width: 100%;
}

footer .bottom-menu li {
    width:25%;
    float: left;
    background: #fff;
    text-align: center;
    height:0.5rem;
}
footer .bottom-menu li a {
    display: block;
    color:#979797;
    font-size: 0.11rem;
}

footer .bottom-menu li .img-style{
   width: 0.22rem;
   height: 0.23rem;
   margin: 0 auto;
   margin-top: 0.06rem;
}

footer .bottom-menu li:nth-child(1) .img-style{
   background: url(../Images/footer/foot_index.png) no-repeat center;
   background-size: 0.17rem 0.18rem;
}

footer .bottom-menu li:nth-child(2) .img-style{
   background: url(../Images/footer/foot_vote.png) no-repeat center;
    background-size: 0.18rem 0.19rem;
}
footer .bottom-menu li:nth-child(3) .img-style{
   background: url(../Images/footer/foot_push.png) no-repeat center;
    background-size: 0.18rem 0.19rem;
}
footer .bottom-menu li:nth-child(4) .img-style{
   background: url(../Images/footer/foot_ranking.png) no-repeat center;
    background-size: 0.20rem 0.19rem;
}
footer .bottom-menu li .text {
    margin-top: 4px;
    text-align: center;
}
footer .bottom-menu li.active .text{
    color:#d4162d;
}
footer .bottom-menu li.active .img-style{
   width: 0.22rem;
   height: 0.23rem;
   margin: 0 auto;
   margin-top: 0.06rem;
}
footer .bottom-menu li.active:nth-child(1) .img-style{
   background: url(../Images/footer/foot_index_active.png) no-repeat center;
   background-size: 0.17rem 0.18rem;
}

footer .bottom-menu li.active:nth-child(2) .img-style{

   background: url(../Images/footer/foot_vote_active.png) no-repeat center;
   background-size: 0.18rem 0.19rem;
}
footer .bottom-menu li.active:nth-child(3) .img-style{
   background: url(../Images/footer/foot_push_active.png) no-repeat center;
    background-size: 0.18rem 0.19rem;
}
footer .bottom-menu li.active:nth-child(4) .img-style{
   background: url(../Images/footer/foot_ranking_active.png) no-repeat center;
   background-size: 0.20rem 0.19rem;
}

.copyright{
    color: #b2b2b2;
    font-size: 0.11rem;
    text-align: center;
    padding: 10px 0px;
}