* {
    -webkit-touch-callout: default
}

body {}

.none {
    display: none !important;
}

.nodata {
    text-align: center;
    padding: 50px 0;
    color: #ccc;
    background-color: #fff;
}

*:focus,
*:active {
    outline: none
}

.flex {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex * {
    box-sizing: border-box
}

.dislay-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.block {
    display: block !important
}

.bg-blue {
    background: #f2f2f2 !important
}

.body-white {
    background: #FFF
}

.hidden {
    display: none
}

.slide-btn,
.pointer {
    cursor: pointer
}

.slide-menu {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    max-width: 760px;
    z-index: 99999;
    background: #fff;
    margin: 0 auto;
    letter-spacing: 1px
}

.slide-menu .header~.slide-scroller {
    position: fixed;
    top: 3em;
    bottom: 0;
    overflow-y: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 760px;
    -webkit-overflow-scrolling: touch;
}

input,
select,
textarea {
    font-family: 'Helvetica Neue', Roboto, 'microsoft yahei';
    font-size: 1em
}

.wrap {
    width: 100%;
    margin: 0 auto;
    position: relative
}

img,
a {
    border: 0
}

.flt {
    float: left
}

.frt {
    float: right
}

.f14 {
    font-size: 14px !important
}

.f13 {
    font-size: 13px !important
}

.f18 {
    font-size: 18px !important
}

.iconfont {
    cursor: pointer
}

.gray {
    color: #777
}

.mayi-post {
    position: relative;
}

.wrapper {}

.fl {
    float: left
}

.fr {
    float: right;
}

.po_re {
    position: relative;
    z-index: 1;
    display: block
}

.po_ab {
    position: absolute;
    display: block
}

.footer {
    margin-bottom: 40px
}

#contactbar {
    max-width: 640px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: ;
    height: 45px;
    line-height: 45px;
    background: #FFF;
    border-top: 1px #e5e5e5 solid;
    color: #fff;
    text-align: center;
    z-index: 999;
}

#contactbar em {
    position: absolute;
    display: block;
    width: 54px;
    height: 54px;
    z-index: 4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 33px;
    margin: auto;
    background-size: 76% auto;
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 11.4;
}

.pub_circle {
    position: absolute;
    top: -21px;
    left: 50%;
    height: 60px;
    width: 56px;
    transform: translateX(-50%);
}

.pub_circle::before {
    content: " ";
    height: 30px;
    width: 105%;
    left: -1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.pub_circle::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    background-color: #FFF;
}

.pub_iconfont {
    width: 80px;
    display: inline-block;
    height: 27px;
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFF;
}

#contactbar .bottom_index {
    background: url(../images/bottom_index.png) no-repeat;
    background-position: center 5px;
    background-size: 20px auto
}

#contactbar .bottom_history {
    background: url(../images/bottom_history.png) 0 0 no-repeat;
    background-position: center 5px;
    background-size: 20.5px auto
}

#contactbar .bottom_category {
    background: url(../images/bottom_category.png) 0 0 no-repeat;
    background-position: center 5px;
    background-size: 20.5px auto
}

#contactbar .bottom_telbook {
    background: url(../images/bottom_telbook.png) 0 0 no-repeat;
    background-position: center 5px;
    background-size: 20.5px auto;
}

#contactbar .bottom_news {
    background: url(../images/bottom_news.png) 0 0 no-repeat;
    background-position: center 5px;
    background-size: 20.5px auto;
}

#contactbar .bottom_member {
    background: url(../images/bottom_member.png) 0 0 no-repeat
}

#contactbar .bottom_schidden {
    background: url(../images/bottom_schidden.png) no-repeat
}

#contactbar .bottom_schidden {
    background-position: center 5px;
    background-size: 19.5px auto
}

#contactbar .bottom_schidden_on {
    background: url(../images/bottom_schidden_on.png) no-repeat;
    background-position: center 5px;
    background-size: 19.5px auto
}

#contactbar .bottom_corp {
    background: url(../images/bottom_corp.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

#contactbar .bottom_sssearch {
    background: url(../images/bottom_shous.png) 0 0 no-repeat
}

#contactbar .bottom_sssearch {
    background-position: center 5px;
    background-size: 20px auto;
}

#contactbar .bottom_fxshare {
    background: url(../images/bottom_fxshare.png) 0 0 no-repeat
}

#contactbar .bottom_fxshare {
    background-position: center 4px;
    background-size: 19.8px auto;
}

