@charset "utf-8";
.box-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.appearance {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

* {
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    font-size: 20px
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 21.33333333px !important
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 22.08px !important
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size: 25.6px !important
    }
}

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
}

img {
    border: 0 none;
    vertical-align: top
}

input[type=text], input[type=tel], input[type=button], input[type=submit], textarea, select, button {
    -webkit-appearance: none;
    border-radius: 0
}

ol, ul {
    list-style: none
}

input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: inherit
}

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

address, cite, dfn, em, var, i {
    font-style: normal
}

strong {
    font-weight: 700
}

s {
    text-decoration: none
}

a {
    text-decoration: none;
    color: #3d3d3d
}

a:visited {
    color: #3d3d3d
}

body {
    font-size: .7rem;
    font-family: "Hiragino Sans GB", stheitisclight, DroidSansFallback, Helvetica, STHeiti STXihei, Microsoft YaHei, Arial;
    line-height: 1.5;
    color: #3d3d3d;
    -webkit-text-size-adjust: 100% !important;
    background-color: #fff
}

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

.g-f16 {
    font-size: .8rem
}

.g-f14 {
    font-size: .7rem
}

.g-fw {
    font-weight: 700
}

.g-fl {
    float: left
}

.g-fr {
    float: right
}

.g-al {
    text-align: left
}

.g-ar {
    text-align: right
}

.g-am {
    text-align: center
}

.g-pt10 {
    padding-top: .5rem
}

.g-pl10 {
    padding-left: .5rem
}

.g-mt8 {
    margin-top: .4rem
}

.g-mt10 {
    margin-top: .5rem
}

.g-mb10 {
    margin-bottom: .5rem
}

.g-mt20 {
    margin-top: 1rem
}

.g-ml10 {
    margin-left: .5rem
}

.g-hide {
    display: none !important
}

.box-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.appearance {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html, body {
    height: 100%
}

body {
    background-color: #FBFBFC
}

.g-hide {
    display: none !important
}

.icon {
    background: url(../images/icon.png) no-repeat;
    background-size: 9.375rem 9.375rem
}

.navicon {
    background: url(../../images/wap/index/nav.png) no-repeat;
    background-size: 5rem 3.75rem
}

.mod-shade {
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    transform-origin: 0 0 0;
    opacity: 1;
    transform: scale(1, 1);
    cursor: pointer
}

.mod-bar {
    height: 2.75rem;
    line-height: 2.75rem;
    color: #010101;
    font-size: .9rem;
    background-color: #fff;
    position: relative;
    text-align: center;
    z-index: 4;
    box-shadow: 0 4px 8px 0 rgba(215, 215, 215, .5)
}

.mod-bar.bar-fixed {
    width: 100%;
    position: fixed
}

.mod-bar span.title-text, .mod-bar span.title {
    display: block;
    text-align: left;
    height: 2.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: inherit
}

.mod-bar span.title {
    margin-left: 4.5rem;
    margin-right: 5.5rem
}

.mod-bar span.title-text {
    width: 74%;
    text-align: center;
    margin: 0 auto
}

.mod-bar div.crumb-title {
    width: 82%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    padding-left: .5rem;
    font-size: .9rem;
    text-align: left
}

.mod-bar div.crumb-title a {
    color: #fff
}

.mod-bar a.b-set, .mod-bar a.b-search, .mod-bar a.b-home, .mod-bar a.b-back {
    position: absolute;
    height: 2.75rem;
    padding: 0 .5rem;
    top: 0;
    right: 0;
    color: #fff;
    display: block
}

.mod-bar a.b-homer, .mod-bar a.b-nav, .mod-bar a.b-city, .mod-bar a.b-member, .mod-bar a.b-text, .mod-bar a.back {
    position: absolute;
    height: 2.75rem;
    padding: 0 .5rem;
    top: 0;
    right: 0;
    color: #fff;
    display: block
}

.mod-bar a.b-text {
    display: inline-block;
    background: 0 0;
    font-size: .8rem
}

.mod-bar a.b-homer, .mod-bar a.b-set, .mod-bar a.b-nav, .mod-bar a.b-back, .mod-bar a.b-home, .mod-bar a.b-member, .mod-bar a.b-search, .mod-bar a.back {
    width: 2rem;
    overflow: hidden;
    font-size: 0
}

.mod-bar a.b-search {
    right: 2.55rem;
    padding: 0;
    width: 1.2rem
}

.mod-bar a.b-search i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: -4.225rem -.075rem;
    width: .9rem;
    height: .95rem;
    margin-top: -.46rem;
    margin-left: -.475rem
}

.mod-bar a.b-member {
    padding-left: 0;
    background-position: .7rem -1.8rem
}

.mod-bar a.b-login, .mod-bar a.b-back, .mod-bar a.back {
    width: 1.2rem;
    padding: 0 0 0 1.05rem;
    right: auto;
    left: 0;
    font-size: .8rem;
    font-size: 0
}

.mod-bar a.back {
    width: 2rem;
    padding: 0 0 0 1.05rem;
    right: auto;
    left: 0;
    line-height: 2.3rem;
    font-size: .8rem
}

.mod-bar a.b-login {
    width: 4rem;
    padding-left: .75rem;
    height: 1.425rem;
    position: absolute
}

.mod-bar a.b-login img {
    max-height: 80%;

}

.mod-bar a.b-home {
    background-position: -9.7rem -1.2rem;
    right: auto;
    left: 2.4rem;
    padding: 0
}

.mod-bar a.b-nav {
    padding-left: 0;
    width: 1.8rem
}

