/*
  Author: Andy Chan
  http://www.ipads.cc
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0; 
	vertical-align: baseline;
    text-decoration: none;
    list-style: none;
    font-weight: normal;
} 
a:link{ 
    color: #311919;
    text-decoration: none;
    outline: none;
    background: none;
     -webkit-tap-highlight-color:transparent;
    -moz-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
}
a:visited{ 
    color: #311919;
}
img{
    border: 0;
    width: 100%;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
} 
input,textarea,button,select{
    border: none;
    outline: none;
    resize: none;
}
html { 
	font: inherit;
    width: 100%;
    font-size: 100%;
    font-size:12px;  /*默认字体大小*/
    outline: 0;
    -webkit-text-size-adjust : none ;
    -moz-text-size-adjust : none ;
    -ms-text-size-adjust : none ;
    text-size-adjust : none/*禁止横竖屏时内容自动调整*/
}
body {
    width: 100%;
    margin: 0; 
   /* -webkit-user-select: none; */
    font-size: 100%;
    font-family: 'Heiti SC','Microsoft YaHei', 'Helvetica, Tahoma', 'Arial', 'sans-serif'; 
    background: #ebebeb; 
} 
.clearfix:before,.clearfix:after{
    content: '';
    display: table;
}
.clearfix:after{
    clear: both;
}
.clearfix{
    zoom:1;
} 
.fl{
    float: left;
}
.fr{ float: right;
}
.container{
    width: 96%; 
    margin: 0 auto;
    padding: 0 2%;
    max-width: 640px;
}
.wbg,
.swiper-slide ,
.swiper-container .swiper-pagination-bullet{ 
    background: #fff;
}
.bd5{
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bd10{
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.bd30{
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.h24{
    max-width: 640px;
    margin: 0 auto;
}
.header .htop{
   
    padding: 1rem 0 0;
    width: 50%;
    text-align:left;
    position: relative;
} 
.search2 .btns{
    display: inline-block;
    background: url(../images/secbtn.png) no-repeat center;
    background-size: contain;
    width: 1.8rem;
    height: 1.85rem;  
    text-indent: -999em; 
}
.search2{
    margin: -40px auto;
    width: 50%;
    position: relative; 
	float:right;
} 
.search2 input{
    height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 2%;
    width: 75%;
}
.search2 .btns{
    position: absolute;
    top: 0.45rem;
    right: 7%;
}

.header .secbtn_box{ background:#f5f5f5; padding:0.5rem 2rem;  position:relative; z-index:1001; margin-top:.5rem; text-align:right; overflow:hidden;}
.header .secbtn_text{ width:100%; float:left; background:#fff; border:#e5e5e5 1px solid; border-radius:3px; box-sizing:border-box; line-height:2rem;font-size:1.2rem; text-align:center; font-family:"microsoft yahei"; color:#919191;}
.header .secbtn{ 
	display: inline-block;
    background: url(../images/secbtn.png) no-repeat center;
    background-size:100% 100%;
    width: 1.2rem;
    height: 1.2rem;
	position:absolute;
	left:1.5rem;
	top:1rem; z-index:15;
	margin-top:.1rem;
}

.header .htop img{
    width: auto; 
	text-align:left;
	padding: 0 2rem;
} 
.header .menu {
    background: #333; 
    height: 2.8rem;
    line-height: 2.8rem;
    display: flex;
    justify-content: center;
    text-align: center;
}
.header .menu a{
    color: #fff; 
    width: 20%;
    font-size: 1.2rem;
}
.alltips{ 
    font-size: 1,2rem;
    color: #222;
    padding: 1rem 0;
}
.alltips .container p{
    background: url(../images/tipright.png) no-repeat right center;
    background-size: auto 100%;  
}
.alltips em{
    display: inline-block;
    width: ;
    height: ;
    background: url(../images/secbtn.png) no-repeat center;
    background-size: contain; 
}
.alltips b{
    font-weight: 600;
}
.swiper-container {
    width: 100%;
    height: 100%; 
    max-height: 600px;
    overflow: hidden;
}
.swiper-slide {
    text-align: center;
    font-size: 18px; 
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*max-height: 300px;*/
    overflow: hidden;
}
.proshows .swiper-container ,.proshows .swiper-slide{
    max-height: 100%;
}
.swiper-container .swiper-pagination-bullet{ 
    opacity: .7;
}
.swiper-container .swiper-pagination-bullet-active{
    opacity: 1;
}
.swiper-slide img{ 
    width: 100%;
    overflow: hidden;
}
.proshows  .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 30px;
}
/*banner*/
.banner{
    padding: 1rem 0;
    display: flex;
    justify-content: center;
}
.banner a{
    display: inline-block;
    width: 49%;
    margin-right: 1%;
}
.banner a:last-child{
    margin-left: 1%;
    margin-right: 0;
/*
    width: 45%;
    margin-left: 5%;
*/
}
/*搜索*/
.search{
    margin: 15px auto;
    width: 60%;
    position: relative;
} 
.search input{
    height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 5%;
    width: 75%;
}
.search .btns{
    position: absolute;
    top: 0.45rem;
    right: 7%;
}


/*主体内容*/
.g-wrap {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    min-width: 320px;
    max-width: 750px;
    width: 100%;
}
.g-container {
    position: relative;
   /* overflow: hidden;*/
}

.g-container.g-hidden::after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
/*面包屑导航*/

.nav-crumbs {
    padding: 1.25rem 0 0.7rem 1.1rem;
    background-color: #ffffff;
    font-size: 1.3rem;
}

.nav-crumbs a {
    color: #635f5f;
    font-size: 1.3rem;
}

.nav-crumbs span {
    padding: 0 0.5rem;
    color: #62d8da;
}
.classify-introduce {
    background: #fff;
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.8;
    font-size: 1.5rem;
    color: #666666;
}

.classify-introduce::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .classify-introduce::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.classify-introduce .head {
    color: #3d464d;
    font-size: 2.3rem;
    font-weight: 400;
    text-align: center;
    padding-top: 2.2rem;
    margin-bottom: 1rem;
}
.g-area {
    padding: 0 1.2rem;
}

.rich-text {
    line-height: 1.8;
    font-size: 1.5rem;
    color: #666666;
    text-align: justify;
    word-break: break-all;
}

.rich-text img {
    display: block;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 2.3rem auto 2.65rem;
}

.rich-text div,
.rich-text p {
    margin-bottom: 2.85rem;
}
.classify-article-list .head {
    height: 3rem;
    font-size: 1.9rem;
    color: #be1735;
    font-weight: 400;
    line-height: 3rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.classify-article-list .head:before {
    content: ' ';
    float: left;
    display: inline-block;
    margin-top: 0.65rem;
    width: 0.35rem;
    height: 1.7rem;
    background: #be1735;
    margin-right: 0.85rem;
}

.classify-article-list .item {
    background: #fff;
    margin-bottom: 1rem;
    position: relative;
    position: relative;
    padding-top: 1.95rem;
    overflow: hidden;
}

.classify-article-list .item::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;

    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .classify-article-list .item::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}

.classify-article-list .item::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .classify-article-list .item::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.classify-article-list .context {
    font-size: 1.5rem;
    line-height: 1.66667;
    color: #666666;
}

.classify-article-list div,
.classify-article-list p {
    margin-bottom: 1.15rem;
}

.classify-article-list .link {
    display: block;
    height: 2.65rem;
    width: 10.4rem;
    background: #f7f7f7;
    font-size: 1.3rem;
    line-height: 2.6rem;
    text-align: center;
    margin: 0 auto 2.05rem;
    color: #9fa6a8;
}

.classify-introduce {
    background: #fff;
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.8;
    font-size: 1.5rem;
    color: #666666;
}

.classify-introduce::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .classify-introduce::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.classify-introduce .head {
    color: #3d464d;
    font-size: 2.3rem;
    font-weight: 400;
    text-align: center;
    padding-top: 2.2rem;
    margin-bottom: 1rem;
}

.classify-menu {
    -webkit-overflow-scrolling: touch;
}

.classify-menu .btn {
    width: 4rem;
    height: 4rem;
    position: fixed;
    z-index: 10;
    left: 0.85rem;
    bottom: 1.5rem;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    line-height: 4rem;
    text-align: center;
    font-size: 2.45rem;
    border-radius: 4rem;
    overflow: hidden;
    cursor: pointer;
}

.classify-menu .menu-wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
}

.classify-menu .close {
    width: 9.15rem;
    height: 9.75rem;
    position: fixed;
    top: 50%;
    right: 1.05rem;
    margin-top: -4.875rem;
}

.classify-menu .menu {
    background: #fff;
    width: 62.66667%;
    height: 100%;
}

.classify-menu .menu .head {
    line-height: 5.2rem;
    font-size: 1.8rem;
    background: #62d8da;
    color: #fff;
    font-weight: 400;
    text-indent: 1.85rem;
}

.classify-menu .menu .list {
    position: relative;
    padding: 3.55rem 0.5rem 0 3.65rem;
    color: #666666;
    font-size: 1.6rem;
    max-height: 80%;
    overflow: auto;
}

.classify-menu .menu .list:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 1.9rem;
    height: 100%;
    width: 1px;
    background: #f1f1f1;
}

.classify-menu .menu .list li {
    position: relative;
    margin-bottom: 4.5rem;
}

.classify-menu .menu .list li:before {
    width: 1.5rem;
    height: 1.5rem;
    content: ' ';
    display: block;
    position: absolute;
    top: 0.4rem;
    left: -2.5rem;
    background: #fff;
    border-radius: 1.5rem;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.classify-menu .menu .list li a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.classify-menu .menu .list li:last-child {
    margin-bottom: 0;
}

.classify-menu .menu .list .active:before {
    background: #62d8da;
    border: 1px solid #62D8DA;
}

/*面包屑导航*/

.nav-crumbs {
    padding: 1.25rem 0 0.7rem 1.1rem;
    background-color: #ffffff;
    font-size: 1.3rem;
	 margin-top: 7rem;
}

.nav-crumbs a {
    color: #635f5f;
    font-size: 1.3rem;
}

.nav-crumbs span {
    padding: 0 0.5rem;
    color: #62d8da;
}

.rec-head {
    color: #62d8da;
}

.wiki-header .logo {
    width: 13.7rem;
}

.article-list .longtxt-wrap {
    position: relative;
    width: 100%;
    padding: 0 1.1rem 0 1.4rem;
}

.article-list .longtxt-wrap h2 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #3d464d;
    font-weight: 400;
    padding-bottom: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list .longtxt-wrap h2::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #999;
    border-radius: 100%;
}

.article-list .longtxt-wrap h2:only-child {

    padding: 1.95rem 0 2rem;
}

.article-list .longtxt-wrap h2:only-child::before {
    top: 2.85rem;
}

.article-list .longtxt-wrap p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 0.25rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8rem;
    max-height: 3.6rem;
    color: #9fa6a8;
}

.article-list .rec-list .longtxt-wrap h2::before {
    background-color: #62d8da;
}

.article-list .list-more {
    height: 6.45rem;
    overflow: hidden;
}

.article-list .list-more a {
    display: block;
    position: relative;
    width: 14.2rem;
    height: 3rem;
    margin: 1.7rem auto 0;
    border: 1px solid #62d8da;
    color: #62d8da;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2.9rem;
    text-indent: -0.5rem;
}

.article-list .list-more a::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    right: 2.2rem;
    border: 0.75rem solid transparent;
    border-top-width: 0.5rem;
    border-bottom-width: 0.5rem;
    border-left-color: #62d8da;
}

