/* 全局样式 */
*{ margin:0; padding:0;}
*,*::before,*::after {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle; width:100%;}
a{ text-decoration:none; outline:none; color:inherit; -webkit-tap-highlight-color:none;tap-highlight-color:none;}
:focus{outline:0;}
::placeholder{ color:#bbb; }
a:hover{ text-decoration:none;}
em,i{ font-style: normal;}
button,input,select,textarea{ font-family:"Microsoft YaHei",Tahoma,Verdana,Arial; border:0;-webkit-tap-highlight-color:none;tap-highlight-color:none;}
body{ font-family:"Microsoft YaHei",Tahoma,Verdana,Arial; color:#333; font-size: 12px; width:100%; padding-bottom: 0; background: #f6f6f6; }
html,body{ min-width: 320px; height:100%; position: relative; margin:0 auto; }
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; zoom:1;}
.banner a{ display: block; }
.banner img{ width: 100%; }
.f-red{ color: #ff0000; }
.f-orange{ color: #ff7200; }

/************头部***************/
.header{ background-color: #fff; height: 44px; line-height: 44px; text-align: center; position: relative; border-bottom:1px solid #ddd; }
.header a.back{ display:block; position:absolute; top:0; left:0; width:30px; height:44px; background-repeat:no-repeat; background-position:center; background-size:22px 22px;}
.header a.back:after{ content:''; position:absolute; left:16px; top:10px; display:block; width:12px; height:12px; border-bottom:2px solid #666;border-left:2px solid #666; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform-origin: left center;-webkit-transform-origin: left center;-moz-transform-origin: left center;}
.header .location{ position:absolute; left:36px; background: url(../images/location.png) no-repeat left center; background-size: 16px 16px; font-size: 13px; padding-left:18px; color: #666; }
.header .search{ position:absolute; left:98px; right: 98px; top:5px; height: 32px; overflow: hidden; border-radius:16px; border: 0; background: #f6f6f6; padding: 0 40px 0 15px;}
.header .search input{ background: none; float: left; line-height:32px; width: 100%;}
.header .search .search-btn { cursor: pointer; display: block; position: absolute; top: 5px; right: 10px; width: 22px; height: 22px; background: url(../images/search.png) no-repeat center; background-size: 22px 22px; z-index: 1;}
.header .publish{ position: absolute; top:10px; right:44px; font-size:0; background: url(../images/publish-blue.png) center; background-size: 22px 22px; width: 22px; height: 22px;}
.header .my{ position: absolute; top:10px; right:10px; font-size:0; background: url(../images/my.png) center; background-size: 22px 22px; width: 22px; height: 22px;}
.header .download{ position: absolute; top:10px; right:10px; font-size:0; background: url(../images/download.png) center; background-size: 22px 22px; width: 22px; height: 22px;}
.header .title{ font-size: 16px; display: inline-block; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/************内容容器***************/
.container-white{background-color: #fff;margin-bottom: 10px;padding: 10px;}
.title{ font-size: 16px; font-weight: bold; color: #666; margin-bottom: 10px; }
.steps { display: table; width: 100%; margin-bottom: 20px }
.steps li{ display: table-cell; vertical-align: middle; color:#999; width: 25%; text-align: center; position: relative;}
.steps li:after{ content:''; width: 20px; height: 20px; position: absolute; top:50%; margin-top:-10px; right:-10px; opacity:0.2; background: url(../images/step-arrow.png) no-repeat center; background-size: 100% 100%; }
.steps li:last-child:after{ display: none; }
.step-icon{ background-color: rgba(224,193,109,0.15); background-repeat: no-repeat; background-size: 26px 26px; background-position: center; display: block; margin: 10px auto 5px; width: 42px; height: 42px; border-radius: 50%; }
.step-icon1{ background-image: url(../images/step-icon1.png); }
.step-icon2{ background-image: url(../images/step-icon2.png); }
.step-icon3{ background-image: url(../images/step-icon3.png); }
.step-icon4{ background-image: url(../images/step-icon4.png); }
.intro{ line-height: 180%; color:#999; }
.fixed-entrys{ position: fixed; bottom: 60px; right:2px; width:50px;}
.roundBtn{ cursor: pointer; display: inline-block; line-height: 100%; width:48px; height: 48px; border-radius: 50%; background:#7ba54d; box-shadow: 0 0px 10px rgba(140, 193, 82, 0.48); color:#fff; text-align: center; margin: 3px 0; }
.roundBtn2{background: #e69b2d}
.sicon{ display: block; margin: 4px auto 0; width: 26px; height: 26px; background-size: 100%; background-repeat: no-repeat; }
.sicon-order{ background-image: url(../images/icon-order.png); }
.sicon-service{ background-image: url(../images/icon-service.png); }

/************验证兑换码***************/
.form{padding: 0; font-size: 14px; }
.form-item{ margin-bottom: 15px; position: relative;}
.form-item:last-child{ margin-bottom: 0; }
.form-label{ display:block; font-size: 16px; color:#333; margin-bottom: 10px }
.form-control{ position: relative;}
.form-control input,
.form-control select,
.form-control textarea{ height: 44px; line-height: 24px; font-size: 14px; color:#333; padding:10px; border-radius: 5px; background-color: #e4e4e4; width:100%;  }
.form-button{ line-height: 46px; text-align: center; box-shadow:0 0px 10px rgba(140, 193, 82, 0.48); color: #fff; font-size: 18px; border-radius: 5px; width:100%; background: #E0C06D; }
.form-button:disabled{ background: #ccc; }
.form-clear{ display: none; position: absolute; right: 10px; top:13px; width: 18px; height: 18px; border:1px solid #666; border-radius: 50%; color:#666; text-align: center; line-height: 18px; }
.form-tip{ font-size: 12px; color:#999; line-height: 180%;}
.form-control-button{ cursor: pointer; position: absolute; right: 10px; top: 5px; line-height: 34px; padding:0 10px; border-radius: 20px; color:#fff; background:#8cc152; }
.form-control-button:active,.form-control-button:visited{ background:#7ba54d; }
.form-control-button:disabled{ background:#888; }

.tableScroll{ overflow: auto; width: 100%;  height: calc( 100% - 86px); }
.table{ border-collapse: collapse; border:1px solid #ccc; background: #fff; min-width: 100%;}
.table th{ font-weight: bold; text-align: center; border:1px solid #ccc; padding: 10px; background: #ececec; white-space: nowrap; }
.table td{text-align: center; border:1px solid #ccc; padding: 10px; white-space: nowrap;}

.goodsSelections{ margin-right:-10px;}
.goodsRadio{ float:left; margin: 10px 0; width: 50%; text-align: center; padding-right: 10px;}
.goodsRadio input{ display: none; }
.goodsRadio input+span{ display: block; border: 2px solid #eee; border-radius: 12px; padding:10px; width: 100%; font-size: 14px; color:#999;height: 132px;}
.goodsRadio input:checked+span{ border-color: #8cc152; color: #666; font-weight: bold; background: url(../images/selected.png) no-repeat right bottom; background-size: 34px 34px; height: 132px;}
.good-img{ display: block;  width: 66px; height: 66px; margin: 0 auto 5px; }

/*弹窗*/
.pop{ position: fixed; display: none; top:0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.8); z-index:19;}
.pop .popin{ width: 90%; margin: 0 auto; position: fixed; left: 5%; top:50%; transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%); background: #fff; border-radius: 10px; z-index:20; font-size:14px;}
.pop .close{ background-color:#fff; border-radius:50%; width:40px; height:40px; text-align:center; padding:3px; position:absolute; bottom:-20px; left:50%; margin-left:-20px;}
.pop .close:after{content:'×'; position:absolute; top:3px; left:3px; width:34px; height:34px; border-radius:50%; border:2px solid #999; line-height:26px; font-size:26px; color:#999;}
.pop .close2{ top:-50px; right:-3px; left:auto; bottom:auto; background-color:rgba(255,255,255,0);}
.pop .close2:after{ border-color:#fff; color:#fff;}
.pop-head{ width:100%; line-height: 50px; color: #333; text-align: center; font-size:18px; margin:0 auto;}
.pop-body{ padding:10px 20px; line-height:180%;}
.pop-body h6{ font-size:16px; text-align:center; font-weight:normal;}
.pop-foot{ text-align:center; padding-bottom:40px;}
.pop .btn{ font-size:18px; display:inline-block; width:40%; height:40px; line-height:40px; background:#79ce3b; color:#fff; text-align:center; border-radius:3px; border:0; font-family: "微软雅黑","宋体",Arial; margin:0 10px 0; }
.pop .btn:only-of-type{ width:78%;}
.pop .btn-white{ background:#fff; border: 1px solid #79ce3b; color:#79ce3b;}
.pop .btn-cancle{ background:#999;}
.pop .btn-orange{ background:#ff751a;}
.pop-headBg{ background: #8cc152; height:100px; text-align: center; font-size: 18px; color:#fff; border-radius: 10px 10px 0 0; }
.popGift{ width: 200px; margin:-90px auto 0; }
.bigIcon{ width: 80px; display: block; margin: 10px auto; }
.bigText{ text-align: center; font-size: 60px; }
.cenText{ font-size: 24px; color: #8cc152; text-align: center; font-weight: bold; margin: 10px; }
.cenText2{ font-size: 16px; color:#666; text-align: center; }







.showMessage {
	padding: 5px 10px;
	border-radius: 5px;
	width:40%;
	height: auto;
	text-align: center;
	left: 40%;
	color: #ffffff;
	margin: 0px auto;
	position: absolute;
	top: 45%; /*偏移*/
	margin-left: -30px; 
}

.showMessageSuccess {
	background-color: #9E9E9E;
}

.showMessageError {
	background-color: #ff0000;
}