/* CSS Document */
@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
/* CSS Document */
html {font-size: 62.5%;}
body{ color:#515050; background:#ffffff;font-family:Helvetica;font-size:12px;font-size:1.2rem ;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,img, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,div{margin: 0;padding: 0;}
html, body{height:100%; width:100%;}
body, button, input, select, textarea {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-style: normal;}
a{ text-decoration:none; color:#2277aa;}
ul, ol,li{list-style: none outside none;}
fieldset, input {border:none; vertical-align:middle;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%;}
button::-moz-focus-inner, input::-moz-focus-inner {border-color:transparent !important; padding:0px; border:none;}
table {border-collapse: collapse;border-spacing: 0;}

/*浮动和清楚浮动*/
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.center {text-align: center;}
.white {color: #fff;}
.overhide {overflow: hidden;}
.ellipsis {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} /*文字溢出省略号显示*/
.clearfix:after{ content:"."; display:block; clear:both; height:0; overflow:hidden;}
.clearfix{zoom:1;}

/*圆角设定*/
.radius0 {border-radius: 0px; -webkit-border-radius:0px; -moz-border-radius: 0px;}
.radius2 {border-radius: 2px; -webkit-border-radius:2px; -moz-border-radius: 2px;}
.radius3 {border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius: 3px;}
.radius4 {border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius: 4px;}
.radius5 {border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px;}
.radius50 {border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%;}
/*定位*/
.ab {position: absolute;}
.re {position: relative;}
.fixed {position: fixed; z-index: 100000000;}
.mar {margin: 0 auto}
.pointer {cursor: pointer;}

/*标签过渡*/
img:hover,a:hover,input:hover {transition: linear 0.2s;}


.bold {font-weight: bold;}
*:focus {outline: none;}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}
/*自动填充剩余空间*/
.stretch {
	display: block; /* cause is HTML5 element */  
	/* take up all available space */  
	-moz-box-flex: 1;  
	-webkit-box-flex: 1;  
	box-flex: 1; 	
}
.box {
	display: -moz-box;
	display: -webkit-box;
	display: box;	
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="text"],
input[type="password"],
textarea,
button,
a,
label,
div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance:none;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
*/

/* 移动设备布局: 480px 及更低。 */

/*=====输入框  开始======*/
.formBox {
	border-top: solid 1px #ccc;
	margin: 0 5px;		
}
.formBox .formBoxItem {
	position: relative;
	padding: 8px 0;
	border-bottom: solid 1px #ccc;	
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
}
.formBox .formBoxItemKey {
	position: absolute;
	font-size: 1.4rem;
	line-height: 30px;
}
.formBox .formBoxItemKey .star {
	color: #FF0004;	
}
.formBox .formBoxItemValue {
	min-height: 30px;
	display: block; /* cause is HTML5 element */  
	-moz-box-flex: 1;  
	-webkit-box-flex: 1;  
	box-flex: 1; 	
}
.formBox .formBoxItemValue .inputText {
	border: solid 1px #ccc;
	height: 30px;
	line-height: 30px;
	padding: 0 4px;
	width: 100%;	
}

/*=====输入框  结束======*/
/*=====按钮 开始=====*/
.btnGroup .button,
.button {
	display: inline-block;
	padding: 0 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);	
}
.buttonBlue {
	background: #0089F9;	
}
.buttonYellow {
	background: #FF5700;
}
.buttonRed {
	background: #FF0004;	
}
.buttonGreen {
	background: #08D000;	
}

/*=====按钮 结束=====*/

/*=====下拉框 开始=====*/
.toggleSlideBoxStyle {
	background: #fff;
	width: 238px;
	height: 38px;
	line-height: 38px;
	text-indent: 10px;
	margin: 0 auto;
	border: solid 1px #d9d9d9;	
}
.toggleSlideBoxStyle .slideValue {
	text-indent: 10px;
	line-height: 38px;
	font-size: 14px;	
}

.toggleSlideListStyle {
	width: 100%;
	top: 100%;
	left: -1px;
	border: solid 1px #d9d9d9;	
	border-bottom: none;
	background: #fff;
	max-height: 240px;
	overflow: auto;
}   
.toggleSlideListStyle .toggleSlideItem {
	text-indent: 5px;
	line-height: 38px;
	border-bottom: solid 1px #d9d9d9;	
	cursor: pointer;
	background: #fff;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
}
.toggleSlideListStyle .toggleSlideItem:hover {
	background: #EDEDED;	
}
.toggleSlideBtnStyle {
	right: 0;
	width: 38px;
	height: 38px;
	top: 0px;
	border: none;	
	background: url(../images/public/toggleSliderArrowDown.png) no-repeat center;
}
.toggleSlideBoxStyle input.active {
	background: url(../images/public/toggleSliderArrowUp.png) no-repeat center;	
}


/*=====下拉框 结束=====*/


/*开关按钮样式*/
.PermissonChange {
	width: 75px;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/form/onoffBtn.png) no-repeat;	
}