#contactbar .bottom_addstore {
    background: url(../images/bottom_add_store.png) 0 0 no-repeat
}

#contactbar .bottom_addstore {
    background-position: center 4px;
    background-size: 21px auto;
}

#contactbar .bottom_ddhtel {
    background: #ff6630;
    line-height: 45px;
    color: #FFF;
    font-size: 14px;
}

.bottom_ddhtelicon {
    background-image: url(../images/bottom_ddhtel.png);
    background-size: auto 42%;
    background-position: 5% 47%;
    background-repeat: no-repeat;
    height: 45px;
    display: inline-block;
    text-indent: 24px;
}

#contactbar .bottom_fdxems {
    background: #00C469;
    line-height: 45px;
    color: #FFF;
    font-size: 14px;
}

#contactbar .bottom_fdxemsicon {
    background-image: url(../images/bottom_weixin.png);
    background-size: auto 21px;
    background-position: 3% 59%;
    background-repeat: no-repeat;
    height: 42px;
    display: inline-block;
    text-indent: 27px;
}

#contactbar .bottom_sms {
    background: #00C469;
    line-height: 45px;
    color: #FFF;
    font-size: 14px;
}

#contactbar .bottom_smsicon {
    background-image: url(../images/bottom_fdx.png);
    background-size: auto 16px;
    background-position: 3% 92%;
    background-repeat: no-repeat;
    height: 33px;
    display: inline-block;
    text-indent: 27px;
}

#contactbar .bottom_history_on,
#contactbar .bottom_index_on,
#contactbar .bottom_member,
#contactbar .bottom_member_on,
#contactbar .bottom_post,
#contactbar .bottom_post_on {
    background-position: center 5px;
    background-size: 20px auto
}

#contactbar a {
    height: 100%;
    line-height: 72px;
    text-align: center;
    background-color: #FFF;
    float: left;
    color: #777;
    font-size: 10px;
    display: table-cell;
    width: 20%;
}
#wxnr {
    width: 100%;
    height: 100%;
    color: #333;
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60%;
    padding: 40px 10px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 6px #777;
    -webkit-box-shadow: 0px 2px 6px #777;
    -moz-box-shadow: 0px 2px 6px #777;
    border-radius: 10px;
}
#wxnr .nrdf p{
    height: 30px;
    line-height: 30px;
}
#wxnr .nrdf a{
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #000;
    float: none;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 60%;
    margin: 0 auto;
    border-radius: 10px;
}
#wxnr i {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
    height: 15px;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    background: #333;
    border-radius: 5px;
    cursor: pointer;
}

#weixin {
    position: fixed;
    bottom: 20%;
    z-index: 9999999;
    font-size: 14px;
    color: #fff;
    width: 90%;
    right: 5%;
    line-height: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid #333;
    border-radius: 0.1rem;
    display: none;
}

.footer {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #F2F2F2;
}

.footer_01 {
    margin: 10px auto 5px auto;
    text-align: center;
    color: #DDD;
}

.footer_01 a {
    display: inline-block;
    font-size: 14px;
    padding: 0 6px;
    color: #666;
}

.footer_01 a:nth-child(n+2) {
    margin-left: 5px
}

.cooperate {
    margin-bottom: 14px;
    text-align: center
}

.cooperate a {
    color: #B0B0B0;
    font-size: 12px
}

.footer_02 {
    color: #B0B0B0;
    font-size: 10px;
    padding-bottom: 20px;
    text-align: center;
    line-height: 22px
}

.tuiguang {
    background: #FFF;
    border-top: 1px solid #7D8196
}

.tuiguang span {
    background: #157DFB;
    border-radius: 3px;
    color: #FFF;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    left: 11px;
    padding: 0 4px;
    position: absolute;
    top: 12px
}

.tuiguang a {
    color: #999;
    display: block;
    font-size: 13px;
    padding: 12px 0 12px 51px;
    position: relative
}

.tuiguang a:nth-of-type(n+2) {
    border-top: 1px solid #F1F1F1
}

.tuiguang .small {
    font-size: 11px;
    margin-top: 7px
}

.help {
    font-size: 0;
    padding: 15px 10px;
    text-align: center;
    margin: 0;
    height: 37px;
    line-height: 37px;
    background-color: #F2F2F2
}

.help a {
    background: #FFF;
    border: 1px solid #DCDEE0;
    color: #5F6880;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-indent: 30px;
    vertical-align: top
}

