@charset 'utf-8';
/*zjf20171011*/
body{background: #f5f5f5;-webkit-overflow-scrolling: touch;}
.index-blog-content {background: #fff;}
.blog-list-li.title {color: #999;font-size: .48rem}
.blog-list-li {position: relative;border-bottom: 1px solid #fafafa;padding: .8rem .4rem;}
.blog-list-li .right-img {position: absolute;top: .6rem;right: .4rem;display:block;background:#f50;}
.blog-list-li .right-img img {display:block;height:80px;width:80px;float: right;background:#ccc;}
.blog-list-li .right-tit {max-width: 10.6rem !important;}
.blog-list-li .tit {display: block;font-size: .6rem;color: #333;line-height: 1.3;height: 1.6rem;overflow: hidden;word-wrap: break-word;max-width: 14.2rem;}
.blog-list-li .tit em {float: left;font-size: .4rem;font-style: normal;padding: .04rem .14rem;height: .54rem;line-height: 0.56rem;border: 1px solid #e57c59;border-radius: 3px;margin-right: .3rem;}
.blog-list-li .tit-1 {color: #fff;background: #e57c59;}
.blog-list-li .tit-2 {color: #e57c59;background: #fff;}
.blog-list-li em.tit-3 {color: #80adf8;background: #fff;border: 1px solid #80adf8;}
.blog-list-child {margin-top: .8rem;width: 100%;}
.blog-list-child a {float: left;font-size: .5rem;color: #999;line-height: 1.4;}
.blog-list-child a.pv {color: #333;}
.blog-list-child i {float: left;margin: .3rem .4rem;width: .1rem;height: .1rem;background: #999;border-radius: 50%;}
.blog-list-child .name img {float: left;width: .68rem;height: .68rem;margin-right: .2rem;border-radius: 50%;}
.blog-list-child .name p {float: left;max-width: 2.8rem;height: .68rem;margin-right: .5rem;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.more-page {width: 100%;text-align: center;line-height: 2rem;color: #999;background: #f5f5f5;font-size: .5rem;}
.back_top {position: fixed;bottom: 3rem;right: 0rem;-webkit-transform: scale(0.5);transform: scale(0.5);}
.back_top a {display:block;width: 3.6rem;height: 3.6rem;background-image: url(../images/18.png);}
.nav-left-menu {position: fixed;left: 0;top: 0;background: #fff;width: 8.1rem;height: 100%;z-index: 100;overflow: hidden;display: none;overflow: auto;background-image: -moz-linear-gradient( 90deg, rgb(236,240,245) 0%, rgb(247,251,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(236,240,245) 0%, rgb(247,251,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(236,240,245) 0%, rgb(247,251,255) 100%);
  position: absolute;}
.nav-left-menu .a-img  {display: block;text-align: center;margin-top: 1.8rem;}
.nav-left-menu .a-img img {width: 3.76rem;height: 3.76rem;border-radius: 50%;}
.nav-left-menu .login-btn {display: block;font-size: .64rem;color: #333;text-align: center;line-height: 1.5;}
.nav-left-menu .money {display: block;text-align: center;font-size: .4rem;color: #999;}
.nav-left-menu .money i {display: inline-block;width: .6rem;}
.nav-left-menu .list {margin-top: 2rem;padding-left: 0;}
.nav-left-menu .list a {display: block;font-size: .64rem;color: #333;padding: .4rem .8rem .4rem 1rem;list-style: none;}
.nav-left-menu .list a.logout {margin-top: 2rem;font-size: .52rem;opacity: .4;}
.nav-left-menu .list a:focus {background-color: rgb(225, 231, 238);outline: none;border-radius: 0 1rem 1rem 0;}
.nav-left-menu .list a em {vertical-align: middle;}
.nav-left-menu .list a .fl {width: .66rem;height: .5rem;margin-right: .6rem;margin-top: .3rem;}
.nav-left-menu .list a .fr {width: .24rem;height: .4rem;background-image: url(../images/08.png);margin-top: .4rem;}
.nav-left-menu .list .list-1 .fl {background-image: url(../images/05.png);}
.nav-left-menu .list .list-2 .fl {background-image: url(../images/06.png);}
.nav-left-menu .list .list-3 .fl {background-image: url(../images/07.png);margin-top: .36rem;}
.nav-left-menu .list .list-4 .fl {background-image: url(../images/19.png);}
.nav-left-menu .list .list-5 .fl {background-image: url(../images/20.png);}
.nav-left-menu .list .list-6 .fl {background-image: url(../images/21.png);}
.column-wrapper .column-title {max-height: 2rem;}
.column-wrapper .column-list .text .column-title {white-space: normal;}
/*上新弹窗*/
.newcloumn-div {position: fixed;left: 1.6rem;top: 3.72rem;width: 11.8rem;height: 14.72rem;border-radius: 18px;z-index: 101;}
.newcloumn-div span {position: absolute;bottom: -2.5rem;left: 50%;margin-left: -1rem;width: 2rem;height: 2rem;background: url(../images/pcls.png) no-repeat;background-size: contain;}
.newcloumn-div a {display: block;}
.newcloumn-div img {display: block;width: 11.8rem;height: 14.72rem;}
/* 优惠券弹窗 */
.newcoupon-div {position: fixed;left: 1.6rem;top: 3.72rem;width: 11.8rem;border-radius: 18px;z-index: 101;text-align: center;box-sizing: border-box;}
.newcoupon-div1 {height: 12.72rem;background: url(../images/newcoupon-bg1.png) no-repeat center top;background-size: 100%;}
.newcoupon-div2 {height: 14.72rem;background: url(../images/newcoupon-bg2.png) no-repeat center top;background-size: 100%;}
.newcoupon-div span.close {position: absolute;bottom: -2.5rem;left: 50%;margin-left: -1rem;width: 2rem;height: 2rem;background: url(../images/pcls.png) no-repeat;background-size: contain;}
.newcoupon-div a {display: block;}
.newcoupon-div {padding-top: .5rem;}
.newcoupon-div .tip {font-size: .48rem;color: #c1b992;margin:.4rem auto 0;width: 70%;background: url(../images/coupon-tip.png) no-repeat center;background-size: 100%;}
.newcoupon-div .number {font-size: .72rem;color: #e9d265;}
.coupon-list {margin-top: .8rem;}
.coupon-list li {width: 10.2rem;height: 3.12rem;box-sizing: border-box;display: -ms-flexbox;display: flex;margin: .4rem .8rem;padding: .5rem .56rem .3rem;background: url(../images/newcoupon-li.png);background-size: 100%;border-radius: .2rem;}
.coupon-list li:last-child {margin-bottom: 0;}
.coupon-list li .left {flex: 0 0 3rem;font-size: .72rem;color: #c79e59;border-right: 1px solid #edf0f6;padding-right: .4rem;line-height: 2rem;text-align: center;}
.coupon-list li .left .price {font-size: 1.6rem;}
.coupon-list li .right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow: hidden;line-height: 0.6rem;text-align: left;margin-left: .4rem;}
.coupon-list li .type {font-size: .6rem;color: #222;margin-bottom: .15rem;}
.coupon-list li .time {font-size: .48rem;color: #666;margin-bottom: .3rem;}
.coupon-list li .name {font-size: .48rem;color: #999;}
.newcoupon-div .btn-wrap {position: absolute;bottom: .96rem;padding: 0 .8rem;}
.newcoupon-div .btn-wrap>a {box-sizing: border-box;display: inline-block;width: 4.8rem;height: 1.4rem;text-align: center;line-height: 1.4rem;font-size: .56rem;border-radius: .2rem;}
.newcoupon-div .btn-wrap .left {color: #e9d266;border: 1px solid #e9d266;background-color: inherit;margin-right: .6rem;}
.newcoupon-div .btn-wrap .right {color: #2d2d2d;background-color: #e9d266;}
/* 手机二维码 */
.qrcode-warper {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.qrcode {
  position: relative;
  transform: translateX(620px);
  -webkit-transform: translateX(620px);
  width: 160px;
  height: 180px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
  text-align: center;
  background-color: #fff;
}

.qrcode img {
  display: inline-block;
  width: 140px;
  height: 140px;
  margin-top: 10px;
}

.qrcode p {
  font-size: .4rem;
  position: absolute;
  bottom: 5%;
  left: 9%;
}

.clearfix {
  zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/* 专栏样式 */
.index-column-content {
  background-color: #ffffff;
  margin-bottom: 0.4rem;
}
.index-column-content .column-list {
  padding: 1rem 0.6rem 0.1rem;
}

.column-wrapper .column-list li>a, .index-column-content .column-list li{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

.index-column-content .column-list li a, .column-wrapper .column-list li .img-wrapper{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.64rem;
          flex: 0 0 3.64rem;
  margin-right: .6rem;
}


.index-column-content .column-list li .img-wrapper, .column-wrapper .column-list li .img-wrapper{
  display: inline-block;
  width: 3.64rem;
  height: 3.64rem;
}

.column-wrapper .column-list li .img-wrapper img, .index-column-content .column-list li .img-wrapper img{
  width: 100%;
  height: 100%;
}

.column-list li {
  position: relative;
  list-style: none;
}

.column-list .status {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  background-color: #fc5c60;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

.column-list .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  line-height: 1rem;
  text-align: left;
  width: 66%;
}

.column-list .text p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.column-list .text .column-title {
  font-size: .6rem;
  color: #222;
}

.column-list .text .column-desc {
  font-size: .48rem;
  color: #666;
  line-height: .8rem;
}

.column-list .text .column-detail {
  font-size: .48rem;
  color: #999;
  line-height: .7rem;
  margin-bottom: 0.4rem;
}

.column-list .text .column-num .money {
  font-size: .56rem;
  color: #fc5c60;
  font-weight: bold;
}


.index-column-content .text .column-num .money  {
  background-color: rgb(244, 149, 48);
  font-size: .5rem;
  color: #fff;
  border-radius: 0.8rem;
  line-height: 1.12rem;
  text-align: center;
  padding: 0rem .4rem;
  box-sizing: border-box;
  margin-top: .5rem;
}

.column-list .text .column-num .subs {
  font-size: .44rem;
  color: #999;
}

.hide {
  display: none;
}

.nav-height {
  margin-bottom: 2rem;
}

/* 普通文章推荐专栏 */
/* 清除浏览器默认样式 */
.hot-column-wrapper .text p {
  margin: 0;
}

.hot-column-wrapper {
  background-color: #ffffff;
  position: relative;
  height: 3.88rem;
  padding: 1.2rem 0.6rem 1rem;
  overflow: hidden;
}

.hot-column-wrapper #hot-column {
  padding-top: 0!important;
}

.hot-column-wrapper>ul {
  position: relative;
  margin: 0;
  padding: .6rem .6rem .1rem .6rem;
  height: 4.88rem;
  overflow: hidden;
}

.hot-column-wrapper.column-list li>a {
  margin-bottom: 0;
}

.hot-column-wrapper .sw-bullet {
  bottom: 10%;
}

.hot-column-wrapper .sw-bullet li {
  border-radius: 50%;
  width: .24rem;
  height: .24rem;
  background-color: rgb(237, 240, 246);
}
.hot-column-wrapper .sw-bullet li.active {
  width: .24rem;
  height: .24rem;
  background-color: rgb(66, 133, 244);
}