.wrapper{
	width: 1200px;
	margin: 0 auto;
}

/*****面包屑*****/
.wrapper_title{
	width: 1200px;
	margin: 22px auto 16px;
}
.wrapper_title a{
	color: #666;
}
.wrapper_title span{
	color: #1D66D2;
}


/********具体的内容********/
.wrapper_msg{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 60px;
    min-height:440px;
}

.wrapper_name{
	font-size: 22px;
	color: #333333;
	font-weight: 600;
	width: 1200px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrapper_star{
	width: 1200px;
	height: 44px;
	margin: 0 auto;
	color: #F85454;
	font-size: 17px;
	overflow: hidden;
}

.wrapper_star p{
	padding-top: 10px;
   margin-left: 10px;
}

.star_btn{
	outline: none;
	border: none;
	background: #1D66D2;
	color: #fff;
	padding: 10px 26px;
	margin-top: 5px;
   font-size: 14px;
   border-radius: 3px;
   letter-spacing: 2px;
   cursor: pointer;
   display: none;
}

.star_again{
	outline: none;
	border: none;
	background: #1D66D2;
	color: #fff;
	padding: 10px 15px;
	margin-top: 5px;
   font-size: 14px;
   border-radius: 3px;
   letter-spacing: 2px;
   cursor: pointer;
   display: none;
}

.dsiBlock{
	display: -webkit-inline-box;
}

/*****展示网页*****/
.msg_pagefile{
	width: 100%;
	height: 556px;
	border: 1px solid #E4E4E4;
	background: url(../img/z_bg_default.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
}

/*****视频*****/
.msg_video{
	border: 1px solid #E4E4E4;
	border-bottom: none;
}
.msg_video video{
	width: 100%;
	height: 562px;
}

/*****课程名称与简介*****/
.msg_intro{
	width: 100%;
	padding: 24px 28px;
/*	border: 1px solid #E4E4E4;*/
	border-top: none;
    margin-bottom:15px;
    background-color:white;
	
}
.intro_title{
	overflow: hidden;
}
.title_left{
	font-size: 19px;
	font-weight: 600;
	border-left: 4px solid #1D66D2;
	padding-left: 10px;
}
.right_collect,
.right_collect_red{
	padding-left: 24px;
}
.right_collect{
	background: url(../img/z_kong.png) no-repeat 0 center;
    color:#666666;
}
.right_collect_red{
	background: url(../img/z_red.png) no-repeat 0 center;
    color:#1D66D2;
}

.right_evaluate{
	margin-right: 34px;
}

.title_right span{
	cursor: pointer;
}

.title_right span:hover{
	color: #1D66D2;
}

.intro_txt{
	margin-top: 10px;
	min-height: 44px;
	color: #999999;
	font-size: 15px;
	
}


/*****微课程中的课后练习*****/
.intro_practice{
	border-top: 1px solid #E4E4E4;
    margin-top: 20px;
    padding-top: 24px;
}

.practic_count{
	overflow: hidden;
	margin-top: 22px;
	color: #333333;
}

.btn_go{
	outline: none;
	border: none;
	background: #1D66D2;
	color: #fff;
	padding: 5px 15px;
   font-size: 14px;
   border-radius: 3px;
   letter-spacing: 2px;
   cursor: pointer;
}

.practic_count p{
	margin-right: 50px;
}

.practic_count p img{
	margin-right: 2px;
}


/***************弹窗***************/
/****我要评价****/
.layui-layer-page{
	border-radius: 12px !important;
}
.layui-layer-page .layui-layer-content{
	overflow: inherit !important;
}

#popup_evaluate{
	text-align: center;
	position: relative;
}

.popup_img{
	position: absolute;
	top: -70px;
	left: 125px;
}

.evaluate_close{
	font-size: 24px;
	text-align: right;
	color: #666666;
	padding: 14px 20px 0 0;
}

.evaluate_close .evaluate_gb{
	cursor: pointer;
    padding:3px;
}


    .evaluate_close .evaluate_gb:hover {
     background-color:#c8e2d6;
    }

#popup_evaluate p,
#popup_feedback p{
	font-size: 24px;
	color: #333333;
   margin-bottom: 16px;
   margin-top: 24px;
   text-align: center;
}

#popup_evaluate .layui-rate li i.layui-icon{
	font-size: 40px;
   margin-right: 20px;
}

.evaluate_btn{
	border-top: 1px solid #E4E4E4;
	margin-top: 36px;
	font-size: 19px;
	overflow: hidden;
}

.evaluate_btn button{
	background-color: #fff;
	height: 68px;
   width: 50%;
   float: left;
   cursor: pointer;
}

.btn_cancel{
	border-right: 1px solid #E4E4E4;
	color: #333333;
	border-bottom-left-radius: 12px;
}

.evaluate_btn .btn_cancel:hover{
	background-color: #1D66D2;
	color:#fff;
}


.btn_submit{
	color: #1D66D2;
	border-bottom-right-radius: 12px;
}

.evaluate_btn .btn_submit:hover{
	background-color: #1D66D2;
	color:#fff;
}



/****我要反馈****/
#popup_feedback{
	position: relative;
}

.feedback_img{
	position: absolute;
	top: -70px;
	left: 155px;
}

.feedback_area{
	width: 420px;
	height: 154px;
	margin-left: 30px;
	font-size: 14px;
	padding: 4px 6px;
	resize: none;
    padding-bottom:10px;
}

.feedback_amount{
	color: #DDDDDD;
	position: absolute;
	top: 252px;
   right: 50px;
   font-size: 12px;
}

.feedback_btn{
	text-align: right;
}

.btn_ok{
	font-size: 20px;
	color: #1D66D2;
	background-color: #fff;
	margin-top: 16px;
	margin-right: 30px;
	cursor: pointer;
}

.feedback_gb{
	cursor: pointer;
    padding:3px;
}
    .feedback_gb:hover {
        background-color:#c8e2d6;
    }
   
/* 实验做题页面修改   */

.fankui_btn{
	outline: none;
	border: none;
	background: #ffffff;
	border: 1px solid #1D66D2;
	color: #1D66D2;
	width: 85px;
	height: 40px;
	margin-top: 5px;
   font-size: 14px;
   border-radius: 3px;
   letter-spacing: 2px;
   cursor: pointer;
   margin-left: 20px;
}


.fankui_btn:hover{
	background-color: #1D66D2;
	color: white;
}



.pack_up,
.pack_down {
    cursor: pointer;
    color: #333333;
    padding-left: 22px;
    margin-right: 20px;
    font-size: 16px;
}


.pack_up:hover,
.pack_down:hover{
	color: #1D66D2;
}

.pack_down {
    background: url(../Common/img/z_up_samil.png) no-repeat 0 center;
}

.pack_up {
    background: url(../Common/img/drop_down.png) no-repeat 0 center;
}
