/***********************
模块名：基础样式
作  者：rexren（任寒韬）
************************/
body{ color:#333}
/*.store-bg{background-image: url("../../images/common/bg.jpg"); background-repeat: repeat-x;}*/
/*默认链接*/
a{color:#f69c00;
/*	-webkit-transition: all .1s linear;
	transition: all .1s linear;*/
}
a:hover{color:#f69c00;}
img{margin:0;padding:0;font-size: 0; display: block;}
/*文字的强调*/
.tx-tit{ color:#333}
.tx-subtit{ color:#858585}
.tx-em{color:#f69c00;}
.tx-em--a{color:#FF5C2B;}
.tx-em--b{}
.tx-em1{color: #333;}
.tx-thin{color:#858585;}

.tx-thin--a{}
.tx-thin--b{}
.tx-thin--c{}
.tx--underline,a.tx--underline,.tx-thin.tx--underline{text-decoration: underline;}
a{color:#f69c00; cursor: pointer;}
a:hover{color: #fa9b0e;}
a.link-em{color:#f69c00; cursor: pointer;text-decoration: underline;}
a.link-em:hover{color: #fa940c;}
.link-thin,a.link-thin{color: #858585;text-decoration: underline;}
.link-thin,a.link-thin:hover{color: #f69c00;text-decoration: underline;}
.tx-num{padding: 0 4px;}
/*清理浮动*/
.cf:after,.align-justify:after{content:"";display:block;width:0;height:0;clear:both;}
/*悬浮定位*/
.fixed{position:fixed;}
/*显示*/
.show{display:block;}
/*隐藏*/
.hide{display:none !important;}
/*超出隐藏*/
.hidden{overflow:hidden;}
/*禁用*/
.disabled{cursor:default;}
/*当前态*/
.cur{}
/*滚动*/
.scroll,.scroll-y{overflow:hidden;}
/*滚动条不占位*/
.scroll{overflow-y:auto;}
/*滚动条占位*/
.scroll-y{overflow-y:scroll;}
 /*滚动条靠屏幕右边的时候在tui-scroll内增加一层tui-scroll-inner*/
.scroll-inner{width: calc(100% + (100vw - 100%))}
/*报错-红色叉叉*/
.error{}
/*成功-绿色打钩*/
.succes{}
/*警告-红色叹号*/
.warn{}
/*提示-蓝色i*/
.prompt{}
/*问号提示*/
​.question{}
/*按钮*/
.btn{}
/*图标*/
.icon{}
/*标签*/
.tag{}
.pointer{cursor: pointer;}
.turn-r{position: absolute;right:0; top:0;}
.f-right{float:right;}
.f-left{float:left;}

.icon-btn{line-height: 14px; padding-left:20px;position: relative;}
.icon-btn i{ position: absolute;top:0;left:0;}
.iconf{width:16px; height: 16px;background: #ccc; display:block;}

/*圆角盒子*/
.box-radius{ background: #fff;border-radius: 4px;}

.null-data{background-color:rgba(255,255,255,1);margin-bottom:12px;min-height:400px;position:relative;display: table;width:100%;}
.null-data .tx-em--a{color:#858585;}
.null-data-txt{font-size:14px;color:#858585;text-align:center;padding:30px;display: table-cell;vertical-align: middle; height: 400px;}
.null-data-txt:before{
  content: "";
  display: block;
  width: 92px;
  height: 38px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  margin-top: 10px;
  opacity: 1;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAmBAMAAAC7eOHMAAAAHlBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzPa2tpoYPIPAAAACXRSTlMALiEoBhkUCw6gn0xjAAABMUlEQVQ4y5WUPW/CMBCGozZ8jH0TQB1tFXVu2tLZVYvUsR9DV6rCDuIPwAK/gX8Ldhxj4C4c7xLn9Oh8vnvthFIDQJaIdQUgl+PX2MmI8VeLL8T4n8U/xfiXxZUYLyx+c45qVwtYdfxPyuG6X35bDu9VlSm22yO3aDq8W0bn3MA0kBmb/Mfh+W81YEUm9xUMC3gNTNIuOD9ohzwPsVf3XYPpaQpCT3C6JWfDSpG+IsW5rcXSPdYpfC3yagxtGbYWbqykHhj8TVCLDJe3JtxC3gb369X+IB0ab8Ard7b/D0ZL6vveLzer8uc0PkOpLFwAr2ntSVWYQ81Z00nh9zbHjX05Sf/xTcy8GWKD8QF958NHz1EUfYwrYuyq4ywMPoqeVgEePdRLAT6NJnGKby7ShfgW1lZ1HRIxnvoAAAAASUVORK5CYII=) 0 0 no-repeat;
  animation: nodata .3s ease-out .2s forwards;
}

@keyframes nodata {
  0% {
      transform: translate3d(0, 0, 0);
      visibility: visible;
      opacity: 0;
  }
  100% {
      transform: translate3d(0px, -10px, 0);
      opacity: 1;
  }
}
@-webkit-keyframes nodata {
  0% {
      -webkit-transform: translate3d(0, 0, 0);
      visibility: visible;
      opacity: 0;
  }
  100% {
      -webkit-transform: translate3d(0px, -10px, 0);
      opacity: 1;
  }
}

/*文字分类*/
.tui-tap-tx span:after {
 content: "";
 display: block;
 width: 0;
 height: 0;
 clear: both;
}

.tui-tap-tx span {
 padding: 0 10px 0 9px;
 float: left;
 position: relative;
 line-height: 18px;
 font-size: 13px;
 height: 18px;
}

.tui-tap-tx span:first-child {
 padding-left: 0;
}

.tui-tap-tx span:after {
 position: absolute;
 content: "";
 width: 1px;
 height: 10px;
 right: 0;
 background: rgba(140, 140, 140, 0.5);
 top: 50%;
 margin-top:-5px;
}

.tui-tap-tx span:last-child:after {
 background: none;
}


.fade-out{
	animation: fadeOut .2s linear 0s 1 both;
	-webkit-animation: fadeOut .2s linear 0s 1 both;
	-ms-animation: fadeOut .2s linear 0s 1 both;
}
@-webkit-keyframes fadeOut {
  100% {opacity: 0;} 
}
@-ms-keyframes fadeOut {
  100% {opacity: 0;} 
}
@keyframes fadeOut {
  100% {opacity: 0;} 
}


.fade-in{
	animation: fadeIn .2s linear 0s 1 both;
	-webkit-animation: fadeIn .2s linear 0s 1 both;
	-ms-animation: fadeIn .2s linear 0s 1 both;
}
@-webkit-keyframes fadeIn {
  100% {opacity: 1;} 
}
@-ms-keyframes fadeIn {
  100% {opacity: 1;} 
}
@keyframes fadeIn {
  100% {opacity: 1;} 
}


/*图片调取失败去除img默认边框*/
.img-onerror{opacity:0;}

/*icon*/
.icon-arr-r,.icon-arr-r-w{ width:8px; height:9px;display:inline-block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJBAMAAAAIg/utAAAAJFBMVEUAAAA8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDxBAXX3AAAADHRSTlMA+1F+dW9hWufa18H6Lc1LAAAAI0lEQVQI12OYxsDAEFjAwMAiBGQYKjAwcDeAaCAfIr6MgQEASegEGMX4bgYAAAAASUVORK5CYII=) no-repeat}
.icon-arr-r-w{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAAcUlEQVQoU32QMQrCUBAFZ47hBXIjwcorpEoVsBUEz2CXKpU38BSCl3nhyw8kRPO6XYZh9wmQ5ANc1UeZl7ECLXAHzuqwASrUFQtwUscZ+hrmJLkAPXBUn2W/AqrpBTTqYQPsGpL8vyHJ/hdJ3sDtVw8TNEAsCospwdgAAAAASUVORK5CYII=) no-repeat}
.icon-arr-d{
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAbElEQVQImWXLIQrCUADG8Z/4gqd4xzC9uiMIJqvJOBCWtrooGISBCC4teYedwMNMTJYnE/zX7/ctUkpPXHDy3wH7ZYxxwhkvjD+gRItjwBVv3LBCgwo1duhDfvUZ3lFgjS0GCOaGDDts8PgOH9B/FImLG/S/AAAAAElFTkSuQmCC) no-repeat;
}

/*文字截断*/

.elli-3,.elli-2,.elli-4 {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.elli-2{ -webkit-line-clamp: 2;}
.elli-4{ -webkit-line-clamp: 4;}

/*文字Tips*/
.tui-tipsbox.price-tips>span{color:#ff5400;border-bottom-color: #ff5400 }

