/*课程列表*/
.class_typename{ margin-bottom:1em; margin-left:3px;}
.class_typename h3{ padding-left:0.5em;}
.class_list{ margin-left:1.5em;}
.class_detail{ float: left; padding: 5px 0; margin: 0 3em; color: #333; text-align: center;}
.class_detail .title{ padding-bottom: 0.2em;}

/*课程图片*/
.class_list .preview{ width: 220px; height: 140px; border-radius: 4px; border: #ddd 1px solid;}

/*课程信息*/
.tutorial_info{ width: 31em;}
.tutorial_info .title{ padding-bottom: 0.5em;}
.tutorial_info p{ margin:0;}

/*教程内容*/
.tutorial-img{ float: left;}
.tutorial-main-img{ width: 350px; margin:0em 1.5em 1em 0; border-radius:6px;}

.tutorial-title h3{ border-bottom: 1px #aaa dashed; padding: 0.5em 0.2em; margin: 0 0 1em -0.2em; white-space:nowrap;}
.tutorial-title p{ margin-bottom: 2px; white-space:nowrap;}
.tutorial-title .btn{ margin: 11px 0 1em -2px;}

.tutorial-link{ margin:0.5em 0 1em;}
.tutorial-link span{ font-weight: bolder;}

.tutorial-infos{margin-top: 1.5em;}
.tutorial-descript{ margin-left: 2em; margin-top: 2em;}
.tutorial-descript p{ padding-left: 2em; margin-bottom: 2em;}
.descript-title{font-size: 18px; border-left: 5px solid #286090; background-color: #eee; display: block; width: 100%; padding: 0.4em; margin-bottom: 0.5em;}

.tutorial-content{ margin-left: 2em; margin-top: 2em;}
.tutorial-content h4{ font-weight: bolder; }
.tutorial-content ul{ margin-bottom: 2em;}
.tutorial-content ul li{ text-indent: 4em; max-width:600px;}
.tutorial-content ul small{ float: right;}