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麻豆免费观看