/*
Powered by www.itokit.com		http://weixin.itokit.com
深圳市企源动力科技有限公司		0755-83207899
*/

body, html{background:url(/Public/Images/card/card-page-bg.jpg) top repeat-x #f0f0f0;}

#card{width:100%; max-width:500px;margin:0 auto;padding:8px; box-sizing:border-box; margin:0 auto; overflow:hidden; background:url(/Public/Images/card/card-page-header-bg.jpg) center top no-repeat;}
#card .none{display:none;}
#card .card_frame{width:100%; margin:0 auto; overflow:hidden; position:relative; border-radius:8px;}
#card .card_frame .logo{position:absolute; left:10px; top:10px; overflow:hidden;}
#card .card_frame .logo img{ max-height:50%; max-width:50%;}
#card .card_frame .title{position:absolute; height:25px; line-height:25px; overflow:hidden; font-weight:bold; font-size:14px;}
#card .card_frame .no{position:absolute; height:25px; line-height:25px; font-size:16px; font-weight:bold;}

#card .ApplyCard{width:100%; text-align:center; margin-top:5px;}
#card .ApplyCard input{height:32px; line-height:32px; background:#649A2B; border:none; color:#fff; font-size:14px; width:100%; border-radius:5px;}
#card .sign_btn{width:100%; height:36px; line-height:36px; background:#649A2B; border:none; color:#fff; font-size:16px; border-radius:5px; text-align:center; margin:0 auto; margin-top:5px;}

#card .article .btn{padding:5px 0; clear:both; overflow:hidden; margin-top:8px;}
#card .article .btn td.left{padding-right:5px;}
#card .article .btn td.center{padding:0 5px;}
#card .article .btn td.right{padding-left:5px;}
#card .article .btn td input{width:100%; height:36px; line-height:36px; background:#F60; border:none; color:#fff; font-size:16px; border-radius:5px; text-align:center;}
#card .article .btn a{display:block;width:100%; height:36px; line-height:36px; background:#eb7e20; border:none; color:#fff; font-size:16px; border-radius:5px; text-align:center;}

#card .article .cp{border:1px solid #ddd; border-radius:5px; background:#fff; margin-top:8px; padding:5px;}
#card .article .cp h2{border-bottom:1px dotted #ddd; padding-bottom:3px; text-indent:2px; font-weight:bold; font-size:16px;}
#card .article .cp>div{font-size:14px; color:#666; line-height:150%; padding-top:5px; padding-left:2px; zoom:1;}
#card .article .cp>div.card_integral strong{font-size:16px; font-weight:bold; color:#333;}
#card .article .cp>div.card_integral span{font-size:16px; color:#f00;}
#card .article .cp>div.form{text-align:center;}
#card .article .cp .record li{line-height:28px;font-size:14px;border-bottom: 2px dotted #000;}
#card .article img{max-width:100%;}
#card_integral_form div, #card_integral_form input{width:96%; margin:5px auto;}
#card_integral_form .txt{height:32px; line-height:32px; border:1px solid #ddd; border-radius:5px; background:#f0f0f0; text-indent:5px;}
#card_integral_form .submit{width:70%; height:36px; line-height:36px; background:#F60; border:none; color:#fff; font-size:16px; border-radius:5px; text-align:center; float:left;}
#card_integral_form .back{width:27%; height:36px; line-height:36px; background:#999; border:none; color:#fff; font-size:16px; border-radius:5px; text-align:center; float:right;}

#applyList{ width:320px; margin:0 auto;}
#applyList .rows{width:268px; padding:10px 26px; overflow:hidden; clear:both;}
#applyList .rows .l{width:40px; height:36px; line-height:36px; float:left; overflow:hidden; font-size:16px; text-align:right;}
#applyList .rows .r{ width:198px; height:36px; float:left; overflow:hidden; padding-left:10px;}
#applyList .rows .r .form_input{width:180px; height:32px; line-height:32px; border:1px solid #ddd; border-radius:5px; background:#fff; text-indent:5px;}
#applyList .button{padding:10px 0; padding-bottom:30px;}
#applyList .button input{height:32px; line-height:32px; background:#649A2B; border:none; color:#fff; font-size:14px; width:150px; border-radius:5px;}

.pinner>p {
  text-align: center;
  line-height: 36px;
  margin-bottom: 6px;
  min-height: 10px;
  padding:0px;
}
.pinner>p span {
  font-size: 14px;
  color: #646464;
  text-shadow: 0 1px #fff;
  padding-left: 20px;
  display: inline-block;
  background: url('/Public/Images/card/show1.jpg') no-repeat 0 50%;
  -webkit-background-size: 13px 14.5px;
  background-size: 13px 14.5px;
}
/*圆角列表*/
ul.round{margin-left:10px;margin-right:10px;background-color:#F9F9FA;text-align:left;
	font-size:14px;line-height:24px;overflow:hidden;
	-webkit-border-radius:5px; border-radius:5px; border:solid #C2C2C2; border-width:1px 1px 0 1px;
	box-shadow:0 1px 1px #f6f6f6;}
body.zoomin ul.round{overflow:visible;}
.round:empty{display:none;}
.round, 
.round>li>a,
.round>li>article>a{color:#2D2D2D;}
.round>li{padding:11px 10px;border:solid #C2C2C2;border-width:0 0 1px 0; }
.round>li:only-of-type{/*border-width:0;*/}
.round>li:first-of-type{}
.round>li:last-of-type{/*border-width:0;*/ -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.round>li,
.round>li>a,
.round>li>article>a{font-size:16px;color:#101010;line-height:23px;}
.round>li>a,
.round>li>article>a{display:block;background:url('/Public/Images/card/arrow3.png') no-repeat right 50%;
	-webkit-background-size:8.5px 13px;
	background-size:8.5px 13px;
}
.round li a{padding-left: 30px;}
.round li a span{font-size: 10px;color: #9E9E9E;margin-right: 10px;}

.pcard .shop{z-index:2;position:relative;}
.pcard .shop{
	background:url('/Public/Images/card/bk_square3.jpg') repeat-x 0 0;
	-webkit-background-size:35px 35px; background-size:35px 35px;
}
.pcard .shop h2{ /*商家 分类名*/
	display:block;height:35px;text-align:left;padding-left:17px;line-height:35px;
	font-size:15px;color:#373b3e;/*margin-top:5px;*/margin-left:15px;
}
.pcard .shop .pwrUL > li p{
	color:#eb6b00;
}
.pcard .shop .belong{font-weight:normal;color:#989898;padding-left:15px;display:inline-block;
	background:url('/Public/Images/card/li_dot3.png') no-repeat 6px 9px;
	-webkit-background-size:5px 5px;background-size:5px 5px;
}
.pcard .shop .oneline .belong{background-position:6px 17px;}
.pwrUL > li {
  padding-left: 60px;
  min-height: 61px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 10px 12px;
  border-style: dotted;
  border-width: 1px 0 1px 0;
  border-color: #fff #fff #dadada #fff;
}
.pdo {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
.pwrUL > li article{cursor:pointer;min-height:50px;}
.pwrUL > li strong{ /*名*/
	display:block;padding-top:8px;line-height:25px;font-size:14px;color:#373b3e;
}
.pwrUL > li.oneline strong{line-height:40px;}
.pwrUL > li.oneline article p{display:none}
.pwrUL > li article > p{ /*简介*/
	line-height:19px;font-size:12px;color:#797979;margin:0;
}
.pwrUL > li em{ /*几张*/
	display:inline-block;margin-left:9px;line-height:18px;height:18px;
	font-size:10px;color:#839505;font-style:normal;white-space:nowrap;
	padding:0 4px 0 17px;
	background:url('../images/wei_webapp_new/tag1.png') no-repeat 0 0,
		url('../images/wei_webapp_new/tag3.png') no-repeat right 0,
		url('../images/wei_webapp_new/tag2.png') repeat-x 0 0;
	-webkit-background-size:16px 18px, 3px 18px, 1px 18px;
	background-size:16px 18px, 3px 18px, 1px 18px;
}
.pwrUL > li .arrow{ /*箭头*/
	width:17px;height:17.5px;display:inline-block;top:22px;right:11px;left:auto;
	background:url('../images/wei_webapp_new/arrow2.jpg') no-repeat 0 0;
	-webkit-background-size:17px 17.5px;
	background-size:17px 17.5px;
	-webkit-transform-origin:50% 50%;
    -webkit-transition:-webkit-transform .5s ease;
    transition:transform .5s ease-in-out;
}
.pwrUL > li.open .arrow{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.pwrUL > li .floor{ /*商城 几层*/
	display:inline-block;top:12px;left:10px;
	width:35px;height:35px;line-height:35px;overflow:hidden;
	color:#999;font-size:12px;text-align:center;
	border:1px solid #aeaeae;-webkit-border-radius:2px;border-radius:2px;
}
.pwrUL > li > div{ /*展开*/
	display:block;margin-left:-60px;margin-top:12px;padding:4px 10px 10px 10px;
	background:url('/Public/Images/card/bk_square2.jpg') repeat 0 0;
	-webkit-background-size:40px 40px; background-size:40px 40px;
	box-shadow:inset 5px 5px 5px #d9d9d9, inset -5px -5px 5px #d9d9d9;
	border-top:1px dotted #fff;
}
.pwrUL > li.noFloor > div{margin-left:-10px;}
.pwrUL > li > div[hidden]{display:none;}
.pwrUL > li > div b{line-height:26px;font-size:13px;color:#747474;display:block;text-align:left;}
.pwrUL > li > div > ul{line-height:18px;text-align: left;}
.pwrUL > li > div > ul > li{color:#797979;font-size:12px;padding-left:12px;
	background:url('/Public/Images/card/li_dot2.png') no-repeat 0 7px;
	-webkit-background-size:5px 5px;
	background-size:5px 5px;
}
.card_info_1{position:relative;}
.card_info_2{position:absolute;font-size:10px;top:-18px;color:red;left:50%;margin-left:-50px;font-family: "Microsoft YaHei" ! important;font-style:normal;
z-index: 999;height: 20px;
    line-height: 20px;
    text-align: center;
		  width: 100px;
		  padding: 0px;
		  border: 2px solid #ccc;
		  opacity: .9;
		  background-color: #ddd;
		  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
		  -moz-border-radius: 4px;
		  border-radius: 4px;
		  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
		  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
		  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
		  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.card_info_2:before,
.card_info_2:after	{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.card_info_2:before{
  border-top-color: #ccc;
  bottom: -8px;
}