@charset "utf-8";
/* Reset Styles */
html {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	height: 100%;
}
body {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #333333;
	background-color: white;
	height: 100%;
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
svg:not(:root) {
	overflow: hidden;
}
a {
	background: transparent;
	-webkit-tap-highlight-color: transparent;
	color: #fe3652;
	text-decoration: none;
}
a:visited {
#fe3652
}
a:active {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	display: block;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	resize: vertical;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
html, button, input, select, textarea {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
	margin: 0;
}
ul, ol, li, dl, dd, menu {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none outside none;
}
h1, h2, h3, h4 {
	line-height: 2;
	font-weight: normal;
}
h1 {
	font-size: 1.8rem;
}
h2 {
	font-size: 1.6rem;
}
h3 {
	font-size: 1.4rem;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #cccccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #cccccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #cccccc;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.middle {
	margin: 0 auto;
}
.tab li {
	cursor: pointer;
}
.tablist {
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
*+height:1%;
}
.block {
	display: block;
}
.center {
	text-align: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*input[type='text'],input[type='tel'],textarea,select{ height: 36px; border-radius: 3px; border:1px solid #88664d; background: #fff; padding: 0 3px;line-height: 36px;}
*/
/*input[type='submit'],input[type='button'],.btn,.votebtn{ height: 36px; border-radius: 3px; padding: 0 3px; line-height: 36px; border:none; font-size: 1.6rem; cursor: pointer;}*/
mark {
	background: none;
	color: #fe3652;
}
header {
	background: url(../images/headbg.png) no-repeat;
	background-size: 100% auto;
}
header .logo {
	width: 80%;
	margin: 0 auto;
	padding-top: 40px;
}
header .headtitile {
	width: 90%;
	margin: 0 auto;
	padding-top: 20px;
}
header .headdjs {
	width: 60%;
	margin: 0 auto;
	padding-top: 20px;
}
header .djs {
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
}
header .headhouse{ width: 100%;}
/*倒计时*/
.wrap-box {
	margin: 0 auto;
}
h1 {
	line-height: 2;
	font-size: 30px;
	text-align: center;
	margin-bottom: 40px;
}
table.data-table {
	width: 100%;
}
 table.data-table tr:odd {
background:#dcebff;
}
table.data-table td {
	line-height: 24px;
	padding: 3px;
	vertical-align: top;
}
table.data-table th {
	height: 50px;
	line-height: 50px;
	padding: 3px;
	font-size: 20px;
	text-align: left;
}
table.data-table .colspan-a {
	width: 35%;
}
table.data-table .colspan-b {
	width: 25%;
}
table.data-table .colspan-c {
	width: 40%;
}
table.data-table td pre {
	display: block;
	padding: 5px;
	border: 1px solid #00caff;
	background: #f8fcff;
	text-align: left;
}
.testBtn-a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border: 0;
	border-radius: 5px;
	color: #fff;
	background: rgb(65,133,244);
	cursor: pointer;
}
.testBtn-a.on {
	background: #c9c9c9;
	color: #666;
	cursor: default;
}
.data-show-box {
	line-height: 30px;
}
.date-tiem-span, .date-s-span {
	display: inline-block;
	font-size: 18px;
	width: 36px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #00a0e9;
	border-radius: 5px;
}
.date-tiem-span {
	background: #fff;
	border: 1px #bde6f9 solid;
}
.date-s-span {
	background: #bde6f9;
}
.date-select-a {
	margin-right: 5px;
}
.aboutus h4,.whatcard h4,.getcard h4{line-height: 30px;font-size: 22px;color: #00a0e9;text-align: center;padding: 20px 0;}
.aboutus{ background:url(../images/contentbg.png) repeat-x;}
.title_l img,.title_r img{display: inline;height: 30px;}

.aboutus ul li,.whatcard ul li,.getcard ul li{ width: 90%; padding: 8px; margin: 0 auto; background: rgba(255,255,255,0.50); border: 1px #a7a3a5 dashed; border-radius: 10px; margin-bottom: 20px;font-size: 16px;}
button{height: 30px;width: 80%;display: block; margin: 0 auto; text-align: center;line-height: 30px; border: 0; color: #fff;border-radius: 10px;background: #00a0e9;}
.getcard{padding-bottom: 100px;}
.course{}
.course li span{ display: block; background: #e4007f; color: #fff; width: 80px; text-align: center; margin: 0 auto; font-size: 18px; border-radius: 8px; margin-top: -20px;}

.shopmessage{position: fixed; overflow: auto; width: 100%;height: 100%; background: #fff;top: 0; left: 0;display: none;z-index: 9998;overflow-y: auto;}

.buycard{ width: 90%;height: 40px; text-align: center;line-height: 40px; font-size: 24px;color: #fff;border-radius: 10px; position: fixed; bottom: 10px; left: 5%; background: #00a0e9;}
.appointmentcard{ width: 90%;height: 40px; text-align: center;line-height: 40px; font-size: 24px;color: #fff;border-radius: 10px; position: fixed; bottom: 10px; left: 5%; background: #00a0e9;}
.cardsend{background:rgba(149,149,149,1.00);width: 90%;height: 40px; text-align: center;line-height: 40px; font-size: 24px;color: #fff;border-radius: 10px; position: fixed; bottom: 10px; left: 5%; display: none;}
.shop_list{padding-top: 20px;padding-bottom: 100px;}
.shop_list h5{width: 90%;margin: 0 auto;background: #bde6f9;text-align: center;font-size: 16px;margin-bottom: 5px;}
.shop_list dl{width: 90%;padding: 2%;background: #ecf9ff; margin: 0 auto; border: 1px solid #ccc;margin-bottom: 10px;font-size: 16px;padding-bottom: 10px;}
.shop_list dl dt{border-bottom: 1px solid #ccc;padding: 5px 0;}
.shop_list dl dt span{ display: block;margin-bottom: 10px;}
.shop_list dl dt span:nth-child(1){background:url(../images/address.png) no-repeat left center;background-size: auto 20px; line-height: 20px;padding-left: 30px;font-size: 18px;font-weight: bold;}

.shop_list dl dt span:nth-child(2){background:url(../images/place.png) no-repeat left center;background-size: auto 20px; line-height: 20px;padding-left: 30px;}

.shop_list dl dt span:nth-child(3){background:url(../images/phone.png) no-repeat left center;background-size: auto 20px; line-height: 20px;padding-left: 30px;}

.shop_list dl dd{padding-top: 5px; margin-top: 10px;}


menu{ position: fixed;bottom: 10px; left: 0; width: 100%;height: 70px;z-index: 9999;}
menu ul li{float: left;width: 30%;line-height: 30px;border-radius: 8px; margin:0 0 10px 3%;text-align: center;background:#bde6f9; border: 1px #bde6f9 solid;}
menu ul li a{display: block;line-height: 30px;color: #0F1F63;}
menu ul li a:active{background: #00a0e9;border-radius: 8px;}

.close{position: fixed;top: 5px; right: 5px; width: 30px;height: 30px;}
.close img{width: 30px;height: 30px;}



.sbk{display: block; background: #00a0e9; font-style: normal; border-radius: 8px; width: 80%; color: #fff; line-height:30px; text-align: center; font-size: 1.6rem; margin:0 auto 6px;}
.sbk a{color: #fff;}


/*社保卡弹层*/

.sbksl{display: none;  position: fixed;top:0; left: 0; z-index: 70; background-color:rgba(0,160,233,0.8);width: 100%; height: 100%;}
.sbksl figure{ display: block; text-align: center; width: 80%; margin: 0 auto; border: 2px solid #f38fbe; margin-top: 10%; background: #FFFFFF; padding: 5%; border-radius: 10px;}
.sbksl figure img{ width: 100%;}
.sbksl figcaption{}

.sbksl .close{
    position: absolute;
    z-index: 80;
    background: url('../images/close.png') center;
    background-size: 100% 100%;
    width: 40px;
    height:40px;
    top: 3%;
    right:24px;
}
/* iphone5  5s */
@media screen and (device-aspect-ratio: 40/71) and (-webkit-min-device-pixel-ratio: 2)  {
	
	.wrap-box table{font-size: 1.2rem;}
	.date-tiem-span, .date-s-span{    width: 30px;
    height: 24px;line-height: 24px;}
	
}