@charset "UTF-8";
/*视频详情*/
.content-info{
  padding: 20px 40px;
    border: 1px solid #d4538c;
    position: relative;
    color: #bbbbbb;
}
#change-wide-srceen {
position: absolute;
right: 155px;
bottom: 4px;
z-index: 998;
padding: 0 15px;
height: 35px;
color: #fff;
line-height: 35px;
cursor: pointer;
}
.video-detail {
background: #191919;
padding-bottom:10px;
padding-top:10px;
}
.video-detail .video-title {
height:75px;
}
.video-detail .video-title .title-infos .video-name{position: relative;}
.video-detail .video-title .title-infos .video-name h3{width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #ccc;
font-size: 24px;
font-weight: normal;
padding: 30px 0 18px;}
.video-detail .video-title .title-infos .video-name .app-win{position: absolute;right: 0;top: 33px;}
.video-detail .video-title .title-infos .video-name .app-win:hover:before{display: block;}
.video-detail .video-title .title-infos .video-name .app-win:hover .app-m{display: block;}
.video-detail .video-title .title-infos .video-name .app-win:before{content: "";border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #fff;position: absolute;left: 45px;top: 25px;display: none}
.video-detail .video-title .title-infos .video-name .app-win .app-gz{font-size: 16px;height: 35px;line-height: 24px;color:#999999;padding-left: 23px;position: relative;cursor: pointer;}
.video-detail .video-title .title-infos .video-name .app-win .app-gz:before{content: "";width: 13px;height: 23px;position: absolute;left: 0;top: 0;background: url(.../images/app-icon.png);}
.video-detail .video-title .title-infos .video-name .app-win:hover .app-gz{color:#ff6600;}
.video-detail .video-title .title-infos .video-name .app-win:hover .app-gz:before{background-position: -14px 0}
.video-detail .video-title .title-infos .video-name .app-m{position: absolute;right: 0;top: 33px;background: #fff;width: 140px;text-align: center;padding:12px 0 16px;z-index: 5;display: none;}
.video-detail .video-title .title-infos .video-name .app-m .p1{color:#666;line-height: 18px;}
.video-detail .video-title .title-infos .video-name .app-m .p2{line-height: 32px;color:#666;}
.video-detail .video-title .title-infos .video-name .app-m .code-img{width: 90px;margin:12px auto 5px;}
.video-detail .video-title .title-infos .video-name .app-m .code-img img{display: block;width: 90px;height: 90px;}
.video-detail .video-title .title-infos .video-name .app-m .more{width: 90px;height: 26px;line-height: 26px;text-align: center;border-radius: 4px;color:#fff;margin:0 auto;background: #ff6600;transition: all .2s;display: block;}
.video-detail .video-title .title-infos .video-name .app-m .more:hover{opacity: .8;}
.video-detail .video-title .title-infos .infos-span {
display: inline-block;
font-size: 14px;
color: #999;
margin-right: 20px;
}
.video-detail .video-title .title-infos em {
font-weight: normal;
}
.video-detail .video-title .title-infos h3 {
color: #ccc;
font-size: 24px;
font-weight: normal;
padding: 30px 0 18px;
}
.video-detail .video-title .title-infos .infos-span {
display: inline-block;
font-size: 14px;
color: #999;
margin-right: 20px;
}
.video-detail .video-title .title-infos em {
font-weight: normal;
}
.video-detail .video-title .title-other .up-practice-btn {
margin-top: 40px;
display: inline-block;
width: 132px;
height: 40px;
line-height: 40px;
text-align: center;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 16px;
color: #999;
background: #2d2d2d;
cursor: pointer;
}
.video-detail .video-title .title-other .up-practice-btn:hover {
background: #ffd500;
color: #333;
}
/*��Ƶ����*/
.video-body {
/* position: relative; */
/* padding-right: 320px; */
display: flex;
  /* flex-direction: column; */
justify-content: center;
/* width: 1200px; */


}
.video-body .body-left {
position: relative;
width: 1200px;
}
.video-body .left-main {
width: 100%;
height: 562px;
position: relative;
}
.video-body .left-main.wideBigScreen {
height: 740px;
}
.video-body .left-main.wideSmallScreen {
height: 520px;
}
.video-body .left-main .video-frame {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
cursor: pointer
}
.video-body .left-main .video-frame .video-theme-img {
display: block;
width: 100%;
height: 100%;
}
.video-body .left-main .video-frame .play-btn {
display: block;
width: 102px;
height: 102px;
background: url(.../images/video-play-icon.png) no-repeat center;
position: absolute;
left: 50%;
top: 50%;
margin: -61px -61px;
z-index: 9;
}
.video-body .left-main .little-disc-tip {
width: 100px;
height: 120px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
position: absolute;
right: 0;
bottom: 38px;
z-index: 1000;
}
.video-body .left-main .little-disc-tip .write-disc-icon {
display: block;
width: 55px;
height: 67px;
background: url(.../images/little-write-disc.png) no-repeat center;
margin: 5px auto 10px 26px;
}
.video-body .left-main .little-disc-tip .write-btn {
display: block;
width: 84px;
height: 26px;
line-height: 26px;
text-align: center;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 12px;
color: #fff;
background: #6cdce4;
margin: 0 auto;
cursor: pointer;
}
.video-body .left-main .little-disc-tip .write-close {
display: block;
width: 7px;
height: 7px;
background: url(../images/play-detail-icons.png) no-repeat -4px -183px;
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
}
.video-body .left-main .flash-box {
width: 100%;
height: 100%;
padding-top: 100px;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
z-index: 99;
}
.video-body .left-main .flash-box p {
font-size: 18px;
color: #ccc;
line-height: 48px;
text-align: center;
}
.video-body .left-main .flash-box .choose-do {
margin-top: 80px;
text-align: center;
}
.video-body .left-main .flash-box .choose-do dl {
vertical-align: top;
display: inline-block;
width: 215px;
text-align: center;
}
.video-body .left-main .flash-box .choose-do dl p {
font-size: 16px;
margin-top: 20px;
}
.video-body .left-main .flash-box .choose-do dl i {
display: inline-block;
margin-right: 4px;
background: url(../images/play-detail-icons.png) no-repeat;
}
.video-body .left-main .flash-box .choose-do dl i.up-i {
width: 14px;
height: 22px;
background-position: -3px -198px;
vertical-align: middle;
}
.video-body .left-main .flash-box .choose-do dl i.open-i {
width: 15px;
height: 19px;
background-position: -23px -198px;
vertical-align: -2px;
}
.video-body .left-main .flash-box .choose-do .or-span {
font-size: 16px;
color: #ccc;
line-height: 100px;
margin: 0 50px;
}
.video-body .left-main .wide-handle {
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 99;
}
.video-body .left-main .wide-handle .wd-icon {
display: inline-block;
width: 11px;
height: 11px;
background: url(.../images/wide-icon.png) no-repeat;
}
.video-body .left-main .wide-handle .wd-icon.open {
background-position: -12px 0;
}
.video-body .left-main .wide-handle .wd-icon.close {
background-position: 0 0;
margin-bottom: 3px;
}
.video-body .left-main .wide-handle .open-wide-screen {
width: 15px;
height: 50px;
background: #1a1a1a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: -15px;
top: 50%;
line-height: 1.4;
margin-top: -25px;
cursor: pointer;
}
.video-body .left-main .wide-handle .open-wide-screen:hover {
background: #ffd500;
}
.video-body .left-main .wide-handle .open-wide-screen:hover .open {
background-position: -12px -12px;
}
.video-body .left-main .wide-handle .close-wid-screen {
cursor: pointer;
width: 30px;
height: 100%;
padding: 0 5px;
background: #2d2d2d;
color: #999;
position: absolute;
right: -30px;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.4;
}
.video-body .left-foot {
background: #26262b;
width: 100%;
height: 50px;
}
.video-body .left-foot .bdsharebuttonbox > span, .video-body .left-foot .bdsharebuttonbox > a {
font-size: 14px;
color: #999;
line-height: 50px;
vertical-align: middle
}
.video-body .left-foot .bdsharebuttonbox {
display: inline-block;
}
.video-body .left-foot .bdsharebuttonbox a {
display: inline-block;
position: relative;
vertical-align: middle;
margin: 0 6px;
background: url(../images/play-detail-icons.png) no-repeat;
}
.video-body .left-foot .bdsharebuttonbox a.bds_sqq {
width: 18px;
height: 16px;
background-position: 0 0;
}
.video-body .left-foot .bdsharebuttonbox a.bds_sqq:hover {
background-position: -22px 0;
}
.video-body .left-foot .bdsharebuttonbox a.bds_weixin {
width: 19px;
height: 16px;
background-position: 0 -22px;
}
.video-body .left-foot .bdsharebuttonbox a.bds_weixin:hover {
background-position: -22px -22px;
}
.video-body .left-foot .bdsharebuttonbox a.bds_tsina {
width: 18px;
height: 15px;
background-position: 0 -44px;
}
.video-body .left-foot .bdsharebuttonbox a.bds_tsina:hover {
background-position: -22px -44px;
}
.video-body .left-foot .bdsharebuttonbox a.bds_huaban {
width: 17px;
height: 17px;
background-position: 0 -65px;
}
.video-body .left-foot .bdsharebuttonbox a.bds_huaban:hover {
background-position: -22px -65px;
}
.video-body .left-foot .bdsharebuttonbox a.bds_qzone {
width: 17px;
height: 18px;
background-position: 0 -88px;
}
.video-body .left-foot .bdsharebuttonbox a.bds_qzone:hover {
background-position: -22px -88px;
}
.video-body .left-foot .clect-cut {
color: #999;
cursor: pointer;
width: 68px;
height: 31px;
margin:10px 10px 0 0;
border:1px #999999 solid;
border-radius: 4px;
line-height: 28px;
text-align: center;
margin-top: 13px;
}
.video-body .left-foot .clect-aaa {
color: #ff8100;
cursor: pointer;
height: 31px;
margin:10px 10px 0 0;
border:0px #999999 solid;
border-radius: 4px;
line-height: 28px;
text-align: center;
float:left;
}
.video-body .left-foot .clect-cut:hover .clect-icon, .video-body .left-foot .clect-cut.on .clect-icon {
background-position: -22px -111px;
}
.video-body .left-foot .clect-cut.ed i{display: none;}
.video-body .left-foot .lf-update {
font-size: 14px;
color: #999;
line-height: 50px;
}
.video-body .body-right {
position: relative;
background: #2d2d2d;
overflow: hidden;
}
.video-body .right-top {
height: 100px;
padding: 15px 20px;
background: #333;
}
.video-body .right-top .teacher-info {
height: 70px;
position: relative;
padding-left: 85px;
}
.video-body .right-top .teacher-info img {
display: block;
width: 70px;
height: 70px;
position: absolute;
left: 0;
top: 0;
border-radius: 50%
}
.video-body .right-top .teacher-info p {
line-height: 30px;
}
.video-body .right-top .teacher-info .tch-name {
font-size: 18px;
color: #fff;
}
.video-body .right-top .teacher-info .tch-name span {
max-width: 70px;
display: inline-block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
.video-body .right-top .teacher-info .tch-atnum {
font-size: 14px;
color: #999;
}
.video-body .right-top .atten {
display: block;
width: 70px;
height: 25px;
background: #444;
color: #999;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align: center;
line-height: 25px;
font-size: 14px;
margin-top: 2px;
}
.video-body .right-top .atten i {
display: inline-block;
width: 14px;
height: 13px;
background: url(../images/play-detail-icons.png) no-repeat -4px -226px;
margin-right: 4px;
vertical-align: -2px;
}
.video-body .right-top .atten:hover {
background: #ff9c00;
color: #fff;
}
.video-body .right-top .atten:hover i {
background-position: -24px -226px;
}
.video-body .right-mid{
overflow-x: hidden;
overflow-y: auto;
/* padding: 0 35px 20px;
height: -webkit-calc(91% - 100px) !important;;
height: calc(91% - 100px) !important;; */
}
.video-body .right-mid::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.video-body .right-mid::-webkit-scrollbar-track-piece {
background-color: #333;
-webkit-border-radius: 6px;
}
.video-body .right-mid::-webkit-scrollbar-thumb:vertical {
height: 4px;
background-color: #999999;
-webkit-border-radius: 6px;
}
.video-body .right-mid::-webkit-scrollbar-thumb:horizontal {
width: 4px;
background-color: #333;
-webkit-border-radius: 6px;
}
.video-body .right-mid .mid-down {
text-align: center;
margin: 20px 0;
}
.video-body .right-mid .mid-down .down-btn {
display: inline-block;
width: 47%;
height: 55px;
line-height: 55px;
text-align: center;
font-size: 18px;
color: #666;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
background: #ffd500;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.video-body .right-mid .mid-down .down-btn:first-child {
margin-right: 8px;
}
.video-body .right-mid .mid-down .down-btn:hover {
background: #ffe366;
}
.video-body .right-mid .mid-down .down-btn i {
display: inline-block;
width: 20px;
height: 20px;
background: url(../images/play-detail-icons.png) no-repeat -21px -177px;
margin-right: 6px;
vertical-align: -4px;
}
.video-body .right-mid .mid-disc-btn {
display: block;
width: 100%;
height: 55px;
line-height: 55px;
text-align: center;
font-size: 18px;
color: #666;
background: #fff6c6;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
cursor: pointer;
}
.video-body .right-mid .mid-disc-btn:hover {
background: #ffd500;
color: #fff;
}
.video-body .right-mid .mid-tool-bar {
margin-top: 25px;
}
.video-body .right-mid .mid-tool-bar h4 {
font-size: 14px;
color: #ccc;
line-height: 28px;
font-weight: normal;
}
.video-body .right-mid .mid-tool-bar p, .video-body .right-mid .mid-tool-bar span {
line-height: 28px;
font-size: 14px;
color: #999;
}
.video-body .right-mid .mid-tool-bar span.tool-sp {
cursor: no-drop;
margin-right: 15px;
}
.video-body .right-mid .mid-tool-bar span.tool-sp a {
color: #fff
}
.video-body .right-mid .mid-tool-bar span.tool-sp a:hover {
color: #ffd500
}
/*ÿ��һ��ͼ�����۵�*/
/*����*/
.practice-introduce {
margin: 30px 0;
border: 1px solid #e8e8e8;
}
.practice-introduce .intro-hdbox {
padding: 20px;
border-bottom: 1px solid #e8e8e8;
}
.practice-introduce .intro-hdbox p {
line-height: 24px;
font-size: 16px;
color: #666;
word-break: break-all;
white-space: normal;
}
.practice-introduce .intro-bdbox {
padding: 20px 20px 20px 80px;
position: relative;
border-bottom: 1px solid #e8e8e8;
}
.practice-introduce .intro-bdbox .prac-icon {
display: block;
width: 40px;
height: 39px;
background: url(../images/play-detail-icons.png) no-repeat 0 -137px;
position: absolute;
left: 20px;
top: 20px;
}
.practice-introduce .intro-bdbox .bdbox-main {
height: 48px;
overflow: hidden;
}
.practice-introduce .intro-bdbox .bdbox-main p {
line-height: 24px;
font-size: 16px;
color: #666;
}
.practice-introduce .look-detail {
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
}
.practice-introduce .look-detail .look-arrow {
display: inline-block;
margin-left: 5px;
width: 13px;
height: 8px;
background: url(/.../images/comments-icons.v1.png) no-repeat -88px -106px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.practice-introduce .look-detail.on .look-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/*ͼ���л�*/
.practice-comments {
margin-bottom: 40px;
}
.play-comments {
margin: 30px 0;
}
.play-comments .plc-left {
width: 920px;
}
.play-comments .plc-right {
width: 300px;
}
.play-comments .plc-right .right-box-item {
margin-bottom: 25px;
border: 1px solid #d4538c;
width: 100%;
}
.play-comments .dynamic-title {
padding: 15px;
border-bottom: 1px solid #d4538c;
}
.play-comments .dynamic-title h3 {
border-left: 10px;
font-size: 18px;
color: #b7b7b7;
font-weight: normal;
padding-left: 10px;
border-left: 3px solid #d4538c;
}
.play-comments .dynamic-body {
height:415px;
overflow: hidden;
padding: 0 15px;
}
.play-comments .dynamic-body ul {
width: 100%;
overflow: hidden;
}
.play-comments .dynamic-body li {
position: relative;
height: 85px;
border-bottom: 1px solid #e8e8e8;
}
.play-comments .dynamic-body li > a > div {
position: absolute;
padding: 15px 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: all .33s ease-out;
-o-transition: all .33s ease-out;
transition: all .33s ease-out;
}
.play-comments .dynamic-body li > a > div img {
display: block;
position: absolute;
left: 0;
top: 15px;
}
/*.play-comments .dynamic-body li > a{position: relative;}*/
.play-comments .dynamic-body li .chark-top {
margin-bottom: 20px;
}
.play-comments .dynamic-body li .li-user img {
width: 55px;
height: 55px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.play-comments .dynamic-body li .li-user .chark-info {
margin-left: 65px;
}
.play-comments .dynamic-body li .li-user .us-name em {
width: 50px;
display: inline-block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: normal;
}
.play-comments .dynamic-body li .li-user .us-name .lit-vip-icon {
display: inline-block;
width: 17px;
height: 16px;
margin: 0 5px;
background: url(../images/play-detail-icons.png) no-repeat -3px -242px;
vertical-align: -2px;
}
.play-comments .dynamic-body li .li-user .us-stay, .play-comments .dynamic-body li .li-user .us-time {
color: #999;
}
.play-comments .dynamic-body li .li-user .chark-botm p {
display: inline-block;
max-width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.play-comments .dynamic-body li .li-live {
left: -100%;
}
.play-comments .dynamic-body li .li-live img {
display: block;
width: 80px;
height: 55px;
}
.play-comments .dynamic-body li .li-live .chark-info {
margin-left: 90px;
}
.play-comments .dynamic-body li .li-live .chark-top p {
display: inline-block;
max-width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.play-comments .dynamic-body li .li-live .chark-botm span {
color: #999;
font-size: 14px;
}
.play-comments .dynamic-body li:hover .li-user {
left: 100%;
}
.play-comments .dynamic-body li:hover .li-live {
left: 0;
}
.events-frame .events-title {
height: 50px;
border: 1px solid #d4538c;
border-bottom: none;
line-height: 48px;
padding-left: 10px;
}
.events-frame .events-title .evet-tab {
display: inline-block;
margin: 0 20px;
font-size: 18px;
color: #999;
position: relative;
}
.events-frame .events-title .evet-tab .icon-new{position: absolute;background: url(.../images/comments-icons.v1.png) -185px -88px;width: 21px;height: 12px;right: -24px;top: 8px;}
.events-frame .events-title .evet-tab:hover, .events-frame .events-title .evet-tab.on {
border-bottom: 2px #ffd200 solid;
color: #bdbdbd;
}
/*ͼ�IJ���*/
.course-main {
padding: 20px 40px;
border: 1px solid #d4538c;
position: relative;
}
.course-main img {
max-width: 100%;
}
.course-main * {
white-space: normal !important;
}
.course-main p {
line-height: 30px;
}
.course-main .limit-affirm {
width: 100%;
height: 140px;
border: 1px #d7d7d7 solid;
background: #fff;
-webkit-box-shadow: 0 3px 3px #d7d7d7;
box-shadow: 0 3px 3px #d7d7d7;
text-align: center;
opacity: .97;
position: absolute;
left: 0;
bottom: 0;
line-height: 140px;
}
.course-main .limit-affirm a {
display: inline-block;
width: 346px;
height: 66px;
border: 2px #ff5300 solid;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ff5300;
text-align: center;
font-size: 24px;
line-height: 66px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
/********** �κ���ϰ **********/
.flow-list .flow-item {
width: 270px;
margin-right: 15px;
}
.flow-list .flow-item .item-show {
width: 270px;
}
.course-main p.name-tit {
display: inline-block;
padding-left: 6px;
margin-bottom: 15px;
border-left: 3px solid #feae04;
font-size: 16px;
line-height: 1;
}
/*��������ҳͼ�������Լ�������*/
/* ���� s*/
/*����*/
.comments {
border: 1px solid #d4538c;
}
/*��ʼ���۰�ť*/
.comments-start {
height: 158px;
text-align: center;
}
.comments-start p {
font-size: 18px;
color: #666;
line-height: 82px;
}
.comments-start .start-btn {
cursor: pointer;
display: inline-block;
width: 130px;
height: 40px;
line-height: 40px;
text-align: center;
background: #ffd200;
font-size: 16px;
color: #333;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.comments-start .start-btn:hover {
background: #ffd900;
}
/*��һ������*/
.comments-body > .comments-item {
position: relative;
padding-top:30px;
margin:0 30px;
border-bottom: 1px solid #E8E8E8;
}
.comments-body .comments-item .block-tier, .comments-body .comments-item .reply-form-container .reply-form {
padding: 10px 15px;
overflow: hidden;
background: #fafafa;
}
.comments-body .comments-item em {
font-weight: normal;
font-style: normal;
}
.comments-body .comments-item .rp-color {
color: #6c8dd5;
}
.comments-body .comments-item .surplus-num{color:#999;}
/*ͷ����С*/
.comments-body .comments-item .avatar {
width: 35px;
height: 35px;
display: block;
margin-right: 10px;
position: relative;
}
.comments-body .comments-item .avatar .uhd-vip {
display: block;
background: url(.../images/uhd-vip-icon.png) no-repeat;
width: 20px;
height: 23px;
position: absolute;
left: -8px;
bottom: 10px;
}
.comments-body .comments-item .avatar .uhd-name {
width: 100%;
height: 16px;
line-height: 16px;
position: absolute;
left: 0;
bottom: -20px;
text-align: center;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.comments-body .comments-item .avatar.avatar-large {
width: 50px;
height: 50px;
margin-right: 20px;
}
.comments-body .comments-item .avatar img {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.comments-body .comments-item   .content {
margin-left: 70px;
}
.comments-body .comments-item  .content .pices-bar{height: 20px;line-height: 20px;margin-bottom: 8px;}
.comments-body .comments-item  .content {
margin-left: 45px;
margin-bottom: 15px;
}
.comments-body .comments-item .block-tier .content .reply-form-container .reply-form{padding-left:0}
.comments-body .comments-item  .content ~ .block-tier .wkImg{width: 91px;height: 91px;padding:4px;border:1px #e8e8e8 solid;margin:5px 0 6px}
.comments-body .comments-item  .content ~ .block-tier .wkImg img{width: 100%;height: 100%}
/*��һ��������Ϣ*/
.comments-body > .comments-item .star-info {
display: inline-block;
position: relative;
margin:2px 10px 0 15px;
vertical-align: middle;
}
.comments-body > .comments-item .star-score{line-height: 20px;color:#666;}
.comments-body > .comments-item .star-info i {
float: left;
margin-right: 6px;
width: 15px;
height: 15px;
background: url(.../images/comments-icons.v1.png) no-repeat -132px -104px;
}
.comments-body > .comments-item .star-info i.full-star {
background-position: -132px -84px;
}
.comments-body > .comments-item .pices-bar .star-score, .comments-body > .comments-item .pices-bar .disc-time, .comments-body .comments-item .handle-bar .disc-time {
font-size: 14px;
color: #999;
vertical-align: middle;
}
.comments-body > .comments-item .pices-bar .disc-time {
margin: 0 30px;
}
.comments-body > .comments-item .pices-bar .stick, .comments-body > .comments-item .pices-bar .stick-off {
display: inline-block;
padding: 0 4px;
-webkit-border-radius: 2px;
border-radius: 2px;
vertical-align: middle;
height: 17px;
line-height: 17px;
font-size: 12px;
margin-right: 10px;
margin-top: 1px;
}
.comments-body > .comments-item .pices-bar .stick.jh{background: #00a0e9;}
.comments-body > .comments-item .pices-bar .stick {
color: #fff;
background: #f53500;
}
.comments-body > .comments-item .pices-bar .stick-off {
cursor: pointer;
color: #999;
background: #f2f2f2;
border: 1px solid #c1c1c1;
line-height: 14px;
}
/*�Ѷȵȼ�*/
.comments-body > .comments-item .diffcult-level {
display: inline-block;
text-align: center;
height: 18px;
line-height: 18px;
padding: 0 8px;
-webkit-border-radius: 14px;
border-radius: 14px;
font-size: 12px;
color: #fff;
margin: 1px 0 9px;
min-width: 65px;
}
.comments-body > .comments-item .diffcult-level.level-01 {
background: #6c8dd5;
}
.comments-body > .comments-item .diffcult-level.level-02 {
background: #6c8dd5;
}
.comments-body > .comments-item .diffcult-level.level-03 {
background: #6c8dd5;
}
/*�ı�*/
.comments-body .comments-item .text-info p {
word-break: break-all;
font-size: 14px;
color: #666;
line-height: 1.4;
}
.comments-body .comments-item .text-info .reply-from-to b{font-weight: normal;margin-left: -6px;}
.comments-body .comments-item .text-info .reply-from-to em {
margin: 0 10px;
}
/* ������ �ϴ���ͼƬ*/
.comments-body .comments-item .text-info .wkImg {
width: 220px;
height: 220px;
}
.comments-body .comments-item .text-info .wkImg img {
height: 206px;
display: block;
max-width: 714px;
}
.comments-body .comments-item .text-info .wkImgDiv {
width: auto;
display: inline-block !important;
border: 1px solid #e8e8e8;
height: 220px;
padding: 6px;
margin-top: 15px;
}
/*������*/
.comments-body .comments-item .handle-bar {
text-align: left;display: block;
}
.comments-body .comments-item .handle-bar.algin-rigt {
text-align: right;
height: 40px;line-height: 40px;
}
.comments-body .comments-item .handle-bar span {
display: inline-block;
margin: 0 6px;
vertical-align: middle;
font-size: 12px;
color: #999;
cursor: pointer;
}
.comments-body .comments-item .handle-bar .hd{color:#00a0e9;}
.comments-body .comments-item .handle-bar i {
display: inline-block;
background: url(.../images/comments-icons.v1.png) no-repeat;
}
.comments-body .comments-item .handle-bar i.hd-num{width: 14px;height: 15px;background: url(.../images/comments-icons.v1.png) -192px -177px;display: inline-block;vertical-align: -3px;margin-right: 3px;}
.comments-body .comments-item .handle-bar .like-icon {
width: 14px;
height: 14px;
background-position: -69px -84px;
vertical-align: -2px;
margin-right: 3px;
}
.comments-body .comments-item .handle-bar .like-icon.on {
background-position: -68px -105px;
}
.comments-body .comments-item .handle-bar .reply-icon {
width: 18px;
height: 15px;
background-position: -88px -86px;
vertical-align: -5px;
}
.comments-body .comments-item .handle-bar .delet-icon {
width: 16px;
height: 16px;
background-position: -111px -85px;
vertical-align: -4px;
}
/*�ظ���*/
.comments-body .comments-item .reply-form-container .reply-form textarea {
width: 100%;
vertical-align: top;
margin: 10px 0;
padding: 10px;
height: 82px;
outline: none;
border: 1px solid #c1c1c1;
-webkit-box-shadow: inset 0px 2px 10px rgba(153, 153, 153, 0.55);
box-shadow: inset 0px 2px 10px rgba(153, 153, 153, 0.55);
}
.comments-body .comments-item .reply-form-container .reply-form textarea:focus {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(102, 175, 233, 0.6);
}
.comments-body .comments-item .reply-form-container .filed-btns {
text-align: right;
position: relative;
overflow: hidden;
}
.comments-body .comments-item .reply-form-container .filed-btns .up-progress{height: 24px;line-height: 24px;}
.comments-body .comments-item .reply-form-container .filed-btns .up-progress .up-title{line-height: 24px;height: 24px!important;vertical-align: top;}
.comments-body .comments-item .reply-form-container .filed-btns .up-progress .progress-bar{line-height: 24px;height: 24px;}
.comments-body .comments-item .reply-form-container .filed-btns .up-progress .progress-bar .pbar-fth{width: 50px;margin-top: -3px;}
.comments-body .comments-item .reply-form-container .filed-btns .up-progress .up-btn{margin-top: 2px;}
.comments-body .comments-item .reply-form-container .filed-btns .fbtn {
display: inline-block;
margin: 0 5px;
width: 60px;
height: 25px;
line-height: 25px;
text-align: center;
color: #666;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.comments-body .comments-item .reply-form-container .filed-btns .reply-btn {
background: #ffd500;
}
.comments-body .comments-item .reply-form-container .filed-btns .cancle-btn {
background: #f2f2f2;
border: 1px solid #c1c1c1;
}
/*��������������*/
.comments-body .comments-item > .avatar.avatar-large ~ .content ~ .block-tier {
margin-left: 70px;
margin-bottom: 20px;
}
.comments-body .comments-item > .avatar ~ .content ~ .comments-item {
margin-left: 45px;
}
/*���۵���*/
.comments-popup {
margin: 0 auto;
width: 580px;
background: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
position: relative;
overflow: hidden;
}
.comments-popup .popup-title {
height: 47px;
border-bottom: 1px #c1c1c1 solid;
text-align: center;
}
.comments-popup .popup-title .title-word {
color: #333;
font-size: 18px;
line-height: 47px;
}
.comments-popup .close-btn {
position: absolute;
top: 14px;
right: 14px;
display: block;
width: 15px;
height: 15px;
background: url(.../images/popup-close-btn.jpg) no-repeat center;
cursor: pointer;
}
.comments-popup .popup-main {
padding: 22px 15px 20px 20px;
}
.comments-popup .popup-star {
line-height: 24px;
font-size: 14px;
color: #666;
margin-bottom: 30px;
}
.comments-popup .popup-star .grade-tit {
margin-right: 20px;
}
.comments-popup .popup-star .start-grade {
display: inline-block;
}
.comments-popup .popup-star .start-grade i {
display: inline-block;
width: 23px;
height: 23px;
background: url(.../images/comments-icons.v1.png) no-repeat -152px -109px;
cursor: pointer;
}
.comments-popup .popup-star .start-grade i.big-full {
background-position: -152px -84px;
}
.comments-popup .popup-star .grap-txt, .comments-popup .popup-difficult .grap-txt {
font-weight: normal;
margin-left: 15px;
line-height: 26px
}
.comments-popup .popup-difficult .grap-txt {
line-height: 20px;
}
.comments-popup .popup-star .grap-txt.warning-text, .comments-popup .popup-difficult .grap-txt.warning-text {
color: #ff0000
}
.comments-popup .popup-difficult {
margin-bottom: 30px;
}
.comments-popup .popup-difficult span {
font-size: 14px;
color: #666;
line-height: 20px;
margin-right: 20px;
}
.comments-popup .popup-difficult a {
float: left;
margin-right: 10px;
padding: 0 6px;
height: 20px;
border: 1px #c1c1c1 solid;
-webkit-border-radius: 20px;
border-radius: 20px;
color: #666;
text-align: center;
font-size: 14px;
line-height: 20px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.comments-popup .popup-difficult a:hover, .comments-popup .popup-difficult a.on {
border: 1px #ffd200 solid;
background: #ffd200;
}
.comments-popup .popup-textarea {
position: relative;
overflow: hidden;
}
.comments-popup .popup-textarea em {
font-weight: normal;
font-style: normal;
}
.comments-popup .popup-textarea textarea {
padding: 10px;
width: 100%;
height: 148px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 2px 0 15px rgba(206, 203, 203, 0.8) inset;
box-shadow: 2px 0 15px rgba(206, 203, 203, 0.8) inset;
}
.comments-popup .popup-textarea div.reply-warning {
position: absolute;
top: 10px;
left: 160px;
padding: 15px 30px;
width: 220px;
height: 75px;
border-radius: 4px;
background: rgba(0, 0, 0, .7);
background: #000;
color: #fff;
font-size: 14px;
line-height: 22px;
opacity: .7;
filter: alpha(opacity=7)
}
.comments-item div.reply-warning-two {
position: absolute;
top: 171px;
left: 328px;
padding: 15px 30px 15px 36px;
width: 210px;
height: 50px;
border-radius: 4px;
background: rgba(0, 0, 0, .7);
background: #000;
color: #fff;
font-size: 14px;
line-height: 22px;
opacity: .7;
}
.comments-popup .popup-textarea .cont-num {
position: absolute;
right: 10px;
bottom: 10px;
}
.comments-popup .but-box {
text-align: center;
padding: 0 20px 20px;
}
.comments-popup .but-box .post-btn {
display: inline-block;
width: 158px;
height: 50px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #ffd200;
color: #333;
text-align: center;
font-size: 18px;
line-height: 50px;
margin-top: 15px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.comments-popup .but-box .post-btn:hover {
opacity: .8;
filter: alpha(opacity=80);
}
.comments-popup .but-box .rm-but {
display: inline-block;
margin: 0 5px;
width: 86px;
height: 40px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #f0efed;
color: #666;
text-align: center;
font-size: 18px;
line-height: 40px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer;
}
.comments-popup .but-box .rm-but.sure-btn {
background: #f8d447;
color: #333;
}
.comments-popup .but-box .rm-but:hover {
opacity: .8;
filter: alpha(opacity=80);
}
.comments-popup .rm-main p {
padding: 20px 0;
color: #666;
text-align: center;
font-size: 18px;
line-height: 22px;
}
/* ���� e*/
/*ȷ��ѧϰ����*/
.learning-warning-cont {
width: 600px;
margin: 0 auto;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
position: relative;
cursor: pointer;
}
.learning-warning-cont .lwc-close-btn {
display: block;
width: 20px;
height: 20px;
background: url(.../images/pub-big-close.png) no-repeat center;
position: absolute;
right: 15px;
top: 15px;
}
.learning-warning-cont img {
display: block;
margin: 0 auto;
padding: 50px 0 25px;
}
.learning-warning-cont h4 {
text-align: center;
font-size: 22px;
font-weight: normal;
color: #333;
margin-bottom: 25px;
}
.learning-warning-cont .wColor {
color: #ff5300;
}
.learning-warning-cont P {
text-align: center;
font-size: 18px;
color: #999;
line-height: 28px;
}
.learning-warning-cont .btn-box {
margin-top: 40px;
padding: 20px 0;
text-align: center;
border-top: 1px dashed #e8e8e8;
}
.learning-warning-cont .btn-box .b-btn {
display: inline-block;
width: 145px;
height: 54px;
text-align: center;
line-height: 54px;
font-size: 16px;
color: #333;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 36px;
}
.learning-warning-cont .btn-box .b-btn.support {
background: #ff5300;
color: #fff;
}
.learning-warning-cont .btn-box .b-btn.cancle {
background: #e8e8e8;
}
.learning-warning-cont .btn-box .b-btn.sure {
background: #ffd500;
}
.learning-warning-cont .btn-box .b-btn:hover {
opacity: .8;
filter: Alpha(opacity=80);
}
/*�������*/
.video-current-position .cpi-icon {
display: inline-block;
width: 10px;
height: 14px;
background: url(.../images/search_breadcrumb.png) no-repeat center;
}
.video-current-position a, .video-current-position span {
color: #ababab;
}
.video-current-position .location {
color: #fff;
}
/*��������*/
#bdshare_weixin_qrcode_dialog {
box-sizing: content-box;
-webkit-box-sizing: content-box
}
.comments-body > .comments-item .text-info {
line-height: 24px;
width: 100%;
word-wrap: break-word;
word-break: break-all;
font-size: 16px;color:#666666;
position: relative;
padding-right: 95px;
}
.comments-body > .comments-item .text-info .caina{position: absolute;width: 72px;height: 30px;line-height: 28px;border:1px #e8e8e8 solid;background: #fff;border-radius: 4px;color:#666;right: 0;top: 6px;font-size: 14px;cursor: pointer;text-align: center;}
.comments-body > .comments-item .text-info .yicai{position: absolute;width: 72px;height: 30px;line-height: 28px;border:1px #e8e8e8 solid;background: #fff;border-radius: 4px;color:#666;right: 0;top: 6px;font-size: 14px;text-align: center;}
.comments-body > .comments-item .text-info .caina:hover{background: #ffd200;border-color: #ffd200;}
.comments-body > .comments-item .text-info .tiwen{color:#00a0e9;position: relative;margin-left: -7px;}
.video-body .left-main .wide-srceen {
position: absolute;
bottom: 0;
right: 170px;
color: #fff;
height: 36px;
line-height: 36px;
}
.video-body .left-main .wide-srceen > span {
color: #fff;
height: 36px;
line-height: 36px;
cursor: pointer
}
/*ѧϰ����*/
.reminder-winbox {
width: 600px;
background: #fff;
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 1px;
border-radius: 6px;
box-shadow: 0 2px 10px rgba(0, 0, 0, .33)
}
.reminder-winbox .rw-close-btn {
position: absolute;
top: 14px;
right: 14px;
display: block;
width: 25px;
height: 25px;
background: url(.../images/hkt-icons.png) no-repeat -113px -78px;
cursor: pointer;
}
.reminder-winbox .local-caution-icon {
display: block;
width: 110px;
height: 110px;
margin: 25px auto;
}
.reminder-winbox h3 {
color: #191b1c;
text-align: center;
font-weight: 400;
font-size: 24px;
}
.reminder-winbox .state-tip {
margin: 13px 0;
color: #999;
text-align: center;
font-size: 20px;
line-height: 1;
margin: 15px 0;
}
.reminder-winbox .state-tip a {
color: #ff5300;
text-decoration: underline;
}
.reminder-winbox .notice-red {
color: #ff5300;
}
.reminder-winbox .plait-icon {
display: inline-block;
width: 25px;
height: 25px;
background: url(.../images/plait-icon.png) no-repeat center;
vertical-align: middle;
}
/*��ť*/
.reminder-winbox .button-clude {
text-align: center;
margin: 20px 0 30px;
}
.reminder-winbox .button-clude .btn-carrier {
display: inline-block;
margin: 0 20px;
width: 228px;
height: 66px;
line-height: 66px;
text-align: center;
font-size: 18px;
color: #000;
}
.reminder-winbox .button-clude .cancel {
border: 1px solid #999;
}
.reminder-winbox .button-clude .cancel:hover {
background: #dcdcdc;
}
.reminder-winbox .button-clude .sure {
background: #f6ea01;
}
.reminder-winbox .button-clude .sure:hover {
background: #e0d500;
}
.reminder-winbox .button-clude .sponsor {
background: #ff5300;
color: #fff;
font-size: 18px;
}
/*ͼ��*/
.reminder-winbox .sure-study-icon {
background: url(.../images/study-icon.png) no-repeat center;
}
.reminder-winbox .become-vip-normal {
background: url(.../images/become-vip.png) no-repeat center;
}
.reminder-winbox .update-vip-plait {
width: 102px;
height: 102px;
background: url(.../images/big-plait-icon.png) no-repeat center;
}
/*��ʾ�Ե���*/
/**
ѧϰ��������ʾ����
*/
.caute-winbox {
width: 500px;
position: relative;
min-height: 242px;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 10px rgba(0, 0, 0, .33);
margin: 0 auto;
}
.caute-winbox .caute-close-btn {
width: 20px;
height: 20px;
background: url(.../images/caute-close-icon.png) no-repeat center;
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.caute-winbox .caute-bd {
width: 500px;;
height: 156px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.caute-winbox .caute-bt {
display: block;
text-align: center;
border-top: 1px dashed #e8e8e8;
}
.caute-winbox .caute-bd h3 {
font-size: 22px;
color: #333;
font-weight: normal;
}
.caute-winbox .caute-bd p {
font-size: 18px;
color: #999;
margin-top: 24px;
}
.caute-winbox .caute-bt .quick-btn {
margin: 15px 0;
display: inline-block;
width: 132px;
height: 54px;
text-align: center;
line-height: 54px;
font-size: 16px;
color: #333;
background: #ffd500;
border-radius: 4px;
}
.caute-winbox .caute-bt .quick-btn:hover {
opacity: .8;
filter: alpha(opacity=80);
}
/**@6-28ͼ������������*/
.course-comment-form {
margin-top: 10px;
position: relative;
}
.course-comment-form .rule{position: absolute;top: 51px;right: 30px;color:#999;font-size: 12px;height: 25px;}
.course-comment-form .rule i{width: 14px;height: 13px;margin-right: 4px;display: inline-block;background: url(.../images/comments-icons.v1.png) -178px -206px;vertical-align: -2px;}
.course-comment-form .rule .tips-con{position: absolute;right: 0;top: 21px;width: 277px;border:1px #e8e8e8 solid;background: #fff;padding:7px 8px;z-index: 5;display: none;}
.course-comment-form .rule:hover .tips-con{display: block;}
.course-comment-form .rule .tips-con:before{content: "";position: absolute;width: 12px;height: 9px;right: 16px;top:-9px;background: url(.../images/comments-icons.v1.png) -163px -164px;z-index: 8}
.course-comment-form .rule .tips-con .p1{ font-size: 14px;color:#333333;height: 20px; }
.course-comment-form .rule .tips-con .p2{line-height: 14px;}
.course-comment-form .rule .tips-con .p3{margin-top: 14px;}
.course-comment-form .rule:hover span{color:#9e7e6b;}
.course-comment-form .rule:hover span i{background-position: -192px -206px;}
.course-comment-form .ccf-hd {
text-align: center;
line-height: 44px;
font-size: 18px;
color: #333;
padding:0 30px;
}
.course-comment-form .ccf-bd{padding: 15px 30px 0;}
.course-comment-form .ccf-item {
position: relative;
margin-right: 20px;
}
.course-comment-form .ccf-item .cs-tit {
font-size: 16px;
color: #666;
line-height: 25px;
margin-right: 5px;
}
.course-comment-form .ccf-item .cs-star i {
display: inline-block;
width: 23px;
height: 23px;
background: url(.../images/comments-icons.v1.png) no-repeat -152px -109px;
cursor: pointer;margin-right: 6px
}
.course-comment-form .ccf-item .cs-star i.big-full {
background-position: -152px -84px;
}
.course-comment-form .ccf-item .cs-star-txt, .course-comment-form .ccf-item .grap-txt {
font-size: 14px;
color: #666;
line-height: 25px;
font-weight: normal;
margin-left: 10px;
display: none;
}
.course-comment-form .ccf-item .cs-star-txt, .course-comment-form .ccf-item .grap-txt.warning-text{display:block}
.course-comment-form .ccf-item .grap-txt.warning-text {
color: #ff0000;
}
.course-comment-form .ccf-item a {
float: left;
margin-top: 3px;
margin-right: 10px;
width: 56px;
text-align: center;
height: 20px;
border: 1px #c1c1c1 solid;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #666;
text-align: center;
font-size: 12px;
line-height: 18px;
}
.course-comment-form .ccf-item a:hover, .course-comment-form .ccf-item a.on {
border: 1px #ffd200 solid;
background: #ffd200;
}
.course-comment-form .ccf-ft div.form {
margin-top: 25px;
padding:0 30px;
position: relative;
}
.course-comment-form .ccf-ft div.form em {
font-weight: normal;
font-style: normal;
}
.course-comment-form .ccf-ft textarea {
display: block;
width: 100%;
height: 120px;
border-radius: 2px;
box-shadow: 2px 0 15px rgba(206, 203, 203, 0.8) inset;
border: 1px solid #e8e8e8;
padding: 15px;
font-size: 14px;
color: #333;
transition: all .2s
}
.asking-form .ccf-ft form{padding: 0 30px}
.asking-form .ccf-ft textarea{height: 170px;}
.course-comment-form .ccf-ft textarea::placeholder{color:#c0c0c0;}
.course-comment-form .ccf-ft textarea:focus {
box-shadow: 2px 0 15px rgba(0, 0, 0, .25) inset;
}
.course-comment-form .ccf-ft .cont-num {
position: absolute;
right: 40px;
bottom: 10px;
color:#999;
}
.course-comment-form .ccf-ft .ccf-submit {
display: block;
width: 130px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #333;
background: #ffd500;
border-radius: 4px;
}
.course-comment-form .ccf-ft .ccf-submit.ing{background: #e8e8e8;color:#999999;pointer-events: none;}
.course-comment-form .ccf-ft .ccf-submit:hover {
opacity: .8;
filter: alpha(opacity=80);
}
.course-comment-form .ccf-ft .reply-warning {
position: absolute;
top: 10px;
left: 50%;
margin-left: -110px;
padding: 15px 30px;
width: 220px;
height: 75px;
border-radius: 4px;
background: rgba(0, 0, 0, .7);
background: #000;
color: #fff;
font-size: 14px;
line-height: 22px;
opacity: .7;
filter: alpha(opacity=7);
}
/*��Ƶ����*/
/*   <!--�¼�����2������vip���� s-->*/
.experience-moba {
width: 550px;
height: 360px;
background: #fff;
margin: 0 auto;
border-radius: 5px;
position: relative;
}
.experience-moba .moba-close-btn {
width: 20px;
height: 20px;
background: url(.../images/caute-close-icon.png) no-repeat center;
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.experience-moba p {
font-size: 22px;
color: #333;
text-align: center;
padding-top: 100px;
}
.experience-moba .experience-target-btn {
display: block;
width: 132px;
height: 54px;
line-height: 54px;
text-align: center;
border-radius: 4px;
font-size: 16px;
color: #333;
background: #ffd500;
margin: 124px auto 0;
}
.experience-moba .experience-target-btn:hover {
opacity: .8;
filter: alpha(opacity=80)
}
/*<!--�¼�����2������vip���� s--> e*/
/*2017-7-17 ������  */
.play-comments .recomended-body {
padding: 14px 15px;
overflow: hidden;
}
.play-comments .recomended-body .recomend-box ul {
margin-right: -10px;
width: 102% \9;
}
.play-comments .recomended-body .recomend-box .rbox-item {
margin: 0 9px 6px 0;
width: 129px;
}
.play-comments .recomended-body .recomend-box .rbox-item .img-show {
width: 129px;
height: 81px;
overflow: hidden;
}
.play-comments .recomended-body .recomend-box .rbox-item img {
display: block;
width: 100%;
height: 100%;
transition: all .2s;
}
.play-comments .recomended-body .recomend-box .rbox-item p {
font-size: 14px;
color: #666;
line-height: 30px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.play-comments .recomended-body .recomend-box .rbox-item:hover img {
transform: scale(1.05)
}
.play-comments .plc-right .right-box-item .advertisement {
width: 100%;
height: 124px;
}
.play-comments .plc-right .right-box-item .advertisement img {
display: block;
width: 100%;
height: 100%;
}
/*�ϴ�ͼƬ���۵� s  */
.comments .up-progress {
text-align: left;
}
.comments .up-progress .progress-bar, .comments .up-progress .pbar-fth, .comments .up-progress .up-title {
display: inline-block;
vertical-align: middle;
height: 40px;line-height: 40px;
}
.comments .up-progress .up-btn {
display: inline-block;
width: 24px;
height: 19px;
background: url(.../images/comments-icons.v1.png) no-repeat -182px -156px;
float: left;margin-top: 10px;margin-right: 10px;
}
.comments .up-title:hover .up-btn{background-position: -182px -136px;}
.comments .up-progress .up-title {
font-size: 14px;
color: #999;
cursor: pointer;
}
.comments .up-progress .up-title > span {
vertical-align: middle;
}
.comments .up-progress .up-title:hover span {
color: #ffa900;
}
.comments .up-progress .pbar-fth {
width: 75px;
height: 11px;
overflow: hidden;
margin: 0 10px;
vertical-align: 0;
position: relative;
border-radius: 5px;
}
.comments .up-progress .pbar-fth:before{content: "";width: 100%;position: absolute;left: 0;top: 0;height: 9px;border:1px #e8e8e8 solid;border-radius: 5px;background: #f8f8f8;}
.comments .up-progress .pbar-fth .pbar-line {
height: 100%;
background: #ffd200;
max-width: 100%;
border-radius: 5px;
position: relative;
z-index: 2
}
.comments .up-progress span {
font-size: 14px;
color: #999;
}
.comments .up-progress .pbar-tips {
font-size: 14px;
color: #f53500;
vertical-align: middle;
}
.course-comment-form .ccf-ft .up-submit {
padding:10px 30px;
border-bottom: 1px #e8e8e8 solid;
}
.course-comment-form .ccf-ft .comments .up-progress {
}
.comments-popup .but-box .comments .up-progress .pbar-fth {
width: 80px;
}
.comments .up-progress .rm-btn {
display: inline-block;
width: 10px;
height: 10px;
background: url(.../images/pbar-rm-btn.png) no-repeat center;
vertical-align: middle;
cursor: pointer;
margin: 0 4px;
vertical-align: 0;
}
/*�ϴ�ͼƬ���۵� e  */
/* �鿴��ͼͼƬ */
.bigImgShow {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
}
.bigImgShow .bigImgShow-mask {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #000;
opacity: .8;
filter: alpha(opacity=80)
}
.bigImgShow .bigImgShow-box img {
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
vertical-align: top;
border: 0;
max-width: 100%;
}
.bigImgShow .bigImgShow-box .close {
z-index: 1;
display: block;
width: 46px;
height: 45px;
background: url(.../images/bigImgShow-close.png) no-repeat center;
position: absolute;
right: 30px;
top: 73px;
}
/*��*/
@media only screen and (max-width: 1440px) {
.video-body {
padding-right: 280px;
}
.comments-body .comments-item .text-info .wkImg img{max-width:580px!important;}
.video-body .body-right {
width: 280px;
}
.video-body .left-main {
height: 440px;
}
.video-body .left-main .flash-box {
padding-top: 40px;
}
.video-body .right-top {
padding: 15px;
}
.video-body .right-top .teacher-info .tch-name {
font-size: 16px;
}
/*.video-body .right-top .teacher-info .tch-name span {
max-width: 40px;
}*/
.video-body .right-mid {
padding: 0 15px;
height: calc(80% - 100px) !important;
}
.video-body .right-top .teacher-info {
padding-left: 75px;
}
.flow-list .flow-item {
width: 210px;
margin-right: 9px;
}
.flow-list .flow-item .item-show {
width: 210px;
}
.flow-list .flow-item .info-title .play-name {
height: 14px;
line-height: 14px;
display: inline-block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 70px;
}
.play-comments .plc-left {
width: 720px;
}
.play-comments .plc-right {
width: 265px;
}
.play-comments .dynamic-body li .chark-top {
font-size: 12px;
}
.play-comments .dynamic-body li .li-user .us-name em {
width: 40px;
}
.play-comments .dynamic-body li .li-user .us-name .lit-vip-icon {
margin: 0 2px;
vertical-align: -4px;
}
/* �������� */
.play-comments .recomended-body .recomend-box .rbox-item {
width: 110px;
}
.play-comments .recomended-body .recomend-box .rbox-item p {
line-height: 24px;
font-size: 12px;
}
.play-comments .recomended-body .recomend-box .rbox-item .img-show {
width: 110px;
height: 70px;
}
.course-comment-form .ccf-ft .ccf-submit {
width: 105px;
}
.comments .up-progress .pbar-fth {
width: 100px;
}
}
/*����������������*/
.video-body .plug-ins {
margin-left: 30px;
position: relative;
color: #ffd500;
}
.video-body .plug-ins .plug-ins-but {
line-height: 52px;
cursor: pointer;
height: 50px;
overflow: hidden;
}
.video-body .plug-ins .plug-ins-but i {
width: 22px;
height: 22px;
float: left;
background: url(../images/play-detail-icons.png) no-repeat 0 -284px;
margin: 15px 11px 0 0;
}
.video-body .plug-ins:hover .plug-ins-but {
color: #ffd500;
}
.video-body .plug-ins:hover .plug-ins-but i {
background-position: 0 -284px
}
.video-body .plug-ins .plug-ins-win {
width: 184px;
border: 1px #eee solid;
position: absolute;
left: 0;
bottom: 51px;
background-color: #fff;
}
.video-body .plug-ins .plug-ins-win a {
display: block;
height: 28px;
line-height: 28px;
font-size: 12px;
color: #999;
padding-left: 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.video-body .plug-ins .plug-ins-win a:hover {
background-color: #eee
}
.video-body .plug-ins .plug-ins-win .sanjiao {
width: 12px;
height: 8px;
position: absolute;
left: 45px;
bottom: -8px;
background: url(../images/play-detail-icons.png) no-repeat 0 -307px
}
.video-body .right-mid .mid-tool-bar {
margin-top: 12px;
}
.body-right .tab-head {
height: 46px;
line-height: 44px;
border-bottom: 1px #9 solid;
}
.body-right .tab-head span {
float: left;
margin: 0 46px;
font-size: 16px;
color: #999;
position: relative;
transition: all .2s;
cursor: pointer;
}
.body-right .tab-head span:before {
content: "";
height: 1px;
width: 0;
left: 50%;
bottom: -1px;
border-bottom: 2px #ffd200 solid;
transition: all .2s;
position: absolute;
}
.body-right .tab-head span:hover {
color: #fff;
}
.body-right .tab-head span:hover:before, .body-right .tab-head span.active:before {
left: 0;
width: 100%;
}
.body-right .tab-head span.active {
color: #fff;
}
.tab-m .right-mid {
/*height: 512px;*/
width: 100%
}
.tab-m #t2.right-mid {
padding: 0;
}
.tab-m .right-mid .text{
  position: absolute;
  bottom: 15px;
  color: #b7b7b7;
  left: 0;
  right: 0;
  text-align: center;

}
.tab-m .right-mid .v-list .dt-list {
height: 45px;
line-height: 44px;
font-size: 16px;
padding: 0 19px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #999;
}
.tab-m .right-mid .v-list .active {
color:#fff;
}
.tab-m .right-mid .v-list .dt-list:hover {
background-color: #26262b;
cursor: pointer;
}
.tab-m .right-mid .v-list .dd-list {
position: relative;
overflow: hidden;
display: none;
}
.tab-m .right-mid .v-list .dd-list .line {
position: absolute;
width: 1px;
height: 100%;
left: 25px;
z-index: 2;
top: 18px;
padding-bottom: 36px;
box-sizing: border-box;
display: none \0
}
.tab-m .right-mid .v-list .dd-list .line:before {
height: 100%;
content: "";
background-color: #999999;
width: 1px;
display: block;
}
.tab-m .right-mid .v-list .dd-list p {
height: 40px;
line-height: 40px;
font-size: 16px;
color: #999;
position: relative;
transition: all .2s;
padding: 0 19px 0 50px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tab-m .right-mid .v-list .dd-list p:before {
width: 9px;
height: 9px;
content: "";
border-radius: 56px;
border: 1px #999999 solid;
position: absolute;
left: 20px;
top: 14px;
z-index: 3;
background-color: #2d2d2d;
}
.tab-m .right-mid .v-list .dd-list p:hover {
color: #fff;
}
.tab-m .right-mid .v-list .dd-list p.active {
color: #fff;
background-color: #1e1e1e
}
.tab-m .right-mid .v-list .dd-list p.active:before {
border-color: #fff;
background-color: #1e1e1e
}
.tab-m .right-mid .v-list.show .dt-list {
color: #fff;
}
/*��ƵĿ¼�л�С��Ļ*/
@media only screen and (max-width: 1440px) {
.body-right .tab-head span {
margin: 0 38px;
}
}
.qz-win{background: rgba(0,0,0,.45);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 15}
.qz-win .win-m{width: 600px;height: 374px;left: 50%;top: 50%;margin:-187px 0 0 -300px;background: #fff;border-radius: 6px;position: absolute;overflow: hidden;}
.qz-win .win-m .close{width: 24px;height: 24px;background: url(.../images/lesson/close-icon.png);position: absolute;right: 15px;top: 15px;cursor: pointer;}
.qz-win .win-m .icon{width: 110px;height: 110px;background: url(.../images/lesson/quzhan.png);margin:26px auto 0;}
.qz-win .win-m .p1{text-align: center;font-size: 24px;color:#333;padding-top: 38px;}
.qz-win .win-m .p2{height: 78px;line-height: 62px;text-align: center; font-size: 20px;color:#999;}
.qz-win .win-m .btn{ width: 228px;height: 66px;line-height: 66px;text-align: center; font-size: 18px;color:#fff;background: #ff5300;margin:0 auto; display: block;transition: all .2s}
.qz-win .win-m .btn:hover{opacity: .8}
.video-frame .next-video{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(25,25,25,.8);height: 40px;line-height: 40px;padding:0 20px;color:#fff;z-index: 11;cursor: default}
.video-frame .next-video a{color:#ffd200;text-decoration: underline;display: inline-block;margin-left: 20px;}
.video-frame .next-video span{font-family: "����";font-size: 22px;cursor: pointer;}
.video-body .next-video{olor: #ffd200;display: inline-block;width: 100%;height: 47px;border-radius: 5px;background: rgba(25,25,25,.8);bottom: 41px;z-index: 1000;padding: 16px;position: absolute;}
.video-body .next-video a{color:#ffd200;text-decoration: underline;display: inline-block;margin-left: 20px;}
.video-body .next-video span{font-family: "����";font-size: 22px;cursor: pointer;color:#fff;}
.over-hidden-class{
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.quiz-tags{padding: 15px 0;}
.quiz-tags .q-tag{display: inline-block;border-radius: 5px;margin-right: 15px; width: 131px;height: 40px;line-height: 38px;text-align:center;font-size: 16px;color:#999;border: 1px solid #f3f3f3;}
.quiz-tags .q-tag:hover,.quiz-tags .q-tag.on{background: #ffd200;color:#333;border-color:#ffd200;}
.quiz-type{position: relative;z-index:9}
.quiz-type > span {width: 80px;height: 40px;line-height: 38px;text-align: center;border:1px solid #f3f3f3;border-radius: 5px;display: block;font-size: 16px;color:#999;position: relative;cursor: pointer;}
.quiz-type > span .arrow{display: inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #999999;vertical-align: 3px;margin-left: 2px;}
.quiz-type .drop{width: 100%;border: 1px solid #f3f3f3;border-radius: 5px;position: absolute;top: 39px;display:none;}
.quiz-type .drop > a{display: block;width:100%;height: 40px;line-height: 40px; text-align: center;color:#999;font-size: 16px;}
.quiz-type .drop > a:hover{background: #ffd200;color:#333;}
.quiz-type:hover .drop{display:block;}
/* ���ʱ��� */
.asking-form h4{text-align: center;font-size: 18px;color:#333;font-weight: normal;height: 72px;line-height: 62px;}
.asking-form textarea{width: 100%;height: 160px;box-shadow: inset 0px 2px 10px rgba(153, 153, 153, 0.55);padding:15px; }
.cain-win{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;background: rgba(0,0,0,.5);}
.cain-win .win-m{width: 550px;height: 320px;position: absolute;left: 50%;top: 50%;margin:-160px 0 0 -275px;background: #fff;border-radius: 6px;border:1px #e8e8e8 solid;}
.cain-win .win-m .head{border-bottom: 1px #e8e8e8 solid;background: #f6f6f6;height: 70px;line-height: 68px;padding: 0 20px;}
.cain-win .win-m .head i{width: 27px;height: 21px;margin-right: 10px;background: url(../images/play-detail-icons.png) -179px -113px;display: inline-block;vertical-align: -6px;}
.cain-win .win-m .head span{color:#000;font-size: 18px;}
.cain-win .win-m .head .close{color:#999;font-family: "����";font-size: 24px;cursor: pointer;}
.cain-win .win-m .main .p1{ font-size: 20px;color:#666;text-align: center;padding:52px 0 25px; }
.cain-win .win-m .main .p2{ font-size: 24px;color:#666;text-align: center; height: 68px;}
.cain-win .win-m .main .btn{text-align: center;}
.cain-win .win-m .main .btn span{width: 158px;height: 48px;line-height: 48px;text-align: center;margin:0 15px;font-size: 18px;border:1px #e8e8e8 solid;display: inline-block;color:#666;cursor: pointer;}
.cain-win .win-m .main .btn span.cn-btn{background: #ffd500;border-color: #ffd500;color:#333;transition: all .2s;border-radius: 6px;}
.cain-win .win-m .main .btn span.cn-btn:hover{opacity: .8}
.cain-tips{width: 295px;height: 78px;text-align: center;padding-top: 9px;line-height: 30px; font-size: 18px;color:#fff;position: fixed;left: 50%;top: 50%;margin:-39px 0 0 -147px;z-index: 106;border-radius: 6px;background: rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.question-head{margin-top: 24px;height: 26px;border-bottom: 1px #e8e8e8 solid;padding-left: 30px;}
.question-head .alink{display: inline-block;margin-right: 48px;font-size: 16px;color:#999;position: relative;transition: all .2s;height: 26px;}
.question-head span{ font-size: 12px;text-decoration: underline;white-space: nowrap;bottom: 11px;margin-left: -40px;}
.question-head span a{color:#999;}
.question-head .alink:before{position: absolute;left:50%;bottom: 0;height: 1px;width: 0;background: #ffd200;transition: all .2s;content: ""}
.question-head .alink:hover,.question-head .alink.active{color:#666666;}
.question-head .alink:hover:before,.question-head .alink.active:before{width: 100%;left: 0}
.hbk-win{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;background: rgba(0,0,0,.5);}
.hbk-win .win-m{width: 450px;height: 300px;position: absolute;left: 50%;top: 50%;margin:-150px 0 0 -225px;background: #fff;border-radius: 6px;border:1px #e8e8e8 solid;}
.hbk-win .win-m .head{border-bottom: 1px #e8e8e8 solid;background: #f6f6f6;height: 70px;line-height: 68px;padding: 0 20px;}
.hbk-win .win-m .head span{color:#000;font-size: 18px;}
.hbk-win .win-m .head .close{color:#999;font-family: "����";font-size: 24px;cursor: pointer;}
.hbk-win .win-m .main .p1{ font-size: 20px;color:#666;text-align: center;padding:40px 0 25px; }
.hbk-win .win-m .main .p2{ font-size: 24px;color:#666;text-align: center; height: 68px;}
.hbk-win .win-m .main .btn{text-align: center;}
.hbk-win .win-m .main .btn span{width: 158px;height: 48px;line-height: 48px;text-align: center;margin:0 15px;font-size: 18px;border:1px #e8e8e8 solid;display: inline-block;color:#666;cursor: pointer;}
.hbk-win .win-m .main .btn span.cn-btn{background: #ffd500;border-color: #ffd500;color:#333;transition: all .2s;border-radius: 6px;}
.hbk-win .win-m .main .btn span.cn-btn:hover{opacity: .8}
/*10.27�����������ϵ�APP������ʾ*/
.video-body .plug-ins{margin-left: 25px;}
.video-body .plug-ins .plug-ins-but{line-height: 50px;}
.video-body .plug-ins .plug-ins-but i{float: left;width: 17px;height: 17px;background:url(.../images/play-detail-icons-11-3.png) -25px -285px;margin:17px 10px 0 0;}
.video-body .plug-ins:hover .plug-ins-but i{background-position:-25px -285px;}
.video-body .left-foot .app-win{position: relative;}
.video-body .left-foot .app-win:before{content: "";border-left: 5px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fff;position: absolute;left: 72px;top: 42px;display: none}
.video-body .left-foot .app-win .app-gz{font-size: 14px;height: 17px;line-height: 16px;color:#999999;padding-left:41px;position: relative;cursor: pointer;margin:17px 0 0 18px;border-left:1px #999999 solid;}
.video-body .left-foot .app-win .app-gz:before{content: "";width: 11px;height: 17px;position: absolute;left: 18px;top: 0;background: url(.../images/play-detail-icons-11-3.png) -31px -246px;vertical-align: top;}
.video-body .left-foot .app-win:hover .app-gz{color:#ffd500;}
.video-body .left-foot .app-win:hover .app-gz:before{background-position: -31px -265px}
.video-body .left-foot .app-m{position: absolute;right:-74px;top:50px;background: #fff;width: 206px;text-align: center;padding:15px 0;z-index: 5;display: none;box-shadow: 0 4px 6px rgba(0,0,0,.2)}
.video-body .left-foot .app-m .p1{color:#666;height: 24px;font-size: 16px;}
.video-body .left-foot .app-m .p2{line-height: 32px;color:#666;}
.video-body .left-foot .app-m .code-img{width: 140px;margin:0 auto;}
.video-body .left-foot .app-m .code-img img{display: block;width: 140px;height: 140px;}
.video-body .left-foot .app-m .more{width: 140px;height: 32px;line-height: 32px;text-align: center;border-radius: 4px;color:#fff;margin:0 auto;background: #ff6600;transition: all .2s;display: block;}
.video-body .left-foot .app-m .more:hover{opacity: .8;}
.video-body .left-foot .app-win.active .app-m{display: block;}
.video-body .left-foot .app-win.active .app-m i{font-size: 20px;position: absolute;right: 7px;top: 7px;font-family: "����";color:#999;cursor: pointer;font-weight: bold;}
.video-body .left-foot .app-win.active:before{display: block;}
.video-body .left-foot .app-win.active .app-gz{color:#ffd500;}
.video-body .left-foot .app-win.active .app-gz:before{background-position: -31px -265px}
/* -------- 1031�޸Ŀγ�Ŀ¼ϸ�� -- */
.tab-m .right-mid .video-list{height: 74px;border-bottom: 1px #333333 solid;padding:15px 10px 15px 50px;position: relative;}
.tab-m .right-mid .video-list:hover{background: #26262b;}
.tab-m .right-mid .video-list.active{background: #1e1e1e}
.tab-m .right-mid .video-list p{font-size: 16px;color:#999;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tab-m .right-mid .video-list.active p,.tab-m .right-mid .video-list:hover p{color:#fff;}
.tab-m .right-mid .video-list:before{content: "";position: absolute;width:20px;height: 13px;left: 16px;top: 17px;background: url(.../images/play-detail-icons-11-3.png) no-repeat -22px -303px;z-index: 5}
.tab-m .right-mid .video-list .video-info{padding-top: 15px;}
.tab-m .right-mid .video-list .video-info span{color:#666;font-size: 12px;display: inline-block;}
.tab-m .right-mid .video-list .video-info span:nth-child(1){min-width: 110px;padding-right: 8px;overflow: hidden;}
/
@media only screen and (max-width: 1440px) {
.video-body {
padding-right: 280px;
}
.video-body .body-right {
width: 280px;
}
.video-body .left-main {
height: 440px;
}
.video-body .left-main .flash-box {
padding-top: 40px;
}
.video-body .right-top {
padding: 15px;
}
.video-body .right-top .teacher-info .tch-name {
font-size: 16px;
}
.video-body .right-top .teacher-info .tch-name span {
max-width: 40px;
}
.video-body .right-mid {
padding: 0 15px;
height: calc(80% - 45px) !important;
}
.video-body .right-top .teacher-info {
padding-left: 75px;
}
.flow-list .flow-item {
width: 210px;
margin-right: 9px;
}
.flow-list .flow-item .item-show {
width: 210px;
}
.flow-list .flow-item .play-title .play-name {
height: 14px;
line-height: 14px;
display: inline-block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.play-comments .plc-left {
width: 720px;
}
.play-comments .plc-right {
width: 265px;
}
.play-comments .dynamic-body li .chark-top {
font-size: 12px;
}
.play-comments .dynamic-body li .li-user .us-name em {
width: 40px;
}
.play-comments .dynamic-body li .li-user .us-name .lit-vip-icon {
margin: 0 2px;
vertical-align: -4px;
}
/* �������� */
.play-comments .recomended-body .recomend-box .rbox-item {
width: 110px;
}
.play-comments .recomended-body .recomend-box .rbox-item p {
line-height: 24px;
font-size: 12px;
}
.play-comments .recomended-body .recomend-box .rbox-item .img-show {
width: 110px;
height: 70px;
}
.course-comment-form .ccf-ft .ccf-submit {
width: 105px;
}
.up-submit .up-progress .pbar-fth {
width: 100px;
}
.tab-m .right-mid .video-list{padding:15px 8px 15px 36px;}
.tab-m .right-mid .video-list:before{left: 9px;}
}
.comcss .comments-body .comments-item .avatar .uhd-name{left:67px;bottom:31px;width:130px;text-align: left;}
.comcss .comments-body .comments-item  .content .pices-bar{position: relative;
padding-left:150px;}
.comcss .comments-body > .comments-item .star-info{position:absolute;top: 28px;margin-left:0;left:22px;}
.comcss .comments-body > .comments-item .diffcult-level.level-01{margin-left:128px;}
.comcss .comments-body > .comments-item > .content > .text-info{padding-left:22px;}
.video-body .left-foot .clect-cut{padding:0 11px;height: 26px;line-height: 24px;border:1px #ffd500 solid;width: auto;color:#ffd500;}
.video-body .left-foot .clect-cut .clect-icon{width: 16px;height: 14px;background: url(.../images/collect-icon.png);vertical-align: -2px;color:#ffd500;  display: inline-block;margin-right: 5px;  }
.video-body .left-foot .clect-cut:hover .clect-icon{background: url(.../images/collect-icon.png);}
.content{
min-height: 593px;
margin: 90px auto 0 !important;
}
.base {
position: relative;
width: 100%;
height: 60px;
background: #fff;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.base .base-info {
float: left;
width: 720px;
padding: 13px 0 17px 20px;
}
.base .base-info .title{
display: inline-block;
margin-right: 12px;
zoom: 1;
vertical-align: middle;
height: 30px;
line-height: 36px;
max-width: 610px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-weight: 400;
color: rgb(85, 85, 85);
font-family: "microsoft yaHei", ΢���ź�, arial;
overflow: hidden;
}
/*�����ұߵĹ���*/
.base .base-area {
float: right;
overflow: hidden;
width: 300px;
height: 60px;
text-align: center;
line-height: 60px;
border-left:1px solid #ddd;
}
/*��Ƶ*/
.spv-player{
width: 100%;
height:672px;
overflow: hidden;
display: flex;
display: -webkit-flex;
display: -ms-flex;
position: relative;
background: #fff;
}
.spv-player .play-box{
width: 100%;
height:540px;
float: left;
-webkit-flex: 1;
}
.spv-player .play-box video{
width: 100%;
height:100%;
/*background: #333;*/
}
.spv-player .list-box{
width: 300px;
height:540px;
/*overflow: hidden;*/
position: relative;
background: #1f1f1f;
color:#fff;
}
.spv-player .list-box .tab{
margin-left: 20px;
height:48px;
line-height: 48px;
border-bottom: 1px solid #404040;
}
.spv-player .list-box .tab span{
padding: 0 10px;
height:47px;
display: inline-block;
cursor: pointer;
}
.spv-player .list-box .tab span.cur{
border-bottom: 2px solid #3b9eff;
color:#79b8f5;
}
.spv-player .list-box .sub-tab .reward,.spv-player .list-box .sub-tab .select{
display: none;
padding: 0 0px 20px 0px;
height: 471px;
overflow: hidden;
}
.spv-player .list-box .sub-tab .select p{
left:120px !important;
width: 170px;
}
.spv-player .list-box .sub-tab .select .num{
color:#fff;
}
/**/
.spv-player .list-box .sub-tab .select1{
margin: 0 20px 20px 20px;
height:471px;
overflow: hidden;
padding-left: 5px;
display: none;
}
.spv-player .list-box .sub-tab .select1 div{
width: 262px;
height:471px;
overflow-y: auto;
padding-top: 15px;
}
.spv-player .list-box .sub-tab .select1 a{
width: 43px;
height: 43px;
border: 2px solid #2f2f2f;
display: inline-block;
color:#c3c3c3;
background: #2f2f2f;
margin: 2px;
float: left;
text-align: center;
line-height: 40px;
font-size: 20px;
cursor: pointer;
}
.spv-player .list-box .sub-tab .select1 a.cur{
border: 2px solid #3b9eff;
color: #3b9eff;
}
/**/
.spv-player .list-box .sub-tab .select ul{
overflow-y: auto;
height: 471px;
width: 317px;
}
.spv-player .list-box .sub-tab .select li{
border-left: 3px solid transparent;
padding-left: 20px;
margin-right: 20px;
width: auto;
}
.spv-player .list-box .sub-tab .select li.curlPlayVideoLi{
border-left: 3px solid #3b9eff;
}
.spv-player .list-box .sub-tab div.reward{
display: block;
margin: 20px;
height:451px;
position: relative;
}
.spv-player .list-box .sub-tab .reward .reward-box{
overflow: hidden;
height: 415px;
}
.spv-player .list-box .sub-tab .reward .reward-content{
overflow: auto;
height:415px;
width: 277px;
}
.spv-player .list-box .sub-tab div.reward .text{
font-size: 12px;
color: #999;
position: absolute;
bottom: 5px;
text-align: center;
width: 100%;
}
.spv-player .list-box .sub-tab div.reward .text var{
font-size: 16px;
font-style: normal;
padding: 0 4px;
}
.spv-player .list-box .sub-tab div.reward .text var#count{
color: #a43b1f;
}
.spv-player .list-box .sub-tab div.reward .text var#countprice{
color: #da2657;
}
.spv-player .list-box .sub-tab div.reward .r-cel{
display: inline-block;
float: left;
width: 74px;
height: 125px;
border: 1px solid #252525;
margin: 5px;
text-align: center;
cursor: pointer;
position: relative;
font-size: 12px;
color: #999;
}
.spv-player .list-box .sub-tab div.reward .r-cel img{
width: 50px;
height:50px;
display: block;
margin: 0 auto 10px;
}
.spv-player .list-box .sub-tab div.reward .r-cel p{
text-align: center;
color: #c37944;
font-size: 12px;
padding: 3px 10px 5px;
}
.spv-player .list-box .sub-tab div.reward .r-cel p i{
float: right;
vertical-align: middle;
background-position: center;
}
.spv-player .list-box .sub-tab div.reward .r-cel a{
display: block;
width: 55px;
height: 20px;
background: #a03f35;
color: #fff;
border-radius: 10px;
font-size: 12px;
margin: auto;
}
.sub-tab{
position: relative;
/*overflow: hidden;*/
padding: 0 !important;
}
.comment-right .sub-tab{
padding: 10px !important;
}
.comment-right .sub-tab .select li a p{
color:#333 !important;
}
.spv-player .interact{
width: 100%;
height: 120px;
position: absolute;
bottom: 0;
}
.spv-player .interact .share{
width: 910px;
overflow: hidden;
}
.spv-player .interact .bdsharebuttonbox{
display: inline-block;
float: left;
padding: 10px 0 10px 15px;
}
.spv-player .interact .fn-updown{
float: right;
display: block;
height: 50px;
line-height: 50px;
}
.spv-player .interact .fn-updown span{
padding: 0 20px;
height: 100%;
display: inline-block;
cursor: pointer;
color:#888;
}
.spv-player .interact .fn-updown span .isSelected{
color:#da2657 ;
}
.spv-player .interact .fn-updown span var{
font-style: normal;
}
.interact .interact-box{
border-top: 1px solid #eee;
margin: 0 15px;
padding: 10px 0;
}
.interact .interact-box li i{
display: inline-block;
width: 1px;
height: 20px;
background: #d8d8d8;
vertical-align: middle;
}
.interact .interact-box li{
display: inline-block;
padding: 0 10px;
vertical-align: middle;
}
.interact .interact-box li:first-child{
min-width: 200px;
}
.interact .interact-box li div{
width: 50px;
height: 50px;
border-radius: 50%;
float: left;
overflow: hidden;
}
.interact .interact-box li img{
width: 100%;
/*height:100%;*/
}
.interact .interact-box li p{
line-height: 24px;
padding-left: 20px;
float: left;
display: block;
}
.interact .interact-box li span{
color:#888;
vertical-align: middle;
}
.interact .interact-box li a {
padding: 0px;
border: 1px solid #00aaee;
padding: 5px;
margin-right: 5px;
border-radius: 5px;
color: #00aaee;
}
.interact .interact-box li a.tag{
color:#da2657;
border: 1px solid #da2657;
}
/*���ۺ�չʾ*/
.comment{
display: block;
margin-top: 20px;
overflow: hidden;
}
.comment-right{
width: 320px;
background: #fff;
/*margin-left: 20px;*/
float: right;
}
.comment-left{
/*-webkit-flex: 1;*/
background: #fff;
width: 890px;
float: left;
}
.spv-comment{
width: 100%;
margin-top: 10px;
}
.spv-comment .area-form,.spv-comment .area-box{
padding: 20px 20px 0px 20px;
}
.spv-comment .comment-form {
display: table;
width: 100%;
box-sizing: border-box;
position: relative;
}
.spv-comment .comment-form .form-cell {
display: table-cell;
vertical-align: top;
width: 100%;
}
.spv-comment .comment-form .form-cell .form-user-info {
display: inline-block;
margin-bottom: 10px;
}
.form-cell .form-user-info a {
display: inline-block;
color: #2fb3ff;
}
.comment-form .form-cell .form-wordlimit {
float: right;
color: #909090;
margin-bottom: 10px;
}
.comment-form .form-cell .form-wordlimit span {
font-family: Constantia,Georgia;
font-size: 18px;
font-weight: 400;
}
.comment-form .form-cell .form-textarea {
width: 100%;
margin-top: 5px;
position: relative;
}
.comment-form .form-cell .form-textarea textarea {
min-height: 81px;
width: 100%;
padding: 4px;
box-sizing: border-box;
line-height: 20px;
color: #ddd;
background: #ffffff0d;
font-size: 12px;
/*border: 1px solid #d4d9dd;
box-shadow: inset 0 3px 3px #ebebeb;*/
outline: 0;
resize: vertical;
overflow: hidden;
}
.comment-form .form-cell .form-toolbar {
margin-top: 0;
position: relative;
z-index: 102;
zoom: 1;
padding: 0;
background: 0;
border: 0;
box-shadow: none;
}
.form-toolbar .form-btn-submit {
float: right;
}
.form-toolbar .form-tool {
display: inline-block;
margin-right: 10px;
position: relative;
vertical-align: middle;
padding: 10px 0 0;
width: 100%;
}
.form-toolbar .form-action .form-btn-submit{
display: inline-block;
min-width: 79px;
height: 28px;
line-height: 28px;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #d4538c;
background-color: #d4538c;
color: #fff;
}
/*����չʾ*/
.area-box {
position: relative;
padding-top: 50px;
}
.area-box .comment-tab {
height: 48px;
line-height: 46px;
width: 100%;
border: 0;
position: relative;
top: 0;
border-bottom: 1px solid #d4538c;
font-size: 16px;
color: #555;
vertical-align: middle;
}
.area-box .comment-tab em {
font-style: normal;
font-weight: 400;
font-size: 12px;
margin: 0 3px;
color: #909090;
}
.area-box .comment-tab .comment-tab-left {
float: left;
color: #d4538c;
border-bottom: 2px solid #ff9800;
/*background: #fff;*/
font-weight: 700;
outline: 0;
cursor: default;
}
/*.area-box .comment-tab .comment-tab-right {
float: right;
padding: 0 10px;
font-size: 14px;
}*/
/**/
.comment-list li{
padding: 15px 10px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.comment-list li:last-child{
border-bottom: none;
}
.comment-list li .user-avatar{
display: inline-block;
width: 50px;
height:50px;
margin-right: 15px;
float: left;
}
.comment-list li .user-avatar a{
display: inline-block;
}
.comment-list li .user-avatar img{
width: 50px;
height:50px;
border-radius: 50%;
}
.comment-list li .comment-section{
display: inline-block;
float: left;
}
.comment-list li .comment-section .user-info{
width: 100%;
font-size: 14px;
}
.comment-section .user-info .user-name{
color: #2fb3ff;
}
.comment-section .user-info .comment-timestamp{
margin: 0 10px 0 16px;
font-size: 12px;
color: #bbb;
}
.comment-list li .comment-section .comment-text{
padding-top: 10px;
margin-bottom: 5px;
font-size: 14px;
}
.comment-list .comment-handle span{
padding-right:15px;
cursor: pointer;
}
.comment-list #not-comment{
text-align: center;
height: 100px;
line-height: 100px;
color:#888;
}
.sub-tab li p{
color:#ccc !important;
}
#more-comment{
width:100%;
margin: 10px;
text-align: center;
display: none;
}
#more-comment span{
cursor: pointer;
display: inline-block;
width: 100px;
height:40px;
color: #848484;
}
#more-comment span:hover{
color: #3b9eff;
}
.tran { -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.hide { display: none !important; }
.show { display: block !important; }
.layout-cont { width: 1240px; margin: 0 auto; }
.flow-list { margin-bottom: -20px; margin-right: -20px; width: 104% \9; }
.flow-list .flow-item {width: 270px;margin:0px 15px 15px 0px;position: relative;}
.flow-list .flow-item .item-show {
width: 270px;
position: relative;

height: 180px;
    overflow: hidden;
    /*border: 1px solid #ececec;*/
    border-bottom: none;

}
.flow-list .flow-item:hover .play-btn{
  -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: Alpha(Opacity=100);
    filter: Alpha(Opacity=100);
}
.flow-list .flow-item:hover:after{
  width: 100%;
}
.flow-list .flow-item:after{
  content: '';
    width: 0;
    height: 3px;
    background: #d4538c;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.flow-list .flow-item .show-img{    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;}
.flow-list .flow-item .show-img img{
  display: block;
    width: 100%;
    height: 100%;
}
.flow-list .flow-item .time-length{
  display: block;
padding: 0 6px;
height: 15px;
line-height: 15px;
background: rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
text-align: center;
font-size: 12px;
color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
position: absolute;
right: 8px;
bottom: 10px;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.flow-list .flow-item .show-mask{
  width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -ms-filter: Alpha(Opacity=0);
    filter: Alpha(Opacity=0);
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.flow-list .flow-item .play-btn{
  display: block;
    width: 60px;
    height: 60px;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -ms-filter: Alpha(Opacity=0);
    filter: Alpha(Opacity=0);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px -30px;
    z-index: 1;
    background: url(../images/hk_new_index_icons3.png) no-repeat 0 -115px;
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.flow-list .flow-item .item-info{
    padding: 12px;
    background: #2d2d2d;
    border-bottom: 3px solid #5a5a5a;
}
.flow-list .flow-item .info-title{
  display: flex;
  justify-content: space-between;
}
.flow-list .flow-item .info-title .type-label.type-words{
  background: #ffa900;
}
.play-name{
  width: 70%;
  display: inline-block;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a5a5a5;

}
.flow-list .flow-item .info-title .type-label{
  display: block;
      height: 16px;
      line-height: 16px;
      font-size: 12px;
      text-align: center;
      color: #fff;
      -webkit-border-radius: 7px;
      border-radius: 7px;
      padding: 0 5px;
}
.clearfix:after{
  clear: both;
display: block;
visibility: hidden;
height: 0;
content: '.';
font-size: 0;
line-height: 0;
}
.flow-list .flow-item .info-tabs{
  margin-top: 15px;
}
.flow-list .flow-item .info-tabs .tabs-sp{
  display: inline-block;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    color: #999;
    margin-right: 10px;
    position: relative;
    padding-left: 25px;
}
.flow-list .flow-item .info-tabs .tabs-sp.view-num:before{
  width: 21px;
    background-position: -238px -4px;
}
.flow-list .flow-item .info-tabs .tabs-sp:before{
  content: '';
    height: 14px;
    display: block;
    background: url(../images/hk_new_index_icons3.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.flow-list .flow-item .info-tabs .other-sp{
  font-size: 14px;
    color: #999;
}