WXWEB/static/css/master.css

body{
	position: relative;
	background:#fff;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.content{
	position: relative; 
	margin:0 auto;
	width: 3.2rem;
}
.content .warp{
	width:9.125rem;
	padding-left: 0.4375rem;
	padding-right: 0.4375rem;
}
.content .marwarp{
	width:9.125rem;
	margin:0 auto;
}

.content .amonth{
	background: #fff;

}

.content .amonth>.aday{
	margin-bottom: 1px;
	float: left;
	width: 0.445rem;
	height: 0.445rem;	
	margin-left:1px;
	text-align: center;
	line-height: 0.445rem;	
	font-size: 0.16rem;
}
.content .amonth>.disday{

	background:#f5f5f5; 
}

.content .amonth>.thisday{
	border-radius: 5px;
	background: #ff8800;
}
.content .amonth>.aweek{
	float: left;
	width: 0.445rem;
	height: 0.445rem;
	margin-left:1px;	
	text-align: center;
	line-height: 0.445rem;
	font-size: 0.16rem;
	background: #e1e1e1;
	border-radius: 3px; 

}
.content .amonth>.showdate{
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	font-size: 0.16rem;
}
.content .amonth>.showdate>.monthleft{
	padding-right: 0.5rem;
}
.content .amonth>.showdate>.monthright{
	padding-left: 0.5rem;
}


/*选择票种界面*/
.content .asell_list .sell_info{
	float: right;
}
.content .asell_list .sell_info>img{
	margin-right: 0.5em;
}

.content .asell_list>.ticket_title{
	background: #fff;
	height: 0.4375rem;
	padding-top: 0.4375rem;
	padding-bottom :0.4375rem;
	font-size: 0.4375rem;
	line-height: 0.4375rem;
	border-top:1px solid  #e2e2e2;
	border-bottom:1px solid  #e2e2e2;
}
.content .asell_list>.ticket_title>img{
	height: 0.4375rem;
}
.content .asell_list .sel_ticket{
	background: #fff;
	border-top:1px solid #e2e2e2; 
	border-bottom:1px solid #e2e2e2;
}
.content .asell_list .sel_tickettitle{
	background: #fff;
	font-size: 0.40625rem;
	line-height: 0.40625rem;
	padding-bottom: 0.234375rem;
	padding-top: 0.234375rem;
	/*border-top: 1px solid  #e2e2e2e2e2e2;*/
	border-bottom: 1px solid  #e2e2e2;
}
.content .asell_list .sel_tickettitle>.sell_info{
	font-size: 0.34375rem;
	line-height: 0.40625rem;
}
.content .asell_list .sel_tickettitle>.sell_info>img{
	height: 0.40625rem;
}
.content .asell_list .sel_tickettitle>img{
	height: 0.34375rem;
}

.content .asell_list>.sel_ticket>.ticket_list>.ticket_man{

	background: #fff;
	float: left;
	font-size: 0.375rem;
	line-height: 0.5625rem;

}
.content .asell_list>.sel_ticket>.ticket_list>.ticket_price{
	float: left;
	font-size: 0.4375rem;
	color: #ff8800;
	margin-left: 0.9375rem;
	line-height: 0.5625rem;
}
.content .asell_list>.sel_ticket>.ticket_list>.ticket_num{
	float: right;

}
.content .asell_list>.sel_ticket>.ticket_list>.ticket_num>img{
	float: left;
	height: 0.5625rem;
	border: 1px solid #e2e2e2;

}
.content .asell_list>.sel_ticket>.ticket_list>.ticket_num>input{
	float: left;
	height: 0.5625rem;
	width: 0.75rem;
	border: 0;
	border-top:1px solid #e2e2e2; 
	border-bottom:1px solid #e2e2e2; 
	text-align: center;
	font-size: 0.375rem;
	line-height: 0.5625rem;
	outline: none;

}
.content .asell_list>.sel_ticket>.ticket_list{

	padding-bottom: 0.4375rem;
	padding-top: 0.4375rem;
	/*border-top: 1px solid #e2e2e2;*/
	border-bottom: 1px dashed #e2e2e2;
}
.content .asell_list>.sel_ticket>.ticket_list:last-child{
		border-bottom: 0;
}

.content .asell_list .sel_goback{
	background: #fff;
	font-size: 0.40625rem;
	line-height: 1.03125rem;
	padding-top:0.171875rem;
	padding-bottom:0.171875rem;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;

}

.content .asell_list .sel_goback .goback_date{
	float: left;
	font-size: 0.40625rem;
	line-height: 1.03125rem;

}
.content .asell_list .sel_goback .goback_time1{
	float: left;

}
.content .asell_list .sel_goback .goback_time1>img{
	margin-top: 0.1875rem;
	margin-left: 0.125rem;
	margin-right: 0.125rem;
	float: left;
	width: 0.21875rem;

}
.content .asell_list .sel_goback .goback_time1>.goback_timeinfo{
	float: left;
}
.content .asell_list .sel_goback .goback_time1>.goback_timeinfo>p{
	line-height: 0.515625rem;
	font-size: 0.375rem;
}
.content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.go{
	color: #ff8800;
}
.content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.back{
	color: #00be96;
}
.content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.go>.agodata{
	margin-right: 0.5em;
}
.content .asell_list .sel_goback .goback_time1>.goback_timeinfo>.back>.backtime{
	margin-right: 0.5em;
}

.content .asell_list .sel_goback .goback_time2{
	float: left;
}

