.vide_choose dl {
    border-bottom: 1px dashed #eaeaea;
    font-size: 12px;
    position: relative;
    padding-left: 79px
}

.vide_choose dl.last {
    border: none
}

.vide_choose dt {
    width: 78px;
    border-right: 1px solid #e5e5e5;
    line-height: 40px;
    text-align: center;
    background-color: #f8f8f8;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.vide_choose dd {
    text-align: center;
    padding-left: 5px;
    height: 40px
}

.vide_choose dd a {
    color: #666;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    display: block;
    margin: 9px 20px 0 10px;
    border: 1px solid #fff
}

.vide_choose dd a.active,.vide_choose dd a:hover {
    background-color: #27ae61;
    border: 1px solid #17ad93;
    color: #fff;
    border-radius: 2px
}

.video_list{width: 885px; box-sizing: border-box;}
.video_list h1.type a.active,.video_list h1.type a:hover{border-bottom: 2px solid #2fb885; color:#2fb885;}
.video_list h1.type a.active::after,.video_list h1.type a:hover::after{content: "";width: 0px;height: 0px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #2fb885;position: absolute;top: 38px;left: 12px;}
.video_list ul li {margin: 0px 17px 20px 0;background-color: #fff;border-radius:10px;width: 270px;height: 286px;box-sizing: border-box;position: relative;}
.video_pic{height:190px;}
.video_pic img{border-radius: 6px; transition: all .3s ease-out; }
.video_pic .img1{width: 270px; height: 179px; top: 0; z-index: 10;}
.video_pic .img2{width: 260px; height: 172px; top: 12px; left: 5px; opacity: .5; z-index: 9;}
.video_pic .img3{width: 250px; height: 166px; top: 23px; left: 10px; opacity: .3; z-index: 8;}
.video_list ul li:nth-child(3n){margin-right:0;}
.video_list ul li:hover{box-shadow: 0 0 10px 0 rgba(95,101,105,.15);}
.video_list ul li:hover a{color: #089e67 !important;text-decoration: underline}
.video_list ul li:hover .img1{top: -8px;}
.video_list ul li:hover .img2{top: 7px;}
.video_list ul li:hover .img3{top: 23px;}
.video_list ul li .introduce {padding: 12px 10px 15px;width: 270px;box-sizing: border-box;/* margin-top: 190px; */}
.video_list ul li a.video_tit {color: #333;width: 245px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 20px;display: block;margin-bottom: 5px;}

.video_list ul li .introduce .info{margin-top: 8px;line-height: 20px;}
.video_list ul li .introduce .info .subtime{font-size: 12px;color: #cc8100;padding: 0 5px;background-color: #fff1d9;line-height: 20px;border-radius: 5px;height: 20px;position: relative;top: -2px;}
.video_list ul li .introduce .info i{top: 0px;}
.video_list ul li .introduce .info em {margin-left: 3px; font-weight: bold;}
.video_list ul li .introduce p span.last_addre {max-width: 133px;height: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 3px;}
.list_right{width: 305px;}
.list_right h2 span{background: url(../images/rightRecommend.png) no-repeat; display: inline-block; width: 20px; height: 10px;} 
.list_right ul li{cursor: pointer;}
.list_right ul li:hover a{color: #27ae61;}
.list_right ul li .relative{width: 104px; height: 70px; overflow: hidden; border-radius: 5px;}
.list_right ul li .relative img{width: 104px; height: 70px;}
.list_right ul li:hover .relative img{transform: scale(1.05);}
.list_right ul li .relative p{font-size: 15px; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; margin-top: 0; width: 90%; padding: 0 10px;}
.list_right ul li .numb{width: 18px; height: 23px; line-height: 23px; text-align: center; position: absolute; top: 0; left: 0;}
.list_right ul li .inr{width: 159px; color:#99a2aa;}
.list_right ul li .inr p{margin-bottom: 2px;}
.list_right ul li .inr h3{height: 40px;line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.icon_doc{position: absolute;left: -4px;top: 13px;}
.icon_doc svg{width: 33px;height: 32px;}
.list_right dl dd p{height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;x-webkit-line-clamp: 2; line-height: 20px;}
.list_right dl dd:hover a p{color: #27ae61;}


.final_tit {font-size: 20px;font-weight: bold;line-height: 60px;color: #27ae61}
.final_box .play {height: 490px;background: #2d2d2d;overflow: hidden}
.final_box .prism-player {background-color: #000;position: relative}
.final_box .player {width: 915px;height: 460px;padding: 15px;position: relative}

.final_box .player img {cursor: pointer}
.final_box .player .play-btn {position: absolute;bottom: 15px;left: 15px;width: 915px;height: 38px;display: block;cursor: pointer}

.final_box .play .less {
    width: 240px;
    height: 460px;
    padding: 15px;
    position: relative;
    padding-left: 0
}

.final_box .play .less .tit {
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #757575;
    line-height: 30px;
    padding-left: 10px
}

.player-list {
    overflow-y: auto;
    height: 400px;
    margin-top: 10px
}

.less ul li {
    line-height: 22px;
    padding: 8px;
    font-size: 12px;
    cursor: pointer;
    margin: 2px 0
}

.less ul li.active {
    background: #3a3a3a
}

.less ul li.active a {
    color: #089e67
}

.less ul li.active a i.play_fin {
    background: url(/images/video/play.gif) no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block
}

.less ul li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #b6b6b6
}

.less ul li:hover a,.less ul li.active a {
    color: #fff
}

.final_box .play .share {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 240px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    background: #2d2d2d
}

.share a {
    margin-left: 20px;
    color: #ccc
}

.sharebox {
    position: absolute;
    bottom: 35px;
    right: 40px;
    z-index: 999;
    width: 120px;
    height: 40px;
    border-radius: 2px;
    line-height: 36px;
    background: #fff;
    padding: 0 1px
}

.sharebox .weixin {
    color: #2db122;
    font-size: 26px
}

.sharebox .qzone {
    color: #e9c030;
    font-size: 26px
}

.sharebox .qq {
    color: #17acf9;
    font-size: 26px
}

.sharebox .item {
    width: 40px;
    line-height: 40px;
    text-align: center;
    height: 40px
}

.sharebox .last {
    margin-right: 0
}

.sharebox .item p {
    font-size: 14px;
    text-align: center;
    line-height: 6px
}

.sharebox .ji {
    position: absolute;
    bottom: -20px;
    left: 56px;
    color: #fff;
    line-height: 12px;
    top: 38px;
    height: 12px
}

.conl {
    width: 210px;
    background: #f3f3f3;
    padding: 20px
}

.conl h2 {
    font-size: 16px
}

.vinfo {
    font-size: 12px;
    line-height: 22px;
    margin: 10px 0
}

.vinfo p {
    color: #757575;
    line-height: 24px
}

.userimg {
    position: relative
}

.userimg img {
    width: 52px;
    height: 52px;
    border-radius: 50%
}

.userimg b {
    background: url(/images/video/member.png) no-repeat;
    width: 13px;
    height: 12px;
    display: inline-block;
    position: absolute;
    left: 38px;
    top: 38px
}

.user_r {
    margin-left: 10px;
    margin-top: 10px
}

.user_r .email {
    font-size: 16px;
    position: relative;
    top: 4px
}

.conr {
    width: 930px
}

.conr .tit {
    color: #dc6a35;
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #ebebeb
}

.conr .tit span {
    border-bottom: 2px solid #fff;
    display: block;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    color: #666;
    margin-right: 20px
}

.conr .tit span.active {
    border-bottom: 2px solid #dc6a35;
    color: #dc6a35
}

.conr .content {
    font-family: "simsun";
    color: #757575;
    font-size: 14px;
    line-height: 25px;
    margin: 10px 0;
    padding: 10px
}

.con_tit {
    line-height: 45px;
    color: #666;
    font-size: 15px;
    padding-left: 12px;
    background: #f2f2f2;
    margin-top: 10px
}

.con_tit i {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    background: #f37d47;
    color: #fff;
    margin-right: 8px;
    border-radius: 50%;
    margin-top: 13px
}

.lesson {
    width: 900px
}

.lesson li:hover {
    background-color: #fafafa;
    cursor: pointer
}

.lesson li {
    line-height: 58px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 10px
}

.lesson li i {
    color: #f37d47
}

.lesson li a.final_title {
    margin: 0 5px;
    color: #454545;
    max-width: 630px;
    height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lesson li em {
    display: inline-block;
    width: 38px;
    height: 18px;
    background: #f14a4a;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 21px;
    border-radius: 2px
}

.lesson .iplay {
    color: #f14a4a;
    font-size: 20px;
    margin: 0 28px 0 40px
}

.talk_box {
    padding-top: 30px
}

.talk {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px
}

.userbox {
    width: 64px;
    margin-right: 32px
}

.userbox .pic {
    display: block;
    width: 61px;
    height: 61px;
    padding-top: 18px
}

.userbox a {
    font-size: 14px;
    color: #666
}

.userbox img {
    width: 59px;
    height: 59px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    position: relative;
    padding: 1px
}

.final_comment {
    width: 834px;
    position: relative
}

.talk .final_comment textarea {
    width: 795px;
    height: 100px;
    padding: 10px 15px;
    background-color: #efefef;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    outline: none;
    resize: none
}

.final_btn {
    width: 98px;
    height: 36px;
    line-height: 36px;
    border: none;
    color: #fff;
    border-radius: 2px;
    font-family: "Microsoft Yahei";
    cursor: pointer;
    display: block;
    text-align: center;
    margin-top: 10px
}

.talk_content {
    width: 827px;
    padding: 25px 0
}

.talk_content h2 {
    padding-bottom: 10px;
    font-size: 15px
}

.common_talk {
    border-bottom: 1px solid #eaeaea;
    width: 930px;
    position: relative
}

.talk_content h2 span {
    margin-left: 21px
}

.share a.active i {
    color: #089e67
}

.talk .fr .reg {
    position: absolute;
    left: 45%;
    top: 42%;
    color: #666
}

.talk .fr .reg a:hover {
    color: #f37d47
}

.unityshol {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 24px;
    width: 100%;
    background: url(/Resource/images/list-bg.png);
    color: #fff;
    line-height: 24px;
    text-indent: 1em;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: none;
}



/*7.4new add*/
.video_list {padding-top:20px;/* background:#fff; */}
@media screen and (min-width: 1460px) {
    .video_list li {margin: 0 17px 20px 0;/* padding: 10px 15px; */background: #fff;}
    .video_list li:nth-child(3n){margin-right:0}
}
.list_right ul li:nth-child(1) .relative{background: url(../images/zt1.png) center no-repeat; background-size: 100%;}
.list_right ul li:nth-child(2) .relative{background: url(../images/zt2.png) center no-repeat; background-size: 100%;}
.list_right ul li:nth-child(3) .relative{background: url(../images/zt3.png) center no-repeat; background-size: 100%;}
.list_right ul li:nth-child(4) .relative{background: url(../images/zt4.png) center no-repeat; background-size: 100%;}
.list_right ul li:nth-child(5) .relative{background: url(../images/zt5.png) center no-repeat; background-size: 100%;}