.article-list .wiki-list {
    padding: 0.35rem 1.5rem 0.8rem 1.2rem;
}

.article-list .wiki-list li {
    position: relative;
    width: 15.5rem;
    font-size: 1.6rem;
    line-height: 4.1rem;
    text-indent: 0.95rem;
    color: #3d464d;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list .wiki-list li:nth-child(odd) {
    margin-right: 3.5rem;
}

.article-list .wiki-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.8rem;
    width: 0.35rem;
    height: 0.35rem;
    background-color: #878787;
}

.wiki-loading {
    height: 6.45rem;
    font-size: 1.5rem;
    line-height: 6.45rem;
    color: #999;
    text-align: center;
    position: relative;
}

.wiki-loading::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .wiki-loading::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}

.wiki-loading .circle {
    position: relative;
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    vertical-align: middle;
    margin-top: -0.3rem;
    border: 0.15rem solid #62d8da;
    border-radius: 100%;
    margin-right: 1rem;
    -webkit-animation: amt-spin 1s linear infinite;
    animation: amt-spin 1s linear infinite;
}

.wiki-loading .circle::before {
    content: "";
    position: absolute;
    right: -0.15rem;
    bottom: -0.15rem;
    width: 0.65rem;
    height: 0.65rem;
    background: #fff;
}

@-webkit-keyframes amt-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes amt-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.app-header {
    overflow: hidden;
    height: 40px;
    background: #000000;
}

.app-header>img {
    width: 22%;
    height: 45px;
    margin-left: 9px;
    float: left;
}

.app-input {
    width: 67%;
    margin-top: 5px;
    margin-left: 15px;
    float: left;
    height: 80%;
    border-radius: 15px;
    overflow: hidden;
    background: #c8c8c8;
    position: relative;
}

.app-input input {
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: #c8c8c8;
    font-size: 1.3rem;
}

.sear {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 80%;
}

.sear img {
    width: 22px;
    height: 22px;
}

.cc-container {
   overflow: hidden; 
     /* display: flex;*/
}

.cc-container>div {
    width: 33.3%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
    font-size: 1.4rem;
    text-align: center;
    padding: 5px 0;
}

.cc-container .spe {
    color: #fff;
    background: #be1735
}

.cc-container .spe ul {
    display: none;
    padding: 1rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    z-index: 888;
}

.cc-container .spe .show {
    display: block
}

.cc-container .spe ul li {
    padding: 4px;
    margin-right: .8rem;
    ;
    border-radius: 5px;
    color: #000;
    margin-bottom: .8rem;
    float: left;
    background: #ebebeb none repeat scroll 0 0
}

