@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 {
    height: 1.425rem;
    vertical-align: middle
}

.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-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-dealer {
    background-color: #fff
}

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

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

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

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

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

.mod-dealer .mod-screen {
    height: 2.175rem;
    line-height: 2.175rem;
    border-bottom: .025rem solid #D6D6D6
}

.mod-dealer .mod-screen a {
    width: 25%;
    float: left;
    color: #000;
    font-size: .7rem;
    text-align: center;
    position: relative
}

.mod-dealer .mod-screen a::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: .025rem;
    height: .525rem;
    background: #CCC;
    margin-top: -.2625rem
}

.mod-dealer .mod-screen a span {
    display: inline-block;
    position: relative
}

.mod-dealer .mod-screen a span::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-top: .25rem solid #A9A9B4;
    position: relative;
    top: -.1rem;
    margin-left: .2rem
}

.mod-dealer .mod-screen a:last-child::before {
    display: none
}

.mod-dealer .mod-screen a.disabled {
    color: #999
}

.mod-dealer .dealer-box li {
    padding: .875rem .75rem;
    border-bottom: .025rem solid #D6D6D6
}

.mod-dealer .dealer-box li:last-child {
    border-bottom: 0
}

.mod-dealer .dealer-box li h3 {
    line-height: 1.6rem;
    position: relative;
    height: 1.6rem;
    overflow: hidden;
    font-weight: 400
}

.mod-dealer .dealer-box li h3 a {
    color: #000;
    font-size: .9rem
}

.mod-dealer .dealer-box li h3 a em {
    color: #C00
}

.mod-dealer .dealer-box li h3 i {
    display: inline-block;
    position: relative;
    background-position: -1.575rem -3.15rem;
    width: .75rem;
    height: .85rem;
    margin-left: .4rem;
    top: .1rem
}

.mod-dealer .dealer-box li h3 span {
    height: .9rem;
    background: #FBFBFC;
    border: .025rem solid #D6D6D6;
    border-radius: .475rem;
    padding: 0 .3rem;
    display: inline-block;
    position: relative;
    line-height: .9rem;
    margin-left: .4rem
}

.mod-dealer .dealer-box li h3 b {
    position: absolute;
    right: 0;
    top: 0;
    color: #A8A8A8;
    font-size: .65rem;
    font-weight: 400
}

.mod-dealer .dealer-box li .text p {
    color: #393E46;
    font-size: .65rem;
    line-height: 1.2rem
}

.mod-dealer .dealer-box li .text p em {
    color: #F50000;
    font-weight: 700;
    font-size: .8rem
}

.mod-dealer .dealer-box li .text p i {
    display: inline-block;
    position: relative;
    top: 0;
    margin-left: .2rem
}

.mod-dealer .dealer-box li .text p i.icon {
    background-position: -7.85rem -2.95rem;
    width: .65rem;
    height: .65rem
}

.mod-dealer .dealer-box li .text p i.time {
    top: -.1rem;
    width: 1.25rem;
    height: .75rem;
    background: #0071BF;
    border-radius: .2rem;
    color: #fff;
    font-size: .55rem;
    text-align: center;
    line-height: .8rem
}

.mod-dealer .dealer-box li .text p i.sale {
    top: -.1rem;
    width: 1.85rem;
    height: .75rem;
    background: #DB3B37;
    border-radius: .2rem;
    color: #fff;
    font-size: .55rem;
    text-align: center;
    line-height: .8rem
}

.mod-dealer .dealer-box li .text p a {
    color: #306294
}

.mod-dealer .dealer-box li .box {
    padding: .1rem 0;
    line-height: 1rem;
    font-size: .7rem;
    color: #B0B0BA
}

.mod-dealer .dealer-box li .box span {
    float: left
}

.mod-dealer .dealer-box li .box p {
    margin-left: 2rem
}

.mod-dealer .dealer-box li .box a {
    color: #306294;
    white-space: nowrap
}

.mod-dealer .dealer-box li .btn {
    padding-top: .8rem
}

.mod-dealer .dealer-box li .btn a {
    width: 47.5%;
    height: 1.7rem;
    line-height: 1.7rem;
    background: #FBFBFC;
    border: .025rem solid #D6D6D6;
    border-radius: .2rem;
    text-align: center;
    color: #306294;
    font-size: .7rem;
    float: left
}

.mod-dealer .dealer-box li .btn a i {
    display: inline-block;
    position: relative;
    top: .1rem;
    background-position: -6.85rem -2.95rem;
    width: .825rem;
    height: .825rem;
    margin-right: .3rem
}

.mod-dealer .dealer-box li .btn a:last-child {
    background: #F60;
    border-color: #F60;
    color: #fff;
    float: right
}

.mod-dealer .dealer-box li .btn a:last-child i {
    top: .1rem;
    background-position: -3.325rem -2.35rem;
    width: .8rem;
    height: .775rem
}

.mod-dealer .dealer-box .bottom {
    line-height: 2.4rem;
    height: 2.4rem;
    text-align: center;
    color: #999;
    font-size: .65rem;
    border-top: .025rem solid #D6D6D6
}

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

.mod-dealer .dealer-box .bottom a i {
    display: inline-block;
    position: relative;
    top: 0;
    background-position: -8.35rem -1.375rem;
    width: .25rem;
    height: .5rem;
    margin-left: .2rem
}

.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;
    width: 25%;
    float: left;
    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-inquiry {
    background-color: #FBFBFC;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    opacity: 0;
    z-index: 9
}

.mod-inquiry.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-inquiry .mod-enroll {
    padding-top: .4rem
}

.mod-enroll {
    background: #fff;
    padding-bottom: .5rem
}

.enroll-box .box-c {
    background: #fff;
    padding: .7rem .75rem 0
}

.enroll-box li {
    padding-bottom: .7rem
}

.enroll-box li.i-other .text {
    width: 60%;
    float: left;
    margin-right: .5rem
}

.enroll-box li.i-other a.i-check {
    float: left;
    margin-top: .5rem;
    color: #888;
    padding-left: 1rem;
    margin-right: .2rem;
    background: url(../../images/buy/buy-index-bg.png?t=2) no-repeat -8.2rem -10.2rem
}

.enroll-box li.i-other a.i-check.checked {
    background-position: -9.8rem -12.25rem
}