.mod-bar a.b-nav i {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: .75rem;
    background-position: -.125rem -.05rem;
    width: 1rem;
    height: .9rem;
    margin-top: -.5rem
}

.mod-bar a.b-set {
    right: 2.55rem;
    padding: 0;
    width: 1.2rem
}

.mod-bar a.b-set i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: -5.375rem -5.1rem;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: -.55rem;
    margin-left: -.55rem
}

.mod-bar a.b-reg {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.75rem;
    color: #000;
    font-size: .75rem;
    padding-right: .75rem
}

.mod-bar a.back, .mod-bar a.b-back {
    width: 2rem;
    padding-left: 0
}

.mod-bar a.back i, .mod-bar a.b-back i {
    display: inline-block;
    position: absolute;
    background-position: -1.525rem -.05rem;
    width: 1.05rem;
    height: .925rem;
    top: 50%;
    margin-top: -.47rem;
    left: .75rem
}

.mod-bar a.b-home {
    width: 1.4rem;
    padding-left: 0
}

.mod-bar a.b-home i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: -2.975rem -.05rem;
    width: .925rem;
    height: .95rem;
    margin-top: -.48rem;
    margin-left: -.4625rem
}

.mod-bar a.b-homer {
    background-position: 1.4rem -4rem
}

.mod-bar .search-box {
    position: absolute;
    left: 3.3rem;
    right: 2.25rem;
    padding: 0 .2rem;
    height: 1.4rem;
    line-height: 1em;
    top: .4rem
}

.mod-bar .search-box input {
    font-size: .6rem;
    height: 1.4rem;
    padding: 0 0 0 .4rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .15rem;
    border: 0
}

.mod-bar a.mod-search {
    margin-left: 31.5%;
    height: 1.35rem;
    line-height: 1.35rem;
    background: #FFF;
    border: .025rem solid #FF552E;
    border-radius: .75rem;
    color: #999;
    font-size: .65rem;
    text-align: center;
    display: block;
    margin-right: 3rem;
    top: .65rem;
    padding: 0;
    position: relative
}

.mod-bar a.mod-search i {
    display: inline-block;
    position: relative;
    top: 0;
    background-position: -6.3rem -1.35rem;
    width: .65rem;
    height: .7rem;
    margin-right: .3rem;
    vertical-align: middle
}

.mod-fixedbar {
    padding-top: 2.3rem
}

.mod-fixedbar .mod-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.mod-dropdown {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 2.3rem;
    width: 6.05rem;
    box-shadow: 1px 2px 10px #eee;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    zoom: 1;
    pointer-events: none;
    -webkit-transform: scale(0.8) translateY(-30%);
    transform: scale(0.8) translateY(-30%);
    transition: .4s cubic-bezier(0.3, 0, 0, 1.3)
}

.mod-dropdown.visible {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    zoom: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none
}

.mod-dropdown:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    right: .9rem;
    top: -6px
}

.mod-dropdown li {
    border-bottom: 1px solid #E5E5E5;
    text-align: center;
    height: 2rem;
    line-height: 2rem
}

.mod-dropdown li a {
    display: block;
    width: 100%
}

.mod-dropdown li a i {
    display: inline-block;
    position: relative;
    top: .2rem;
    width: 1rem;
    height: .9rem
}

.mod-dropdown li a span {
    display: inline-block;
    font-size: .7rem;
    color: #333
}

.mod-dropdown li.no1 a i {
    background-position: -3.5rem -.1rem
}

.mod-dropdown li.no2 a i {
    background-position: -5.1rem -.1rem;
    width: 1rem;
    height: .9rem;
    top: .3rem
}

.mod-dropdown li.no3 a i {
    background-position: -6.7rem -.1rem;
    width: 1rem;
    height: .9rem;
    top: .3rem
}

.mod-dropdown li.no4 {
    border-bottom: 0
}

.mod-dropdown li.no4 a i {
    background-position: -8.4rem -.1rem;
    width: 1rem;
    height: .9rem
}

.mod-footer {
    padding: .5rem 0 .8rem;
    background-color: #fff;
    line-height: 1.4rem;
    text-align: center;
    color: #666;
    font-size: .8rem
}

.mod-footer p {
    padding-top: .5rem;
    color: #999;
    line-height: 1rem;
    font-size: .7rem
}

.mod-footer a {
    color: #306294;
    height: .75rem;
    line-height: .75rem;
    border-right: 2px solid #306294;
    padding: 0 .3rem;
    display: inline-block
}

.mod-footer a.last {
    border-right: 0rem
}

.mod-footer {
    padding-top: 0
}

.mod-footer .footer-box {
    padding: .4rem 0;
    background-color: #306294;
    margin-bottom: .4rem
}

.mod-footer .footer-box a {
    border-left: 0;
    color: #fff;
    padding: 0 .3rem
}

.mod-container.hidden {
    overflow-y: hidden;
    padding: 0
}

.g-tip {
    position: fixed;
    z-index: 19999999;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center
}