.app-footer {
    text-align: center;
    font-size: 1.3rem;
}

.app-page {
    padding: 0 .8rem;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}


.classify-article-list .main {
    background: #fff;
    padding: 10px 0;
    overflow: hidden;
}

.classify-article-list .main>div {
    float: left;
	overflow: hidden;
    text-indent: 1em;
    font-size: 1.3rem;
    margin-bottom: .6rem;
    width: 50%;

}

.classify-article-list .chanpin {
    overflow: hidden;
    font-size: 1.6rem;
}

.classify-article-list .chanpin .items {
    width: 48%;
    float: left;
    border: 1px solid #f0f0f0;
    margin-bottom: .1rem;
	margin:0.2rem;
}
.classify-article-list .chanpin .items .items_img{ 
}

.classify-article-list .chanpin .items p {
      font-size: 1.3rem;
    height: 3.8rem;
    line-height: 1.8rem;
    overflow: hidden;
    color: #666;
    margin: 0.5rem;
    box-sizing: border-box;
}

.classify-article-list .chanpin .items .money {
    margin-bottom: .1rem;
    text-align: center;
    color: #be1735;
}

.classify-article-list .chanpin .items img {
    width: 100%;
    
}

.classify-article-list .chanpin .items2 {
    width: 100%;
    float: left;
    border: 1px solid #f0f0f0;
    margin-bottom: .1rem;
}

.classify-article-list .chanpin .items2 .title {
    margin-bottom: .4rem;
    margin-left: 5px;

    color: #000;font-weight: 600
    /* text-align: center; */
}
.classify-article-list .chanpin .items2 .desc {
    margin-bottom: .4rem;
    margin-left: 5px;
    font-size: 1.4rem;

    color: #666;
    /* text-align: center; */
}

.classify-article-list .chanpin .items2 .money {
    margin-bottom: .1rem;
    margin-left: 5px;
    color: #be1735;font-weight: 600;
}

.classify-article-list .chanpin .items2 img {
    width: 100%;
    height: 36rem;
    ;
}
.classify-article-list .chanpin .items2 .huohao{font-size: 1.3rem;margin-bottom: 5px !important;
    margin-left: 5px;
    
}

/*品牌*/
.brands{
    overflow: hidden; 
}
.brands .allb{ 
    margin-right: -1.2%;
    margin-left: 1.2%;
}
.brands a{
    width: 22%;
    float: left;
    margin:1% 1.2%;
    text-align: center;
    background: #fff;
    padding: 0.5rem;
    box-sizing: border-box;
}
/*精品市场*/
.markets,.goodpush{
    padding: 1rem 0 0;
    margin: 1rem 0;
}
.markets h1,.goodpush h1{
    text-align: center;
    font-size: 1.3rem;
    height: 1.8rem; 
}
.markets h1 > b,.goodpush h1 > b{
    display: inline-block;
    background: url(../images/icon_01.png) no-repeat center;
    background-size: contain; 
    height: 2rem;
    width: 2rem;
    position: relative;
    top: 0.5rem;
    right: 0.5rem;
}
.goodpush h1 > b{
    background: url(../images/icon_02.png) no-repeat center;
    background-size: contain; 
}
/*线*/
.markets .mtop{
    margin: 2rem 0 0; 
    border-top: 1px solid #bfbfbf;
    overflow: hidden; 
}
.markets .mtop a{
    width: 50%;
    padding: 1%;
    box-sizing: border-box;
    border-left: 1px solid #bfbfbf;
 }
.markets .mtop a:first-child,
.markets .mbottom a:first-child{
    border: 0;   
}
.markets .mbottom{
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    overflow: hidden;
    margin-top: -1px;
}
.markets .mbottom a{
    width: 25%;
    float: left;
    padding:0;
    min-height: 15rem;
    box-sizing: border-box;
    border-left: 1px solid #bfbfbf;
} 
.goodpush .gpush a{
    float: left;
    width: 22%;
    box-sizing: border-box;
    padding: 2%;
    border-left: 1px solid #bfbfbf;
    text-align: center;
}
.goodpush .gpush a:first-child{ 
    width: 34%;
    border: none;
} 
.goodpush .gpush{ 
    margin: 2rem 0 0;
    overflow: hidden;
    padding-top: 1px;
}
.goodpush .row{
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf; 
    margin-top: -1px;
}
.allas{
  margin: 1rem 0;
  text-align: justify;
}
.allas a{ 
    display: inline-block;
    color: #ff0000; 
    margin-bottom: 10px;
    box-sizing: border-box;
    font-size: 1rem;
    word-break: break-all;
}
/*热表*/
.hotwatch .tihot{
    padding-top: 1rem;
}
.hotwatch .tihot h2,.comments h1{

    color: #333;
    text-align: center;
    font-size: 1.2rem;
    background: #333;
    height: 1px;
    position: relative;
     width: 70%;
    margin: 0 auto;
}
.hotwatch .tihot h2 i,.comments h1 i{
    display: inline-block;
    width: 45%;  
    position: absolute;
    top: -0.6rem;
    left: 25%;
    background: #ebebeb;
    font-style: normal; 
    font-weight: 600;
}
.hotwatch .tihot  h3{
    color: #888;
    text-align: center;
    font-size: 1rem;
    padding: 1em 0;
}

.hotwatch  .hlist ul{
    overflow: hidden;
}
.hotwatch  .hlist li{
    width:47%;
    float: left;
    margin: 0.5rem 1.5%;
    background: #fff;
    box-sizing: border-box;
    padding-bottom: 1rem;
}

.hotwatch  .hlist .hlist_img{
   width: 100%;
    height: 30rem;
	overflow: hidden;
}

.hotwatch  .hlist h2{
    font-size: 1rem;
    line-height: 1.6rem;
    color: #666;
    margin: 0.5rem 2.5%;
    box-sizing: border-box;
}
.hotwatch  .hlist h3{
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #ff0a0a;
    margin: 0 2.5%;
    box-sizing: border-box;
    font-weight: 600;
}
.hotwatch  .hlist h3 b{
    font-size: 1rem; 
    color: #666;
    font-weight: normal;
}
.hotwatch h4{
    padding: 0.3rem 0;
    text-align: center;
}

