/********************************
			ͨ�������ʽ
*********************************/

/*CSS reset*/
* {padding: 0;margin: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0;}
ul, ol, li {list-style: none;margin-bottom: 0px;}

img {max-width: 100%;}
textarea {resize: none;}
a {color: inherit;text-decoration: none;}
button, input, select, textarea {font: inherit;font-family: inherit;font-size: inherit;color: inherit;line-height: inherit;}
input[type=text],input[type=tel],input[type=password],input[type=number],input[type=text], select, textarea {-webkit-appearance:none;}
div>img,div>textarea,a>img{ vertical-align:middle;}
a,div{outline:none;-webkit-tap-highlight-color:transparent;}
input,select:focus{outline:none;}

/*������*/
.font12 {font-size:12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font25 {font-size: 25px;}
.font-gray {color: #a9a9a9;}
.font-gray2 {color: #777;}
.font-white{color: #FFF;}
.font-black {color: #000;}
.font-red {color: #f33034;}

/*��λ*/
.pull-left {float: left;}
.pull-right {float: right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.clearfix{overflow:hidden;}
.relative{position:relative;}
.absolute{position:absolute;}
.block {display: block;}
.none{display:none;}
.inline{display: inline;}
.inline-block {display: inline-block;}
.text-indent{text-indent:2em;}

/*���*/
.wd120 {width: 120px;}
.wd80 {width: 80%;}
.wd100 {width: 100%;}
.wd95-p {width: 95px!important;}
.wd70-p {width: 70px}
.wd50 {float:left;width: 50%;}
.wd48 {width: 48%!important;}
.wd35 {width: 35%!important;}
.wd30 {width: 30%!important;}
/*�߾�*/
.top-5{top:-5px;}
.top8{top:8px;}
.bottom-7{bottom:-7px;}
.bottom0{bottom:0px;}
.mgL50{margin-left:50px;}
.mgT2 {margin-top: 2px;}
.mgT5 {margin-top: 5px;}
.mgT10 {margin-top: 10px;}
.mgT-10 {margin-top: -10px;}
.mgT15 {margin-top: 15px;}
.mgT20 {margin-top: 20px!important;}
.mgT50 {margin-top: 50px;}
.mgB5 {margin-bottom: 5px;}
.mgB10 {margin-bottom: 10px;}
.mgB20 {margin-bottom: 20px!important;}
.mgL10 {margin-left: 10px;}
.mgL20 {margin-left: 20px;}
.mgL15 {margin-left:15px;}
.mgR20 {margin-right: 20px;}
.mgR10 {margin-right: 10px;}
.mgR5 {margin-right: 5px;}
.mg020{margin:0 20px;}
.mgt-5 {margin-top:-5px;}
.mg10 {margin: 10px;}
.mg-tips{margin:10px;}
.pdBT2 {padding:2px 0;}
.pdL8 {padding-left:8px;}
.pdR10{padding-right:10px;}
.pdT2 {padding-top: 2px;}
.pdT10 {padding-top: 10px;}
.pdB10 {padding-bottom: 10px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd010 {padding: 0 10px;}
.pd10-notop{padding:0 10px 10px;}
.pd10-btn {padding: 10px 10px 60px;}
.pd10-btn30 {padding: 10px 10px 30px;}
.pd10-btn0 {padding: 10px 10px 0px;}
.pd50-btn0 {padding: 50px 10px 0px;}

/*��ʾһ��/����*/
.text-overflow1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-overflow2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line-through{text-decoration:line-through}

/*��ť*/
.btn {display: inline-block; height:40px;line-height:40px;padding:0 12px;text-align:center; border: 1px solid transparent; border-radius: 5px;font-size:16px;white-space: nowrap;}
.btn-block {display: block;width: 100%;height:48px;line-height:48px;}
.btn-jiyun {color: #fff;background-color: #53add8;} /*#ba1b20*/
.btn-orange {color: #fff;background: #cea704!important;}
.btn-gray {background-color: #eee;border: 1px solid #ccc;border-radius: 5px;}
.btn-perfect {color: #fff;background: #3399FE;}
.btn-red{color: #fff;background: #d1372d;}
.btn-red-o{color: #fe0000;border:1px solid #fe0000;}
.btn-share {color: #fff;background: #e4393c;font-family: ����;font-size: 16px;}
.btn-share2{width: 80%;margin: 0 auto;height: 50px;border:1px #666 solid;text-align: center;line-height: 50px;display: block;color: #666;border-radius: 5px;font-size: 18px;}
.btn-white{color: #333;background: #fff;border:1px solid #ccc;}
.btn-login{display: inline-block;width: 48%;height:48px;line-height:48px;}


/*�?*/
.form-control{display: block;width: 100%;line-height:1.5em;padding: 0px 10px;background: #fff;background-image: none;border: 1px solid #ddd;border-radius: 5px;}
textarea.form-control {height: auto;}
.form-control1 {width: 100%;border: 1px solid #ddd;padding: 5px 8px;}


/********************************
			���������ʽ
*********************************/
body {
	min-width: 320px;
	max-width: 640px;
	font-size: 14px;
	font-family: Arial, Microsoft YaHei;
	color: #333;
	margin: auto;
	line-height: 1.5em;
	background: #e8ebee;
}

i {font-style: normal;color: #333;}
em {font-style: normal;}

.com-content {padding-top: 50px;padding-bottom: 55px;}
.com-content-box{background-image: url(../image/common/bg-line.png);background-repeat-x: inherit;}
.com-content-nofooter {/*padding-top: 50px;*/}
.com-content-area {padding-top: 40px;padding-bottom: 32px;}
.header-logo{height:41px;margin:0 2rem 0 10px;}
.fontSize{
	margin:0 10px;
	font-size:20px;
}
.header-a{
	margin-left:1rem;
}
.img-big{
	width:55.5%;
}
.mgT15 img{
	height:3.3rem;
}
.box {background: #fff;margin-bottom: 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.box1 {background: #fff;margin-bottom: 10px;}

.c-title {font-size:16px;line-height: 49px;padding: 0 10px;border-bottom: 1px solid #ddd;border-left:6px solid #cea704;overflow: hidden;}
.c-title1 {line-height: 49px;padding: 0 10px;border-top: 1px dashed #ddd;overflow: hidden;}
.c-title2 {font-size:16px;line-height: 49px;padding: 0 10px;border-bottom: 1px solid #ddd;overflow: hidden;}

.line25 {line-height: 25px;}

.bg-white {background: #fff;}
.bg-pink {background: #ffe2d2;}
.bg-gray{background:#ddd;}
.arrow-down{position: absolute;top: 22px;right: 10px;}


/*-------------------------------------ͷ��������ʽ--------------------------------------*/
header {
	position: fixed;
	top: 0;
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	height: 50px;
	line-height: 49px;	
	text-align: center;
	font-size: 18px;
	background:#f4f4f4;
	border-bottom: 1px solid #9c9c9c;
	z-index: 10;
}
header .back-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	display: block;
	font-size: 40px;
}
header .right-text{position: absolute;top: 0px;right: 0px;padding:0 15px;}
header.index{background:#fff;padding-left:128px;padding-right:10px;box-shadow:0px 1px 10px #aaa;}
header .search-input {
	width: 100%;
	border: none;
	padding: 0px 10px;
	height: 36px;
	font-size: 16px;
	line-height: 1.5em;
	border-radius: 5px;
	background:#e5e5e5;
	color:#333;
}

header .fa-search {
	position: absolute;
	top: 16px;
	right: 20px;
	height:20px;
}
header .website-logo{position:absolute;left:10px;top:10px;height:30px;}
header .search-page {
	position: relative;
	padding-left: 45px;
	padding-right: 65px;
}
header .search-btn {
	position: absolute;
	top:0;
	right: 15px;
}
/*-------------------------------------β��������ʽ--------------------------------------*/
footer {
	position: fixed;
	bottom: 0;
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	height: 55px;
	font-size: 14px;
	background: #fdfdfd;
	border-top: 1px solid #ccc;
	z-index: 10;
}
footer ul {
	overflow: hidden;
}
footer li {
	position:relative;
	float: left;
	width: 25%;
	text-align: center;
}
footer li img{height:24px;margin-top:7px;}

footer .cartNum {
	position: absolute;
	top: 1px;
	left: 25px;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size:14px;
	font-family:arial;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	background: #d1372d;
}
footer .cartNum2 {top: 6px;}
.btn-footer {
	display: inline-block;
	line-height:54px;
	background: #d1372d;
	text-align: center;
	font-size:18px;
	color:#fff;
	padding:0 4%;
}

footer .font25 {
	font-size: 26px;
	margin: 13px 5px;
}

.footer-wrap{line-height:54px;font-size:18px;padding-left:10px;}


/*-----------------------------ͼƬ����Ч��-----------------------------*/
.flash {width: 100%;}
.flash ul {overflow: hidden;}
.flash ul li {float: left;position: relative;text-align: center;background: #fff;}
.flash li img{width:100%;}
.flash li .title{position:absolute;left:20px;bottom:30px;color:#fff;}
.bannerTab {position: relative;bottom: 20px;margin: 0 auto;}
.bannerTab ul {overflow: hidden;}
.bannerTab li {float: left;width: 10px;height: 10px;border-radius:50%;margin: 0 5px;background:rgba(255,255,255,0.5);}
.bannerTab .v2_cur {background: #cea704;width: 10px;height: 10px;}


/*-------------------------------------������--------------------------------------*/
.container1 {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row1 {overflow: hidden;}
.span10 {float: left;width: 10%;}
.span50 {float: left;width: 50%;}
.span90 {float: left;width: 90%;}

.borderB {border-bottom: none;}

.fa-size{font-size: 18px;vertical-align: middle;margin-top: -2px;}

.share-layer {position: fixed;top: 0;width: 100%;height: 100%;max-width: 640px;min-width: 320px;z-index: 1200;background: rgba(0,0,0,0.6);color: #fff;font-weight: normal;font-size: 18px;text-align: center;line-height:30px;}
.share-arrow{padding:10px 10px 30px 10px;overflow:hidden;}
.iknow{display:inline-block;width:120px;line-height:40px;border:2px solid #fff;color:#fff;border-radius:5px;margin-top:20px;}
.iknow:focus, .iknow:hover {color:#fff;}

/*���?����Ȧ*/
.popLayer{position:fixed;top:0;max-width:640px;min-width:320px;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:30;}
/*.share-friend{color:#fff;font-size:18px;text-align:center;}
.share-arrow{padding:10px;overflow:hidden;}
.click{padding:20px 0 10px;}
.click img{width:35px;margin-left:10px;vertical-align:bottom;}
.iknow{margin-top:50px;}
.white-btn{display:inline-block;border:1px solid #fff;border-radius:5px;padding:10px 30px;color:#fff;}*/


.nogoods-wrap{text-align:center;padding-top:50px;padding-bottom:25px;}
.nogoods-wrap:before{content:'';display:block;background:url(../image/common/logo.png) center no-repeat;height:100px;margin-bottom:10px;}

.message-detail {background: #fff;padding: 15px;}
.message-title{line-height: 1.4;font-weight: 400;font-size: 24px;}

.one-line{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;line-height:48px;padding:0 10px;margin-bottom:10px;}
.one-line .use-date{border:none;height:48px;}
/*��Ӧʽ*/
@media (max-device-width:374px) {
	.header-top {
	    font-size: 16px!important;
	  }
}
@media (min-device-width:414px) {
	.header-logo {
	    margin: 0 4rem 0 10px!important;
   }
   .header-a {
    	margin-left: 2rem!important;
	}
}
/*此样式只有在线上续卡和管理员线上续卡页面使用*/
.specialLabel{position:relative!important;}

.content.absolute-index{
	position: absolute;
	width: 100%;
	/*top: 2%;*/
}
.cardP{
	border-bottom: 1px solid #ddd;text-align: center;padding: 5px;
}

.share-btn{
	float: right;color: #ed5565;font-size: 24px;
}

.search-box-cont{
	top: 0px;
	position: sticky;
	width: 100%;
	padding: 10px 0px;
	background: #ffffff;
	z-index: 1000;
	border-bottom: 1px solid rgb(240, 240, 240);
}