html {
	width: 100%
}

body {
	-webkit-user-select: initial;
	background-color: #f2f2f2;
	width: 100%
}

h1 {
	font-size: 40px;
	color: #000;
	padding-top: 20px;
	text-align: center
}

.index-wrap h1 {
	font-size: 40px;
	color: #34C0F5;
	padding-top: 0;
	height: 64px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	margin-bottom: 10px
}

.index-wrap h2 {
	font-size: 12px;
	color: #bbb;
	line-height: 1.2
}

.index-wrap {
	width: 100%;
	overflow-x: hidden
}

.index-wrap .header {
	background-color: #F7F7F7;
	height: 135px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-align: center;
	-webkit-box-pack: center
}

.index-wrap .footer {
	height: 55px;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	background-color: #F7F7F7
}

.logo {
	width: 53px;
	height: 15px;
	background: url(http://www.padnt.com/img/isux.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.index-wrap table {
	width: 100%;
	overflow: hidden
}

.hy-block td {
	width: 33.33%;
	position: relative
}

.hy-block td>div {
	padding: 23px 0 23px 0
}

.hy-block td>div:active {
	background: #e4e4e4
}

.hy-block .tit {
	text-align: center;
	color: #000;
	font-size: 16px;
	line-height: 1.6
}

.hy-block .sub-tit {
	text-align: center;
	color: #777;
	font-size: 14px;
	line-height: 1.2
}

.hy-block .icon {
	width: 46px;
	height: 46px;
	margin: 0 auto
}

.icon-actionsheet {
	background: url(http://www.padnt.com/img/actionsheet.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-article {
	background: url(http://www.padnt.com/img/article.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-button {
	background: url(http://www.padnt.com/img/button.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-hy_zl {
	background: url(http://www.padnt.com/img/zl.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-hy_jf {
	background: url(http://www.padnt.com/img/jf.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-hy_hd {
	background: url(http://www.padnt.com/img/hd.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-cell {
	background: url(http://www.padnt.com/img/cell.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-dialog {
	background: url(http://www.padnt.com/img/dialog.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-icons {
	background: url(http://www.padnt.com/img/icons.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-msg {
	background: url(http://www.padnt.com/img/msg.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-panel {
	background: url(http://www.padnt.com/img/panel.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-progress {
	background: url(http://www.padnt.com/img/progress.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-searchbar {
	background: url(http://www.padnt.com/img/searchbar.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-tab {
	background: url(http://www.padnt.com/img/tab.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-toast {
	background: url(http://www.padnt.com/img/toast.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-more {
	background: url(http://www.padnt.com/img/more.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-grid {
	background: url(http://www.padnt.com/img/grid.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-form {
	background: url(http://www.padnt.com/img/form.png) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

h1 {
	width: 100%;
	text-align: center;
	font-size: 40px
}

.ui-header h1 {
	padding-top: 0
}

.ui-btn+.ui-btn {
	margin-left: 10px
}

.hy-desc {
	padding: 10px;
	font-size: 16px;
	color: #7CAE23
}
.hy-24 {
	padding: 10px;
	font-size: 20px;
	color: #ffffff
}

.hy-block {
	position: relative
}

.hy-block .ui-header,
.hy-block .ui-footer {
	position: absolute
}

.ui-tab-content {
	padding: 10px
}

.hy-block>.ui-list,
.hy-block>.ui-form {
	margin-bottom: 20px
}

.content h3 {
	padding: 0 15px;
	line-height: 44px;
	font-size: 15px
}

.border-list {
	background-color: #fff
}

.border-list li {
	width: 100px;
	margin: 10px auto;
	-webkit-box-pack: center;
	text-align: center
}

.ui-btn-group-bottom {
	bottom: 56px
}

.ui-table {
	line-height: 40px;
	text-align: center;
	background-color: #fff
}

.ui-scroller {
	width: auto;
	height: 300px;
	margin: 20px;
	padding: 10px;
	overflow: hidden
}

.ui-scroller li {
	margin-bottom: 10px
}

.ui-notice {
	top: 0;
	z-index: -1;
	height: 400px
}

.icon-lists li {
	float: left;
	height: 100px;
	width: 103px;
	text-align: center
}

.icon-lists li i {
	font-size: 32px;
	line-height: 44px
}

.icon-lists .ui-icon,
.icon-lists [class^="ui-icon-"] {
	margin: 10px 0;
	color: #000
}

.code,
.fontclass {
	font-size: 12px
}

.ui-col {
	padding: 5px;
	background: #777;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd
}

.ui-flex {
	border: 1px solid #ddd;
	min-height: 80px;
	margin-bottom: 10px
}

.ui-flex-ver {
	border: 1px solid #ddd;
	min-height: 80px;
	margin-bottom: 10px
}

.ui-row-flex-ver {
	border: 1px solid #ddd;
	min-height: 100px
}

.test-img {
	width: 50px;
	height: 50px;
	background: #777
}

.img-test {
	width: 338px;
	height: 200px;
	background: #777;
	background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%;
}
.color-black {
	background-color: #000
}

.color-black .hy-desc {
	color: #fff
}

.img-auto {
	width: 100%;
	height: auto;
	background: #777;
	background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%;
}

.hy-img {
	width: 100%;
	height: 100%;

	max-width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	
}



.hy-dialog-zbd {
	border-radius: 3px;
	width: 296px;
	-webkit-background-clip: padding-box;
	pointer-events: auto;
	background-color: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	color: #000;
	top: 0px;
}

.zbd-close {
	left: 100%;
	margin-left: 0px;
	bottom: 2px;
}