@import "icon.css";
body,html {
	height:100%;
	-webkit-tap-highlight-color:transparent
}a {
  color: #18b4ed;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active {
  color: #18b4ed;
}
::-webkit-input-placeholder {
  color: #CCCCCC; }
/*基本样式*/
.baseline {
  vertical-align: baseline; }

.middle {
  vertical-align: middle; }

.top {
  vertical-align: top; }

.block {
  display: block; }

.show {
  display: block; }

.hide {
  display: none; }

.inline {
  display: inline; }

.iblock {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.dtable {
  display: table; }

.cell {
  display: cell-table; }

.tleft {
  text-align: left; }

.tright {
  text-align: right; }

.tcenter {
  text-align: center; }

.center {
  margin-left: auto;
  margin-right: auto; }

.border {
  border: 1px solid #CCCCCC !important; }

.dotted {
  border: 1px dotted #CCCCCC !important; }

.hand {
  cursor: pointer; }

.move {
  cursor: move; }

.u {
  text-decoration: underline; }

.del {
  text-decoration: line-through; }

.none {
  text-decoration: none; }

.i {
  font-style: italic; }

.-i {
  font-style: normal; }

.bold {
  font-weight: bold; }

.-bold {
  font-weight: normal; }

.-wrap {
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden; }

.wrap {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.clearfix:after, .clearfix:before {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.cap {
  text-transform: capitalize; }

.hidden {
  overflow: hidden; }

.visible {
  overflow: visible; }

.zindex {
  z-index: 1; }

.rel {
  position: relative; }

.abs {
  position: absolute; }

.fixed {
  position: fixed; }

.indent {
  text-indent: 20px; }

.lheight {
  line-height: 20px; }

.outline {
  outline: none;
  hide-focus: expression(this.hideFocus=true); }

.ell {
  text-overflow: ellipsis;
  overflow: hidden; }

.yahei {
  font-family: "Microsoft YaHei"; }
  .weui_actionsheet {
  z-index: 1000;
}
/*1px解决方案*/
.weui-border-t {
  border-top: 1px solid #e0e0e0;
}

.weui-border-b {
  border-bottom: 1px solid #e0e0e0;
}

.weui-border-tb {
  border-top: #e0e0e0 1px solid;
  border-bottom: #e0e0e0 1px solid;
  background-image: none;
}

.weui-border-l {
  border-left: 1px solid #e0e0e0;
}

.weui-border-r {
  border-right: 1px solid #e0e0e0;
}

.weui-border {
  border: 1px solid #e0e0e0;
}

.weui-border-radius {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .weui-border-radius {
    position: relative;
    border: 0;
  }

  .weui-border-radius:before {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e0e0e0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    padding: 1px;
    -webkit-box-sizing: border-box;
    border-radius: 8px;
    pointer-events: none;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .weui-border {
    position: relative;
    border: 0;
  }

  .weui-border-t,
    .weui-border-b,
    .weui-border-l,
    .weui-border-r,
    .weui-border-tb {
    border: 0;
  }

  .weui-border-t {
    background-position: left top;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }

  .weui-border-b {
    background-position: left bottom;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }

  .weui-border-t,
    .weui-border-b,
    .weui-border-tb {
    background-repeat: repeat-x;
    -webkit-background-size: 100% 1px;
  }

  .weui-border-tb {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
    background-position: top, bottom;
  }

  .weui-border-l {
    background-position: left top;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }

  .weui-border-r {
    background-position: right top;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
  }

  .weui-border-l,
    .weui-border-r {
    background-repeat: repeat-y;
    -webkit-background-size: 1px 100%;
  }

  .weui-border:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
    -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-repeat: no-repeat;
    background-position: top, right, bottom, left;
    padding: 1px;
    -webkit-box-sizing: border-box;
    z-index: 10;
    pointer-events: none;
  }
}

/*按钮*/

.button_sp_area {
	padding:10px 0;
	width:60%;
	margin:0 auto;
	text-align:justify;
	text-justify:distribute-all-lines;
	font-size:0
}
.button_sp_area:after {
	display:inline-block;
	width:100%;
	height:0;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	content:"."
}
.bg-green{
	background-color:#04BE02;
}
.bg-red{
	background-color:#EF4F4F;
}
.bg-blue {/*蓝色*/
  background-color: #18b4ed;
}
.bg-blue:not(.weui_btn_disabled):visited {
  color: #FFFFFF;
}
.bg-blue:not(.weui_btn_disabled):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #18b4ed;
} 
.bg-blue-b {
  color: #18b4ed;
  border: 1px solid #18b4ed;
}
button.bg-blue-b,
input.bg-blue-b {
  border-width: 1px;
  background-color: transparent;
}
.bg-blue-b:active {
  border-color: #18b4ed;
}
.bg-blue-b:after {
  border-width: 0;
} 
.bg-orange {/*橙色*/
  background-color: #FF6600;
}
.bg-orange:not(.weui_btn_disabled):visited {
  color: #FFFFFF;
}
.bg-orange:not(.weui_btn_disabled):active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #FF6600;
} 
.bg-orange-b {
  color: #FF6600;
  border: 1px solid #FF6600;
}
button.bg-orange-b,
input.bg-orange-b {
  border-width: 1px;
  background-color: transparent;
}
.bg-orange-b:active {
  border-color: #FF6600;
}
.bg-orange-b:after {
  border-width: 0;
} 
.bg-gray {
  background-color: #e7e7e7;
}
/*字体大小 生成11-32 35 40 45 50像素字体 */
.f11 {
  font-size: 11px !important;
  line-height: 11px; }

.f12 {
  font-size: 12px !important;
  line-height: 12px; }

.f13 {
  font-size: 13px !important;
  line-height: 13px; }

.f14 {
  font-size: 14px !important;
  line-height: 14px; }

.f15 {
  font-size: 15px !important;
  line-height: 15px; }

.f16 {
  font-size: 16px !important;
  line-height: 16px; }

.f17 {
  font-size: 17px !important;
  line-height: 17px; }

.f18 {
  font-size: 18px !important;
  line-height: 18px; }

.f19 {
  font-size: 19px !important;
  line-height: 19px; }

.f20 {
  font-size: 20px !important;
  line-height: 20px; }

.f21 {
  font-size: 21px !important;
  line-height: 21px; }

.f22 {
  font-size: 22px !important;
  line-height: 22px; }

.f23 {
  font-size: 23px !important;
  line-height: 23px; }

.f24 {
  font-size: 24px !important;
  line-height: 24px; }

.f25 {
  font-size: 25px !important;
  line-height: 25px; }

.f26 {
  font-size: 26px !important;
  line-height: 26px; }

.f27 {
  font-size: 27px !important;
  line-height: 27px; }

.f28 {
  font-size: 28px !important;
  line-height: 28px; }

.f29 {
  font-size: 29px !important;
  line-height: 29px; }

.f30 {
  font-size: 30px !important;
  line-height: 30px; }

.f31 {
  font-size: 31px !important;
  line-height: 31px; }

.f32 {
  font-size: 32px !important;
  line-height: 32px; }

.f35 {
  font-size: 35px !important;
  line-height: 35px; }

.f40 {
  font-size: 40px !important;
  line-height: 40px; }

.f45 {
  font-size: 45px !important;
  line-height: 45px; }

.f50 {
  font-size: 50px !important;
  line-height: 50px; }
.f55 {
  font-size: 55px !important;
  line-height: 55px; }
/*字体颜色*/
.f-red {
  color: #ef4f4f !important; }

.f-green {
  color: #04be02 !important; }

.f-blue {
  color: #18b4ed !important; }

.f-black {
  color: #333 !important; }

.f-white {
  color: #FFF !important; }

.f-zi {
  color: #FF33CC !important; }

.f-gray {
  color: #CCCCCC !important; }

.f-yellow {
  color: #FFFF66 !important; }

.f-orange {
  color: #FF6600 !important; }
/*Tab*/
.tab-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:100;
}
.tab-bottom {
  bottom: 0;
  width: 100%;
  position: fixed;
}
.weui_navbar_item.tab-green {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 3px solid #04be02;
    color: #04be02;
}
.weui_navbar_item.tab-red {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 3px solid #ef4f4f;
    color: #ef4f4f;
}
.weui_navbar_item.tab-blue {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 3px solid #18b4ed;
    color: #18b4ed;
}
.weui_navbar_item:after {border-right:none;}
/*分割线*/
  .weui-loadmore {
    font-size: 14px;
    line-height: 1.6em;
    margin: 1.5em auto;
    text-align: center;
    width: 65%;
}
.weui-loadmore-tips {
    display: inline-block;
    vertical-align: middle;
}
.weui-loadmore-line {
    border-top: 1px solid #e5e5e5;
    margin-top: 2.4em;
}
.weui-loadmore-line .weui-loadmore-tips {
    background-color: #f8f8f8;
    color: #999999;
    padding: 0 0.55em;
    position: relative;
    top: -0.9em;
}
.weui-loadmore-dot .weui-loadmore-tips {
    padding: 0 0.16em;
}
.weui-loadmore-dot .weui-loadmore-tips::before {
    background-color: #999;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 4px;
    position: relative;
    top: -0.16em;
    vertical-align: 0;
    width: 4px;
}
 /**
 * 表格
 */
.weui-table {
  width: 100%;
  border-collapse: collapse;    background-color: #fff;
    line-height: 32px;
    text-align: center; }
.weui-table th {
  font-weight: 500; }

.weui-table td, .weui-table th {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  text-align: center; }

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .weui-table td, .weui-table th {
    position: relative;
    border-right: 0;
    border-bottom: 0; }

  .weui-table td:after, .weui-table th:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
    background-size: 1px 100% ,100% 1px;
    background-repeat: no-repeat;
    background-position: right, bottom; }

  .weui-table tr td:last-child:after, .weui-table tr th:last-child:after {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom; }

  .weui-table tr:last-child td:not(:last-child):after {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background-position: right; } }
.weui-table tr td:last-child, .weui-table tr th:last-child {
  border-right: 0; }

.weui-table tr:last-child td {
  border-bottom: 0; }
/*swipe*/
.slide{
    position: relative;
    max-width: 640px;
    overflow: hidden;
    margin: 0px auto;
}
.slide:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%;
}
.slide ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.slide .slide-desc {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;overflow: hidden;
  padding: 5px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-align: center;white-space: nowrap;word-break: break-all; text-overflow: ellipsis; }
.slide .dot{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    font-size: 0;
}
#slide2 .dot{
    position: absolute;
    right:50%;
    bottom: 10px;
    z-index: 5;
    font-size: 0;text-align: center;
   margin:0 auto;
}
.slide .dot span{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    border: 1px solid #fff;
    border-radius: 50%; 
}
.slide .dot .cur{
    background-color:#04BE02;border: 1px solid #04BE02;
}
.slide .txt{overflow: hidden;text-align:center;font-size:16px; white-space: nowrap;word-break: break-all; text-overflow: ellipsis;}
/*搜索*/
.search-input{
  box-sizing: content-box;
  width:100%;
  height: 30px;
  display:inline-block;
  border: none;
  -webkit-appearance: none;
          appearance: none;
  border-radius:1px;
  font-family: inherit;
  color: #3d4145;
  font-size: 16px;
  font-weight: normal;
  padding: 0 5px;
  background-color: #fff;
  border:1px solid #04be02;opacity:0.9;
}
.search-input::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
}
.search-input+button::after {
    border: 1px solid #04be02!important;
}
.search-input+button{
border-radius:0!important;
}
/*标签*/
.weui-label {
  display: inline-block;
  position: relative;
  line-height: 25px;
  height: 25px;
  padding: 0 10px;
  border: 1px solid #cacccd;
  border-radius: 5px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    .weui-label {
      position: relative;
      border: 0; }
      .weui-label:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #cacccd;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        padding: 1px;
        -webkit-box-sizing: border-box;
        border-radius: 5px; } }
  .weui-label:active {
    background-color: #f3f2f2; }

.weui-label-list {margin: 0 10px; }
  .weui-label-list .weui-label {margin:5px 5px 0 0; }

.weui-label-s {
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  position: relative;
  padding:1px;
  color: #ff7f0d;
  border: 1px solid #ff7f0d;
  border-radius: 2px; }
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
    .weui-label-s {
      position: relative;
      border: 0;  padding:2px 1px 0px;}
      .weui-label-s:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #ff7f0d;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        padding: 1px;
        -webkit-box-sizing: border-box;
        border-radius: 4px; } }
  .weui-label-s:active {
    background-color: #f3f2f2; }
  .weui-label-s:after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px; }
 /*
* 红点提醒
*/
.weui-reddot, .weui-reddot-border, .weui-reddot-s {
  position: relative;
  display: inline-block;
  line-height: 22px;
  padding: 0 6px; }
  .weui-reddot:after, .weui-reddot-border:after, .weui-reddot-s:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #f74c31;
    border-radius: 5px;
    right: -3px;
    top: -3px;
    background-clip: padding-box; }
.weui-reddot-static {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0; }
  .weui-reddot-static:after {
    top: 0;
    right: 0; }
.weui-reddot-border:before {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 5px;
  right: -4px;
  top: -4px;
  background-clip: padding-box;
  padding: 1px; }
.weui-reddot-s:after {
  width: 6px;
  height: 6px;
  top: -5px;
  right: -5px; }
/*动画*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.checked {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}
.slideIn{-webkit-animation:a .2s forwards;animation:a .2s forwards}
.slideOut{-webkit-animation:b .2s forwards;animation:b .2s forwards}
.weui-loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: weuiLoading 1s steps(12, end) infinite;
          animation: weuiLoading 1s steps(12, end) infinite;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;
  background-size: 100%;
}
@-webkit-keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes weuiLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}
/*css3*/
.radius-lg {
  -webkit-border-radius: 15px;
  border-radius: 15px; }

.radius-md {
  -webkit-border-radius: 8px;
  border-radius: 8px; }

.radius-sm {
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.radius {
  -webkit-border-radius: 5px;
  border-radius: 5px; }
.blur {
  -webkit-filter: blur(5px);
  filter: blur(5px); }
.bs {
  box-shadow: 1px 1px 8px #cccccc;
  -webkit-box-shadow: 1px 1px 8px #cccccc; }
.circle {
  -webkit-border-radius: 50%;
  border-radius: 50%;}

@keyframes xz360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; } }
@-webkit-keyframes xz360 {
  0% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%; } }
.xz360 {
  -webkit-animation: xz360 6s ease-out 0.1s infinite;
  animation: xz360 6s ease-out 0.1s infinite; }\
.xz180{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
  
.reverse {
    animation-direction: reverse;
}  
  
.opacity {
  opacity: 0.5;
  filter: alpha(opacity=50); }  
.opacity-0{
  opacity: 0;
  filter: alpha(opacity=0); }
.opacity-1{
  opacity: 1;
  filter: alpha(opacity=100); }
.ts {
  text-shadow: 1px 1px 0 rgba(255,255,255,1),1px 1px 2px rgba(0,85,0,.8);}
.jb {
  background-color: #999;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#FFF));
  background-image: -webkit-linear-gradient(top, #999, #FFF);
  background-image: linear-gradient(top, #999, #FFF); }
  /*图片效果组件*/
.img-border {
  padding: 3px;margin-left:-5px;
  line-height: 16px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  *display: inline;
  *zoom: 1; }

a.img-border {
  max-width: 100%;
  height: auto; }

a.img-border:focus, a.img-border:hover {
  border-color: #428bca; }

.img-radius {
  border-radius: 3px; }

.img-max {
  display: block;
  max-width: 100%; }
/*
weui-box*/  
  .weui-img-box {
    position: relative;border-radius:2px
}
.weui-img {
    background-position: 50% center;
    background-size: cover;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding-bottom: 33%;
    position: relative;
}
.weui-img-title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.weui-img-time {
    border-top: 1px solid #f0f0f0;
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
    padding-top: 4px;
}

.weui-img-masker {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

/*分页*/
.pager {
	font-size: 14px;
}
.pager:after{
  clear: both; 
}
.pager:after, .pager:before {
  display: table;
  content: " "; }
.pager-left {
	width: 40%;
	border: 0px solid #D5D5D5;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	float: left;
}

.pager-cen {
	float: left;
	width: 19%;
	text-align: center;
	padding: 7px 0;
}

.pager-right {
	width: 40%;
	border: 0px solid #D5D5D5;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	float: right;
}

.pager-first {
	width: 44%;
	padding: 7px 0;
	float: left;
	border-right: 1px solid #EFEFEF;
}

.pager-pre {
	width: 55%;
	padding: 7px 0;
	float: right;
}

.pager-next {
	width: 55%;
	padding: 7px 0;
	float: left;
	border-right: 1px solid #EFEFEF;
}

.pager-end {
	width: 44%;
	padding: 7px 0;
	float: right;
}
/*分享到朋友圈或朋友*/
.weui-share {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;cursor: pointer;
  background: rgba(0, 0, 0, 0.75); }

.weui-share .weui-share-box{
  position: absolute;
  top: 65px;
  right: 20px;
  width: 140px;
  padding: 10px;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  border: 2px solid;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.weui-share i {
  position: absolute;
  background: url(data:image/png;base64, ) no-repeat 90% 5px;
  -webkit-background-size: 56px 61px;
  background-size: 56px 61px;
  width: 56px;
  height: 61px;
  top: -63px;
  right: 23px; }
 /*微信文章*/
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .weui-weixin-ui {
    font-size: 17px; } }
.weui-weixin-ui {
  font-size: 16px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto; }

.weui-weixin-page {
  position: relative;
  padding: 10px 15px 15px;
  background-color: #fff; }

.weui-weixin-page:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  top: auto;
  bottom: -2px; }

.weui-weixin-title {
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: 400;
  font-size: 20px; }

@media screen and (min-width: 1024px) {
  .weui-weixin{
    width: 740px;
    margin-left: auto;
    margin-right: auto; }

  .weui-weixin-title {
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e7e7eb; } }
.weui-weixin-info {
  margin-bottom: 18px;
  line-height: 20px;
  font-size: 0; }

.weui-weixin-a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-bottom: 10px;
  font-size: 16px; }

.weui-weixin-em {
  color: #8c8c8c;font-style: normal;   display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 12px;
    vertical-align: middle;}

.weui-weixin-nickname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 9em; }

.weui-weixin-img {
  width: 100%;
  margin-bottom: 6px; }

.weui-weixin-img img {
  height: auto !important;
  max-width: 100%; }

.weui-weixin-content {
  overflow: hidden;
  color: #3e3e3e;font-size: 16px; }

.weui-weixin-content * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  word-wrap: break-word !important; }

.weui-weixin-content p {
  clear: both;
  min-height: 1em;
  white-space: pre-wrap;
  margin-bottom: 20px; }

.weui-weixin-content fieldset {
  min-width: 0; }

.weui-weixin-content blockquote {
  margin: 0;
  padding-left: 10px;
  border-left: 3px solid #dbdbdb; }

.weui-weixin-content img {
  height: auto !important; max-width: 100%;display: block;}

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .weui-weixin-content table {
    table-layout: fixed !important; }

  .weui-weixin-content td, .weui-weixin-content th {
    width: auto !important; } }
.weui-weixin-tools {
  overflow: hidden;
  padding-top: 15px;
  line-height: 32px;font-size: 14px; }
.weui-weixin-read {
  vertical-align: 0;
  position: relative;

  margin:0 10px;display:inline-block;color:#8c8c8c;}
.weui-weixin-zan {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAYAAAA1dwvuAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACd0lEQVRYhe2XMWhUMRjHfycdpDg4iJN26CQih4NUlFIc3iTasaAO+iZBnorIId2CDg6PLqWDXSy0p28TJ6ejILgoKiLFSeRcnASLnDf2HPKll8b3ah5NQPB+cHzJl0v+73J5Sf6NwWCAD6kqxoEV4BywCTwA2j59V9QlxrxUNJeBOSkfBtaAHvDcp/O+GkJHJd4H7kr5nm/nOkJHJH4FHkv5WAyhUxLfAgelvBlUKFXFBNCU6oYl+j6oEHohADwFtoDTUn8dTChVxX7gjlSfSJyS+CaYEDCPXs4d4IXkzDR+8BWqfI9SVUyil/ENST20ml8BF4Afu4z9HT3V80B/TAY9CxTABNAHxp1Oj4B1q34dWAamGa5Al0PALfSs3TS/aE1EcERWgQXgozPIN+Ai6O2ljFQVM8BLZJqN0KTEhgj9kvrViqf1wYz5BcoXQ38Pg9uckfiuSigU0xLXowmlqpgCjgNd4FM0IeCKxGcmEUtoRqLZScILpaqYA06iN9/tTTfGLzKvxLKdDCqUquIEcB59xK9GE2J4xLeBn3ZD1abaq/sQqSpmgWvo82rBbTdCPeAA4N69/noXS1XhphaBz27SPPVtapz/FXSBFsNDcgcN3wvkiBEjRoSndAtqLXXKvuvtYfMs+SP3T3tYm6ge1iaqh7UJ62HRTqNZko/mYV3CeVjA9rAuUTxsGd4edrcX1vWwddn2sHmWaA/bWuq4HnYLff3aC7U8bAiaMPyPJp3GhnxCUOlhQxPdwxrieViLbp4lUT2sIbqHNcTzsBYbeZZE9bCGeB7WIrqHNbTzLNnhYWMIlXpYI9Rz8gM8/GsFi3mW/Ace9jf8QZwIX5o4uQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}
.weui-weixin-zan.zaned {
    background-position: 0 -18px;
}
.zaned .weui-weixin-zan {
    background-position: 0 -18px;
}
.weui-weixin-num{margin-left:3px;}
  /**
 * 提示页面
 */
.weui_msg_box {
  width: 100%;
  height: 80%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  position: absolute;
  text-align: center; }
.weui_msg_box p {
  font-size: 16px;
  line-height: 20px;
  color: #bbbbbb;
  text-align: center;
  padding: 0 15px; }
/*评论*/
.weui-comment {
    font-size: 16px;
    margin-top: -5px;
    padding-bottom: 20px;

}
.weui-comment-item {
    margin-top: 15px;
    padding-left: 45px;
    position: relative;
    list-style-type: none;
}
.weui-comment-item::after {
    clear: both;
    content: "​";
    display: block;
    height: 0;
}
.weui-comment-item .userinfo {
    min-height: 20px;
    overflow: hidden;
}
.weui-comment-item .nickname {
    color: #727272;
    display: block;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 9em;
    word-wrap: normal;
}
.weui-comment-item .avatar {
    background-color: #ccc;
    border-radius: 2px;
    height: 35px;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 3px;
    vertical-align: top;
    width: 35px;
}
.weui-comment-item .weui-comment-msg {
    color: #3e3e3e;
    line-height: 1.5;
}
.weui-comment-item .time {
    color: #8c8c8c;
    font-size: 12px;
}
.weui-comment-item .time a {
    margin-left: 0.5em;
}
.weui-comment-item .status {
    color: #ff7a21;
    white-space: nowrap;
}
.weui-comment-item .status i {
    font-style: normal;
    margin-right: 2px;
}
.weui-comment-item .weui-comment-li {
    float: right;
}
.weui-comment-item .weui-comment-li .check {
    display: inline-block;
    margin-top: -5px;
    padding-top: 5px;
    text-align: right;
}
.weui-comment-reply {
    margin-top: 0.5em;
    padding-left: 0.4em;
    padding-top: 0.5em;
    position: relative;
}
.weui-comment-num{
    color: #666;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}
.weui-comment-reply::before {
    border-top: 1px solid #dadada;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0.5);
    transform-origin: 0 0 0;
    width: 100%;
}
.weui-comment-reply .nickname {
    overflow: visible;
    position: relative;
}
.weui-comment-reply .nickname::before {
    background-color: #02bb00;
    content: " ";
    height: 14px;
    left: -0.4em;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 3px;
}
.weui-comment-icon {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAYAAAA1dwvuAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACd0lEQVRYhe2XMWhUMRjHfycdpDg4iJN26CQih4NUlFIc3iTasaAO+iZBnorIId2CDg6PLqWDXSy0p28TJ6ejILgoKiLFSeRcnASLnDf2HPKll8b3ah5NQPB+cHzJl0v+73J5Sf6NwWCAD6kqxoEV4BywCTwA2j59V9QlxrxUNJeBOSkfBtaAHvDcp/O+GkJHJd4H7kr5nm/nOkJHJH4FHkv5WAyhUxLfAgelvBlUKFXFBNCU6oYl+j6oEHohADwFtoDTUn8dTChVxX7gjlSfSJyS+CaYEDCPXs4d4IXkzDR+8BWqfI9SVUyil/ENST20ml8BF4Afu4z9HT3V80B/TAY9CxTABNAHxp1Oj4B1q34dWAamGa5Al0PALfSs3TS/aE1EcERWgQXgozPIN+Ai6O2ljFQVM8BLZJqN0KTEhgj9kvrViqf1wYz5BcoXQ38Pg9uckfiuSigU0xLXowmlqpgCjgNd4FM0IeCKxGcmEUtoRqLZScILpaqYA06iN9/tTTfGLzKvxLKdDCqUquIEcB59xK9GE2J4xLeBn3ZD1abaq/sQqSpmgWvo82rBbTdCPeAA4N69/noXS1XhphaBz27SPPVtapz/FXSBFsNDcgcN3wvkiBEjRoSndAtqLXXKvuvtYfMs+SP3T3tYm6ge1iaqh7UJ62HRTqNZko/mYV3CeVjA9rAuUTxsGd4edrcX1vWwddn2sHmWaA/bWuq4HnYLff3aC7U8bAiaMPyPJp3GhnxCUOlhQxPdwxrieViLbp4lUT2sIbqHNcTzsBYbeZZE9bCGeB7WIrqHNbTzLNnhYWMIlXpYI9Rz8gM8/GsFi3mW/Ace9jf8QZwIX5o4uQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}
.weui-comment-icon.checked, .checked .weui-comment-icon {
    background-position: 0 -18px;
}
/*加减*/
.weui-number-input {
    float:left;
    height:20px;
    font-size:20px;
    color: #666;
    -webkit-appearance: none;
    appearance: none;
    border:1px solid #ececec;
    padding:3px 0;
    text-align:center;
    border-radius: 1px;
  }
  .weui-number {
    float:left;
    height:20px;
    font-size:25px;
    line-height:18px;
    color:#3cc51f;
    border:1px solid #ececec;
  }
  .weui-number-sub {
    border-right:none;
    padding:3px 10px;
    border-radius:2px 0 0 2px;
  }
  .weui-number-plus {
    border-left:none;
    margin-right: 5px;
    padding:3px 8px;
    border-radius:0 2px 2px 0;
  }

.weui-rater {
  text-align: left;
  display: inline-block;
  line-height: normal;
}
.weui-rater a {
  display: inline-block;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  color: #ccc;
}
.weui-rater a:last-child {
  padding-right: 2px!important;
  margin-right: 0px!important;
}
.weui-rater a:hover {
  color: #ffdd99;
}
.weui-rater a.checked {
  color: #ffdd99 !important;
  cursor: not-allowed;
}
.weui-rater-box {
  position: relative;
  margin-right: 2px; font-size: 25px; width: 25px; height: 25px; color: rgb(255, 204, 102);
}
.weui-rater-inner {
 position: relative;
 display: inline-block;
}
.weui-rater-outer {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  overflow: hidden;
}
/*弹出框*/
.weui_msg_img{
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    display:node;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
}
.weui_msg_com {
    border-radius: 10px;
    margin: 70px auto 0;
    position: relative;
    width: 80%;
}
.weui_msg_close {
    background:rgba(55,55,55,0.9);
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;border:1px solid #FFF;
}
.weui_msg_src {
    border-radius: 5px;
    font-size: 0;
    overflow: hidden;
}
.weui_msg_src img {
    width: 100%;
}
.weui_msg_src p {
    font-size: 18px;
    line-height: 25px;
    margin: 20px auto 0;
    width: 80%;
}
.weui_msg_src a {
    background: #f84c2f none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 20px auto;
    text-align: center;
    width: 100px;
}
.weui_msg_comment {
    background: #fff none repeat scroll 0 0;
    border-radius:5px;
    color: #ff0000;
    padding: 0 0 10px;
}



/*toast 对话框 扩展*/
.weui_dialog,
.weui_toast {
  -webkit-transition-duration: .2s;
          transition-duration: .2s;
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  visibility: hidden;
  margin: 0;
  left: 7.5%;
  top: 30%;
  z-index: 100;
}
.weui_dialog .weui_btn_dialog + .weui_btn_dialog,
.weui_toast .weui_btn_dialog + .weui_btn_dialog {
  position: relative;
}
.weui_dialog .weui_btn_dialog + .weui_btn_dialog:after,
.weui_toast .weui_btn_dialog + .weui_btn_dialog:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.weui_dialog.weui_dialog_visible,
.weui_toast.weui_dialog_visible,
.weui_dialog.weui_toast_visible,
.weui_toast.weui_toast_visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (min-width: 1024px) {
  .weui_dialog {
    left: 32.5%;
  }
}
.weui_toast {
  left: 50%;
  top: 35%;
  margin-left: -3.8em;
}
.weui_toast_forbidden {
  color: #F76260;
}
.weui_toast_cancel .weui_icon_toast:before {
  content: "\EA0D";
}
.weui_toast_forbidden .weui_icon_toast:before {
  content: "\EA0B";
  color: #F76260;
}
.weui_mask {
  opacity: 0;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  visibility: hidden;
  z-index: 10;
}
.weui_mask.weui_mask_visible {
  opacity: 1;
  visibility: visible;
}
.weui-prompt-input {
  padding: 4px 6px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  height: 2em;
  width: 80%;
  margin-top: 10px;
}
/* picker,日期时间popup,select*/
.weui-picker-modal{width:100%;position:absolute;z-index:100;bottom:0;text-align:center;border-radius:0;opacity:.6;color:#3d4145;-webkit-transition-duration:.3s;transition-duration:.3s;height:13rem;background:#efeff4;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.weui-picker-modal.weui-picker-modal-visible{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-picker-modal .picker-modal-inner{position:relative;height:10.8rem}.weui-picker-modal .toolbar{position:relative;width:100%;font-size:16px;line-height:1.5;color:#3d4145;background:#f7f7f8}.weui-picker-modal .toolbar:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .toolbar:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .toolbar:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .picker-columns{width:100%;height:13rem;z-index:11500}.weui-picker-modal .picker-columns.picker-modal-inline,.popover .weui-picker-modal .picker-columns{height:10rem}@media(orientation:landscape) and (max-height:415px){.weui-picker-modal .picker-columns:not(.picker-modal-inline){height:10rem}}.weui-picker-modal .popover.popover-picker-columns{width:14rem}.weui-picker-modal .picker-items{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;width:100%;padding:0;text-align:right;font-size:17px;font-weight:normal;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent)}.weui-picker-modal .bar+.picker-items{height:10.8rem}.weui-picker-modal .picker-items-col{overflow:hidden;position:relative;max-height:100%}.weui-picker-modal .picker-items-col.picker-items-col-left{text-align:left}.weui-picker-modal .picker-items-col.picker-items-col-center{text-align:center}.weui-picker-modal .picker-items-col.picker-items-col-right{text-align:right}.weui-picker-modal .picker-items-col.picker-items-col-divider{color:#3d4145;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.weui-picker-modal .picker-items-col-wrapper{-webkit-transition:300ms;transition:300ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.weui-picker-modal .picker-item{height:32px;line-height:32px;padding:0 10px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;color:#9b9b9b;left:0;top:0;width:100%;box-sizing:border-box;-webkit-transition:300ms;transition:300ms}.picker-items-col-absolute .weui-picker-modal .picker-item{position:absolute}.weui-picker-modal .picker-item.picker-item-far{pointer-events:none}.weui-picker-modal .picker-item.picker-selected{color:#3d4145;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.weui-picker-modal .picker-center-highlight{height:32px;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-16px;pointer-events:none}.weui-picker-modal .picker-center-highlight:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .picker-center-highlight:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .picker-center-highlight:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .picker-center-highlight:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .picker-center-highlight:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .picker-center-highlight:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .picker-3d .picker-items{overflow:hidden;-webkit-perspective:1200px;perspective:1200px}.weui-picker-modal .picker-3d .picker-items-col,.weui-picker-modal .picker-3d .picker-items-col-wrapper,.weui-picker-modal .picker-3d .picker-item{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.weui-picker-modal .picker-3d .picker-items-col{overflow:visible}.weui-picker-modal .picker-3d .picker-item{-webkit-transform-origin:center center -110px;transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.weui-picker-modal .title{position:absolute;display:block;width:100%;padding:0;font-size:17px;font-weight:normal;line-height:35px;color:#3d4145;text-align:center;white-space:nowrap}.weui-picker-modal .picker-button{position:absolute;right:0;box-sizing:border-box;height:30px;line-height:30px;color:#04be02;z-index:1;padding:0 .5rem}.weui-picker-overlay,.weui-picker-container{position:fixed;bottom:0;left:0;right:0;height:0;width:100%}.city-picker .col-province{width:5rem}.city-picker .col-city{width:6rem}.city-picker .col-district{width:5rem}.weui-picker-container .weui_cells{margin:0;text-align:left}.weui-select-modal{height:auto}.weui-select-modal .weui_cells{overflow-y:auto;overflow-x:hidden;max-height:16rem}.weui-select-modal .weui_cells:after{display:none}.weui-picker-calendar{background:#fff;height:15rem;width:100%;overflow:hidden}@media(orientation:landscape) and (max-height:415px){.weui-picker-calendar:not(.picker-modal-inline){height:11rem}}.weui-picker-calendar .picker-modal-inner{overflow:hidden;height:12.8rem}.picker-calendar-week-days{height:.9rem;background:#f7f7f8;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:11px;box-sizing:border-box;position:relative}.picker-calendar-week-days:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.picker-calendar-week-days:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.picker-calendar-week-days:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.picker-calendar-week-days .picker-calendar-week-day{-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);line-height:17px;text-align:center}.picker-calendar-week-days+.picker-calendar-months{height:11.9rem}.picker-calendar-months{width:100%;height:100%;overflow:hidden;position:relative}.picker-calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:300ms;transition:300ms}.picker-calendar-month{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.picker-calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative}.picker-calendar-row:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#ccc;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.picker-calendar-row:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.picker-calendar-row:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.picker-calendar-row:last-child:after{display:none}.picker-calendar-day{-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;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;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;color:#3d4145;font-size:15px;cursor:pointer}.picker-calendar-day.picker-calendar-day-prev,.picker-calendar-day.picker-calendar-day-next{color:#ccc}.picker-calendar-day.picker-calendar-day-disabled{color:#d4d4d4;cursor:auto}.picker-calendar-day.picker-calendar-day-today span{background:#e3e3e3}.picker-calendar-day.picker-calendar-day-selected span{background:#04be02;color:#fff}.picker-calendar-day span{display:inline-block;border-radius:100%;width:30px;height:30px;line-height:30px}.picker-calendar-month-picker,.picker-calendar-year-picker{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex:0 10 auto;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{min-width:36px}.picker-calendar-month-picker span,.picker-calendar-year-picker span{-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.popover .picker-calendar .picker-calendar-week-days,.picker-calendar.picker-modal-inline .picker-calendar-week-days{background:0}.popover .picker-calendar .toolbar:before,.picker-calendar.picker-modal-inline .toolbar:before,.popover .picker-calendar .picker-calendar-week-days:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days:before{display:none}.popover .picker-calendar .toolbar:after,.picker-calendar.picker-modal-inline .toolbar:after,.popover .picker-calendar .picker-calendar-week-days:after,.picker-calendar.picker-modal-inline .picker-calendar-week-days:after{display:none}.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .toolbar-inner{height:2.2rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;text-align:center}.picker-calendar-month-picker,.picker-calendar-year-picker{display:block;line-height:2.2rem}.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{float:left;width:25%;height:2.2rem;line-height:2rem}.picker-calendar-month-picker .current-month-value,.picker-calendar-year-picker .current-month-value,.picker-calendar-month-picker .current-year-value,.picker-calendar-year-picker .current-year-value{float:left;width:50%;height:2.2rem}.weui-popup-modal{width:100%;position:absolute;z-index:100;bottom:0;border-radius:0;opacity:.6;color:#3d4145;-webkit-transition-duration:.3s;transition-duration:.3s;height:100%;background:#efeff4;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;overflow-x:hidden;overflow-y:auto}.weui-popup-modal.weui-popup-modal-visible{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-popup-overlay,.weui-popup-container{position:fixed;bottom:0;left:0;right:0;height:0;width:100%;height:100%}.weui-popup-container{display:none}.weui-popup-container.weui-popup-container-visible{display:block}.weui-popup-container .weui_cells{margin:0;text-align:left}

/*header*/
.weui-header {
  position: relative;
  padding: 3px 0;
  -webkit-box-sizing: border-box;
 
}
.weui-header .weui-header-title,.weui-header h1 {
  margin: 0 88px;
  margin-left: 100px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  font-size: 18px;
  font-weight: 400;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff
}
.weui-header .weui-header-title a,.weui-header .weui-header-title a:active,.weui-header h1 a,.weui-header h1 a:active {
  color: #fff
}
.weui-header .weui-header-left,.weui-header .weui-header-right {
  position: absolute;
  top: 14px;
  display: block;
  font-size: 16px;
  line-height: 21px;
  color:#FFF;
}
.weui-header .weui-header-left a,.weui-header .weui-header-left button,.weui-header .weui-header-right a,.weui-header .weui-header-right button {
  float: left;
  margin-right: 8px;
}
.weui-header .weui-header-left a:active,.weui-header .weui-header-left button:active,.weui-header .weui-header-right a:active,.weui-header .weui-header-right button:active {
  opacity: .8
}
.weui-header .weui-header-left {
  left: 18px
}
.weui-header .weui-header-right {
  right: 15px
}
.weui-header .weui-header-right a,.weui-header .weui-header-right button {
  margin-left: 8px;
  margin-right: 0
}
/*时间线*/
.timeline {
    padding: 1rem;
}
.timeline p {
    color: #888;
    font-size: 0.8rem;
}
.timeline h4 {
    color: #666;
    font-weight: 400;
}
.timeline .recent {
    color: #18b4ed;
}
.timeline ul li {
    list-style: outside none none;
}
.timeline-item {
    position: relative;
}
.timeline-item-content {
    padding: 0 0 1.5rem 1.2rem;
}
.timeline-item-head, .timeline-item-head-first {
    border-radius: 99px;
    content: "";
    position: absolute;
    z-index: 99;
    background-color:#04be02;
}
.timeline-item-head {
    height: 10px;
    left: 1px;
    top: 4px;
    width: 10px;
}
.timeline-item-head-first {
    height: 20px;
    left: -4px;
    top: 5px;
    width: 20px;
}
.timeline-item-tail {
    content: "";background-color:#04be02;
    height: 100%;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 2px;
}
.timeline-item-checked {
    left: 0;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
}
.timeline-item-checked::before {
    color: #fff;
    font-size: 12px;
    width: 20px;
}
/*navigator*/
.weui-navigator{background:#fafafa;position:relative;padding:0;margin:0}.weui-navigator-list{width:100%;list-style:none;display:-webkit-box;margin:0 auto}.weui-navigator-list li{list-style:none;line-height:34px;font-size:16px;font-weight:bold;text-align:center;-webkit-box-flex:1;display:-webkit-box;white-space:nowrap;-webkit-box-align:center;-webkit-box-pack:center}.weui-navigator.weui-navigator-wrapper{z-index:1;width:100%;overflow:hidden;position:relative;-webkit-backface-visibility:hidden}.weui-navigator-list li a{text-decoration:none;color:#666;display:block;width:100%;-webkit-box-sizing:border-box;padding:0 15px}.weui-navigator-list li.weui-state-hover,.weui-navigator-list li.weui-state-active a{color:#04be02}.weui-navigator-list li.weui-state-hover,.weui-navigator-list li.weui-state-active a:after{content:'';display:block;height:2px;background-color:#04be02}.weui-navigator .weui-navigator-list{display:table;table-layout:fixed;white-space:nowrap;width:auto}.weui-navigator .weui-navigator-list:after{content:'';clear:both;display:inline-block;width:0;height:0;overflow:hidden}.weui-navigator .weui-navigator-list li{display:inline-block}

/*weui-tab*/
.weui_tab_nav
{
	display: box;
	display: -webkit-box;
	display: -webkit-flex;
	display: display:flex
}
.weui_tab_nav .weui_nav_green
{
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	width: 100%;
	height: 30px;
	padding: 0;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
	border: 1px solid #04be02;
	border-width: 1px 1px 1px 0;
	color: #04be02;
	white-space: nowrap;
	background: #fdfdfd
}
.weui_tab_nav .weui_nav_green.bg_green
{
	border-color: #04be02;
	color: #fff;
	background: #04be02
}
.weui_tab_nav .weui_nav_red
{
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	width: 100%;
	height: 30px;
	padding: 0;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
	border: 1px solid #ef4f4f;
	border-width: 1px 1px 1px 0;
	color: #ef4f4f;
	white-space: nowrap;
	background: #fdfdfd
}
.weui_tab_nav .weui_nav_red.bg_red
{
	border-color: #EF4F4F;
	color: #fff;
	background: #EF4F4F
}
.weui_tab_nav .weui_navbar_item:first-child
{
	border-width: 1px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-clip: padding-box
}
.weui_tab_nav .weui_navbar_item:last-child
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-clip: padding-box
}
/*上下拉*/
.dropload-up,.dropload-down{position:relative;height:0;overflow:hidden;font-size:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}.dropload-down{height:50px}.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height:50px;line-height:50px;text-align:center}
.weui-updown{-webkit-animation:weui-updown .3s linear;animation:opacity .3s linear}@-webkit-keyframes weui-updown{0%{opacity:0}100%{opacity:1}}@keyframes weui-updown{0%{opacity:0}100%{opacity:1}}
.page-hd {
    padding:20px;
}.page-hd-title {
        font-size: 20px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 15px;
}
.page-hd-desc {
    color: #888;
    font-size: 14px;
    margin-top: 5px;
    text-align: left;
}
.page-bd{
	padding:0;
}
.page-bg{
	background-color: #f8f8f8;
}
.page-bd-15{
	padding: 0 15px;
}
.page-bd img {
    height: 20px;
    width: 20px;
}
.page-bd ul{list-style: none;}
.page-bd li {
    background-color: #fff;
    border-radius: 2px;
    cursor: pointer;
    margin: 10px 0;
    overflow: hidden;vertical-align: bottom;
}
.page-bd li.js-show .weui-flex {
    opacity: 0.4;
}
.page-bd li.js-show .page-category {
    height: auto;
}
.page-bd li.js-show .page-category-content {
    opacity: 1;
    transform: translateY(0px);
}
.page-bd li:first-child {
    margin-top: 0;
}
.page-bd .page-category {
    height: 0;
    overflow: hidden;
}
.page-bd .page-category-content {
    opacity: 0;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
}
.page-bd .weui-flex {
 
    align-items: center;
    padding: 10px;
    transition: all 0.3s ease 0s;
    display: -webkit-flex;
     display: -webkit-box;
    display: flex;
}
.page-bd .weui-flex-item {
-webkit-flex: 1 1 0;
    flex: 1 1 0;
}
.weui_cell-bd {
  -webkit-flex: 1 1 0;
    flex: 1 1 0;
}

.weui-vcode-btn {
    border-left: 1px solid #e5e5e5;
    color: #3cc51f;
    display: inline-block;
    font-size: 17px;
    height: 44px;
    line-height: 44px;
    margin-left: 5px;
    padding: 0 0.6em 0 0.7em;
    vertical-align: middle;
}

.weui-agree {
    display: block;
    font-size: 16px;
    padding: 0.5em 15px;
}
.weui-agree a {
    color: #586c94;
}
.weui-agree-text {
    color: #999999;
}
.weui-agree input:checked{
	-webkit-appearance: none;
}
.weui-agree-checkbox {
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    font-size: 0;
    height: 16px;
    outline: 0 none;
    position: relative;
    top: 2px;
    vertical-align: 0;
    width: 16px;
}
.weui-agree-checkbox:checked::before {
    color: #09bb07;
    content: "\EA08";
    display: inline-block;
    font-family: "weui";
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 50%;
    position: absolute;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -48%) scale(0.73);
    vertical-align: middle;
}
.weui-agree-checkbox:disabled {
    background-color: #e1e1e1;
}
.weui-agree-checkbox:disabled::before {
    color: #adadad;
}
.weui-footer {
    color: #999999;
    font-size: 14px;
    text-align: center;
}
.weui-footer a {
    color: #586c94;
}
.weui-footer-fixed-bottom {
    bottom: 0.52em;
    left: 0;
    position: fixed;
    right: 0;
}
.weui-footer-links {
    font-size: 0;
}
.weui-footer-link {
    display: inline-block;
    font-size: 14px;
    margin: 0 0.62em;
    position: relative;
    vertical-align: top;
}
.weui-footer-link::before {
    border-left: 1px solid #c7c7c7;
    bottom: 0.36em;
    color: #c7c7c7;
    content: " ";
    left: -0.65em;
    position: absolute;
    top: 0.36em;
    transform: scaleX(0.5);
    transform-origin: 0 0 0;
    width: 1px;
}
.weui-footer-link:first-child::before {
    display: none;
}
.weui-footer-text {
    font-size: 12px;
    padding: 0 0.34em;
}
.weui-flex {
 display: -webkit-box;
display: -webkit-flex;
    display: flex;
}
.weui-flex-item {
     -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.placeholder {
    background-color: #ebebeb;
    color: #cfcfcf;
    height: 2.3em;
    line-height: 2.3em;
    margin: 5px;
    text-align: center;
}
.weui-avatar,.weui-avatar img:first-child{
    border-radius: 4px;
    height: 52px;
    vertical-align: middle;position: relative;
    width: 52px;
}
  .weui-avatar-circle{
    display: inline-block;
    height: 50px;
    margin-right: 13px;
    position: relative;
    vertical-align: middle;
    width: 50px;}
.weui-avatar-url{
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    position: relative;
    width: 50px;
}
.weui-avatar-status{
    bottom: 0;
    height: 20px;
    position: absolute;
    right: 0;
    width: 20px;
}
.weui_toptips.ok,.weui_toptips.success {
  background-color: #04BE02;
}
.weui_toptips.info {
  background-color: rgba(51,51,51,0.8);
}
.weui_toptips.warning {
  background-color:#FF6600;
}
.weui_toptips.weui_toptips_visible{
    opacity: 1;
}
.weui_actionsheet .weui_actionsheet_title {
    background-color: #f4f4f4;
    color: #999;
    font-size: 16px;
    padding: 8px 0;
    position: relative;
    text-align: center;
}
.weui_actionsheet .weui_actionsheet_title::after {
    border-top: 1px solid #d9d9d9;
    bottom: 0;
    color: #d9d9d9;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleY(0.5);
    transform-origin: 0 100% 0;
    width: 100%;
}
/*朋友圈*/
/* 
  基本样式设置 
  Basic Setup
  引用WeUI,FontAwesome
*/
body {
  background-color: #eee;
}
.iphone-container {
  width: 250px;
  margin: 0 auto;
  margin-top: 4%;
}
.iphone {
  position: absolute;
}
.screen {
  position: relative;
  height: 530px;
  width: 324px;
  margin: 0 auto;
  top: 78px;
  left: 13px;
}
.moments__post {
  display: block;
}
.moments__post .weui_cell_hd {
  display: table-cell;
  vertical-align: top;
  min-width: 45px;
}
.moments__post .weui_cell_hd img {
  width: 45px !important;
}
.moments__post .weui_cell_bd {
  font-size: 15px;
  display: table-cell;
  padding-left: 10px;
}
.moments__post .weui_cell_bd a,
.moments__post .weui_cell_bd .title,
.moments__post .weui_cell_bd .paragraphExtender,
.moments__post .weui_cell_bd .fa,
.moments__post .weui_cell_bd .nickname {
  color: #5d6b85;
}
.moments__post .weui_cell_bd .title,
.moments__post .weui_cell_bd .paragraph,
.moments__post .weui_cell_bd .thumbnails {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 5px;
}
.moments__post .weui_cell_bd .paragraphExtender {
  margin: 5px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.moments__post .weui_cell_bd .thumbnails {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.moments__post .weui_cell_bd .thumbnails .thumbnail {
  width: 80px;
  height: 80px;
  margin: 1px;
  background: #757575;
  overflow: hidden;
}
.moments__post .weui_cell_bd .thumbnails .thumbnail img {
  width: 100%;
}
.moments__post .weui_cell_bd .toolbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     
          align-items: center;
}
.moments__post .weui_cell_bd .toolbar .timestamp,
.moments__post .weui_cell_bd .toolbar .timestamp .fa {
  color: #757575;
  font-size: 13px;
}
.moments__post .weui_cell_bd .liketext {
  margin-top: 10px;
  width: 100%;
  background-color: #f3f3f5;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
   
          align-items: center;
  -webkit-flex-wrap: wrap;
    
          flex-wrap: wrap;
}
.moments__post .weui_cell_bd .liketext .fa {
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
  margin-left: 10px;
}
.moments__post .weui_cell_bd .liketext:before {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #f3f3f5;
  border-width: 5px;
}
.moments__post .weui_cell_bd .actionMenu {
  position: absolute;
  height: 40px;
  background-color: #4e5156;
  border-radius: 5px;
  z-index: 5;
  top: -10px;
  right: 20px;
  display: none;
  -webkit-justify-content: space-around;
   
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
     
          align-items: center;
}
.moments__post .weui_cell_bd .actionMenu .actionBtn {
  color: #fff;
  padding: 0 20px;
}
.moments__post .weui_cell_bd .actionMenu .actionBtn .fa {
  color: #fff;
  margin-right: 5px;
}
.moments__post .weui_cell_bd .actionMenu .actionBtn:not(:first-child) {
  border-left: 1px solid #3f4346;
}
.moments__post .weui_cell_bd .actionMenu.active {
  display: -webkit-box;
  display: -webkit-flex;
  
  display: flex;
}
.moments__post .weui_cell_bd .actionToggle {
  width: 15px;
  height: 15px;
  background: #92abd4;
  margin-left: auto;
  border-radius: 1px;
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
    
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     
          justify-content: center;
}
.moments__post .weui_cell_bd .actionToggle p {
  width: 3px;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
  margin: auto 2px;
}
.moments__post .weui_cell_bd .actionToggle:before {
  right: 100%;
  top: 4px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #92abd4;
  border-width: 3px;
}
/*
表单预览
*/
.weui-form-preview {
    background-color: #ffffff;
    position: relative;
}
.weui-form-preview::before {
    border-top: 1px solid #d9d9d9;
    color: #d9d9d9;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0.5);
    transform-origin: 0 0 0;
}
.weui-form-preview::after {
    border-bottom: 1px solid #d9d9d9;
    bottom: 0;
    color: #d9d9d9;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleY(0.5);
    transform-origin: 0 100% 0;
}
.weui-form-preview-hd {
    line-height: 2.5em;
    padding: 10px 15px;
    position: relative;
    text-align: right;
}
.weui-form-preview-hd::after {
    border-bottom: 1px solid #d9d9d9;
    bottom: 0;
    color: #d9d9d9;
    content: " ";
    height: 1px;
    left: 15px;
    position: absolute;
    right: 0;
    transform: scaleY(0.5);
    transform-origin: 0 100% 0;
}
.weui-form-preview-hd .weui-form-preview-value {
    font-size: 1.6em;
    font-style: normal;
}
.weui-form-preview-bd {
    color: #999999;
    font-size: 0.9em;
    line-height: 2;
    padding: 10px 15px;
    text-align: right;
}
.weui-form-preview-ft {
display: -webkit-flex;
    display: flex;
    line-height: 50px;
    position: relative;
}
.weui-form-preview-ft::after {
    border-top: 1px solid #d5d5d6;
    color: #d5d5d6;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0.5);
    transform-origin: 0 0 0;
}
.weui-form-preview-label {
    color: #999999;
    float: left;
    margin-right: 1em;
    min-width: 4em;
    text-align: justify;
    text-align-last: justify;
}
.weui-form-preview-value {
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: normal;
}
.weui-form-preview-btn {
   
    color: #3cc51f;
    display: block;
    flex: 1 1 0;
    position: relative;
    text-align: center;
}
button.weui-form-preview-btn {
    background-color: transparent;
    border: 0 none;
    font-size: inherit;
    outline: 0 none;
}
.weui-form-preview-btn:active {
    background-color: #eeeeee;
}
.weui-form-preview-btn::after {
    border-left: 1px solid #d5d5d6;
    bottom: 0;
    color: #d5d5d6;
    content: " ";
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleX(0.5);
    transform-origin: 0 0 0;
    width: 1px;
}
.weui-form-preview-btn:first-child::after {
    display: none;
}
.weui-form-preview-btn-default {
    color: #999999;
}
.weui-form-preview-btn-primary {
    color: #0bb20c;
}
/*gallery*/
.weui-gallery {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000;
  z-index: 1000;
}
.weui-gallery-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 60px;
  left: 0;
  background: center center no-repeat;
  background-size: contain;
}
.weui-gallery-opr {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0D0D0D;
  color: #FFFFFF;
  line-height: 60px;
  text-align: center;
}
.weui-gallery-del {
  display: block;
}
.grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box;text-decoration:none}.grids-small .grid{width:25%;padding:15px 8px}.grid:before{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #d9d9d9;color:#d9d9d9;transform-origin:100% 0;transform:scaleX(0.5)}.grid:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.weui-menu{position:fixed;bottom:0;left:0;right:0;height:50px;background:#f8f8f8;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;border-top:1px solid #ccc;outline:0;margin:0;padding:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-menu-inner{border-left:1px solid #ccc;height:100%;width:100%;text-align:center;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none}.weui-menu-inner:last-child{background-position:30px center}.weui-menu-inner>em{display:inline-block;height:10px;width:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAANrwAADa8BQr/nKgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEoSURBVGiB7dkxSuRwGMbhJ7NR3F4Ea2FiZyNj4wUs3DuIsPbWa6W99Qh6A2uv4JR2k0IPIFur6GosXA8wKvy/yPeUqd4fBMJHqq7rfAeD0gO+SoZE821CalhtNsb4jfuyc2b2EyfTdrJXNcPRObb+P+yje1wMsKy/EbxtX66xiV2s4anopNnN4QqnVX4Qg8mQaDIkmgyJJkOiyZBoMiSa9wtxHkuFt3zU7bSdPFbNcPQLR1gpveiDrvGnaoajZ/1/xV5qbOMQDV7K7pnZAC0Oqq7rrDYbNRbRt3Oxwt9pO/mXp240GRJNhkSTIdFkSDQZEk2GRFM1w9EP7On3H6txjUusl93zaTsD3OCu9JJPuMPN+4V4jB08FB41qwWcTdvJfl6I0WRINK+NmkEsgJkzMQAAAABJRU5ErkJggg==) no-repeat;background-size:10px 10px}.weui-menu-inner span{line-height:50px}.weui-menu-inner ul{position:absolute;left:5px;right:5px;top:0;opacity:0;background:#fff;font-size:13px;border:1px solid #ccc;word-break:break-all;border-radius:7px;text-align:center;transition:all .3s;-webkit-transition:all .3s;list-style-type:none}.weui-menu-inner ul li{border-bottom:1px solid #ccc;height:40px;line-height:40px;width:auto}.weui-menu-inner ul li:last-child{border-bottom:0}.weui-menu-inner ul em{position:absolute;height:0;width:0;border:5px solid transparent;border-top-color:#fff;left:50%;bottom:-10px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.weui-slider {
  padding: 15px 18px;
  -webkit-user-select: none;
          user-select: none;
}
.weui-slider-inner {
  position: relative;
  height: 2px;
  background-color: #E9E9E9;
}
.weui-slider-track {
  height: 2px;
  background-color: #1AAD19;
  width: 0;
}
.weui-slider-handler {
  position: absolute;
  left: 0;
  top: 50%;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  margin-top: -14px;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.weui-slider-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.weui-slider-box .weui-slider {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.weui-slider-box-value {
  margin-left: .5em;
  min-width: 24px;
  color: #888888;
  text-align: center;
  font-size: 14px;
}
.weui-badge {
  display: inline-block;
  padding: .15em .4em;
  min-width: 8px;
  border-radius: 18px;
  background-color: #E64340;
  color: #FFFFFF;
  line-height: 1.2;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
}
.weui-badge-dot {
  padding: .4em;
  min-width: 0;
}
/*角标*/
.weui-mark {
  padding-left:10px;
  padding-right:0;
  padding-top: 10px;-webkit-overflow-scrolling: touch; }
.weui-mark li {
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
        width: 50%;
    list-style: outside none none;
    }
.weui-mark-img {
 padding-top: 100%;
  position: relative;
  width: 100%; }
.weui-mark-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
   
.weui-mark-rt{
    border-radius: 2px;
    top: 0;
    color: #fff;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 40px;

}
.weui-mark-rb{
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    width:40px;
background-color: rgba(0, 0, 0, 0.4);
}
.weui-mark-lb{
    border-radius: 2px;
    bottom:10px;
    color: #fff;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left:0;
    text-align: left;
    width:95%;
    max-width:99%;
display:block;
    background-color: rgba(0, 0, 0, 0.4);
}
.weui-mark-vip{
    left: 0;
    position: absolute;
    top:0;overflow: hidden;height: 50px;width: 90px;
}
.weui-mark-lt{
    color: #fff;
    display: block;
    font-size: 12px!important;
    left:-15px;height: 14px;
    line-height: 14px!important;
    position: relative;
    text-align: center;
    top:15px;
    transform: rotate(-45deg);
    width:70px;
    
}
.weui-mark-meta{position: relative;}
.weui-mark-title,.weui-mark-desc{
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.weui-mark-title{
font-weight:700;
}
/*左滑动删除css*/
.slidelefts {
  height: 100%;
  position: relative;
  background-color: #fff;
  transform: translateZ(0);border-bottom: 1px solid  #eee;
  -webkit-transform: translateZ(0);padding:0;
}
.slidelefts .weui_cell_bd {
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 10;
  background-color: #fff;
  padding: 10px 15px;
}
.weui_cell .weui_cell_bd.animated {
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
}
.weui_cell .slideleft {
  height: 100%;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.weui_cell .slideleft span {
  height: 100%;
  padding: 0 10px;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}