@charset "utf-8";

/* 
@名称: base 
@功能: 重设浏览器默认样式 
*/


/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
	background: #f4f4f4;
}


/* 内外边距通常让各个浏览器样式的表现位置不同 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft Yahei', sans-serif;
	font-size: 14px;
}


/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea {
	font: 14px SimSun, tahoma, arial, sans-serif;
}

input,
select,
textarea {
	font-size: 100%;
	background-color: transparent;
}



/* 去掉各Table cell 的边距并让其边重合 */

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ddd;
}

table thead {
	height: 46px;
	line-height: 46px;
	background-color: #f4f4f4;
	color: #999;
}

table thead i{
	color: #999;
	margin-left: 4px;
	cursor: pointer;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
}
table thead i.fa-sort-desc{
	vertical-align: 3px;
}
table thead i.fa-sort-asc{
	vertical-align: -4px;
}
table thead i:hover{
	color: #666;
}

table tr {
	width: 100%;
}

table td {
	padding: 35px 10px;
	line-height: 1.6;
}


table tr {
	border-bottom: 1px solid #ddd;
}

table.dynamicTable td{
	vertical-align: top;
	line-height: 1.6;
}
table.dynamicTable td p{
	margin-bottom: 1.6em;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

table.dynamicTable td .link{
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #4d91f7;
}

table.dynamicTable td .link span{
	margin: 0;
	color: #4d91f7;
	padding: 0;
}

table.dynamicTable td .link a{
	color: #4D91F7;
}

table.dynamicTable .left{
	text-align: left;
}
table.dynamicTable .center{
	text-align: center;
}

table.dynamicTable .video{
	position: relative;
	width: 105px;
	height: 60px;
	margin: 0 auto 10px;
}
table.dynamicTable .video img{
	width: 100%;
	height: 100%;
	display: block;
}

table.dynamicTable .video:after{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	content: '';
	background: rgba(0,0,0,0.6) url(../img/icon-video.png) no-repeat center;
	cursor: pointer;
}

table.dynamicTable .multipics{
	text-align: center;
	margin: 0 auto 10px;
}
table.dynamicTable .multipics.four{
	width: 120px;
}
table.dynamicTable .multipics img{
	display: inline-block;
	line-height: 1;
	font-size: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

table.dynamicTable label{
	margin-right: 25px;
}





/* IE bug fixed: th 不继承 text-align*/

th {
	text-align: inherit;
	padding: 0 10px;
}


/* 去除默认边框 */

fieldset,
img,
a {
	border: none;
}


/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
	display: block;
}


/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
	border: none;
	font-variant: normal;
}


/* 一致的 del 样式 */

del {
	text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500;
	font-family: 'Microsoft Yahei', sans-serif;
}


/* 去掉列表前的标识, li 会继承 */

ol,
ul {
	list-style: none;
}


/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {
	text-align: left;
}


/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 500;
}

q:before,
q:after {
	content: '';
}


/* 统一上标和下标 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


/* 默认不显示下划线，保持页面简洁 */

ins,
a {
	text-decoration: none;
}


/* IE6,7焦点点状线去除 */

a:focus,
*:focus {
	outline: none;
}

a:hover,
input:focus,
button:hover,
textarea:focus {
	-webkit-transition: background-color .4s, color .4s, border-color .4s;
	-moz-transition: background-color .4s, color .4s, border-color .4s;
	-ms-transition: background-color .4s, color .4s, border-color .4s;
	-o-transition: background-color .4s, color .4s, border-color .4s;
	transition: background-color .4s, color .4s, border-color .4s;
}

input,
button,
textarea {
	font-family: 'Microsoft Yahei', sans-serif;
	outline: 0 none;
}

button:active {
	outline: 0 none;
}

/* i {
	font-style: normal;
	color: #f00;
	margin-right: 2px;
}
 */

/* 清除浮动 */

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
	/* for IE6 IE7 */
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
}


/* 设置显示和隐藏, 通常用来与 JS 配合 */

.hide {
	display: none !important;
	visibility: hidden;
}

.block {
	display: block !important;
}


/* 设置内联, 减少浮动带来的bug */

.fl {
	float: left !important;
	display: inline;
}

.fr {
	float: right !important;
	display: inline;
}


/*设置input的placeholder属性样式*/

::-webkit-input-placeholder {
	color: #ddd;
}

:-moz-placeholder {
	color: #ddd;
}

::-moz-placeholder {
	color: #ddd;
}

:-ms-input-placeholder {
	color: #ddd;
}

button {
	width: auto;
	min-width: 60px;
}

.red {
	color: #f00;
}

.blue {
	color: #4D91F7;
}

span.blue {
	background-color: #4da5f7;
}

span.yellow {
	background-color: #f7d54d;
}

span.green {
	background-color: #8fda53;
}

span.purple {
	background-color: #8787f2;
}

span.wine {
	background-color: #c387f2;
}

.date {
	color: #999;
}

.blue label {
	cursor: pointer;
}