.hotwatch  .hlist_b .loading{
	text-align:center;
	padding:1rem 0;
	font-size:1.2rem;
	color:#666;
}
.hotwatch  .hlist_b .loading:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-right:.3rem;
	width:.8rem;
	height:.8rem;
	background:url(../images/loading.gif) no-repeat 0 0;
	background-size:100%;
}
.hotwatch  .hlist_b ul{
	padding:0 .3rem;
	box-sizing:border-box;
    overflow: hidden;
}
.hotwatch  .hlist_b li{
	float:left;
	width:50%;heitht:402px; overflow:hidden;
	margin-bottom:1rem;
	background:#fff;
	padding:.4rem;
	box-sizing: border-box;
}
.hotwatch  .hlist_b h2{
    overflow: hidden;
height:50px;
    font-size: 1rem;
    line-height: 1.6rem;
    color: #666;
    margin: 0.5rem 2.5%;
    box-sizing: border-box;
}
.hotwatch  .hlist_b h3{
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #ff0a0a;
    margin: 0 2.5%;
    box-sizing: border-box;
    font-weight: 600;
}
.hotwatch  .hlist_b h3 b{
    font-size: 1rem; 
    color: #666;
    font-weight: normal;
}
/*
.hotwatch h4 a{
    color: #000;
    font-size: 1.3rem ;
    position: relative;
}

.hotwatch h4 a:after{
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -17px;
    bottom: -5px;
    border:  solid transparent;
}
.hotwatch h4 a:after{
   border-bottom: 1px solid #000;
    width: 28px; 
}
*/
/*morehot*/
.morehot{
    padding: 0.6rem 0;
}
.morehot h2{
    text-align: center;
    overflow: hidden;
    font-size: 1.2rem;
}
.morehot li h2{
    text-align: left; 
}
.morehot h2 a,.buyshow h2 a{
    display: inline-block;
    width: 50%;
    float: left;
    background: #333;
    color: #fff;
    padding: 1rem 0;
    text-align: center;
}
.h24 h2 .active{
    background: #ff0a0a;
} 
/*视频*/
.awatch ul {
    margin: 0 3%;
    overflow: hidden;
}
.awatch ul li{ 
    position: relative;
    padding: 1rem 0;
     overflow: hidden;
    border-bottom: 1px solid #aaa;
}
.awatch .aleft {
    width: 34%;
}
.awatch .aright {
    width: 63%;
    margin-left: 3%;
}
.awatch .aright h3{ 
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #000;  
    overflow: hidden;
    text-overflow: ellipsis; 
}
.morehot .aright h3,.wechatbuy .weinfo{  
    text-overflow: ellipsis;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.awatch .aright h6,.awatch .aright h2{ 
    font-size: 1.0rem; 
    padding-top:0.3rem;
    color: #666;
	line-height:25px;
}
.awatch .aright h4{
    position: absolute;
    bottom: 4%;
    width: 63%;
    color: #ff0a0a;
    font-size: 1.4rem;
}
.awatch .aright h4 b{
    display: inline-block;
    background: #560800;
    color: #fff;
    padding: 5px 10px;
    position: relative; 
    top: -0.5rem;
}
.awatch h5{
    text-align: center;
    font-size: 1.1rem;  
    color: #000;  
    margin: 0.5rem auto 0.2rem;
}
.awatch h5 a,.buyshow h5 a,.hotwatch h4 a{
    text-align: center;
    font-size: 1.1rem;
    padding: 10px 0;
    border: 1px solid #aaa;
    color: #000;
    display: inline-block;
    width: 50%;
    margin: 1rem auto;
    background: #fff;
}
.hotwatch .tihot h4 a{
    padding: 0;
    width: auto;
    border: none;
    background: none;
}
.goodus{
    padding: 2rem 0;
    border-top: 1px solid #bbb;
}
.goodus h1{
    color: #000;
    font-size:1.3rem ;
    font-weight: 600;
}
.goodus h1 b{
    color: #ff0a0a; 
     font-weight: 600;
}
.goodus .gcont{
    font-size: 1rem;
    color: #666;
    line-height: 1.8rem;
    padding: 1rem 0;
}
.goodus .gcont strong{
    font-size: 1.3rem;
    color: #000; 
}
.goodus  .gbrand a{
    float: left;
    width: 25%;
}
/*买家/资讯*/
.buyshow {
    padding: 0 0 1rem;
}
.buyshow h2 {
    overflow: hidden; 
    margin-bottom: 1rem;
}
.buyshow h2 a{
    display: inline-block;
    float: left;
    width: 33.3%;
    background: #333;
} 
.buyshow .swiper-button-prev{
    background: rgba(0,0,0,0.7); 
}
.buyshow .swiper-button-prev,.buyshow .swiper-button-next{
    background: rgba(0,0,0,0.7); 
}
.buyshow .swiper-button-prev:before,.buyshow .swiper-button-next:before{
    content: ''; 
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -11px; 
    background: url(../images/bleft.png) no-repeat center;
    background-size: contain;
    height: 22px;
    width: 12px;
}
.buyshow .swiper-button-next:before{
    left: auto;
    right: 6px;
    background: url(../images/bright.png) no-repeat center;
    background-size: contain;
}
.buyshow .container{ 
    display: none;
}
.buyshow .newlist a{
    display: block;
    padding-bottom: 1rem;
    color: #333;
    font-size: 1rem;
}
.buyshow .row{
    padding: 1rem 0 0;
}
.buyshow .prleft,.buyshow .prright{
    width: 49%;
}
.buyshow .prright a{
    display: block;
}
.buyshow .prright{
    margin-left: 2%;
}
/*分类*/
.allcats{
   padding-bottom: 3rem; 
    display: flex;
    justify-content: center;
     border-bottom: 1px solid #bbb;
    overflow: hidden;
}
.allcats h1{
    padding-left: 2%;
    font-size: 1.2rem;
    color: #000;
    padding-bottom: 0.5rem;
    font-weight: 600;
}
.allcats .row{
    max-height: 18rem;
    overflow: hidden;
}
.allcats .rowno{
    max-height: 100%!important;
    overflow: auto!important;
}
/*
.allcats .selscts{
    display: inline-block;
    width: 50%;
    padding: 2%;
    box-sizing: border-box;
}
*/
.allcats .selscts{
    display: inline-block;
    margin: 2%;
    padding: 10px;
    width: 46%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #eee;
    color: #000;
    font-size: 1rem;
    height:38px;
/*
    -webkit-appearance:none;
    appearance:none; 
*/
    border-radius:4px;
    position: relative;
} 
.allcats .selscts:after{
    content: '▼';
    font-size: 0.8rem;
    color: #888;
    position: absolute;
    top: 1rem;
    right: 6%;
}
.allcats h4{
    text-align: center;
    padding: 1rem;
    background: #eee; 
    margin: 0.5rem 0 ;
    position: relative;
}
.allcats h4 a{ 
    color: #000;
}
.allcats h4 b{
    background: url(../images/down.png) no-repeat center;
    background-size: contain;
    width: 4rem;
    height: 100%; 
    position: absolute;
    left: 50%;
    margin-left: -2rem;
    bottom: -2.2rem;
}
.allcats h4 .up{
    background: url(../images/up.png) no-repeat center;
    background-size: contain;   
}
/*服务s*/
.sever{
    padding: 1rem 0 6rem; 
}
.sever .conts{
    text-align: center; 
    width: 94%;
    margin: 0 auto;
}
.sever h1{
    font-size: 1.3rem;
    color: #006fb9;
    padding: 2rem 0 1rem;
}
.sever h1 b{ 
    color: #ff1800;
}
.sever h2{ 
    font-size: 1rem;
    color: #444;
    padding: 0.3rem 0;
} 
/*产品*/
/*产品*/
 
.catmenu .row{ 
    margin: 1rem 0 0.8rem ;
}
.prolist  .tihot {
    padding: 0 2%;
    margin: 0;
}
.prolist  .tihot h4{ 
    font-size:1.2rem ;
    color: #666;
    text-align: left;
    padding: 0.3rem 0 0.2rem; 
}
.prolist  .tihot h4 a{
    color: #ff0a0a;
    font-size:1.2rem ;
}
.prolist  .tihot h4 a:after{
    border: none;
}
.catmenu .selsct{
    float: left;
    width: 20%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-right: none; 
    text-align: center;
    padding: 0.8rem 0;
    font-size: 1.2rem;
    position: relative;
}
.catmenu .selsct:after{
    content: '▼';
    font-size: 0.8rem;
    color: #888;
    position: absolute;
    top: 1rem;
    right: 6%;
}
.catmenu .selsct:first-child{
    border-left: none;
}
.catmenu .selsct:last-child{
    border-right: none;
}
.catmenu .selsct select{
    border: none;
    padding: 8px 0 8px 3px ;
     width: 99%;
    font-size: 1.2rem;
}
.catmenu .catsm{
    padding: 1rem ;
    background:#555 ; 
    margin: 0 2% 1rem;  
    position: relative;
    display: none; 
}
.catmenu .sanjiao{  
    width: 19px;
    height: 11px;
    position: absolute;
    top: -10px;
    left: 5%; 
    background: url(../images/sanjiao.png) no-repeat center;
    background-size: contain;
} 
.catmenu .catsm a{
    display: inline-block;
    padding: 5px 0.5rem;
    color: #595959;
    background: #fff;
    font-size: 1.16rem;
    margin: 5px 0.3rem ;
    float: left;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.catmenu .catsm .active{ 
    background: #df1717; 
    color: #fff;
}
/*选表*/
.checkwatch,.advice,.wechatbuy{ 
    position: fixed; 
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 10;
}
.checkwatch .row,.advice .adcont{
    position: fixed; 
    bottom: 5rem;
    left: 2%;
    right: 2%; 
	    padding: 2%; 
    width: 92%; 
}
.checkwatch .brands{
    margin: 0 -2%;
}
.checkwatch h1{
    font-size: 1.2rem;
    color: #888;
    padding: 1rem 0;
    position: relative;
}
.checkwatch .close,.advice .close{ 
    position: absolute; 
    top: 5px;
    right: 5px;
    width: 1.2rem;
    height: 1.2rem;
    background: url(../images/close.png) no-repeat center;
    background-size: contain;
}
.checkwatch .brands {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 1rem;
}
.checkwatch .brands a{ 
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.checkwatch h2{
    text-align: justify;
    padding-bottom: 1rem;
}
.checkwatch h2 a{
    color: #333;
    display: inline-block;
    float: left;
    font-size: 1.1rem ;
    padding: 5px;
} 
.advice .close{
    right: 10px;
    top: 8px;
}
.advice .adcont{
   padding:  10% 2% 5%;
}
.advice .adleft{
    width: 46%;
}
.advice .adright{
    width: 100%;
    box-sizing: border-box;
	
}
.advice h1{
    font-size:1.16rem ;
    color: #666; 
    padding: 0.8rem 0.5rem 0.5rem 22%; 
    border: 1px solid #ccc;
    margin-bottom:  1.2rem;
}
.advice .tel{
    background: url(../images/tel.png) no-repeat 0.5rem center;
    background-size: auto 55%;
}
.advice .qq{
    background: url(../images/qq.png) no-repeat 0.5rem center;
    background-size: auto 75%;
}
.advice  h2 a{
    background: #d6d6d6;
    padding: 0.8rem 0;
    display: block;
    text-align: center;
    color: #444; 
    margin-top: 4rem;
}
.advice h3{
    padding: 1rem 0;
    padding-left: 25%;
    background: url(../images/wechat.png) no-repeat left center;
    background-size: auto 75%;
    font-size: 1rem;
    color: #666; 
}
.advice  img{
    width: 80%;
    margin: 0.5rem auto;
    display: block;
}
/*新闻列表*/
.newlists h1{
    padding: 1rem  2%;
    font-size: 1.2rem; 
    border-bottom: 1px solid #c5c5c5;
}
.newlists h1 a{ 
    color: #000; 
}
.newlists  .newlist{
    display: block;
    margin: 1rem 0;
}
.newlists .row{
    padding: 1rem 0;
    margin: 0 2%;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    text-align: center;
}
.pages a{
    display: inline-block;
    margin: 0 0.5rem;
    font-size: 1.1rem;
    color: #000;
}
.pages .active{
    color: #ff0000;
}
/*新闻展示*/
.newshow h1{ 
    font-size: 1.2rem; 
     padding: 0.8rem  2% ;
width: 100%;
}
.correlation{ overflow:hidden; background:#ebebeb}
.correlation .tihot{
    margin: 1.5rem 0 1.8rem;
}
.correlation .tihot h2{
    font-size: 1.3rem;
}
.correlation .tihot h2 i{
    top: -0.8rem;
}.newscont{
     margin-top: 1rem;
     padding: 1rem 0;
}
.newscont h1,.newscont h2{
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #242424;
    text-align: justify;
    word-break: break-all;
    text-align: center;
}
.newscont h2{
    font-size: 1rem; 
    color: #888; 
}
.newscont .ncont{
    font-size:1rem;
    line-height: 1.8rem; 
    color: #242424; 
}
.newscont .ncont p{
    text-indent: 2em;
    padding: 0.5rem  0;
}
.newscont .ncont img{
	margin: 1rem 10px;
    width: 95%;
    float: left;

}
/*产品详情*/
.proshows{
    padding: 1rem 0;
    margin-bottom: 2rem;
}
.proshows h1{
    color: #000;
    font-size: 1.25rem;
    margin: 0 2% 0.8rem;
}
.proshows h1 a{
    color: #000;
    font-size: 1.1rem;
}
.proshows .swiper-pagination-bullet{ 
    background: #b1b1b1;
    opacity: 1;
}
.proshows .swiper-pagination-bullet-active{ 
    background: #ff0000;
      opacity: 1;
}
.proshows h2{
    padding: 1.5rem 0;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #000;
}
.proshows h4{
    font-size:1.1rem ;
    line-height: 2.2rem;
    color: #666;
}
.proshows h4 strong{
    font-size:1.4rem ; 
    color: #ff0000;
}
.proshows h4 b{
    font-size:1.1rem ; 
    color: #000;
    border: 1px solid #666;
    padding: 5px;
    margin-right: 10px;
}
.proshows h3{
    overflow: hidden;
    margin: 1rem 0;
}
.proshows h3 a,.wechatbuy h3 a{
    padding: 1rem 0;
    background: #333;
    color: #fff;
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left;
}
.proshows h3 .active,.wechatbuy h3 .active {
    background: #e01500;
}
.proshows h5{
    font-size:1.3rem ; 
    color: #444;
    margin: 1rem 0;
}
.proshows .showcont{
    font-size: 1rem;
    line-height: 1.8rem;
    color: #000;
    border-bottom: 1px solid #bbb;
    padding: 1rem 0;
    margin: 0 -2%;
    padding:  0 3%;
}
.proshows .buycont{
    padding: 2rem 0;
}
.proshows .buycont input,.proshows .buycont textarea{
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    padding: 0.8rem ;
    box-shadow:0 0 3px #d3d3d3 inset; 
    display: block;
    margin: 1rem 0;
    width: 93.4%;
}
.proshows ul li{
    font-size: 1rem;
    color: #666;
}
.buycont h6{
    padding: 1rem 0;
    text-align: center;
    color: #fff;
    background: #ff4200;
    font-size: 1.3rem;
} 
.buycont .citys {
    padding: 1rem 0 0;
}
.buycont .citys select{
    padding: 5px;
    float: left;
    width: 32.33%;
    margin-right: 1%;
}
/*评论*/
.comments h1{
    left: 15%;
}
.comments h1 i{
    width: 55%;
    background: #fff;
    left: 22.5%;
}
.comments  ul li{
    border-bottom: 1px solid #ccc;
    padding: 0.6rem 0;
}
.comments h2 img{
    width:1rem;
}
.comments .conts,.comments .reply{
    font-size: 1.16rem;
    line-height: 1.9rem;
    color: #333;
    overflow: hidden;
}
.comments .reply{
    color: #ff0000;
}
.comments .conts img{
    display: inline-block;
    width: 22%;
    box-sizing: border-box;
    margin: 1rem 1% 0;  
    line-height: normal;
}
.comments .replynow{
    margin: 1.5rem 0;
    
}
.comments .replynow select{
    border: 1px solid #000;
    padding: 3px 5px;
}
.comments .replynow h4{
    padding: 0.3rem 0;
    position: relative;
}
.comments .label{
    position: absolute;
    background: #eee;
    border: 1px solid #ccc;
    color: #333;
    width: 72px;
    text-align: center;
}
.comments .replynow  .getfile{
    width: 72px; 
    display: none;
}
.comments .replynow textarea{
    border: 1px solid #888;
    padding: 2%;
    width: 95.5%;
}
.comments .replynow h4 b{
    display: inline-block;
    background: #ff4200;
    color: #fff;
    padding: 0.3rem 1rem ;
    border: none;
    font-size: 1.2rem;
}
.proshows .buycont{
    padding: 2rem 0;
}
.proshows .buycont input,.proshows .buycont textarea{
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    padding: 0.8rem ;
    box-shadow:0 0 3px #d3d3d3 inset; 
    display: block;
    margin: 1rem 0;
    width: 93.4%;
	font-size:14px;
}
.proshows .buycont input[type=submit]{
	line-height:40px;
	background: #ff4200;
	display: block;
	width: 100%;

	padding:5px;
	margin:0;
	border:none;
	color:#fff;
	font-size: 20px;
	box-shadow:none;
	-moz-transition:ease-out 1s;
	-o-transition:ease-out 1s;
	-webkit-transition:ease-out 1s;
	transition:ease-out 1s;
}
.proshows .buycont input[type=submit]:hover{
	background:#ee3e01;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 3px;
}

/*微信买*/
.wechatbuy {
    z-index: 10000; 
}
.wechatbuy .wecont{
    position: fixed; 
    bottom: 0;
    left: 0; 
    padding: 3% 2%; 
    width: 96%; 
    z-index: 100000;
}
.wechatbuy .wleft{
    width: 35%;
    position: relative;
    top: -30px;
}
.wechatbuy .wleft img{
    padding:  5px;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 85%;
}
.wechatbuy .wright{
    width: 61%;
    padding: 0 2%;
}
.wechatbuy h2{
    font-size:1rem;
    color: #000;
    text-align: center;
}
.wechatbuy h3{
    font-size:1.1rem;
    color: #333;
    margin-bottom: 0.5rem;
}
.wechatbuy .weinfo{
    font-size:1rem;
    color: #666; 
    line-height: 1.6rem;    
    overflow: hidden;
    margin-top: 2rem;
}
.wechatbuy .closes{
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: url(../images/closes.png)  no-repeat center;
    background-size: contain;
    width:1.8rem ;
    height: 1.8rem;
}
.getops{
    position: fixed;
    bottom: 10%;
    right: 5%;
    width: 4rem;
    height: 2rem;
/*    background: #f60!important;*/
    background: #FFF url(../images/getops.png) no-repeat center 8px!important;
    background-size: auto 10px!important;
    box-shadow: 0 0 15px #bbb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10000;
    padding-top: 2rem;
    text-align: center;
    font-size: 10px;
    display: none;
}





/*尾部*/
.footer{
    background: #333;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 4rem; 
    line-height: 4rem;
    z-index: 10;
}
.footer a{
    color: #fff;
    display: inline-block;
    width: 20%;
    float: left;
    text-align: center;
}
.footer .active{
    background: #e01500;
}
.footer b{ 
    display: inline-block; 
    padding-top: 0.5rem;
    width: 100%;
    height: 1rem;
    position: relative;
    top: 0.5rem;
}
.footer .home b{
    background: url(../images/home.png) no-repeat center top;
     background-size: auto 95%;   
}
.footer .checkwat b {
    background: url(../images/checkwat.png) no-repeat center top;
     background-size: auto 97%;   
}
.footer .callme b {
    background: url(../images/callme.png) no-repeat center top;
     background-size: auto 96%;   
}
.footer .buys b {
    background: url(../images/buys.png) no-repeat center top;
    background-size: auto 96%;   
}
.footer .video b {
    background: url(../images/video.png) no-repeat center top;
    background-size: auto 95%;  
}

.show,.buyshow .show{
    display: block;
}
.none {
    display: none;
}
@media(max-width:375px){
    .markets .mbottom a{ 
        min-height: 13.5rem; 
    } 
    .allcats .row{
     max-height: 17rem; 
    }
}
@media(max-width:320px){
    .markets .mbottom a{ 
        min-height: 11.5rem; 
    }
}


.con{width:100%;overflow:hidden;}
.con .itemleft{width:49.5%;overflow: hidden;float:left;  }
.con .itemright{width:50%;overflow: hidden;float:left;}
.con .itemleft img{width:100%;margin:2% 1% 0 3%;display:block;border-radius:3px; }
.con .itemright img{width:100%;margin:2% 2% 0 1%;display:block;border-radius:3px; border: 0;}
.con .item{position: relative;overflow: hidden;}
.con .item h2{overflow: hidden; height: 50px; font-size: 1rem; line-height: 1.6rem; color: #666; margin: 0.5rem 2.5%; box-sizing: border-box;}
.con .item h3 {    font-size: 1.1rem; line-height: 1.6rem; color: #ff0a0a; margin: 0 2.5%; box-sizing: border-box;font-weight: 600;}
.con .item .fr{}


/*大层*/
.container{margin: 0 auto; }
/*瀑布流层*/
.container .waterfall{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2; /* 用整数值来定义列数。不允许负值 */
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 0.5em; /*用长度值来定义列与列之间的间隙。不允许负值*/

 
}
/*一个内容层*/
.container .waterfall .item{
padding: 0.5em;
margin: 0 0 0.5em 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
background: white;
}

.container .waterfall .item img{
width: 100%;
margin-bottom:10px;



}

.container .waterfall .item h2
{
 font-size: 1rem;
    line-height: 1.6rem;
    color: #666;
    margin: 0.5rem 2.5%;
    box-sizing: border-box;
}
.container .waterfall .item h3
{
 font-size: 1.1rem;
    line-height: 1.6rem;
    color: #ff0a0a;
    margin: 0 2.5%;
    box-sizing: border-box;
    font-weight: 600;
}



/*品牌列表循环*/

.watch-list {

	margin: 0 auto;
    padding: 0 .2rem;
    max-width: 640px;
}

.watch-list li:nth-child(2n+1) {
    clear: both;
	margin:0.5% 1%;
}
.watch-list li {
    background-color: #fff;
    float: left;
    width: 48%;
    font-size: .8rem;
    position: relative;
	margin-bottom: 5px;
}
.watch-list li .watch-wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-top: .5rem;
}
.watch-list li .watch-wrap a {
    color: #000;
}
.watch-list li img {
    width: 96%;
    margin: 0 auto;
}
.mip-layout-container {
    display: block;
    position: relative;
}
.watch-list li .watch-name {
       font-size: 1rem;
	   height:3.0rem;
    line-height: 1.6rem;
	overflow:hidden;
    color: #666;
    margin: 0.5rem;
    box-sizing: border-box;
}
.watch-list li .watch-wrap a {
    color: #000;
}
.watch-list li .price {
font-size: 1.1rem;
    line-height: 1.6rem;
    color: #ff0a0a;
    margin: 0 2.5%;
    box-sizing: border-box;
    font-weight: 600;
	margin-bottom:0.8rem;
}

/*品牌列表循环end*/



/*大层*/
.container_topic{width:100%;margin: 0 auto; margin-bottom: 10px;}
/*瀑布流层*/
.container_topic .waterfall_topic{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2; /* 用整数值来定义列数。不允许负值 */
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 0.5em; /*用长度值来定义列与列之间的间隙。不允许负值*/

 
}
/*一个内容层*/
.container_topic .waterfall_topic .item_topic{
padding: 0.5em;
margin: 0 0 0.5em 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
background: white;
}

.container_topic .waterfall_topic .item_topic img{
width: 100%;
margin-bottom:10px;



}

.container_topic .waterfall_topic .item_topic h2
{
 font-size: 1rem;
    line-height: 1.6rem;
    color: #666;
    margin: 0.5rem 2.5%;
    box-sizing: border-box;
}
.container_topic .waterfall_topic .item_topic h3
{
 font-size: 1.1rem;
    line-height: 1.6rem;
    color: #ff0a0a;
    margin: 0 2.5%;
    box-sizing: border-box;
    font-weight: 600;
}




/*分页*/
.page-bar {
  padding: 15px 0;
    margin: 10px;
}
.pagem {
    font-size: 14px;
}

.pagem .prev {
    padding: 5px 10px;
     background: #666;
    font-size: 16px;
    border: 1px solid #3333;
    margin-right: 70px;
	font-weight: bold;
	color: white;
	
}


.pagem .act {
    padding: 0 4px;
    border: 1px solid #3333;
    background: #666;
    color: #fff;
}

.pagem .next {
    padding: 5px 10px;
	margin-left:70px;
    background: #666;
    font-size: 16px;
    border: 1px solid #3333;
	font-weight: bold;
	color: white;
	
}
.chakan {
    font-size: 1.5rem;
    text-align: center;
    margin: 0 auto;
    color: #be1735;
    display: block;
    margin-bottom: 10px
}



/*百科首页*/

.article-list {
    background: #fff;
    position: relative;
    margin-bottom: 1rem;
}

.article-list::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .article-list::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}

.article-list .item-link {
    display: block;
}

.article-list .item {
    padding: 1.1rem 0 1.2rem;
    position: relative;
}

.article-list .item::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .article-list .item::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.article-list .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.article-list .img-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 8.25rem;
    height: 7.1rem;
    margin-right: 1.2rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.article-list .img-wrap:before {
    display: block;
    content: "";
    padding-bottom: 86.06061%;
}

.article-list .img-wrap img {
    display: block;
    position: absolute;
    width: 101%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.article-list .refresh {
    position: absolute;
    right: 1.35rem;
    top: 1.1rem;
    font-size: 1.3rem;
    color: #9ba3a3;
    padding-left: 2rem;
    background: url(../images/refresh.png) no-repeat left center;
    background-size: 1.45rem 1.2rem;
}

.article-list .item .text-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.article-list .item .text-wrap .topic {
    display: inline-block;
    background: #62d8da;
    padding: 0 0.35rem;
    margin-right: 0.55rem;
    line-height: 1.8rem;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 0.25rem;
    vertical-align: 0.2rem;
}

.article-list .item .text-wrap h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0.25rem 0 0.6rem;
    font-size: 1.6rem;
    color: #3d464d;
    font-weight: 400;
    line-height: 2rem;
}

.article-list .item .text-wrap p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8rem;
    max-height: 3.6rem;
    font-size: 1.4rem;
    color: #9fa6a8;
}
.article-list .longtxt-wrap {
    position: relative;
    width: 100%;
    padding: 0 1.1rem 0 1.4rem;
}

.article-list .longtxt-wrap h2 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #3d464d;
    font-weight: 400;
    padding-bottom: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list .longtxt-wrap h2::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #999;
    border-radius: 100%;
}

.article-list .longtxt-wrap h2:only-child {
    padding: 1.95rem 0 2rem;
}

.article-list .longtxt-wrap h2:only-child::before {
    top: 2.85rem;
}

.article-list .longtxt-wrap p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 0.25rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8rem;
    max-height: 3.6rem;
    color: #9fa6a8;
}

.article-list .rec-list .longtxt-wrap h2::before {
    background-color: #62d8da;
}

.article-list .list-more {
    height: 6.45rem;
    overflow: hidden;
}

.article-list .list-more a {
    display: block;
    position: relative;
    width: 14.2rem;
    height: 3rem;
    margin: 1.7rem auto 0;
    border: 1px solid #62d8da;
    color: #62d8da;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2.9rem;
    text-indent: -0.5rem;
}

.article-list .list-more a::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    right: 2.2rem;
    border: 0.75rem solid transparent;
    border-top-width: 0.5rem;
    border-bottom-width: 0.5rem;
    border-left-color: #62d8da;
}

