.lesson-footer{
	text-align: center;
}

.lesson-footer .loading-tips{	
	 text-align: center;
	 color: #666;
	 display: none;
}


a.exam-btn{
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: solid 1px #2097e7;
   padding: 10px 50px;
   text-decoration: none;
   color: #2097e7;   
   background: #fff;
   cursor: pointer;   
}

a.exam-btn:hover{
	 background: #2097e7;border: solid 1px #fff; color: #fff;
}

.lesson-footer a.disable{ border: solid 1px #666; color: #666; cursor:not-allowed }
.lesson-footer a.disable:hover{ background: none; color: #666;}


.lesson-footer a.exam-btn{ display: none; background: #2097e7; color: #fff;}
.lesson-footer a.exam-btn:hover{ display: none; background: #20afff; color: #fff; border: solid 1px #fff;}

.gldp-flatwhite {	
	font-family: 'helvetica';
}

/* Core style for every cell */
.gldp-flatwhite .core {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	color: #666;
	background: #ffffff;
}

/* Cell border */
.gldp-flatwhite .border {
	border-style: solid;	
	border-color: #fff;	
}

/* Month/Year text and select */
.gldp-flatwhite .monyear,
.gldp-flatwhite .monyear select {
	font-size: 16px !important;
	font-weight: bold;
	
}

/* Month/Year text */
.gldp-flatwhite .monyear span {
	margin: 0 5px 0 5px;
}

/* Prev/Next arrows */
.gldp-flatwhite .prev-arrow,
.gldp-flatwhite .next-arrow {
	color: #666;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
}

.gldp-flatwhite .prev-arrow:active,
.gldp-flatwhite .next-arrow:active {
	color: #000;
}

.gldp-flatwhite .prev-arrow-off,
.gldp-flatwhite .next-arrow-off {
	color: #000;
	opacity: 0.15;
}

/* Days of the week */
.gldp-flatwhite .dow {
	color: #2097e7;
	font-weight: bold;	
	
}

/* Weekdays */
.gldp-flatwhite .mon,
.gldp-flatwhite .tue,
.gldp-flatwhite .wed,
.gldp-flatwhite .thu,
.gldp-flatwhite .fri {
	font-weight: bold;
}

/* Weekend days */
.gldp-flatwhite .sat,
.gldp-flatwhite .sun {
	font-weight: bold;
}

/* Selectable days that are outside of current month being shown */
.gldp-flatwhite .outday {
	color: #aaa !important;
}

/* Hover */
.gldp-flatwhite .mon:hover,
.gldp-flatwhite .tue:hover,
.gldp-flatwhite .wed:hover,
.gldp-flatwhite .thu:hover,
.gldp-flatwhite .fri:hover,
.gldp-flatwhite .sat:hover,
.gldp-flatwhite .sun:hover {
	background: #eee;
}

/* Non-Selectable days */
.gldp-flatwhite .noday {
	color: #bbb;
	font-weight: normal;
	cursor: wait !important;
	background: #ddd;
}

/* Currently selected day */
.gldp-flatwhite .selected {
	/*color: #fff;*/
	font-weight: bold;	
	/*background: #2097e7;*/
}

/* Today */
.gldp-flatwhite .today {
	/*color: #fff;*/
	font-weight: bold;
	/*border-color: #000;*/
	/*background: #222;*/
}

/* Special */
.gldp-flatwhite .special {
	/*color: #fff;*/
	font-weight: bold;
	border-color: #444;
	/*background: #666;*/
}



.exam-page .exam-list{
	height: 270px;
	clear: both;
	display: block;
	width: 960px;
	margin: auto;
	overflow: hidden;
}

.exam-page .exam-list .prev,.exam-list .next{
	height: 270px;
	width: 24px;
	background:url(../images/exam/examBg.jpg) no-repeat -368px 120px; 
	float: left;
	display: block;
	cursor: pointer;
}

.exam-page .exam-list .next{
	background:url(../images/exam/examBg.jpg) no-repeat -392px 120px; 
	float: right;	
}

.exam-page .exam-list .prev{
	margin-right: 16px;
}

.exam-page .exam-list .list{
	width: 880px;
	height: 270px;
	float: left;
	display: block;
	overflow:  hidden;
}

.exam-page .exam-list  ul{ position: relative; width:9999px;padding: 0; margin: 0; overflow: hidden;}
.exam-page .exam-list  li{list-style: none;width: 184px; float: left;
background:url(../images/exam/examBg.jpg) no-repeat 0px 0px; height: 266px;
margin-right: 48px;
}

.exam-page .exam-list  li.selected,.exam-page .exam-list  li:hover{
background:url(../images/exam/examBg.jpg) no-repeat -184px 0px; height: 266px;	
cursor: pointer;
}

.exam-page .exam-list  li.loading{
	width: 880px;
    text-align: center;
    background: none;
    line-height: 266px;
    color: #666;
    margin: 0;
    padding: 0;	
}

.exam-page .exam-list  li.loading:hover{
	background: none;
}

.exam-page .exam-list  li .desc{
	padding: 52px 20px 13px 20px;
	font-size: 24px;
	color: #999;
}

.exam-page .exam-list  li .diff{
	padding: 20px 20px 24px 20px;
	font-size: 24px;
	color: #666;
	font-weight: bold;
}

.exam-page #hpCourse .course-list{padding-bottom: 0;}

.exam-page  a.start-exam{
	clear: both;
	margin: 50px auto;
	line-height: 30px;height: 50px; display: block;
	text-align: center; font-size: 24px; color: #2097e7;
	font-weight: bold;
	width: 180px;
}

.exam-page a.start-exam span{
	background: url(../images/exam/startbtn.png) no-repeat; width: 33px;height: 32px; display: inline-block; top: 7px; position: relative; margin-left: 20px; 
}

.exam-page a.start-exam:hover{
	color: #2097e7;	
}

.exam-page a.start-exam:hover span{
	background: url(../images/exam/startbtn_hover.png) no-repeat; 
	
	}

.exam-page .exam-info{ clear: both;width: 100%; margin: auto; background: #fff;}

.exam-page .exam-info .title{
	 text-align: center;
	 padding: 70px 0 10px 0;
	font-size: 32px;color: #666;
	font-weight: bold;
}

.exam-page .exam-info .desc{
	 line-height: 20px; font-size: 16px;color: #999;
	 padding: 0 30px 45px 30px;
	
}

.exam-page .sub-info{
	padding:  0 0 40px 0;
}

.exam-page .sub-info li{
	display: inline-block;
	width: 32%;
	text-align: center;
	font-size: 18px;
}

.exam-page .sub-info li b{
	font-size: 42px;
	color: #46a81d;
	display: block;
	font-family: "arial black";
	
	
}

.exam-page .total-time span{
	position:absolute;
	margin-top: -30px;
	margin-left: 120px;
	color: #999;
	font-size: 14px;
}

.exam-page .box{
	width: 960px; margin: auto;	
}

.exam-page .sub-info .total-time,.exam-page .sub-info .create-time{
	border-right:  solid 1px #d1d1d1;
}

.exam-page #mydate{ position: absolute; visibility: hidden;}

.exam-page  .special-bday{background: url(../images/exam/exam-date.png) no-repeat center center #fff; color: #fff;}

.exam-page .clander{width: 960px; overflow: hidden;}

.exam-page .year-month{width: 150px; background:#2097e7; display: inline-block;}
.exam-page .switch-year{display: inline-block; padding: 40px 0 10px 0;  }
.exam-page .switch-year a{color: #fff;}
.exam-page .switch-year .next,.exam-page .switch-year .prev{ float: left; width: 30px ; line-height: 30px; text-align: right; cursor:  pointer ; color: #fff;}
.exam-page .switch-year .next{ text-align: left}
.exam-page .switch-year .year{ font-size: 24px;width: 90px; color: #fff; float: left; text-align: center;}

.exam-page .history{height: 720px; display: block;}

.exam-page .candler{width: 780px; height: 689px; display: block; text-align: center; float: right; }
.exam-page .year-month{width: 150px; display: block; float: left;}

.exam-page .year-month .month a{ line-height: 30px; display: block; padding: 10px 20px;color: #fff;}
.exam-page .year-month .month a:hover{ background: #125fb1;}
.exam-page .year-month .month a .zh{float: right;}
.exam-page .year-month .month a.selected{background: #125fb1;}
.exam-page .tips{
	position: absolute;
        margin-top: 0px;
    margin-left: -30px;
    background: #217ed0;
    padding: 0 5px;
    font-size: 9px;
    padding: 0 10px;
}


.exam-panel{
	height: 426px;
	width: 640px;
	position: absolute;
	margin-top: -213px;
	margin-left:-320px;
	background: #fff;
	top: 50%;left: 50%;
	
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}
.exam-panel .title{
	height: 60px;line-height: 60px;text-align: center;
	font-size: 24px;
	color: #fff;
	border-bottom: solid 1px #017bce;
	background: #0d8fda;
	-moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0; 
}

.exam-desc .sub_info{
	 font-size: 18px;
	color: #fff;
	line-height: 20px;
	/*height: :;0px;*/
	padding: 20px 0;
	background: #0d8fda; 
}

.exam-desc .sub_info div{width: 32%; text-align: center; display: inline-block;}
.exam-desc .sub_info .num,.exam-desc .sub_info .time{
	border-right: solid 1px #fff;
}
.exam-desc .desc{
	padding: 30px;
	height: 260px;
	color: #999;
	font-size: 14px;	
}

.score-desc .submit_time{
	height: 60px;
	float: left;
	line-height: 60px;
	padding:  0 0 0 30px;
	color: #fff;

}


.score-desc  .usb_time{
	height: 60px;
	float: right;
	line-height: 60px;
	padding:  0 30px 0 0;	
	color: #fff;

}

.score-desc{
	height: 550px;
	margin-top: -263px;
}

.score-desc .score{
	height: 190px;
	background: #168bda;
	clear: both;
	color: #fff;
	overflow: hidden;
}

.score-desc .score .num{
	text-align: center;
	font-size: 180px;
	line-height: 190px;
	color: #fff;
}

.score-desc .score .chinese{
	float: right;	
	padding:  0 30px 0 0;
	color: #fff;
	font-size: 14px;
	position: relative;top: -50px;
	
}

.score-desc .subinfo{
	background: #168bda; height: 60px;
}

.score-desc .type{
	padding: 10px 30px 0 30px;
}

.score-desc .type tr{
	height: 60px;
}

.score-desc .type  td{	
	line-height: 60px;
	font-size: 18px;
	color: #333;
}

.score-desc a.answer{
	background: #9b9b9b;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
}

.score-desc a.answer:hover{
	 background:#168bda;		
}

.score-desc .ratio{
	display: none;
}

.score-desc .ratio{
	height: 100px;
	background: #e5e5e5;	
}

.score-desc .ratio ul{
	padding: 10px 0px;
}

.score-desc .ratio ul li{
	width: 32%;
	height: 80px;
	text-align: center;
	float: left;
	list-style: none;
	}
	
.score-desc .ratio ul li span{
	 font-size: 14px;
	 color: #666;
	 height: 30px;
	 line-height: 30px;
	 display: block;		
}

.score-desc .ratio ul li .num{
	font-size: 36px;
	color: #000;
	font-weight: bold;
}

.score-desc-ratio{	
	height: 626px;
	margin-top: -313px;
}

.score-desc-ratio .ratio{
	display: block;
}

.exam-progress ul{    padding: 10px 30px 30px 0;}
.exam-progress li{    float: left;
    border: solid 1px #666;
    padding: 5px 10px;
    list-style: none;
    margin-right: 10px;}
.exam-progress .h3{clear: both;font-size: 14px; color: #999;}
.exam-progress{    width: 100%;
    height: 100%;
    background: #fff;
        padding: 10px 30px;
}
.exam-progress .correct-1{ color: #2097e7; border: solid 1px #999;}
.exam-progress .correct-0{ color: #333; border: solid 1px #999;}


.lesson-footer .history-loop{
	width: 170px;
	display: none;
	margin: auto;
	font-size: 18px;
}

.lesson-footer .history-loop div.sbtn{
	width: 22px;height: 22px;
	float: left;
	background: url(../images/exam/arrow.png) no-repeat;
	cursor: pointer;	
}

.lesson-footer .history-loop div.sbtn:hover{
	background: url(../images/exam/arrow.png) -22px 0 no-repeat;
}

.lesson-footer .history-loop div.next{
	float: right;
	background: url(../images/exam/arrow.png) -44px 0 no-repeat;
}

.lesson-footer .history-loop div.next:hover{
	background: url(../images/exam/arrow.png) -66px 0 no-repeat;
}

.popupDate{width: 160px; background: #FFF; border: solid 1px #337ab7; position: absolute; display: none;z-index: 99999;padding: 10px;}
.popupDate select{width: 100px;}
.popupDate img{float: right; margin-left: 10px;}
    
.btn-group{width:438px}

.exam-tips{width: 100%; height: 100%; position: absolute;top: 0;left: 0; z-index: 9999999;display: none;}
.exam-tips .bg{ background: #000000; opacity: .8; position: absolute;    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
.exam-tips .content{   
	position: absolute;
    top: 50%;
    left: 50%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    width: 430px;
    padding: 20px 0;
    margin: -75px 0 0 -215px;
    height: 130px;
    text-align: center;

}

.exam-tips .content .text{ font-size: 24px; text-align: center;    text-align: center;
    padding: 0 0 20px 0;}