.YUGO-body {
     background: #F8F8F8;
 }

 .YUGO-lecturedetail-main {
     width: 100%;
 }

 .YUGO-lecturedetail-header {
     width: 100%;
     height: 354px;
     overflow: hidden;
     position: relative;
     background:url('http://yuguwechat.oss-cn-shanghai.aliyuncs.com/website/lecture-bg.png') no-repeat center;
     background-size: cover;
     min-width: 1200px;
 }

 /* .YUGO-lecturedetail-header>img {
     position: absolute;
     height: 100%;
     top: 0px;
     left: 50%;
     transform: translateX(-50%);
 } */

 .YUGO-list-active a {
     color: #10B4B5 !important;
 }

 .recommend-main {
     width: 100%;
     position: absolute;
     padding-right: 260px;
     left: 0px;
     bottom: 0px;
 }

 .YUGO-lecture-img {
     width: 260px;
     position: absolute;
     right: -25px;
     bottom: 0px;
 }

 .YUGO-lecturedetail-recommend {
     width: 1200px;
     height: 354px;
     /* position: absolute;
     top: 0px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 0; */
 }

 .lecturedetail-content {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .lecturedetail-icon {
     width: 200px;
     height: 200px;
     border-radius: 50%;
     position: absolute;
     left: 12px;
     top: 50%;
     transform: translateY(-50%);
     overflow: hidden;
 }

 .lecturedetail-text {
     width: calc(100% - 650px);
     height: 200px;
     position: absolute;
     left: 212px;
     top: 47%;
     transform: translateY(-50%);
     padding-left: 56px;
 }

 .lecturedetail-icon img {
     width: 100%;
     height: 100%;
 }


 .YUGO-lecturedetail-recommend-left {
     width: 790px;
     height: 100%;
     position: relative;
 }

 .YUGO-lecturedetail-recommend-name {
     width: 100%;
     font-size: 0px;
     color: #ffffff;
 }

 .YUGO-lecturedetail-recommend-name p {
     color: #171717;
     font-size: 36px;
     font-weight: 600;
     line-height: 36px;
     display: inline-block;
     vertical-align: top;
     color: #ffffff;
 }

 .YUGO-lecturedetail-recommend-name img {
     width: 125px;
     height: 30px;
     margin-left: 24px;
     margin-top: 4px;
     display: inline-block;
     vertical-align: top;
 }

 .YUGO-lecturedetail-recommend-subname {
     width: 100%;
     margin-top: 20px;
 }

 .YUGO-lecturedetail-recommend-subname p {
     color: #171717;
     font-size: 18px;
     line-height: 18px;
     color: #ffffff;
 }

 .YUGO-lecturedetail-recommend-label {
     width: 100%;
     font-size: 0;
     margin-top: 12px;
     color: #ffffff;
 }

 .YUGO-lecturedetail-recommend-label div {
     height: 28px;
     border: 1px solid rgba(255, 255, 255, 0.23);
     border-radius: 14px;
     line-height: 24px;
     color: #ffffff;
     font-size: 14px;
     padding-left: 13px;
     padding-right: 13px;
     margin-left: 15px;
     display: inline-block;
     vertical-align: top;
 }

 .YUGO-lecturedetail-recommend-label div:nth-child(1) {
     margin-left: 0px;
 }

 .YUGO-lecturedetail-recommend-ab {
     width: 100%;
     margin-top: 25px;
 }

 .YUGO-lecturedetail-recommend-ab p {
     font-size: 14px;
     font-weight: 400;
     color: #171717;
     line-height: 24px;
 }

 .YUGO-lecturedetail-recommend-btn .btn1{
    background: linear-gradient(90deg, #3BC6C7 0%, #10B4B5 100%);
    border-radius: 5px;
 }
 .YUGO-lecturedetail-recommend-btn .btn2{
    background: linear-gradient(90deg, #F0D9C4 0%, #EBC4A8 100%);
    border-radius: 5px;
 }
 .YUGO-lecturedetail-recommend-btn .btn3{
    background: linear-gradient(90deg, #52BBF7 0%, #439BFF 100%);
    border-radius: 5px;
 }
.anchorpoint{
    left:calc((100% - 1200px) / 2 - 150px);
}
 /* .YUGO-lecturedetail-recommend-btn div:nth-child(1) {
     width: 152px;
     height: 45px;
     background: #10B4B5;
     border-radius: 23px;
     text-align: center;
     padding-top: 10px;
     cursor: pointer;
 }

 .YUGO-lecturedetail-recommend-btn div:nth-child(1) img {
     width: 25px;
     height: 22px;
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
 }

 .YUGO-lecturedetail-recommend-btn div:nth-child(1) p {
     color: #FFFFFF;
     font-size: 16px;
     font-weight: 600;
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
     margin: 0;
 }

 .YUGO-lecturedetail-recommend-btn div:nth-child(2) {
     width: 152px;
     height: 45px;
     background-image: linear-gradient(to bottom, rgba(16, 180, 181, 0.8) 0%, rgba(16, 180, 181, 0.5), 20%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
     border-radius: 23px;
     margin-top: 1px;
 } */

 .YUGO-lecturedetail-bottom {
     width: 100%;
     padding-bottom: 30px;
 }

 .YUGO-lecturedetail-content {
     width: 1200px;
     margin: auto;
     position: relative;
     font-size: 0;
 }

 .YUGO-lecturedetail-content-left {
     width: 790px;
     /* padding-top: 30px; */
     display: inline-block;
     vertical-align: top;
 }

 .YUGO-lecturedetail-content-right {
     width: 380px;
     display: inline-block;
     vertical-align: top;
     margin-left: 30px;
     margin-top: -324px;
 }

 .YUGO-lecturedetail-content-video {
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.26);
     border: 1px solid #FFFFFF;
     border-bottom:none;
     padding: 5px 5px;
 }

 .YUGO-lecturedetail-content-video video {
     width: 100%;
     height: 100%;
 }

 .YUGO-institute-dymic-content {
     width: 100%;
     /* background: #ffffff; */
     padding-bottom: 20px;
 }

 .YUGO-institute-dymic-text {
     width: 100%;
     padding-left: 25px;
     padding-right: 25px;
     padding-top: 50px;
 }

 /* .YUGO-institute-dymic-text img {
     width: 230px;
     height: 28px;
     display: block;
 } */

 .YUGO-institute-dymic-list {
     width: 100%;
     padding-left: 25px;
     padding-right: 25px;
     padding-top: 14px;
 }

 .YUGO-institute-dymic-child {
     width: 100%;
     padding-top: 30px;
     padding-bottom: 30px;
     font-size: 0;
     border-bottom: 1px solid #E5E5E5;
 }

 .YUGO-institute-dymic-child:nth-last-child(1) {
     border-bottom: none;
 }

 .institute-date {
     width: 100%;
 }

 .institute-date p:nth-child(1) {
     color: #171717;
     font-size: 20px;
     font-weight: 600;
     line-height: 20px;
     display: inline-block;
     vertical-align: bottom;
 }

 .institute-date p:nth-child(2) {
     color: #171717;
     font-size: 12px;
     line-height: 12px;
     display: inline-block;
     vertical-align: bottom;
 }

 .institute-label {
     width: 44px;
     height: 23px;
     border: 1px solid #999999;
     color: #171717;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     margin-top: 12px;
 }

 .YUGO-institute-dymic-date {
     width: calc(100% - 262px);
     display: inline-block;
     vertical-align: top;
 }

 .YUGO-institute-dymic-info {
     width: 262px;
     display: inline-block;
     vertical-align: top;
 }

 .YUGO-institute-dymic-info>a:nth-child(1) p {
     color: #171717;
     font-size: 16px;
     font-weight: 600;
     line-height: 24px;
     cursor: pointer;
 }

 .YUGO-institute-dymic-info>p:nth-child(2) {
     color: #666666;
     font-size: 14px;
     line-height: 24px;
     margin-top: 8px;
 }

 .YUGO-institute-dymic-img {
     width: 100%;
     height: 169px;
     margin-top: 16px;
 }

 .YUGO-institute-dymic-img1 {
     width: 100%;
     margin-top: 16px;
 }

 .YUGO-institute-dymic-video {
     width: 100%;
     max-height: 169px;
     height: 169px;
     background: rgba(0, 0, 0, 0.2);
     margin-top: 16px;
 }

 .YUGO-institute-dymic-video video {
     width: 100%;
     height: 100%;
 }

 .YUGO-institute-artcle {
     width: 100%;
     height: 80px;
     background: #F2F2F2;
     padding: 12px;
     margin-top: 12px;
     font-size: 0;
 }

 .artcle-image {
     width: 57px;
     height: 56px;
     display: inline-block;
     vertical-align: top;
     position: relative;
     border-radius: 7px;
     overflow: hidden;
     background: rgba(0, 0, 0, 0.2);
 }

 .artcle-image img {
     position: absolute;
     width: 100%;
     left: 0px;
     top: 50%;
     transform: translateY(-50%);
 }

 .artcle-abstract {
     width: calc(100% - 57px);
     height: 56px;
     display: inline-block;
     vertical-align: top;
     padding-left: 12px;
     padding-top: 10px;
 }

 .artcle-abstract p {
     color: #666666 !important;
     font-size: 12px !important;
     line-height: 20px !important;
 }

 .YUGO-lecturedetail-content-resume {
     width: 100%;
     /* background: #FFFFFF; */
     /* border-radius: 7px; */
     /* padding:30px 40px; */
 }

 .YUGO-lecturedetail-resume-img img {
     width: 210px;
     height: 26px;
     display: block;
 }

 .introduce-title {
     /* padding-top: 35px; */
     padding-bottom: 10px;
 }

 .introduce-title p {
     color: #171717;
     font-size: 20px;
     line-height: 20px;
     font-weight: 600;
 }

 .YUGO-lecturedetail-introduce {
     width: 100%;
 }

 .YUGO-lecturedetail-introduce p {
     color: #171717;
     font-size: 14px;
     line-height: 24px;
 }

 .YUGO-lecturedetail-works {
     width: 100%;
     background: #FFFFFF;
     border-radius: 7px;
     margin-top: 15px;
     padding: 35px 40px;
 }

 .YUGO-lecturedetail-works-img img {
     width: 200px;
     height: 26px;
     display: block;
 }

 .project-product {
     width: 100%;
     padding-top: 35px;
     font-size: 0;
 }

 .project-product-list {
     width: 340px;
     height: 202px;
     border: 1px solid #EBEBEB;
     border-radius: 7px;
     display: inline-block;
     vertical-align: top;
     margin-left: 25px;
     font-size: 0;
     margin-top: 30px;
 }

 .project-product-list:nth-child(2n+1) {
     margin-left: 0px;
 }

 .project-product-list:nth-child(1),
 .project-product-list:nth-child(2) {
     margin-top: 0px;
 }

 .project-product-list-left {
     width: 164px;
     height: 100%;
     display: inline-block;
     vertical-align: top;
     position: relative;
 }

 .project-product-list-right {
     width: calc(100% - 164px);
     height: 100%;
     display: inline-block;
     vertical-align: top;
     padding-top: 40px;
     position: relative;
 }

 .project-product-list-right img {
     height: 40px;
     position: absolute;
     bottom: 20px;
     right: 20px;
 }

 .project-product-list-left img {
     width: 100%;
     position: absolute;
     left: 0px;
     top: -16px;
 }

 .project-product-list-right>p:nth-child(1) {
     color: #171717;
     font-size: 20px;
     font-weight: 600;
     padding-left: 6px;
 }

 .project-product-list-right>p:nth-child(2) {
     color: #666666;
     font-size: 12px;
     margin-top: 14px;
     padding-left: 16px;
 }

 .project-course {
     width: 100%;
     padding-top: 30px;
     padding-bottom: 30px;
     font-size: 0;
 }

 .project-course-left {
     width: 128px;
     height: 128px;
     display: inline-block;
     vertical-align: top;
     border-radius: 7px;
     overflow: hidden;
     background: rgba(0, 0, 0, 0.2);
     position: relative;
 }

 .project-course-right {
     width: calc(100% - 128px);
     height: 128px;
     display: inline-block;
     vertical-align: top;
     padding-left: 20px;
     padding-top: 10px;
 }

 .project-course-left img {
     position: absolute;
     height: 100%;
     left: 0px;
     top: 50%;
     transform: translateY(-50%);
 }

 .project-course-right p:nth-child(1) {
     color: #000000;
     font-size: 18px;
     font-weight: 600;
     line-height: 18px;
 }

 .project-course-right p:nth-child(2) {
     color: #666666;
     font-size: 16px;
     line-height: 16px;
     margin-top: 16px;
 }

 .project-course-right p:nth-child(3) {
     color: #666666;
     font-size: 14px;
     line-height: 22px;
     margin-top: 10px;
 }

 .project-course {
     border-bottom: 1px solid #F2F2F2;
 }

 .project-course:nth-last-child(1) {
     border-bottom: none;
 }

 .YUGO-lecture-address {
     float: right;
     margin-top: 4px;
 }

 .YUGO-lecture-address img {
     width: 17px;
     height: 20px;
 }

 .YUGO-lecture-address p {
     font-size: 18px;
     font-weight: 400;
     color: #ffffff;
     line-height: 24px;
     margin-left: 14px;
     margin-top: 2px;
 }
 .hiddenScroll::-webkit-scrollbar { display: none; }
 .layui-input,.layui-input.layui-unselect{
    background: none !important;
    background-color: none !important;
 }
 .work-item{
    background: url("http://yuguwechat.oss-cn-shanghai.aliyuncs.com/website/works_bg.png") no-repeat;
    background-size: cover;
 }
 .YUGO-lecturedetail-content-right .layui-input:focus{
    border-color:#1FB7B9 !important;
 }
 .YUGO-lecturedetail-content-right .layui-form-select dl dd.layui-this{
    color: #1FB7B9 !important;
 }