.enroll-box .i-select span {
    color: #000;
    display: block;
    padding: .5rem 1rem .5rem .5rem;
    height: 1.1rem;
    line-height: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    width: 82%
}

.enroll-box .i-select a {
    position: relative;
    border: .025rem solid #D6D6D6;
    font-size: .7rem;
    display: block;
    color: #000;
    border-radius: .25rem
}

.enroll-box .i-select a i {
    position: absolute;
    right: .5rem;
    top: .8rem;
    display: inline-block;
    background-position: -7.775rem -1.35rem;
    width: .3rem;
    height: .55rem
}

.enroll-box .disabled span {
    color: #888
}

.enroll-box .text {
    font-size: .7rem;
    height: 2.2rem;
    line-height: 1.1rem;
    padding: .4rem .5rem;
    border: .025rem solid #D6D6D6;
    border-radius: .25rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.enroll-box .text:focus {
    border: .025rem solid #D6D6D6;
    outline: #999 solid thin
}

.enroll-box textarea {
    font-size: .7rem;
    padding: .4rem .5rem;
    border: .025rem solid #D6D6D6;
    width: 100%;
    height: 4.3rem;
    resize: none;
    border-radius: .25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.enroll-box textarea:focus {
    border: .025rem solid #D6D6D6;
    outline: 999999 solid thin
}

.enroll-box .btn-box {
    background: #fff;
    padding: 0rem .75rem .6rem;
    text-align: center;
    color: #333
}

.enroll-box .btn-box .btn {
    color: #fff;
    font-size: 1rem;
    height: 2.4rem;
    line-height: 2.4rem;
    width: 100%;
    background-color: #f60;
    border: 0;
    font-weight: 400;
    outline: 0;
    border-radius: .25rem
}

.enroll-box p {
    line-height: 1rem;
    color: #999;
    font-size: .6rem;
    text-align: center;
    padding-top: .4rem
}

.consultation-bottom {
    background-color: #FBFBFC
}

.consultation-bottom .enroll-bottom {
    border-bottom: 1px solid #FBFBFC
}

.consultation-bottom .enroll-bottom:last-child {
    border-bottom: 0
}

.mod-screenstyle {
    position: fixed;
    top: 0;
    right: 0;
    width: 65%;
    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: 11
}

.mod-screenstyle.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-screenstyle .screenstyle-box {
    float: right;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative
}

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

.mod-screenstyle .screenstyle-title {
    padding: .5rem
}

.mod-screenstyle .screenstyle-title .pic {
    width: 1.25rem;
    height: 1.25rem;
    float: left
}

.mod-screenstyle .screenstyle-title .pic img {
    display: inline-block;
    width: 100%
}

.mod-screenstyle .screenstyle-title span {
    margin-left: 1.6rem;
    display: block;
    color: #000;
    font-size: .7rem;
    line-height: 1.25rem
}

.mod-screenstyle .boxshow {
    box-shadow: 0 4px 6px -3px #eee;
    position: relative;
    z-index: 1
}

.mod-screenstyle .screenstyle-text {
    overflow: hidden;
    position: relative
}

.mod-screenstyle dl {
    font-size: .7rem
}

.mod-screenstyle dl dt {
    color: #666;
    padding: 0 .5rem;
    line-height: 1.8rem;
    height: 1.8rem;
    background-color: #FBFBFC
}

.mod-screenstyle dl dd {
    padding: 0 .5rem
}

.mod-screenstyle dl dd a {
    padding: .5rem 0;
    display: block;
    border-bottom: 1px solid #FBFBFC
}

.mod-screenstyle dl dd .pic {
    width: 3rem;
    float: left;
    height: 2.25rem;
    overflow: hidden
}

.mod-screenstyle dl dd .text {
    margin-left: 3.4rem
}

.mod-screenstyle dl dd .text h4 {
    line-height: 1.2rem;
    color: #333;
    font-weight: 400
}

.mod-screenstyle dl dd .text p em {
    color: #c00
}

.mod-screenstyle dl dd.last a {
    border-bottom: 0
}

.mod-screencar {
    position: fixed;
    top: 0;
    right: 0;
    width: 78%;
    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: 11
}

.mod-screencar.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-screencar .screencar-box {
    float: right;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative
}

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

.mod-screencar .screencar-box .screencar-title {
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fff;
    border-bottom: 1px solid #FBFBFC
}

.mod-screencar .screencar-box .screencar-title a {
    float: left;
    width: 50%;
    text-align: center;
    color: #666;
    font-size: .8rem
}

.mod-screencar .screencar-box .screencar-title a span {
    display: inline-block;
    height: 2.15rem;
    line-height: 2.15rem;
    border-bottom: 2px solid transparent;
    width: 80%
}

.mod-screencar .screencar-box .screencar-title a.on {
    color: #306294
}

.mod-screencar .screencar-box .screencar-title a.on span {
    border-bottom: 2px solid #006ebf
}

.mod-screencar .screencar-box dl {
    width: 100%
}

.mod-screencar .screencar-box dl dt {
    height: 1.8rem;
    line-height: 1.8rem;
    background-color: #eeeff3;
    padding: 0 .5rem;
    color: #666;
    font-size: .7rem
}

.mod-screencar .screencar-box dl dd {
    padding: .5rem;
    border-bottom: 1px solid #FBFBFC;
    cursor: pointer
}

.mod-screencar .screencar-box dl dd.laist {
    border-bottom: 0
}

.mod-screencar .screencar-box dl dd h3 {
    line-height: .8rem;
    color: #333;
    font-size: .7rem;
    padding: .1rem 0;
    font-weight: 400
}

.mod-screencar .screencar-box dl dd p {
    line-height: 1rem;
    font-size: .6rem;
    color: #999
}

.mod-screencar .screencar-box dl dd p em {
    color: #c00
}

.mod-screencar .screencar-box dl dd.on h3 {
    color: #306294
}

.mod-screencar .screencar-box dl dd.on p {
    color: #306294
}

.mod-screencar .screencar-box dl dd.on p em {
    color: #306294
}

.mod-screencar .screencar-box .screencar-text {
    display: none;
    overflow: hidden;
    width: 100%;
    position: relative
}

.mod-screencar .screencar-box .screencar-text .screen {
    padding: .5rem 0
}

.mod-screencar .screencar-box .screencar-text .screen a.btn {
    margin: 0 .5rem;
    border: 1px solid #bcbcbc;
    height: 2rem;
    line-height: 2rem;
    display: block;
    color: #333;
    font-size: .8rem;
    position: relative;
    border-radius: 6px
}

.mod-screencar .screencar-box .screencar-text .screen a.btn span {
    padding-left: .5rem;
    display: inline-block
}

.mod-screencar .screencar-box .screencar-text .screen a.btn i {
    display: inline-block;
    background-position: -8.725rem -1.325rem;
    width: .65rem;
    height: .4rem;
    position: absolute;
    top: .8rem;
    right: .4rem
}

.mod-screencar .screencar-box .screencar-text .screen .screen-box {
    position: relative;
    background: #FBFBFC;
    box-shadow: 1px 2px 2px #e3e2e2;
    margin-top: .5rem
}

.mod-screencar .screencar-box .screencar-text .screen .screen-box ul {
    padding: .5rem .1rem .4rem .5rem
}

.mod-screencar .screencar-box .screencar-text .screen .screen-box li {
    float: left;
    width: 33.333%;
    line-height: 1.75rem;
    height: 1.75rem;
    border-radius: 1px;
    margin: .2rem 0rem .3rem 0
}

.mod-screencar .screencar-box .screencar-text .screen .screen-box li a {
    border: 1px solid #fff;
    color: #333;
    font-size: .7rem;
    display: block;
    height: 1.75rem;
    overflow: hidden;
    text-align: center;
    margin-right: .4rem;
    position: relative;
    background: #fff
}

.mod-screencar .screencar-box .screencar-text .screen .screen-box li.on a {
    border-color: #306294
}

.mod-screencar .screencar-box .screencar-text .screen .screen-box:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FBFBFC;
    position: absolute;
    right: 1rem;
    top: -.3rem
}

.mod-screencar .salesdl {
    width: 100%;
    overflow: hidden;
    position: relative
}

.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-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-share {
    padding-top: .6rem;
    background-color: #fff;
    position: relative;
    z-index: 6
}

.mod-share .share-box {
    position: relative;
    padding-top: .4rem;
    border-top: 1px solid #ebebeb;
    background-color: #fff;
    margin: 0 .5rem
}

.mod-share .share-box>span {
    position: absolute;
    display: block;
    width: 100%;
    height: 1.7rem;
    top: -.6rem;
    text-align: center;
    font-size: .8rem;
    color: #666
}

.mod-share .share-box>span span {
    display: inline-block;
    font-size: .8rem;
    color: #666;
    line-height: 1.2rem;
    margin-top: -.6rem;
    padding: 0 .75rem;
    background-color: #fff
}

.mod-share .share-box ul {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    padding: .5rem 0;
    overflow: hidden
}

.mod-share .share-box ul li {
    display: block;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    min-width: 3.5rem;
    text-align: center;
    width: 25%
}

.mod-share .share-box ul li a {
    display: inline-block;
    height: 80px;
    width: 70px;
    font-size: .7rem;
    color: #151515;
    padding-top: 56px;
    line-height: 1.2rem;
    text-align: center;
    box-sizing: border-box;
    padding-left: 0;
    cursor: pointer;
    float: none
}

.mod-share .share-box ul li .py {
    background: url(../../images/wap/news/new-icons.png) no-repeat 15px -68px;
    background-size: 60px
}

.mod-share .share-box ul li .wx {
    background: url(../../images/wap/news/new-icons.png) no-repeat 15px -143px;
    background-size: 60px
}

.mod-share .share-box ul li .sl {
    background: url(../../images/wap/news/new-icons.png) no-repeat 15px -218px;
    background-size: 60px
}

.mod-share .share-box ul li .qq {
    background: url(../../images/wap/news/new-icons.png) no-repeat 15px -293px;
    background-size: 60px
}

.mod-share .share-box ul li p {
    cursor: pointer
}

.mod-share,.share-box,.mod-shar {
    border: 0;
    padding: 0
}

.cancel {
    border-top: 1px solid #FBFBFC;
    height: 2rem;
    line-height: 2rem;
    text-align: center
}

.cancel a {
    display: block;
    font-size: .7rem;
    color: #333
}

.mod-pagination {
    padding: 1rem .75rem
}

.mod-pagination .pagination-ul li,.mod-pagination ol li {
    line-height: 1.6rem;
    text-align: center;
    float: left;
    width: 22%
}

.mod-pagination .pagination-ul li a,.mod-pagination ol li a {
    color: #306294;
    font-size: .7rem;
    background-color: #f4f7ff;
    display: block;
    height: 1.6rem;
    border: 1px solid #b0c8f1;
    margin: 0 .1rem;
    border-radius: .25rem
}

.mod-pagination .pagination-ul li.shadowe,.mod-pagination ol li.shadowe,.mod-pagination .pagination-ul li.home,.mod-pagination ol li.home {
    width: 16%
}

.mod-pagination .pagination-ul li.next,.mod-pagination ol li.next,.mod-pagination .pagination-ul li.prev,.mod-pagination ol li.prev {
    width: 23%
}

.mod-pagination .pagination-ul li.prohibit a,.mod-pagination ol li.prohibit a {
    border-color: #e4e4e4;
    color: #939393;
    background-color: #fafafa
}

.mod-pagination .pagination-ul span,.mod-pagination ol span {
    font-size: .7rem;
    color: #000;
    height: 1.6rem;
    line-height: 1.6rem;
    border: 1px solid #e4e4e4;
    text-align: center;
    margin: 0 .2rem;
    display: block;
    border-radius: 2px;
    background-color: #fff
}

.mod-newprice {
    margin-top: .5rem;
    border: .025rem solid #dde5ee
}

.mod-newprice .newprice-box ul {
    background-color: #fff
}

.mod-newprice .newprice-box ul li {
    border-top: .025rem solid #dde5ee;
    position: relative;
    padding: .4rem .5rem
}

.mod-newprice .newprice-box ul li .text {
    margin-right: 3rem
}

.mod-newprice .newprice-box ul li .text .name {
    line-height: 1.25rem;
    height: 1.25rem;
    color: #3f4359;
    font-size: .7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.mod-newprice .newprice-box ul li .text p {
    height: 1rem;
    line-height: 1rem;
    font-size: .7rem
}

.mod-newprice .newprice-box ul li .text p em {
    color: #c00;
    display: inline-block;
    width: 32%
}

.mod-newprice .newprice-box ul li .text p span {
    width: 32%;
    display: inline-block;
    color: #999;
    font-size: .7rem
}

.mod-newprice .newprice-box ul li .text p span.through {
    text-decoration: line-through;
    color: #8d91ac
}

.mod-newprice .newprice-box ul li .text p span i {
    margin-left: .2rem;
    display: inline-block;
    position: relative;
    margin-right: .2rem;
    top: -.1rem
}

.mod-newprice .newprice-box ul li .text p span.red {
    color: #c00
}

.mod-newprice .newprice-box ul li .text p span.green {
    color: #0db35f
}

.mod-newprice .newprice-box ul li:last-child {
    border-bottom: 0
}

.mod-newprice .newprice-box ul li a.inquire {
    display: inline-block;
    position: absolute;
    right: .5rem;
    width: 3rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    border-radius: 4px;
    color: #fff;
    top: .7rem;
    font-size: .7rem;
    margin-left: .2rem;
    background-color: #306294
}

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

.mod-consultation dl {
    margin: 0 .75rem;
    border-bottom: .025rem solid #E5E5E5;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.mod-consultation dl dt {
    width: 2.5rem;
    height: 2.5rem;
    background: #FFF;
    border: .025rem solid #E7E7E7;
    line-height: 2.5rem;
    top: .2rem;
    position: relative
}

.mod-consultation dl dt img {
    vertical-align: middle;
    position: relative;
    top: -.1rem
}

.mod-consultation dl dd {
    margin-left: 3.2rem
}

.mod-consultation dl dd h3 {
    font-size: .75rem;
    color: #040404;
    line-height: 1.5rem;
    font-weight: 700
}

.mod-consultation dl dd h3 i {
    width: 1rem;
    height: .75rem;
    line-height: .8rem;
    background: #4FB947;
    border-radius: .2rem;
    color: #fff;
    font-size: .55rem;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -.1rem;
    margin: 0 0 0 .15rem
}

.mod-consultation dl dd h3 i.vip {
    width: 1.4rem;
    background-color: #f60;
    margin: 0 0 0 .15rem
}

.mod-consultation dl dd p {
    font-size: .65rem;
    color: #393E46;
    line-height: 1.2rem
}

.mod-consultation dl dd p b,.mod-consultation dl dd p span {
    font-size: .65rem
}

.mod-consultation dl dd p em {
    font-size: .8rem;
    color: #F50000
}

.mod-consultation dl dd p i {
    background-position: -7.85rem -2.95rem;
    width: .625rem;
    height: .625rem;
    display: inline-block;
    position: relative;
    top: 0;
    margin-left: .2rem
}

.mod-consultation dl dd p .time {
    width: 1.25rem;
    height: .75rem;
    background: #0071BF;
    border-radius: .2rem;
    display: inline-block;
    position: relative;
    top: -.1rem;
    margin-left: .2rem;
    color: #FFF;
    line-height: .8rem;
    text-align: center;
    font-size: .55rem
}

.mod-consultation dl dd p .sell {
    width: 1.85rem;
    height: .75rem;
    background: #DB3B37;
    border-radius: .1rem;
    line-height: .8rem;
    font-size: .55rem;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    margin-left: .2rem;
    position: relative;
    top: -.1rem;
    display: inline-block
}

.mod-consultation dl dd p .map {
    padding-left: .2rem
}

.mod-consultation dl dd p .map i {
    background-position: -6.6rem -2.3rem;
    width: .35rem;
    height: .65rem;
    top: .1rem;
    margin-left: 0
}

.mod-fastbar {
    z-index: 6
}

.wendaicon {
    background: url(../../images/wap/wenda/icon.png?t=1) no-repeat;
    background-size: 10rem 7.5rem
}

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

.mod-detail .detail-title {
    background-color: #fff;
    padding: 1rem .75rem .5rem
}

.mod-detail .detail-title h1 {
    line-height: 2rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 400
}

.mod-detail .detail-title p {
    line-height: 1rem;
    padding-top: .2rem;
    font-size: .7rem
}

.mod-detail .detail-title p span {
    color: #666;
    margin-right: .5rem
}

.mod-detail .detail-box .detail-text {
    background-color: #fff;
    padding: 0 .75rem .5rem;
    overflow: hidden
}

.mod-detail .detail-box .detail-text .detail-text-contact,.mod-detail .detail-box .detail-text p {
    line-height: 1.6rem;
    color: #333;
    font-size: .9rem;
    margin-top: .5rem
}

.mod-detail .detail-box .detail-text .detail-text-contact span.news_related,.mod-detail .detail-box .detail-text p span.news_related {
    padding: .5rem 0;
    display: block;
    border: #d5dfe9 solid;
    border-width: 1px 0;
    line-height: 1.4rem;
    overflow: hidden
}

.mod-detail .detail-box .detail-text .detail-text-contact span.news_related strong,.mod-detail .detail-box .detail-text p span.news_related strong {
    display: block;
    font-size: .8rem
}

.mod-detail .detail-box .detail-text .detail-text-contact span.news_related em,.mod-detail .detail-box .detail-text p span.news_related em {
    margin-top: .4rem;
    display: block;
    font-size: .8rem;
    word-break: break-all
}

.mod-detail .detail-box .detail-text .detail-text-contact span.news_related em a,.mod-detail .detail-box .detail-text p span.news_related em a {
    display: block;
    line-height: 1rem
}

.mod-detail .detail-box .detail-text .detail-text-contact img,.mod-detail .detail-box .detail-text p img {
    margin: 0 auto
}

.mod-detail .detail-box .detail-text .detail-text-contact iframe,.mod-detail .detail-box .detail-text p iframe {
    margin: 0;
    display: none
}

.mod-detail .detail-box .detail-text .detail-text-contact iframe.noResize,.mod-detail .detail-box .detail-text p iframe.noResize {
    display: block
}

.mod-detail .detail-box .detail-text a {
    color: #306294
}

.mod-detail .detail-box .detail-text .carpic img {
    margin: 0
}

.mod-detail .detail-box .detail-text .news-macket,.mod-detail .detail-box .detail-text .market-content-cx {
    padding: 0
}

.mod-detail .detail-box .detail-text img {
    display: block;
    margin: .6rem auto;
    width: 100%;
    max-width: 100%
}

.mod-detail .detail-box .detail-text .bar-checkout {
    left: 0
}

.mod-detail .detail-box .detail-text .bar-checkout .face img {
    margin: 0;
    width: 50px
}

.mod-detail .detail-box .detail-text .bar-checkout a {
    color: #fff
}

.mod-detail .detail-box .detail-text table {
    margin: .75rem auto 0;
    width: 99%!important;
    border-collapse: collapse;
    border-top: #c5d6e7 1px solid;
    border-left: #c5d8ea 1px solid;
    border-right: #c5d8ea 1px solid
}

.mod-detail .detail-box .detail-text table caption {
    border: #c5d6e7 1px solid;
    border-bottom: 0;
    font-weight: 700;
    background-color: #e7f3ff;
    font-size: .7rem;
    line-height: 1.2rem;
    padding: .25rem .1rem
}

.mod-detail .detail-box .detail-text table th {
    border-right: #c5d6e7 1px solid;
    border-bottom: #c5d6e7 1px solid;
    background-color: #e7f3ff;
    font-size: .7rem;
    line-height: 1.2rem;
    padding: .25rem .1rem;
    vertical-align: middle
}

.mod-detail .detail-box .detail-text table td {
    border-right: #c5d6e7 1px solid;
    border-bottom: #c5d6e7 1px solid;
    text-align: center;
    font-size: .7rem;
    line-height: 1.2rem;
    padding: .25rem .05rem;
    word-break: break-all;
    vertical-align: middle
}

.mod-detail .detail-box .detail-text .detail-image-text {
    font-family: 微软雅黑;
    margin: 0 auto 20px;
    padding: 10px;
    line-height: 32px;
    text-indent: 0;
    color: #eee;
    font-size: 17px;
    background: #444;
    white-space: normal
}

.mod-detail .detail-box .pic-list {
    width: 100%;
    padding: .25rem 0
}

.mod-detail .detail-box .pic-list h3 {
    color: #333;
    font-size: .8rem;
    text-align: center;
    line-height: 2rem;
    height: 2rem;
    font-weight: 400
}

.mod-detail .detail-box .pic-list p {
    margin: 0;
    margin-bottom: 2%
}

.mod-detail .detail-box .pic-list p img {
    margin: 0
}

.mod-detail .detail-box .pic-list p:nth-child(1) {
    text-align: center;
    margin: 0
}

.mod-detail .detail-box .pic-list p:nth-child(6),.mod-detail .detail-box .pic-list p:nth-child(2),.mod-detail .detail-box .pic-list p:nth-child(3),.mod-detail .detail-box .pic-list p:nth-child(4),.mod-detail .detail-box .pic-list p:nth-child(5) {
    width: 49%;
    float: left
}

.mod-detail .detail-box .pic-list p:nth-child(5),.mod-detail .detail-box .pic-list p:nth-child(4) {
    float: right
}

.mod-detail .detail-box .mod-semlist {
    margin-top: .5rem
}

.mod-detail .detail-box .mod-semlist p {
    margin: 0;
    line-height: inherit;
    font-size: .7rem;
    color: inherit
}

.mod-detail .detail-box .detailquotation-text {
    background-color: #fff;
    padding: .5rem;
    overflow: hidden
}

.mod-detail .detail-box .detailquotation-text img {
    max-width: 100%;
    display: inline-block
}

.mod-detail .detail-box .detailquotation-text p {
    line-height: 1.1rem;
    color: #333;
    font-size: .7rem
}

.mod-detail .detail-box .detailquotation-text p a {
    color: #306294
}

.mod-detail .detail-box .detailquotation-text .mod-newprice {
    border-top: 0
}

.mod-detail .detail-box .detailquotation-text .mod-newprice .newprice-bottom {
    background-color: #f5f5f5;
    line-height: 2rem;
    height: 2rem;
    color: #333;
    font-size: .6rem;
    border-top: 1px solid #dde5ee;
    text-align: left
}

.mod-detail .detail-box .detailquotation-text .mod-newprice .newprice-bottom a {
    display: inline-block;
    color: #306294;
    margin-left: .5rem;
    font-size: .7rem
}

.mod-detail .detail-box .detailquotation-text .mod-newprice .newprice-bottom span {
    color: #999
}

.mod-detail .detail-box .detailquotation-text .mod-newprice .newprice-bottom span a {
    margin-left: 0;
    margin-right: .5rem;
    font-size: .7rem
}

.mod-detail .detail-box .detailquotation-text .quotation-box-link,.mod-detail .detail-box .detailquotation-text .quotation-box-bottom {
    color: #333;
    font-size: .7rem
}

.mod-detail .detail-box .detailquotation-text .quotation-box-link h3,.mod-detail .detail-box .detailquotation-text .quotation-box-bottom h3 {
    line-height: 1rem;
    font-weight: 700;
    padding-bottom: .2rem
}

.mod-detail .detail-box .detailquotation-text .quotation-box-link h3 em,.mod-detail .detail-box .detailquotation-text .quotation-box-bottom h3 em {
    color: #d32222
}

.mod-detail .detail-box .detailquotation-text .quotation-box-link p,.mod-detail .detail-box .detailquotation-text .quotation-box-bottom p {
    line-height: 1.1rem;
    text-indent: .9rem
}

.mod-detail .detail-box .detailquotation-text .quotation-box-link h3 {
    padding-bottom: .3rem
}

.mod-detail .detail-box .detailquotation-text .quotation-box-link p {
    line-height: .9rem;
    text-indent: 0;
    margin-bottom: .5rem
}

.mod-detail .detail-box .detailcuxiao-box {
    background-color: #fff;
    padding: 0 .5rem;
    padding-top: .5rem
}

.mod-detail .detail-box .detailcuxiao-box p {
    line-height: 1.1rem;
    color: #333;
    font-size: .7rem
}

.mod-detail .detail-box .detailcuxiao-box img {
    display: block;
    margin: .5rem auto;
    width: 100%;
    max-width: 100%
}

.mod-relationcar {
    padding: 0 .575rem;
    background-color: #fff;
    padding-bottom: .5rem
}

.mod-relationcar a {
    padding: 0 .5rem;
    line-height: 1.55rem;
    height: 1.55rem;
    float: left;
    margin: 0 .175rem;
    margin-bottom: .35rem;
    background: #FBFBFC;
    border: .025rem solid #D6D6D6;
    border-radius: .8rem;
    color: #333
}

.mod-like .like-box {
    padding-top: .2rem;
    padding-bottom: 1rem
}

.mod-like .like-box ul {
    background: #fff;
    padding: 0 .75rem
}

.mod-like .like-box ul li {
    width: 50%;
    float: left;
    text-align: center
}

.mod-like .like-box ul li a.a {
    display: block;
    margin-right: .5rem
}

.mod-like .like-box ul li a.a .pic {
    width: 100%;
    overflow: hidden;
    min-height: 5.43rem;
    position: relative;
    margin-left: .2rem;
    margin-right: .2rem
}

.mod-like .like-box ul li a.a .pic::before {
    content: '';
    padding-top: 75%;
    display: block
}

.mod-like .like-box ul li a.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-like .like-box ul li a.a h3 {
    color: #000;
    line-height: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    font-size: .8rem;
    margin-top: -.5rem;
    position: relative
}

.mod-like .like-box ul li a.a p {
    color: #999;
    font-size: .6rem;
    line-height: 1rem;
    height: 1rem;
    overflow: hidden
}

.mod-like .like-box ul li a.a p em {
    color: #C00
}

.mod-like .like-box ul li a.a p span i {
    margin-right: .2rem
}

.mod-like .like-box ul li a.a p span.green {
    color: #093
}

.mod-like .like-box ul li a.a p span.red {
    color: red
}

.mod-like .like-box ul li .btn {
    width: 50%;
    height: 1.55rem;
    background: #f60;
    border-radius: .8rem;
    line-height: 1.55rem;
    color: #F7F7F7;
    font-size: .75rem;
    text-align: center;
    display: inline-block;
    margin-top: .5rem
}

.mod-news {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0
}

.mod-news .news-box {
    padding: 0 .75rem
}

.mod-news .news-box .bottom {
    margin-top: .5rem;
    border-top: .025rem solid #E5E5E5
}

.mod-news .news-box .bottom a i {
    background-position: -8.35rem -1.375rem;
    width: .25rem;
    height: .5rem;
    margin-left: .2rem
}

.mod-comment .title span {
    float: right;
    color: #8E8E8E;
    font-size: .75rem
}

.mod-comment .title span em {
    color: #FF552E
}

.mod-relationstyle .relationstyle-box {
    position: relative
}

.mod-relationstyle .relationstyle-box a.a {
    position: relative;
    padding: .8rem 0rem .6rem;
    margin-right: .75rem;
    margin-left: .75rem;
    display: block
}

.mod-relationstyle .relationstyle-box a.a .pic {
    width: 4rem;
    margin-top: -.3rem
}

.mod-relationstyle .relationstyle-box a.a .text {
    margin-left: 4.6rem;
    margin-right: 3rem
}

.mod-relationstyle .relationstyle-box a.a .text .name {
    line-height: 1.3rem;
    height: 1.3rem;
    color: #000;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.mod-relationstyle .relationstyle-box a.a .text p {
    height: 1rem;
    line-height: 1rem;
    font-size: .7rem
}

.mod-relationstyle .relationstyle-box a.a .text p em {
    color: #C00;
    font-weight: 700
}

.mod-relationstyle .relationstyle-box a.a .text p span {
    display: inline-block;
    color: #999;
    font-size: .7rem
}

.mod-relationstyle .relationstyle-box a.a .text p span.through {
    text-decoration: line-through;
    color: #666
}

.mod-relationstyle .relationstyle-box a.a .text p span.green {
    color: #093;
    font-size: .7rem;
    margin-left: .2rem
}

.mod-relationstyle .relationstyle-box a.a .text p span.green i {
    display: inline-block;
    position: relative;
    top: 0;
    background-position: -9.1rem -4.925rem;
    width: .35rem;
    height: .5rem;
    margin-right: .1rem
}

.mod-relationstyle .relationstyle-box a.a .text p span.red {
    color: #ff4f12;
    font-size: .7rem;
    margin-left: .2rem
}

.mod-relationstyle .relationstyle-box a.a .text p span.red i {
    display: inline-block;
    position: relative;
    top: -.2px;
    background-position: -9.575rem -4.925rem;
    width: .35rem;
    height: .5rem;
    margin-right: .1rem
}

.mod-relationstyle .relationstyle-box a.inquire {
    display: inline-block;
    position: absolute;
    right: .75rem;
    width: 3.25rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    border-radius: .8rem;
    color: #fff;
    top: 1.4rem;
    font-size: .7rem;
    margin-left: .2rem;
    background-color: #f60
}

.mod-comment {
    padding-bottom: 0rem
}

.mod-comment .comment-user {
    padding-top: .75rem
}

.mod-comment .comment-user dt {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-top: .21rem;
    box-shadow: 0 1px 5px 0 rgba(18,18,18,.1)
}

.mod-comment .comment-user dd {
    margin-left: 1.825rem
}

.mod-comment .comment-user dd .text {
    height: 2rem;
    background: #FFF;
    border: .025rem solid #8690A6;
    border-radius: .25rem;
    color: #999;
    line-height: 2rem;
    padding-left: .5rem;
    font-size: .7rem;
    cursor: pointer
}

.mod-comment .comment-list {
    padding-top: .5rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.mod-comment .comment-list .dl {
    padding: .5rem 0rem
}

.mod-comment .comment-list .dl .dt {
    width: 1.5rem;
    float: left
}

.mod-comment .comment-list .dl .dt .pic {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 1px 5px 0 rgba(18,18,18,.1)
}

.mod-comment .comment-list .dl .dd {
    margin-left: 1.825rem;
    border-bottom: 1px solid #CACCCB
}

.mod-comment .comment-list .dl .dd .name {
    line-height: 1.5rem;
    color: #999;
    font-size: .7rem
}

.mod-comment .comment-list .dl .dd .name a {
    color: #306294
}

.mod-comment .comment-list .dl .dd .name span {
    float: right
}

.mod-comment .comment-list .dl .dd p {
    line-height: 1.2rem;
    color: #333;
    font-size: .75rem
}

.mod-comment .comment-list .dl .dd .bottom {
    line-height: 2rem;
    height: 2rem;
    padding-top: .2rem
}

.mod-comment .comment-list .dl .dd .bottom a {
    color: #78839B;
    font-size: .7rem;
    margin-right: .4rem;
    position: relative
}

.mod-comment .comment-list .dl .dd .bottom a i {
    display: inline-block;
    position: relative;
    top: 0;
    margin-right: .3rem
}

.mod-comment .comment-list .dl .dd .bottom a.fabulous i {
    background-position: -3.9rem -1.2rem;
    width: .65rem;
    height: .65rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.mod-comment .comment-list .dl .dd .bottom a.selected i {
    background-position: -7.625rem -.725rem;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg)
}

.mod-comment .comment-list .dl .dd .bottom a.reply i {
    background-position: -5.675rem -.8rem;
    width: .7rem;
    height: .55rem
}

.mod-comment .comment-list .dl .dd .bottom a.step i {
    background-position: -3.9rem -1.2rem;
    width: .65rem;
    height: .65rem;
    top: .1rem
}

.mod-comment .comment-list .dl .dd .bottom a.report i {
    background-position: -4.875rem -.8rem;
    width: .55rem;
    height: .575rem
}

.mod-comment .comment-list .dl .dd .bottom a.delete {
    float: right
}

.mod-comment .comment-list .dl .dd .bottom a.delete i {
    background-position: -3.575rem -2.1rem;
    width: .55rem;
    height: .6rem;
    top: .02rem
}

.mod-comment .comment-list .dl:last-child>.dd,.mod-comment .comment-list .dl.last>.dd {
    border-bottom: 0
}

.mod-comment .comment-list .all {
    margin-left: 1.825rem;
    line-height: 1.6rem;
    height: 1.6rem;
    padding-bottom: .5rem
}

.mod-comment .comment-list .all a {
    color: #306294;
    font-size: .7rem
}

.mod-comment .comment-list .all a em {
    margin: 0 .3rem
}

.mod-statement {
    background-color: #fff;
    padding: .6rem .75rem .8rem
}

.mod-statement .statement-box {
    border: 1px solid #eeeff3;
    padding: .5rem .5rem .6rem .7rem;
    font-size: .65rem
}

.mod-statement .statement-box h3 {
    line-height: 1.5rem;
    height: 1.5rem;
    color: #000;
    font-weight: 700
}

.mod-statement .statement-box p {
    line-height: 1.1rem
}

.mod-statement .statement-box p a {
    color: #06C
}

.mod-commentfixed {
    box-shadow: 0 -.125rem .125rem 0 rgba(120,120,120,.1);
    height: 2.5rem;
    padding: 0 .75rem;
    position: relative
}

.mod-commentfixed .text {
    height: 1.75rem;
    line-height: 1.75rem;
    background: #F8F8F8;
    border-radius: .25rem;
    top: .375rem;
    position: relative;
    margin-right: 8rem;
    color: #A7A7A7;
    font-size: .7rem;
    padding-left: .675rem
}

.mod-commentfixed .btn {
    position: absolute;
    right: .1rem;
    top: 0;
    width: 8.6rem;
    height: 2.5rem;
    text-align: right;
    line-height: 2.5rem
}

.mod-commentfixed .btn a {
    display: inline-block;
    position: relative;
    top: 0;
    width: 2.7rem;
    text-align: center
}

.mod-commentfixed .btn a i {
    display: inline-block;
    position: relative;
    top: .3rem;
    background-position: -7.675rem -5.575rem;
    width: .9rem;
    height: .875rem
}

.mod-commentfixed .btn a em {
    position: absolute;
    left: 2rem;
    top: .4rem;
    height: .75rem;
    line-height: .8rem;
    background: #EB0000;
    border-radius: .375rem;
    padding: 0 .3rem;
    color: #fff;
    font-size: .55rem
}

.mod-commentfixed .btn a.fabulous i {
    background-position: -3.3rem -6.7rem;
    width: .95rem;
    height: .95rem;
    top: .2rem
}

.mod-commentfixed .btn a.share i {
    background-position: -2.1rem -6.7rem;
    width: .925rem;
    height: .825rem;
    top: .2rem
}

body .layui-m-layer .layui-m-layer-footer.default-layer-comment {
    width: 100%;
    bottom: 0
}

body .layui-m-layer .layui-m-layer-footer.default-layer-comment .layui-m-layercont {
    padding: 0;
    border-radius: 0;
    background: #fff
}

.mod-commentBox {
    padding: 0 .75rem;
    position: relative;
    padding-top: .5rem;
    overflow: hidden;
    font-size: .7rem
}

.mod-commentBox .commentBox-text {
    background-color: #f5f5f4;
    border-radius: .45rem;
    padding: .5rem .75rem;
    height: 3rem;
    overflow: hidden
}

.mod-commentBox .commentBox-text .text {
    background-color: #f5f5f4;
    height: 3rem;
    width: 100%;
    outline: 0;
    border: 0
}

.mod-commentBox .user {
    padding: .5rem 0 .25rem;
    height: 1.5rem;
    overflow: hidden
}

.mod-commentBox .user .img-url {
    display: inline-block;
    height: 1.5rem;
    margin-right: .25rem;
    width: 1.5rem;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    z-index: 9999
}

.mod-commentBox .user .img-url .img,.mod-commentBox .user .img-url image {
    width: 100%;
    height: 100%
}

.mod-commentBox .user .name-url {
    font-size: .7rem;
    margin-left: .15rem;
    color: #27458d;
    line-height: 1.5rem;
    height: 1.5rem;
    max-width: 30%;
    float: left;
    position: relative;
    z-index: 9999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis
}

.mod-commentBox .user .login-url {
    float: left;
    color: #3d3d3d;
    line-height: 1.5rem;
    height: 1.5rem;
    font-size: .7rem;
    margin-left: .5rem;
    position: relative;
    z-index: 9999
}

.mod-commentBox .user .expression {
    float: right;
    width: 1.2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-right: .8rem
}

.mod-commentBox .user .expression i {
    background-position: -7.3rem -3.175rem;
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    position: relative;
    top: .15rem
}

.mod-commentBox .user .btn {
    float: right;
    display: block;
    width: 4rem;
    line-height: 1.5rem;
    height: 1.5rem;
    text-align: center;
    color: #fff;
    border-radius: .1rem;
    background-color: #306294;
    cursor: pointer;
    position: relative;
    z-index: 9999;
    font-size: .7rem
}

.mod-expression {
    width: 100%;
    font-size: 0;
    text-align: left;
    background: #fff;
    max-height: 7rem;
    z-index: 10;
    overflow: auto
}

.mod-expression ul {
    padding: .5rem 0
}

.mod-expression li {
    display: inline-block;
    vertical-align: bottom;
    padding: .25rem .1rem;
    text-align: center;
    width: 10%;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    cursor: pointer
}

.mod-expression li img {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer
}

.default-layer-comment .layui-m-layercont {
    font-size: .9rem;
    padding: 2.5rem 1.5rem
}

.default-layer-comment .layui-m-layerbtn {
    background: #fff;
    border-top: .025rem solid #eee;
    font-size: .7rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.default-layer-comment .layui-m-layerbtn span[no] {
    border-right: .025rem solid #eee
}

.nodata {
    text-align: center;
    color: #8590A6;
    font-size: .8rem;
    padding-bottom: 2.5rem;
    padding-top: .5rem
}

.nodata .pic {
    width: 6.375rem;
    height: 5.425rem;
    margin: 0 auto
}

.nodata p {
    line-height: 1rem;
    margin-top: .5rem;
    height: 1rem
}

.nodata p a {
    color: #306294
}

.mod-configure {
    width: 100%
}

.mod-configure th {
    background-color: #e9eef5;
    height: 1.85rem;
    color: #333;
    font-size: .7rem;
    text-align: center;
    font-weight: 400;
    vertical-align: middle;
    border: 1px solid #dde5ee
}

.mod-configure td {
    font-size: .6rem;
    vertical-align: middle;
    height: 1.6rem;
    border-left: 1px solid #dde5ee;
    border-bottom: 1px solid #dde5ee;
    background-color: #fff;
    text-align: center;
    width: 4.75rem
}

.mod-configure td:last-child {
    border-right: 1px solid #dde5ee
}

.mod-configure td.name {
    background-color: #f5f5f5;
    color: #999;
    width: 2.75rem
}

.mod-configure td.name span {
    line-height: .7rem;
    display: block;
    width: 100%
}

.mod-configure td a {
    color: #306294
}

.mod-contrast {
    border: 1px solid #dde5ee
}

.mod-contrast h3 {
    line-height: 1.75rem;
    text-align: center;
    font-weight: 400;
    color: #333;
    font-size: .7rem
}

.mod-contrast .item {
    float: left;
    width: 24%;
    color: #333;
    font-size: .6rem;
    text-align: center;
    line-height: 1.75rem;
    height: 1.75rem;
    overflow: hidden
}

.mod-contrast .item span {
    display: block;
    border-right: 1px solid #dde5ee
}

.mod-contrast .item:nth-child(2) {
    width: 37%
}

.mod-contrast .item:last-child {
    width: 15%
}

.mod-contrast .item:last-child span {
    border-right: 0
}

.mod-contrast .title {
    border-top: 1px solid #dde5ee;
    background: #e9eef5
}

.mod-contrast .contrast-box li {
    border-top: 1px solid #dde5ee
}

.mod-contrast .contrast-box li a {
    color: #306294
}

.mod-contrast .contrast-box li em {
    color: #c00
}

.mod-contrast .contrast-box li span.through {
    text-decoration: line-through;
    color: #8d91ac
}

.mod-contrast .contrast-box li span.red {
    color: #c00
}

.mod-contrast .contrast-box li span i {
    margin-left: .2rem;
    background-position: -6.45rem -.025rem;
    width: .5rem;
    height: .6rem;
    display: inline-block;
    position: relative;
    margin-right: .2rem;
    top: 0rem
}

.mod-contrast .contrast-box li span.green {
    color: #0db35f
}

.mod-contrast .contrast-box li span.green i {
    background-position: -7.075rem -.025rem
}

.mod-newprice .newprice-bottom,.mod-newprice .newprice-title {
    background-color: #f5f5f5;
    line-height: 2rem;
    height: 2rem;
    text-align: center;
    color: #333;
    font-size: .8rem
}

.mod-newprice .newprice-box ul li {
    border-top: 1px solid #dde5ee
}

.mod-newprice .newprice-box ul li a.inquire {
    background-color: #f60
}

.mod-newprice .newprice-box ul li .text .name {
    color: #333
}

.mod-newprice .newprice-title span {
    position: relative;
    display: inline-block;
    margin-left: .2rem;
    background-color: #ff9600;
    color: #fff;
    font-size: .6rem;
    padding: 0 .2rem;
    line-height: .9rem;
    height: .85rem;
    top: -.05rem;
    border-radius: 1px
}

.mod-newprice .newprice-bottom {
    border-top: .025rem solid #dde5ee
}

.mod-newprice .newprice-bottom a {
    display: inline-block;
    font-size: 0
}

.mod-newprice .newprice-bottom span {
    display: inline-block;
    margin-left: .2rem
}

.mod-newprice .newprice-bottom i,.mod-newprice .newprice-bottom em,.mod-newprice .newprice-bottom span {
    font-size: .7rem
}

.mod-newprice .newprice-bottom i {
    display: inline-block;
    position: relative;
    font-style: normal
}

.mod-newprice .newprice-bottom em {
    color: #0db35f;
    font-weight: 700
}

.mod-newprice .newprice-bottom i.membericon {
    background-position: -4.75rem -2.4rem;
    width: .9rem;
    height: .9rem;
    position: relative;
    top: .15rem
}

.mod-newprice .newprice-bottom i.last {
    background-position: -7.85rem -2.95rem;
    width: .625rem;
    height: .625rem;
    margin-left: .15rem
}

.mod-newprice .newprice-bottom i.time {
    height: .6rem;
    line-height: .65rem;
    background-color: #306294;
    padding: 0 .125rem;
    color: #fff;
    font-size: .5rem;
    border-radius: 2px;
    top: -.05rem;
    margin-left: .2rem
}

.mod-promotion {
    background-color: #fff;
    padding: .5rem;
    padding-bottom: 0
}

.mod-promotion .promotion-box {
    border: 1px solid #fcedb1;
    background-color: #fffde5;
    line-height: 1rem;
    height: 1rem;
    text-align: center;
    padding: .5rem 0;
    color: #666
}

.mod-promotion .promotion-box span s {
    margin: 0 2px
}

.mod-promotion .promotion-box span s.scd-digit-d,.mod-promotion .promotion-box span s.scd-digit-h,.mod-promotion .promotion-box span s.scd-digit-m,.mod-promotion .promotion-box span s.scd-digit-s {
    color: #fff;
    text-align: center;
    background-color: #d02626;
    border-radius: 2px;
    width: 1.1rem;
    height: 1rem;
    line-height: 1rem;
    display: inline-block
}