.help a:nth-of-type(1) {
    margin-right: 5px;
    text-indent: 35px;
    width: 190px
}

.help a:nth-of-type(1)::before {
    background: url(../images/trush.png);
    background-size: 14px auto;
    content: '';
    height: 18px;
    left: 17px;
    position: absolute;
    top: 8px;
    width: 14px
}

.help a:nth-of-type(2) {
    width: 96px
}

.help a:nth-of-type(2)::before {
    background: url(../images/index_mail.png) no-repeat;
    background-size: 18px auto;
    content: '';
    height: 16px;
    left: 8px;
    position: absolute;
    top: 12px;
    width: 18px
}

.search {
    padding: 11px 0 0 0;
    position: relative;
    right: 0;
    display: block;
    float: left
}

.width45 {
    width: 40%;
    float: left
}

.width65 {
    width: 62%;
    float: left
}

.search form {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 10px
}

.input_keys {
    border: none;
    color: #333;
    display: block;
    font-size: 12px;
    height: 24px;
    margin: 0;
    padding: 2px 0;
    text-indent: 6px;
    width: 100%;
    border: none;
    -moz-border-radius: 16px 0 0 16px;
    -webkit-border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px
}

#qixc {
    background: #FFF url(../images/index_magnifier3.png) no-repeat;
    background-size: 42px auto;
    height: 28px;
    width: 45px;
    vertical-align: top;
    border: none;
    text-indent: -9999px;
    -moz-border-radius: 0 16px 16px 0;
    -webkit-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0
}

.delBtn {
    position: absolute;
    top: 3px;
    right: 2px;
    background: #FFF url(../images/deletebg.png) no-repeat;
    background-size: 28px 32px;
    width: 27px;
    height: 32px;
    vertical-align: middle
}

.search_word {
    color: #fff;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin: 0 0 0 10px;
    overflow: hidden
}

.search_word a {
    color: #FFF;
    margin-right: 5px
}

.withbg a {
    color: #FFF
}

.logo_a {
    background: url(../images/logo.png);
    background-size: 90px auto;
    border-radius: 0;
    display: inline-block;
    height: 26px;
    margin: 12px 0 11px 10px;
    width: 101px;
    float: left
}

.logo_a img {
    width: 100%
}

.city_a {
    color: #fff;
    display: inline-block;
    margin: 16px 0 8px 10px;
    padding-right: 14px;
    vertical-align: top;
    float: left
}

.city {
    color: #3F4358;
    font-size: 14px;
    position: relative
}

.city::after {
    border: 5px solid transparent;
    border-top-color: #999;
    content: '';
    position: absolute;
    right: -15px;
    top: 6px
}

.publish {
    border-radius: 0;
    font-size: 12px;
    height: 45px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 43px
}

.publish .ico {
    background: url(../images/index_post.png);
    background-size: 23px auto;
    display: block;
    height: 23px;
    margin: 2px auto 2px;
    width: 23px
}

.login {
    border-radius: 0;
    font-size: 12px;
    height: 45px;
    position: absolute;
    right: 43px;
    text-align: center;
    top: 0;
    width: 43px
}

.login .ico {
    background: url(../images/my.png);
    background-size: 23px auto;
    display: block;
    height: 23px;
    margin: 2px auto 2px;
    width: 23px
}

.dl_nav {
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    background: #fff;
    color: #7c7c7c;
    text-indent: 5px;
    border-bottom: 1px solid #e0e0e0
}

