* { margin: 0; padding: 0; } html { font-size: 100%; } body { font-size: 1em; } @media screen and (min-width: 1340px) { .layui-container { width: 1200px; padding-left: 0; padding-right: 0; } } /*内容部分*/ article { margin-top: 160px; } article:after{ clear:both;content:'';display:block;width:0;height:0;visibility:hidden; } .warp .crumbs { padding: 1.125em 0; font-size: 1em; } .warp .crumbs p { font-size: 0.875em; color: #999; } .warp .crumbs p a { color: #999; } .warp .crumbs p i{ font-size: 1em; } .show-videobox{ width: 40em; margin: 0 auto; } .videodetails_detailscontent_left_introduction { box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.14); padding: 1.25em 1em; } .videodetails_detailscontent_left_introduction .video_info_title { padding-bottom: 0.75em; } .videodetails_detailscontent_left_introduction .video_info_title h3 { font-size: 1.25em; color: #2D2D2D; font-weight: bold; padding-bottom: .25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .videodetails_detailscontent_left_introduction .video_info_title h3 .yuanchuang{ display: inline-block; width: 2.8em; height: 1.3em; background-image: url("../image/yc1.png"); background-repeat: no-repeat; vertical-align: middle; margin-right: 0.4em; background-size: cover; } .videodetails_detailscontent_left_introduction .video_info_title h3 .gongxiang{ display: inline-block; width: 2.8em; height: 1.3em; background-image: url("../image/gx1.png"); background-repeat: no-repeat; vertical-align: middle; margin-right: 0.4em; background-size: cover; } .videodetails_detailscontent_left_introduction .video_info_title p { line-height: 1.875em; } .videodetails_detailscontent_left_introduction .video_info_title p span { color: #999; font-size: .75em; margin-right: .75em; } .videodetails_detailscontent_left_introduction .video_info_title p span img { padding-right: .5em; } .videodetails_single-frame #CuPlayer { padding: 0 0 1em; font-size: 0.875em; } .videodetails_printscreen { overflow: hidden; } .videodetails_printscreen > img { width: 100%; } .videodetails_introduce { margin-top: 1.5em; } .videodetails_introduce h3 { color: #2D2D2D; font-size: .875em; font-weight: bold; padding-bottom: .75em; } .videodetails_introduce ul li { font-size: 0.875em; color: #666; line-height: 1.75em; } .videodetails_synopsis { margin-top: 2.5em; font-size: 0.875em; color: #999; } /*右侧up详情*/ .videodetails_detailscontent_right >div{ padding-left: 1em; padding-right: 1em; } .videodetails_detailscontent_right { box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.14); margin-bottom: 5px; /*padding: 0 1em;*/ } .videodetails_upparticulars { padding: 1.25em 0; border-bottom: 1px solid #e2e2e2; position: relative; } .videodetails_upparticulars .upheadUrl { width: 3.5em; height: 3.5em; border-radius: 50%; vertical-align: top; } .videodetails_upparticulars .videodetails_income { display: inline-block; padding-left: .75em; } .videodetails_upparticulars .videodetails_income > span { display: block; } .videodetails_upparticulars .videodetails_income .upuserName { font-size: 1em; color: #2D2D2D; margin-bottom: .75em; display: block; } .videodetails_upparticulars .videodetails_income .upIncome { font-size: .75em; color: #666; } .videodetails_upparticulars .videodetails_income .upIncome span { margin-right: .75em; } .videodetails_attentionbtn { position: absolute; right: 1em; top: 1.25em; } .videodetails_attentionbtn .attention { height: 1.75em; line-height: 1.75em; padding: 0 0.625em; color: #0ec5a1; border-color: #0ec5a1; } .videodetails_attentionbtn .attention i { font-size: 1em; } .videodetails_price { /*padding-left: 6em;*/ padding-top: 1.375em; text-align: left; } .videodetails_price div { margin-bottom: 1.25em; } .videodetails_price div.videodetails_pricebtn { margin-bottom: 0.25em; } .videodetails_price div span { font-size: 0.95em; margin-right: 0.5em; } .videodetails_price div span:first-child { margin-right: 0 } .videodetails_price .videodetails_pricediscounts span { color: #0ec5a1; } .videodetails_price .videodetails_pricediscounts button, .videodetails_price .videodetails_pricediscounts a{ width: 5.75em; margin-left: 0.6375em; text-align: center; color: #fff; font-size: 0.75em; padding: 0.25em 0; height: auto; line-height: inherit; background: #0ec5a1; border-radius: 0.25em; float: right; } .videodetails_price .videodetails_pricecoupon span { color: #F99E5E; } .videodetails_price .videodetails_pricecoupon button,.videodetails_price .videodetails_pricecoupon a { width: 5.75em; text-align: center; color: #fff; font-size: 0.75em; padding: 0.25em 0; height: auto; line-height: inherit; background: #F99E5E; border-radius: 0.25em; float: right; } .videodetails_pricebtn button { width: 10.25em; height: 3em; line-height: 3em; font-size: 1.125em; text-align: center; border-radius: 0.25em; } .videodetails_pricebtn.courseDetail a { width: 7.65em; height: 3em; line-height: 3em; font-size: 1em; text-align: center; border-radius: 0.25em; padding: 0; } .videodetails_pricebtn a { width: 10.25em; height: 3em; line-height: 3em; font-size: 1em; text-align: center; border-radius: 0.25em; } .gallerydetail .videodetails_pricebtn a { width: 100%; height: 3em; line-height: 3em; font-size: 1em; text-align: center; border-radius: 0.25em; } .audio.videodetails_pricebtn a { width: 100%; } .videodetails_price>div{ padding: 0 4em; } .videodetails_pricebtn .resourceDown { background: #0ec5a1; color: #fff; } .videodetails_pricebtn .plugindown { width: 100%; } .videodetails_pricebtn .moduleCustom { color: #0ec5a1; border-color: #0ec5a1; } .videodetails_gettheir { padding-top: 0.625em; border-bottom: 1px solid #e2e2e2; } .videodetails_relatedworks{ border-bottom: 1px solid #e2e2e2; } .videodetails_gettheir .videodetails_discount_card { text-align: center; font-size: 0.75em; color: #999; position: relative; margin-bottom: 1.25em; } .videodetails_gettheir .videodetails_discount_card img{ width: 7em; } .videodetails_gettheir .disount_privilege { padding-bottom: 1em; } .videodetails_gettheir .disount_privilege img{ width: 100%; } .videodetails_releasewindow { padding: 0.75em 0; border-bottom: 1px solid #e2e2e2; } .videodetails_releasewindow li { line-height: 2.25em; font-size: 0.875em; color: #666; } .videodetails_releasewindow li.dot { color: #000000; font-size: 16px; } .videodetails_releasewindow li > i { font-style: normal; } .videodetails_releasewindow li > a { color: #0ec5a1; margin-left: 10px; } .videodetails_viewmore { padding: 1.25em 0; } .videodetails_viewmore .videodetails_viewmoreline { padding-bottom: 0.75em; } .videodetails_viewmore .videodetails_viewmoreline span { font-size: 1em; color: #2D2D2D; } .videodetails_viewmore .videodetails_viewmoreline a:hover { color: #666; } .videodetails_viewmore .videodetails_viewmoreline a { float: right; color: #999; font-size: 0.875em; } .videodetails_viewmore .videodetails_production { overflow: hidden; } .videodetails_viewmore .videodetails_production a{ display: block; position: relative; } .videodetails_viewmore .videodetails_production a .vipFree img{ height: 20px; } .videodetails_viewmore .videodetails_production a .vipFree{ position: absolute; right: 5px; top: 0; } .videodetails_viewmore .videodetails_production a span{ font-size: 0.875em; color: #666; width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 0.5em; text-align: center; } .videodetails_viewmore .videodetails_production a:hover span{ color: #0ec5a1; } .videodetails_viewmore .videodetails_production a >img{ width: 100%; height: 5em; } .tuijian{ border-top: 1px solid #e0e9f0; } .videodetails_label h4 { font-size: 1em; color: #2D2D2D; padding: .5em 0; margin-top: 1em; } .videodetails_label .keyWords { padding-bottom: 1em; } .videodetails_label .keyWords a { display: inline-block; font-size: .75em; color: #666; padding: 0; margin-right: .75em; margin-bottom: .75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 8.33em; } .videodetails_label .keyWords a:hover { color: #0ec5a1; } .videodetails_detailscontent_right .videodetails_feedback { padding: 1.25em 3.125em; border-bottom: 1px solid #e2e2e2; } .videodetails_feedback:after{ display:block;clear:both;content:"";visibility:hidden;height:0; } .videodetails_feedback div{ width: 33.33%; float: left; /*padding: 0 2.45em;*/ } .videodetails_feedback a { display: block; text-align: center; cursor: pointer; } .videodetails_feedback a img { height: 1.25em; } .videodetails_feedback a p { font-size: 0.75em; color: #999; padding-top: 0.5em; } #complaintBox{ display: none; } .complaintBox { /*position: absolute;*/ padding: 1.5em; text-align: left; border-radius: 0.375em; background: #fff; } .complaintBox .complaintReason .otherReason{ font-size: 0.75em; } .complaintBox h4 { color: #2D2D2D; font-size: 1.125em; margin-bottom: 1em; } .complaintBox .complaintReason { margin-left: 0; } .complaintBox .complaintReason .layui-form-radio { display: block; color: #2D2D2D; } .complaintBox .complaintBtn { margin-top: 1.25em; width: 6em; height: 2em; line-height: 2em; text-align: center; background: #0ec5a1; border-radius: 2px; } .videodetails_feedback { position: relative; } .shareBox { background: #fff; padding: 0.875em 0; box-shadow: 0px 0px 0.25em 0px rgba(0,0,0,0.2); width: 17.5em; position: absolute; right: 0; top: 100%; display: none; z-index: 10; } .videodetails_feedback .bdshare-button-style1-16 a,.videodetails_feedback .bdshare-button-style1-16 .bds_more{ height: auto; line-height: initial; color: #999; margin: 4px 0 0 25px; } .videodetails_feedback .fr{ float: none; } .videodetails_feedback .bdshare-button-style1-16 a img,.videodetails_feedback .bdshare-button-style1-16 .bds_more img{ display: block; height: 1.5em; padding-bottom: 0.4375em; box-sizing: content-box; margin: 0 auto; } #bdshare{ display: none; } .videodetails_feedback #bdshare{ text-align: center!important; font-size: 1em;display: block } .videodetails_feedback .bdshare_t span{ display: inline-block; width: 100%; } .videodetails_feedback .bdshare_t .bds_more { background-image: url("../image/fenxiang.png")!important; background-repeat: no-repeat!important; background-position: center 0.33em!important; background-size: 1.67em!important; padding: 2.5em 0 0; font-family: "Microsoft YaHei", serif; font-size: 0.75em; color: #999; } .shareBox a{ padding: 0 1em; } /*评论*/ .commentCon.custom_made { margin-top: 2.625em; position: relative; } .commentCon.custom_made #comment_content { height: 7.5em; resize: none; } .commentCon.custom_made #comment_but { position: absolute; color: #0ec5a1; border: 0; bottom: 1px; right: 1px; opacity: 0.4; } .CommentDetails { margin-top: 2.5em; } .CommentDetails h1 { font-size: 1.5em; color: #000; line-height: 2em; margin-bottom: 1.25em; } .CommentDetails_example { margin-bottom: 1.875em; } .CommentDetails_example img { width: 3em; height: 3em; vertical-align: top; border-radius: 50%; } .CommentDetails_details { display: inline-block; padding-left: 1em; border-bottom: 1px solid #e2e2e2; padding-bottom: 1em; width: 92%; } .CommentDetails_details span { display: block; } .CommentDetails_details span:nth-child(1) { margin-bottom: 0.625em; } .CommentDetails_name i { color: #999; margin-right: 0.375em; font-style: normal; } .CommentDetails_name i:first-child { font-size: .875em; } .CommentDetails_name i:last-child { font-size: .75em; } .CommentDetails_details span.CommentDetails_text { color: #2D2D2D; font-size: .875em; display: block; } .videodetails_single-frame img{ width: 100%; min-height: 463px; background-size: 100%; background: no-repeat; } /*详情页头部图片样式*/ .aoaoadvertising{ width: 100%; height: 100px; /*margin-top: 3.75em;*/ background-image: url("../image/neirong.png"); background-size: cover; background-position: center; } /*相关推荐*/ /*视频模板*/ .videodetails_recommend { padding-bottom: 1.5em; padding-top: 1em; background: #F7F9F9; } .videodetails_recommend h1 { text-align: left; margin-bottom: 1em; } .video_listing { margin-top: 1em; } /*PC端宽高设定*/ #CuPlayer div.CuPc{ width:100%; height:518px;margin:0 auto; } /*移动端宽高设定*/ #CuPlayer div.CuMob{ width:100%; height:518px;margin:0 auto;position: relative; } #CuPlayer div.CuPad{ width:100%; height:450px;margin:0 auto; } #CuPlayer .video-js{ width:100%; height:100%;} /*移动端设定*/ video::-webkit-media-controls-enclosure { display: none !important;} /*预览结束窗口*/ div.payInfo { width:100%; height:100%; background:#252625; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",MingLiu,Verdana, Arial, Helvetica, sans-serif;} div.payInfo { -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;} div.payInfo p { padding:0; margin:0; } div.payInfo p.info{ color: #CCC; font-size: 24px; text-indent: 0.5em; display: block; text-align: center; padding-top:110px;} div.CuMob div.payInfo p.info{ color: #CCC; font-size: 24px; text-indent: 0.5em; display: block; text-align: center; padding-top:50px;} div.payInfo p.title {display: block;font-size: 16px;padding: 15px 0px 0px;color: #C2C1C1;text-align: center;} div.payInfo p.pay {color: #f39800;display: block;font-size: 18px;padding: 5px 0px 0px;text-align: center; } div.payInfo p.paybtn { text-align:center; padding-top:20px;} div.payInfo p.paybtn a,div.payInfo p.paybtn a:link,div.payInfo p.paybtn a:visited { background-color: #327b10;border: 1px solid #235c09;border-radius: 5px;color: #FFF;cursor: pointer;display: inline-block;font-size: 18px;height: 48px;line-height: 48px;width: 170px; } div.payInfo p.paybtn a.btn1,div.payInfo p.paybtn a.btn1:link,div.payInfo p.paybtn a.btn1:visited { background-color: #327b10;border: 1px solid #235c09;border-radius: 5px;color: #FFF;cursor: pointer;display: inline-block;font-size: 18px;height: 48px;line-height: 48px;width: 170px; } div.payInfo p.paybtn a.btn2,div.payInfo p.paybtn a.btn2:link,div.payInfo p.paybtn a.btn2:visited { background-color: transparent;border: 1px solid #666;color: #999;height: 48px;margin-left: 20px;width: 170px; text-decoration:none; } .sm_videodetails_single-frame,.sm_details_upparticulars,.sm-videodetails_releasewindow,.sm-videodetails_label,.sm-share_content,.sm-CommentDetails,.sm-footer-buy,.triangle_down{ display: none; } .media-list ul { margin-top: 0; } embed#ply { width: 100%; } @media screen and (max-width: 768px) { article.mb3 +.footer+footer { display: block; margin-bottom: 3em; } .warp .crumbs{ display: none; } .aoaoadvertising{ display: none; } article { margin-top: 3.125em; } .sm_head >p{ text-align: center; position: absolute; left: 50%; top: 0; line-height: 3em; } .sm_head>a>i,.sm_head>span>i{ font-size: 1.25em; } .sm_head>a{ position: absolute; left: 1em; z-index: 2; display: inline-block; } .sm_head>span{ float: right; position: absolute; right: 1em; z-index: 2; } .sm_head{ display: block; padding: 0.75em 1em; width: 100%; position: fixed; background: #fff; box-sizing: border-box; z-index: 22; top: 0; left: 0; height: 3em; } /*详情页手机端*/ .warp.details { display: none; } .videodetails_detailscontent_left_introduction { box-shadow: none; padding: 0; } .videodetails_detailscontent_left_introduction .video_info_title h3 { font-size: 1em; font-weight: normal; padding-bottom: 0.25em; width: 75%; } .sm_videodetails_single-frame{ width: 100%; display: block; /*max-height: 14em;*/ overflow: hidden; } .sm_videodetails_single-frame img{ width: 100%; height: 100%; } .sm_videodetails_single-frame video{ width: 100%; height: 100%; object-fit: fill } .videodetails_single-frame{ display: none; } .moduleRightCon{ display: none; } .sm_details_upparticulars{ display: block; padding: 0.5em 1em; border-bottom: 0; } .videodetails_upparticulars .upheadUrl{ width: 2.25em; height: 2.25em; } .videodetails_upparticulars .videodetails_income .upuserName{ margin-bottom: 0.25em; } .videodetails_detailscontent_left_introduction .video_info_title{ padding-bottom: 0; position: relative; } .videodetails_detailscontent_left_introduction .video_info_title .triangle_down{ display: block; position: absolute; right: 0; top: 0; } .triangle_down i{ display: inline-block; font-size: 1.25em; } .videodetails_attentionbtn{ right: 1em; top: 5px; z-index: 5; } .videodetails_attentionbtn .attention{ color: #fff; background: #0ec5a1; } .videodetails_introduce,.videodetails_synopsis,.commentCon.custom_made{ display: none; } .sm-videodetails_releasewindow,.sm-videodetails_label{ display: block; } .sm-videodetails_label .sm-videodetails_label_info{ padding-top: 0.75em; font-size: 0.875em; color: #666; } .videodetails_releasewindow{ /*display: block;*/ padding: 0; } .sm-videodetails_label{ border-bottom: 0; } .sm-share_content{ display: flex; justify-content: space-around; margin-top: 1em; } .sm-share_content.videodetails_feedback .bdshare_t span { display: inline-block; width: 100%; height: 100%; } .sm-share_content.videodetails_feedback .bdshare_t .bds_more { background-image: url(../image/fenxiang.png)!important; background-repeat: no-repeat!important; background-size: 1.125em!important; background-position: left center!important; padding-top: 2px; padding-left: 28px; font-family: "Microsoft YaHei", serif; font-size: 0.875em; color: #666; box-sizing: border-box; } .sm-share_content p{ padding: 0.4em 1em; border: 1px solid #e2e2e2; border-radius: 1.75em; padding-top: 0.125em; } .sm-share_content p span, .sm-share_content p em{ font-size: 0.875em; color: #666; } .sm-share_content p img{ width: 1em; height: auto; margin-right: 0.5em; } .video_comment{ display: none; } .sm-CommentDetails{ display: block; margin-top: 0; margin-bottom: 3em; padding: 0 1em; } .CommentDetails h1 { display: none; } .CommentDetails_details{ width: 78%; } .videodetails_recommend{ padding-top: 1.25em; background: #fff; } .videodetails_recommend h1{ display: none; } .videodetails_recommend .video_listing{ margin-top: 0; } .sm-footer-buy{ display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: 3.125em; background: #fff; /*box-shadow:0px 0px 1px 0px rgba(0,0,0,0.12);*/ border-top: 1px solid #e2e2e2; padding-left: 1em; z-index: 222; } .sm-footer-buy p{ color: #666666; font-size: 0.75em; float: left; padding: 1.125em 0; } .sm-footer-buy p span{ font-size: 1.33em; color: #F35555; } .sm-footer-buy .buyCon{ float: right; overflow: hidden; height: 100%; padding-right: 1em; } .sm-footer-buy.gallery .buyCon{ padding-right: 0; } .sm-footer-buy .buyCon button{ float: left; width: 7.125em; border-radius: 0; height: 100%; } .buyCon .layui-btn+.layui-btn{ margin-left: 0; } .sm-footer-buy .buyCon .sucaidown{ background: #0ec5a1; } .sm-footer-buy .buyCon .discountBuy{ background: #F99E5E; } .videodetails_label .keyWords{ padding-bottom: 0; } .videodetails_printscreen{ display: none; } .prism-player { display: none; } } @media screen and (min-width: 768px) { body { font-size: 12px } .videodetails_price>div { padding: 0; } .videodetails_pricebtn.courseDetail a,.videodetails_pricebtn.videoDetail a { width: 7.83em; } .videodetails_pricebtn button{ width: 6.5em; padding: 0; font-size: 1em; } .videodetails_gettheir .videodetails_discount_card img{ width: 2em; height: 2px; } .videodetails_feedback .bdshare_t .bds_more { background-position: center 0.2em!important; background-size: 1.25em!important; padding: 1.95em 0 0; } .show-videobox{ width: 38em; } } @media screen and (min-width: 992px) { body { font-size: 14px } .videodetails_price>div { padding:0 1em; } .videodetails_pricebtn.courseDetail a,.videodetails_pricebtn.videoDetail a { width: 7.91em; } .videodetails_pricebtn button{ width: 9.25em; } .videodetails_gettheir .videodetails_discount_card img{ width: 3.5em; } .videodetails_gettheir .videodetails_discount_card img:first-child{ padding-right: 1.25em; } .videodetails_gettheir .videodetails_discount_card img:last-child{ padding-left: 1.25em; } .videodetails_upparticulars .videodetails_income{ padding-left: 0; } .videodetails_feedback .bdshare_t .bds_more { background-position: center 0.2em!important; background-size: 1.25em!important; padding: 1.95em 0 0; } .show-videobox{ width: 42em; } } @media screen and (min-width: 1200px) { body { font-size: 16px } .videodetails_price>div { padding: 0 2.5em; } .videodetails_pricebtn.courseDetail a,.videodetails_pricebtn.videoDetail a { width: 7.48em; } .videodetails_pricebtn button{ width: 9.25em; }.videodetails_upparticulars .videodetails_income { padding-left: .75em; } .videodetails_feedback .bdshare_t .bds_more { background-position: center 0.3em!important; background-size: 1.45em!important; padding: 2.2em 0 0; } .show-videobox{ width: 40em; } } @media screen and (min-width: 1340px) { body { font-size: 16px } .videodetails_price>div { padding: 0 2.5em; } .videodetails_pricebtn.courseDetail a,.videodetails_pricebtn.videoDetail a { width: 17.0em; } .videodetails_pricebtn button{ width: 9.5em; }.videodetails_upparticulars .videodetails_income { padding-left: .75em; } .videodetails_feedback .bdshare_t .bds_more { background-position: center 0.33em!important; background-size: 1.67em!important; padding: 2.5em 0 0; } .show-videobox{ width: 40em; } }