body {
    position: relative;
    transition: transform 0.3s ease;
    font-family: "微软雅黑", Helvetica, Arial, sans-serif;
}


.m-homeHeader {
    position: relative;
    width: 10rem;
    height: 1.466667rem;
    margin: 0 auto;
}

.header {
    width: 10rem;
    height: 1.466667rem;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
}

.header.shadow {
    box-shadow: 0 .05rem .1rem rgba(6, 0, 1, .1);
}

.header h1 {
    float: left;
    width: 180px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../images/logo.png) no-repeat;
    background-size: 180px 40px;
    margin: .266667rem;
}

.header .m-search {
    float: left;
    margin-top: .213333rem;
    width: 5.666667rem;
    height: 1.04rem;
    background: #f1f3f5;
    border-radius: 4px;
}

.header .m-search .ipt {
    float: left;
    width: 4.4rem;
    height: 0.75rem;
    line-height: 0.75rem;
    margin: 0.15rem 0.2rem;
    padding-right: 0.1rem;
    border: none;
    overflow: hidden;
    border-right: 1px solid #e6e6e6;
    font-size: 0.37rem;
    color: #ccc;
}

.header .m-search .button {
    border: none;
    background: none;
    height: 1.04rem;
    line-height: 1.04rem;
}

.header .m-search .button i {
    color: #ccc;
    font-size: .55rem;
}

.header .m-menu {
    float: right;
    height: 40px;
    margin: .266667rem;
    line-height: 0.9rem;
}

.header .m-menu i {
    display: block;
    font-size: 0.6rem;
    color: #85be44;
}


.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
}

/*焦点图*/
.swiper-container1 {
    width: 10rem;
    margin: 15px auto;
    height: 4.44rem;
    position: relative;
    overflow: hidden;
}

.swiper-container1 .swiper-slide {
    width: 10rem;
    height: 4.44rem;
}

.swiper-container1 img {
    width: 10rem;
    height: 4.44rem;
    display: block;
}

.swiper-pagination-bullet {
    width: .266667rem;
    height: .266667rem;
    opacity: 1;
    background: #f8f2f1;
}

.swiper-pagination-bullet-active {
    background: #85be44;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: .266667rem;
}


.newsBanner {
    height: 2.773333rem;
}

.newsBanner .swiper-slide {
    height: 2.773333rem;
}

.newsBanner img {
    height: 2.773333rem;
}