.dl_nav span {
    height: 32px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl_nav span font {
    width: 7px;
    height: 13px;
    background-position: -45px -61px;
    display: inline-block
}

.dl_nav a {
    padding: 5px 5px 3px 5px
}

.dl_nav h1 {
    display: inline;
    font-size: 14px;
    font-weight: 400
}

.bbmes,
.qzs {
    background: #ff7a4c;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    text-align: center;
    border: 0;
    color: #fff;
    overflow: hidden;
    vertical-align: text-top;
    margin-top: -3px;
    margin-right: 5px;
    -webkit-border-radius: 14px;
    padding: 0 5px;
    display: none
}

.raquo {
    background: url(../images/bg.png);
    background-size: 94px auto
}

.pager {
    background: #FFF;
    border-top: 1px solid #E0E1E2;
    font-size: 14px;
    padding: 25px 0;
    text-align: center;
    color: #3F4358
}

.pager a {
    -webkit-appearance: none;
    border: 1px solid #C8CACC;
    border-radius: 0;
    box-shadow: 0 2px 0 #EFF0F1;
    color: #3F4358;
    display: inline-block;
    height: 33px;
    line-height: 33px;
    margin-right: 5px;
    vertical-align: top
}

.pagenext,
.pageprev {
    position: relative;
    text-align: left;
    width: 70px
}

.pageprev {
    text-indent: 20px
}

.pageprev::before {
    content: '';
    border: 5px solid transparent;
    border-right-color: #3F4358;
    height: 0;
    left: 5px;
    position: absolute;
    top: 11px;
    width: 0
}

.pager a.pagenext {
    margin-right: 0;
    text-indent: 10px
}

.pagenext::after {
    content: '';
    border: 5px solid transparent;
    border-left-color: #3F4358;
    height: 0;
    right: 4px;
    position: absolute;
    top: 11px;
    width: 0
}

.pager a.pageno {
    text-align: center;
    width: 33px
}

.pager a.pagedisable {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border-color: #C6CBD2
}

.pagedisable::before {
    border-right-color: #C6CBD2
}

.pagedisable::after {
    border-left-color: #C6CBD2
}

.navi {
    height: 45px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px #b2b3b3;
    box-shadow: 0 1px 2px #b2b3b3
}

.navi li {
    float: left;
    list-style: none;
    width: 25%
}

.navi li:last-of-type {
    float: right;
    width: 25%
}

.navi li a {
    display: block;
    text-align: center;
    line-height: 45px
}

.navi li a:active {
    color: #374565
}

.navi li.selected {
    height: 42px
}

.blue .header {
    background-color: #3592E2;
    max-width: 640px;
}

.blue #contactbar em {
    background-image: url(../images/bottom_post_blue.png);
}

.blue .navi li.selected {
    border-bottom: 3px solid #3592E2;
    color: #3592e2
}

.blue #contactbar .bottom_index_on {
    background: url(../images/bottom_index_hover_blue.png) no-repeat;
    background-position: center 5px;
    background-size: 20px auto
}

.blue #contactbar .bottom_history_on {
    background: url(../images/bottom_history_hover_blue.png) no-repeat;
    background-position: center 5px;
    background-size: 20.4px auto
}

.blue #contactbar .bottom_telbook_on {
    background: url(../images/bottom_telbook_hover_blue.png) no-repeat;
    background-position: center 5px;
    background-size: 20.4px auto
}

.blue #contactbar .bottom_news_on {
    background: url(../images/bottom_news_hover_blue.png) no-repeat;
    background-position: center 5px;
    background-size: 20.4px auto
}

.blue #contactbar .bottom_member_on {
    background: url(../images/bottom_member_hover_blue.png) 0 0 no-repeat;
    background-position: center 5px;
    background-size: 20px auto
}

.blue #contactbar .bottom_post_on {
    background: url(../images/bottom_post_hover_blue.png) no-repeat;
    background-position: center 5px;
    background-size: 20px auto
}