/*文件上传样式*/
.fileUploadBox .fileUploadItem {
	width: 50px;
	height: 50px;
	float: left;
	margin: 10px;
	overflow: hidden;	
	position: relative;
	cursor: pointer;
}
.fileUploadBox .type01 {
	background: url(../images/form/FileUploadIcon01.png) no-repeat center;
	background-size: 40px auto;	
}
.fileUploadBox .type02 {
	background: url(../images/form/FileUploadIcon02.png) no-repeat center;	
	background-size: 40px auto;
}
.fileUploadBox .fileUploadBtn {
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	font-size: 400%;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;	
}

/*复选框样式*/
.checkBoxGroup {
	height: 30px;
	line-height: 30px;
	margin: 5px 0;	
	overflow: hidden;
}
.checkBoxGroup .checkBoxTitle {
	width: 120px;
	text-align: right;
	margin-right: 10px;
	float: left;	
}
.checkBoxGroup .checkBoxItem {
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.checkBoxGroup .checkBoxItem .iconControl {
	padding-left: 22px;
}

/*复选框1样式*/
.checkType01 .checkBoxItem .iconControl {
	background: url(../images/form/checkboxType01.png) no-repeat left 8px;		
}
.checkType01 .active .iconControl {
	background: url(../images/form/checkboxType01.png) no-repeat left -17px;	
}
/*复选框2样式*/
.checkType02 .checkBoxItem .iconControl {
	background: url(../images/form/checkboxType02.png) no-repeat left 7px;		
}
.checkType02 .active .iconControl {
	background: url(../images/form/checkboxType02.png) no-repeat left -21px;	
}
/*复选框3样式*/
.checkType03 .checkBoxItem .iconControl {
	background: url(../images/form/checkboxType03.png) no-repeat left 6px;		
}
.checkType03 .active .iconControl {
	background: url(../images/form/checkboxType03.png) no-repeat left -21px;	
}
/*复选框4样式*/
.checkType04 .checkBoxItem .iconControl {
	background: url(../images/form/checkboxType04.png) no-repeat left 7px;		
}
.checkType04 .active .iconControl {
	background: url(../images/form/checkboxType04.png) no-repeat left -22px;	
}
/*复选框5样式*/
.checkType05 .checkBoxItem .iconControl {
	background: url(../images/form/checkboxType05.png) no-repeat -3px 4px;		
}
.checkType05 .active .iconControl {
	background: url(../images/form/checkboxType05.png) no-repeat -3px -26px;	
}



/*单选按钮*/
.radioGroup {
	height: 30px;
	line-height: 30px;
	margin: 5px 0;	
	overflow: hidden;
}
.radioGroup .radioTitle {
	width: 120px;
	text-align: right;
	margin-right: 10px;
	float: left;	
}
.radioGroup .radioItem {
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.radioGroup .radioItem .iconControl {
	padding-left: 22px;
}

/*单选按钮样式1*/
.radioType01 .radioItem .iconControl {
	background: url(../images/form/radioType01.png) no-repeat left 6px;	
}
.radioType01 .active .iconControl {
	background: url(../images/form/radioType01.png) no-repeat left -20px;	
}
/*单选按钮样式2*/
.radioType02 .radioItem .iconControl {
	background: url(../images/form/radioType02.png) no-repeat left 5px;	
}
.radioType02 .active .iconControl {
	background: url(../images/form/radioType02.png) no-repeat left -20px;	
}
/*单选按钮样式3*/
.radioType03 .radioItem .iconControl {
	background: url(../images/form/radioType03.png) no-repeat left 6px;	
}
.radioType03 .active .iconControl {
	background: url(../images/form/radioType03.png) no-repeat left -20px;	
}

/*单选按钮样式4*/
.radioType04 .radioItem .iconControl {
	background: url(../images/form/radioType04.png) no-repeat left 8px;	
}
.radioType04 .active .iconControl {
	background: url(../images/form/radioType04.png) no-repeat left -22px;	
}

/*单选按钮样式5*/
.radioType05 .radioItem .iconControl {
	background: url(../images/form/radioType05.png) no-repeat left 6px;	
}
.radioType05 .active .iconControl {
	background: url(../images/form/radioType05.png) no-repeat left -20px;	
}

/*单选按钮样式6*/
.radioType06 .radioItem .iconControl {
	background: url(../images/studyCenter/radioDefault.png) no-repeat left center;	
}
.radioType06 .active .iconControl {
	background: url(../images/studyCenter/radioActive.png) no-repeat left center;	
}

/*模拟placehold*/
.placeholderBox {
	width: 100%;
	height: 38px;
	line-height: 38px;
	border: solid 1px #d9d9d9;
}
.defaultInputElement {
	display: block;
	width: 100%;
	text-indent: 8px;
	background: #fff;
	height: 38px;
	line-height: 38px;
	color: #191919;
}
.placeholderInputElement {
	width: 100%;
	height: 38px;
	text-indent: 8px;
	line-height: 38px;
	color: #8C8C8C;
	left: 0px;
	top: 0px;
	background: none;
}
.placeholderActive {
	border: solid 1px #12AD00;	
}
.placeholderAlert {
	color: #FF0004;	
}

.hidden-accessible {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	height: 1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	white-space: nowrap!important;
}