.article-list .wiki-list {
    padding: 0.35rem 1.5rem 0.8rem 1.2rem;
}

.article-list .wiki-list li {
    position: relative;
    width: 15.5rem;
    font-size: 1.6rem;
    line-height: 4.1rem;
    text-indent: 0.95rem;
    color: #3d464d;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list .wiki-list li:nth-child(odd) {
    margin-right: 3.5rem;
}

.article-list .wiki-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.8rem;
    width: 0.35rem;
    height: 0.35rem;
    background-color: #878787;
}
.module-head {
    height: 4.1rem;
    position: relative;
    font-size: 1.6rem;
    color: #3d464d;
    font-weight: 400;
    line-height: 4.1rem;
    overflow: hidden;
}

.module-head::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .module-head::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.module-head:before {
    content: ' ';
    float: left;
    display: inline-block;
    margin-top: 1.2rem;
    width: 0.35rem;
    height: 1.7rem;
    background: #62d8da;
    margin-right: 0.85rem;
}

.article-list {
    background: #fff;
    position: relative;
    margin-bottom: 1rem;
}

.article-list::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .article-list::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}

.article-list .item-link {
    display: block;
}

.article-list .item {
    padding: 1.1rem 0 1.2rem;
    position: relative;
}

.article-list .item::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .article-list .item::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.article-list .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.article-list .img-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 8.25rem;
    height: 7.1rem;
    margin-right: 1.2rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.article-list .img-wrap:before {
    display: block;
    content: "";
    padding-bottom: 86.06061%;
}

