@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul{
	list-style-type:none;
}
a{
	text-decoration:none;
}
img{
	width:90%;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}
.container{
	min-width:320px;
	max-width:640px;
	margin:0 auto;
}
.container *{
	color:#606366;
	font-size:14px;
	font-family:"微软雅黑";
}

/**************************整体样式**********************************/
.coupon_list_style{
	background:url(../images/1.jpg) no-repeat 0 0;
	background-size:100% 100%;
}

.coupon_detail_style{
	background:url(../images/1.jpg) no-repeat 0 0;
	background-size:100% 100%;

}
.coupon_detail_style *{
	line-height:20px;
	font-size:14px;
}


.exchange_list_style{
	background:#b7e0e6;
	padding-top:20px;

}
.exchange_detail_style{
	background:#b7e0e6;
	padding-top:20px;
	padding-bottom:20px;
}
.ranking_style{
	background:url(../images/1.jpg) no-repeat 0 0;
	background-size:100% 100%;
}
.ranking_style *{
	color: #606366;
	font-family:"微软雅黑";
}

/************************************************************/
.header_img{
	/*
	background:url(../images/logo.jpg) no-repeat 0 0;
	background-size:100% 100%;*/
	height:160px;
	position:relative;
}
.header_img img{
	width:100%;
	height:160px;
}
.header_img div{
	background:rgba(0,0,0,0.5);
	width:100%;
	line-height:30px;
	position:absolute;
	bottom:0px;
	color:#fff;
	text-align:center;
}
/************************************************************/
.box{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box > *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inline_box_wrap{
	font-size:0;
	text-align:justify;
}
.inline_box{
	display:inline-block;
}
.last{
	display:inline-block;
}
.button{
	display:inline-block;
	border-radius:5px;
	text-align:center;
	color:#fff;
	padding:10px 0;
	background:#4dbfd0;
	width:100%;
}
.link{
	position:relative;
	
}
.link span{
	display: inline-block;
	width:10px;
	height:10px;
	position:absolute;
	right:10px;
	top:9px;
	border:1px solid #82878a;
	border-width:1px 1px 0 0 ;
	-webkit-transform:rotate(45deg);
}

/************************************************************/

.color_bg1{
	background:rgba(200,200,200,0.1);
}

/**************************coupon_list--START--*******************************/
.coupon_list_nav{
	border-bottom:1px solid #4dbfd0;
}
.coupon_list_nav>li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	text-align:center;
	background: -webkit-gradient(linear, 0 0, 0 100, from(rgba(77,191,208,1)), to(rgba(77,191,208,1)) ) no-repeat right center;
	-webkit-background-size: 1px 65%;
	height: 35px;
	line-height:35px;
}
.coupon_list_nav>li:last-of-type{
	background:none;
}

ul.coupon_list li{
	border-bottom: 1px solid #dddddd;
	padding:7px;
	padding-top:8px;
	position:relative;
}
ul.coupon_list li > .imgbox{
	width:120px;
	height:80px;
	margin:0;
	margin-right:10px;
	padding:2px;
	border:1px solid rgba(77,191,208,0.5);
	border-radius:3px;
}
ul.coupon_list li > .textbox{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	position:relative;

}
ul.coupon_list li img{
	width:100%;
	height:100%;
	margin:0;
}
ul.coupon_list .textbox *{
	font-size:12px;
	font-weight:100;
}
ul.coupon_list .textbox h1{
	font-size:14px;
	font-weight:900;
}
ul.coupon_list .textbox p{
	margin:5px 0;}

ul.coupon_list .textbox h4{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
ul.coupon_list .textbox h4:last-of-type{
	text-align:right;

}
ul.coupon_list .distance{
	position:absolute;
	right:5px;
	top:0px;
}
ul.coupon_list .distance i{
	display:inline-block;
	width:28px;
	height:20px;
	background:url(../images/icons1.png) no-repeat -5px -10px;
	-webkit-background-size:40px auto;
	background-position:-5px -370px;
}
ul.coupon_list .zhiling{
	color:#4dbfd0;
	font-weight:bold;
}
#favour_sort{
	-webkit-appearance: none;
	outline-style:none;
	border-style:none;
	background:url(../images/icons2.png) no-repeat 23px -260px;
	-webkit-background-size: 60px auto;
	background-color:inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px 0 0;
	margin:0;}
.time_sort{
	display:inline-block;
}
.time_sort i{
	display:inline-block;
	width:10px;
	height:11px;
	background:url(../images/icons2.png) no-repeat -47px -266px;
	-webkit-background-size: 60px auto;
	margin-left:10px;
}
a.link_a{
	z-index:999;
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:80%;
	background:rgba(0,0,0,0);
}

/*************************coupon_list--END--***********************************/

/****************************coupon_detail--START--********************************/

.coupon_detail dd>*{
	width:95%;
	margin:auto;

	padding:5px 0;
}
.coupon_detail dd{
	border-bottom: 2px solid #5ac5d4;
	padding-bottom: 10px;
	background:-webkit-gradient(linear,0 0, 0 10%,from(rgba(226,234,234,0.8)), to(rgba(226,234,234,0.8))) center bottom;
	-webkit-background-size:100% 10px;
	background-repeat: no-repeat;
}
.coupon_detail dd:first-of-type h1:first-of-type{
	font-size:15px;
	line-height:20px;
	padding-left:14px;
}

.coupon_detail ul.info_list{
	font-size:0;
	letter-spacing:0;
}
.coupon_detail ul.info_list li{
	display:inline-block;
	width:42%;
	line-height:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.coupon_detail ul.info_list li.longer{
	width:57%;
}
.coupon_detail ul.seller_info_list li{
	line-height:30px;
}
.coupon_detail ul.seller_info_list li a{
	text-decoration:underline;
}
.coupon_detail i{
	display:inline-block;
	width:33px;
	height:20px;
	background:url(../images/icons1.png) no-repeat -5px -10px;
	-webkit-background-size:40px auto;
}
.coupon_detail dt{
	border-bottom:1px solid #dddddd;
	font-weight:600;
	line-height:25px;
	display:block;
	padding:7px;
}

.coupon_detail dt span{
	font-weight:100;
	font-size:11px;
	margin-left:20px;
}
.coupon_detail dd table{

	line-height:20px;
	margin-top:5px;
	margin-bottom:7px;
	border-collapse: collapse;
	}
.coupon_detail td{
     border: 1px solid #4dbfd0;
	 width:50%;
	 padding:2px 3px;
}
.coupon_detail .link{
	line-height:30px;
	position:relative;
	border-bottom:1px solid #dddddd;
	color:#4dbfd0;
}
.coupon_detail div.link{
	padding-left:13px;
	line-height:20px;
}
.coupon_detail li.link{
	padding-left:4px;
}
.coupon_detail div.link span{
	top:10px;
	right:17px;
}


.coupon_detail .tel i{
	background-position:-5px -330px;
}
.coupon_detail .addr i{
	background-position:-5px -370px;
}
.coupon_detail i.seller_info{
	background-position:-5px -412px;
}
.coupon_detail i.favour_detail{
	background-position:-5px -890px;
}
.coupon_detail i.notice_for_use{
	background-position:-5px -170px;
	
}
.coupon_detail i.recommend{
	background-position:-5px -90px;
}
.coupon_detail ul.notice_for_use li i{
	background:none;
	background-color:#4dbfd0;
	height:7px;
	width:7px;
	border-radius:50px;
	margin-right:5px;
	display:inline-block;
	
}
.coupon_detail dd.notice_for_use p:before{
	content:" ";
	background-color:#4dbfd0;
	height:7px;
	width:7px;
	border-radius:50px;
	margin-right:5px;
	display:inline-block;
}
.coupon_detail dd.notice_for_use p{
	padding-left:4px;
	border-style:none;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:5px;
}
.coupon_detail i.fourth{
	background-position:-5px -850px;
}
.coupon_detail i.third{
	background-position:-0px -514px;
	background-size:30px auto;
}
.coupon_detail i.secend{
	background-position:-5px -530px;
}
.coupon_detail i.first{
	background-position:-5px -450px;
}
#couponArea{
	font-weight:100;
	height:45px;
	padding:0;
}
#couponArea > li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	width:50%;
	line-height:45px;

}
#couponArea > li:first-of-type{
	padding-left:4px;
}
#couponArea > li:last-of-type{
	padding-right:4px;
	text-align:right;
}
#couponArea img{
	width:18px;
	height:18px;
	display:inline-block;
	background:#3ebacc;
	padding:1px;
	margin-bottom:-4px;
	margin-left:15px;
}

