body{padding:0;margin:0;font-family:Helvetica Neue, Helvetica, 'Microsoft JhengHei', 'Microsoft Yahei', arial, helvetica, sans-serif;background:#fff!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
@font-face {
    font-family: 'iconfont';  /* project id 659557 */
    src: url('https://ceshi.mmmaq.com//at.alicdn.com/t/font_659557_c8eiufrogkb.eot');
    src: url('https://ceshi.mmmaq.com//at.alicdn.com/t/font_659557_c8eiufrogkb.eot?#iefix') format('embedded-opentype'),
    url('https://ceshi.mmmaq.com//at.alicdn.com/t/font_659557_i88qvkv5xho.woff2') format('woff2'),
    url('https://ceshi.mmmaq.com//at.alicdn.com/t/font_659557_i88qvkv5xho.woff') format('woff'),
    url('https://ceshi.mmmaq.com//at.alicdn.com/t/font_659557_i88qvkv5xho.ttf') format('truetype'),
    url('https://ceshi.mmmaq.com//at.alicdn.com/t/font_659557_c8eiufrogkb.svg#iconfont') format('svg');
    font-display: swap;
}
.iconfont{
    font-family:iconfont;
}
/*手机版样式*/
.mobile-share-page{width: 100%;}
.mobile-share-detail-top{width: 100%;height:300px;position:relative;}
.mobile-detail-top-mask{width: 100%;height:300px;position: absolute;top: 0;left: 0;z-index: -1;display: none;}
.mobile-detail-top-mask-img{width: 80%;height:200px;object-fit: cover;filter:blur(40px);}
.mobile-share-content-img{width: 40%;position: absolute;right: 0;top: 0;height: 230px;z-index: -3;object-fit: cover;}
.mobile-share-content-img-bg{width: 100%;position: absolute;right: 0;top: 0;height: 230px;z-index: -2;background: linear-gradient(90deg, #0C1320 60%, rgba(59, 66, 71, 0) 100%);}
.mobile-detail-top{width: 100%;height:300px;display: flex;}
.mobile-share-content-detail{margin: 30px 5%;width: 90%;height: 150px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.mobile-share-content-img-placeholder{width: 96px;height: 128px;}
.mobile-share-content-info{display: flex;flex: 1;flex-direction: column;}
.mobile-share-content-title{overflow: hidden;font-weight: 700;font-size: 18px;line-height: 24px;color: #fff;max-height: 48px;}
.mobile-share-content-tags{color: #FFFFFF;font-size:14px;margin-top:4px;word-break: break-word;text-overflow: ellipsis;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.mobile-share-author-info{display: flex;flex-direction: row;margin-bottom: 10px;align-items: center;overflow: hidden;height: 25px;}
.mobile-share-author-img{width: 25px;height: 25px;border-radius: 50%;background-color: #eee;}
.mobile-share-author-name{margin-left: 8px;line-height: 25px;color: #fff;font-size: 14px;height: 25px;overflow: hidden;}
.mobile-share-tag{margin-top: 10px;line-height: 25px;color: #fff;font-size: 14px;height: 25px;overflow: hidden;}
.mobile-share-data-bg{width: 100%;background-color: #fff;margin-top: -100px;z-index: 99;border-radius: 16px;display: flex;flex-direction: column;}
.mobile-share-data-wrapper{margin: 16px 5% 12px 5%;width: 90%;height: 75px;background-color: #F9F9F9;border-radius: 12px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.mobile-share-data-item{display: flex;flex: 1;flex-direction: column;overflow: hidden;align-items: center;justify-content: center;}
.mobile-share-data-line{width: 1px;height: 36px;background: #EEEEEE;}
.mobile-share-data{font-style: normal;font-weight: 700;font-size: 20px;line-height: 24px;color: #333333;display: flex;flex-direction: row;align-items: center;}
.mobile-share-tip{margin-top: 4px;font-style: normal;font-weight: 400;font-size: 11px;line-height: 14px;color: #999999;}
.mobile-share-data-score-icon{color: #FFE54C;font-size: 14px;margin-left: 5px;}
.mobile-share-description-bg{margin: 0 5%;}
.mobile-share-description-title{font-style: normal;font-weight: 700;font-size: 16px;line-height: 21px;color: #333333;}
.mobile-share-description{font-style: normal;font-weight: 400;font-size: 14px;line-height: 21px;color: #333333;max-height: 105px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-top: 5px;margin-bottom: 12px;}
.mobile-share-line{width: 100%;height: 8px;background-color: #F9F9F9;}
.mobile-share-episode-wrapper{margin: 12px 6% 65px 6%;width: 88%;padding-bottom: 65px;}
.mobile-share-episode-title{font-style: normal;font-weight: 500;font-size: 20px;line-height: 26px;color: #333333;margin-top: 12px;margin-bottom: 20px;}
.mobile-share-episode-content{font-style: normal;font-weight: 400;font-size: 16px;line-height: 32px;color: #333333;}
.mobile-share-download{position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;background-color: #fff;display: flex;align-items: center;justify-content: center;border-top: solid 1px #eee;z-index: 9999;}
.mobile-share-download-btn{width: 82%;height: 47px;background:linear-gradient(14.84deg, #319FFF 13.12%, #178CF5 90.51%) !important;border-radius: 32px;color: #fff;text-align: center;line-height: 47px;}
.short-drama-episode-title{font-style: normal;font-weight: 500;font-size: 14px;line-height: 16px;color: #333333;margin-top: 15px;margin-bottom: 5px;}
.short-drama-video-wrapper{display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 20px;justify-content: space-between;}
.short-drama-video-item{display: flex;flex-direction: column;width: 46%;}
.video-play{color: #777;font-size: 50px;}