body, html {
background: #f9f9f9;
scroll-behavior: smooth;
font-size: 16px;
}
.navbar-inverse .navbar-brand {
color: #333;
}
.navbar-inverse .navbar-nav>li>a {
color: #333;
font-size: 16px;
}
.navbar-light ,.navbar-toggle {
color: rgba(0,0,0,.5);
border-color: rgba(0,0,0,.1);
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #8a8787;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: #f6f8fb;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #3280fc;
background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
color: #3280fc;
background-color: transparent;
}
.whatsns_header .right_box{
position: relative;
top:5px;
display: inline-block;
}
.whatsns_header .right_box .ws_search{
display: flex;
}
.whatsns_header .right_box .ws_search .c_search{
flex: 1;
padding-left: 10px;
padding-right: 25px;
outline: none;
height: 30px;
line-height: 30px;
border: solid 1px #3280fc;
}
}
.whatsns_header .right_box .ws_search .icon-search{
cursor: pointer;
position: relative;
right: 25px;
color: #3280fc;
}
.whatsns_header .icon-search{
color: #3280fc;
cursor: pointer;
position: relative;
right: 25px;
}
.dropdown-menu{
font-size: 16px;
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-menu .dropdown-item {
padding: .8rem 1.5rem;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #3280fc;
text-decoration: none;
background-color: transparent;
}
.whatsns_header .mycourse{
float: right;
}
.whatsns_header .useravatar{
width: 30px;
height: 30px;
border-radius: 30px;
display: inline-block;
position: relative;
top:-5px;
}
.col-12 {
padding: 0;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.common-content{
margin-bottom: 10px;
padding: 30px 30px 20px;
border: 1px solid #eee;
background: #fff;
}
.no-margin {
margin: 0!important;
}
.filter-title-wrapper {
padding: 0;
max-width: 62px;
}
.body{
min-height: calc(100vh - 263px);
margin: 12px 0 20px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.filter-item-wrapper .filter-item {
display: inline-block;
margin: 0 4px 10px 0;
padding: 4px 10px;
font-size: 15px;
color: #666;
border-radius: 15px;
cursor: pointer;
transition: background .5s ease;
text-decoration: none;
}
.filter-item-wrapper .filter-item.active {
color: #fff;
background: #3280fc;
}
.filter-item-wrapper .filter-item:hover {
color: #fff;
background: #3280fc;
text-decoration: none;
}
.filter-item-wrapper .filter-item a{
color: #666;
}
.filter-item-wrapper .filter-item a:hover {
color: #fff;
text-decoration: none;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.btn-group-wrapper {
display: inline-block;
margin-right: 20px;
}
.btn-group-wrapper .btn-outline-primary:not(:disabled):not(.disabled).active {
background: #fff;
color: #3280fc;
}
.base-menu {
justify-content: flex-end;
}
.float-right {
float: right!important;
}
.filter-dropdown-menu {
margin-right: 5px;
}
.filter-dropdown-menu .dropdown {
margin-top: -.15rem;
}
.course-list-cntr {
padding-top: 20px;
margin-bottom: 20px;
}
.course-item-box>a {
text-decoration: none;
}
.course-item {
margin-bottom: 20px;
box-shadow: 0 2px 2px 0 #eee;
}
.relative {
position: relative;
}
.item-box-top .cover-image {
width: 100%;
height: 150px;
}
.item-box-top .status-info {
width: 100%;
padding: 0 5%;
position: absolute;
z-index: 9;
top: -5px;
}
.block {
display: block;
}
.overflow-auto {
overflow: auto!important;
}
.item-box-top .status-info .follow-status {
display: none;
margin-top: 15px;
width: 20px;
font-size: 18px;
cursor: pointer;
}
.item-box-bottom{
height: 100px;
bottom: 0;
background: #fff;
transition: bottom .3s;
}
.item-box-bottom .course-info-wrapper {
height: 100%;
padding: 20px 10px 0;
top: 0;
background: #fff;
overflow: hidden;
transition: top .3s ease-out;
}
.item-box-bottom .course-info-wrapper .course-name {
display: block;
width: 100%;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-box-bottom .course-info-wrapper .course-description {
display: -webkit-box;
margin-top: 10px;
color: #666;
font-size: 13px;
line-height: 1.4;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
.h6 .course-name , h6.course-name {
font-size: 1rem;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
}
.course-item {
margin-bottom: 20px;
box-shadow: 0 2px 2px 0 #eee;
}
.course-item:hover {
box-shadow: 0 4px 20px 4px #ddd;
}
.item-box-bottom .course-meta-data {
position: absolute;
display: block;
bottom: 0;
width: 100%;
left: 0;
height: 53px;
padding: 0 10px;
font-size: 12px;
color: #9b9da2;
background: #fff;
box-sizing: border-box;
}
.item-box-bottom .course-meta-data .meta-data-inner{
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.course-type-tag.free {
background: #80c269;
}
.course-type-tag.course-list-tag {
border-radius: 20px;
padding: 3px 10px;
font-size: 12px;
margin-left: 8px;
color: #fff;
}
.course-type-tag.member {
background: #ffc500;
}
.footer {
background: #333;
}
.footer-footer{
padding: 15px 0;
color: #666;
background: #191919;
font-size: 12px;
text-align: center;
}
.footer-footer a{
color: #999;
}
.base-breadcrumb .breadcrumb {
margin: 0;
padding: .75rem 0;
background: none;
font-size: 13px;
}
.base-breadcrumb .breadcrumb a {
color: #666;
}
.common-content {
margin-bottom: 10px;
padding: 30px 30px 20px;
border: 1px solid #eee;
background: #fff;
}
.course-info-header {
justify-content: space-between;
}
.vertical-center {
display: flex;
align-items: center;
}
.course-info-header .info-header-left .course-name {
font-size: 21px;
margin: 0 10px 0 0;
line-height: 1.6;
}
.inline-block {
display: inline-block;
}
.course-info-header .info-header-right .course-follow-wrapper {
font-size: 15px;
color: #999;
}
.course-info-header .info-header-right .course-follow-wrapper .btn-action-follow {
margin-left: 6px;
font-size: 18px;
cursor: pointer;
}
.course-type-tag.free {
background: #80c269;
}
.course-type-tag {
margin-left: 8px;
padding: 0 6px;
border-radius: 10px;
font-size: 13px;
color: #fff;
}
.course-info-body .info-meta-data {
margin-top: 10px;
color: #a4a4a4;
}
.font-14 {
font-size: 14px;
}
.course-info-body .info-meta-data span{
margin-right: 10px;
}
.course-info-body .info-course-desc {
margin-bottom: 20px;
color: #4c5157;
font-size: 15px;
word-wrap: break-word;
}
.course-study-info{
margin-bottom: 10px;
}
.course-study-info .btn:first-child {
width: 210px;
height: 42px;
color: #fff!important;
line-height: 32px;
font-size: 17px;
font-weight: 400;
}
.tab-nav{}
.tab-nav a{padding-bottom: 20px;margin-right: 2.3rem; display: inline-block;font-size: 16px;color: #666;text-decoration: none;border-bottom: 2px solid transparent;}
.tab-nav a:hover,.tab-nav .active a{color: #333;font-weight: bold;border-bottom-color: #3280fc;}
.wrap a{color: #333;}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.list-inline.not-p{margin-left: 0;}
.list-inline.not-p > li{padding-left: 0;padding-right: 0;}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.common-content .introduction, .common-content .course-info {
padding: 20px 0px;
}
.border-b {
border-bottom: 1px solid #eee;
}
.border-span,blockquote {
padding-left: 10px;
border-left: 3px solid #3280fc;
font-size: 16px;
color: #666;
}
.common-content .course-chapter .all-course {
margin-left: 0px;
margin-top: 12px;
}
.course-chapter .fa-book {
margin-right: 10px;
font-size: 22px;
color: #3280fc;
background-position: -281px -135px;
vertical-align: -2px;
}
.panel>.panel-heading {
color: #333;
background-color: transparent;
border:none;
height: 63px;
line-height: 63px;
padding-left: 0px;
}
.tab-content .panel{
border: none;
}
.text-weight {
font-weight: bold;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.common-content .course-chapter .panel-heading a {
display: block;
line-height: 63px;
font-size: 14px;
text-decoration: none;
}
.common-content .course-chapter .panel-body {
padding: 0;
}
.common-content .course-chapter .panel-body p, .common-content .data-download > p {
margin-bottom: 0;
padding-left: 0px;
padding-right: 35px;
min-height: 50px;
line-height: 50px;
border: 1px solid transparent;
}
.common-content .course-chapter .panel-body p:hover, .common-content .data-download > p:hover,.common-content .data-download > p:last-child:hover {
border-color: #3280fc;
}
.common-content .course-chapter .panel-body p>a {
display: inline-block;
width: auto;
line-height: normal;
vertical-align: sub;
color: #333;
}
.wrap a {
color: #333;
}
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.common-content .course-chapter .panel-body p .pull-right .status {
position: relative;
display: inline-block;
width: 100px;
text-align: right;
}
.common-content .course-chapter .panel-body p .pull-right .status .btn {
padding: 0;
width: 65px;
height: 25px;
line-height: 25px;
color: #3280fc;
border-color: #3280fc;
font-size: 12px;
}
.fa-play-circle{
color: #3280fc;
}
.common-content .course-chapter .panel-body .fa-play-circle{
margin-right: 13px;
}
a:focus, a:hover {
color: #3280fc;
text-decoration: none;
}
.common-content .course-chapter .panel-body p:nth-child(even) {
background-color: #f5f5f5;
}
.common-content .data-download > p {
height: 60px;
line-height: 60px;
border-bottom: 1px solid #eee;
}
.default-color, .default-color:hover, .default-color:focus {
color: #3280fc !important;
}
.common-content .course-chapter .panel-body p .pull-right {
font-size: 12px;
color: #666;
}
.wrap a {
color: #333;
}
.introduction .text-weight {
font-size: 14px;
}
.fa-commenting{
color:#3280fc;
}
.introduction .fa-commenting{
margin-right: 9px;
}
.common-content .course-comment {
padding-bottom: 20px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
text-align: center;
}
.course-comment dl{
text-align: left;
}
.common-content .course-comment dl {
padding-top: 24px;
padding-bottom: 10px;
margin-bottom: 0;
border-bottom: 1px solid #eee;
}
.common-content .course-comment dl dt {
text-align: center;
font-size: 12px;
font-weight: normal;
display: inline-block;
}
.wrap .dl-horizontal dt {
width: auto;
}
.img-circle {
border-radius: 50%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.common-content .course-comment dl dt .user-name {
margin-top: 12px;
}
.common-content .course-comment dl dd {
margin-left: 1.1rem;
display: inline-block;
}
.common-content .course-comment dl dd .study-time {
font-size: 12px;
color: #999;
}
.icon-star{
color: #f1a325;
margin-right: 6px;
}
.star-g{
color: #999;
}
.common-content .course-comment .content{
font-size: 14px;
}
.common-content .course-chapter .panel-body p .pull-right {
display: block;
float: none!important;
}
.side-box {
width: 100%;
margin-bottom: 10px;
padding: 15px;
background: #fff;
}
.side-box .box-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 10px;
border-bottom: 1px solid #eee;
}
.side-box .box-header .box-title {
font-size: 16px;
color: #666;
font-weight: 700;
}
.side-box .box-body {
padding: 10px 0;
font-size: 14px;
}
.mooc-info{
display: flex;
margin-bottom: 5px;
}
.teacher-avatar{
width: 64px;
height: 64px;
margin-right: 20px;
}
.user-avatar {
position: relative;
}
.user-avatar .link {
display: block;
}
.user-avatar .avatar{
width: 100%;
border-radius: 50%;
}
.teacher-info {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}
.teacher-info span {
margin-bottom: 5px;
font-size: 15px;
color: #4c5157;
}
.teacher-info span {
margin-bottom: 5px;
font-size: 15px;
color: #4c5157;
}
.bold {
font-weight: 700;
}
.teacher-info span{
margin-bottom: 5px;
font-size: 15px;
color: #4c5157;
}
.teacher-info .count {
font-size: 14px;
color: #4c5157;
}
.mooc-extra-info{
padding: 5px;
}
.mooc-extra-info .profile{
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #4c5157;
}
.no-margin {
margin: 0!important;
}
.view-more-courses {
font-size: 14px;
color: #529fd2;
text-decoration: none;
}
.side-img {
display: block;
margin-bottom: 10px;
}
.side-img img {
width: 100%;
max-height: 159px;;
}
.side-box .box-body ul {
list-style: none;
padding: 0;
margin: 0;
}
.side-box .box-body ul>li {
font-size: 14px;
}
.side-box .box-body ul>li>a{
display: block;
padding: 12px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #4c5157;
text-decoration: none;
}
.prism-player{
width: 100%;
height: 100%;
}
.playmainbox{
background: #fff;
padding:10px;
}
.c_username{
font-size:16px;
color:#333;
margin-bottom:5px;
}
.info_left{
background: #fff;
}
.userinfo-left .pdTop10 {
padding-top: 10px;
}
.userinfo-left .doc_info_box .doc_pic_box dt, .userinfo-left .info_left dt {
margin: 0 auto;
}
.userinfo-left .doc_pic_box dt {
width: 150px;
height: 150px;
border: 5px solid #fff;
border-radius: 50%;
overflow: hidden;
text-align: center;
margin: 0 auto;
}
.dpblock100 {
display: block;
width: 100%;
height: 100%;
}
.info_left dd ul {
height: 24px;
}
.mgBottom10 {
margin-bottom: 10px;
}
.info_left dd ul li strong {
font-weight: normal;
float: right;
font-size: 20px;
color: #333;
line-height: 1.1;
margin-right: 5px;
}
.info_left dd ul li {
width: 50%;
float: left;
list-style-type: none;
}
.info_left dd ul li span {
float: left;
font-size: 12px;
color: #018cf1;
border: 1px solid #018cf1;
padding: 0 2px;
border-radius: 4px;
line-height: 1.3;
margin-top: 4px;
margin-left: 5px;
}
.info_left dd p {
line-height: 28px;
font-size: 14px;
color: #666;
}
.info_left dd p.p1 {
height: 20px;
overflow: hidden;
line-height: 20px;
}
.info_left .info02 {
height: 77px;
border: 1px solid #e5e5e5;
padding-top: 15px;
margin-top: 20px;
font-size: 0;
}
.info_left .info02 li {
width: 78px;
height: 45px;
}
.doc_info_box .info02 li:last-child, .info_left .info02 li:last-child {
border-right: 0;
}
.info_left .info02 li a, .info_left dd a {
display: block;
color: #666;
text-decoration: none;
}
.info_left .info02 li strong {
color: #222;
line-height: 1;
font-weight: normal;
margin-bottom: 12px;
font-size: 26px;
font-family: helvetica;
}
.info_left .info02 li span {
font-size: 14px;
color: #b3b3b3;
line-height: 18px;
}
.doc_info_box .info02 li, .info_left .info02 li {
display: inline-block;
*display: inline;
*zoom: 1;
width: 127px;
height: 50px;
border-right: 1px solid #e4e4e4;
text-align: center;
font-size: 0;
}
.info_left .info02 li {
width: 30%;
height: 45px;
}
.v_title {
font-size: 26px;
color: #333;
line-height: 1.4;
margin-bottom: 18px;
font-weight: bold;
}
.v_info_01 {
height: 36px;
font-size: 16px;
color: #999;
line-height: 20px;
margin-bottom: 8px;
}
.v_info_01 .time {
padding-right: 20px;
}
.fl_left {
float: left;
}
.v_info_01 .num {
border-left: 1px solid #dcdcdc;
padding-left: 20px;
}
.v_con {
padding: 21px 0 25px;
}
.v_con>h3 {
font-size: 20px;
color: #666;
margin-bottom: 18px;
}
.p_text_box {
height: 300px;
overflow: hidden;
margin-bottom: 20px;
}
.hidden_auto {
height: auto;
}
.p_text {
font-size: 16px;
color: #333;
line-height: 30px;
height: auto;
}
.n_title02 {
font-size: 20px;
color: #666;
line-height: 1.2;
margin-bottom: 13px;
font-weight: normal;
}
.r_doc_05 a {
border-top: 1px solid #f2f2f2;
padding: 10px 0;
display: block;
}
.r_doc_05 a:first-child {
border-top: 0;
}
.r_doc_05 dt {
position: relative;
display: block;
float: left;
margin-right: 16px;
width: 110px;
height: 67px;
}
.dpblock100 {
display: block;
width: 100%;
height: 100%;
}
.dpblock100 img{
vertical-align: top;
border: 0;
}
.r_doc_05 .timeLong {
position: absolute;
bottom: 3px;
right: 3px;
height: 12px;
line-height: 1;
font-size: 10px;
color: #fff;
padding: 1px 3px 2px;
filter: alpha(opacity=100);
background: rgba(0,0,0,.6);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000,endColorStr=#000000);
}
.r_doc_05 .iconplay {
position: absolute;
top: 50%;
left: 50%;
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
background-position: -207px -47px;
}
.r_doc_05 dd h3 {
line-height: 1;
font-size: 16px;
color: #333;
font-weight: normal;
height: 16px;
overflow: hidden;
margin: 0px;
}
.r_doc_05 dd .p1 {
height: 25px;
line-height: 25px;
font-size: 14px;
color: #999;
overflow: hidden;
text-align: left;
margin: 0px;
}
.r_doc_05 dd .p2 {
height: 22px;
line-height: 22px;
font-size: 12px;
color: #999;
overflow: hidden;
text-align: left;
margin: 0px;
}
.r_doc_05 dl{
margin-bottom: 0px;
text-align: left;
}
.course-type-tag.bootcamp {
background: #f66;
}
.pages {
padding: 10px 0px 10px 0px;
font-family: Tahoma;
font-weight: bold;
}
.pages a,.pages strong,.pages span {
border-radius: 4px;
display: inline-block;
padding: 0 9px;
margin: 0 2px;
min-width: 10px;
_width: 10px;
white-space: nowrap;
height: 27px;
line-height: 27px;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.pages a {
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
font-size: 14px;
color: #969696 !important;
border-radius: 4px;
}
.pages a:hover {
color: #333;
background-color: #e3e3e3;
text-decoration: none;
}
.pages strong {
background-color: #F9F9F9;
color: #777;
font-weight: bold;
}
.pages span {
color: #999999;
font-size: 14px;
}
.price-info-box {
position: relative;
padding: 24px 20px 15px;
margin: 0 0 15px;
background-color: #f9f9f9;
}
.price-info-box .bootcamp-price p{
margin-top: 0;
margin-bottom: 1rem;
}
.price-info-box .bootcamp-price .real-price{
font-size: 24px;
font-weight: 700;
color: #f66;
}
.no-margin {
margin: 0!important;
}
.color-666 {
color: #666;
}
.font-14 {
font-size: 14px;
}
price-info-box .bootcamp-discount .discount-outter .discount {
margin-right: 30px;
font-weight: 700;
}
.color-aaa {
color: #aaa;
}
.color-red {
color: #f66!important;
}
.info-meta-data >i.followed,.course-info-header .info-header-right .course-follow-wrapper .btn-action-follow>i.followed {
color: #f66;
}
/*璇勮*/
.postarticleform{
border-radius:5px;
width:95%;
margin:0 auto;
overflow:hidden;
background:#fff;
}
.postarticleform .comment-area{
height:100px;
width:95%;
outline:none;
border:none;
padding-left:10px;
padding-top:10px;
border: solid 1px #e5e6e7;
}
.btnpostarticle{
width:95%;
margin:10px auto;
height:30px;
}
.btnpostarticle .btn-cm-submit{
float:left;
}
.answerlist {
clear: both;
padding-left: 13px;
padding-right: 13px;
}
.answerlist *{
max-width: 100%;
}
.answerlist .ans-title{
width: 100%;
font-size: 16px;
line-height: 34px;
color: #f85959;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 10px;
margin-top: 10px;
}
.answerlist .ans-title span{
display: inline-block;
line-height: 34px;
position: relative;
height: 34px;
}
.answerlist .ans-title span:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
left: 0px;
background: #f85959;
bottom: -1px;
}
.answerlist .ui-avatar-s{
display: inline-block;
}
.answerlist .u-name{
position: relative;
top:-13px;
}
.answerlist .btn-agree{
position: relative;
top: -5px;
right: 10px;
border: solid 1px #f85959;
border-radius: 5px;
padding: 3px;
text-align: center;
margin: 0 auto;
color: #f85959;
display: inline;
font-size: 16px;
}
.answerlist .btn-agree i{
display: inline-block;
color: #f85959;
position: relative;
top: 0px;
padding: 0px;
font-size: 25px;
}
.answerlist .btn-agree i:before{
padding: 0px;
margin: 0px;
}
.answerlist .btn-agree .agree-num{
padding: 0px;
margin: 0px;
position: relative;
right: 5px;
}
.answerlist .ans-content{
margin-top: 10px;
line-height: 1.7;
font-size: 17px;
}
.answerlist .ans-footer{
margin-top:10px;
border-bottom: 1px solid #E8E8E8;
padding-bottom:5px;
}
.answerlist .ans-footer .ui-icon-comment{
display: inline-block;
line-height: 15px;
position: relative;
top:4px;
font-size: 28px;
}
.answerlist .ans-footer .ans-comment-num{
position: relative;
left:-5px;
}
.f-btn-comment{
position: relative;
top:14px;
right: -10px;
}
.f-txt-comment{
padding-left: 0px;
}
.ans-footer-comment{
}
.comments-list{ overflow:hidden; position:relative; zoom:1;}
.comments-list li{ margin:-1px 0 0;width:590px;padding:10px 0; font-size: 15px;border-top:1px solid #dbdbdb; overflow:hidden; zoom:1;}
.comments-list .loading{text-align: left;}
.other-comment{ overflow:hidden; zoom:1;padding-left: 3px}
.other-comment .pic{ float:left; margin:3px 0 0; }
.other-comment .pic img{border-radius: 3px 3px 3px 3px;width:34px; height:34px;}
.other-comment p{ float:left; padding:0 0 0 10px; line-height:20px;}
.other-comment p a{ margin:0 5px 0 0;}
.other-comment p span{ padding:0 5px 0 0; color:#999;}
.comments-list .replybtn{ float:right;text-align: right;margin-right: 10px;}
.answerlist *{
max-width:100%;
}
.avatar img {
width: 100%;
height: 100%;
border: 1px solid #ddd;
border-radius: 50%;
}
.comment-list .comment {
padding: 0px;
border-bottom: dashed 1px #ebebeb;
margin-bottom: 10px;
padding-bottom: 10px;
}
.comment-list .comment::after
{
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 0 20px;
display: block;
border-bottom: 1px solid #F6F6F6;
content: '';
}
.comment-list .comment p {
font-size: 16px
}
.comment-list .other-comment p {
font-size: 15px;
}
.comment-list .author {
margin-bottom: 15px
}
.comment-list .avatar {
margin-right: 5px;
width: 38px;
height: 38px;
vertical-align: middle;
display: inline-block
}
.comment-list .comment-wrap .comment-delete,.comment-list .comment-wrap .report {
float: right;
margin: 2px 0 0 10px;
display: none
}
.comment-list .comment-wrap:hover .comment-delete,.comment-list .comment-wrap:hover .report {
display: inherit
}
.comment-list p {
margin: 10px 0;
line-height: 1.8;
font-size: 14px;
word-break: break-word
}
.comment-list .info {
display: inline-block;
vertical-align: middle
}
.comment-list .name {
font-size: 15px;
color: #333
}
.comment-list .name:hover {
color: #2f2f2f
}
.comment-list .author-tag {
margin-left: 2px;
padding: 0 2px;
font-size: 12px;
color: #ea6f5a;
border: 1px solid #ea6f5a;
border-radius: 3px;
vertical-align: middle
}
.comment-list .meta {
font-size: 15px;
color: #969696
}
.comment-list .meta span {
margin-right: 6px
}
.comment-list .tool-group a {
margin-right: 10px;
color: #8590A6;
display: inline-block
}
.comment-list .tool-group a:hover {
background-color: initial;
color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%);
}
.comment-list .tool-group a:hover .ic-zan {
color: #ea6f5a
}
.comment-list .tool-group a i {
margin-right: 0px;
font-size: 14px;
vertical-align: middle
}
.comment-list .tool-group a i.fa-thumbs-o-up-y{
position:relative;
top:-2px;
}
.comment-list .tool-group a i.fa-eject{
position:relative;
top:-2px;
color: #0084FF;
}
.comment-list .tool-group a.dianzan {
height: 28px;
padding-left: 10px;
line-height: 28px;
padding-right: 10px;
border-radius: 3px;
color: #0084FF;
background: rgba(0, 132, 255, 0.1);
border-color: transparent;
}
.fa-commentingicon{
width: 15px;
height: 12px;
background-image: url(images/card-pinglun.svg?v=1);
}
.fa-commentingicon:hover{
background-image: url(images/pinglunhover.svg?v=1);
}
}
.comment-list .tool-group a span {
vertical-align: middle;
color: #bbb;
font-size: 13px;
}
.comment-list .tool-group a.active i {
color: #ea6f5a
}
.comment-list .tool-group a.active span {
color: #333
}
.comment-list .normal-comment-list {
margin-top: 10px
}
.comment-list .normal-comment-list .top .author-only {
margin-left: 10px;
padding: 4px 8px;
font-size: 12px;
color: #969696;
border: 1px solid #e1e1e1;
border-radius: 3px
}
.comment-list .normal-comment-list .top .author-only.active {
color: #fff;
border: 1px solid #ea6f5a;
background-color: #ea6f5a
}
.comment-list .normal-comment-list .top .close-btn {
margin-left: 10px;
font-size: 12px;
color: #969696
}
.comment-list .normal-comment-list .top .pull-right a {
margin-left: 10px;
font-size: 12px;
font-weight: 400;
color: #969696;
display: inline-block
}
.comment-list .normal-comment-list .top .pull-right .active,.comment-list .normal-comment-list .top .pull-right a:hover {
color: #2f2f2f
}
.comment-list .normal-comment-list .close-comment,.comment-list .normal-comment-list .no-author-comment,.comment-list .normal-comment-list .no-comment {
width: 226px;
height: 92px;
margin: 30px auto 20px;
background: url(images/nocomment.png) no-repeat;
background-size: contain
}
.comment-list .normal-comment-list .close-comment {
background-size: contain
}
.comment-list .normal-comment-list .no-author-comment {
background-size: contain
}
.comment-list .normal-comment-list .text {
margin-bottom: 50px;
text-align: center;
font-size: 12px;
color: #969696
}
.comment-list .normal-comment-list .text a,.comment-list .normal-comment-list .text a:hover {
color: #0085ee
}
.comment-list .normal-comment-list .open-block {
padding: 30px 0 50px;
text-align: center;
border-top: 1px solid #f0f0f0
}
.comment-list .normal-comment-list .open-block .open-btn {
padding: 10px 20px;
font-size: 14px;
color: #969696;
border: 1px solid #dcdcdc;
border-radius: 4px
}
.comment-list .sub-comment-list {
margin-top: 20px;
padding: 5px 0 5px 20px;
border-left: 2px solid #d9d9d9
}
.comment-list .sub-comment-list p {
margin: 0 0 5px;
font-size: 14px;
line-height: 1.5
}
.comment-list .sub-comment-list a,.comment-list .sub-comment-list a:hover {
color: #0085ee
}
.comment-list .sub-comment-list .new-comment {
margin: 0
}
.comment-list .sub-comment-list .new-comment .sign-container,.comment-list .sub-comment-list .new-comment textarea {
width: 100%
}
.comment-list .sub-comment-list .new-comment .emoji {
margin: 15px 0 0
}
.comment-list .sub-comment-list .emoji-modal-wrap .emoji-modal {
left: -48px
}
.comment-list .sub-comment {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #f0f0f0
}
.comment-list .sub-comment:last-child {
margin: 0;
padding: 0;
border: none
}
.comment-list .sub-comment .report,.comment-list .sub-comment .subcomment-delete {
float: right;
margin: 1px 0 0 10px;
display: none
}
.comment-list .sub-comment:hover .report,.comment-list .sub-comment:hover .subcomment-delete {
display: inherit
}
.comment-list .sub-tool-group {
font-size: 12px;
color: #969696
}
.comment-list .sub-tool-group a {
margin-left: 10px;
color: #969696
}
.comment-list .sub-tool-group a:hover {
color: #333
}
.comment-list .sub-tool-group a i {
margin-right: 5px;
font-size: 14px;
vertical-align: middle
}
.comment-list .sub-tool-group a span {
vertical-align: middle
}
.comment-list .more-comment {
font-size: 14px;
color: #969696;
border: none
}
.comment-list .add-comment-btn {
color: #969696!important
}
.comment-list .add-comment-btn:hover {
color: #333!important
}
.comment-list .add-comment-btn i {
margin-right: 5px
}
.comment-list .line-warp {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #d9d9d9
}
.comment-list .new-comment .sign-container,.comment-list .new-comment textarea {
padding: 10px 15px;
width: 100%;
height: 80px;
font-size: 13px;
border: 1px solid #dcdcdc;
border-radius: 4px;
background-color: hsla(0,0%,71%,.1);
resize: none;
display: inline-block;
vertical-align: top;
outline-style: none;
box-sizing: border-box;
}
.comment-list .new-comment .sign-container {
text-align: center
}
.comment-list .new-comment .btn-sign {
width: 78px;
margin: 11px 10px 0 0;
padding: 7px 18px;
font-size: 14px;
border: none;
border-radius: 4px;
color: #fff!important;
background-color: #0085ee;
outline: none
}
.comment-list .new-comment .btn-sign:hover {
color: #fff;
background: #0085ee;
}
.comment-list .new-comment .btn-sign:hover {
color: #fff;
background: #0085ee;
}
.comment-list .new-comment .write-function-block {
height: 50px
}
.comment-list .more-comment {
font-size: 14px;
color: #969696;
border: none
}
.comment-list .add-comment-btn {
color: #969696!important
}
.comment-list .new-comment .btn-send {
float: right;
width: 78px;
margin: 10px 0;
padding: 8px 18px;
font-size: 13px;
border: none;
border-radius: 4px;
color: #fff!important;
background-color: #0085ee;
cursor: pointer;
outline: none;
display: block
}
.comment-list .new-comment .btn-send:hover {
background-color: #0085ee
}
.comment-list .new-comment .cancel {
float: right;
margin: 18px 30px 0 0;
font-size: 14px;
color: #969696
}
.comment-list .new-comment .cancel:hover {
color: #2f2f2f
}
.comment-list .new-comment span {
font-size: 14px;
vertical-align: -7px
}
.sub-comment-list a, .sub-comment-list a:hover {
color: #0085ee
}
.fa-comment,.fa-comment-o {
background: url(images/comment.png);
color: transparent;
width: 18px;
background-size: 100% 100%;
height: 18px;
}
.fa-thumbs-o-up {
background: url(images/agree.png);
color: transparent;
width: 18px;
background-size: 100% 100%;
height: 18px;
}
.pingluncontent{
background:#fff;
}
.v_person {
color: transparent;
margin: 0 3px;
background: url(rz.png);
width: 12px;
background-size: 100% 100%;
height: 12px;
position: relative;
top: 0px;
}
.cursor{
cursor:pointer;
}
/*璁插笀涓婚〉*/
.teachar-main dl {
margin-top: 0;
margin-bottom: 20px;
}
.teachar-main .teachar-lists dl dt {
text-align: center;
color: #999;
font-weight: normal;
border-right: 1px solid #eee;
}
.teachar-main .teachar-lists dl dt .img-circle {
background-color: #dbdbdb;
vertical-align: middle;
}
.img-circle {
border-radius: 50%;
}
.teachar-main .teachar-lists dl dt .teachar-name {
color: #000;
font-size: 16px;
}
.mt-10 {
margin-top: 10px;
}
.text-weight {
font-weight: bold;
}
.teachar-main .teachar-lists .tecinfo {
padding: 35px;
min-height: 220px;
background-color: #fff;
border-radius: 8px;
border: solid 1px #f2f2f2;
overflow: hidden;
margin-bottom: 20px;
}
.teachar-main .teachar-detail .teachar-lists .tecinfo {
min-height: 220px;
height: auto;
}
.teachar-lists {
text-align: center;
}
.teachar-lists .img-circle{
margin: 0 auto;
}
.teachar-lists .signature{
text-align: center;
color: #999;
font-weight: normal;
}
.teachar-lists .introductioninfo{
text-align: justify;
}
.white-bg-bord {
background-color: #fff;
border: 1px solid #eee;
}
.u_courselist{
padding: 20px;
}
.hotteacherlist{
margin-top: 20px;
margin-bottom: 20px;
}
.teachar-items .item {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
padding: 0 35px;
width: auto;
height: 280px;
background-color: #f8f8f8;
vertical-align: middle;
}
.teachar-items .item img {
margin-top: -20px;
width: 110px;
height: 110px;
background-color: #dbdbdb;
}
.title-box {
font-size: 16px;
}
.teachar-items .item .teachar-desc {
height: 80px;
line-height: 26px;
overflow: hidden;
font-size: 14px;
}
.teachar-items .item .teachar-desc span {
line-height: normal;
}
a.more, span.more {
color: #666;
font-size: 12px;
}
.teachar-items {
padding-bottom: 45px;
text-align: center;
}
.teachar-items a{
color: #333;
}
.teachar-items .telitem{
margin-top: 65px;
}
.course-type-tag.course-list-tag .fa{
color:#fff;
}
#accordion .fa{
color:#3280fc;
}
.tab-content .pingluncontent{
margin-top:10px;
}
.tab-content .pingluncontent .answerlist ,.tab-content .pingluncontent .postarticleform{
padding-left:0px;
width:100%;
}
.tab-content .pingluncontent .btnpostarticle{
padding-left:0px;
width:100%;
}
.common-content #tab-1{
padding-top:10px;
}
.containner_in {
position: relative;
max-width: 560px;
}
.audiojs {
position: relative;
width: 100%;
overflow: hidden;
margin: 0px auto;
height: 80px;
border: 1px solid #e7e7e7;
border-radius: 5px;
padding: 0 14px 0 70px;
background-color: #fcfcfc;
}
.audiojs {
padding: 0 22px 0 106px;
height: 98px;
width: auto;
}
.audiojs audio {
position: absolute;
left: -1px;
}
.audiojs .play-pause {
position: absolute;
top: 18px;
left: 18px;
width: 68px;
height: 68px;
border-radius: 50%;
overflow: hidden;
background: #3280fc;
}
.audiojs p {
display: none;
width: 45px;
height: 45px;
margin: 0px;
cursor: pointer;
background-size: 45px 180px !important;
}
.containner_in .audiojs .play {
background-position: -18px -17px;
}
.containner_in .audiojs p {
background-image: url('images/player.png');
background-repeat: no-repeat;
background-size: 100px 400px!important;
width: 68px;
height: 68px;
}
.audiojs .play {
display: block;
}
.audiojs .pause {
/* display: block;*/
}
.containner_in .audiojs .pause {
background-position: -17px -215px;
}
.containner_in .audiojs p {
background-image: url('images/player.png');
background-repeat: no-repeat;
background-size: 100px 400px!important;
width: 68px;
height: 68px;
}
.audiojs .pause {
background: url('images/player.png') 0 -135px no-repeat;
}
.audiojs .scrubber {
position: relative;
width: auto;
overflow: hidden;
height: 2px;
}
.audiojs .name {
display: none;
}
.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
height: 10px;
cursor: pointer;
}
.audiojs .progress {
position: absolute;
top: 0px;
left: 0px;
height: 2px;
width: 0px;
background: #14ab15;
z-index: 1;
}
.audiojs .scrubber {
margin-top: 55px;
overflow: visible;
width: 100%;
}
.audiojs .loaded {
position: absolute;
top: 0px;
left: 0px;
height: 14px;
width: 0px;
background: #eaeaea;
}
.audiojs .progress {
background: #ff5900;
}
.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
height: 10px;
cursor: pointer;
}
.audiojs .progress:after {
position: absolute;
top: -7px;
right: -28px;
content: " ";
width: 28px;
height: 22px;
background-image: url('images/pb.png');
background-size: 28px 22px;
background-repeat: no-repeat;
}
.audiojs .loaded {
width: 400px;
}
.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
height: 10px;
cursor: pointer;
}
.audiojs .time {
padding-top: 6px;
line-height: 1;
font-size: 12px;
color: #bebebe;
}
.audiojs .time {
position: absolute;
top: 22px;
left: 106px;
}
.audiojs .time, .containner_time {
font-size: 18px;
color: #666;
line-height: 1;
}
.audiojs .time em {
float: left;
font-style: normal;
}
.audiojs .time strong {
float: right;
font-weight: normal;
font-size: 0;
}
.audiojs .error-message {
float: left;
display: none;
margin: 0px 10px;
height: 36px;
width: 230px;
overflow: hidden;
line-height: 36px;
white-space: nowrap;
color: #fff;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.containner_time {
position: absolute;
top: 28px;
right: 22px;
}
.audiojs .time, .containner_time {
font-size: 18px;
color: #666;
line-height: 1;
}
.scrubber input[type="range"] {
-webkit-box-shadow: 0 1px 0 0px #eee, 0 1px 0 #eee inset, 0px 2px 10px 0px #eee inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset, 0 0px 1px rgba(0, 0, 0, 0.6) inset;
margin-top: 2px;
background: -o-linear-gradient(#3280fc,#3280fc) no-repeat,#eee;
background: -moz-linear-gradient(#3280fc,#3280fc) no-repeat,#eee;
background: -webkit-linear-gradient(#3280fc,#3280fc) no-repeat,#eee;
background-size: 0 100%;
border-radius: 15px;
width: 100%;
-webkit-appearance: none;
height: 10px;
outline:none;
}
.scrubber input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
cursor: default;
top: -5px;
height: 30px;
width: 20px;
transform: translateY(-4px);
background: none repeat scroll 0 0 #eee;
border-radius: 15px;
-webkit-box-shadow: 0 -1px 1px black inset;
}
/*鐢ㄦ埛涓績*/
.user_header{
padding: 20px;
min-height: 150px;
border: 1px solid #eee;
background: #fff;
box-sizing: border-box;
margin-bottom: 10px;
}
.user_header .user-avatar {
width: 80px;
height: 80px;
position: relative;
display: inline-block;
}
.user_header .user-avatar .avatar {
width: 100%;
border-radius: 50%;
max-width: 100%;
vertical-align: middle;
border-style: none;
}
.user_header .u_username{
font-weight: 700;
font-size: 22px;
vertical-align: middle;
}
.vip{
margin: 0 5px;
color: #fec42d;
font-weight: 700;
vertical-align: middle;
font-size: 22px;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.open-vip{
vertical-align: -1px;
font-size: 12px;
color: #337ab7;
text-decoration: none;
font-weight: 700;
}
.user_header .join_in,.user_header .zhanji{
margin-top: 15px;
line-height: 20px;
letter-spacing: .5px;
font-size: 14px;
color: #666;
}
.user_header .zhanji span{
color: #ea644a;
}
.user_header .fa-edit{
color: #337ab7;
cursor: pointer;
vertical-align: -1px;
margin-left:5px;
}
.course-list-cntr .btn-group-wrapper {
margin-bottom: 10px;
}
.vipitem{
height:30px;
line-height:30px;
width:80%;
text-align:center;
background:#f1a325;
color:#fff;
cursor:pointer;
margin:0 auto;
margin-bottom:10px;
}
.greenbg{
background:#41c074;
}
.bluebg{
background:#3280fc;
}
.redbg{
background:#ea644a;
}
.vipitem input[type=checkbox], .vipitem input[type=radio]{
display:inline-bolck;
width: 18px;
height: 18px;
vertical-align: -3px;
}
.vipitem .fa{
margin-left:3px;
}
.myvipform h2{
padding-left: 34px;
}
.btng{
margin-top:10px;
}
#paymodel .btn{
margin:0 auto;
}
#paymodel .row{
margin:20px;
}
.course-info-body .info-meta-data .followed{
color: #3280fc;
}
.course-info-body .info-meta-data .info-header-right{
}
#new_session{
max-width:400px;
margin:0 auto;
min-height:300px;
}
.loginmain .logo{
text-align: center;
max-width: 150px;
margin: 0 auto;
margin-bottom: 10px;
}
.loginmain .logo a{
margin:0 auto;
}
.loginmain .logo img{
width:100%;
}
#new_session .otherlink a{
font-size:13px;
margin-right:20px;
color:#3280fc;
}
#new_session .otherlink a.areg{
color:#3280fc;
}
#new_session .otherlink .youkeview{
float: right;
color: #ea644a;
margin-right: 0px;
font-size:13px;
}
.regxieyi{
font-size:13px;
color:#3280fc;
}
.regxieyi #net_auto_reg{
}
.redpoint{
top: 5px;
right: 10px;
position: absolute;
border-radius: 50%;
background: #3280fc;
color: #fff;
width: 10px;
height: 10px;
display: block;
padding: 5px;
line-height: 0px;
text-align: center;
display:none;
}
#new_session #testbtn{
margin-top:10px;
}
.needimgcode{
position:relative;
}
.needimgcode #verifycode{
position:absolute;
right: 5px;
top: 32px;
cursor:pointer;
}
.s_main{
padding:10px;
}
.s_main .s_box_content{
margin-bottom: 10px;
padding: 20px;
border: 1px solid #eee;
background: #fff;
}
.rs_c_word{
color:#3280fc;
}
.side_user {
margin-top:10px;
background: #fff;padding:10px;
}
.side_user .info_left dd p.p1 {
height: 20px;
overflow: visible;
line-height: 20px;
clear:both;
}
.side_user .dpblock100 {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
}
.side_user .userinfo-left .doc_pic_box dt {
width: 80px;
height: 80px;
border: 5px solid #fff;
border-radius: 10%;
/* overflow: hidden; */
text-align: center;
margin: 0 auto;
}
.side_user dt a{
padding:0px;
}
/* header */
#header {
height: 34px;
line-height: 34px;
border-bottom: 1px solid #eee;
}
#header .offical {
padding-left: 18px;
}
#header .header-item {
display: inline-block;
padding: 0 10px;
}
#header .header-item:last-of-type {
padding-right: 0;
}
#header .header-item:hover{
color: #0085EE;
}
/* nav */
#nav{
height: 80px;
background-color: #ffffff;
padding-top: 20px;
box-sizing: border-box;
}
#nav .logo{
margin-right: 61px;
}
#nav .menu .nav-item{
margin: 0 27px;
display: inline-block;
padding: 12px 0 8px 0;
line-height: 16px;
position: relative;
}
#nav .menu .nav-item .mask{
position: absolute;
right: -23px;
top: 0px;
font-size: 8px;
line-height: 8px;
border-radius: 2px;
display: block;
background: #f55449;
padding: 2px;
color: #ffffff;
}
#nav .menu .nav-item .mask .arrow{
width: 0;
height: 0;
/* border-left: 6px solid #f55449; */
border-left: 0px solid;
border-top:5px solid;
border-right: 8px solid;
border-bottom: 0px solid;
border-color: #f55449 transparent transparent transparent;
position: absolute;
left:0;
bottom: -4px;
display: block;
}
#nav .menu .nav-item.active , #nav .menu .nav-item:hover{
color: #0085EE;
border-bottom: 2px solid #0085EE;
}
#nav .search{
height: 36px;
padding: 2px;
background-color: #0085EE;
width: 194px;
border-radius: 4px;
margin-left: 70px;
box-sizing: border-box;
}
#nav #search{
height: 32px;
padding: 11px;
width: 153px;
box-sizing: border-box;
}
#nav #search::placeholder{
color: #C8C8C8;
font-size: 14px;
}
#nav .search-icon{
width: 36px;
height: 32px;
background: url("../img/search.png") no-repeat center;
background-size: 19px;
}
.ilblk {
display: inline-block;
}
#nav .send{
width:77px;
height:36px;
font-size: 14px;
background:rgba(0,133,238,1);
border-radius:4px;
color: #ffffff;
line-height: 36px;
text-align: center;
margin-left: 18px;
}
.send .down-icon{
display: inline-block;
width: 12px;
height: 12px;
margin-left: 11px;
background: url("../img/down.png") no-repeat center;
background-size: 12px 8px;
}
.zlogin {
float: right;
margin: 0 -10px 0 0;
height: 35px;
line-height: 35px;
color: #999;
}
.zlogin a {
display: inline-block;
margin: 0 10px;
}
.zlogin .qq,.zlogin .sina {
padding: 0 0 0 21px;
}
.zlogin .qq {
background-position: 0 -145px;
}
.zlogin .sina {
background-position: 0 -113px;
}
.pub-bbs-top {
height: 30px;
border-bottom: 1px solid #e6e6e6;
}
.pub-bbs-top-inner {
position: relative;
z-index: 99;
height: 28px;
padding: 2px 0 0;
margin: 0 auto;
float: right;
}
.pub-bbs-top a {
text-decoration: none;
}
.pub-bbs-top a:hover {
color: #f60;
text-decoration: underline;
}
.pub-bbs-nav,.pub-bbs-login {
padding: 0;
margin: 0;
list-style: none;
}
.pub-bbs-nav {
float: left;
}
.pub-bbs-login {
float: right;
}
.pub-bbs-nav li,.pub-bbs-login li {
float: left;
padding: 0 10px 0 11px;
line-height: 28px;
background-position: -99px -60px;
}
.pub-bbs-login li {
padding: 0 0 0 11px;
}
.pub-bbs-nav .pub-nav-home {
padding-left: 0;
background: none;
}
.pub-bbs-nav a,.pub-bbs-login a {
color: #666;
}
.pub-bbs-login .pub-user-bar {
padding: 0 3px 0 0;
position: relative;
font-family: "Simsun",simsun;
color: #ccc;
background: none;
}
.pub-user-bar span {
color: #666;
margin: 0 6px;
}
.pub-user-bar a {
margin-right: 7px;
font-family: arial;
color: #01439a;
}
.pub-user-bar span a {
margin: 0;
}
.pub-login-tips {
position: absolute;
top: 28px;
left: 65px;
z-index: 8;
margin: 0;
padding-left: 36px;
width: 212px;
height: 36px;
line-height: 36px;
border: 1px solid #fadf9c;
background-color: #fff9d9;
background-position: -75px 7px;
color: #c60;
}
.pub-login-tips i {
position: absolute;
left: 25px;
top: -6px;
width: 11px;
height: 6px;
background-position: 0 -18px;
font: 0/0 arial;
}
.pub-bbs-login .quick-login {
padding-right: 3px;
}
.quick-login span {
float: left;
color: #999;
margin-right: 7px;
}
.quick-login a {
float: left;
width: 24px;
height: 24px;
margin: 2px 8px 0 0;
text-indent: -9999em;
overflow: hidden;
}
.quick-login .ql-sina {
background-position: -25px -28px;
}
.quick-login .ql-qq {
background-position: 0 -28px;
}
.msg-ico {
float: left;
width: 15px;
height: 12px;
margin-top: 8px;
background-position: 0 -2px;
overflow: hidden;
font: 0/0 arial;
}
.msg-null {
background-position: -20px -2px;
}
.pub-logout {
border-top: 1px dotted #ccc;
}
.msg-num {
position: absolute;
right: 6px;
top: -1px;
z-index: 3;
height: 12px;
line-height: 12px;
padding: 0 3px;
background: #f60;
-webkit-border-radius: 2px;
border-radius: 2px;
font-family: verdana;
font-size: 10px;
-webkit-text-size-adjust: none;
color: #fff;
font-weight: bold;
}
.top-close {
position: absolute;
right: 3px;
top: 3px;
width: 19px;
height: 18px;
background-position: -41px 0;
cursor: pointer;
}
.pub-bbs-nav .pub-menu,.pub-bbs-login .pub-menu {
padding: 0;
position: relative;
z-index: 9;
line-height: 26px;
}
.ismore {
float: left;
height: 26px;
padding: 1px 22px 1px 11px;
line-height: 26px;
color: #666;
cursor: default;
}
.pub-bbs-login .pub-more-on {
z-index: 10;
}
.pub-more-on .ismore {
position: relative;
z-index: 2;
line-height: 26px;
padding: 0 22px 2px 10px;
margin: 0 -1px -2px 0;
border: 1px solid #999;
border-bottom: 0 none;
background: #fff;
}
.ar-ico {
position: absolute;
top: 12px;
right: 9px;
width: 7px;
height: 4px;
font: 0/0 arial;
background-position: -67px -4px;
}
.pub-more-on .ar-ico {
top: 11px;
background-position: -67px -11px;
}
.pub-more-list {
visibility: hidden;
position: absolute;
top: 28px;
padding: 2px;
min-width: 76px;
max-widht: 150px;
_width: 76px;
border: 1px solid #999;
background: #fff;
}
.pub-more-on .pub-more-list {
visibility: visible;
}
.pub-more-list a {
display: block;
height: 24px;
line-height: 24px;
padding: 0 8px;
white-space: nowrap;
}
.pub-more-list a:hover {
background: #ebebeb;
color: #666;
text-decoration: none;
}
.pub-more-list a span {
color: #f30;
}
.pub-bbs-nav .pub-more-list {
left: 0;
}
.pub-bbs-login .pub-more-list {
right: -1px;
_right: -2px;
}
.pub-bbs-login .pub-more-list a {
padding: 0 20px 0 8px;
}
.pub-bbs-login .pub-follow a,.pub-bbs-login .pub-msg a {
padding: 0 8px;
}
.pub-bbs-login .pub-msg {
right: -1px;
}
.layer-box {
position: fixed;
top: 100px;
right: 50%;
z-index: 1000;
overflow: hidden;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop+100));
padding: 3px;
background: rgba(0,0,0,0.2);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000,gradientType=1);
}
.left {
float: left;
}
.right {
float: right;
}
.nav-headerbox,.position-inf {
width: 100%;
border-bottom: 1px solid #e1e1e1;
box-shadow: 0 0 5px 0 #ededed;
-webkit-box-shadow: 0 0 5px 0 #ededed;
background-color: #fff;
}
.nav-headerbox {
background-color: #fff;
}
.nav-header {
padding: 16px 0 12px;
}
.nav-header .ask-logo {
float: left;
width: 130px;
height: 26px;
overflow: hidden;
}
.nav-header .ask-logo img{
width:100%;
height:100%;
}
.hnav {
float: left;
margin-left: 10px;
}
.hnav li {
height: 26px;
float: left;
margin-left: 30px;
list-style-type: none;
}
.hnav li a {
color: #8590a6;
font: 16px/26px "Microsoft YaHei";
}
.hnav li a:hover,.hnav li a.active {
color: #2383dd;
text-decoration: none;
}
.searchbox {
width: 396px;
height: 34px;
float: right;
position: relative;
margin-top: -4px;
z-index: 2;
left: 40px;
}
.searchbox .search {
width: 164px;
height: 32px;
border: 1px solid #e7eaf1;
border-radius: 3px;
-webkit-border-radius: 3px;
background: #f7f8fa;
position: relative;
}
.searchbox .search input {
border: none;
width: 126px;
padding: 0 0 0 10px;
height: 32px;
color: #333;
font: 14px/32px "Microsoft YaHei";
background: #f7f8fa;
outline: none;
position: absolute;
}
.searchbox .search.focusin {
border: 1px solid #9fadc7!important;
background: #fff;
}
.searchbox .search.focusin input {
background: #fff;
}
.searchbox .search .sear-btn {
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
right: 10px;
top: 9px;
cursor: pointer;
}
.searchbox .search.focusin .sear-btn {
background: url(images/icons.png) no-repeat -1px -267px;
}
.searchbox .ask {
display: inline-block;
width: 58px;
height: 34px;
background: #0085ee;
color: #fff;
font: 14px/34px "Microsoft YaHei";
text-align: center;
position: absolute;
top: 0;
right: 140px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.searchbox .ask:hover {
background: #0071cb;
text-decoration: none;
}
.searchbox .search label {
color: #9fadc8;
font: 14px "Microsoft YaHei";
position: absolute;
top: 6px;
left: 10px;
}
.s-history {
width: 324px;
border: 1px solid #e7eaf1;
border-radius: 3px;
padding-top: 15px;
position: absolute;
top: 34px;
left: 0;
background: #fff;
z-index: 998;
display: none;
}
.s-history ul {
max-height: 200px;
overflow: hidden;
position: relative;
}
.s-history ul li,.s-history p.last {
width: 100%;
height: 40px;
position: relative;
overflow: hidden;
}
.s-history p.middle {
text-align: center;
}
.s-history p.middle a,.s-history p.last a {
color: #2a90d7!important;
}
.s-history ul li a,.s-history p.last a {
color: #333;
font: 14px/40px "Microsoft YaHei";
padding-left: 20px;
text-decoration: none;
display: inline-block;
max-width: 278px;
overflow: hidden;
}
.s-history ul li:hover,.s-history p.last:hover {
background: #f0f7fd;
cursor: pointer;
}
.s-history ul li .close {
display: inline-block;
width: 10px;
height: 10px;
background: url(images/icons.png) no-repeat -2px -232px;
position: absolute;
top: 15px;
right: 20px;
}
.s-history a.remove-btn {
display: inline-block;
width: 286px;
height: 39px;
border-top: 1px solid #e7eaf1;
color: #175199;
font: 14px/39px "Microsoft YaHei";
text-align: center;
text-decoration: none;
margin: 0 20px;
}
.fix-hnav {
width: 1000px;
height: 50px;
margin: 0 auto;
overflow: hidden;
position: relative;
display: none;
}
.fix-hnav .btns {
position: absolute;
right: 0;
top: 7px;
}
.hnav .current a{
font-weight:bold;
color: #3280fc;
}
.nav-headerbox.ceiling {
border-top: 1px solid #f0f0f1;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}
.nav-headerbox.ceiling .nav-header {
display: none;
}
.coursemenu .dropdown{
width:auto;
padding:0px;
background:#fff;
border:none;
position:relative;
}
.coursemenu .dropdown:hover {
box-shadow:none;
}
.coursemenu .dropdown ul{
overflow: visible;
top: 30px;
left: -30px;
position: absolute;
height: 170px;
/* width: 70px; */
min-width: 100px;
}
.coursemenu .dropdown .kclink{
width:45px;
}
.coursemenu .dropdown ul li{
float: none;
margin: 0 10px;
width: 70px;
text-align: center;
padding: 18px 0px 18px 5px;
border-bottom: 1px solid #ccc;
margin-left: 15px;
}
.coursemenu .dropdown ul li:hover
{
background-color: #fff;
}
.coursemenu .dropdown-menu>li>a:hover {
text-decoration: none;
color: #262626;
background-color: transparent;
}
.coursemenu .dropdown ul li a{
left: -10px;
position: relative;
top: -13px;
text-align: center;
margin: 0 auto;
}
.nav-headerbox ul li {
list-style-type: none;
}
.avatar-container-30 {
position: relative;
}
.nav-headerbox .user {
padding: 0 20px;
}
.works-manange a:hover {
color: #fff;
}
.msg-box-null {
text-align:center;
height:225px;
position:absolute;
top:0;
left:61px;
cursor:default
}
.msg-box-null .msg-box-inner {
padding-top:60px
}
.msg-box-null .msg-box-inner .null-images {
display:inline-block;
background:url(images/null-page-draw.png) no-repeat;
background-size:180px;
width:180px;
height:121px;
vertical-align:middle
}
.msg-box-null .msg-box-inner .msg-null-tips {
line-height:20px;
padding:0;
margin-top:0;
display:block
}
#footer {
width:100%;
background:#282828;
position:absolute;
bottom:0;
color:#666;
left:0px;
}
.footer-wrapper{
width: 1130px;
}
#footer .footer-wrapper {
height:100%;
margin:0 auto;
background:#282828
}
#footer .footer-wrapper .footer-wrapper-top {
width:100%;
height:130px;
line-height:130px;
border-bottom:1px solid #333
}
#footer .footer-wrapper .footer-wrapper-top a:hover {
color:#999
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left {
float:left
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left a {
margin-right:38px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile {
position:relative
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile i {
position:absolute;
width:122px;
height:131px;
bottom:23px;
left:-20px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:hover i {
display:inline-block
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:before {
content:"";
display:inline-block;
background:url(../images/svg/footer-mobile.svg?v=1) no-repeat;
width:14px;
height:23px;
vertical-align:middle;
margin-right:10px;
margin-top:-3px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right {
float:right
}
.left,.pm-suggest-tips .img-item>img,.wx-code {
float:left
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo,#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
display:inline-block;
margin-left:40px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
width:25px;
height:21px;
position:relative;
background:url(../images/svg/footer-share-weixin.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i {
position:absolute;
background:url(../images/footer-weixin-code.jpg) no-repeat;
background-size:110px 110px;
-moz-background-size:110px 110px;
-webkit-background-size:110px 110px;
-o-background-size:110px 110px;
width:110px;
height:110px;
bottom:40px;
right:-40px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i:after {
content:"";
border-top:10px solid #fff;
border-right:10px solid transparent;
border-bottom:none;
border-left:10px solid transparent;
position:absolute;
bottom:-10px;
left:50%;
margin-left:-10px;
display:block
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover {
background:url(../images/svg/footer-share-weixinhover.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover i {
display:inline-block
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo {
width:26px;
height:21px;
background:url(../images/svg/footer-share-weibo.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo:hover {
background:url(../images/svg/footer-share-weibohover.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-bottom {
margin-top:20px;
position:relative
}
#footer .footer-wrapper .footer-wrapper-bottom a,#footer .footer-wrapper .footer-wrapper-bottom span {
font-size:12px
}
#footer .footer-wrapper .footer-wrapper-bottom i {
display:inline-block;
width:1px;
height:12px;
margin:0 26px;
background:#666;
vertical-align:middle
}
#footer .footer-wrapper .footer-wrapper-bottom .copyrightLink {
position:absolute;
right:0
}
#body,#login-body,.p-relative {
position:relative
}
#footer .footer-wrapper .footer-wrapper-bottom a:hover {
color:#999;
text-decoration:underline
}
.popFaceTitle a:hover,a,a:hover {
text-decoration:none
}
#footer .footer-wrapper .space-footer-bottom {
margin-top:10px
}
#footer .footer-wrapper .footer-wrapper-top a:hover {
color:#999
}
#footer {
width: 100%;
background: #282828;
position: relative;
bottom: 0;
color: #666;
left: 0px;
}
#footer a{
color: #666;
}
.side-tool {
position: fixed;
bottom: 30px;
right: 40px;
z-index: 9;
display:none;
}
.side-tool>ul {
list-style: none
}
.side-tool>ul>li {
border: 1px solid #dcdcdc;
border-bottom: none;
background-color: #fff;
transition: .1s ease-in;
-webkit-transition: .1s ease-in;
-moz-transition: .1s ease-in;
-o-transition: .1s ease-in;
-ms-transition: .1s ease-in
}
.side-tool>ul>li:last-child {
border-bottom: 1px solid #dcdcdc
}
.side-tool>ul>li:hover {
background-color: hsla(0,0%,71%,.1);
transition: .1s ease-in;
-webkit-transition: .1s ease-in;
-moz-transition: .1s ease-in;
-o-transition: .1s ease-in;
-ms-transition: .1s ease-in
}
.side-tool>ul .modal-wrap {
position: relative
}
.side-tool>ul .function-button,.side-tool>ul .js-submit-button {
width: 50px;
height: 50px;
text-align: center;
display: block;
background:#fff;
}
.side-tool>ul .function-button i,.side-tool>ul .js-submit-button i {
padding-top: 16px;
font-size: 20px;
display: block
}
.side-tool>ul .function-button .ic-mark-active,.side-tool>ul .js-submit-button .ic-mark-active {
color: #ea6f5a
}
.side-tool .popover-content {
padding: 0
}
.side-tool .popover-content ul {
width: 160px;
list-style: none
}
.side-tool .popover-content li {
line-height: 20px
}
.side-tool .popover-content li:hover {
background-color: hsla(0,0%,71%,.1)
}
.side-tool .popover-content a {
padding: 5px 0;
margin-left: 15px;
width: 100%;
height: auto;
display: block;
line-height: 20px;
text-align: left!important
}
.side-tool .popover-content i {
margin-right: 10px
}
.side-tool .popover-content span {
vertical-align: middle
}
.side-weixin-box {
position: fixed;
left: 51%;
top: 188px;
_position: absolute;
margin-left: 507px;
width: 130px;
height: 255px;
}
.side-weixin-box {
height: 282px!important;
}
.weixin-box-c {
width: 128px;
height: 174px;
border: 1px solid #e8e8e8;
background: #fff;
box-shadow: 0 0 4px rgba(0,0,0,.1);
position: relative;
padding-bottom: 15px;
}
.weixin-box-c .close {
position: absolute;
right: -1px;
top: -1px;
width: 22px;
height: 22px;
cursor: pointer;
background-position: 1px -254px;
}
.weixin-box-c .content {
float: none;
margin: 0 auto;
width: 111px;
}
.weixin-box-c p {
margin: 17px auto 0;
text-align: center;
font-family: "Microsoft Yahei";
font-size: 13px;
}
.weixin-box-c img {
display: block;
vertical-align: top;
}
.weixin-box-c a {
margin: 5px auto 15px;
display: block;
width: 67px;
height: 30px;
background-position: 7px -282px;
background-color: #0085ee;
border-radius: 15px;
padding-left: 29px;
line-height: 30px;
color: #fff;
}
.weixin-box-c a:hover {
text-decoration: none;
background-color: #0d64b6;
}
header nav .user-center .login {
float:right;
top: -12px;
position: relative;
left: -30px;
}
header nav .user-center .unlogin {
float:right;
top: -12px;
position: relative;
left: 0px;
}
header nav .user-center .login .user .user-list {
position: relative;
/* padding: 13px 20px; */
position: absolute;
top: 9px;
left: 15px;
width: 30px;
height: 30px;
}
header nav .user-center .login .user .user-list sup.subnav-dot-sup {
top:10px;
right:14px
}
header nav .user-center .unlogin li {
line-height:60px
}
header nav .user-center .unlogin a {
margin-left:10px;
padding:0;
position: relative;
top: -10px;
}
header nav .user-center .unlogin i {
display:inline-block;
width:1px;
height:10px;
background:#fff;
margin-left:20px
}
header nav .user-center ul li a {
display: inline-block;
}
a {
color: #444;
}
.container {
max-width: 1200px;
}
.active-color {
color: #0085EE;
}
.active-bg {
background-color: #0085EE;
}
.color-333 {
color: #333;
}
.color-666 {
color: #666;
}
.color-999 {
color: #999;
}
.color-FF5C00{
color: #FF5C00;
}
#header .content,#nav .content,#main .content,#footer .content{
width: 1200px;
margin: 0 auto;
}
.medium {
font-size: 14px;
}
.small {
font-size: 12px;
}
.main-theme:hover {
background: #fff!important;
color: #0085EE!important;
}
.second-theme:hover {
background: #0085EE!important;
color: #fff!important;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix {
zoom: 1;
}
.ws_header,.ws_header .menu{
display:inline;
}
a {
color: inherit;
}
.send-menu{
position: relative;
float: right;
}
.send-menu ul{
position: absolute;
width: 77px;
display: none;
top: 36px;
left: 18px;
background: #f5f5f5;
border-radius: 5px;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
z-index: 999;
border: 1px solid #eaeaea;
padding-left: 0px;
}
.send-menu ul li{
color: #333;
text-align: center;
height: 30px;
line-height: 30px;
}
.send-menu ul li a:hover{
color: #0085EE;
}
.send-menu:hover ul{
display: block;
}
.ws_header,.ws_header .menu{
display:inline;
}
ul li {
list-style-type: none;
}