.g-tip .box {
    font-size: .7rem;
    margin: -50% .5rem 0;
    color: #F2F2F2;
    display: inline-block;
    padding: .5rem .75rem;
    text-align: center;
    opacity: .8;
    background-color: #000;
    border-radius: .4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.g-tip.hide {
    display: none
}

.g-loading {
    position: fixed;
    z-index: 19999999;
    top: 40%;
    left: 50%;
    width: 3rem;
    height: 3rem
}

.g-loading:after {
    content: '';
    display: block;
    position: relative;
    top: -50%;
    left: -50%;
    width: 100%;
    height: 100%;
    opacity: .8;
    border-radius: .4rem;
    background: #000 url(../../images/wap/index/ico-loading-v2.gif) .5rem .5rem no-repeat;
    background-size: 2rem 2rem
}

.g-loading.hide {
    display: none
}

.mod-fastbar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -4px .2rem 0 rgba(215, 215, 215, .5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.mod-navigation {
    height: 2.2rem;
    background: #FFF;
    padding-top: .4rem
}

.mod-navigation a {
    width: 25%;
    text-align: center;
    float: left
}

.mod-navigation a i {
    display: inline-block;
    position: relative;
    top: 0
}

.mod-navigation a p {
    line-height: .7rem;
    color: #7F8A9F;
    font-size: .5rem
}

.mod-navigation a.home i {
    background-position: -1.2rem -1.225rem;
    width: .925rem;
    height: .95rem
}

.mod-navigation a.home.on i {
    background-position: -5.375rem -.075rem
}

.mod-navigation a.home.on p {
    color: #f60
}

.mod-navigation a.auto i {
    background-position: -2.375rem -1.275rem;
    width: 1.25rem;
    height: .875rem
}

.mod-navigation a.auto.on i {
    background-position: -6.65rem -.1rem
}

.mod-navigation a.auto.on p {
    color: #f60
}

.mod-navigation a.offer i {
    background-position: -3.85rem -1.2rem;
    width: 1rem;
    height: 1rem
}

.mod-navigation a.offer.on i {
    background-position: -8.3rem -.05rem
}

.mod-navigation a.offer.on p {
    color: #f60
}

.mod-navigation a.my i {
    background-position: -5.15rem -1.25rem;
    width: .9rem;
    height: 1rem
}

.mod-navigation a.my.on i {
    background-position: -.075rem -1.225rem
}

.mod-navigation a.my.on p {
    color: #f60
}

#goTopBtn {
    bottom: .4rem;
    cursor: pointer;
    font-size: .6rem;
    height: 1.8rem;
    line-height: 1.5rem;
    position: fixed;
    right: .4rem;
    text-align: center;
    width: 1.8rem;
    z-index: 99
}

.web_site_menu {
    width: 5rem;
    padding: .25rem 0;
    position: absolute;
    top: 2.5rem;
    background: rgba(0, 0, 0, .8);
    right: .2rem;
    border-radius: 5px;
    z-index: 999;
    display: none
}

.web_site_menu a {
    display: block;
    text-align: center;
    text-indent: 0;
    line-height: 2rem;
    font-size: .9rem;
    color: #fff
}

.web_site_menu i {
    width: .9rem;
    height: .45rem;
    display: block;
    position: absolute;
    right: .45rem;
    top: -.45rem;
    background: url() left top no-repeat;
    background-size: .9rem auto
}

a[href^=""] {
    display: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.mod-dhnav {
    position: fixed;
    top: 0rem;
    left: 20%;
    right: 0;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: translate3d(120%, 0, 0);
    -moz-transform: translate3d(120%, 0, 0);
    -ms-transform: translate3d(120%, 0, 0);
    -o-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0);
    opacity: 0;
    z-index: 12
}

.mod-dhnav.show {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mod-dhnav .dhnav-box {
    float: right;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFF
}

.mod-dhnav .dhnav-box .close {
    width: .7rem;
    height: .7rem;
    position: absolute;
    right: 110%;
    top: 50%;
    margin-top: -.35rem;
    background-position: -6.7rem -5.875rem
}

.mod-dhnav .dhnav-list {
    width: 100%;
    background-color: #FBFBFC;
    max-height: 100%
}

.mod-dhnav .dhnav-scroll {
    overflow: auto
}

.mod-dhnav .dhnav-nav {
    margin-top: 1.5rem;
    background-color: #fff
}

.mod-dhnav .dhnav-nav a {
    float: left;
    width: 25%;
    text-align: center;
    display: block;
    color: #333;
    font-size: .7rem;
    margin-bottom: 1rem;
    height: 2.2rem
}

.mod-dhnav .dhnav-nav a i {
    display: inline-block;
    position: relative;
    top: 0;
    background-position: -.075rem -.075rem;
    width: .925rem;
    height: .95rem
}

.mod-dhnav .dhnav-nav a p {
    line-height: .8rem;
    height: .8rem;
    color: #666;
    font-size: .65rem
}

.mod-dhnav .dhnav-nav a:nth-child(2) i {
    background-position: -1.225rem -.1rem;
    width: 1.25rem;
    height: .875rem
}

.mod-dhnav .dhnav-nav a:nth-child(3) i {
    background-position: -2.725rem -.075rem;
    width: .975rem;
    height: .875rem
}

.mod-dhnav .dhnav-nav a:nth-child(4) i {
    background-position: -3.95rem -.075rem;
    width: 1rem;
    height: 1rem
}

.mod-dhnav .dhnav-nav a:nth-child(5) i {
    background-position: -.075rem -1.275rem;
    width: 1.025rem;
    height: 1.025rem
}

.mod-dhnav .dhnav-nav a:nth-child(6) i {
    background-position: -1.45rem -1.275rem;
    width: .9rem;
    height: 1rem
}

.mod-dhnav .dhnav-nav a:nth-child(7) i {
    background-position: -2.675rem -1.25rem;
    width: .925rem;
    height: 1rem
}

.mod-dhnav .dhnav-nav a:nth-child(8) i {
    background-position: -3.925rem -1.3rem;
    width: 1.025rem;
    height: .925rem
}

.mod-dhnav .dhnav-nav a:nth-child(9) i {
    background-position: -.05rem -2.625rem;
    width: 1rem;
    height: 1rem
}

.mod-dhnav .dhnav-nav a:nth-child(10) i {
    background-position: -1.4rem -2.675rem;
    width: 1rem;
    height: 1rem
}

.mod-dhnav .dhnav-nav a.last {
    border-bottom: 0
}

.mod-dhnav .dhnav-top {
    width: 100%;
    background: #fff url(../../images/wap/index/top.png) no-repeat center top;
    background-size: 100% 5.725rem;
    position: relative
}

.mod-dhnav .dhnav-top dl {
    text-align: center;
    position: relative
}

.mod-dhnav .dhnav-top dl dt {
    line-height: 2rem
}

.mod-dhnav .dhnav-top dl dt a {
    color: #A7A7A7;
    font-size: .7rem;
    height: 2rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.mod-dhnav .dhnav-top dl dd {
    padding-top: 3.125rem;
    height: 2.45rem
}

.mod-dhnav .dhnav-top dl dd a {
    display: inline-block;
    width: 2.45rem;
    height: 2.45rem;
    overflow: hidden;
    border-radius: 50%;
    background: #e0e4ee;
    border: .025rem solid #fff
}

.mod-dhnav .dhnav-top dl dd img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.mod-dhnav .mod-searchnav {
    cursor: pointer;
    margin-top: .5rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    height: 1.55rem;
    line-height: 1.55rem;
    background: #FFF;
    border: .025rem solid #FF6028;
    border-radius: .8rem;
    position: relative;
    color: #666;
    font-size: .65rem;
    text-indent: .65rem
}

.mod-dhnav .mod-searchnav span {
    position: absolute;
    right: 0;
    top: -.025rem;
    width: 2rem;
    height: 1.6rem;
    line-height: 1.6rem;
    background: #FF6028;
    text-align: center;
    border-radius: 0 .8rem .8rem 0
}

.mod-dhnav .mod-searchnav span i {
    display: inline-block;
    position: relative;
    background-position: -2.625rem -2.55rem;
    width: .7rem;
    height: .75rem;
    top: .2rem;
    margin-right: .7rem
}

.mod-dhnav .dhnav-history .title {
    padding-top: .4rem;
    line-height: 1.95rem;
    height: 1.95rem;
    margin-right: .75rem;
    margin-left: .75rem;
    color: #666;
    font-size: .65rem;
    border-top: .025rem solid #D6D6D6
}

.mod-dhnav .dhnav-history .history-box {
    padding: .2rem .75rem
}

.mod-dhnav .dhnav-history .history-box a {
    float: left;
    width: 48%;
    text-align: center;
    background: #F6F6F6;
    border-radius: .25rem;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: .425rem
}

.mod-dhnav .dhnav-history .history-box a:nth-child(2n) {
    float: right
}

.mod-crumb {
    height: 2.2rem;
    line-height: 2.2rem;
    background: #F5F7FB;
    color: #030303;
    font-size: .8rem;
    padding: 0 .5rem;
    overflow: hidden
}

.mod-crumb a {
    color: #030303
}

.mod-news {
    margin-left: .75rem;
    margin-right: .75rem
}

.mod-news .title {
    height: 2.2rem;
    line-height: 2.2rem;
    border-bottom: .05rem solid #E5E5E5
}

.mod-news .title a {
    color: #000;
    font-size: .8rem;
    position: relative;
    text-align: center
}

.mod-news .title a.w3 {
    width: 20%
}

.mod-news .title a.last {
    text-align: right
}

.mod-news .title a.on {
    font-size: .9rem;
    font-weight: 700
}

.mod-news .title a.on:after {
    position: absolute;
    bottom: -.08rem;
    left: 0;
    content: "";
    width: 100%;
    height: .125rem;
    background: #FF552E;
    display: block
}

.mod-news .news-box {
    padding-top: .5rem
}

.mod-news .news-box li {
    padding: .5rem 0
}

.mod-news .news-box li a {
    display: block;
    position: relative
}

.mod-news .news-box li .text {
    margin-right: 6.8rem
}

.mod-news .news-box li .text h3 {
    font-size: .75rem;
    font-weight: 700;
    color: #333;
    line-height: 1.35rem;
    height: 2.7rem;
    margin-bottom: .7rem;
    overflow: hidden
}

.mod-news .news-box li .text p {
    color: #999;
    font-size: .55rem;
    height: 1rem;
    line-height: 1rem
}

.mod-news .news-box li .pic {
    width: 6.05rem;
    height: 3.95rem;
    position: absolute;
    right: 0;
    top: .35rem;
    border-radius: .4rem;
    overflow: hidden
}

.mod-news .news-box li .pic img {
    height: 100%;
    width: 100%
}

.mod-news .news-box .bottom {
    line-height: 3rem;
    height: 3rem;
    text-align: center;
    color: #999;
    font-size: .65rem
}

.mod-news .news-box .bottom a {
    color: #999
}

.mod-news .news-box .bottom a i {
    display: inline-block;
    position: relative;
    top: 0;
    background-position: -.075rem -3.225rem;
    width: .55rem;
    height: .525rem;
    margin-right: .2rem
}

.mod-screencity, .mod-screenprovince {
    position: fixed;
    top: 0;
    right: 0;
    width: 46%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: translate3d(120%, 0, 0);
    -moz-transform: translate3d(120%, 0, 0);
    -ms-transform: translate3d(120%, 0, 0);
    -o-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0);
    opacity: 0;
    z-index: 10
}

.mod-screencity.show, .mod-screenprovince.show {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mod-screencity .province-box, .mod-screenprovince .province-box {
    float: right;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative
}

.mod-screencity .province-box .bottom, .mod-screenprovince .province-box .bottom {
    line-height: 1.75rem;
    height: 1.75rem;
    background-color: #eeeff3;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .375rem 0
}

.mod-screencity .province-box .bottom span, .mod-screenprovince .province-box .bottom span {
    display: block;
    padding: 0 .4rem;
    height: 1.75rem
}

.mod-screencity .province-box .bottom a, .mod-screenprovince .province-box .bottom a {
    font-size: .7rem
}

.mod-screencity .province-box .bottom a:first-child, .mod-screenprovince .province-box .bottom a:first-child {
    width: 45%;
    color: #666
}

.mod-screencity .province-box .bottom a:first-child i, .mod-screenprovince .province-box .bottom a:first-child i {
    background-position: -7rem -2.45rem;
    width: .8rem;
    height: .8rem;
    display: inline-block;
    position: relative;
    top: .15rem;
    margin-right: .1rem
}

.mod-screencity .province-box .bottom a:last-child, .mod-screenprovince .province-box .bottom a:last-child {
    width: 55%;
    float: right;
    color: #fff;
    border-radius: 2px;
    background-color: #306294;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center
}

.mod-screencity .province-box .close, .mod-screenprovince .province-box .close {
    position: absolute;
    right: 110%;
    top: 50%;
    margin-top: -.35rem;
    background-position: -6.7rem -5.875rem;
    width: .65rem;
    height: .625rem
}

.mod-screencity dt, .mod-screenprovince dt {
    height: 1.55rem;
    line-height: 1.55rem;
    padding-left: .5rem;
    background-color: #FBFBFC;
    font-size: .7rem;
    color: #666
}

.mod-screencity dd, .mod-screenprovince dd {
    line-height: 2rem;
    height: 2rem;
    border-bottom: 1px solid #FBFBFC
}

.mod-screencity dd:last-child, .mod-screenprovince dd:last-child {
    border-bottom: 0
}

.mod-screencity dd a, .mod-screenprovince dd a {
    display: block;
    height: 2rem;
    color: #333;
    font-size: .7rem;
    position: relative;
    padding: 0 .5rem
}

.mod-screencity dd a i, .mod-screenprovince dd a i {
    display: inline-block;
    position: absolute;
    background-position: -7.775rem -1.35rem;
    width: .3rem;
    height: .55rem;
    right: .5rem;
    top: .7rem
}

.mod-screencity dd a.hover, .mod-screenprovince dd a.hover {
    color: #306294
}

.mod-screencity {
    width: 42%;
    box-shadow: -2px 0 10px #787777
}

.mod-screencity .city-box {
    float: right;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative
}

.mod-screencity .city-box dt a {
    display: block;
    height: 1.55rem;
    padding-left: .6rem
}

.mod-screencity .city-box dt a i {
    display: inline-block;
    position: absolute;
    background-position: -7.775rem -1.35rem;
    width: .3rem;
    height: .55rem;
    left: .5rem;
    top: .4rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.mod-screencity .city-box .close {
    position: absolute;
    right: 110%;
    top: 50%;
    margin-top: -.35rem;
    background-position: -6.7rem -5.875rem;
    width: .65rem;
    height: .625rem
}

.mod-search {
    padding: .5rem
}

.mod-search .search-box {
    height: 1.8rem
}

.mod-search .search-box input {
    border: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.mod-search .search-box .search-text {
    height: 1.8rem;
    width: 82%;
    background-color: #fff
}

.mod-search .search-box .search-text input {
    background-color: #fff;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: .6rem .5rem;
    border: 1px solid #0071bf;
    width: 100%
}

.mod-search .search-box .search-btn {
    width: 18%;
    height: 1.8rem;
    background-color: #0071bf
}

.mod-search .search-box .search-btn input {
    height: 1.8rem;
    font-size: 0;
    width: 100%;
    background-color: #0071bf
}

.mod-searchbox {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: translate3d(120%, 0, 0);
    -moz-transform: translate3d(120%, 0, 0);
    -ms-transform: translate3d(120%, 0, 0);
    -o-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0);
    opacity: 0;
    z-index: 10;
    background-color: #e5e6eb
}

.mod-searchbox.show {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mod-searchbox .mod-search {
    border-bottom: .025rem solid #d5d6d7;
    background: #fff
}

.mod-searchbox .mod-search .close {
    float: left;
    width: .9rem;
    height: .9rem;
    background-position: -4.7rem -6.625rem;
    display: inline-block;
    position: relative;
    top: .5rem;
    cursor: pointer
}

.mod-searchbox .mod-search .search-box {
    height: 2rem;
    position: relative;
    margin-left: 1.5rem
}

.mod-searchbox .mod-search .search-box .search-text {
    height: 2rem;
    width: 100%;
    background: 0 0
}

.mod-searchbox .mod-search .search-box .search-text input {
    border-color: #d5d6d7;
    height: 2rem;
    line-height: 2rem;
    border-radius: 2px
}

.mod-searchbox .mod-search .search-box .search-btn {
    background-color: #fff;
    height: 1.9rem;
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 0 20px 20px 0;
    overflow: hidden
}

.mod-searchbox .mod-search .search-box .search-btn input {
    background-color: #fff;
    height: 1.9rem;
    background: url(../../images/wap/index/sobox.png) no-repeat center center;
    background-size: 1.2rem 1.225rem
}

.mod-searchbox .mod-searchHistory .title {
    margin: 0;
    padding-left: .75rem;
    padding-right: .75rem
}

.mod-searchbox .mod-searchHistory .title h3 {
    border-left: 0;
    padding: 0
}

.mod-searchbox .mod-searchHistory .title .eliminate {
    color: #999;
    font-size: .7rem;
    float: right
}

.mod-searchbox .mod-searchHistory .title .eliminate i {
    background-position: -7rem -2.45rem;
    width: .8rem;
    height: .8rem;
    display: inline-block;
    position: relative;
    top: .15rem;
    margin-right: .1rem
}

.mod-searchbox .mod-searchHistory .searchHistory-box ul {
    padding: .5rem 0 .4rem .5rem
}

.mod-searchbox .mod-searchHistory .searchHistory-box li {
    float: left;
    padding: 0 .4132rem;
    line-height: 1.75rem;
    height: 1.75rem;
    border: 1px solid #dedede;
    border-radius: 1px;
    margin: .2rem .5rem .3rem 0;
    border-radius: 2px;
    background-color: #fff
}

.mod-searchbox .mod-searchHistory .searchHistory-box li a {
    color: #333;
    font-size: .7rem
}

.mod-searchbox .search-choice {
    overflow: hidden
}

.mod-searchbox .search-choice ul {
    background: #fff
}

.mod-searchbox .search-choice ul li {
    padding: 0 .5rem;
    border-bottom: 1px solid #FBFBFC
}

.mod-searchbox .search-choice ul li a {
    display: block;
    height: 2.25rem;
    line-height: 2.25rem
}

.mod-searchbox .search-choice ul li a title, .mod-searchbox .search-choice ul li a span {
    color: #333;
    font-size: .8rem;
    float: left;
    height: 2.25rem
}

.mod-searchbox .search-choice ul li a title {
    display: inline-block;
    max-height: 2.25rem;
    max-width: 72%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.mod-searchbox .search-choice ul li a span {
    max-width: 50%
}

.mod-searchbox .search-choice ul li a i.txt {
    height: .8rem;
    line-height: .8rem;
    color: #fff;
    padding: 0 .2rem;
    border-radius: 2px;
    background-color: #3cc;
    display: inline-block;
    position: relative;
    font-size: .55rem;
    top: -.05rem;
    margin-left: .4rem
}

.mod-searchbox .search-choice ul li em {
    color: #c00;
    float: right;
    font-size: .7rem
}

.mod-searchbox .search-choice ul li em i {
    display: inline-block;
    position: relative;
    background-position: -2.6rem 0;
    width: .5rem;
    height: .7rem;
    top: .14rem;
    margin-left: .1rem
}

.mod-title {
    background-color: #fff
}

.mod-title .title {
    line-height: 2.25rem;
    height: 2.25rem;
    border-bottom: .05rem solid #E5E5E5;
    margin: 0 .75rem
}

.mod-title .title h3 {
    float: left;
    color: #000;
    font-size: .9rem;
    padding: 0 .2rem;
    height: 2.25rem;
    display: inline-block;
    position: relative;
    font-weight: 700
}

.mod-title .title h3::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -.1rem;
    height: .125rem;
    background: #FF552E
}

.mod-title .title h3::after {
    content: '';
    display: block;
    position: absolute;
    left: -.75rem;
    width: .2rem;
    height: .9rem;
    background: #FF552E;
    border-radius: .1rem;
    top: 50%;
    margin-top: -.45rem;
    display: none
}

.mod-title .title .city {
    color: #306294;
    font-size: .75rem
}

.mod-title .title .city i {
    display: inline-block;
    position: relative;
    top: .05rem;
    background-position: -.875rem -3.15rem;
    width: .5rem;
    height: .65rem;
    margin-right: .2rem
}

.mod-title .title .more {
    color: #306294;
    font-size: .7rem
}

.mod-title .title .more i {
    display: inline-block;
    position: relative;
    top: .05rem;
    background-position: -6.6rem -2.3rem;
    width: .35rem;
    height: .65rem;
    margin-left: .2rem
}

.mod-container {
    padding-bottom: 3.5rem
}

.mod-nav {
    height: 1.15rem;
    line-height: 1.15rem;
}

.mod-nav a {
    color: #000;
    font-size: .8rem;
}

.mod-nav a.w3 {
    width: 20%
}

.mod-nav a.last {
    text-align: right
}

.mod-nav a.on {
    font-size: .9rem;
    font-weight: 700
}

.mod-silder {
    margin-left: .75rem;
    margin-right: .75rem;
    border-radius: .5rem;
    overflow: hidden;
    position: relative
}

.mod-silder .bd {
    overflow: hidden;
    width: 100%
}

.mod-silder .bd li {
    width: 100%;
    float: left;
    display: none;
    position: relative
}

.mod-silder .bd li img {
    min-height: 10.8rem
}

.mod-silder .bd li:first-child {
    display: block
}

.mod-silder .bd li .title {
    position: absolute;
    line-height: 1.6rem;
    height: 1.6rem;
    width: 100%;
    color: #fff;
    bottom: 0;
    left: 0;
    background: rgba(57, 57, 57, .8)
}

.mod-silder .bd li .title span {
    display: block;
    padding: 0 .5rem
}

.mod-silder .hd {
    position: absolute;
    left: 0;
    bottom: 2.2rem;
    width: 100%;
    text-align: center
}

.mod-silder .hd ul li {
    width: .35rem;
    background: #EEE;
    height: .35rem;
    display: inline-block;
    border-radius: 50%;
    margin: 0 .1rem;
    font-size: 0
}

.mod-silder .hd ul li.on {
    background: #f60
}

.mod-tool {
    padding: 0 .75rem
}

.mod-tool a {
    width: 20%;
    float: left;
    text-align: center
}

.mod-tool a i {
    display: inline-block;
    background: url(../../images/wap/index/tool_1.png) no-repeat;
    background-size: 1.975rem 1.975rem;
    width: 1.975rem;
    height: 1.975rem;
    position: relative;
    top: 0
}

.mod-tool a p {
    line-height: 1rem;
    font-size: .65rem;
    color: #666
}

.mod-tool a.tool2 i {
    background: url(../../images/wap/index/tool_2.png) no-repeat;
    background-size: 1.975rem 1.975rem
}

.mod-tool a.tool3 i {
    background: url(../../images/wap/index/tool_3.png) no-repeat;
    background-size: 1.975rem 1.975rem
}

.mod-tool a.tool4 i {
    background: url(../../images/wap/index/tool_4.png) no-repeat;
    background-size: 1.975rem 1.975rem
}

.mod-tool a.tool5 i {
    background: url(../../images/wap/index/tool_5.png) no-repeat;
    background-size: 1.975rem 1.975rem
}

.mod-brand {
    background: #F6F6F6;
    margin-left: .75rem;
    margin-right: .75rem;
    box-shadow: 0 0 .2rem 0 rgba(215, 215, 215, .5)
}

.mod-brand .title {
    height: 2.2rem;
    line-height: 2.2rem
}

.mod-brand .title a {
    color: #000;
    font-size: .8rem;
    width: 20%;
    float: left;
    text-align: center
}

.mod-brand .title a.w3 {
    width: 20%
}

.mod-brand .title a.last {
    text-align: right
}

.mod-brand .title a.on {
    font-size: .9rem;
    font-weight: 700
}

.mod-brand .title a:nth-child(2), .mod-brand .title a:nth-child(1) {
    width: 17%
}

.mod-brand .title a:last-child {
    width: 26%
}

.mod-brand .brand-box {
    background: #fff;
    padding-top: .5rem
}

.mod-brand .brand-box ul {
    width: 100%;
    float: left
}

.mod-brand .brand-box .brand li {
    float: left;
    width: 20%;
    margin-bottom: .3rem
}

.mod-brand .brand-box .brand li .pic {
    width: 1.25rem;
    height: 1.25rem;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.mod-brand .brand-box .brand li .pic i {
    display: inline-block;
    position: relative;
    background-position: -1.325rem -2.575rem;
    width: .75rem;
    height: .15rem;
    top: 0rem
}

.mod-brand .brand-box .brand li p {
    line-height: 1.1rem;
    color: #666;
    font-size: .7rem;
    height: 1.1rem;
    overflow: hidden;
    text-align: center
}

.mod-brand .brand-box .style {
}

.mod-brand .brand-box .style li {
    float: left;
    width: 33.3333%;
    margin-bottom: .3rem;
    text-align: center
}

.mod-brand .brand-box .style li a {
    display: block;
    margin: 0 .4rem
}

.mod-brand .brand-box .style li a .pic {
    position: relative;
    overflow: hidden;
    min-height: 2.325rem
}

.mod-brand .brand-box .style li a .pic::before {
    content: '';
    padding-top: 50%;
    display: block
}

.mod-brand .brand-box .style li a .pic img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mod-brand .brand-box .style li a h3 {
    color: #000;
    font-size: .6rem;
    line-height: 1rem;
    height: 1rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: .1rem
}

.mod-brand .brand-box .style li a p {
    font-size: .55rem;
    color: #FF5E39;
    height: .8rem;
    overflow: hidden;
    line-height: .8rem
}

.mod-brand .brand-box .style li a span {
    display: block;
    color: #888
}

.mod-brand .brand-box .style li a span.green {
    color: #093
}

.mod-brand .brand-box .style li a span.red {
    color: red
}

.mod-style {
    background: #FFF;
    box-shadow: 0 0 .2rem 0 rgba(215, 215, 215, .5);
    margin-left: .75rem;
    margin-right: .75rem
}

.mod-style .title {
    height: 2.2rem;
    background: #F6F6F6;
    line-height: 2.2rem
}

.mod-style .title h3 {
    display: inline-block;
    color: #000;
    font-size: .9rem;
    font-weight: 700;
    margin-left: .4rem
}

.mod-style .title .city {
    color: #306294;
    font-size: .75rem;
    margin-right: .5rem
}

.mod-style .title .city i {
    display: inline-block;
    position: relative;
    top: .05rem;
    background-position: -.875rem -3.15rem;
    width: .5rem;
    height: .65rem;
    margin-right: .2rem
}

.mod-style .style-box {
    padding-bottom: .5rem
}

.mod-style .style-box a {
    width: 33.3333%;
    text-align: center;
    float: left;
    padding-top: .4rem
}

.mod-style .style-box a .pic {
    margin: 0 .85rem;
    overflow: hidden;
    min-height: 1.5rem;
    position: relative
}

.mod-style .style-box a .pic::before {
    content: '';
    padding-top: 67%;
    display: block
}

.mod-style .style-box a .pic img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mod-style .style-box a h3 {
    line-height: 1.1rem;
    color: #000;
    font-size: .75rem;
    margin-top: .1rem
}

.mod-style .style-box a p {
    color: #FF5E39;
    line-height: 1.1rem;
    font-size: .65rem
}

.mod-style .style-box a span {
    line-height: 1rem;
    display: block;
    font-size: .65rem
}

.mod-style .style-box a span.green {
    color: #093
}

.mod-style .style-box a .btn {
    margin: .3rem 1rem;
    height: 1.2rem;
    background: #F60;
    border-radius: .6rem;
    font-size: .65rem;
    color: #fff;
    line-height: 1.2rem
}

.mod-hangqing {
    margin-left: .75rem;
    margin-right: .75rem
}

.mod-hangqing .title {
    height: 2.2rem;
    line-height: 2.2rem;
    border-bottom: .05rem solid #E5E5E5
}

.mod-hangqing .title h3 {
    display: inline-block;
    color: #000;
    font-size: .9rem;
    font-weight: 700;
    padding: 0 .4rem;
    position: relative
}

.mod-hangqing .title h3:after {
    position: absolute;
    bottom: -.08rem;
    left: 0;
    content: "";
    width: 100%;
    height: .125rem;
    background: #FF552E;
    display: block
}

.mod-hangqing .title .city {
    color: #306294;
    font-size: .75rem;
    margin-right: .5rem
}

.mod-hangqing .title .city i {
    display: inline-block;
    position: relative;
    top: .05rem;
    background-position: -.875rem -3.15rem;
    width: .5rem;
    height: .65rem;
    margin-right: .2rem
}

.mod-hangqing .hangqing-box {
    padding: .8rem 0
}

.mod-hangqing .hangqing-box a {
    line-height: 1.2rem;
    color: #000;
    height: 1.4rem;
    overflow: hidden;
    display: block
}

.mod-hangqing .hangqing-bottom {
    padding: 0 2rem;
    padding-bottom: .5rem
}

.mod-hangqing .hangqing-bottom a {
    display: block;
    width: 100%;
    line-height: 2rem;
    height: 2rem;
    background: #E1E1E1;
    border-radius: 1rem;
    text-align: center;
    color: #000;
    font-size: .65rem
}

.mod-hangqing .hangqing-bottom a i {
    display: inline-block;
    position: relative;
    top: 0;
    background-position: -7.775rem -1.35rem;
    width: .3rem;
    height: .55rem;
    margin-left: .3rem
}

.mod-rank {
    background: #FFF;
    box-shadow: 0 0 .2rem 0 rgba(215, 215, 215, .5);
    margin-left: .75rem;
    margin-right: .75rem
}

.mod-rank .title {
    height: 2.2rem;
    background: #F6F6F6;
    line-height: 2.2rem
}

.mod-rank .title h3 {
    display: inline-block;
    color: #000;
    font-size: .9rem;
    font-weight: 700;
    margin-left: .4rem
}

.mod-rank .title .city {
    color: #306294;
    font-size: .75rem;
    margin-right: .5rem
}

.mod-rank .rank-nav {
    padding: .7rem .475rem .7rem .232rem
}

.mod-rank .rank-nav a {
    float: left;
    width: 20%;
    text-align: center;
    height: 1.2rem;
    background: #EEE;
    border-radius: .6rem;
    line-height: 1.2rem;
    color: #000;
    font-size: .65rem;
    margin-left: .25rem
}

.mod-rank .rank-nav a.w1 {
    width: 12%
}

.mod-rank .rank-nav a.on {
    background: #306294;
    color: #fff
}

.mod-rank .rank-box {
    padding-bottom: .5rem
}

.mod-rank .rank-box .rank-list a {
    display: block;
    padding-bottom: .5rem;
    padding-left: .3rem;
    padding-right: .3rem
}

.mod-rank .rank-box .rank-list a .pic {
    overflow: hidden;
    min-height: 1.5rem;
    position: relative;
    float: left;
    width: 4.5rem
}

.mod-rank .rank-box .rank-list a .pic::before {
    content: '';
    padding-top: 67%;
    display: block
}

.mod-rank .rank-box .rank-list a .pic img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mod-rank .rank-box .rank-list a .text {
    margin-left: 5rem;
    position: relative
}

.mod-rank .rank-box .rank-list a .text h3 {
    line-height: 1.3rem;
    color: #000;
    font-size: .75rem;
    height: 1.3rem;
    overflow: hidden
}

.mod-rank .rank-box .rank-list a .text p {
    line-height: 1rem;
    color: #999;
    font-size: .65rem
}

.mod-rank .rank-box .rank-list a .text p em {
    color: #FF5E39
}

.mod-rank .rank-box .rank-list a .text p .green {
    color: #093;
    margin-left: .3rem
}

.mod-rank .rank-box .rank-list a .text .btn {
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 1rem;
    height: 1rem;
    color: #306294;
    margin-top: -.5rem;
    font-size: .65rem
}

.mod-rank .rank-box .rank-list a .text .btn i {
    display: inline-block;
    position: relative;
    top: 0;
    margin-left: .4rem
}

.mod-rank .rank-box .rank-bottom {
    padding: .5rem 2rem
}

.mod-rank .rank-box .rank-bottom a {
    display: block;
    width: 100%;
    line-height: 2rem;
    height: 2rem;
    background: #E1E1E1;
    border-radius: 1rem;
    text-align: center;
    color: #000;
    font-size: .65rem;
    margin: 0;
    padding: 0
}

.mod-rank .rank-box .rank-bottom a i {
    display: inline-block;
    position: relative;
    top: 0;
    background-position: -7.775rem -1.35rem;
    width: .3rem;
    height: .55rem;
    margin-left: .3rem
}

.mod-news .news-box .news-list {

}
.runk {display: flex;flex-wrap: wrap}
.runk a{padding:10px 24px;display: block}