table span {
	display: inline-block;
	height: 12px;
	line-height: 12px;
	padding: 5px 10px;
	font-size: 12px;
	-webkit-border-radius: 22px;
	color: #fff;
	margin-right: 5px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	color: #fff;
}

table tfoot {
	width: 100%;
}

table tfoot div {
	width: 100%;
}

button span {
	vertical-align: -1px;
	margin-right: 4px;
	cursor: pointer;
}

button label {
	font-size: 14px;
	cursor: pointer;
}

.pagination {
	display: block;
	width: 100%;
	padding: 20px 0;
	margin: 0 !important;
	text-align: right;
}

.pagination a {
	text-align: center;
	display: inline-block;
	min-width: 16px;
	height: 20px;
	color: #999;
	font-size: 14px;
	padding: 2px 4px;
	border: 1px solid transparent;
}
.pagination input{
	width: 30px;
	height:16px;
	line-height:16px;
	padding: 8px;
	border:1px solid #ddd;
	text-align: center;
	color: #999;
}

.pagination a.active {
	border: 1px solid #4d91f7;
	color: #4d91f7;
}

.pagination a:hover {
	color: #4d91f7;
}

.footLine {
	height: 3px;
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: #4D91F7;
	left: 0;
}

#footer {
	text-align: center;
	font-size: 12px;
	color: #a1a1a1;
	padding: 45px 0 50px;
	line-height: 1.8;
}

.btn {
	display: inline-block;
	text-align: center;
	height: 34px;
	padding: 0 20px;
	width: auto;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.btn-primary,
.btn-default:hover {
	background-color: #4d91f7;
	color: #fff;
	border-color: #3076DE;
}

.btn-disable{
	background-color: #dad8d8;
	color: #fffafa;
}

.btn-primary:hover {
	background-color: #3076DE;
}

.btn-default,.btn-error{
	background-color: #fff;
	color: #333;
	border-color: #ddd;
}

.btn-error:hover{
	background-color: #C51E1E;
	color: #fff;
	border-color: #C51E1E;	
}

#openMessage {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10004;
	display: none;
}

#openMessage .message {
	width: 420px;
	padding: 0 35px 20px;
	background-color: #fff;
	border-top: 2px solid #4d91f7;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10003;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#openMessage .message h2 {
	text-align: center;
	line-height: 66px;
	height: 66px;
	border-bottom: 1px solid #f4f4f4;
	color: #999;
	font-size: 18px;
}

#openMessage .close {
	width: 22px;
	height: 22px;
	background: url("../img/icons.png") no-repeat 0 -100px;
	position: absolute;
	top: 24px;
	right: 26px;
	cursor: pointer;
}

#openMessage .close:hover {
	background-position: 0 -122px;
}

#openMessage .bd-mess {
	padding: 40px 0;
	text-align: center;
	color: #999;
}

#openMessage .bd-mess h3 {
	font-size: 18px;
	color: #5e5e5e;
}

#openMessage .bd-mess p {
	color: #999;
	margin-top: 10px;
}

#openMessage .messageFooter {
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid #f4f4f4;
}

#openMessage .messageFooter button {
	margin: 0 15px;
}

#openMessage .messageFooter button.btn-default {
	display: none;
}

#loading {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10002;
	display: none;
}

#loading .loadingFrame {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#loading .loadingFrame div {
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	background-color: #fff;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
	-moz-animation: bouncedelay 1.4s infinite ease-in-out both;
	-o-animation: bouncedelay 1.4s infinite ease-in-out both;
	-ms-animation: bouncedelay 1.4s infinite ease-in-out both;
	animation: bouncedelay 1.4s infinite ease-in-out both;
	margin: 0 4px;
}

#loading .loadingFrame {
	text-align: center;
	color: #fff;
	font-size: 12px;
}

#loading .loadingFrame div.one {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

#loading .loadingFrame div.two {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@keyframes bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	40% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}
#preview{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	background-color: rgba(0,0,0,0.6);
}
#preview .panel{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#preview .panel img{
	width: 0;
	height: 0;
}

#preview .panel img.active{
	min-height: 200px;
	min-width: 200px;
	height: auto !important;
	width: auto !important;
	max-width: 500px;
	max-height: 500px;
}

#preview .close{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #4D91F7;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
}


#preview .close:hover{
	background-color: #3076DE;
}
#preview a{
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 26px;
	background-color: #4D91F7;
	-webkit-transform: translateY(-50%);
	-moz-transform:  translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#preview a.prev{
	left: 0;
}

#preview  a.next{
	right: 0;
}

#preview a:hover{
	background-color: #3076DE;
}


.cmInput{
	color: #000;
    border: 1px solid #ddd !important;
    height: 16px !important;
    line-height: 16px !important;
    padding: 7px 10px !important;
    font-size: 14px !important;
    min-width: 90px !important;
    text-align: center !important;
    -webkit-transition: border-color 0.4s !important;
    -moz-transition: border-color 0.4s !important;
    -ms-transition: border-color 0.4s !important;
    -o-transition: border-color 0.4s !important;
    transition: border-color 0.4s !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

.cmInput:focus{
	border-color: #4D91F7 !important;
}