@charset "utf-8";
/* CSS Document */
/*
* * @ 516
* * _(:з」∠)_
*/

/* - html + body - */
html, body {
	/* min-width: calc(125rem / 1.2); */
}

@media screen and (max-width: 1250px) {
	html, body {
		min-width: 100%;
	}
}

/* - float - 多元素浮动 - */
.left {
	float: left;
}

.right {
	float: right;
}

/* - hover - 鼠标滑过 - */
.hover:hover {
	/* - 延迟0.2秒样式 - */
	-webkit-transition: .2s color;
	transition: .2s color;
	-webkit-transition: .2s background-color;
	transition: .2s background-color;
	cursor: pointer;
}

/* - scrollbar - 滚动条样式 - */
body,
.scroll {
	-webkit-overflow-scrolling: touch;
}

body::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
	/* 滚动条 */

}

body::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
	/* 滑动块 */

}

/* - 占位符 - */
b.zw {
	display: inline-block;
	line-height: inherit;
	text-align: center;
}

b.zw-5 {
	width: calc(.5rem / 1.2);
}

b.zw1 {
	width: calc(1rem / 1.2);
}

b.zw2 {
	width: calc(2rem / 1.2);
}

b.zw3 {
	width: calc(3rem / 1.2);
}
 
/* - select标签 - */
.selectLabel {
	position: relative;
	padding: 0 calc(2rem / 1.2) 0 calc(1rem / 1.2);
	width: calc(6rem / 1.2);
	height: calc(3rem / 1.2);
	color: #333;
	font-size: calc(1.5rem / 1.2);
	line-height: calc(3rem / 1.2);
	border-radius: calc(.2rem / 1.2);
	box-shadow: 0 0 calc(.1rem / 1.2) #ccc;
	background-color: #fff;
	cursor: pointer;
}

.selectLabel::after {
	content: "\f107";
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	width: calc(2rem / 1.2);
	height: 100%;
	color: #333;
	font-size: calc(1.6rem / 1.2);
	font: normal normal normal 14px/1 FontAwesome;
	line-height: inherit;
	text-align: center;
}

.selectLabel h {
	display: inline-block;
	float: left;
	width: 100%;
	height: 100%;
	font-size: inherit;
	line-height: inherit;
	background-color: #fff;
}

.selectLabel ul {
	display: none;
	position: absolute;
	left: 0;
	z-index: 77;
	width: 100%;
	height: auto;
	line-height: inherit;
	box-shadow: 0 0 calc(.1rem / 1.2) #ccc;
	background-color: #fff;
}

.selectLabel ul::-webkit-scrollbar {
	width: calc(.2rem / 1.2);
}

.selectLabel ul::-webkit-scrollbar-thumb {
	background-color: #00bef2;
}

.selectLabel ul li {
	margin: 0 calc(1rem / 1.2);
	width: calc(100% - 2rem / 1.2);
	line-height: inherit;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.selectLabel ul li:not(:last-child) {
	border-bottom: calc(.1rem / 1.2) dashed #ccc;
}

.selectLabel ul li:hover {
	background-color: #eee;
}

.pagination {
	display: none;
	float: left;
	position: absolute;
	left: 50%;
	z-index: 9;
    width: auto;
    height: calc(3.6rem / 1.2);
}

.pageList {
	margin-left: -50%;
	width: 100%;
	height: 100%;
}

.pageList li {
    float: left;
    width: calc(6rem / 1.2);
    height: calc(3.6rem / 1.2);
    text-align: center;
    line-height: calc(3.6rem / 1.2);
    background-color: #e4e4e4;
    cursor: pointer;
}

.pageList > li:first-child,
.pageList > li:last-child {
    width: calc(4rem / 1.2);
    color: #999;
}

.pageList > li.prevLoad,
.pageList > li.nextLoad {
    color: #fff;
    background-color: #0f9600;
}

.pageList li.select {
    height: calc(3.4rem / 1.2);
    color: #333;
    border-bottom: 2px solid #0f9600;
    background-color: #d9d9d9;
}

.pageList .listNum {
    max-width: calc(42rem / 1.2);
    height: inherit;
    overflow: hidden;
}

.pageList .listNum ul {
	width: auto;
	height: 100%;
}

/* - confirms - */
.confirm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
}

.confirmBox {
	position: absolute;
	top: 30%;
	left: calc(50% - 18rem / 1.2);
	width: calc(36rem / 1.2);
	height: auto;
	min-height: calc(16rem / 1.2);
	border: calc(.1rem / 1.2) solid #eee;
	box-shadow: 0 0 calc(.5rem / 1.2) #999;
	background-color: #fbfbfb;
}

.confirmHead {
	width: 100%;
	height: calc(3.6rem / 1.2);
	line-height: calc(3.6rem / 1.2);
}

.confirmHead h {
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: calc(3.6rem / 1.2);
}

.confirmHead i {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(3.6rem / 1.2);
	height: calc(3.6rem / 1.2);
	font-size: calc(1.6rem / 1.2);
	text-align: center;
	line-height: calc(3.4rem / 1.2);
	cursor: pointer;
}

.confirmMain {
	padding: 0 calc(2rem / 1.2);
	width: calc(100% - 4rem / 1.2);
	height: auto;
	min-height: calc(8rem / 1.2);
	line-height: calc(2.4rem / 1.2);
}

.confirmFoot {
	width: 100%;
	height: calc(4.4rem / 1.2);
}

.confirmFoot button {
	float: right;
	margin-top: calc(.9rem / 1.2);
	margin-right: calc(2rem / 1.2);
	width: calc(6rem / 1.2);
	height: calc(2.6rem / 1.2);
	text-align: center;
	cursor: pointer;
}