.coupon_detail_style .shopinfo{
	background:#fff;
}
.coupon_detail_style .shopinfo> *{
	width:90%;
	margin:5px auto;
}
.coupon_detail_style .shopinfo p.title{
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-left:10px solid #4dbfd0;
	padding-left:3px;
	
}
.coupon_detail_style ul.bottom_nav li:last-of-type{
	width:22px;
	height:100%;
	background:url(../images/check.png) no-repeat left 14px;
	background-size:100% auto;
	margin-right:10px;	
}

.coupon_detail_style dd:last-of-type ul{
	border-style:none;
	
}
/**************************coupon_detail--END--**********************************/


/**************************coupon_ticket--START--**********************************/
/*
li.coupon_ticket{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0 10px;
	margin-bottom:30px;
	width:240px;
	background:#79b2cf;
	border-radius:7px;
	box-shadow:0 0 7px 0px #444242;
	position:relative;
	padding-bottom:1px;
}
.coupon_ticket li.last{
	display:inline-block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:240px;
	height:0;
	margin:0 10px;
}

.coupon_ticket div.header{
	border-radius:7px 7px 0 0;
	box-shadow:0 1px 2px 0px rgba(68,66,66,0.5);
	position:relative;
	height:33px;
	padding-left:30px;
	padding-top:17px;
}
.coupon_ticket h1.title{
	font-family:"微软雅黑";
	color:#fff;
	font-size:17px;
	text-align:left;

}

.coupon_ticket ul.detail_list{
	border-radius:7px;
	background:url(../images/bg.png);
	margin:10px 20px;
	padding:10px 0;
	box-shadow:0 0 11px 0px rgba(68,66,66,0.7);
	height:90px;
}
.coupon_ticket ul.detail_list li{
	padding-left:15px;
	font-family:"微软雅黑";
	font-size:14px;
	line-height:23px;
	color:rgba(68,66,66,1);
	text-shadow:2px 2px 2px  rgba(68,66,66,0.4);
	text-align:left;
	font-weight:100;
}
.coupon_ticket ul.detail_list li span{
	text-decoration:underline;
	color:rgba(68,66,66,1);
}
.coupon_ticket .link_ewm{
	border-radius:60px;
	width:70px;
	height:70px;
	overflow:hidden;
	box-shadow:0 0 7px 0px rgba(68,66,66,0.6);
	position:absolute;
	top:-20px;
	right:-10px;
}
.coupon_ticket img.ewm_icon{
	width:70px;
	height:70px;
}
.coupon_ticket span.circle{
	background:#79b2cf;
	height:23px;
	width:23px;
	border-radius:60px;
	display:block;
	position:absolute;
	top:80px;
}
.coupon_ticket span.left{
	left:10px;
}
.coupon_ticket span.right{
	right:10px;
}
.coupon_ticket .used ul.detail_list{
	height:70px;
}

.head_button{
margin-bottom:35px;
border-bottom:2px solid #79b2cf;
padding-bottom:15px;
}
ul.coupon_ticket_nav{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	width:201px;
	height:35px;
	background:#79b2cf;
	border-radius:7px;
	text-align:center;
	margin:0 auto;
	padding:0;
	box-shadow:0 0 7px 0px #444242;
	overflow:hidden;
}
ul.coupon_ticket_nav li:first-of-type{
	height:35px;
	width:100px;
	border-right:1px solid #FFF;
	line-height:35px;
	margin:0;
	
}
ul.coupon_ticket_nav li:last-of-type{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	height:35px;
	line-height:35px;
}

ul.coupon_ticket_nav a.nav_button{
	margin:0;
	text-decoration:none;
	color:#fff;
	display:block;
	font-weight:600;
}
ul.coupon_ticket_nav .on{
	background:#5488a2;

}

.coupon_ticket_style .company_info p{
	color:#606366;
}

*/


.coupon_ticket_style{
	background:#d1e5e9;
}
.p_10 {
padding: 10px;
}
.coupon_ticket_style>header nav {
border-bottom: 1px solid #a5d7de;
}
.coupon_ticket_style>header ul {
border: 1px solid #5ac5d4;
border-radius: 3px;
width: 200px;
overflow: hidden;
margin: auto;
}
.coupon_ticket_style>header ul li a {
width: 100px;
font-size: 15px;
display: block;
color: #5ac5d4;
height: 28px;
line-height: 28px;
text-align: center;
}
.coupon_ticket_style>header ul li a.on {
color: #ffffff;
background: #5ac5d4;
}
.coupon_ticket_style>header ul li:nth-of-type(n+2) {
border-left: 1px solid #5ac5d4;
}



ul.coupon_ticket{
	margin-top:10px;
}
ul.coupon_ticket li{
	width:300px;
	height:116px;
	font-size:0;
	margin:0 auto;
	margin-bottom:10px;
}
ul.coupon_ticket li.not-used{
	background:url(../images/coupon_ticket_bg.png) no-repeat 0 0;
	background-size:100% 100%;
	
}
ul.coupon_ticket li.used{
	background:url(../images/coupon_ticket_used_bg.png) no-repeat 0 0;
	background-size:100% 100%;
}
ul.coupon_ticket div{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	height:135px;
	
}
ul.coupon_ticket div *{
	color:#fff;
	font-family:"Adobe 仿宋 Std R";
}
ul.coupon_ticket div.left_part{
	width:78.6%;
	padding-top:14px;
}
ul.coupon_ticket div.right_part{
	width:21.4%;
}
ul.coupon_ticket li.not-used img.ewm{
	width:18px;
	height:18px;
	background:#e599a9;
	padding:4px;
	border-radius:4px;
}
ul.coupon_ticket li.used img.ewm{
	width:18px;
	height:18px;
	background:#bcbbbb;
	padding:4px;
	border-radius:4px;
}
ul.coupon_ticket div.left_part span{
	font-size:20px;	
	display:inline-block;
	margin-top:-5px;
}
ul.coupon_ticket div.left_part p{
	font-family:"微软雅黑";
	font-size:11px;
	line-height:15px;
	font-style:italic;
	margin-top:11px;
}
ul.coupon_ticket div.right_part span{
	display:inline-block;
	font-size:18px;
	width:1em;
	margin-top:33px;
}
/**************************coupon_ticket--END--**********************************/

