body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.clearfix {
/* If supporting IE 6/7 */
*zoom: 1; }
.clearfix:before, .clearfix:after {
content: "";
display: table; }
.clearfix:after {
clear: both; }
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis; }
.left {
float: left; }
.right {
float: right; }
.price, .price-old {
font-family: "Arial"; }
.price, .price-new {
color: #f44130; }
.price span, .price-new span {
font-family: "microsoft yahei"; }
.price-old {
color: #CCCCCC;
text-decoration: line-through; }
.ornament-arrow {
display: inline-block;
*display: inline;
width: 0px; }
.ornament-arrow.up {
border-top: 0 solid transparent !important;
border-left: 7px solid transparent !important;
border-right: 7px solid transparent !important;
border-bottom: 7px solid; }
.ornament-arrow.down {
border-bottom: 0 solid transparent !important;
border-left: 7px solid transparent !important;
border-right: 7px solid transparent !important;
border-top: 7px solid; }
.ornament-arrow.gray {
border-color: #cfd1d6; }
.ornament-arrow.blue {
border-color: #649cf0; }
.ornament-arrow.blue2 {
border-color: #b6bdd1; }
.ornament-dot1 {
width: 15px;
height: 15px;
background: #649cf0;
border: 2px solid #ffffff;
border-radius: 50%; }
.ornament-dot2 {
width: 10px;
height: 10px;
background: #649cf0;
border: 2px solid #ffffff;
border-radius: 50%; }
.container {
width: 1180px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px; }
.container-left {
float: left;
width: 880px;
background: #ffffff; }
.container-left .block {
*width: 880px;
width: 880px\0; }
.container-right {
float: right;
width: 280px;
background: #ffffff; }
.container-right .block {
*width: 280px;
width: 280px\0; }
.block {
width: 100%;
*width: 1200px;
width: 1200px\0;
margin-bottom: 20px; }
.block .block-title {
margin: 0 20px;
height: 55px;
line-height: 55px;
font-size: 16px;
border-bottom: 1px solid #f0f0f0; }
.block .block-body {
padding: 0; }
.col-1 {
width: 1140px;
padding: 0 20px; }
body {
background: #f5f7f9; }
.comment-nav {
width: 1180px;
height: 35px;
line-height: 35px;
margin: 0 auto;
color: #686a71; }
.comment-nav a {
color: #686a71; }
.comment-main {
width: 1180px;
margin: 0 auto 20px; }
.comment-main .block-left {
width: 880px;
margin-right: 20px;
float: left; }
.comment-main .block-category {
background: #ffffff;
width: 832px;
height: auto;
padding: 24px;
margin-bottom: 20px; }
.comment-main .block-category .classify .index_hide {
display: none; }
.comment-main .block-category .classify .title-c {
float: left;
width: 80px;
display: inline-block;
line-height: 35px;
margin-right: 5px;
font-weight: bold; }
.comment-main .block-category .classify .category {
width: 700px;
float: left;
font-size: 14px; }
.comment-main .block-category .classify .category li {
display: inline-block;
line-height: 35px;
margin: 0 10px; }
.comment-main .block-category .classify .category a {
color: #686a71; }
.comment-main .block-category .classify .category a[data-active] {
color: #649cf0;
font-weight: bold; }
.comment-main .block-category .classify .category.active a {
color: #649cf0;
font-weight: bold; }
.comment-main .block-category .classify .category-2 {
display: none; }
.comment-main .block-category .classify .category-2[data-active] {
display: block;
color: #649cf0; }
.comment-main .block-comment {
width: 832px;
height: auto;
padding: 24px;
background: #ffffff; }
.comment-main .block-comment .block-comment-count {
font-size: 16px;
color: #171920;
font-weight: bold; }
.comment-main .block-comment .tagblock-comment {
color: #9598a2; }
.comment-main .block-comment .tagblock-comment img {
height: 38px;
width: 38px;
background: #fafafa;
display: block;
position: absolute;
top: -2px;
left: -45px;
border: 1px solid #f0f0f0;
border-radius: 50%; }
.comment-main .block-comment .tagblock-comment .comment-list {
margin-top: 42px; }
.comment-main .block-comment .tagblock-comment .comment-item {
margin-left: 50px;
border-bottom: 1px solid #f0f0f0;
position: relative;
margin-bottom: 28px; }
.comment-main .block-comment .tagblock-comment .comment-item:last-child {
border: 0;
margin-bottom: 30px; }
.comment-main .block-comment .tagblock-comment .star-block {
position: absolute;
right: 0;
top: 0; }
.comment-main .block-comment .tagblock-comment .star-block .star {
width: 12px;
height: 12px;
display: inline-block;
*display: inline;
margin-right: 3px; }
.comment-main .block-comment .tagblock-comment .star-block .star-full {
background-image: url(../images/star1.png); }
.comment-main .block-comment .tagblock-comment .star-block .star-empty {
background-image: url(../images/star2.png); }
.comment-main .block-comment .tagblock-comment .user-name {
font-size: 14px;
margin-bottom: 8px;
height: 14px;
line-height: 14px; }
.comment-main .block-comment .tagblock-comment .time {
font-size: 14px;
margin-bottom: 21px;
height: 14px;
line-height: 14px; }
.comment-main .block-comment .tagblock-comment .user-description {
font-size: 14px;
color: #686a71;
margin-bottom: 29px;
line-height: 24px; }
.comment-main .block-comment .tagblock-comment .teacher_reply {
font-size: 14px;
color: #686a71;
line-height: 22px;
background: #fafafa;
padding: 16px;
margin-bottom: 40px; }
.comment-main .block-comment .tagblock-comment .searchnull {
background-image: url(../images/null.png);
background-repeat: no-repeat;
width: 190px;
height: 224px;
margin: 150px auto;
display: none; }
.comment-main .block-comment .tagblock-comment .searchnull[data-active] {
display: block; }
.comment-main .block-right {
float: right;
width: 280px; }
.comment-main .block-right .domain-title {
height: 16px;
font-size: 16px;
line-height: 16px;
padding-top: 23px;
padding-bottom: 16px; }
.comment-main .block-right .course-domain {
padding: 0 15px;
margin-bottom: 20px;
padding-bottom: 13px;
background: #ffffff; }
.comment-main .block-right .course-domain .recommend-course {
height: 131px;
border: 1px solid #e6ecf0;
border-radius: 4px;
margin-bottom: 12px;
padding: 0 10px;
position: relative; }
.comment-main .block-right .course-domain .recommend-course:hover {
box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.09); }
.comment-main .block-right .course-domain .recommend-course a {
color: #171920;
display: inline-block;
width: 100%;
height: 100%; }
.comment-main .block-right .course-domain .recommend-course .title {
font-size: 16px;
margin-top: 18px; }
.comment-main .block-right .course-domain .recommend-course .footer-tag {
color: #9598A2;
font-size: 12px;
position: absolute; }
.comment-main .block-right .course-domain .recommend-course .footer-tag-1 {
bottom: 32px;
left: 10px; }
.comment-main .block-right .course-domain .recommend-course .footer-tag-2 {
bottom: 13px;
left: 10px; }
.comment-main .block-right .course-domain .recommend-course .footer-tag-3 {
right: 10px;
bottom: 13px; }
.comment-main .block-right .course-domain .recommend-course .count-down span {
color: #f54030; }
.comment-main .block-right .course-domain .recommend-course .price-new {
font-size: 18px;
color: #649cf0;
height: 18px;
line-height: 18px;
display: block; }
.comment-main .block-right .course-domain .recommend-course .price-new .i-2 {
font-size: 12px; }
.comment-main .block-right .course-domain .recommend-course .price-old {
font-size: 12px;
color: #BDBDBD;
height: 12px;
line-height: 12px;
margin-bottom: 5px;
display: block; }
.eui.paqination {
text-align: center; }
.eui.paqination a, .eui.paqination span.active {
height: 26px;
min-width: 8px;
padding: 0 10px;
line-height: 26px;
background: #e4e7f0;
color: #ffffff;
font-size: 14px;
display: inline-block;
border-radius: 50px;
text-align: center;
margin: 5px 10px; }
.eui.paqination a.active, .eui.paqination span.active.active {
background: #649cf0; }
.eui.paqination .next, .eui.paqination .prev {
width: 80px;
background: #649cf0; }
.eui.paqination .next.disabled, .eui.paqination .prev.disabled {
background: #e4e7f0;
cursor: default; }
.no_show0 {
display: none; }
.no_countdown0 {
bottom: 13px !important; }
91在线精品麻豆欧美在线-97资源中文字幕-99久久无色码中文字幕人妻-国产91麻豆免费观看