.article-list .img-wrap img {
    display: block;
    position: absolute;
    width: 101%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.article-list .refresh {
    position: absolute;
    right: 1.35rem;
    top: 1.1rem;
    font-size: 1.3rem;
    color: #9ba3a3;
    padding-left: 2rem;
    background: url(../images/refresh.png) no-repeat left center;
    background-size: 1.45rem 1.2rem;
}

.article-list .item .text-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.article-list .item .text-wrap .topic {
    display: inline-block;
    background: #62d8da;
    padding: 0 0.35rem;
    margin-right: 0.55rem;
    line-height: 1.8rem;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 0.25rem;
    vertical-align: 0.2rem;
}

.article-list .item .text-wrap h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0.25rem 0 0.6rem;
    font-size: 1.6rem;
    color: #3d464d;
    font-weight: 400;
    line-height: 2rem;
}

.article-list .item .text-wrap p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8rem;
    max-height: 3.6rem;
    font-size: 1.4rem;
    color: #9fa6a8;
}

.rich-text {
    line-height: 1.8;
    font-size: 1.5rem;
    color: #666666;
    text-align: justify;
    word-break: break-all;
}

.rich-text img {
    display: block;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 2.3rem auto 2.65rem;
}

.rich-text div,
.rich-text p {
    margin-bottom: 2.85rem;
}