/**************************exchange_list--END--**********************************/
ul.exchange_list{
	padding:0 10px;
}
li.exchange_list{
	background:#fff;
	width:140px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:15px;
}
li.exchange_list h1{
	display:block;
	width:94%;
	padding:7px 0;
	margin:0 auto;
}
li.exchange_list img{
	width:94%;
}
li.exchange_list .footer{
	background:url(../images/5.png) no-repeat 0 0;
	background-size:100% 100%;
	line-height:32px;
	position:relative;
	left:-4px;
	width:150px;
}
li.exchange_list .footer li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
li.exchange_list .footer li:first-of-type{
	padding-left:7px;
}
li.exchange_list .footer li:first-of-type span{
	font-size:16px;
	color:#4dbfd0;
	margin-right:7px;
}
li.exchange_list .footer li:last-of-type{
	text-align:left;
	padding-left:20px;
	
}
li.exchange_list .footer li:last-of-type a{
	color:#fff;
}
ul.exchange_list li.last{
	width:240px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	height:0;
}
.exchange_list_style .company_info p{
	color:#606366;
}
/**************************exchange_list--END--**********************************/

/**************************exchange_detail--END--**********************************/
.exchange_detail{
	background:#fff;
	width:300px;
	margin:0 auto;
}
.exchange_detail h1{
	display:block;
	width:90%;
	padding:10px 0;
	margin:0 auto;
	font-size:16px;
}
.exchange_detail .footer{
	background:url(../images/5.png) no-repeat 0 0;
	background-size:100% 100%;
	line-height:50px;
	position:relative;
	left:-5px;
	width:310px;
}
.exchange_detail .footer li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
.exchange_detail .footer li:first-of-type{
	padding-left:14px;
	font-size:19px;
}
.exchange_detail .footer li:first-of-type span{
	font-size:25px;
	color:#4dbfd0;
	margin-right:7px;
}
.exchange_detail .footer li:last-of-type{
	text-align:right;
	padding-right:25px;	
}
.exchange_detail .footer li:last-of-type a{
	color:#fff;
	font-size:19px;
}
.exchange_detail p{
	width:90%;
	margin:10px auto;
	line-height:30px;
	border-top:1px dashed #4dbfd0;
	border-bottom:1px dashed #4dbfd0;
}
/**************************exchange_detail--END--**********************************/

/**************************Form--END--**********************************/
.list_ul_card input,.list_ul_card button,.list_ul_card select,.list_ul_card textarea {
outline: none;
-webkit-appearance: none;
border-radius: 0;
}
.list_ul_card th,.list_ul_card td,.list_ul_card caption {
vertical-align: middle;
}

