@charset "utf-8";
/* CSS Document */
html { height:100%; font-size:12px;}
body { background:url(/sh/res/img/170515/xysk-bodybg.png) repeat; background-size:6px auto; color:#fff; font-family:'Microsoft YaHei' ,'Arial';}
* { padding:0; margin:0; border:none; text-decoration:none; list-style:none;}
.xysk-wrap { max-width:500px; margin:0 auto;}
.xysk-top { padding:2% 5%; background-image: linear-gradient(rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.2) 100%); 
}
.xysk-fixedbottom { padding:20px 0 20px; margin-top:-4px; margin-bottom:20px; background:#e50065; text-align:center; border-radius:0 0 16px 16px}
.xysk-table { margin:0 5%; font-size:1.0rem;}
.xysk-table th { padding:10px 2px; background:#8ec220; border-radius:8px; text-align:center; }
.xysk-table td { padding:4px; border:2px #8ec220 solid; border-radius:8px; word-break:break-all; text-align:justify }
.xysk-p { padding-left:10px; background:url(/sh/res/img/170515/xysk-pbg.png) no-repeat left .5em; background-size:4px auto;}
/*input[text] input[btn]*/
.xysk-btn-01 { width:100%; padding:10px 0; font-size:1.6rem;  background:url(/sh/res/img/170515/xysk-btn01bg.png) no-repeat center center; background-size:auto 100%; text-indent:-1000em; outline:none; }
.xysk-btn-02 { width:100%; padding:10px 0; font-size:1.6rem;  background:url(/sh/res/img/170515/xysk-btn02bg.png) no-repeat center center; background-size:auto 100%; text-indent:-1000em; outline:none; }

/*弹出窗口*/
.zfqy-background-div { display: none;position: fixed;width: 100%;top: 0;left: 0;height: 100%;z-index: 100;background: rgba(0, 0, 0, 0.5);}
.user-knows-div{width: 86%;margin:40% auto 0; color:#000;background:#fff;padding:18px 10px;border-radius:4px;}
.cc-knows-div{width: 86%;margin:30% auto 0; color:#000;background:#fff;padding:18px 10px;border-radius:4px;}
.user-konw-in-title{ display:block; padding-bottom:10px; text-align:center; font-weight: bold; font-size:1.8rem; text-align: center;}
.user-knows-detail-div {padding:10px; font-size:1.4rem; text-align:center;}
.user-knows-detail-p { display:inline-block; text-align:left;}
.user-cancel-detail-div {padding:10px; font-size:14px; line-height:140%;}
.zfqy-ck-btn{display: inline-block;width: 80%; padding:10px 0; border: 1px #e50065 solid; margin: 0 3%; border-radius: 3px; background: #e50065; font-weight: normal;color: #fff; text-align: center; cursor: pointer;font-size: 1.6rem;}


/*公用*/
.float-l { float:left;}
.float-r { float:right;}
.font-size12 { font-size:1.2rem;}
.font-size14 { font-size:1.4rem;}
.font-size16 { font-size:1.6rem;}
.text-align-c { text-align:center;}
.text-align-r { text-align:right;}
.text-align-l { text-align:left;}
.padding-t10 { padding-top:10px;}
.padding-tb10 { padding-top:10px; padding-bottom:10px;}
.padding-lr5 { padding-left:5%; padding-right:5%;}
.padding-t-10 { padding-top:20px;}
input[type="button"], input[type="submit"],textarea {-webkit-appearance: none;}
.color-fff { color:#fff;}
.color-fff40c { color:#fff40c;}
@media screen and (max-width: 360px){
	html { font-size:9px;}
	.xysk-btn-01 { padding:4px 0; }
	.padding-tb10 { padding-top:6px; padding-bottom:6px;}
	}
@media screen and (max-width: 360px) and (max-height: 500px){
	html { font-size:9px;}
	}
@media screen and (max-width: 360px) and (max-height:500px){
	html { font-size:10px}
}
@media screen and (min-width: 361px) and (max-width: 375px){
	html { font-size:11px}
	}
@media screen and (min-width: 376px) and (max-width: 415px){
	html { font-size:12px;}
	}
@media screen and (min-width: 416px) and (max-width: 500px){
	html { font-size:12px;}
	}