.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.lh24 { line-height: 24px; }
.lh28 { line-height: 28px; }
.lh32 { line-height: 32px; }
.w820 { width: 820px; }
.s-c666 { color: #666; }
.s-ccc { color: #ccc; }
.ptb30-lr40 { padding: 30px 40px; }
.pb15 { padding-bottom: 15px; }
.mt0{ margin-top:0px !important}

/* cy-list */
.cy-list li { float: left; width: 380px; margin-right: 30px; margin-top: 30px; }
.cy-list a { display: block; transition: all .25s linear; }
.cy-list .t { position: relative; width: 380px; height: 214px; overflow: hidden; }
.cy-list .t img { display: block; width: 380px; height: 214px; }
.cy-list .t time { position: absolute; right: 10px; bottom: 10px; display: inline-block; padding: 0 8px; height: 24px; line-height: 24px; border-radius: 12px; background-color: rgba(0,0,0,.5); font-size: 12px; color: #fff; }
.cy-list .t time .iconfont { float: left; }
.cy-list .t .bg { position: absolute; top: 214px; right: 0; left: 0; z-index: 2; height: 214px; line-height: 214px; text-align: center; background-color: rgba(0,0,0,.5); transition: all .3s linear; }
.cy-list .t .bg .iconfont { font-size: 48px; color: #fff; opacity: .4; }
.cy-list .b { padding: 15px 20px; background-color: #fff; border-radius: 0 0 5px 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }
.cy-list .b h3 { font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; font-weight: normal; }
.cy-list .b .iconfont { margin-right: 5px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.cy-list a:hover { transform: translateY(-10px); }
.cy-list a:hover .b { box-shadow: 0 15px 24px 0 rgba(0,0,0, .1); }
.cy-list a:hover .t .bg { top: 0; }

/* cy-banner */
.cy-banner { position: relative; height: 400px; overflow: hidden; }
.cy-banner img { display: block; position: absolute; top: 0; left: 50%; margin-left: -960px; }

/* cy-pin-box */
.cy-pin-box { background-color: #262626; padding: 20px 0 30px; }
/* cy-pin-info */
.cy-pin-info .btn { display: inline-block; margin-top: 15px; height: 30px; line-height: 30px; padding: 0 28px; font-size: 14px; font-weight: bold; }
.cy-pin-info h1 { height: 28px; overflow: hidden; color: #fff; font-weight: normal; }
.cy-pin-info .iconfont { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; color: #999; font-size: 14px; }
.cy-pin-info .bdsharebuttonbox { float: left; }
.cy-pin-info .bdsharebuttonbox .bds_more { padding: 0; background: none; margin: 0; color: #999; font-size: 12px; height: auto; line-height: 32px; }
.cy-pin-info .bdsharebuttonbox .bds_more .iconfont { font-size: 13px; }
.cy-pin-info .bdsharebuttonbox .bds_more:hover { opacity: 1; }

/* cy-pin-author */
.cy-pin-author { background: url('/images/chuangye/video_userface_bg.jpg') top center #fff no-repeat; padding: 30px 30px 29px; min-height: 401px; }
.cy-pin-author .img-block { display: block; margin: auto; width: 96px; height: 96px; border-radius: 50%; border: 2px solid #fff; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0, .2); }
.cy-pin-author .info li { position: relative; margin-top: 10px; padding-left: 53px; min-height: 22px; line-height: 22px; font-size: 14px; }
.cy-pin-author .info label { position: absolute; top: 0; left: 0; color: #999; }

/* cy-pin-con */
.cy-pin-con .ovh { position: relative; height: 216px; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; }
.cy-pin-con .ovh::after { position: absolute; right: 0; bottom: -25px; left: 0; content: ''; height: 60px; background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: -o-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: -ms-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); }
.cy-pin-con .con, .cy-pin-con .con p { font-size: 14px; line-height: 24px; color: #666; }
.cy-pin-con .con p { padding-top: 24px; }
.cy-pin-con .btn { display: block; margin: 20px auto 0; width: 123px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #666; }
.cy-pin-con .btn:hover { color: #ff552e; }
.cy-pin-con .btn .icon-downarrow { display: inline-block; -webkit-transition: transform .25s linear; -moz-transition: transform .25s linear; -ms-transition: transform .25s linear; -o-transition: transform .25s linear; transition: transform .25s linear; }
.cy-pin-con-all .ovh::after { height: 0; }
.cy-pin-con-all .btn .icon-downarrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/* cy-ecode */
.cy-ecode { padding: 30px 10px 0; height: 330px; background: url('/images/chuangye/bg360.jpg') no-repeat; text-align: center; line-height: 28px; }
.cy-ecode .f24 { color: #b26113; }
.cy-ecode img { display: block; width: 180px; height: 180px; margin: 20px auto 15px; }

/* cy-list-w250 */
.cy-list-w250 li { width: 250px; margin-right: 40px; margin-top: 20px; }
.cy-list-w250 .t, .cy-list-w250 .t img { width: 250px; height: 141px; }
.cy-list-w250 .t .bg { top: 141px; height: 141px; line-height: 141px; }
.cy-list-w250 .t .bg .iconfont { font-size: 36px; }
.cy-list-w250 .b { padding-left: 0; padding-right: 0; box-shadow: none; }
.cy-list-w250 .b h3 { font-size: 16px; }
.cy-list-w250 a:hover { transform: translateY(0); }
.cy-list-w250 a:hover .b { box-shadow: none; }
.cy-list-w250 .b .icon-bofang-o { color: #ccc; }

/* video-box */
.video-box { position: relative; width: 820px; height: 461px; }
.video-box .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.9); text-align: center; padding-top: 140px; }
.mr80 { margin-right: 80px; }
.video-box .bg .iconfont { display: inline-block; vertical-align: middle; margin-top: -3px; }
.video-box .bg .bdsharebuttonbox { float: none; }
.video-box .bg .bdsharebuttonbox .bds_more { float: none; padding: 0; background: none; margin: 0; color: #ccc; font-size: 16px; height: auto; line-height: 28px; }
.video-box .bg .bdsharebuttonbox .bds_more .iconfont { font-size: 22px; }
.video-box .bg .bdsharebuttonbox .bds_more:hover { color: #ff552e; opacity: 1; }

/* audio-box */
.audio-box { position: relative; width: 820px; height: 461px; }
.audio-box img { display: block; width: 820px; height: 461px; }

/* voice-bar */
.voice-bar { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding-left: 30px; height: 40px; line-height: 40px; background-color: #f2f2f2; }
.voice-bar .voice-btn { float: left; }
.voice-bar .voice-btn .icon-bofang { font-size: 26px; color: #8c8c8c; float: left; }
.voice-bar .voice-btn audio { display: none; }
.voice-bar .voice-btn.play .icon-bofang::before { content: "\e7eb"; }
.voice-bar .gy-line { position: relative; float: left; margin-top: 19px; margin-left: 90px; width: 560px; height: 2px; line-height: 0; background-color: #b3b3b3; }
.voice-bar .gy-line .orange { position: absolute; top: 0; left: 0; height: 2px; line-height: 0; background-color: #ff552e; }
.voice-bar .gy-line .orange .line-btn { position: absolute; top: -11px; right: -12px; width: 8px; height: 8px; background-color: #ff552e; border: 8px solid #f7f7f7; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,.3); z-index: 3; }
.voice-bar .gy-line .all-time { position: absolute; top: 1px; right: -80px; font-size: 16px; color: #8c8c8c; }
.voice-bar .gy-line .play-time { position: absolute; top: 1px; left: -80px; font-size: 16px; color: #8c8c8c; width: 80px; }

/* r-cy-list */
.r-cy-list li { margin-top: 20px;}
.r-cy-list li a { display: block; overflow: hidden; }
.r-cy-list .l { margin-right: 20px; width: 120px; height: 67px; overflow: hidden; position: relative; }
.r-cy-list .l img { display: block; width: 100%; height: 100%; }
.r-cy-list .l .icon-bofang-o { position: absolute; top: 50%; left: 50%; font-size: 32px; line-height: 32px; margin-top: -16px; margin-left: -16px; }
.r-cy-list .l .icon-bofang-o::before { position: relative; z-index: 2; color: #fff; opacity: .7; }
.r-cy-list .l .icon-bofang-o::after { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; z-index: 1; content: ''; background-color: rgba(0,0,0,.4); border-radius: 50%; }
.r-cy-list .tit { font-size: 16px; height: 40px; line-height: 20px; overflow: hidden; margin-bottom: 7px; font-weight: normal; }
.r-cy-list .lh20 { line-height: 20px; }
.r-cy-list .money { color: #ff552e; }

.cy-pin-author .btn { display: block; margin: 30px auto 0; width: 120px; line-height: 30px; }
.cy-pin-author .ovh-h4 { max-height: 88px; overflow: hidden; }

/* audio-mo */
.audio-mo { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #f0f2f3; }
.audio-mo audio { display: block; margin: auto; width: 100%; height: 40px; }

/* 2019-11-29 */
.right-tab-nav { overflow: hidden; }
.right-tab-nav h2 { float: left; margin-right: 50px; cursor: pointer; }
.right-tab-nav h2.cur { color: #ff5520; }