.growthRecord header{
	font-size: 16px;
	line-height: 40px;
}
.growthRecord header i{
	width: 25px;
	height: 25px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	background: url('../img/icon.png') no-repeat;
}
/*我的勋章*/
.my_medal,.learning_record{
	margin-top: 35px;
}
.my_medal header i{
	background-position: 0 -168px;
}
.my_medal ul{
	padding: 0 25px;
}
.my_medal ul li{
	width: 85px;
	margin-top: 20px;
	margin-right: 60px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
    position:relative;
}
.my_medal ul li:last-child{
	margin-right:0;
}
.my_medal ul li>i{
	width: 85px;
	height: 85px;
	margin-bottom: 10px;
	background: url('../img/medals.png') no-repeat;
	display: block;
}
.my_medal .tips_box{
    width: 235px;
    height: 172px;
    position: absolute;
    left: -50%;
    top: -70px;
    display:none;
}
.my_medal .tips {
    padding: 5px;
    height: 55px;
    background:#fff;
    text-align:center;
    vertical-align:middle;
    border: 1px solid #e9e9e9;
    color: #afafaf;
    position: absolute;
    font-size: 14px;
}

.my_medal .tips i::before{
    content: '';
    width: 0;
    height: 0;
    border-width: 8px 8px 0px 8px;
    border-style: dashed;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 53px;
    left: 75px;
    z-index:1;
}
.my_medal .tips i::after{
    content: '';
    width: 0;
    height: 0;
    border-width: 9px 9px 0px 9px;
    border-style: dashed;
    border-color: #dedede transparent transparent transparent;
    position: absolute;
    top: 53px;
    left: 74px;
}
.my_medal .tips a{
    color:#19ddb6;
    text-decoration: underline;
    display:block;
}
/*灰色勋章*/
.my_medal ul li:nth-child(1) .noget{
	background-position: -32px -160px;
}
.my_medal ul li:nth-child(2) .noget{
	background-position: -172px -160px;
}
.my_medal ul li:nth-child(3) .noget{
	background-position: -309px -160px;
}
.my_medal ul li:nth-child(4) .noget{
	background-position: -447px -160px;
}
.my_medal ul li:nth-child(5) .noget{
	background-position: -584px -160px;
}
.my_medal ul li:nth-child(6) .noget{
	background-position: -721px -160px;
}
/*彩色勋章*/
.my_medal ul li:nth-child(1) .geted{
	background-position: -32px -20px;
}
.my_medal ul li:nth-child(2) .geted{
	background-position: -172px -20px;
}
.my_medal ul li:nth-child(3) .geted{
	background-position: -309px -20px;
}
.my_medal ul li:nth-child(4) .geted{
	background-position: -447px -20px;
}
.my_medal ul li:nth-child(5) .geted{
	background-position: -584px -20px;
}
.my_medal ul li:nth-child(6) .geted{
	background-position: -725px -20px;
}
/*学习记录*/
.learning_record header i{
	background-position: 0 0;
}
.learning_record ul{
	padding: 0 25px;
    height:152px;
}
.learning_record ul li{
	width: 132px;
	height: 132px;
	float: left;
	margin-top: 20px;
	margin-right: 45px;
	border: 1px solid #f3f1f1;
}
.learning_record ul li:last-child{
	margin-right: 0;
}
.learning_record ul li h2{
    height:48px;
	color: #34cfb4;
	font-size: 44px;
	margin-top: 25px;
	text-align: center;
}
.learning_record ul li i{
	font-size: 14px;
    font-style:normal;
}
.learning_record ul li p{
	font-size: 16px;
	text-align: center;
}
/*历史数据*/
.data_time_choice{
	width: 99px;
	height: 33px;
	margin: 35px 0 20px 25px;
	border: 1px solid #ccc;
	border-radius: 0;
	outline: none;
}
.data_time_choice option{
	width: 99px;
}
.history_data header i{
	background-position: 0 -285px;
}
.history_data .data_tree{
	padding: 20px 0;
	margin-left: 25px;
	border-left: 1px solid #b1b1b1;
}
.history_data .data_tree .detail_data{
	padding-left: 25px; 
}
.history_data .data_tree .detail_data li{
	line-height: 30px;
	height: 30px;
}
.history_data .data_tree .detail_data li span:nth-child(1){
	width: 20%;
	float: left;
}
.history_data .data_tree .detail_data li span:nth-child(2){
	width: 20%;
	float: left;
}
.history_data .data_tree .detail_data li span:nth-child(3){
	width: 60%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	float: left;
}
.history_data .data_tree p{
    color:#33d0b5;
    font-size:16px;
	line-height: 30px;
	margin-top: 10px;
}
.history_data .data_tree i{
	width: 10px;
	height: 10px;
	margin-right: 20px;
	margin-left: -5px;
	display: inline-block;
	background: #b1b1b1;
	border-radius: 10px;
}
.layui-input{
	width: 22% !important;
	height: 33px !important;
	margin-left: 20px;
    display:inline-block !important;
	visibility:hidden;
}