.article-page {
    margin-bottom: 1rem;
    background: #fff;
    position: relative;
    font-size: 1.5rem;
}

.article-page::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .article-page::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}

.article-page li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 5rem;
    position: relative;
    color: #3d464d;
}

.article-page li::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .article-page li::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.article-page .head {
    color: #62d8da;
}

.article-detail {
    background: #fff;
    margin-bottom: 1rem;
    position: relative;
    padding-top: 2.3rem;
}

.article-detail::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .article-detail::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.article-detail .head {
    color: #3d464d;
    font-size: 2.3rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1rem;
}

.article-detail .download-wrap {
    text-align: center;
}

.article-detail .download-wrap .download {
    display: inline-block;
    margin: 0 auto 3.3rem;
    padding: 0.35rem 1.6rem;
    background: rgba(255, 183, 207, 0.2);
    border-radius: 4rem;
    font-size: 1.64rem;
    color: #e95386;
}

.article-detail .download-wrap .download .img-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-right: 0.55rem;
    vertical-align: middle;
}

.article-detail .download-wrap .download .img-wrap:before {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.article-detail .download-wrap .download .img-wrap img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article-detail .download-wrap .download .text-wrap {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
}

.article-detail .download-wrap .download .icon {
    display: inline-block;
    margin-left: 0.55rem;
    vertical-align: middle;
    font-size: 2rem;
}

.user-article-list {
    background: #fff;
    position: relative;
    border-top: 1px solid #f1f1f1;
    margin-bottom: 1rem;
}

.user-article-list::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .user-article-list::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }
}