.info_tx{
	background:#d2e6e9;
	padding-top:10px;
	padding-bottom:1px;
}
.list_ul_card {
	margin:10px;
	margin-top: 1px;
}
.list_ul_card *[data-card] header label{
	display: block;
	line-height:40px;
	color:#3ebacc;
	font-size: 18px;
}
.list_ul_card *[data-card] header label span{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/icons2.png) no-repeat center -106px;
	-webkit-background-size:50px auto;
}
.list_ul_card .forms{
	background:#ffffff;
	padding: 1px 0;
}
.list_ul_card .forms dl{
	padding:0 10px;
	margin: 10px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.list_ul_card .forms dt{
	font-size: 16px;
	color: #606366;
	padding:5px 10px;
}
.list_ul_card .forms .select_box>div{
	width:33.3%;
}
.list_ul_card .forms .select_box>div select{
	width:100%;
	margin:auto;
}
.list_ul_card .forms .select_box>div:not(:last-of-type){
	padding-right:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.list_ul_card .forms .group_input{
	padding: 3px 2px;
}
.list_ul_card .forms .group_input .input{
	padding:5px 5px;
	border:0;
}

*[data-card]{
	font-size: 14px;
}
*[data-card] header{
	padding:10px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#ebebeb), to(#f3f9fa), color-stop(30%, #f5f9f9));
}
*[data-card] .input{
	display: block;
	padding:11px 5px;
	border:1px solid #dddddd;
	border-radius:3px;
	width:100%;
	background:#f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#606366;
}
*[data-card] input::-webkit-input-placeholder { color:#bfbfbf; }
.textarea::-webkit-input-placeholder { color:#bfbfbf; }
*[data-card] .button{
	display:block;
	height: 38px;
	line-height: 38px;
	padding:0 5px;
	background:#4dbfd0;
	color:#ffffff;
	text-align: center;
	border-radius: 1px;
	font-size: 16px;
}
*[data-card] .select{
	color:#606366;
	padding:11px 25px 11px 5px;
	-webkit-appearance:none;
	border:1px solid #dddddd;
	border-radius:3px;
	background:url(../images/icons2.png) no-repeat right -121px;
	-webkit-background-size:40px auto;
	background-color:#f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.textarea{
	border: 0;
	padding: 8px 0;
	border-radius: 0;
	display: block;
	padding:11px 5px;
	border:1px solid #dddddd;
	border-radius:3px;
	width:100%;
	background:#f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#606366;
	height:90px;
	resize: none;
}

/**************************Form--END--**********************************/
.ranking_head{
	/*background:url(../../images/wap/ranking/11.png) no-repeat 0 -130px;*/
	background:url(../images/11.png) no-repeat 0 -120px;
	background-size:100% auto;
	height:70px;
	padding-top:1px;
}
.ranking_head .textwrap{
	background: rgba(0,0,0,0.2);
	width:200px;
	padding:5px 18px;
	padding-right:0;
	margin-top:7px;}
.ranking_head .textwrap span{
	display:block;
	color:#fff;
}
.ranking_head .textwrap > span:first-of-type{
	line-height:25px;
	font-size:15px;
}
.ranking_head .textwrap .user{
	display:inline-block;
	font-weight:100;
	letter-spacing:7px;
	color:#fff;
	font-size:17px;
}
.ranking_head .textwrap .info{
	font-size:13px;
}
.ranking_list li:first-of-type{
	background: -webkit-gradient(linear,0 0, 0 10%,from(rgba(226,234,234,0.8)), to(rgba(226,234,234,0.8))) center bottom;
	border-bottom: 2px solid #5ac5d4;
	padding:10px;
	padding-right:18px;
	padding-left:18px;
	}
.ranking_list li:first-of-type .middle{
	margin-left:45px;}
.ranking_list li:first-of-type span:last-of-type{
	float:right;
	margin-right:17px;
}
.ranking_list li:not(:first-of-type){
	border-bottom: 1px solid #dddddd;
	line-height:50px;
	padding:0 18px;
	}
.ranking.first{
	display:inline-block;
	text-indent:-5000px;
	width:30px;
	height:40px;
	/*background:url(../../images/wap/ranking/first.png) no-repeat 0 5px;*/
	background:url(../images/first.png) no-repeat 0 5px;
	background-size:100% auto;
	margin}
.ranking.second{
	display:inline-block;
	text-indent:-5000px;
	width:30px;
	height:40px;
	/*background:url(../../images/wap/ranking/secend.png) no-repeat 0 5px;*/
	background:url(../images/secend.png) no-repeat 0 5px;
	background-size:100% auto;
	margin}
.ranking.third{
	display:inline-block;
	text-indent:-5000px;
	width:30px;
	height:40px;
	/*background:url(../../images/wap/ranking/third.png) no-repeat 0 5px;*/
	background:url(../images/third.png) no-repeat 0 5px;
	background-size:100% auto;
	margin}
.ranking.noicon{
	display:inline-block;
	width:30px;
	text-align:center;
	}
.ranking{
	margin-right:40px;
}
.points{
	float:right;
	margin-right:17px;
}

/************************************************************/
.eggg{
	background:url(../images/eggg_bg.jpg) repeat-y 0 0;
	padding-top:25px;
}
.egg{width:85%; height:200px; margin:10px auto 5px auto;}
.egg ul li{z-index:999;}
.eggList{padding:0;position:relative;padding-top:30px;}
.eggList li{
	background:url(../images/egg_1.png) no-repeat bottom center;
	-webkit-background-size:100% 90%;
	height:157px;
	cursor:pointer;
	position:relative;
}
.eggList li.curr{
	background:url(../images/egg_2.png) no-repeat bottom center;
	-webkit-background-size:100% 90%;
	cursor:default;
	z-index:100;
}
.eggList li sup{
	position:absolute;
	background:url(../images/img-4.png) no-repeat;
	-webkit-background-size:100% 90%;
	height:145px;
	width:100%;
	top:0px;
	left:0px;
	z-index:900;
	display:none;
	}
.eggList li span{width:30px; height:60px;color:#d8c88a; font-size:42px; font-weight:bold;display:block; margin:auto; margin-top:57px;}
.hammer{background:url(../images/img-6.png) no-repeat;
width:50px;
height:58px;
position:absolute; 
text-indent:-9999px;
z-index:150;
left:98px;
top:20px;
background-size:100% 100%;
}
.resultTip{position:absolute; background:#ffc ;width:148px;padding:6px;z-index:500;top:0px; left:10px; color:#f60; text-align:center;overflow:hidden;z-index:500;display:none;}
.resultTip b{font-size:14px;line-height:24px; text-align:center;}

ul.eggList{
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	max-width:640px;
	margin:auto;

}
ul.eggList p{
	position:absolute;
}
ul.eggList > li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	padding-top:1px;

}
.eggg header{
	width:178px;
	height:59px;
	background:url(../images/eggg_logo.png) no-repeat 0 0;
	text-indent:-5000px;
	margin:0 auto;
	
}
.eggg dl{
	padding:12px;
	background:#dcdad2;
	margin:10px;
	margin-bottom:10px;
	border-radius:7px;
	box-shadow:0 0 4px 0px #6b6b6b;
}
.eggg dl *{
	color:#6b6b6b;
}
.eggg dt.price{
	width:114px;
	height:38px;
	border-radius:7px;
	display:inline-block;
	background-color:#eae9df;
	background-image:url(../images/eggg_price.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-5000px;
	margin-bottom:10px;
}
.eggg dt.confirm{
	width:114px;
	height:38px;
	border-radius:7px;
	display:inline-block;
	background-color:#eae9df;
	background-image:url(../images/eggg_confirm.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-5000px;
	margin-bottom:10px;
}
ul.price_list li{
	line-height:25px;
}
ul.price_list li span{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	display:block;
}
ul.price_list li span.quantity{
	text-align:right;
}
/************************************************************/

.msg_board_style{
	background:url(../images/msg_board_bg.png) no-repeat -5px 0;
	position:relative;
	padding-top:85px;
}
.msg_board_style header h1{
	width:150px;
	height:43px;
	background:url(../images/msg_header.png) no-repeat 0 0;
	text-indent:-5000px;
	position:absolute;
	top:30px;
	left:55px;
}
ul.msg_list{

	padding-left:24px;
	padding-right:15px;
	margin-bottom:10px;
}
ul.msg_list li{
	border-bottom:1px dashed rgba(69,99,102,0.4); 
	position:relative;
	padding-bottom:13px;
	margin-bottom:8px;
}
ul.msg_list li p{
	
}
ul.msg_list li span{
	position:absolute;
	right:7px;
	bottom:0px;
	font-size:10px;
	color:rgba(69,99,102,0.4); 
}
.msg_board_style .page *{
	color:rgba(69,99,102,0.5); 
}
/************************************************************/
.lottery_box_style{
	background:#f4f0ee;	
}
.lottery_box_style .lottery_box_wrap{
	background-color:#d71837;
	background-image:url(../images/lottery_box_bg.jpg);
	background-position:0 -17px;
	background-repeat:no-repeat;
	padding-top:20px;	
	padding-bottom:10px;
}
.lottery_box_style .lottery_box_wrap span.logo{
	display:block;
	width:210px;
	height:103px;
	margin:0 auto;
	background:url(../images/p_lottery_logo.png) no-repeat 0 0;
	background-size:100% 100%;
}
.lottery_box_style ul#random_box{
	width:280px;
	text-align:justify;
	margin:0 auto;
	font-size:0;
	letter-spacing:0;
	margin-top:10px;
	

}
.lottery_box_style ul#random_box li{
	width:90px;
	height:72px;
	display:inline-block;
	margin-bottom:3px;
}
.lottery_box_style ul#random_box li.one{
	background:url(../images/lottery_box1.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.two{
	background:url(../images/lottery_box2.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.three{
	background:url(../images/lottery_box3.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.four{
	background:url(../images/lottery_box4.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.five{
	background:url(../images/lottery_box5.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.six{
	background:url(../images/lottery_box6.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.seven{
	background:url(../images/lottery_box7.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.eight{
	background:url(../images/lottery_box8.jpg) no-repeat 0 0;	
	background-size:100% 100%;
}
.lottery_box_style ul#random_box li.ok{
	background:url(../images/ok_bg.jpg) no-repeat 0 0; 
	background-size:100% 100%;
	cursor:pointer;  
}
.lottery_box_style #random_box li.random_current{
	opacity:0.4;
}
.lottery_box_style ul#random_box li.last{
	height:0;
	margin:0;
}
.lottery_box_style .lottery_box_wrap p:first-of-type{
	font-size:11px;
	color:#f4f0ee;
	text-align:center;
	margin:0;
	padding:0 5px;
}
.lottery_box_style p.link{
	width:280px;
	text-align:right;
	margin:0 auto;
}
.lottery_box_style p.link a{
	font-size:11px;
	color:#ffe428;
	padding-right:20px;
	margin:0;
	text-decoration:underline;
}
.lottery_box_style .lottery_board_wrap{
	background:
		url(../images/lottery_board_bg.jpg) no-repeat 0 0;	
	padding-top:15px;
	padding-bottom:10px;
}
.lottery_box_style .lottery_board_wrap span.title{
	display:block;
	width:104px;
	height:42px;
	background:url(../images/lottery_board_title.png) no-repeat 0 0;
	margin-left:5px;
	margin-bottom:7px;
}
.lottery_box_style .lottery_board{
	width:300px;
	height:150px;
	background:url(../images/lottery_board.jpg) no-repeat 0 0;
	background-size:100% 100%;
	margin:0 auto;
	margin-top:4px;
	margin-bottom:3px;
	box-shadow:0 0 4px 2px #CCCCCC;
	text-align:center;
	padding-top:1px;
	
}
.lottery_box_style .lottery_board_wrap p.link a{
	color:#383838;
}
.lottery_box_style .lottery_board .inline_box_wrap{
	display:inline-block;
	font-size:0;
	width:100%;
	margin-top:20px;
	
	
}
.lottery_board .inline_box{
	width:49%;
	height:37px;
	font-size:12px;
	line-height:15px;
	padding-left:17px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

/************************************************************/
.words_detail_style {
	
}

.words_detail_style header{
	background:url(../images/header.jpg);
	height:70px;
	position:relative;
	box-shadow: 0 2px 10px 2px #d3d3d3;
}
.words_detail_style header .imgwrap{
	border:4px solid #fff;
	width:50px;
	height:50px;
	overflow:hidden;
	border-radius:60px;
	position:absolute;
	left:10px;
	top:5px;
	}
.words_detail_style header .imgwrap img{
	width:100%;
	height:100%;
	border-radius:60px;}

.words_detail_style header .textwrap{
	position:absolute;
	left:90px;
	top:10px;
	padding-right:10px;
}
.words_detail_style header .textwrap h1{
	font-size:20px;}
.words_detail_style header .textwrap p{
	font-size:16px;
	}
.words_detail_style header a.link{
	width:55px;
	height:50px;
	border-radius:10px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:0px;}
.words_detail_style header a.link img{
	width:auto;
	height:100%;
	border-radius:10px;}
.words_detail_style .words_detail{
	margin-top:10px;
	padding:0 7px;}	
.words_detail_style .words_detail_box{
	background: #FFF;
	margin-bottom: 10px;
	border: solid 1px #d1d1d1;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px 2px #e2e2e2;
	-moz-box-shadow: 0 0 10px 2px #e2e2e2;
	-ms-box-shadow: 0 0 10px 2px #e2e2e2;
	-o-box-shadow: 0 0 10px 2px #e2e2e2;
	box-shadow: 0 0 10px 2px #e2e2e2;
	padding:10px;
	padding-top:15px;
	}	
.words_detail_style .words_detail_box img{
	display:block;
	width:75%;
	margin:0 auto;
	margin-bottom:15px;}
.words_detail_style .words_detail_box p{
	text-indent:2em;
	line-height:25px;
	color: #7F7F7F;
}
.words_detail_style .words_detail_box .btn-wrap{
	border-radius: 20px;
	width:130px;
	margin:0 auto;
	margin-top:7px;
	border: solid 1px #d9d9d9;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
	background: gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));}
.words_detail_style .words_detail_box .btn-like{
	
	border-radius: 20px;
	color: #ff4f4f;
	background: url(../images/ico-like.png) no-repeat 20px 11px;
	padding-left: 53px;
	font-size: 16px;
	background-size: 22px auto;
	text-align: left;
	display:block;
	line-height:37px;
	width:100%;
}
.words_detail_style .ilikeit{
	position:relative;}
.words_detail_style .ilikeit span{
	display:block;
	margin:0 auto;
	width:130px;
	text-align:center;
	color: #9a9a9a;
	margin-top:4px;
}
.words_detail_style .ilikeit span i{
	background:url(../images/btn-info2.png) no-repeat;
	display:inline-block;
	width:27px;
	background-size:100% auto;}
	
.words_detail_list li:not(:last-of-type){
	border-bottom: solid 1px #e5e5e5;
	line-height:35px;
}	
.words_detail_list li:first-of-type{
	color: #7F7F7F;
	background:url(../images/all-ico-320.png) no-repeat left -448px;
	padding-left:20px;
	padding-bottom:5px;
	line-height:20px;
}
.words_detail_list li{
	position:relative;}
.words_detail_list li span{
	right:10px;
	top:14px;
}
.words_detail_style .button{
	border:1px solid #e1e1e1;
	border-radius:10px;
	width:85%;
	display:block;
	padding:5px;
	text-align:center;
	color:#8e8e8e;
	font-size:14px;
	margin:auto;
	margin-top:10px;
	box-shadow:0px 0px 8px #e1e1e1;
	background:none;}

.words_detail_style .lay-ft-btn {
text-align: center;
overflow: hidden;
background: #FFF;
height: 38px;
line-height: 38px;
overflow: hidden;
width: 100%;
-webkit-box-shadow: 0 -3px 10px 3px #e2e2e2;
box-shadow: 0 -3px 10px 3px #e2e2e2;
margin-top: 15px;
color: #3f3f3f;
}
.words_detail_style img.float-heart{
	position:absolute;
	width:30px;
	height:auto;
	top:-12px;
	opacity:0;
}
/************************************************************/
.words_list_style {
	padding-bottom:1px;	
}
.words_list{
	background:#fff;
	padding-bottom:10px;
}
.words_list_style h1{
	color:#4e4e4e;
	font-size:14px;}
.words_list_style p{
	color:#8e8e8e;
	font-size:12px;}
.words_list_style header{
	background:url(../images/w640-header-n.jpg) no-repeat 0 0;
	background-size:100% 100%;
	height:113px;
	padding-top:1px;
	
	position:relative;
}
.words_list_style header .imgwrap{
	border:5px solid #fff;
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius:60px;
	
	margin:30px 20px 0 10px;
	}
.words_list_style header .imgwrap img{
	width:100%;
	height:100%;
	border-radius:60px;}
.words_list_style header .textwrap{
	position:absolute;
	left:90px;
	top:50px;
	padding-right:10px;
}
ul.words_list li{
	position:relative;
	height:110px;
	background:url(../images/time-tree-320.png) no-repeat 7px -915px;
	padding-right:10px;
}
ul.words_list li:first-of-type{
	background:url(../images/time-tree-320.png) no-repeat 7px 10px;	
}
ul.words_list li:last-of-type{
	background:url(../images/time-tree-320.png) no-repeat 7px -1630px;	
}
ul.words_list .time{
	height:100%;
	width:50px;
	margin-right:10px;
	color:#7192a4;
	font-size:8px;
	position:relative;
}

ul.words_list .time span:first-of-type{
	position:absolute;
	top:20px;
	left:15px;}
ul.words_list .time span:last-of-type{
	position:absolute;
	top:37px;
	left:15px;
}

a.listwrap{
	border-bottom: #e1e1e1 solid 1px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	height:100%;
	padding-top:10px;
	color:#8e8e8e;
	font-size:12px;
}
a.listwrap img{
	width:65px;
	height:65px;
	margin-right:10px;
	display:inline-block;
}
a.listwrap .textwrap{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	overflow:hidden;
}
a.listwrap .likeit{
	position:absolute;
	right:10px;
	bottom:0px;
	line-height:20px;}
a.listwrap .likeit span{
	display:inline-block;
	height:20px;
	width:20px;
	background: url(../images/all-ico-320.png) no-repeat 0 -1548px;}
ul.words_list .time *,a.listwrap .likeit{

	color:#7192a4;
	font-size:8px;

}
.words_list_style .button{
	border:1px solid #e1e1e1;
	border-radius:10px;
	width:85%;
	display:block;
	padding:5px;
	text-align:center;
	color:#8e8e8e;
	font-size:14px;
	margin:auto;
	margin-top:10px;
	box-shadow:0px 0px 8px #e1e1e1;
	background:none;}
/************************************************************/
.navigator{
	background-color:#d2e6e9;
	max-width:640px;
	min-width:320px;
	margin:0 auto;
	position:relative;
}
.navigator *{
	font-family:"微软雅黑";
	font-size:14px;
	color:#30302f;
	font-style:italic;
	
}
.navigator ul.nav *{
	letter-spacing:1px;
	
}
.submit_succeed span.submit_info{
	display:inline-block;
	width:146px;
	height:57px;
	background:url(../images/submit_s.png) no-repeat 0 0;
	position:absolute;
	top:70px;
	left:40px;
}
.submit_succeed ul.nav{
	position:absolute;
	left:24px;
	top:130px;
	
}
.submit_succeed ul.nav li{
	line-height:25px;
	position:relative;
	padding-left:25px;
	
}
.submit_succeed ul.nav li:last-of-type{
	padding-left:35px;
	
}
.submit_succeed ul.nav li a span{
	display:inline-block;
	width:19px;
	width:18px;
	background:url(../images/arrow.png) no-repeat 0 0;
	position:absolute;
	top:2px;
	left:0;
	
}
.submit_succeed ul.nav li:last-of-type span{
	left:10px;
}


.submit_succeed{
	height:340px;
	background-image:url(../images/s_bird.png);
	background-repeat:no-repeat;
	background-position:0 170px;
	
}

.submit_fail{
	background-image:url(../images/f_bird.png);
	background-repeat:no-repeat;
	background-position:right 140px;
	padding-top:265px;
	padding-bottom:1px;
}
.submit_fail{
	text-align:right;
}
.submit_fail span.submit_info{
	display:inline-block;
	width:156px;
	height:59px;
	background:url(../images/submit_f.png) no-repeat 0 0;
	position:absolute;
	top:40px;
	right:45px;
}
.submit_fail ul.nav{
	position:absolute;
	right:30px;
	top:100px;
}
.submit_fail ul.nav li{
	line-height:25px;
	position:relative;
	padding-right:25px;
	
}
.submit_fail ul.nav li *{
	text-align:right;
}
.submit_fail ul.nav li:last-of-type{
	padding-right:35px;
	
}


.submit_fail ul.nav li a span{
	display:inline-block;
	width:19px;
	width:18px;
	background:url(../images/arrow.png) no-repeat 0 0;
	position:absolute;
	right:0;
	top:4px;	
}
.submit_fail ul.nav li:last-of-type span{
	right:10px;
}

.submit_fail .fail_info{
	text-align:left;
	width:70%;
	display:inline-block;

}






/************************************************************/
.points_rule{
	max-width:640px;
	min-width:320px;
	margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:4px solid #5ac5d4;
	text-align:right;
	padding-top:15px;
}
.points_rule .wrap{
	background:url(../images/horizontal.png) repeat-y;
	padding:10px 0 30px 7px;
	
}
.points_rule .wrap p{
	text-align:left;
	font-size:14px;
	color:#444;
	
}
.points_rule .wrap p span{
	color:#5ac5d4;
	
}
.points_rule .wrap p.get_points{
	line-height:25px;
	
}
.points_rule span.points_rule_logo{
	display:inline-block;
	width:122px;
	height:37px;
	background-color:#5ac5d4;
	background-image:url(../images/points_rule_logo.png);
	background-repeat:no-repeat;
	background-position:20px 12px;
	padding-bottom:1px;
	border-bottom:1px solid #c9c9c9;
	background-clip:content-box;
	
}
.points_rule span.rule_title{
	width:73px;
	height:20px;
	display:inline-block;
	background-color:rgba(251,33,80,0.35);
	background-image:url(../images/points_rule01.png);
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-bottom:1px;
	border-bottom:1px solid #c9c9c9;
	background-clip:content-box;
	margin-bottom:7px;
	margin-top:7px;
}
.points_rule span.rule02{

	background-color:rgba(33,156,251,0.35);
	background-image:url(../images/points_rule02.png);

}
.points_rule span.rule03{

	background-color:rgba(251,197,33,0.35);
	background-image:url(../images/points_rule03.png);

}




/************************************************************/
.list_style{
	min-width:320px;
	background:#e9f4f4;
	position:relative;

}
.list_style header{
	margin:0 5px;
	box-shadow:0 0 4px 0px rgba(0,0,0,0.9);
	position:relative;
/*	z-index:3;*/
}

.list_style .my_nav{
	background:#f1c40f;
	padding:10px 0;
	position:relative;
}
.apply.list_style .my_nav{
	background:#fe7e31;
}
.employ.list_style .my_nav{
	background:#304C66;
}
.green.list_style .my_nav{
	background:#37c02b;
}
.apply.list_style .my_nav .my_select{
	background-color:#fe8f4d;
}
.employ.list_style .my_nav .my_select{
	background-color:#186ec0;
}
.green.list_style .my_nav .my_select{
	background-color:#3ccb30;
}
.list_style .my_nav .icon{
	-webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   display:inline-block;
   width:30px;
   height:30px;
   background-color:#F8DB66;
   background-image:url(../images/pen_1.png);
   background-repeat:no-repeat;
   background-position:0px 0px;
   background-size:100% 100%;
   border-radius:5px;
   position:absolute;
   right:10px;
   top:5px;
}
.list_style .my_nav .my_select{
   background-image:url(../images/text_left.png);
   border-style:none;
   text-indent:-5000px;
   outline-style:none;
   left:10px;
}
.apply.list_style .my_nav .my_link{
	background-color:#fe8f4d;
}
.employ.list_style .my_nav .my_link{
	background-color:#186ec0;
}
.green.list_style .my_nav .my_link{
	background-color:#3ccb30;
}
.list_style .my_nav ul.title{
	width:113px;
	display:block;
	margin:0 auto;
	font-size:0;
	letter-spacing:0;
}
.list_style .my_nav ul.title > li{
	display:inline-block;
	background:#ee798b;
	padding:4px 5px;
}
.apply.list_style .my_nav ul.title > li{
	background:#fe8f4d;
}
.list_style .my_nav ul.title > li:first-of-type{
	margin-right:1px;
}
.list_style .my_nav ul.title a{
	display:inline-block;
	width:46px;
	height:21px;
}
.list_style .my_nav ul.title a.employ_link{
	background-image:url(../images/employ_list_title.png);
	background-repeat:no-repeat;
	background-size:44px 20px;
	background-position:bottom center;
}
.list_style .my_nav ul.title a.apply_link{
	background:url(../images/apply_list_title_grey.png) no-repeat 0 0;
}
.apply.list_style .my_nav ul.title a.employ_link{
	background-image:url(../images/employ_list_title_grey.png);
	background-repeat:no-repeat;
	background-size:44px 20px;
	background-position:bottom center;
}
.apply.list_style .my_nav ul.title a.apply_link{
	background:url(../images/apply_list_title.png) no-repeat 0 0;
}
.list_style .my_nav span.title{
	width:43px;
	height:21px;
	background:url(../images/house_list_title.png) no-repeat 0 0;
	display:block;
	margin:0 auto;
	
}
.employ.list_style .my_nav span.title{
	width:100px;
	height:20px;
	background:url(../images/employ_list_title.png) no-repeat 0 0;
}
.apply.list_style .my_nav span.title{
	width:46px;
	height:21px;
	background:url(../images/apply_list_title.png) no-repeat 0 0;
	
}
.list_style header .slide_wrap{
	height:140px;	
}
.list_style .flex-viewport{
	max-height:140px;

}
.list_style .flex-viewport img{
	max-height:140px;
}
.list_style .flex-control-nav{
	position:relative;
	text-align:center;
	margin-top:-20px;
}
.list_style ul.info_list {
	margin:0 1px;	
	position:relative;
	z-index:1;
}
.list_style ul.info_list li{
	box-shadow:0 0 4px 0px #d3d2d2;
	position:relative;
	padding-top:10px;
	padding-bottom:14px;
	background:#fff;
	margin-bottom:1px;
}
.list_style ul.info_list span.icon{
	background:url(../images/house_icon.png) no-repeat 0 0;
	width:22px;
	height:23px;
	position:absolute;
	top:14px;
	left:11px;
}
.apply.list_style ul.info_list span.icon{
	background:url(../images/apply_icon.png) no-repeat 0 0;
	width:21px;
	height:20px;
	position:absolute;
	top:15px;
	left:12px;
}
.employ.list_style ul.info_list span.icon{
	background:url(../images/employ_icon.png) no-repeat 0 0;
	width:21px;
	height:20px;
	/*background-size:100% 100%;*/
	position:absolute;
	top:15px;
	left:12px;
}
.list_style ul.info_list span.release_time{
	position:absolute;
	bottom:1px;
	right:7px;
	font-size:10px;
	color:#bbbbbb;
	
}
.list_style ul.info_list p{
	margin-left:10px;
	
}
.list_style ul.info_list p:first-of-type{
	margin-bottom:3px;
	color:#474442;
	font-weight:900;
}

.list_style ul.info_list p:first-of-type span.small{
	font-size:12px;
	padding-left:7px;
	font-weight:100;	
}
.list_style ul.info_list p:first-of-type span.small *{
	font-size:12px;
}
.list_style ul.info_list p:last-of-type{
	color:#888282;
	font-size:12px;
}
.list_style ul.info_list p:last-of-type *{
	font-size:12px;
}
.apply.list_style .color {
	color:#e0bca7;
}
.employ.list_style .color {
	color:#e5b4bb;
}
.green.list_style .color{
	color:#9cc598;
}
.list_style .bottom_nav{
	position:absolute;
	bottom:-50px;
}
/************************************************************/
.detail_style{
	background:#e9f4f4;
}
.detail_style *{
	color:#474442;
	/*line-height:20px;*/
	
}
.detail_style .color{
	color:#e5b4bb;
	font-weight:900;
}

.house.detail_style .color{
	color:#9cc598;
}
.apply.detail_style .color{
	color:#e0bca7;
}
.detail_style header{
	background:#f1c40f;
	text-align:center;
	padding-top:7px;
	padding-bottom:14px;
	position:relative;

}
.apply.detail_style header{
	background:#fe7e31;
}
.house.detail_style header{
	background:#37c02b;
}
.detail_style header .icon{
	width:32px;
	height:32px;
	display:inline-block;
	background:url(../images/employ_d_icon.png) no-repeat 0 0;
	position:absolute;
	left:-45px;
	top:3px;
	
}
.apply.detail_style header .icon{
	background:url(../images/apply_d_icon.png) no-repeat 0 0;
}
.house.detail_style header .icon{
	background:url(../images/house_d_icon.png) no-repeat 0 0;	
}
.detail_style header .title{
	color:#fff;
	display:inline-block;
	height:30px;
	line-height:30px;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#474442), to(#474442) ) no-repeat left bottom;*/
	-webkit-background-size:30px 2px;
	position:relative;

}
.detail_style header .time{
	font-size:11px;
	font-weight:100;
	position:absolute;
	right:10px;
	bottom:-1px;
	
}
.detail_style header .time i{
	display:inline-block;
	width:11px;
	height:11px;
	background:url(../images/time.png) no-repeat 0 0;
	background-size:100% 100%;
	margin-right:3px;
	margin-bottom:-1px;
	
}
.detail_style .position_info .box >span{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	display:block;
	width:50%;
}
.detail_style .detail_list{
/*	margin-right:5px;*/
	background:#fff;
	margin-top:8px;
	padding:10px;
	position:relative;

	box-shadow:0 0 5px 0px #b1b1b1;
}
.detail_style .position_info{
	margin-right:0;
}
.detail_style .detail_list.right{
	margin-right:0;
	margin-left:0;
	border-style:none;
}
.detail_style .detail_list .icon{
	display:inline-block;
	position:absolute;
	width:45px;
	height:45px;
	background-color:#fff;
	background-image:url(../images/1_g.png);
	background-repeat:no-repeat;
	background-position:17px 10px;
	border-radius:50px;
	box-shadow:0 0 5px 0px #b1b1b1;
	right:-5px;
	top:-10px;
}
.detail_style .position_demand .icon{
	background-image:url(../images/1.png);
	background-position:14px 10px;
}
.detail_style .apply.detail_style .position_demand .icon{
	background-image:url(../images/1_o.png);
	background-position:14px 10px;
}
.detail_style .house.detail_style .position_demand .icon{
	background-image:url(../images/1_g.png);
	background-position:14px 10px;
}
.detail_style .detail_list.right .icon{
	left:-5px;
}
.detail_style .detail_list .title{
	display:inline-block;
	color:#f1c40f;
	margin-left:5px;
	margin-bottom:10px;
	font-size:15px;	
}
.detail_style.apply .detail_list .title{
	color:#fe7e31;
}
.detail_style.house .detail_list .title{
	color:#37c02b;
}
.detail_style .detail_list.contact .title{
	display:block;
	text-align:right;
/*	padding-right:40px;*/
	margin-bottom:0px;
}
.detail_style .contact.detail_list .my_list{
	margin-top:-10px;
	
}
.detail_style .contact.detail_list .icon{
	background-image:url(../images/recruit_2.png);
	background-position:15px 10px;
}
.apply.detail_style .contact.detail_list .icon{
	background-image:url(../images/2_o.png);
	background-position:14px 10px;
}
.house.detail_style .contact.detail_list .icon{
	background-image:url(../images/2_g.png);
	background-position:14px 10px;
}
.detail_style .contact.detail_list li{
	height:20px;
	line-height:20px;
	padding-left:5px;

}
.detail_style .detail_list .my_list li i{
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../images/contacts_b.png) no-repeat 0 0;
	margin-right:7px;
	margin-bottom:-2px;
	background-size:100% 100%;
	
}
.detail_style .contact.detail_list li a{
/*	text-decoration:underline;*/
	
}
.detail_style .contact.detail_list .phone{
	background:url(../images/phone_b.png) no-repeat 0 0;
	background-size:100% 100%;
}
.detail_style .contact.detail_list .addr{
	background:url(../images/addr_b.png) no-repeat 0 0;
	background-size:100% 100%;
}
.detail_style .contact.detail_list .email{
	background:url(../images/email_b.png) no-repeat 0 0;
	background-size:100% 100%;
}
.detail_style .position_list .icon{
	background-image:url(../images/3.png);
	background-position:14px 10px;
}
.apply.detail_style .position_list.detail_list .icon{
	background-image:url(../images/3_o.png);
	background-position:14px 10px;
}
.house.detail_style .position_list.detail_list .icon{
	background-image:url(../images/3_g.png);
	background-position:14px 10px;
}
.detail_style .lala{
	width:273px;
	height:40px;
	background:url(../images/lala.png) no-repeat 0 0;
	
}
.detail_style .position_list .my_list li i{
	background:url(../images/posi.png) no-repeat 0 0;
	background-size:100% 100%;

}
.detail_style .position_list .link {
	border-bottom:1px dashed #b1b1b1;
	padding:3px 0;
}
.detail_style .position_list .link span{
	top:6px;
	
}
/************************************************************/
.event_style{
	width:320px;
	background:url(../images/event_bg_t.png) no-repeat 0 0px;
	text-align:center;
	padding-bottom:30px;
}

.event_style *{
	color:#474442;
}
.event_style .title{
	color:#f684aa;
	font-size:16px;
	display:inline-block;
	background-color:#fff;
	border-radius:7px;
	padding:5px 15px;
}
.event_style>.title{
	padding:7px 20px;
	margin:20px;	
}

.event_style .title_wrap{
	text-align:left;
	clear:both;
}
.event_style .title_wrap .title{
	margin-left:-5px;
}
.event_style .title_wrap:before{
	content:"";
	background:#fff;
	display:inline-block;
	width:20px;
	height:2px;
	margin-bottom:10px;
}
.event_style .event_info{
	text-align:left;
	padding:0 15px;
	margin-top:5px;
	margin-bottom:10px;

}

.event_style label{
	display:inline-block;
	width:70px;
}
.event_style form{
	margin-top:10px;
}
.event_style input[type="text"]{
	-webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   border-style:none;
   outline-style:none;
   margin-bottom:10px;
   display:inline-block;
   width:170px;
   background:#fff;
   height:23px;
}
.event_style input[type="submit"]{
	-webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   border-style:none;
   outline-style:none;
   margin-bottom:10px;
   display:block;
   background:#f684aa;
   color:#fff;
   padding:3px 30px;
   width:auto;
   margin-left:70px;
   
}
.event_style a.link{
	font-size:11px;
	color:#f684aa;	
	display:inline-block;
	float:right;
	margin-right:15px;
}
.event_style a.more,.event_style a.less{
	font-size:11px;
	color:#797979;	
	display:inline-block;
	float:right;
	margin-right:25px;
	margin-bottom:10px;
	margin-top:-10px;
}
.event_style a.less{
	display:none;
}
.event_style .hide{
	overflow:hidden;
	height:80px; 
}
.event_style p.box.info span{
	display:block;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}
.event_style.enroll>.title{
	margin-top:35px;
	margin-bottom:35px;
}
.event_style p.box.info{
	margin-bottom:35px;
}
.event_style p.result{
	font-weight:900;
}
/************************************************************/
.vote_style{
	background-color:#51adc4;
}
.vote_style *{
	color:#fcfdfd;
}
.vote_style header{
	background-image:url(../images/vote_top_32.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:320px auto;
	padding-top:90px;
	margin:0 70px;
	text-align:right;
}
.vote_style header p.abstract{
	text-align:left;
	position:relative;
	z-index:2;
}
.vote_style .deadline{
	display:inline-block;
	font-size:11px;
	background:url(../images/vote_time_bg.jpg) no-repeat top center;
	height:54px;
	line-height:54px;
	margin-top:-10px;
	position:relative;
	z-index:1;
}
.vote_style .title{
	background:#fc5611;
	padding:7px 70px;
	margin-bottom:20px;
}
.vote_style .my_option{
	width:140px;
	height:170px;
	margin-bottom:20px;
}
.vote_style .my_option .img_wrap img{
	border:5px solid #fcfdfd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:140px;
	width:140px;
}
.vote_style .my_option .img_wrap{
	position:relative;
	width:140px;
	height:140px;
}
.vote_style .my_option .img_wrap span{
	display:inline-block;
	width:140px;
	height:25px;
	background:rgba(252,253,253,0.5);
	position:absolute;
	bottom:5px;
	left:0px;
	text-align:center;
	color:#fc5611;
	line-height:25px;
}
.vote_style .box > span{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	display:block;
}
.vote_style .vote_wrap{
	height:25px;
	margin-top:5px;
	line-height:25px;
	background-color:#d53359;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#6fc6dc), to(#6fc6dc));
	background-repeat:no-repeat;
	background-position:right top;
	background-size:100px 25px;
}
.vote_style .box > span:last-of-type{
	text-align:right;
	padding-right:5px;
}
.vote_style .box > span:first-of-type{
	text-align:left;
	padding-left:5px;
}
.vote_style a.vote{
	text-decoration:underline;
}
.vote_style .inline_box_wrap{
	margin:0 70px;
}
.vote_style .inline_box.last{
	height:0;

}
.vote_style .c1{
	background-color:#d53359;
}
.vote_style .c2{
	background-color:#ef473a;
}
.vote_style .c3{
	background-color:#ff6f06;
}
.vote_style .c4{
	background-color:#f8b83e;
}
.vote_style .c5{
	background-color:#b9cf44;
}
.vote_style .c6{
	background-color:#7cb623;
}
.vote_style .c7{
	background-color:#08a617;
}
.vote_style .c8{
	background-color:#4dbfd0;
}
.vote_style .c9{
	background-color:#01a1e5;
}
.vote_style .c10{
	background-color:#0e6ac1;
}
/************************************************************/
.bottom_nav{
	position:fixed;
    bottom:0;
	width:100%;
	border-top:1px solid #d8d5d4;
	background: #f4f4f4;
	text-align:center;
	max-width:640px;
	height:50px;
	margin:0 auto;
	z-index:2;

}
footer{
	margin-top:50px;
}
footer ul.bottom_nav p{
	font-size:11px;
	color:#606366;
}
footer ul.bottom_nav li:first-of-type{
	width:30px;
	height:100%;
	background:url(../images/goback.png) no-repeat left 10px;
	background-size:100% auto;
	margin-left:10px;	
}
footer ul.bottom_nav li a{
	width:100%;
	height:100%;
	display:block;
}
footer ul.bottom_nav li:last-of-type{
	width:30px;
	height:100%;
	background:url(../images/refresh.png) no-repeat left 10px;
	background-size:100% auto;
	margin-right:10px;	
}
footer ul.bottom_nav li.company_info{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	height:100%;
	padding-top:7px;
}
/************************************************************/

/************************************************************/
p.page{
	text-align:center; 
	padding:5px 0; 
	font-family:'微软雅黑';
}
p.page a{
	text-decoration:none;
	display:inline-block;
	border:1px solid rgba(0,0,0,0.1); 
	border-radius:3px;
	width:45px;
	height:25px;
	background-color:inherit;
	color:rgba(0,0,0,0.6);
	line-height:25px;
	font-size:14px;
}
p.page a.l_icon{
	background-image:url(/tpl/Wap/default/common/zhaopin/left_arrow.png);
	background-repeat:no-repeat;
	background-position:11px center;
	background-size:14px 14px;

}
p.page a.r_icon{
	background-image:url(/tpl/Wap/default/common/zhaopin/right_arrow.png);
	background-repeat:no-repeat;
	background-position:20px center;
	background-size:14px 14px;
}
p.page span{
	margin:0 7px; 
	letter-spacing:1px;
	vertical-align:middle;
	color:rgba(0,0,0,0.6); 
	/*text-shadow: 0px 5px 5px #dad9d9;*/
}

.return_top{
	position:fixed;
	right: 15px;
	bottom: 60px;
	width: 60px;
	height: 50px;
	z-index: 100020;
	display:none;

}
.return_top a{
	display: block;
	width: 60px;
	height: 50px;
	background: url(../images/icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px;
}