/* CSS Document */


/**/

.im_slide {
    padding: 50px 15px 5px 15px;
    background-image: url(im_slide_1.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #fff;
    background-size: 100%;
}

.im_slide_2 {
    background-image: url(im_slide_2.jpg);
}

.im_slide_3 {
    background-image: url(im_slide_3.jpg);
}

.im_slide_4 {
    background-image: url(im_slide_4.jpg);
}

.im_slide_5 {
    background-image: url(im_slide_5.jpg);
}

.im_slide_6 {
    background-image: url(im_slide_6.jpg);
}

.im_slide_7 {
    background-image: url(im_slide_7.jpg);
}

.im_slide_8 {
    background-image: url(im_slide_8.jpg);
}

.im_slide_9 {
    background-image: url(im_slide_9.jpg);
}

.im_slide_10 {
    background-image: url(im_slide_10.jpg);
}

.im_slide_np {
    padding-top: 15px
}

.im_slide_gray {
    background-color: #F6F6F6;
    background-image: url(im_slide_11.jpg);
}

.im_slide .swiper .swiper-slide img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* 轮播图内容居中 */

.im_slide .swiper .swiper-slide {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.im_slide .swiper .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}


/**/

.im_topsearch {
    position: absolute;
    left: 0px;
    top: 12px;
    width: 100%;
    z-index: 100
}

.im_topsearch a {
    color: #fff;
    display: block;
}

.im_topsearch .im_lbs {
    padding: 1px 0 1px 15px;
    line-height: 24px;
    font-size: 14px;
}

.im_topsearch .im_write {
    padding: 3px 15px 0px 0;
}

.im_topsearch .im_searchbar a {
    margin: 0 15px;
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #666;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
}

.im_topsearch .im_searchbar .icon {
    padding: 0 5px 0 15px;
    font-size: 15px;
}

.im_topsearch .im_lbs .icon,
.im_topsearch .im_write .icon {
    font-size: 24px;
}


/**/

.im_apps {
    padding-left: 15px;
    padding-right: 15px;
}

.im_apps .apps_swiper li img {
    width: 48px
}


/**/

.im_goods div.mb10 {
    margin: 0 15px 10px 15px;
}

.im_goods div.b_c3 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/**/

.im_html1 {
    padding: 0 15px 10px 15px;
}

.im_html1 a {
    display: block;
    background: #fff;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.im_html1 .im_left {
    width: 40%;
    padding-right: 10px;
}

.im_html1 .im_left a {
    height: 158px
}

.im_html1 .im_left img {
    width: 100%;
    display: block
}

.im_html1 .flex a {
    height: 64px;
}

.im_html1 .flex img {
    width: 64px;
    display: block
}

.im_html1 .im_t2 {
    margin-bottom: 10px;
}

.im_html1 .im_t1 h3 {
    color: #ff6a4c
}

.im_html1 .im_t2 h3 {
    color: #ff6687;
    margin-top: 7px;
}

.im_html1 .im_t3 h3 {
    color: #66c9ff;
    margin-top: 7px;
}


/**/

.im_html2 {
    padding-top: 10px
}

.im_html2 .im_t {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.im_html2 .im_t a {
    padding: 10px;
}

.im_html2 .im_t img {
    width: 48px;
    margin-right: 10px;
}

.im_html2 .im_t h4 {
    font-size: 16px;
}

.im_html2 .im_t p {
    font-size: 13px;
    height: 22px;
    overflow: hidden;
    color: #999
}

.im_html2 .im_t span {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    margin-top: 10px;
    font-size: 14px
}

.im_html2 .im_t1 {
    margin-bottom: 10px;
}

.im_html2 .im_t2,
.im_html2 .im_t3 {
    width: -moz-calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
}

.im_html2 .im_t4 {
    padding: 10px;
}

.im_html2 .im_t4 li {
    float: left;
    width: 25%;
    text-align: center
}

.im_html2 .im_t4 li img {
    width: 48px;
}

.im_html2 .im_t4 li a {
    border-right: 1px solid #f6f6f6;
    display: block
}

.im_html2 .im_t4 li:last-child a {
    border-right: 0px
}

.im_html2 .im_t5 {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
}


/**/

.im_html3 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px
}

.im_html3 h3 {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.im_html3 h3 span,
.im_html3 h3 em {
    display: inline-block;
}

.im_html3 h3 span {
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px
}

.im_html3 h3 em {
    width: 60px;
    height: 1px;
    background: #eee;
    vertical-align: middle
}

.im_html3 ul.div li {
    float: left;
    width: 50%;
}

.im_html3 ul.div li a {
    display: block;
    padding: 5px;
}

.im_html3 ul.div li a img {
    display: block;
    width: 100%;
}

.im_html3 ul.list {
    padding: 10px 0
}

.im_html3 ul.list li {
    float: left;
    width: 25%;
    text-align: center
}

.im_html3 ul.list li a {
    display: block;
}

.im_html3 ul.list li a img {
    display: inline-block;
    width: 48px;
}

.im_html3 ul.list li p.c9 {
    font-size: 16px;
}

.im_html3 ul.list li p.c4 {
    font-size: 14px;
    text-decoration: line-through
}


/**/

.im_ann.b_c3 {
    background: #fcfcfc;
    border-top: 1px solid #f6f6f6;
}

.im_ann.announcement {
    padding-left: 15px;
    padding-right: 15px;
}


/**/

.im_topnv {
    position: fixed;
}

.im_topnv li,
.im_topnv li.c1 {
    border-bottom: 2px solid;
    height: 43px;
    line-height: 43px;
}

.im_topnv li {
    border-color: transparent;
}

.im_topnv li a,
.im_topnv li.c1 a {
    color: #fff;
}

.im_topnv li.c1 {
    border-color: #fff;
}


/**/

.discuz_actitem {
    padding: 15px 15px 10px 15px;
    display: block;
}

.discuz_actitem .cover {
    position: relative
}

.discuz_actitem .cover img {
    width: 100%;
    display: block;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.discuz_actitem .cover h3 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    font-size: 15px;
    overflow: hidden;
    color: #fff
}

.discuz_actitem .cover div {
    position: absolute;
    background: #C30;
    color: #fff;
    padding: 10px;
    left: 0px;
    top: 20px;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.discuz_actitem .cover div strong,
.discuz_actitem .cover div span {
    display: inline-block
}

.discuz_actitem .cover div strong {
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #fff;
    padding-right: 10px;
}

.discuz_actitem .cover div span {
    line-height: 16px;
    padding: 0 5px 0 15px;
    font-size: 0.8125rem;
}

.discuz_actitem .info {
    padding: 10px 0 5px 0;
    font-size: 13px
}

.discuz_actitem .info span.b_c2 {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/**/

.portal_order {
    padding: 5px 0;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000
}

.portal_order li {
    display: inline-block;
    margin: 0 10px;
    height: 30px;
    line-height: 28px;
    padding: 0 5px;
    border-bottom: 1px solid #fff;
}

.portal_order li.a {
    border-bottom: 1px solid #f00;
}

.portal_order li.a a {
    color: #f00
}


/**/

.discuz_sort_title {
    padding: 10px 0;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000
}

.discuz_sort_title ul {
    padding: 0 10px
}

.discuz_sort_title li {
    float: left;
    padding: 0 10px;
}

.discuz_sort_title li a {
    height: 30px;
    line-height: 30px;
    display: inline-block
}


/**/

.discuz_sortdiy {
    height: 163px;
}

.discuz_sortdiy .scrollx_area {
    height: 153px;
}

.discuz_sortdiy .scrollx_area .c {
    padding: 0 10px;
}

.discuz_sortdiy li {
    display: inline-block;
    width: 280px;
    height: 151px;
    margin: 0 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.discuz_sortdiy li div p {
    padding-bottom: 10px;
    height: 20px;
}

.discuz_sortdiy li div p span.bo {
    display: inline-block;
    padding: 0 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.discuz_sortdiy li h4 {
    height: 56px;
    line-height: 28px;
    overflow: hidden;
    white-space: normal;
}

.discuz_sortdiy li .b_c5 {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    text-align: center;
}


/**/

.discuz_sortpic {}

.discuz_sortpic img {
    width: 130px;
    float: left;
    margin-right: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

.discuz_sortpic h4 {
    font-size: 15px;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden
}

.discuz_sortpic p.ads {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.discuz_sortpic p.ads span:after {
    content: ",";
}

.discuz_sortpic p.ads span:last-child:after {
    content: "";
}

.discuz_sortpic h4 span {
    display: inline-block;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
}


/**/

.discuz_sorttext h3 {
    font-size: 18px;
}

.discuz_sorttext span.bo {
    display: inline-block;
    padding: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
}

.discuz_sorttext span.fc1 {
    color: #2196f3;
    border-color: #2196f3;
}

.discuz_sorttext span.fc2 {
    color: #0C0;
    border-color: #0C0;
}

.discuz_sorttext span.fc3 {
    color: #F90;
    border-color: #F90;
}

.discuz_sorttext span.fc4 {
    color: #F30;
    border-color: #F30;
}


/**/

.discuz_sort_mem {
    margin: 10px 0;
}

.discuz_sort_mem div.o_c3 {
    padding: 10px;
}

.discuz_sort_mem div.o_c3 h3 {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0px;
}

.discuz_sort_mem div.o_c3 p {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin: 0px;
}

.discuz_sort_mem a {
    display: inline-block;
    height: 72px;
    text-align: center;
    width: 72px;
}

.discuz_sort_mem a span {
    display: block;
    height: 32px;
    padding-top: 10px;
    font-size: 32px;
}

.discuz_sort_mem a p {
    padding-top: 10px;
    margin: 0px
}

.discuz_sort_mem a strong {
    display: block;
    line-height: 72px;
    font-size: 32px;
}

.discuz_sort_mem.tel.o_c3 h3 {
    height: 42px;
    line-height: 42px
}

.discuz_sort_mem.tel a {
    display: inline-block;
    height: 52px;
    text-align: center;
    width: 52px;
}

.discuz_sort_mem.tel a strong {
    display: block;
    line-height: 52px;
    font-size: 32px;
}


/**/

.discuz_sort_opt li {
    float: left;
    width: 50%;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.discuz_sort_opt li.w {
    width: 100%;
}

.discuz_sort_opt li span.c4 {
    display: inline-block;
    width: 70px;
    text-align: right;
}

.discuz_sort_opt li span.c4:after {
    content: ":";
    padding: 0 5px;
    font-weight: bold
}


/**/

.topic_bglist {
    height: 112px;
}

.topic_bglist .scrollx_area {
    height: 102px;
}

.topic_bglist .scrollx_area .c {
    padding: 15px 10px;
}

.topic_bglist li {
    display: inline-block;
    width: 164px;
    height: 82px;
    margin: 0 7px;
}

.topic_bglist li div {
    height: 82px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 10;
}

.topic_bglist li div:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    width: 164px;
    height: 82px;
    z-index: 20;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.topic_bglist li a {
    position: absolute;
    z-index: 30;
    display: block;
    width: 164px;
    height: 82px;
    text-align: center;
    line-height: 84px;
}


/**/

.topic_splicing {
    padding: 15px
}

.topic_splicing div.b_c3,
.topic_splicing div.b_c5 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.topic_splicing div.first {
    height: 100px;
    position: relative;
    z-index: 10;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

.topic_splicing div.first:after {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: 20;
    background: rgba(0, 0, 0, 0.4);
    left: 0px;
    top: 0px;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

.topic_splicing div.first a {
    position: absolute;
    width: 100%;
    height: 100px;
    z-index: 30;
    left: 0px;
    top: 0px;
}

.topic_splicing div.first a p.count {
    text-align: right;
    height: 30px;
    text-align: right;
    line-height: 40px;
    font-size: 12px;
    padding-right: 15px;
}

.topic_splicing div.first a p.tag {
    padding: 0 0 5px 15px;
}

.topic_splicing div.first a p.tag span {
    background: #f60;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.topic_splicing div.first a h4 {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 700;
}

.topic_splicing ul {
    padding: 5px;
}

.topic_splicing ul li {
    float: left;
    width: 50%;
    text-align: center;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 16px
}

.topic_splicing ul li a {
    display: block;
}


/**/

.mainfooter a.c4,
.mainfooter a.c1 {
    color: #000
}

.mainfooter a span.im {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(footer.jpg) no-repeat;
    background-image: url(footer.jpg);
    background-repeat: no-repeat;
    background-size: 135px 54px;
}

.mainfooter a span.home {
    background-position: 0 0;
}

.mainfooter a.c1 span.home {
    background-position: 0 -27px;
}

.mainfooter a span.forum {
    background-position: -27px 0;
}

.mainfooter a.c1 span.forum {
    background-position: -27px -27px;
}

.mainfooter a span.group {
    background-position: -81px 0;
}

.mainfooter a.c1 span.group {
    background-position: -81px -27px;
}

.mainfooter a span.find {
    background-position: -54px 0;
}

.mainfooter a.c1 span.find {
    background-position: -54px -27px;
}

.mainfooter a span.my {
    background-position: -108px 0;
}

.mainfooter a.c1 span.my {
    background-position: -108px -27px;
}

.tabbar span.quickcar {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 990;
    left: calc(50% - 30px);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 15px;
    top: -15px;
}

.tabbar span.quickcar:before {
    font-size: 46px;
}

.im_market {
    background: url(market.jpg) no-repeat 50% 0 #fff;
    background-size: 100%;
    padding-top: 54px;
}