.user-article-list .item-link {
    display: block;
}

.user-article-list .item {
    padding: 1.75rem 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user-article-list .item::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .user-article-list .item::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.user-article-list .img-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1.25rem;
    border-radius: 3.5rem;
    overflow: hidden;
}

.user-article-list .img-wrap:before {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.user-article-list .img-wrap img {
    display: block;
    position: absolute;
    width: 101%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.user-article-list .main {
    padding: 0 1.1rem;
}

.user-article-list .item .text-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.user-article-list .item .text-wrap .topic {
    display: inline-block;
    background: #62d8da;
    padding: 0 0.35rem;
    margin-right: 0.55rem;
    line-height: 1.8rem;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 0.25rem;
    vertical-align: 0.2rem;
}

.user-article-list .item .text-wrap h2 {
    height: 1.9rem;
    line-height: 1.9rem;
    font-size: 1.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #3d464d;
    font-weight: normal;
    margin-bottom: 0.75rem;
}

.user-article-list .item .text-wrap p {
    color: #9fa6a8;
    font-size: 1.1rem;
    line-height: 1;
}

.user-article-list .item .text-wrap p span {
    margin-right: 1.25rem;
}

.module-head {
    height: 4.1rem;
    position: relative;
    font-size: 1.6rem;
    color: #3d464d;
    font-weight: 400;
    line-height: 4.1rem;
    overflow: hidden;
}

.module-head::after {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f1f1f1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .module-head::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
}

.module-head:before {
    content: ' ';
    float: left;
    display: inline-block;
    margin-top: 1.2rem;
    width: 0.35rem;
    height: 1.7rem;
    background: #be1735;
    margin-right: 0.85rem;
}
.app-footer {
    text-align: center;
    font-size: 1.3rem;
}
/*分页*/
.app-page {
    padding: 0.8rem;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 1.5rem;
}

.app-page>div {
    padding: .5rem 1.5rem;
}

.app-page .prev {
    float: left;
	 color: #333;
    background: #ffffff;
    padding: 0.8rem 2rem;
	border: 1px solid #cccccc;
}

.app-page .next {
    color: #333;
    float: right;
    background: #ffffff;
    padding: 0.8rem 2rem;
	border: 1px solid #cccccc;
	}
	
	
/*相关文章*/

	.bgleft {background:#ffffff; overflow:hidden;}
.listbox {width:100%;overflow: hidden}
.listbox ul.tw_list li {float: left;margin-top: 15px;border-bottom: 1px dashed #e5e5e5}
 .listbox ul.tw_list li img {width: 200px;height: 130px;display: block; border:2px #ededed solid; float: left; overflow: hidden}
 .listbox ul.tw_list li span.art_title {display: block;height: 25px;line-height: 25px;font-size: 16px;overflow: hidden;margin-bottom: 5px;}
 .ll { width:30%; overflow: hidden;float: left;margin-left: 10px;margin-right: 20px;_margin-left: 7px}
.lr { width:60%;overflow: hidden;}
 .listbox ul.tw_list li span.art_title a {color: #333;}
 .listbox ul.tw_list li span.art_title a:hover {color: #cc0066;}
 .listbox ul.tw_list li p.art_intro {display: block;height: 66px;line-height: 22px;color: #999;overflow: hidden;margin-bottom: 10px}
 .listbox ul.tw_list li .art_time {display: block;height: 24px;line-height: 24px;padding-left: 15px;background: #eee;overflow: hidden;padding: 0 10px}
 .listbox ul.tw_list li .art_time .all_art {float: left}
 .listbox ul.tw_list li .art_time .all_art a {color: #cc0066;}
 .listbox ul.tw_list li .art_time .all_art a:hover {color: #666}
 .listbox ul.tw_list li .art_time .times {float: right;}