.dash-item {
    float: left;
    height: 40px;
}

.dash-item-left {
    width: 20%;
    text-align: right;
}

.title-label {
    color: #0080FF;
    font-weight: 700;
}

.line {
    width: 10px;
    height: 11px;
    display: inline-block;
    border-bottom: solid 2px #0080FF;
}

.dash-item-center {
    width: 3px;
    background-color: #0080FF;
}

.dash-item-right {
    width: 78%;
}

.blue-span {
    color: white;
    font-weight: 700;
    background-color: #0080FF;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 8px 5px 8px;
    margin-left: 5px;
}

.green-span {
    color: white;
    font-weight: 700;
    background-color: #00BB00;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 8px 5px 8px;
    margin-left: 5px;
}

.no-data {
    width: 100%;
    text-align: center;
    color: #ccc;
    margin-top: 50px;
    display: block;
}
.left-data {
    width: 100%;
    text-align: left;
    color: #646464;
    margin-top: 20px;
    display: block;
}
.help-data {    
	margin-left:8px;
	margin-right:8px;
    text-align: left;
    color: #a4a4a4;
    margin-top: 40px;
    display: block;
}
.radiolist-data {    
	margin-left:40px;
	margin-top:8px;
	margin-right:8px;
	margin-bottom:8px;
    text-align: left;
    color: #a4a4a4;
    display: block;
}
.redpoint{
  display:block;
  background:#f00;
  border-radius:50%;
  width:8px;
  height:8px;
  left:-20px;
  top:-8px;
  right:0px;
  position:absolute;
}
.tabredpoint{
  display:block;
  background:#f00;
  border-radius:50%;
  width:40px;
  height:40px;
  left:0px;
  top:0px;
  right:0px;
  position:absolute;
}
.actmain{
  margin:10px;
  border-color: #ddd;
  background-color: #fff;
  color: #444;
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px;
  padding-bottom: 0px;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;

}

.actmain.active, .actmain.activated {
  border-color: #ccc;
  background-color: #D9D9D9; 
}

a.actmain{
  color: inherit;
  text-decoration: none; 
}
.actmain .info{   
  width:100%;
  height:90px;
  overflow:hidden; 
   
}

.actmain .info .title{

  line-height:28px;
  color:#525252;
  font-size:18px;


  word-break:break-all;  
  width:100%;
  height:65px;
 
}

.actmain .info .image{
   
  width:120px;   
  height:80px;  
  float: right;
  overflow:hidden; 
  margin-bottom: 5px;
  border: none;  
}


     
.actmain  .info .image img{
  width:120px;  
  min-height: 80px;
  border: 0;
  border: none;    
}
.actmain .info .time{  
 float:right; 
  font-size:12px;  
  text-align: right;  
  padding-bottom: 200px;  
  color: #797979;

}

.actmain .bot .bottime{
  width:auto;
  text-align:right;
  float: right; 
}
.actmain .bot .botleft{
  display:inline-block; 
}

.couponlist.active, .couponlist.activated {
  border-color: #ccc;
  background-color: #D9D9D9; 
}

.couponmain{
  margin:10px;
  border-color: #ddd;
  background-color: #fff;
  color: #444;
  position: relative;
  z-index: 2;
  display: block;
  padding: 10px;
  padding-bottom: 0px;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;

}

.couponmain.active, .couponmain.activated {
  border-color: #ccc;
  background-color: #D9D9D9; 
}

a.couponmain{
  color: inherit;
  text-decoration: none; 
}
.couponmain .info{   
  width:100%;
  height:80px;
  overflow:hidden; 
   
}

.couponmain .info .title{

  line-height:28px;
  color:#525252;
  font-size:18px;

  word-break:break-all;  
  width:80%;
  height:65px;
  display:inline;
 
}

.couponmain .info .subdiv1{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;  
  max-width:50%;
  height:auto;  
  padding: 5px;
  float:left;
  font-size:18px;
  color:#333333;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;    
}
.couponmain .info .subdiv2{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;  
  max-width:50%;
  font-size:18px;
  height:auto;  
  padding: 5px;
  float:right;
  color:#333333;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;    
}
.couponmain .info .subdiv3{
  line-height:28px;
  color:#525252;
  font-size:18px;

  word-break:break-all;  
  width:100%;
  height:65px;
  display:inline;

 
 
   
  padding: 5px;
  float:right;
  color:#333333;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;    
}

.couponmain .info .time{  
  float:right; 
  font-size:12px;  
  text-align: right;  
  line-height:28px;
  color: #797979;
}
 
 .circleProcess {
 
            top: 0;
                                                                                                                                
            width: 38px;
            height: 38px;

   
 
            stroke-dasharray: 255%;
            stroke-dashoffset: 255%;
            stroke: #43AEFA;
            fill: none;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

.alert-sec-text{
  position: absolute;
  right:0; 
  
  top:10px;
  
  text-align:center;
  width: 38px;
  height:38px;
  color: #333333;
  font-size: 18px
}

 .cropArea {
      background: #E4E4E4;
      overflow: hidden;
      width:500px;
      height:350px;
    }