.blue #contactbar .bottom_corp_on {
    background: url(../images/bottom_corp_hover_blue.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.blue #contactbar .bottom_category_on {
    background: url(../images/bottom_category_hover_blue.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.green .header {
    background-color: #42B712;
    max-width: 640px;
}

.green .navi li.selected {
    border-bottom: 3px solid #42B712;
    color: #42b712
}

.green #contactbar em {
    background-image: url(../images/bottom_post_green.png);
}

.green #contactbar .bottom_index_on {
    background: url(../images/bottom_index_hover_green.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.green #contactbar .bottom_history_on {
    background: url(../images/bottom_history_hover_green.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.green #contactbar .bottom_member_on {
    background: url(../images/bottom_member_hover_green.png) 0 0 no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.green #contactbar .bottom_telbook_on {
    background: url(../images/bottom_telbook_hover_green.png) 0 0 no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.green #contactbar .bottom_news_on {
    background: url(../images/bottom_news_hover_green.png) 0 0 no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.green #contactbar .bottom_post_on {
    background: url(../images/bottom_post_hover_green.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.green #contactbar .bottom_corp_on {
    background: url(../images/bottom_corp_hover_green.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.green #contactbar .bottom_category_on {
    background: url(../images/bottom_category_hover_green.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.orange .header {
    background: #FF5E15;
    max-width: 640px;
}

#ipageTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
    height: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#ipageTitle img {
    margin-top: 1.5px;
    height: 35px;
    width: auto;
}

.orange .navi li.selected {
    border-bottom: 3px #FF621C solid;
    color: #FF621C
}

.orange #contactbar em {
    background-image: url(../images/bottom_post_orange.png);
}

.orange #contactbar .bottom_index_on {
    background: url(../images/bottom_index_hover_orange.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.orange #contactbar .bottom_history_on {
    background: url(../images/bottom_history_hover_orange.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.orange #contactbar .bottom_telbook_on {
    background: url(../images/bottom_telbook_hover_orange.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.orange #contactbar .bottom_news_on {
    background: url(../images/bottom_news_hover_orange.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.orange #contactbar .bottom_member_on {
    background: url(../images/bottom_member_hover_orange.png) 0 0 no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.orange #contactbar .bottom_post_on {
    background: url(../images/bottom_post_hover_orange.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.orange #contactbar .bottom_corp_on {
    background: url(../images/bottom_corp_hover_orange.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.orange #contactbar .bottom_category_on {
    background: url(../images/bottom_category_hover_orange.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.red .header {
    background-color: #EE4341;
    max-width: 640px;
}

.red .navi li.selected {
    border-bottom: 3px solid #EE4341;
    color: #EE4341
}

.red #contactbar em {
    background-image: url(../images/bottom_post_red.png);
}

.red #contactbar .bottom_index_on {
    background: url(../images/bottom_index_hover_red.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.red #contactbar .bottom_history_on {
    background: url(../images/bottom_history_hover_red.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.red #contactbar .bottom_telbook_on {
    background: url(../images/bottom_telbook_hover_red.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.red #contactbar .bottom_news_on {
    background: url(../images/bottom_news_hover_red.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.red #contactbar .bottom_member_on {
    background: url(../images/bottom_member_hover_red.png) 0 0 no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.red #contactbar .bottom_post_on {
    background: url(../images/bottom_post_hover_red.png) no-repeat;
    background-position: center 6px;
    background-size: 24px auto
}

.red #contactbar .bottom_corp_on {
    background: url(../images/bottom_corp_hover_red.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.red #contactbar .bottom_category_on {
    background: url(../images/bottom_category_hover_red.png) no-repeat;
    background-position: center 5px;
    background-size: 20.2px auto
}

.blue .pager a.pagecur {
    border-color: #3592E2;
    color: #3592E2
}

.green .pager a.pagecur {
    border-color: #42B712;
    color: #42B712
}

.orange .pager a.pagecur {
    border-color: #FF7201;
    color: #FF7201
}

.red .pager a.pagecur {
    border-color: #EE4341;
    color: #EE4341
}

.filt-arrowwhite {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-color: #FFF transparent transparent transparent;
    border-style: solid;
    border-width: 4px;
    vertical-align: -2px;
    font-size: 0;
    line-height: 0
}

.filt-arrow {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-color: #747474 transparent transparent transparent;
    border-style: solid;
    border-width: 4px;
    vertical-align: -2px;
    font-size: 0;
    line-height: 0
}

.filt-arrowright {
    display: inline-block;
    margin-left: 6px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #747474;
    border-style: solid;
    border-width: 4px;
    font-size: 0;
    line-height: 0
}

.h_btn {
    float: right;
    width: 19px;
    display: block;
    margin-top: 14px;
    margin-right: 10px
}

.h_btn::before {
    background: url(../images/top.btn.png) no-repeat;
    background-size: 19px auto;
    content: '';
    display: block;
    height: 19px;
    margin: 0 auto 4px;
    width: 19px
}

.h_post::before {
    background-position: 0 -19px
}

.bgline {
    background: url(../images/topbg.gif) 0 0 repeat-x;
}

.header .back,
.header .my,
.header .search,
.header .type {
    background: url(../images/headIcon.png) no-repeat;
    background-size: 68px auto
}

.filter li:after,
.guess_local,
.nav_bottom a:before {
    background: url(../images/shop_icons.png) no-repeat;
    background-size: 180px auto
}

.header,
.nav_bottom {
    height: 45px;
    line-height: 45px;
    background: #fb9032;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: relative;
    z-index: 9
}

body {
    padding-top: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F3F3F3;
    max-width: 640px;
}

.header,
.nav_bottom {
    width: 100%;
    position: fixed;
    top: 0;
    left: ;
    z-index: 999
}

.windowIframe .header {
    position: relative;
    z-index: 9;
    top: -45px;
}

.windowIframe .body {
    position: relative;
    z-index: 9;
    top: -45px
}

.header .back,
.header .my,
.header .search,
.header .type {
    position: absolute;
    width: 36px;
    height: 45px;
    top: 0;
    left: 8px;
    font-size: 16px;
    overflow: hidden;
}

.header .search {
    text-indent: -999px;
    left: auto;
    margin-right: 8px;
}

.header .type {
    background-position: 6px -323px;
    left: auto;
    right: 40px;
    text-indent: -999px;
}

.header .my {
    left: auto;
    right: 120px;
    text-indent: -999px;
}

.header .left8 {
    left: 8px
}

.header .right8 {
    right: 0
}

.header .back {
    background-position: -54px -37px;
    padding-left: 10px;
    text-align: right;
    line-height: 45px;
    display: block;
    color: #fff
}

.header .search {
    background-position: 12px -36px
}

.header .type {
    background-position: 8px 13px;
    right: 4px
}

.header .my {
    background-position: -40px 13px
}

.header .ico_ok {
    background-position: -40px -86px
}

.searchbar2 {
    padding: 10px
}

.searchbar2 .s_ipt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: 100%;
    outline: 0;
    display: block;
    text-indent: .5em;
    padding: 3px 0;
    height: 42px
}

.searchbar2 .s_sel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: 100%;
    outline: 0;
    display: block;
    text-indent: .5em;
    padding: 3px 0;
    height: 42px;
    margin-bottom: 10px
}

.searchbar2 .s_btn {
    margin-top: -42px;
    right: 10px;
    border: 0 none;
    border-left: 1px solid #ddd;
    outline: 0;
    background-color: #fff;
    background: url(../images/search_ico.gif) no-repeat 13px 14px;
    background-size: 15px auto;
    cursor: pointer;
    display: block;
    width: 42px;
    height: 42px;
    text-indent: -999em
}

.searchbar2 .submit {
    background-color: #ff9b42;
    font-size: 1em;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    display: block;
    border: 0 none;
    width: 100%;
    margin-top: 10px
}

.searchbar2 .guess_local {
    margin-bottom: 10px
}

.searchbar2 .guess_local #curLocation2 {
    color: #f60
}

.sys_tips {
    background-color: #5b5b5b;
    border-radius: 10px;
    padding: 20px;
    position: fixed;
    left: 50%;
    z-index: 9999;
    margin-left: -140px;
    width: 240px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .4)
}

.sys_tips .hd {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 3px 0 6px 6px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.sys_tips .bd {
    padding: 10px 10px 0 10px;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    text-align: center
}

.sys_tips .bd .btn {
    margin: 30px auto 15px auto;
    text-align: center;
}

.sys_tips .btn1,
.sys_tips .btn2 {
    color: #000;
    border: 1px solid #dadada;
    background-color: #f3f3f3;
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 2px
}

.sys_tips .btn1 {
    border: 1px solid #c5cbc1;
    background-color: #f6fcee;
    margin-right: 8px
}

.sys_tips .bd .close {
    color: #36c
}

.sys_tips .bd .close:hover {
    color: #d00
}

.renzheng {
    font-size: 12px
}

.nosmrz,
.noyyzz,
.smrz,
.yyzz {
    height: 18px;
    border: 0;
    overflow: hidden;
    display: inline-block;
    margin-left: 5px;
    background-image: url(../images/rz-icon.png);
    background-repeat: no-repeat;
    vertical-align: middle
}

.smrz {
    background-position: 0 0;
    width: 22px
}

.nosmrz {
    background-position: -62px 0;
    width: 22px
}

.yyzz {
    background-position: 0 -18px;
    width: 23px
}

.noyyzz {
    background-position: -62px -20px;
    width: 23px
}

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

#sharepic {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: 0.8;
    display: none;
    width: 100%;
    height: 100%;
}

#sharepic img {
    width: 100%;
    height: auto;
}

.gd_infolist {
    border-top: #e3e3e3 1px solid;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background-color: #FFF;
}

.gd_infolist em {
    color: #ff0000;
    font-size: 15px;
    font-weight: 800;
    width: 20%;
    text-align: center;
    float: left;
    letter-spacing: 1px;
}

.appleinfo {
    height: 40px;
    overflow: hidden;
    margin: 0px auto 0px 0px;
    float: left;
    text-align: left;
    width: 80%;
    line-height: 40px;
}

.appleinfo ul li {
    height: 40px;
    line-height: 40px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 12px;
}

.appleinfo ul li a {
    color: #cacaca
}

.appleinfo ul li a font {
    font-size: 13px;
}

.nav_APP {
    max-width: 640px;
    margin: auto;
    position: absolute;
    right: 5px;
    left: 5px;
    top: 52px;
    z-index: 99;
    display: none;
}

.nav_APP ul {
    display: table;
    width: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, .75);
    padding: 7px 0 5px 0;
    text-align: left;
}

.nav_APP ul li {
    font-size: 0;
    display: inline-block;
    width: 25%;
    text-align: center;
    margin: 6px 0;
}

.nav_APP a {
    color: #fff;
    display: block;
    padding-top: 46px;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    max-width: 4em;
    overflow: hidden;
    white-space: nowrap;
}

.nav_APP .s {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    background-size: 42px auto;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    background-position: 0 0;
    margin-left: -21px;
    border-radius: 10%
}

.nav_APP .arrow-up {
    position: absolute;
    top: -6px;
    right: 13px;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #000;
    opacity: .75;
}

#windowIframe .loading .gif {
    height: 60px;
    width: 60px;
    background: url('../images/loader.gif') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    z-index: 1001;
}

.backtotop,
.right_float {
    position: fixed;
    bottom: -70px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .4);
    right: 10px;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    text-align: center;
    z-index: 498;
    background-image: url(../images/backup.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 66% auto;
    display: none;
}

.backtotop_show {
    -webkit-transform: translate3d(0, -150px, 0);
    -moz-transform: translate3d(0, -150px, 0);
    -ms-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0);
}

.header .changecity {
    text-align: left;
    position: absolute;
    width: 66px;
    height: 45px;
    top: 0;
    font-size: 16px;
    overflow: hidden;
    font-size: 14px;
}

.header span.change {
    float: left;
}

.header .changecityico {
    display: block;
    width: 12px;
    height: 30px;
    overflow: hidden;
    background: url(../images/arrow_bt.png) 0px 20px no-repeat;
    background-size: 12px auto;
    margin-left: 5px;
    float: left;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input {
    -webkit-user-select: auto;
}

body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.header .pm {
    background: url(../images/member/pm.png) 3px 15px no-repeat;
    width: 20px;
    height: 36px;
    position: absolute;
    right: 0;
    font-size: 12px;
    padding-left: 18px;
}

.newvip {
    background-color: red !important;
}

.MayiLoading {
    background: transparent;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.MayiLoading img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.dykf {
    position: fixed;
    bottom: 90px;
    left: 0;
    background: rgba(0, 0, 0, .4);
    color: #FFF;
    font-size: 12px;
    z-index: 998;
    text-align: center;
    padding: 10px 6px 10px 8px;
    letter-spacing: 1px;
}

.dykf span {
    display: block;
    border-top: 1px solid #EEE;
    margin: 10px 0 0;
    padding: 10px 0 0;
}

.dykf span:first-child {
    border-top: 0;
    margin: 0;
    padding: 0;
}

.home_APP {}

.home_APP ul {
    display: table;
    width: 100%;
    border-radius: 4px;
    background: #ffffff;
    padding: 10px 0 10px 0;
    text-align: left;
}

.home_APP ul li {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin: 8px 0;
}

.home_APP a {
    display: block;
    padding-top: 46px;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    max-width: 4em;
    overflow: hidden;
    white-space: nowrap;
}

.home_APP .s {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    background-size: 44px auto;
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    background-position: center center;
    margin-left: -21px;
}

.erweima_wrap {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    z-index: 101;
    top: 0px;
    bottom: 0px;
    position: fixed;
    left: 0;
}

.erweima {
    width: 260px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -130px;
    z-index: 999;
    padding-bottom: 20px;
    -webkit-transform: translateY(-50%);
}

.guanzhu_erweima {
    display: block;
    margin: 0 auto;
    width: 175px;
    height: 175px;
    margin-top: 10px;
}

.guanzhu_title {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
}

a.wedidit {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin: 0 0;
    text-align: center;
    color: #00acff;
}

.blue .guanzhu_title {
    background-color: #3592E2;
}

.green .guanzhu_title {
    background-color: #42b712;
}

.orange .guanzhu_title {
    background-color: #FF7201;
}

.red .guanzhu_title {
    background-color: #EE4341;
}

.checkboxinner label {
    margin: 3px 5px !important;
    display: inline-block;
    border: #d4d4d4 1px solid;
    border-radius: 66px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 24px;
    background-color: #f8f8f8;
}

.ch_label_selected {
    border: 1px solid #ff8f45 !important;
    color: #FFF !important;
    background-color: #ff6600 !important;
}

.dingwei {
    font-size: 12px;
    color: #000;
    background: url(../images/mayi-locate.png) left center no-repeat;
    background-size: 15px auto;
    padding-left: 15px;
    color: #88AED2;
}

iframe[src*="ucweb.com"] {
    display: none !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aaa;
}

.location {
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.intdes {
    background-color: #ffffff;
    padding: 10px;
    line-height: 25px;
    text-indent: 28px;
    border-bottom: 1px #e4e4e4 solid;
}

.ituijian {
    background-image: url(../images/tuijian.gif) !important;
    background-position: 54% 33% !important;
    background-repeat: no-repeat !important;
}

#ewm_content {
    line-height: 28px;
    margin: 10px 10px 0 10px;
    padding: 10px;
    border: 1px solid;
    border-color: #abdc97;
    background-color: #f5fff1;
}

#ewm_content center,
#ewm_content img {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.flt {
    text-align: center;
    line-height: 21px;
    font-size: 13px;
    color: gray;
    max-height: 115px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: hidden;
}

.flt li {
    width: 22.13%;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    display: block;
    float: left;
}

.flt li:last-child {}

.flt img {
    border-radius: 10px;
    width: 100%;
    height: 80px;
}

.articles {
    background-color: white;
    padding-top: 7px;
}

.articles li {
    height: 70px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    width: 92%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px solid #eee;
    margin: 0 0 10px 0;
}

.articles li:last-child {
    border-bottom: none
}

.articles li a.biaoti {
    font-size: 16px;
    color: #000;
    height: 30px;
    line-height: 30px;
}

.articles li a.lanmur {
    text-decoration: underline;
    margin-left: 5px;
}

.articles li .posttime {
    text-decoration: underline;
    margin-left: 5px;
    margin-right: 5px;
}

.articles li .face {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.articles li .contact_who {
    color: #999;
    font-size: 12px;
}

.articles li.top {}

.articles li.new a.biaoti {
    color: #4998e7;
    padding-left: 20px;
    position: relative;
}

.articles li.new a.biaoti:before {
    font-size: 10px;
    color: #fff;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    margin-left: 1px;
    margin-right: 3px;
    content: '新';
    width: 16px;
    height: 16px;
    background: #4998e7;
    left: 0;
    top: 9px;
    position: absolute;
}

.articles li.top a.biaoti,
.articles li.tu a.biaoti {
    width: 71%;
    padding-left: 20px;
    position: relative;
}

.articles li.top a.biaoti:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #e74950;
    content: '顶';
    width: 16px;
    height: 16px;
    margin-left: 1px;
    margin-right: 5px;
    left: 0;
    top: 4px;
    position: absolute;
}

.articles li.tu a.biaoti:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #42b712;
    content: '图';
    width: 16px;
    height: 16px;
    margin-left: 1px;
    margin-right: 5px;
    left: 0;
    top: 4px;
    position: absolute;
}

.laba a {
    white-space: nowrap;
    color: #3592e2;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 2px;
}

.laba a:hover,
.laba a.current {
    background-color: #3592e2;
    color: white;
}

.laba {
    border-bottom: 1px #eee solid;
    line-height: 25px;
    border-top: 1px #eee solid;
    padding: 10px 10px;
    padding-left: 40px;
    background: #FFFDF0 url(../images/ico_locate.gif) no-repeat;
    background-position: 12px;
    background-size: 16px auto;
}

.footer center img {
    opacity: 0.5;
}

.mayimore {
    margin-top: 10px;
    background-color: #FFEDEC !important;
    border: 1px #ff6600 solid !important;
    border-radius: 4px;
}

.mayifb {
    margin-top: 10px;
    background-color: #FF2E2C !important;
    border-radius: 4px;
    border: none;
}

.mayifb_l {
    text-align: center;
    position: relative;
    color: #FFFFFF;
    border: none;
    font-size: 15px;
}

.mayifb_r {
    text-align: center;
    position: relative;
    color: #ff0000 !important;
}

a.cats {
    color: #2469A2
}