@import url("js/bootstrap-3.3.7-dist/css/bootstrap.min.css");
@import url("css/iconfont/iconfont.css");
@import url("../../hAdmin/css/font-awesome.min.css");

ul,li{
	margin: 0;
	padding: 0;
	list-style: none;
}
img{
	width: 100%;
	vertical-align: top;
}
h1,h2,h3,h4{ font-weight: normal;}
.progress-mini{ height: 6px; position: relative; overflow: visible}
.progress-bar{ border-radius: 4px;}
.progress-txt{ color: #999; font-size: 12px; position: absolute; top: 15px;}

.row-inner{ margin-left:-15px; margin-right: -15px;}
.index-bg{
	background-color: #f8fafc;
}
.header .row, .user-head-info .row,.content-wrap .row{
	width: 90%;
	max-width:1600px;
	min-width: 1200px;
	margin: 0 auto;
}
.panel-heading{border-bottom: 1px solid #eee;}
.header{height: 90px; line-height: 90px; background: linear-gradient(45deg, #58a9c7 50px,  #2bb895 ); color: #fff;box-shadow: 0px 3px 30px rgba(0,0,0,.1);}
.header .logo{width: 173px; height: 50px;float: left; margin-right: 100px; margin-top: 15px;}
.header .menu{ margin-top: 25px;margin-left: 300px; margin-right: 200px;}
.header .menu-ul{ }
.header .menu-ul li{ float: left; margin:10px 30px; font-size: 16px; line-height: 30px;} 
.header .menu-ul li a{ color: #fff;text-decoration: none;}
.header .menu-ul li.active a{ color: #fff; font-weight: bold;}
.header .menu-ul li a:hover{text-decoration: none;}
.header .login-area{ float: right;}
.header .login-area-ul{}
.header .login-area-ul li{ margin:15px 0 0 15px; float: right; line-height: 48px;}
.header .login-area-ul .user{ margin-left: 60px;}
.header .login-area-ul .user img{ width: 48px; height: 48px; background-color: #009688;border-radius: 50%;margin-right: 5px; display: inline-block; text-decoration: none;}
.header .login-area-ul .user a{ color: #fff;}
.header .login-area-ul .user .dropdown-menu a{ color: #666;}

.header .login-area-ul .user ul li{ float: none; margin: 0; }
.header .login-area-ul .user ul li a{padding: 11px 15px; display: block;}
.header .login-area-ul li a,.header .login-area-ul li a:hover{ text-decoration: none;}
.header .login-area-ul li.tidings{ width: 60px; height: 80px;}
.header .login-area-ul li.tidings .iconfont{font-size: 18px; color: #fff;}
.header .login-area-ul li.tidings em{position: relative; z-index: 99; top:-10px; width: 5px; height: 5px; background-color: red; border-radius: 50%; display: inline-block;}

.user-head-info .user-img{width: 150px; height: 150px; }
.user-head-info .user-img img{ border-radius: 50%;}
.user-head-info .user-info{  margin-left: 20px;}
.user-head-info .user-info h3{ padding-top: 15px;}
.user-head-info .study-info{}
.user-head-info .study-info-ul{padding-top: 10px;}
.user-head-info .study-info-ul li{ float: left; margin: 10px; padding: 10px; font-size: 30px; text-align: center;}
.user-head-info .study-info-ul li em{ font-size: 12px; font-style: normal; margin-left: 5px;}
.user-head-info .study-info-ul li small{ font-size: 12px; display: block; opacity: 0.7;}

.content-wrap{ margin: 15px 0;}
.side-bar{
	/* margin-top: 10px; */
	/* display: none; */
}
.side-box{
    border:1px solid #eee;
    background:#fff;
    border-radius: 2px;
}
.side-bar-ul{}
.side-bar-ul li{position: relative;}
.side-bar-ul li a{ color: #666; text-decoration: none;font-size: 18px;height: 50px; line-height: 50px; padding-left: 20px;}
.side-bar-ul li a:hover{ text-decoration: none;}
.side-bar-ul li a .iconfont{ margin-right: 15px;}
.side-bar-ul li.active{ }
.side-bar-ul li.active a{background: #08898E; border-radius: 8px 0 0 8px; color:#fff; display:block;}
.side-bar-ul li.active a:after{
	display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 25px solid #f8fafc;
    border-bottom: 25px solid #f8fafc;
    border-left: 15px solid transparent;
}
.con-wrap .tit{ border-bottom: 1px solid #eee; padding: 15px 0; font-size: 14px; color: #666;  margin-left: 15px;}
.panel-heading .nav-tabs{border-bottom: none;}
.task-study-wrap .item{  background-color: #fff; border-radius: 9px; padding: 25px; margin: 15px; position: relative;}

.nav>li>a,.nav>li>a:focus, .nav>li>a:hover{ color: #777; background-color: transparent; border: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ color: #08898E; background-color: transparent;border-bottom: 2px solid #08898E; border-top: none;border-left: none;border-right: none;}

.task-study-wrap .item a{ text-decoration: none; /*display: block; */cursor: pointer; }
.task-study-wrap .item a h3{ color: #333;margin-top: 0; line-height: 1.4em;}
.task-study-wrap .item .result-box{position: absolute; z-index: 99; top: 0px; right: 10px;}
.task-study-wrap .item a p{ color: #999; line-height: 1.5em;}
.progress-bar{ background-color: #08898E;}
.task-study-wrap .item .exam-label{ height: 30px; line-height: 30px;}
.task-study-wrap .item .exam-label a{padding: 6px 12px;}



/*学习任务详情*/
.study-area{ background-color: #fff;border-radius: 3px;padding: 25px;}
.study-area h3{ margin-top: 0;}
.study-area p{ color: #999;}
.circleprogressC{width: 64px;height: 64px; margin:50px; text-align: center;line-height: 32px;font-size: 12px;border:2px solid #ddd;border-radius: 50%;}
.circleProgress_wrapper{width: 64px;height: 64px;position: relative;top:40px; right: 50px; }

.circleProgress_wrapper .wrapper{width:64px;height:64px; text-align: center; line-height:64px;top:10px;padding: 0;}
.left{left:0;}
.top{ top: 0;}
.right{ right: 0;}
.bottom{bottom: 0;}
.circleProgress{width: 64px;height: 64px;border:2px solid #ddd;border-radius: 50%;position: absolute;top:0; margin-right:25px;-webkit-transform: rotate(45deg);}
.leftcircle{border-top:2px solid green;}

.task-study-list{ background-color: #fff;border-radius: 3px;padding: 25px;margin:1px 15px 15px 15px;}
.task-study-list-my{ background-color: #fff;border-radius: 3px;padding: 25px;margin:15px 0 0 0;}
.btn-outline{ background-color: #fff; border-color:#08898E; color:#08898E ;}
a.btn-outline:hover{ background-color: #fff;border-color:#08898E; color:#08898E ;}
table.table-no-bordered{}
table.table-no-bordered tr th{ background-color: #f8f8f8;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: 1px solid #eee;}

.no-data{width: 100%; min-height: 300px; background-image: url(images/no_search_class.png); background-position: center; background-repeat: no-repeat;}
.text333{ color: #333;}


/*试题*/
.answer-card{ /*margin-top: 15px;*/}
.answer-card dl{}
.answer-card dl dt{margin: 10px 0 5px 0;}
.answer-card dl dd{}
.answer-stuta{ margin: 0 10%;}
.answer-stuta li{ display: inline-block; text-align: center; width: 40%; line-height: 16px; margin: 5px 0 15px 0;}
.answer-stuta li .icon{ width: 16px; height: 16px; margin-right: 5px; border-radius: 1px; border:1px solid #eee; display: inline-block; position: relative; top: 3px;}
.answer-stuta li .icon-dis{ background-color:#eee;}
.answer-stuta li .icon-info{background-color:#08898E;}
.answer-stuta li .icon-danger{background-color:red;}
.answer-stuta{}
.answer-card-ul{margin-right: -3px;}
.answer-card-ul li{ float: left; width: 25px; height: 25px; color: #333; text-align: center;line-height: 25px; margin:2px; border:1px solid #eee; border-radius: 3px;}
.answer-card-ul li.info{background-color:#08898E; color: #fff;}
.answer-card-ul li.danger{background-color: red; color: #fff;}
.answer-card-ul li.dis{background-color: #eee; color: #999;}

.task-study-head{margin:15px 0; text-align: center;}


.exam-area{position: relative; min-height: 600px;}
.exam-area h2{margin-bottom: 10px;}
.exam-area ul{ text-align: center;}
.exam-area ul li{ text-align: center; margin: 2px 30px; display: inline-block; color: #999;}
.exam-num{ padding: 10px 20px 10px 0; font-size: 18px;}
.text-primary{color: #08898E;}
.result-box{ position: absolute; right: 30px; top: 20px;}
.result-box .iconfont{ font-size: 60px; }
.result-box .icon-hege{color: green;}
.result-box .icon-buhege-{color: red;}

.exam-area h4{margin-bottom: 20px; margin-top: 30px; line-height: 1.4em; float: left;}
.exam-area ul.answer-list{ text-align: left; margin-top: 10px;}
.exam-area ul.answer-list li{ display: block; text-align: left;}
.exam-area ul.answer-list li label{ font-weight: normal;}
.exam-area .help-block{ font-size: 14px; font-weight: bold; margin-left: 30px;}
.exam-area .help-block span{ margin-right: 30px;}
.text999{ color: #999;}

.questions-box .question-tit{}
.questions-box .question-tit h4{ width: 90%; line-height: 1.5em; margin: 0;}
.questions-box .answer-tit .iconfont{ float: right; width: 30px; height: 30px; display: inline-block; margin-top: 30px; font-size: 20px;}
.questions-box .answer-tit .icon-dui{ color:green;}
.questions-box .answer-tit .icon-unie61a{ color:red;}
.questions-box h2{ font-size: 24px;}
.questions-box .help-block{ padding: 10px; border-radius: 3px; margin-right: 30px;}
.answer-explain{ margin-right: 30px;}
.answer-explain strong.tit{ margin: 10px 0 0 0; display: block; border-bottom: none; padding: 5px 0;}
.answer-explain p{ margin-bottom: 0;}
.date-practice-wrap .answer-list{ text-align: left; margin-top: 10px; margin-left: 20px;}
.date-practice-wrap .answer-list li{ display: block; text-align: left;}
.date-practice-wrap .answer-list li label{ font-weight: normal;}

.task-study-wrap .btn-box{ padding: 25px 0;}
.task-study-wrap .btn-box .btn .iconfont{ margin-right:3px;}
.task-study-wrap .btn-box .collection{ margin-right: 15px; color: #999;}
.task-study-wrap .btn-box .collection .iconfont{ color: #08898E; margin-right: 3px;}
.tips-wrap{background-color: #fff; border-radius: 9px; padding: 60px; text-align: center;}

.tips-wrap .tips-wrap-inner{ width: 300px; margin: 0 auto;}
.tips-wrap .tips-wrap-inner h3{ border-bottom: 1px solid #eee; padding:0 0 10px 0; margin-bottom: 20px;}
.tips-wrap .tips-wrap-inner p{ text-align: left; color: #333; padding: 0 0 10px 0;}
.exam-paper-wrap{background-color: #fff; border-radius: 9px; padding:30px 60px;}
.exam-paper-wrap h2{ margin-bottom: 20px;}
.exam-paper-wrap .p1{line-height: 1.4em; display: inline-block; padding: 5px 0; color: #999;}
.exam-paper-ul{ }
.exam-paper-ul li{ line-height: 1.4em; display: inline-block; padding: 5px 0; color: #333;}
.exam-paper-ul li label{ width: 46px;}
.exam-paper-ul li .exam-paper-p{ margin-left: 46px;}

.tips-wrap .icon-yiwancheng{ color: green; font-size: 48px;margin:10px;}
.tips-wrap p{ color: #999;}
.tips-wrap p span{ margin: 0 5px;}
.tips-wrap p a.btn{ margin: 10px;}
.btn-primary {color: #fff;background-color: #08898E;border-color: #08898E;}
.btn-primary:hover {color: #fff;background-color: #08898E;border-color: #08898E; opacity: 0.9;}
.padding{padding: 10px;}

/*.chapter-box{padding: 30px;}
.chapter-box .chapter-ul{}
.chapter-box .chapter-ul h4{}
.chapter-box .chapter-ul .section-ul{margin-left: 0px; margin-bottom: 25px;}
.chapter-box .chapter-ul .section-ul li{ padding: 10px 0;}
.chapter-box .chapter-ul .section-ul li a{ color: #888; text-decoration: none; display:inline-block;}
.chapter-box .chapter-ul .section-ul li .iconfont{ float: left; margin-right: 10px; color: #23C6C1;}*/


.chapter-ul-my{padding: 30px;}
.chapter-ul-my h4{}
.chapter-ul-my .section-ul{margin-left: 0px; margin-bottom: 25px;}
.chapter-ul-my .section-ul li{ padding: 15px 0; border-bottom: 1px dashed #eee ;}
.chapter-ul-my .section-ul li .txt{ color: #888; font-size: 16px; text-decoration: none; display:inline-block;}
.chapter-ul-my .section-ul li .iconfont{ float: left; margin-right: 10px; color: #23C6C1;}

/*我的证书*/
.task-study-wrap .certidicate-item{ height: 210px; padding:45px 25px 25px 25px; background-image: url(images/cert-bg.jpg);background-position: top;  background-repeat: no-repeat; background-color: transparent; background-size: 100%; text-align: center;}
.task-study-wrap .certidicate-item p{margin-bottom:1px; font-size: 12px;}


.approval-wrap{ background-color: #fff; margin:15px; padding: 30px;}
.approval-wrap>table>tbody>tr>td{padding:15px 10px !important;}
.approval-wrap table .btn-link{ padding: 0;}


.form-control{border: 1px solid #eee; box-shadow: none; padding:10px 15px;}
.my-info-wrap{ margin: 15px;background-color: #fff; padding:0 30px 30px 30px;}
.my-info-wrap .form-group{border-bottom: 1px solid #eee; padding-bottom: 15px;}
.my-info-wrap .form-group:last-child{border-bottom: none;}


.my-message-wrap{ background-color: #fff; padding: 30px; margin: 15px;}
.message-ul{}
.message-ul li{ padding: 15px; border-bottom: 1px solid #eee;}
.message-ul li a{ text-decoration: none; width: 960px; float: left; display: inline-block; color: #333;}
.message-ul li .time{ color: #999; float: right;}


.video-info-wrap{  background-color: #444; padding: 30px 0; position: relative;}
.video-info-wrap .row{ width: 1700px; margin: 0 auto;}
.video-box{background-color: #111; border-radius: 9px; min-height: 760px;}
.video-box{ text-align: center;}
.video-cata .tit{ /*border-bottom: 1px solid #eee;*/ color: #fff; margin:0 30px 40px 30px;line-height: 40px;}
.chapter-ul{}
.chapter-ul li{line-height: 50px; margin-left: 30px; }
.chapter-ul li h4 {font-weight: bold; font-size: 16px;color:#fff;}
.chapter-ul li h4 .iconfont{ margin-right: 12px;}
.chapter-ul li .section-ul{ margin-bottom: 30px;}
.chapter-ul li .section-ul li{margin-top: 0;border-bottom: 1px solid #494949; padding-left: 0;margin-left: 0;}
.chapter-ul li .section-ul li .time{ color: #bbb;}
.chapter-ul li .section-ul li a{color: #bbb; margin-left: 10px;}
.chapter-ul li .section-ul li .iconfont{ color: #aaa;}
.chapter-ul li a:hover{ text-decoration: none;}
.video-info-wrap .close{ position: absolute; top: 15px; right: 15px; color: #999; opacity: 1; box-shadow: 0; text-shadow:none; font-weight: normal;}


.panel-default{border-color:#eee;}
.panel-default>.panel-heading{ background-color: #fff; border-color:#eee;}
.panel-footer{background-color: #fff; border-color: #eee;}
.panel-footer nav{display: inline-block; float: right;}
.panel-footer .pagination{ margin: 0; }
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th{background-color: #eee;}
.task-study-wrap .panel-body{min-height: 420px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 10px 15px;
}
[v-cloak]{
	display: none;
}

li.active1>a{
	background-color: #eee;
}

.btn-dis{ background-color: #ccc;}
.btn-dis:hover{background-color: #ccc;}


[href="collection.html"]{
	display: none;
}
[href="profile.html"]{
	display: none;
}

.notice{
	display:none;
}

.user-box{
	display: flex;
	/* width: 500px; */
	line-height: 20px;
	padding:5px 0;
}
.user-box .head-img{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:10px;
}
.user-box p{
	margin:0;
}

.login-area-ul{
	display:none;
}