@charset "UTF-8";
/* CSS Document */
/**
 * @desc UI组件样式
 * @author FXP
 * @date 2018-01-29
 */
/* color - Start */
/**
 * @desc app基础样式
 * @author FXP
 * @date 2018-01-23
 */
/* 
lighten 变亮 
darken 变暗 
*/
/* color - End */
/* banner - Start */
.bannerBox .imgBox {
  position: relative;
  padding-top: 58%;
  width: 100%;
  line-height: 0;
  overflow: hidden; }
  .bannerBox .imgBox > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.bannerBox .slider-pager {
  padding: 15px 0;
  bottom: 0;
  height: 37px;
  /* 旧语法，带前缀并且已经废弃，以支持老版本的浏览器 */
  background: -prefix-linear-zgradient(top, transparent, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  /* 新语法，不带前缀，以支持标准兼容的浏览器（Opera 12.1， IE 10， Firefox 16， Chrome 26， Safari 6.1） */
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)); }
  .bannerBox .slider-pager .slider-pager-page {
    width: 7px;
    height: 7px;
    border-radius: 3px;
    background-color: #fff; }
    .bannerBox .slider-pager .slider-pager-page .icon:before {
      content: ""; }

/* banner - End */
/* 导航栏 - Start */
.navItem .Icon {
  margin: 0 auto;
  display: block;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 23px;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
  background-color: #f88f26; }
.navItem .Title {
  letter-spacing: 1px; }

/* 导航栏 - End */
/* 列表头部 - Start */
.listHead {
  padding: 5px 15px; }
  .listHead, .listHead .title {
    line-height: 39px; }
  .listHead .title {
    letter-spacing: 1px; }

/* 列表头部 - End */
/* 图片Item - Start */
.imgItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .imgItem .thumbnailBox {
    padding: 15px; }
  .imgItem .flex_1 {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .imgItem .innerBox {
    padding-right: 15px; }
  .imgItem .titleBox {
    line-height: 23px; }
    .imgItem .titleBox.labelTitle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .imgItem .titleBox.labelTitle .labelItem {
        padding: 2px 5px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 18px;
        border-radius: 2px;
        background-color: #aaa; }
  .imgItem .iconRight {
    color: #aaa;
    font-size: 13px; }
    .imgItem .iconRight > i {
      display: block; }

/* 图片Item - End */
/* 小图Item - Start */
.avatarsItem .Icon {
  display: block;
  width: 59px;
  height: 59px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 59px;
  border-radius: 30px; }
.avatarsItem .Img {
  width: 50px;
  height: 50px;
  border-radius: 25px; }
.avatarsItem .sImg {
  width: 39px;
  height: 39px;
  border-radius: 20px; }

/* 小图Item - End */
/* 大图Item - Start */
.thumbnailItem {
  min-height: 90px; }
  .thumbnailItem .thumbnailBox {
    min-width: 100px;
    min-height: 60px; }
    .thumbnailItem .thumbnailBox .Img {
      width: 100px;
      height: 60px;
      border-radius: 2px; }

/* 大图Item - End */
/* 滑动框样式 - Start */
.slide_box_UI, .slide_box_UI .slider-slides, .slide_box_UI .scrollCon {
  height: 100%; }

/* 滑动框样式 - End */
/* btn通用样式 - Start */
.btnStyle1, .btnStyle2 {
  display: block;
  font-size: 13px;
  text-align: center;
  background-color: #e7ebed; }
  .Active.btnStyle1, .Active.btnStyle2 {
    color: #fff;
    background-color: #2979ff; }

.btnStyle1 {
  color: #78909c;
  height: 25px;
  line-height: 25px;
  border-radius: 13px; }

.btnStyle2 {
  color: #fff;
  height: 35px;
  line-height: 35px;
  border-radius: 18px; }

.btnStyle3 {
  display: block;
  color: #fff;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  border-radius: 18px;
  background-color: red; }

/* btn通用样式 - End */
/* 弹出框 - Start */
.popup-Class {
  /* 弹出窗口动画 - Start */
  /* 弹出窗口动画 - End */ }
  .popup-Class .Bg, .popup-Class .contentBox {
    position: absolute; }
  .popup-Class .Bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1; }
  .popup-Class .Bg.Black {
    background-color: rgba(0, 0, 0, 0.5); }
  .popup-Class .Bg.White {
    background-color: rgba(255, 255, 255, 0.3); }
  .popup-Class .black_Bg {
    background-color: black;
    filter: alpha(opacity=0);
    opacity: 0; }
  .popup-Class .contentBox {
    max-width: 100%;
    z-index: 2; }
    .popup-Class .contentBox .bar-header {
      border-radius: 0; }
  .popup-Class .centerContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .popup-Class .content_AM {
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3); }
  .popup-Class .popContent {
    width: 300px; }
  .popup-Class.pop_AM .black_Bg,
  .popup-Class.pop_AM .content_AM {
    -webkit-transition: linear .2s;
    transition: linear .2s; }
  .popup-Class.pop_AM .black_Bg {
    filter: alpha(opacity=50);
    opacity: .5; }
  .popup-Class.pop_AM .content_AM {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }

/* 点击放大图样式 - Start */
.picView-Class .contentBox {
  top: 0;
  left: 0;
  background-color: #000; }
  .picView-Class .contentBox, .picView-Class .contentBox .imgSlide, .picView-Class .contentBox .imgScroll, .picView-Class .contentBox .Images {
    width: 100vw;
    height: 100vh; }

/* 点击放大图样式 - End */
/* 用户头像+名字 - Start */
.userInfoBox_1 {
  height: 25px; }
  .userInfoBox_1 > .headImg {
    width: 25px;
    height: 25px;
    overflow: hidden;
    border-radius: 13px;
    color: #000; }
  .userInfoBox_1 > .Name {
    line-height: 25px; }

/* 用户头像+名字 - End */
/* 弧顶 - Start */
.curvedHeadbar {
  position: relative;
  padding-top: 2px; }
  .curvedHeadbar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7px;
    z-index: 1;
    background: -webkit-linear-gradient(bottom, #2161cc, #2979ff);
    background: -o-linear-gradient(bottom, #2161cc, #2979ff);
    background: -moz-linear-gradient(bottom, #2161cc, #2979ff);
    background: linear-gradient(bottom, #2161cc, #2979ff); }
  .curvedHeadbar:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 10px;
    overflow: hidden;
    z-index: 10;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff; }
  .curvedHeadbar .Cover {
    z-index: 11; }

/* 弧顶 - End */
/* 红点提示 - Start */
.redTip {
  width: 5px;
  height: 5px;
  overflow: hidden;
  border-radius: 3px;
  background-color: #ef3550; }

/* 红点提示 - End */
/* 底部圆角 - Start */
.radius-bottom {
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

/* 底部圆角 - End */