/* navMenu*/
.navMenu {
    clear: both;
    width: 9.066667rem;
    height: 2.533333rem;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.navMenu li {
    position: relative;
    height: 1.866667rem;
    text-align: center;
    display: block;
    margin: 0.3125rem 0 0 0;
}

.navMenu li a {
    display: block;
    width: 1.333333rem;
    height: 1.333333rem;
    border-radius: 50%;
}

.navMenu li.nav1 a {
    border: .066667rem solid #85be44;
    width: 1.2rem;
    height: 1.2rem;
}

.navMenu li.nav2 a {
    border: .066667rem solid #85be44;
    width: 1.2rem;
    height: 1.2rem;
}

.navMenu li.nav3 a {
    background: -moz-linear-gradient(135deg, #85be44, #6bb029);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#6bb029));
    background: -webkit-linear-gradient(135deg, #85be44, #6bb029);
    background: -o-linear-gradient(135deg, #85be44, #6bb029);
}

.navMenu li.nav4 a {
    background: -moz-linear-gradient(135deg, #85be44, #6bb029);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#6bb029));
    background: -webkit-linear-gradient(135deg, #85be44, #6bb029);
    background: -o-linear-gradient(135deg, #85be44, #6bb029);
}

.navMenu li.nav5 a {
    background: -moz-linear-gradient(135deg, #85be44, #6bb029);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#6bb029));
    background: -webkit-linear-gradient(135deg, #85be44, #6bb029);
    background: -o-linear-gradient(135deg, #85be44, #6bb029);
}

.navMenu li i {
    display: block;
    width: 0.703125rem;
    height: 1.333333rem;
    line-height: 1.333333rem;
    margin: 0 auto;
    font-size: 0.7rem;
    color: #fff;
}

.navMenu li.nav1 a i {
    color: #85be44;
    height: 1.2rem;
    line-height: 1.2rem;
}

.navMenu li.nav2 a i {
    color: #85be44;
    height: 1.2rem;
    line-height: 1.2rem;
}

.navMenu li h3 {
    line-height: 0.8rem;
    font-size: .32rem;
    color: #111;
}

.navMenu li.nav1 a h3 {
    color: #000000;
    width: 1.333333rem;
    margin-left: -0.05rem;
    line-height: 0.9rem;
}

.navMenu li.nav2 a h3 {
    color: #000000;
    width: 1.333333rem;
    margin-left: -0.05rem;
    line-height: 0.9rem;
}

/* 热门行业 */
.m-hotList {
    clear: both;
    width: 10rem;
    background: #f1f3f5;
    overflow: hidden;
}

.m-hotList ul {
    width: 9.466667rem;
    margin: 0.4rem auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.m-hotList li {
    width: 1.733333rem;
    height: 1.466667rem;
    text-align: center;
    display: block;
    margin-bottom: 0.35rem;
    background: #fff;
    border-radius: 4px;
    box-shadow: .066667rem .066667rem .066667rem 0 #eee
}

.m-hotList li a {
    display: block;
    width: 1.733333rem;
    height: 1.466667rem;
    margin-top: 7px;
}

.m-hotList li i {
    display: block;
    width: 0.703125rem;
    height: 0.65rem;
    line-height: 1.05rem;
    margin: 0 auto;
    font-size: 0.5rem;
    color: #b6babf;
}

.m-hotList li h3 {
    line-height: 0.6rem;
    font-size: .32rem;
    color: #555;
}

.m-hotList ul.moreHotList {
    height: auto;
    margin-bottom: 0rem;
}

.bottom-more {
    text-align: center;
    display: block;
    font-size: .306667rem;
    color: #999;
    padding: 0 0 0.2rem;
}

.bottom-more .icon-more {
    color: #abb7d4;
    font-size: .213333rem
}

.btn-up {
    display: none;
}

/*意向代理*/
.m-agent {
    width: 10rem;
}

.m-agent ul {
    width: 9.466667rem;
    margin: 0 auto;
}

.m-agent li {
    height: 1.013333rem;
    line-height: 1.013333rem;
    border-top: .013333rem solid #eee;
    overflow: hidden;
}

.m-agent li a {
    display: block;
    padding: 0 .133333rem;
}

.m-agent li p.tit {
    float: left;
    width: 270px;
    font-size: .346667rem;
    color: #333;
}

.m-agent li p.time {
    float: right;
    /*width:75px;*/
    text-align: right;
    font-size: 0.32rem;
    color: #666;
}

.m-agent li:last-child {
    border-bottom: .013333rem solid #eee;
}

/*展会*/
.m-meeting li {
    height: 1.013333rem;
    line-height: 1.013333rem;
    border-bottom: .013333rem solid #eee;
    overflow: hidden;
}

.m-meeting li a {
    display: block;
    padding: 0 .133333rem;
}

.m-meeting li p.tit {
    float: left;
    width: 7rem;
    font-size: .346667rem;
    color: #333;
}

.m-meeting li p.time {
    float: right;
    width: 2rem;
    text-align: right;
    font-size: 0.32rem;
    color: #666;
}

.m-meeting li:last-child {
    border-bottom: .013333rem solid #eee;
}

/*采购*/
.m-buy {
    width: 10rem;
    height: 9.25rem;
    background: #f1f3f5;
    position: relative;
}

.m-buy .swiper-container2 {
    width: 9.466667rem;
    height: 6rem;
    margin: 0 auto;
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.m-buy .swiper-slide {
    width: 9.466667rem;
    height: 1.466667rem;
    margin-bottom: .2rem;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    box-shadow: .066667rem .066667rem .066667rem 0 #eee
}

.m-buy .swiper-slide a {
    display: block;
    padding: 0 .2rem;
    line-height: 0.6rem;
}

.m-buy .swiper-slide p.tit {
    float: left;
    width: 75%;
    height: .65rem;
    overflow: hidden;
    font-size: .346667rem;
    color: #333;
    padding-top: 0.14rem;
}

.m-buy .swiper-slide p.time {
    float: right;
    width: 25%;
    text-align: right;
    font-size: .32rem;
    color: #c0c0c0;
    padding-top: 0.14rem;
}

.m-buy .swiper-slide p.numArea {
    clear: both;
    font-size: .293333rem;
    color: #999;
}

.m-buy .swiper-slide p.numArea .num {
    float: left;
    display: block;
    width: 80%;
}

.m-buy .swiper-slide p.numArea .area {
    float: left;
    display: block;
    width: 20%;
}

.m-buy .swiper-button-next,
.m-buy .swiper-button-prev {
    width: 1.573333rem;
    height: .64rem;
    line-height: .64rem;
    border: solid 1px #85be44;
    top: 8.7rem;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    color: #85be44;
}

.m-buy .swiper-button-next {
    right: 3rem;
}

.m-buy .swiper-button-prev {
    left: 3rem;
}

/* 提示 */
.m-tip {
    height: 1.333333rem;
    line-height: 1.333333rem;
    text-align: center;
    font-size: .32rem;
    color: #999;
}

.m-tip a.c1 {
    color: #85be44;
}

.m-tip a.c2 {
    color: #85be44;
}

.btn-more {
    display: block;
    margin: 0 auto .4rem;
    width: 2.373333rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    font-size: .346667rem;
    color: #999;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* product */
.m-product {
    width: 9.466667rem;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.m-product .swiper-container3 {
    overflow: hidden;
}

.m-product .swiper-slide {
    width: 1.733333rem;
    height: .933333rem;
    line-height: .933333rem;
    text-align: center;
    margin-bottom: .266667rem;
    overflow: hidden;
    background: #f1f3f5;
    border-radius: 4px;
    font-size: .346667rem;
    color: #666;
    margin-right: .106667rem
}

.m-product .swiper-slide.active {
    color: #fff;
    background: -moz-linear-gradient(135deg, #4ba9ea, #63c4f6);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#4ba9ea), to(#63c4f6));
    background: -webkit-linear-gradient(135deg, #4ba9ea, #63c4f6);
    background: -o-linear-gradient(135deg, #4ba9ea, #63c4f6);
}

.productList {
    display: none;
}

.productList:nth-child(1) {
    display: block;
}

.productList ul {
    overflow: hidden;
}

.productList ul>li {
    float: left;
    position: relative;
    padding: .306667rem 0rem;
    width: 49%;
    background: #f1f3f5;
    margin-bottom: .266667rem;
    border-radius: 4px;
}

.productList ul>li:nth-child(even) {
    float: right;
}

.productList ul .page_tion li.pages {
    width: 100%;
    text-align: center;
}

.page_tion .pages {
    font-size: 12px;
    margin-top: 30px;
    text-align: center;
    /* width: 1200px; */
    margin: 0 auto;
    box-shadow: none;
    border: none;
}

.page_tion .pages span a {
    color: #000;
}

.page_tion .pages span {
    height: 16px;
    line-height: 15px;
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #7acb0c;
    background: #fff;
    color: #888;
    margin: 10px 4px;
}

.page_tion .pages .page_b {
    background: #7acb0c;
    border: 1px solid #7acb0c;
    color: #fff;
}

.productList ul>li .u-img {
    display: block;
    width: 4rem;
    height: 4rem;
    background: #f1f3f5;
    padding: 0 7%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.productList ul>li .u-img img {
    display: block;
    margin: 0 auto;
    max-width: 4rem;
    max-height: 4rem;
    width: expression(this.width > 4rem && this.width > this.height ? 4rem: true);
    height: expression(this.height >4rem ? 4rem: true);
    vertical-align: middle;
    overflow: hidden;
}

.productList ul>li .tit {
    display: block;
    margin: .2rem 0 0.15rem;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #333;
    font-size: .32rem;
    text-align: center;
    overflow: hidden;
}

.productList ul>li .numPrice {
    clear: both;
    font-size: .28rem;
    color: #999;
    height: 2rem;
    line-height: .5rem;
    overflow: hidden;
    padding: 0px 8px;
}

.productList ul>li .numPrice .num {
    float: left;
    display: block;
    width: 100%;
}

.productList ul>li .numPrice .price {
    /* float: right; */
    display: block;
    /* width:2.2rem; */
    /* text-align: right; */
    text-align: center;
}

.productList ul>li .numPrice .price span {
    color: #85be44;
}

/* company */
.m-company {
    width: 9.466667rem;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.m-company .swiper-container3 {
    overflow: hidden;
}

.m-company .swiper-slide {
    width: 1.733333rem;
    height: .933333rem;
    line-height: .933333rem;
    text-align: center;
    margin-bottom: .266667rem;
    overflow: hidden;
    background: #f1f3f5;
    border-radius: 4px;
    font-size: .346667rem;
    color: #666;
    margin-right: .106667rem
}

.m-company .swiper-slide.active {
    color: #fff;
    background: -moz-linear-gradient(135deg, #85be44, #6bb029);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#6bb029));
    background: -webkit-linear-gradient(135deg, #85be44, #6bb029);
    background: -o-linear-gradient(135deg, #85be44, #6bb029);
}

.m-companyContent {
    width: 9.466667rem;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.m-companyContent .swiper-container3 {
    overflow: hidden;
}

.m-companyContent .swiper-slide {}


.company-item {
    display: none;
}

.company-item:nth-child(1) {
    display: block;
}

.company-item ul {
    border-top: .013333rem solid #eee;
    margin-bottom: 0.36rem;
}

.company-item ul li {
    padding: .333333rem 0;
    clear: both;
    position: relative;
    border-bottom: .013333rem solid #eee;
}

.company-item ul li .company-item-info {
    width: 7.5rem;
    margin-left: 2.1rem;
    overflow: hidden;
}

.company-item ul li h3 {
    width: 6rem;
    height: 0.55rem;
    line-height: 0.5rem;
    overflow: hidden;
    font-size: .346667rem;
    color: #333;
}

.company-item ul li p.info {
    width: 5.5rem;
    height: 0.66rem;
    line-height: 0.6rem;
    font-size: .293333rem;
    color: #999;
    overflow: hidden;
}

.company-item ul li p.tag {
    background: #fae8eb;
    color: #fd8f9c;
    font-size: .293333rem;
    width: 1.6rem;

    height: .506667rem;
    line-height: .506667rem;
    border-radius: .3rem;
    text-align: center;
     float: left;
     margin-right:  .5rem;
}
.company-item ul li p.tag2 {
    background: #fae8eb;
    color: #999999;
    font-size: .293333rem;

    width: 2.5rem;
    height: .506667rem;
    line-height: .506667rem;
    border-radius: .3rem;
    text-align: center;
}
p.tag2{
    background: #fae8eb;
    color: #999999 !important;
    font-size: .293333rem;
    width:  2.2rem !important;
}

.company-item ul li .icon-v {
    position: absolute;
    top: 0.4rem;
    right: 0.1rem;
    display: block;
    width: 1.173333rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .266667rem;
    color: #fff;
    font-style: normal;
    border-radius: 4px;
}

.company-item ul li .icon-v.zz {
    background: #ec4949;
}

.company-item ul li .icon-v.zs {
    background: #d7c18e;
}

.company-item ul li .icon-v.bj {
    background: #a9bcde;
}

.company-item ul li .icon-v.jct {
    font-size: .24rem;
    color: #b50000;
    background: url(../img/icon-jct.jpg) no-repeat 0 0;
    background-size: 1.173333rem .4rem;
    padding-top: .42rem
}

.company-item ul li .icon-v.jct i {
    font-size: .346667rem;
    font-weight: bold;
    padding: 0 0.15rem 0 0.06rem;
}

.company-item ul li .company-item-pic {
    position: absolute;
    left: 0;
    top: .333333rem;
    display: table-cell;
    border: 1px solid #f1f3f5;
    background: #fff;
    border-radius: 4px;
    box-shadow: .066667rem .066667rem .066667rem 0 #eee;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    width: 1.733333rem;
    height: 1.733333rem;
    vertical-align: middle;
    *font-size: 1.506667rem;
    /*高x0.873*/
}

.company-item ul li .company-item-pic img {
    margin: 0 auto;
    line-height: 1.733333rem display:block;
    max-width: 1.733333rem;
    max-height: 1.733333rem;
    width: expression(this.width > 1.733333rem && this.width > this.height ? 1.733333rem: true);
    height: expression(this.height >1.733333rem ? 1.733333rem: true);
    vertical-align: middle;
    overflow: hidden;
}

.brandList {
    width: 9.466667rem;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.brandList ul {
    overflow: hidden;
    padding-bottom: 0.1rem;
}

.brandList li {
    float: left;
    padding: .306667rem;
    height: 5.55rem;
    background: #f1f3f5;
    margin-bottom: .266667rem;
    border-radius: 4px;
}

.brandList li:nth-child(odd) {
    float: right;
}

.brandList li .u-img span {
    position: absolute;
    left: 0;
    top: 0.1rem;
    display: block;
    width: 1.466667rem;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background: rgba(251, 107, 127, 0.5);
    color: #e66060;
    font-size: .293333rem;
    color: #fff;
}

.brandList li .u-img {
    display: block;
    position: relative;
    display: table-cell;
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
    *font-size: 3.493333rem
        /*高x0.873*/
}

.brandList li .u-img {
    display: block;
    width: 4rem;
    height: 4rem;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.brandList li .u-img img {
    display: block;
    margin: 0 auto;

    max-width: 4rem;
    max-height: 4rem;
    width: expression(this.width > 4rem && this.width > this.height ? 4rem: true);
    height: expression(this.height >4rem ? 4rem: true);
    vertical-align: middle;
    overflow: hidden;
}

.brandList li .tit {
    width: 4rem;
    display: block;
    margin: .2rem 0;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #333;
    font-size: .32rem;
    overflow: hidden;
}

.brandList li .join-btn p {
    font-size: .32rem;
    color: #d7c18e;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
}

.brandList li .join-btn .btn-ziliao {
    float: left;
    width: 1.906667rem;
    height: .64rem;
    line-height: .64rem;
    border: 1px solid #d7c18e;
}

.brandList li .join-btn .btn-jiameng {
    float: right;
    width: 1.933333rem;
    height: .666667rem;
    line-height: .666667rem;
    background: #d7c18e;
    color: #fff;
}



/*新闻*/
.swiper-container4 {
    overflow: hidden;
    padding: .333333rem 0 0 .266667rem;
    background: #f1f3f5;
}

.swiper-container4 .swiper-slide {
    width: 3rem;
    height: .773333rem;
    line-height: .773333rem;
    text-align: center;
    margin-bottom: .266667rem;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    margin-right: .16rem
}

.swiper-container4 .swiper-slide a {
    font-size: .32rem;
    color: #666;
}

.swiper-container4 .swiper-slide.active {
    background: #85be44;
    box-shadow: 0 0 .16rem rgba(58, 106, 217, .5)
}

.swiper-container4 .swiper-slide.active a {
    color: #fff;
}

.m-news {
    width: 9.466667rem;
    margin: 0 auto .466667rem;
}

.m-news .m-tabMenu {
    display: flex;
    justify-content: space-between
}

.m-news .swiper-slide {
    width: 3rem;
    height: 1.466667rem;
    line-height: 1.6rem;
    overflow: hidden;
    font-size: .426667rem;
    color: #555;
}

.m-news .swiper-slide i {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin-right: .533333rem;
    border-radius: 2px;
    background: -moz-linear-gradient(135deg, #bbb, #ddd);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#bbb), to(#ddd));
    background: -webkit-linear-gradient(135deg, #bbb, #ddd);
    background: -o-linear-gradient(135deg, #bbb, #ddd);
}

.m-news .swiper-slide.active {
    color: #000000;
    font-weight: bold
}

.m-news .swiper-slide.active i {
    background: -moz-linear-gradient(135deg, #85be44, #6bb029);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#6bb029));
    background: -webkit-linear-gradient(135deg, #85be44, #6bb029);
    background: -o-linear-gradient(135deg, #85be44, #6bb029);
}

/*供求*/
.gqList {
    display: none;
}

.gqList:nth-child(1) {
    display: block;
}

.gqList ul {
    border-top: .013333rem solid #eee;
    overflow: hidden;
    margin-bottom: .333333rem;
}

.gqitem table tr {
    border-bottom: .013333rem solid #eee;
    padding: .257rem 0;
    clear: both;
    position: relative;
}

.gqitem table tr td.gylist {
    width: 8.66667rem;
    height: 0.85rem;
    padding-left: 0.5rem;
}

.gqitem table tr td.gylist a {
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.gqitem table tr td.gylist a {
    font-size: .346667rem;
    color: #333;
}


.gqitem .gylist .info p {
    float: left;
    font-size: .293333rem;
    line-height: .506667rem;
    color: #999;
}

.gqitem .gylist .info p.sum {
    width: 1.5rem;
    padding-right: 0.3rem
}

.gqitem table tr td.gylist span {
    margin-right: 20px;
    background: #f1f4fc;
    color: #85be44;
    font-size: .293333rem;
    width: 1.6rem;
    height: .506667rem;
    line-height: .506667rem;
    border-radius: .3rem;
    text-align: center;
}

.gqitem .gylist .info p i {
    font-size: 0.3rem;
    color: #999;
    padding-right: 0.1rem;
    float: left;
}

.gqitem .gylist .info p span {
    float: left;
    margin-top: 0.02rem;
}

.gqitem .gylist .gq-item-pic {
    position: absolute;
    left: 0;
    top: .346667rem;
    display: block;
}

.gqitem .gylist .gq-item-pic a {
    display: table-cell;
    width: 2.8rem;
    height: 1.68rem;
    vertical-align: middle;
    *font-size: 2.046875rem;
    /*高x0.873*/
}

.gqitem .gylist .gq-item-pic a img {
    margin: 0 auto;
    display: block;
    max-width: 2.8rem;
    max-height: 1.68rem;
    width: expression(this.width > 2.8rem && this.width > this.height ? 1.68rem: true);
    height: expression(this.height >1.68rem ? 1.68rem: true);
    vertical-align: middle;
    overflow: hidden;
}

.gqitem .gylist .noImg .gq-item-info {
    width: 9.375rem;
    margin-left: 0;
}

.gqitem .gylist .noImg .sum {
    padding-left: 3.1rem;
}


/*新闻分类切换*/
.newsList {
    display: none;
}

.newsList:nth-child(1) {
    display: block;
}

.newsList ul {
    border-top: .013333rem solid #eee;
    overflow: hidden;
    margin-bottom: .333333rem;
}

.news-item li {
    border-bottom: .013333rem solid #eee;
    padding: .346667rem 0;
    clear: both;
    position: relative;
}

.news-item li .news-item-info {
    width: 6.266667rem;
    height: 1.68rem;
    margin-left: 3.066667rem;
}

.news-item li h3 {
    height: 1rem;
    line-height: 0.5rem;
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.news-item li h3 a {
    font-size: .346667rem;
    color: #333;
}

.news-item .page_tion li.pages span a {
    color: #000;
    font-size: 12px;
}

.news-item .page_tion li.pages span a:active {
    font-weight: bold;
}


.news-item li .info p {
    float: left;
    font-size: .293333rem;
    line-height: .506667rem;
    color: #999;
}

.news-item li .info p.sum {
    width: 1.5rem;
    padding-right: 0.3rem
}

.news-item li .info p.tag {
     margin-right: .2rem;
    background: #f1f4fc;
    color: #85be44;
    font-size: .293333rem;
    width: 1.6rem;
    height: .506667rem;
    line-height: .506667rem;
    border-radius: .3rem;
    text-align: center;
}

.news-item li .info p i {
    font-size: 0.3rem;
    color: #999;
    padding-right: 0.1rem;
    float: left;
}

.news-item li .info p span {
    float: left;
    margin-top: 0.02rem;
}

.news-item li .news-item-pic {
    position: absolute;
    left: 0;
    top: .346667rem;
    display: block;
}

.news-item li .news-item-pic a {
    display: table-cell;
    width: 2.8rem;
    height: 1.68rem;
    vertical-align: middle;
    *font-size: 2.046875rem;
    /*高x0.873*/
}

.news-item li .news-item-pic a img {
    margin: 0 auto;
    display: block;
    max-width: 2.8rem;
    max-height: 1.68rem;
    width: expression(this.width > 2.8rem && this.width > this.height ? 1.68rem: true);
    height: expression(this.height >1.68rem ? 1.68rem: true);
    vertical-align: middle;
    overflow: hidden;
}


.news-item li.noImg .news-item-info {
    width: 9.375rem;
    margin-left: 0;
}

.news-item li.noImg .sum {
    padding-left: 3.1rem;
}


/* 弹窗 */
#layer-shade {
    display: none;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px");
    z-index: 9998;
}

.layer-close::after {
    font-family: "iconfont" !important;
    content: "\e649";
    position: absolute;
    right: .26rem;
    top: .26rem;
    font-size: 0.4rem;
    color: #666
}

.layer-content {
    display: none;
    width: 8rem;
    height: 7.066667rem;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 8px;
    margin-left: -4rem;
    margin-top: -3.5rem;
    z-index: 9999;
}

.layer-content h3 {
    height: 1.25rem;
    font-size: .48rem;
    color: #000;
    text-align: center;
    margin-top: .44rem;
    background: url(../img/layer_titbg.jpg) no-repeat center bottom;
    background-size: 3.6rem .533333rem;
}

.layer-content .tip {
    line-height: 0.8rem;
    font-size: .293333rem;
    color: #999;
    text-align: center;
}

.layer-content .layerList {
    width: 6.933333rem;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto;
    border-bottom: .013333rem solid #eee;
}

.layer-content .layerList .tit {
    width: 1.8rem;
    float: left;
    font-size: .346667rem;
    color: #666;
}

.layer-content .layerList .txt {
    width: 5rem;
    height: 0.6rem;
    margin-top: 0.1rem;
    border: none;
    float: left;
    font-size: .346667rem;
    color: #000;
}

.layer-content .layerList .s-select {
    float: left;
    position: relative;
    width: 5rem;
    height: 0.6rem;
    line-height: 1rem;
}

.layer-content .layerList .s-select select {
    position: relative;
    color: #333;
    width: 5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: .346667rem;
    border: none;
}


.layer-content .btn_submit {
    display: block;
    width: 2.933333rem;
    height: .8rem;
    line-height: .8rem;
    margin: .23rem auto;
    border: none;
    text-align: center;
    border-radius: 4px;
    background: #d7c18e;
    color: #fff;
    font-size: .373333rem;
}

.layer-content .select {
    position: relative;
    color: #333;
    width: 5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: .346667rem;
}

.layer-content .select::after {
    font-family: "iconfont" !important;
    content: "\e611";
    position: absolute;
    right: 0;
}

.layer-content .option {
    display: none;
    width: 5.1rem;
    height: auto;
    border: 1px solid #eee;
    position: absolute;
    left: 0;
    top: 0.7rem;
    background: #fff;
    z-index: 9;
}

.layer-content .option li {
    color: #000;
    line-height: 0.6rem;
    height: 0.6rem;
    text-align: center;
}

.layer-content .option li:hover {
    background: #316AC5;
    color: #FFF;
}


.layer-content2 {
    display: none;
    width: 8rem;
    height: 5.6rem;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 8px;
    margin-left: -4rem;
    margin-top: -3rem;
    z-index: 9999;
}

.layer-content2 h3 {
    height: 1.25rem;
    font-size: .48rem;
    color: #000;
    text-align: center;
    margin-top: .44rem;
    background: url(../img/layer_titbg.jpg) no-repeat center bottom;
    background-size: 3.6rem .533333rem;
}

.layer-content2 .tip {
    line-height: 0.8rem;
    font-size: .293333rem;
    color: #999;
    text-align: center;
}

.layer-content2 .layerList {
    width: 6.933333rem;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto;
    border-bottom: .013333rem solid #eee;
}

.layer-content2 .layerList .tit {
    width: 1.8rem;
    float: left;
    font-size: .346667rem;
    color: #666;
}

.layer-content2 .layerList .txt {
    width: 5rem;
    height: 0.6rem;
    margin-top: 0.1rem;
    border: none;
    float: left;
    font-size: .346667rem;
    color: #000;
}

.layer-content2 .layerList .s-select {
    float: left;
    position: relative;
    width: 5rem;
    height: 0.6rem;
    margin-top: 0.1rem;
}

.layer-content2 .btn_submit {
    display: block;
    width: 2.933333rem;
    height: .8rem;
    line-height: .8rem;
    margin: .23rem auto;
    border: none;
    text-align: center;
    border-radius: 4px;
    background: #d7c18e;
    color: #fff;
    font-size: .373333rem;
}


/* ==========================list内页========================== */


.content {
    display: block;
    width: 9.466667rem;
    margin: 0 auto;
}


.m-back i.ipt::after {
    font-family: "iconfont" !important;
    content: "\e627";
    position: absolute;
    right: 1.5rem;
    font-size: 0.6rem;
    color: #ccc;
    font-style: normal;
}

.m-back .m-menu {
    float: right;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 .266667rem;
}

.m-back .m-menu i {
    display: block;
    font-size: 0.6rem;
    color: #333;
}


.selMenu {
    position: relative;
    z-index: 99;
    width: 10rem;
    height: 1.2rem;
    margin: 0 auto;
    background: #f1f3f5;
}

.selMenu.hy {
    background: #fff;
}

/* .selMenu.hy .tabSelMenu a{position: absolute;}
.selMenu.hy .tabSelMenu a.i-area{ left: 3rem;} */
.selMenu.hy .tabSelMenu a.active {
    border: 1px solid #eee;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

.btn-supply {
    position: absolute;
    right: 0;
    top: 0.2rem;
    width: 2rem;
}

.btn-supply i {
    padding-left: 0.2rem;
    color: #bbb;
    font-size: 0.6rem;
    font-style: normal;
}

.btn-supply i.active {
    color: #85be44;
}

.btn-supply .smallImg::after {
    font-family: "iconfont" !important;
    content: "\e617";
}

.btn-supply .bigImg::after {
    font-family: "iconfont" !important;
    content: "\e612";
}

.tabSelMenu {
    padding: .133333rem 0 0;
    margin: 0 .266667rem;
}

.tabSelMenu.active {
    height: 1.06rem;
    border-bottom: 1px solid #eee;
}

.tabSelMenu a {
    position: relative;
    display: inline-block;
    padding: .266667rem 0.3rem 0.28rem 0.26667rem;
    font-size: .4rem;
    color: #000000;
}

.tabSelMenu a::after {
    font-family: "iconfont" !important;
    content: "\e626";
    color: #999;
}

.tabSelMenu a.active {
    background: #fff;
    border-radius: 4px 4px 0 0;
}

.tabSelList {
    display: none;
    position: absolute;
    z-index: 99;
    top: 1.2rem;
    width: 10rem;
    background: #fff;
}

.tabSelList p {
    width: 9.066667rem;
    margin: .4rem auto 0;
    padding-bottom: .266667rem;
    border-bottom: 1px solid #ddd;
}

.tabSelList p a {
    display: inline-block;
    margin: 0 .16rem .2rem 0;
    color: #666;
    border-radius: 4px;
    padding: .266667rem .333333rem;
    background: #f1f3f5;
    font-size: .32rem
}

.tabSelList p a.active {
    color: #fff;
    background: -moz-linear-gradient(115deg, #85be44, #4c7ff4);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#4c7ff4));
    background: -webkit-linear-gradient(115deg, #85be44, #4c7ff4);
    background: -o-linear-gradient(115deg, #85be44, #4c7ff4);
}

.btn-reset {
    display: block;
    margin: .466667rem auto;
    text-align: center;
    width: 2.4rem;
    height: .666667rem;
    line-height: .666667rem;
    border: 1px solid #ddd;
    font-size: .346667rem;
    color: #999;
    border-radius: 4px;
}

.productList {
    background: #fff;
}

.productList ul {
    width: 9.466667rem;
    margin: .333333rem auto;
    overflow: hidden;
}

.productList li .icon-tg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 1.333333rem;
    height: .8rem;
    background: url(../img/icon-tg.png) no-repeat;
    background-size: contain;
}


.productList.bigList {
    display: block;
}

.productList.bigList li {
    width: 4rem;
}

.productList.smallList {
    display: block;
}

.productList.smallList .list_box>li {
    float: none;
    height: 2.7rem;
}

.productList.smallList .list_box>li .u-img {
    float: left;
    margin-right: .24rem;
    width: 2.666667rem;
    height: 2.666667rem;
    vertical-align: middle;
    *font-size: 2.333333rem;
    /*?§???x0.873*/
}

.productList.smallList .list_box>li .u-img {
    display: block;
    width: 2.666667rem;
    height: 2.666667rem;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.productList.smallList .list_box>li .u-img img {
    display: block;
    margin: 0 auto;
    max-width: 2.666667rem;
    max-height: 2.666667rem;
    width: expression(this.width > 2.666667rem && this.width > this.height ? 2.666667rem: true);
    height: expression(this.height >2.666667rem ? 2.666667rem: true);
    vertical-align: middle;
    overflow: hidden;
}

.productList.smallList .list_box>li .tit {
    float: left;
    width: 5.9rem;
    height: 1rem;
    line-height: 0.5rem;
    font-size: .373333rem;
}

.productList.smallList .list_box>li .tit strong {
    font-weight: normal;
    color: #f00;
}

.productList.smallList .list_box>li .numPrice {
    clear: none;
    float: left;
    height: 1rem;
    line-height: 0.5rem;
    font-size: .32rem;
}

.productList.smallList .list_box>li .numPrice p.num {
    float: none;
    width: 5rem;
}

.productList.smallList .list_box>li .numPrice p.price {
    float: none;
    text-align: left;
}

.productList.smallList li.b-tip {
    width: 100%;
    height: 1rem;
}

.productList.bigList li.b-tip {
    width: 8.85rem;
    height: 1rem;
}

/* buy */
.buyList {
    background: #f1f3f5;
    overflow: hidden;
}

.buyList li {
    position: relative;
    padding: .2rem;
    margin-top: .2rem;
    height: 2.133333rem;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0.06rem .066667rem #ccc;
}

.buyList li i.price {
    position: absolute;
    right: 0;
    top: .2rem;
    width: 1.733333rem;
    height: .56rem;
    line-height: .56rem;
    text-align: center;
    border-radius: 50px 0 0 50px;
    background: #fdb5bf;
    font-style: normal;
    font-size: .293333rem;
    color: #fff;
}

.buyList li i.price.end {
    background: #ccc;
}

.buyList li h3.tit {
    width: 7.5rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .346667rem;
    color: #333;
    overflow: hidden;
}

.buyList li p.info {
    height: .4rem;
    line-height: .4rem;
    overflow: hidden;
    font-size: .293333rem;
    color: #999;
}

.buyList li .other {
    display: flex;
    height: 0.9rem;
    line-height: 0.9rem;
    overflow: hidden;
}

.buyList li p.num {
    width: 3.733333rem;
    font-size: .293333rem;
    color: #999;
}

.buyList li p.area {
    width: 4.533333rem;
    font-size: .293333rem;
    color: #999;
}

.buyList li p.time {
    width: 1rem;
    font-size: .293333rem;
    color: #999;
    text-align: right
}

/* 提示 */
.upMore {
    position: relative;
    font-size: .32rem;
    color: #bbb;
    text-align: center;
    margin-top: 0.8rem;
    padding-top: 0.9rem;
}

.upMore::before {
    font-family: "iconfont" !important;
    content: "\e618";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    font-size: 0.7rem;
    color: #bbb;
}

.b-tip {
    text-align: center;
    padding: 0 0 .533333rem;
    line-height: .506667rem;
    font-size: .32rem;
    color: #999;
}

.b-tip.mt40 {
    margin-top: .533333rem;
}

.b-tip a {
    color: #85be44;
    font-weight: bold;
}

#popupShade {
    display: none;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px");
    z-index: 9;
}


/*新闻详细页面*/
/*bp*/
.bp-info {
    background: #fff;
    width: 9.466667rem;
    margin: 0 auto;
}

.bp-info h1 {
    text-align: center;
    padding: 0.16rem 0;
    font-size: .506667rem;
    color: #111;
}

.bp-info h2 {
    text-align: center;
    font: 0.4rem/1rem "微软雅黑";
    color: #666;
}

.bp-info .detail {
    background: #f1f3f5;
    border-radius: 50px;
    text-align: center;
}

.bp-info .detail p {
    height: .666667rem;
    line-height: .666667rem;
    font-size: .293333rem;
    color: #999;
}

.bp-info .detail p span {
    padding: 0 10px;
}

.bp-info .info_detail {
    font-size: .346667rem;
    color: #666;
    line-height: .613333rem;
}

.bp-info .info_detail table {
    margin: 0 auto;
    max-width: 9rem;
    border: 0.015625rem solid #ccc;
    border-collapse: collapse;
}

.bp-info .info_detail table td {
    padding: 0.2rem;
    font-size: 0.2rem;
    border: 0.015625rem solid #ccc;
    border-collapse: collapse;
}

.bp-info .info_detail video {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.bp-info .info_detail #youkuplayer {
    margin: 0 auto;
    max-width: 10rem;
    height: 6rem;
    position: relative;
    color: #fff;
}

.bp-info .info_detail p {
    line-height: 0.8rem;
    padding: 0.15rem 0;
    text-align: Justify;
    word-wrap: break-word;
}

.bp-info .info_detail p img {
    display: block;
    margin: 0 auto;
    max-width: 9rem;
}

.bp-info .info_detail p.exdeta {
    width: 45%;
    float: left;
    line-height: 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-left: 15px;
}

.bp-info .info_detail P.exdeta:first-child {
    border-top: 1px solid #e8e8e8;
}

.bp-info .info_detail iframe {
    width: 100%;
    height: 5.5rem;
}

.bp-info .info_detail embed {
    display: block;
    margin: 0 auto;
    max-width: 10rem;
}

#youkuplayer iframe {
    position: absolute;
    left: 0;
    top: 0;
}

#youkuplayer .ykplayer {
    top: -1rem;
}

/* buyInfo */
.buyTitle {
    height: 2.4rem;
    text-align: center;
    overflow: hidden;
}

.buyTitle h1 {
    font-size: .453333rem;
    color: #000;
    height: 1.2rem;
    line-height: 1.2rem;
    overflow: hidden;
    margin-top: 0.3rem;
}

.buyTitle p {
    font-size: .32rem;
    color: #999;
}

.buyTitle p span {
    color: #85be44;
}

.buyMes {
    position: relative;
    width: 9.466667rem;
    margin: 0 auto;
    height: 4.666667rem;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0.06rem 0.066667rem #ccc;
}

.buyMes ul {
    padding-top: 0.2rem;
}

.buyMes li {
    clear: both;
    height: .8rem;
    line-height: .8rem;
}

.buyMes li span {
    display: block;
    float: left;
    width: 2.2rem;
    text-align: right;
    font-size: .346667rem;
    color: #999;
}

.buyMes li p {
    position: relative;
    float: left;
    width: 6rem;
    font-size: .346667rem;
    color: #666;
}

.buyMes li p b {
    font-weight: normal;
    color: #e66060;
}

.buyMes li p strong {
    font-weight: normal;
    color: #85be44;
}

.buyMes li p a {
    position: absolute;
    left: 3rem;
    top: 0.05rem;
    display: inline-block;
    width: 1.573333rem;
    height: .693333rem;
    background: url(../img/icon-iphone.png) no-repeat;
    background-size: 1.573333rem .693333rem;
}

.buyMes .tel {
    position: absolute;
    left: 1.6rem;
    top: 4.25rem;
    width: 6.4rem;
    height: .8rem;
    line-height: .8rem;
    background: #85be44;
    color: #fff;
    font-size: .32rem;
    border-radius: 100px;
}

.buyMes .tel i {
    display: inline-block;
    margin: 0.08rem 0.15rem;
    text-align: center;
    float: left;
    font-size: .346667rem;
    background: #fff;
    border-radius: 50%;
    width: .613333rem;
    height: .613333rem;
    color: #85be44;
}

.buyMes .tel span {
    font-size: .346667rem;
}


.m-source {
    margin: .266667rem 0 .4rem;
    text-align: center;
    font-size: .32rem;
    color: #999;
    letter-spacing: 0;
    line-height: .293333rem;
}

.m-source h2 {
    position: relative;
    display: inline-block
}

.m-source h2::before,
.m-source h2::after {
    content: '';
    position: absolute;
    width: 2.666667rem;
    height: 1px;
    background-color: #ddd;
    top: .133333rem;
}

.m-source h2::before {
    left: -3.066667rem;
}

.m-source h2::after {
    right: -3.066667rem;
}

.buyInfo {
    position: relative;
    width: 9.466667rem;
    margin: 0.6rem auto;
    padding: .26rem;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0.06rem 0.066667rem #ccc;
}

.buyInfo h3 {
    font-size: .4rem;
    color: #000;
    height: 1rem;
    line-height: 1rem;
}

.buyInfo p {
    font-size: .32rem;
    color: #666;
    line-height: 0.6rem;
    word-break: break-all;
}

/* 分享 */
.share-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 1000;
    left: -1000%;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.share-mask.show {
    left: 0;
    opacity: .7
}

.share-box {
    position: fixed;
    z-index: 1100;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.8rem;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.share-box.show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.share-box .share-component {
    height: 3.2rem;
    border-bottom: .2rem solid #f1f3f5;
}

.share-box .share-component ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: space-around;
    width: 9.066667rem;
    margin: 0 auto;
}

.share-box .share-component ul li {
    display: block;
    text-align: center;
}

.share-box .share-component ul li i {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: #f1f3f5;
    margin-top: 0.5rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat;
    background-position: center
}

.share-box .share-component ul li h3 {
    font-size: .32rem;
    color: #000;
    line-height: 0.8rem;
}

.share-box .btn-cancel {
    display: block;
    height: 1.386667rem;
    line-height: 1.386667rem;
    text-align: center;
    border-top: 1px solid #eee;
    font-size: .48rem;
    color: #000;
}

.share-box .share-component ul li .icon-share1 {
    background-image: url(../img/icon-share5.png);
}

.share-box .share-component ul li .icon-share2 {
    background-image: url(../img/icon-share3.png);
}

.share-box .share-component ul li .icon-share3 {
    background-image: url(../img/icon-share4.png);
}

.share-box .share-component ul li .icon-share4 {
    background-image: url(../img/icon-share1.png);
}

.share-box .share-component ul li .icon-share5 {
    background-image: url(../img/icon-share2.png);
}

/* 图片二维码 */
.popBg {
    display: none;
    width: 9.066667rem;
    height: 11.733333rem;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    z-index: 999998;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -6rem;
    background: #f1f3f5;
    border-radius: 5px;
}

.popBg .imgInfo {
    width: 5.6rem;
    height: 9.066667rem;
    margin: 0.7rem auto 0;
    padding: .266667rem;
    background: #fff;
    box-shadow: 0 5px 4px rgba(6, 0, 1, .1);
}

.popBg .imgInfo .img {
    display: block;
    margin: 0 auto;
    width: 4.6rem;
    height: 2.333333rem;
}

.popBg .imgInfo h3 {
    text-align: center;
    font-size: .373333rem;
    color: #333;
    line-height: .48rem;
    margin: .133333rem 0;
}

.popBg .imgInfo h4 {
    text-align: center;
    font-size: .293333rem;
    color: #333;
    line-height: .48rem;
    margin: .133333rem 0;
}

.popBg .imgInfo h5 {
    text-align: center;
    font-size: .266667rem;
    color: #07af12;
    line-height: .48rem;
    margin: .133333rem 0;
    background: url(../img/icon-rz.png) no-repeat 0.5rem 0.06rem;
    background-size: .333333rem .386667rem
}

.popBg .imgInfo p {
    font-size: .293333rem;
    color: #999;
    line-height: .426667rem;
    height: 1.28rem;
    overflow: hidden;
}

.popBg .imgInfo .line {
    height: 1px;
    background: #ccc;
    position: relative;
    margin: .2rem 0;
}

.popBg .imgInfo .line .icon-line {
    display: block;
    position: absolute;
    margin: 0 auto;
    top: -0.02rem;
    left: 0;
    right: 0;
    width: .746667rem;
    height: .066667rem;
    background: #ccc;
}

.popBg .imgInfo .weixin {
    width: 3.6rem;
    height: 1.533333rem;
    margin: 0 auto;
    background: url(../img/weixin-bg1.png) no-repeat right 0;
    background-size: 1.36rem 1.36rem
}

.popBg .imgInfo .weixin .qrcode {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0.1rem 0.2rem;
}

.popBg .imgInfo .weixin .qrcode canvas {
    width: 1.4rem;
    height: 1.4rem;
    display: block;
}

.popBg .tip {
    font-size: .346667rem;
    color: #333;
    text-align: center;
    line-height: 1.2rem
}

/* 微信、朋友圈 */
.popBg2 {
    display: none;
    width: 8.266667rem;
    height: 10rem;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    z-index: 999998;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -5.5rem;
    background: #fff;
    border-radius: 5px;
    padding: .4rem
}

.popBg2 h2 {
    font-size: .346667rem;
    color: #333;
}

.popBg2 .imgInfo {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 0.3rem;
    padding-bottom: 0.4rem;
}

.popBg2 .imgInfo h3 {
    font-size: .32rem;
    color: #000;
    line-height: .706667rem;
    height: .706667rem;
    padding-left: .266667rem;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
}

.popBg2 .imgInfo p {
    padding: 0 .266667rem;
    font-size: .32rem;
    color: #666;
    line-height: 0.6rem;
}

.popBg2 .imgInfo p.pt30 {
    padding-top: 0.4rem;
}

.popBg2 .imgInfo .img {
    display: block;
    margin: 0 auto;
    width: 5.6rem;
    height: 3.333333rem;
}

.btn-ok {
    display: block;
    width: 3.466667rem;
    height: .88rem;
    line-height: .88rem;
    border-radius: 4px;
    background: #85be44;
    font-size: .32rem;
    color: #f6f6f6;
    text-align: center;
    border: none;
    margin: 0.5rem auto;
}


/* hy */
/* hy-navMenu*/
.hy-navMenu {
    clear: both;
    background: #f1f3f5;
    position: relative;
    z-index: 99;
}

.hy-navMenu ul {
    width: 9.2rem;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.hy-navMenu li {
    position: relative;
    height: 1rem;
    text-align: center;
    display: block;
    margin: 0.34rem 0 0 0;
}

.hy-navMenu li.nav5::after {
    position: absolute;
    left: 1.15rem;
    top: 0;
    content: '';
    background: url(../img/icon-hot.png) no-repeat;
    z-index: 99;
    background-size: .36rem .333333rem;
    width: .36rem;
    height: .333333rem;
}

.hy-navMenu li a {
    display: block;
    width: 1.333333rem;
    font-size: .453333rem;
    color: #000;
}

.hy-navMenu li a.active {
    color: #85be44;
}

.hy-navMenu li a.active::after {
    content: '';
    position: absolute;
    left: .4rem;
    top: .65rem;
    width: .533333rem;
    height: .16rem;
    border-radius: .08rem;
    background: -moz-linear-gradient(115deg, #85be44, #4c7ff4);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#4c7ff4));
    background: -webkit-linear-gradient(115deg, #85be44, #4c7ff4);
    background: -o-linear-gradient(115deg, #85be44, #4c7ff4);
}

.m-hy .productList {
    height: 13rem;
}

.m-hy .company-item {
    height: 10rem;
}

.m-hy .company-item ul li:last-child {
    border: none;
}

.m-hy .news-item li:last-child {
    border: none;
}

.m-hyJoin {
    background: #f1f3f5;
    overflow: hidden;
}

.m-hyJoin .m-tit h2 {
    width: 77%;
}

.m-hyJoin .m-tit .align-r {
    width: 19%;
}

.hyJoinNav {
    width: 9.466667rem;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.hyJoinNav a {
    display: block;
    width: 3.066667rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-weight: bold;
    font-size: .346667rem;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

.hyJoinNav a.a1 {
    box-shadow: 0 5px 5px rgba(251, 107, 127, .2);
    background: -moz-linear-gradient(135deg, #85be44, #6bb029);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#6bb029));
    background: -webkit-linear-gradient(135deg, #85be44, #6bb029);
    background: -o-linear-gradient(135deg, #85be44, #6bb029);
}

.hyJoinNav a.a2 {
    box-shadow: 0 5px 5px rgba(75, 153, 254, .2);
    background: -moz-linear-gradient(135deg, #85be44, #6bb029);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#85be44), to(#6bb029));
    background: -webkit-linear-gradient(135deg, #85be44, #6bb029);
    background: -o-linear-gradient(135deg, #85be44, #6bb029);
}

.hyJoinNav a.a3 {
    box-shadow: 0 5px 5px rgba(169, 125, 240, .2);
    background: -moz-linear-gradient(135deg, #a97df2, #c7acf9);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#a97df2), to(#c7acf9));
    background: -webkit-linear-gradient(135deg, #a97df2, #c7acf9);
    background: -o-linear-gradient(135deg, #a97df2, #c7acf9);
}

.buy-flow {
    width: 9.466667rem;
    height: 3.733333rem;
    margin: .333333rem auto;
    background: #fff;
    border-radius: 4px;
}

.buy-flow h3 {
    font-size: .373333rem;
    color: #000;
    line-height: 1.2rem;
    height: 1.1rem;
    text-align: center;
}

.buy-flow img {
    width: 8.933333rem;
    height: 1.6rem;
    margin: 0 auto;
    display: block;
}

.buy-flow {
    width: 9.466667rem;
    height: 3.733333rem;
    margin: .333333rem auto;
    background: #fff;
    border-radius: 4px;
}

.buy-flow .m-tip {
    line-height: 1rem;
    height: 1rem;
}


.zhaoshangList {}

.zhaoshangList li {
    position: relative;
    width: 9.466667rem;
    margin: 0 auto .2rem;
    padding: .266667rem;
    background: #f1f3f5;
    border-radius: 4px;
}

.zhaoshangList li .u-img {
    position: absolute;
    display: block;
    width: 2.666667rem;
    height: 2.666667rem;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.zhaoshangList li .u-img img {
    display: block;
    margin: 0 auto;
    max-width: 2.666667rem;
    max-height: 2.666667rem;
    width: expression(this.width > 2.666667rem && this.width > this.height ? 2.666667rem: true);
    height: expression(this.height >2.666667rem ? 2.666667rem: true);
    vertical-align: middle;
    overflow: hidden;
}

.zhaoshangList li .icon-v {
    position: absolute;
    top: 0.4rem;
    left: 0.3rem;
    display: block;
    width: 1.173333rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .266667rem;
    color: #fff;
    font-style: normal;
    border-radius: 4px;
}

.zhaoshangList li .icon-v.zz {
    background: #ec4949;
}

.zhaoshangList li .icon-v.zs {
    background: #d7c18e;
}

.zhaoshangList li .icon-v.bj {
    background: #a9bcde;
}

.zhaoshangList li .icon-v.jct {
    top: 0.25rem;
    font-size: .2rem;
    color: #b50000;
    background: url(../img/icon-jct.jpg) no-repeat 0 0;
    background-size: 1.173333rem .4rem;
    padding-top: .4rem
}

.zhaoshangList li .icon-v.jct i {
    font-size: .2rem;
    font-weight: bold;
    padding: 0 0.15rem 0 0.06rem;
}

.zhaoshangList li .info {
    width: 6rem;
    height: 2.666667rem;
    margin-left: 2.933333rem;
}

.zhaoshangList li .company {
    margin-left: 1.5rem;
    width: 8rem;
    display: block;
    height: 0.8rem;
    line-height: 0.6rem;
    color: #666;
    font-size: .32rem;
    overflow: hidden;
}

.zhaoshangList li .tit {
    display: block;
    height: .96rem;
    line-height: .48rem;
    color: #333;
    font-size: .373333rem;
    overflow: hidden;
}

.zhaoshangList li .other {
    width: 4rem;
    float: left;
    line-height: 0.5rem;
    margin-top: 0.2rem;
    overflow: hidden;
    font-size: .32rem;
    color: #999;
}

.zhaoshangList li p.num {
    width: 3.733333rem;
    font-size: .293333rem;
    color: #999;
}

.zhaoshangList li p.area {
    width: 4.533333rem;
    font-size: .293333rem;
    color: #999;
}

.zhaoshangList li p.time {
    width: .746667rem;
    font-size: .293333rem;
    color: #999;
}

.zhaoshangList li .join-btn {
    width: 1.906667rem;
    float: right;
    margin-top: 0.2rem;
}

.zhaoshangList li .join-btn p {
    margin-top: 0.1rem;
    font-size: .32rem;
    color: #d7c18e;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
}

.zhaoshangList li .join-btn .btn-ziliao {
    width: 1.906667rem;
    height: .64rem;
    line-height: .64rem;
    border: 1px solid #d7c18e;
    background: #fff;
}

.zhaoshangList li .join-btn .btn-jiameng {
    width: 1.933333rem;
    height: .666667rem;
    line-height: .666667rem;
    background: #d7c18e;
    color: #fff;
}

/* 旧的 */
/*找回密码*/
.jobForm .contact li.m-yzm {
    border: none;
}

.jobForm .contact li.m-yzm .yzm {
    float: left;
    width: 6.25rem;
    height: 1.375rem;
    line-height: 1.375rem;
    border-radius: 0.09375rem;
    border-bottom: 0.015625rem solid #f2f2f2;
}

.jobForm .contact li.m-yzm .yzmImg {
    float: right;
    margin-top: 0.15625rem;
    width: 2.8125rem;
    height: 1rem;
    border-radius: 0.09375rem;
}

.jobForm .contact li.m-yzm .yzmImg img {
    width: 2.8125rem;
}

.jobForm .contact li.m-yzm .info {
    width: 3.8rem;
    float: left;
}

.jobForm .contact li.m-yzm .info input {
    width: 3.8rem;
    float: left;
}


.jobForm .contact .tit {
    float: left;
    font-size: 0.4375rem;
    color: #999;
}

.jobForm .contact .tit em {
    font-style: normal;
    color: #bf1d1b;
}

.jobForm .contact .info {
    width: 7rem;
    float: right;
}

.jobForm .contact .info input {
    width: 6.2rem;
    line-height: 1.25rem;
    text-align: right;
    border: none;
    font-size: 0.4375rem;
    color: #111;
}

.jobForm .contact .info span {
    float: left;
    text-align: right;
    width: 6.2rem;
    font-size: 0.4375rem;
    color: #111;
}

.jobForm .contact .info i {
    float: right;
    font-size: 0.5rem;
    color: #ccc;
}

.jobForm .contact .info i.c {
    color: #1aac19;
}

.jobForm .contact li h3 {
    font-size: 0.4375rem;
    color: #999;
}

.jobForm .contact li .tArea {
    display: block;
    width: 8.6rem;
    height: 2.5rem;
    font-size: 0.375rem;
    color: #333;
    border-radius: 0.125rem;
    margin: 0 auto 0.46875rem;
    padding: 0.3125rem 0.3125rem;
    line-height: 0.5rem;
    border: 0.015625rem solid #f2f2f2;
}

.jobForm .btnSubmit {
    display: block;
    width: 9.375rem;
    margin: 0 auto 0.1rem;
    border: none;
    height: 1.40625rem;
    line-height: 1.40625rem;
    font-size: 0.5rem;
    border-radius: 0.125rem;
    background: #1e8fe1;
    color: #fff;
    cursor: pointer;
}


/*登录*/
.m-login {
    width: 10.0rem;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

.m-login .logo {
    display: block;
    width: 4.625rem;
    height: 1.765625rem;
    margin: 1.2rem auto;
}

.m-login .tabLogin {
    padding: 0 0.3125rem;
    margin: 0 auto 0.5rem;
    background: #fff;
}

.m-login .tabLogin .tabNav {
    width: 5.5rem;
    margin: 0 auto;
    overflow: hidden;
}

.m-login .tabLogin .tabNav p {
    float: left;
    width: 2.6875rem;
    height: 0.859375rem;
    line-height: 0.859375rem;
    text-align: center;
    font-size: 0.4375rem;
}

.m-login .tabLogin .tabNav p {
    background: #fff;
    color: #1e8fe1;
    border: 0.015625rem solid #1e8fe1;
}

.m-login .tabLogin .tabNav p.pwdLogin {
    border-top-left-radius: 0.078125rem;
    border-bottom-left-radius: 0.078125rem;
}

.m-login .tabLogin .tabNav p.smsLogin {
    border-top-right-radius: 0.078125rem;
    border-bottom-right-radius: 0.078125rem;
}

.m-login .tabLogin .tabNav p.active {
    background: #1e8fe1;
    color: #fff;
}

.m-login .tabLogin .tabCon {
    margin-top: 0.15625rem;
}

.m-login .tabLogin li {
    clear: both;
    background: #f3f3f5;
    height: 1.375rem;
    line-height: 1.375rem;
    border-radius: 0.09375rem;
    margin-top: 0.46875rem;
}

.m-login .tabLogin li.hAuto {
    height: auto;
    border: none;
}

.m-login .tabLogin li.m-yzm {
    background: #fff;
}

.m-login .tabLogin li.m-yzm .yzm {
    float: left;
    width: 6.25rem;
    height: 1.375rem;
    line-height: 1.375rem;
    border-radius: 0.09375rem;
    background: #f3f3f5;
}

.m-login .tabLogin li.m-yzm .yzmImg {
    float: right;
    margin-top: 0.15625rem;
    width: 2.8125rem;
    height: 1rem;
    border-radius: 0.09375rem;
}

.m-login .tabLogin li.m-yzm .yzmImg img {
    width: 2.8125rem;
}

.m-login .tabLogin li.m-yzm .info {
    width: 4.8rem;
    float: left;
}

.m-login .tabLogin li.m-yzm .info input {
    width: 4.8rem;
    float: left;
}

.yzmBtn {
    float: right;
    width: 2.75rem;
    height: 1.34375rem;
    line-height: 1.34375rem;
    border-radius: 0.09375rem;
    border: 0.015625rem solid #1e8fe1;
    text-align: center;
}

.yzmBtn #sendsms {
    display: block;
    width: 2.75rem;
    height: 1.34375rem;
    line-height: 1.34375rem;
    font-size: 0.375rem;
    color: #4a89dc;
    border: none;
    background: none;
}


.m-login .tabLogin .tit {
    float: left;
    font-size: 0.4375rem;
    color: #999;
}

.m-login .tabLogin .info i {
    float: left;
    font-size: 1rem;
    color: #ccc;
}

.tabLogin .tabCon i {
    float: right;
    font-size: 0.6rem;
    color: #ccc;
    padding: 0 0.28125rem;
}

.tabLogin .info {
    width: 8rem;
    float: left;
}

.tabLogin .info input {
    width: 6.8rem;
    height: 1.09375rem;
    line-height: 1.09375rem;
    margin-top: 0.125rem;
    border: none;
    font-size: 0.4375rem;
    color: #333;
    background: none;
}

.tabLogin .info .mui-input-password {
    float: left;
}

.tabLogin .info span {
    float: left;
    width: 0.625rem;
    height: 0.4375rem;
    background: url(../img/icon2_pwd.png) no-repeat;
    background-size: 0.625rem 0.4375rem;
    margin: 0.46875rem 0.234375rem
}

.tabLogin .info span.mui-active {
    background: url(../img/icon1_pwd.png) no-repeat;
    background-size: 0.625rem 0.4375rem;
}

.m-login .btnSubmit {
    display: block;
    width: 9.375rem;
    margin: 0.4rem auto 0.2rem;
    border: none;
    height: 1.375rem;
    line-height: 1.375rem;
    font-size: 0.5rem;
    border-radius: 0.125rem;
    background: #1e8fe1;
    color: #fff;
    cursor: pointer;
}

.m-login .loginBottom {
    width: 9.3rem;
    margin: 0 auto 0.4rem;
    overflow: hidden;
}

.m-login .loginBottom a {
    font-size: 0.4375rem;
    color: #555;
}

.m-login .loginBottom .forgetPwd {
    float: left;
}

.m-login .loginBottom .register {
    float: right;
}

.m-login .tel {
    font-size: 0.4375rem;
    text-align: center;
    padding: 0.3125rem 0;
}

.m-login .tel i {
    font-size: 0.7rem;
    color: #cccccc;
    padding-right: 0.18rem;
}

.m-login .tel a {
    font-size: 0.4375rem;
    color: #4a89dc;
}

#captcha_div {
    width: 8rem;
    margin: 0 auto;
}








.productList td tbody {

    float: left;
    position: relative;
    padding: .306667rem;
    background: #f1f3f5;
    margin-bottom: .266667rem;
    border-radius: 4px;

}


.tp {

    display: block;
    margin: 0 auto;
    max-width: 4rem;
    max-height: 4rem;
    width: expression(this.width > 4rem && this.width > this.height ? 4rem: true);
    height: expression(this.height >4rem ? 4rem: true);
    vertical-align: middle;
    overflow: hidden;


}




.tpbt {

    width: 4rem;
    display: block;
    margin: .2rem 0 0.15rem;

    line-height: .4rem;
    color: #333;
    font-size: .32rem;
    overflow: hidden;
    text-align: center;
}



.zh1 {

    height: 1.013333rem;
    line-height: 1.013333rem;
    border-bottom: .013333rem solid #eee;
    overflow: hidden;

}

.zh1 a {
    float: left;
    width: 359px;
    font-size: .346667rem;
    color: #333;

}

/*知道页面*/
#main1 {
    width: 96%;
    margin: 3% 2%;
}

#main_left,
#main_content {
    width: 100%;
}

#subnav,
#main_content .Solution_rem {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px double #999;
}

#sub_top,
#main_content .rem_title {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    height: 40px;
}

#sub_content {
    width: 100%;
    font-size: 12px;
    line-height: 25px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 5px;
}

#sub_content .classknow {
    width: 50%;
    float: left;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}

#sub_content .classknow dl dd a {
    color: #616161;
}

#sub_content .classknow dl dt a {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

#sub_content dl {
    width: 50%;
    float: left;
}

#sub_content dl dt {
    text-align: center;
}

#sub_content dl dt a {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

#main_content .Solution_rem {
    margin-bottom: 20px;
    padding-top: 30px;
}

#main_content .rem_title h3 {
    width: 80%;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

#main_content .rem_title span {
    width: 20%;
}

#main_content .rem_title span a {
    color: #999;
    text-align: right;
}

#main_content .rem_content ul li {
    color: #000;
    border-bottom: 1px dashed #ddd;
}

#main_content .rem_content ul li:last-child {
    border-bottom: none;
}

#main_content .rem_content ul li a {
    color: #000;
    text-align: left;
}

#main_content .rem_content ul li span {
    line-height: 35px;
    color: #000;
    float: right;
}

#main_content .rem_content ul {
    padding-top: 30px;
}

#main_content .rem_content ul a {
    color: #000;
}

#main_content .rem_content ul a {
    color: #000;
    text-align: left;
}

/*知道问答详情页*/
#main_conther .reply .rep_title {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

#main_conther .reply {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px double #999;
}

#main_conther .reply .rep_title h3 {
    font-weight: bold;
}

#main_conther .reply .rep_content h2 {
    width: 100%;
    font-size: 15px;
    line-height: 35px;
}

#main_conther .reply .rep_content p {
    width: 100%;
    line-height: 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

#answer {
    width: 90%;
    height: 20px;
    background: #85be44;
    position: absolute;
    text-align: center;
    padding: 12px;
    margin-bottom: 20px;
}

#answer a {
    height: 60px;
    color: #fff;
    font-size: 14px;
    padding: 10px 40%;
}

#main_conther .reply .rep_content .c1 {
    margin-top: 55px;
}

#main_conther .reply .rep_content .c2 {
    color: #000;
}

#main_conther .reply .rep_content .c2 a {
    color: #000;
}