/* 
* @Author: shen
* @Date:   2015-04-17 10:52:32
*/
.orderComment{ background: #fff;width:100%;}
.orderComment .product{ background:#fafafa;border-bottom: 1px solid #e6e6e6;}
.tag{ width:100%;padding:10px;}
.tag a{ border:1px solid #EAE8E8; padding: 0.4em 1em; margin-top:5px; margin-bottom:5px;display:inline-block;  border-radius:5px; margin-right: 10px; color:#666; background:#fff; }
.tag a.checked{ color:#fff; background:#e43232; border:none; }

.comment-list{padding:0px 1em;border-bottom: 1px solid #e6e6e6; margin-bottom: 10px;}
.comment-list li{ 
    width:100%; overflow:hidden; display:-webkit-box; /* android 2.1-3.0, ios 3.2-4.3 */
    display:-webkit-flex; /* Chrome 21+ */
    display:-ms-flexbox; /* WP IE 10 */
    display:flex; /* android 4.4 */; 
    border-bottom: 1px solid #e6e6e6;
    padding:1em 0em;
}
.comment-list li:last-child{ border:none;}
.comment-list .imgs{ width:13%; text-align: center;}
.comment-list .imgs img{ width:100%; border-radius: 8px;}
.comment-list .imgs p{ width:100%; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.comment-list .details{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; }
.comment-list .details .tags{ width:100%; margin-bottom: 4px;}
.comment-list .details .tags span{ background:#fff3f0;color:#666666;margin-bottom: 5px; padding:0.2em 0.4em; display:inline-block; margin-right:10px; }
.comment-list .details .txt{ color:#333333; font-size: 1.2em;}
.comment-list .details .time{ color:#999999;}
.comment-list .imgsBox{width:100%;overflow:hidden;}
.comment-list .imgsBox img{ max-width:50px;vertical-align: middle;  margin-top:5px; margin-bottom: 5px;}


/* 本例子css -------------------------------------- */
.showImgs{ position:fixed; top:0;left:0;right:0;bottom:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.8);display:none; }
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  width:100%;
  height:100%;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
  width:100%;
  height:100%;
}
.swipe-wrap > div {
    float:left;
    position: relative;
    width:100%;
    height:100%;
    text-align: center;
    display:-webkit-box; /* android 2.1-3.0, ios 3.2-4.3 */
    display:-webkit-flex; /* Chrome 21+ */
    display:-ms-flexbox; /* WP IE 10 */
    display:flex; /* android 4.4 */; 

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;

     /* 水平居中*/
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-pack:center;/* IE 10 */
      /* 垂直居中 */
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-align:center;/* IE 10 */
      


}

.swipe-wrap > div img{
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;  
    -ms-user-select: none; 
    max-width: 100%;
    max-height: 100%;
}
.slider-status { position: absolute; bottom: 10px; width: 100%; text-align: center; z-index: 8; }
.slider-status i { display: inline-block; width: 9px; height: 9px; border-radius: 9px; background-color: #f7f7f7; border: 1px rgba(0,0,0,.2) solid; margin-right: 12px; }
.slider-status i.on { width: 9px; height: 9px; border-radius: 9px; border: 0; background-color: #ff5000; }