.content .asell_list .sel_goback .goback_time2>.goback_timeinfo>.onego{
	text-indent: 0.5em;
	color: #ff8800;
	float: left;
}


.content .asell_list .sel_goback .goback_time3>.goback_timeinfo>.onego{
	text-indent: 0.5em;
	color: #00be96;
	float: left;	
}

.content .asell_list .sel_goback:before{
	content: "";	
	float: right;
	width: 0.1875rem;
	height: 0.375rem;
	margin-top:0.375rem;
	background-image:url(../images/icon-more.png); 
	background-size: 100% 100%;  

	
}


.content .aonelist{
	background: #fff;

}
.content .cartime {
	background: #fff;
}
.content .cartime li{
	float: left;
	font-size: 0.375rem;
	padding:0.1875rem 0.25rem;
	line-height: 0.375rem;
	border: 0.03125rem solid #e0e0e0;
	background: #f5f5f5;
	border-radius: 0.09375rem;
	margin-left: 0.75rem;
	margin-bottom: 0.34375rem;
	margin-top: 0.34375rem;

}
.content .cartime li.sel{
	border: 0.03125rem solid #e59801;
	background: #fda801;
	color: #fff ;
}
.content .cartime li.disable{
	border: 0.03125rem solid #fafafa;
	background: #efefef;
	color: #6e6e6e;	
}
/*.content .cartime li.nosel{}*/


.content .asell_list .writeinfo{
	height: 3rem;
	position: relative;
}
.content .asell_list .writeinfo:after{
	content: "";
	position: absolute;
}

.content .asell_list .alist{
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;	
	background: #fff;
}
.content .asell_list .alist>div.title{
	background: #fff;
	font-size: 0.40625rem;
	line-height: 0.40625rem;
	padding-bottom: 0.28125rem;
	padding-top: 0.28125rem;
}
.content .asell_list .alist>div.content{
	font-size: 0.375rem;
	line-height:1.0625rem;
	height: 1.0625rem;
	padding-top:1px;
	padding-bottom:1px;

}
.content .asell_list .writeinfo{
	height: 3rem;
	position: relative;
}
.content .asell_list .writeinfo>img{
	position: absolute;
	right: 0;
	width: 0.375rem;
}
.content .asell_list .writeinfo>textarea{
	background: #f6f6f6;
	width: 100%;
	height: 100%;
	border: 0;
}
.content .asell_list .writeinfo>textarea:focus{
	outline: none;
}


.content .borderbot{
	border-bottom:1px solid #e2e2e2; 
}
.content .borderbotda{
	border-bottom:1px dashed #e2e2e2; 
}

.content .fire{
	margin-bottom:0.140625rem;
}
.content .name{
	outline:none;
	background:#fff;
	padding:0;
	border: 0;
	font-size: 0.375rem;
    /*line-height: 0.375rem;*/
    width: 100%;
    height: 100%;
    line-height: 1.0625rem;
    /*border-bottom: 1px dashed #e2e2e2;*/
}

.content .phone:focus{
	outline:none;


}

.content .name:focus{
	outline:none;


}

.content .phone{
	background:#fff;
	outline:none;
	padding:0;
	border: 0;
	font-size: 0.375rem;
    /*line-height: 0.375rem;*/
    width: 100%;
    height: 100%;
    line-height: 1.0625rem;
    /*border-bottom: 1px dashed #e2e2e2;*/
}
.content .idcard:focus{
	outline:none;


}
.content .idcard{
	background:#fff;
	outline:none;
	padding:0;
	border: 0;
	font-size: 0.375rem;
    /*line-height: 0.375rem;*/
    width: 100%;
    height: 100%;
    line-height: 1.0625rem;
    /*border-bottom: 1px dashed #e2e2e2;*/
}



.content .buy{
	position: fixed;
	bottom: 0;

}
.content .buy .buyprice{

	height: 1.25rem;
	width: 4.375rem;
	line-height: 1.25rem;
	text-align: center;
	font-size: 0.5625rem;
	float: left;
	color: #ff8800;
	background: #fff;
	border-top: 1px solid #e2e2e2;

}
.content .buy .pay{
	height: 1.25rem;
	width: 5.625rem;
	font-size: 0.5rem;
	color: #fff;
	line-height: 1.25rem;
	background:#ff8800;
	float: left;
	text-align: center;
	border-top: 1px solid #ff8800;
}

#detailsone{
	position: absolute;
	top: 0.0rem;
	left: 0rem;
	background: rgba(0,0,0,0.8);
	width: 100%;
	display: none;
}
.dscontent{
	position: relative;
	width: 10rem;
	margin:0 auto; 
}
#x{
	font-size: 0.5625rem;
	color: red;
	font-weight: 600;
	position: absolute;
	right: 0.3125rem;
	top: 0.15625rem;
}
#detailcontent{
	position: absolute;
	top:0.625rem;
	width:9.9475rem;
	left:0.46875rem;
	color: #fff;
	font-size: 0.5625rem;
}




.placesel{; opacity:1; filter: Alpha(Opacity=80);  
-moz-animation:myfirst 1s  linear infinite alternate;/* Firefox */
-webkit-animation:myfirst 1s  linear infinite alternate;	/* Safari 和 Chrome */
-o-animation:myfirst 1s  linear infinite alternate;
animation:myfirst 1s  linear infinite alternate;}
@keyframes myfirst{from {background:#ff8800;opacity:0.8; filter: Alpha(Opacity=80);}
to {background:#ff8800;opacity:0.2; filter: Alpha(Opacity=20);}
}