/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	-webkit-transition-property:left, top, -webkit-transform;
	
	transition-property:left, top, -webkit-transform;
	
	transition-property:transform, left, top;
	
	transition-property:transform, left, top, -webkit-transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.none{display:none}.hide-control-bar{display:none!important}#player-loading-box .player-loading-img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px}#player-error-wrap{z-index:1000;position:absolute;top:0;right:0;bottom:0;left:0;background:#000;text-align:center;background-image:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/player-err-bg.png);background-size:100% 100%}#player-error-wrap .error-box{min-width:250px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#player-error-wrap img{display:inline-block;width:60%;height:40%}#player-error-wrap p{color:#ccc;font-size:16px;line-height:22px}#player-error-wrap a{margin-top:10px;display:inline-block;color:#fff;width:88px;height:32px;text-align:center;font-size:14px;line-height:32px;border-radius:16px;background:#b60014}#barrage-track-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#barrage-track-wrap .barrage-track{overflow:hidden;position:relative;width:100%;height:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}#barrage-track-wrap .barrage-track-item{position:absolute;left:100%;display:inline-block;color:#fff;background:rgba(51,51,51,.5);border-radius:12px;font-size:14px;line-height:24px;height:24px;padding:0 11px;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#barrage-track-wrap .emojiMsg{display:inline-block;vertical-align:middle}.barrage-button-wrap{cursor:pointer;float:right;margin-top:15px;margin-right:15px;width:33px;background:#b60014;border-radius:10px;padding:0 2px;text-align:right}.barrage-button-wrap .barrage-button-box{display:inline-block;font-size:12px;height:16px;color:#b60014;background:#fff;border-radius:50%;padding:0 2px}.close-barrage{background:#ccd7df;text-align:left}.close-barrage .barrage-button-box{color:#99aebf}.prism-player .prism-big-play-btn,.prism-player .prism-big-play-btn.pause{background:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/video-plugin-play.png) no-repeat;background-size:100% 100%}.prism-player .prism-big-play-btn.playing{background:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/video-plugin-pause.png) no-repeat;background-size:100% 100%}.prism-player .prism-controlbar .prism-controlbar-bg{background:rgba(0,0,0,.7)}.prism-player .prism-play-btn{background:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/control-pause-icon-3x.png) no-repeat;background-position:50%;background-size:14px 18px}.prism-player .prism-play-btn.playing{background:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/control-play-icon-3x.png) no-repeat;background-position:50%;background-size:14px 16px}.prism-player .prism-fullscreen-btn{background:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/control-enlarge-icon-3x.png) no-repeat;background-position:50%;background-size:18px 18px}.prism-player .prism-fullscreen-btn:hover{-webkit-animation:none;animation:none}.prism-player .prism-fullscreen-btn.fullscreen{background:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/control-narrow-icon-3x.png) no-repeat;background-position:50%;background-size:18px 18px}.prism-player .prism-fullscreen-btn.fullscreen:hover{-webkit-animation:none;animation:none}.prism-player .prism-volume .volume-icon{background:url(https://upload.9fzt.com/production/jfzt-website-pc/bigLive/control-volumn-icon-3x.png) no-repeat;background-position:50%;background-size:20px 20px}.prism-player .prism-volume .volume-icon .long-horizontal,.prism-player .prism-volume .volume-icon .short-horizontal{display:none}.prism-player .prism-volume .volume-icon:hover{background-size:20px 20px}.prism-player .prism-liveshift-progress .prism-progress-played,.prism-player .prism-progress .prism-progress-played{background-color:#b60014}.prism-player .prism-liveshift-progress .prism-progress-cursor,.prism-player .prism-progress .prism-progress-cursor{background:none;background-color:#fff;width:12px;height:12px;top:-4px}.prism-player .prism-liveshift-progress .cursor-hover,.prism-player .prism-progress .cursor-hover{top:-3px!important}.prism-player .prism-liveshift-progress .prism-progress-cursor img,.prism-player .prism-progress .prism-progress-cursor img{display:none}.prism-player .prism-volume-control .volume-cursor{width:12px;height:12px;left:-4px}.prism-player .prism-volume-control .volume-value{background:#b60014}.prism-player .prism-volume-control .volume-cursor:hover{background:#fff}.rhemoji-emo {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.rhemoji-list-wrap {
    border: none;
    background-color: #ebeff3;
    z-index: 1000;
    overflow: visible;
    padding: 12px 9px 12px 12px;
}

.rhemoji-list {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.rhemoji-list::-webkit-scrollbar {
    width: 6px;
    background-color: #ebeff3;
}

.rhemoji-list::-webkit-scrollbar-thumb {
    height: 120px;
    background-color: #ccd7df;
    border-radius: 4px;
}

.rhemoji-list-wrap .rhemoji-list .emoji {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    margin-bottom: 6px;
}

.rhemoji-list-wrap .triangle-icon {
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #ebeff3;
}

/* mobile */
.rhemoji-list-mobile {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #eceef1;
}

.rhemoji-emo-mobile {
    width: 26px;
    height: 26px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
}

.rhemoji-list-mobile .rhemoji-triangle-icon-mobile {
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #ebeff3;
}

.rhemoji-list-mobile .rhemoji-list-content {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

.rhemoji-list-mobile .rhemoji-list-ul {
    padding: 16px 0 16px 12px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 104px;
}

.rhemoji-list-mobile .rhemoji-list-ul .emoji {
    width: 40px;
    height: 40px;
    margin-right: 11px;
    margin-bottom: 8px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.rhemoji-list-mobile .rhemoji-delete-wrap {
    width: 100px;
    height: 88px;
    position: absolute;
    bottom: 16px;
    right: 11px;
    z-index: 9999;
}

.rhemoji-delete-icon {
    width: 56px;
    height: 44px;
    position: absolute;
    right: 16px;
    bottom: 38px;
    z-index: 99999;
}

.rhemoji-input-box:empty:before {
    content: attr(placeholder);
    color: #999999;
}

.rhemoji-input-box img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
body{background:#f8f9fb}.container{padding-top:20px;margin:0 auto;width:1000px}.oneline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.none{display:none}.ml-20{margin-left:20px}.mt-8{margin-top:8px}.ff-din{font-family:DIN-Regular,DIN!important}.nav-wrap{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#666}.nav-wrap a{color:#09f}.nav-wrap img{width:6px;height:11px;margin:0 4px;display:inline-block;vertical-align:-1px}.room-wrap{padding-top:10px;padding-bottom:36px;position:relative;margin:0 -10px 26px}.room-wrap .list{font-size:0}.room-wrap .item{width:235px;display:inline-block;vertical-align:middle;margin:0 10px;border-radius:8px;border:1px solid #ebeff3;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.room-wrap .item .top{position:relative;height:132px}.room-wrap .item .bg{width:100%;height:100%}.room-wrap .item .avatar{position:absolute;left:0;bottom:0;width:150px;height:164px}.room-wrap .item .icon{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:60px}.room-wrap .item .bottom{position:relative;padding:8px 12px 12px;border-radius:0 0 8px 8px;background:#fff}.room-wrap .item .name{color:#333;font-size:14px;line-height:20px;font-weight:700}.room-wrap .item .intro{margin-top:4px;color:#666;font-size:14px;line-height:20px;height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.room-wrap .item .number{margin-left:8px;color:#999;font-weight:400;font-family:DIN-Regular,DIN!important}.room-wrap .item .live{position:absolute;top:4px;right:-4px;width:46px;height:24px}.room-wrap .item-change{width:320px}.room-wrap .item-change .avatar{width:170px;height:164px}.previous-wrap{margin-top:26px}.previous-wrap .header{margin-bottom:12px}.previous-wrap .header .left{color:#333;font-size:20px;line-height:28px;font-weight:700}.previous-wrap .header .right{margin-top:4px}.previous-wrap .header .text{color:#666;font-size:14px;line-height:20px;vertical-align:middle}.previous-wrap .header .icon{width:6px;height:11px;display:inline-block;vertical-align:middle}.previous-wrap .list{font-size:0;margin:0 -10px}.previous-wrap .item{width:235px;margin:0 10px;background:#fff;display:inline-block;vertical-align:middle}.previous-wrap .item:hover{-webkit-box-shadow:0 0 10px 0 rgba(153,174,191,.3);box-shadow:0 0 10px 0 rgba(153,174,191,.3)}.previous-wrap .item:hover .icon{display:block}.previous-wrap .item:hover .img{-webkit-transform:scale(1.2);transform:scale(1.2)}.previous-wrap .item .top{position:relative;height:132px;overflow:hidden}.previous-wrap .item .img{width:100%;height:100%;-webkit-transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:-webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s;transition:transform 1s cubic-bezier(.4,0,.2,1) 0s, -webkit-transform 1s cubic-bezier(.4,0,.2,1) 0s}.previous-wrap .item .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}.previous-wrap .item .icon{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:46px;height:46px}.previous-wrap .item .text{position:absolute;left:12px;bottom:12px;color:#e6e6e6;font-size:12px;line-height:17px}.previous-wrap .item .special{font-family:DIN-Regular,DIN!important}.previous-wrap .item .bottom{padding:8px}.previous-wrap .item .title{color:#333;font-size:14px;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.main-wrap .left{width:660px}.main-wrap .right{width:320px}.main-wrap .header{color:#333;font-size:20px;line-height:28px;font-weight:700;margin-bottom:12px;min-height:28px}.main-wrap .liveing{display:none}.main-wrap .liveing .liveing-text{color:#b60014;font-size:14px;line-height:20px;font-weight:400}.main-wrap .liveing .liveing-icon{width:14px;height:15px;display:inline-block;vertical-align:middle}.main-wrap .room{margin-bottom:20px;padding:16px;background:#fff}.main-wrap .room .room-left{width:167px;height:94px;position:relative}.main-wrap .room .room-left .teacher-desc{top:40px;left:9px;position:absolute;width:90px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.6);line-height:20px}.main-wrap .room .poster{width:100%;height:100%}.main-wrap .room .room-right{margin-left:16px;width:445px}.main-wrap .room .room-title{color:#333;font-size:16px;line-height:22px;height:22px;font-weight:700}.main-wrap .room .room-info{margin-top:4px;color:#999;font-size:14px;line-height:20px}.main-wrap .room .room-intro{margin-top:4px;color:#666;font-size:14px;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.main-wrap .footer{padding:0 16px 12px;background:#fff;color:#bbb;font-size:12px;line-height:17px}.main-wrap .footer .footer-box{padding-top:12px;border-top:1px solid #f2f5f8}.main-wrap .inner-video-box,.main-wrap .outter-video-box{position:relative;height:372px;background:#000}.main-wrap .tab{font-size:0}.main-wrap .tab-item{cursor:pointer;width:50%;display:inline-block;vertical-align:middle;color:#666;font-size:18px;height:42px;line-height:42px;border-top:2px solid #ebeff3;background:#ebeff3;text-align:center}.main-wrap .tab-item-active{border-top:2px solid #b60014;background:#fff;color:#333;font-weight:700}.main-wrap .right-main{padding:0 0 12px 12px;background:#fff}.speak-area{margin-top:5px;width:296px;height:95px;background:#fff;border-radius:4px;border:1px solid #ccd7df}.speak-area .speak-input-wrap{padding:8px}.speak-area .speak-input{height:40px}.speak-area .speak-input::-webkit-scrollbar{width:18px}.speak-area .speak-input::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ebeff3;border:6px solid transparent;background-clip:content-box}.speak-area .rhemoji-input-box:before{color:#bbb!important}.speak-area .rhemoji-input-box,.speak-area .rhemoji-input-box:before{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:20px}.speak-area .rhemoji-input-box{color:#333!important}.speak-area .actions{padding:0 8px 8px}.speak-area .emoji-icon img{height:20px;width:20px;display:inline-block;margin-top:4px}.speak-area .count{font-size:14px;font-family:DIN-Regular,DIN!important;font-weight:400;color:#bbb;line-height:20px;margin:4px 6px 0 0}.speak-area .count .cur-count{font-family:DIN-Regular,DIN!important;color:#333}.speak-area .send-btn{font-size:14px;font-weight:500;color:#fff;line-height:20px;padding:4px 18px;background:#e9b2b8;border-radius:2px;cursor:not-allowed}.speak-area .send-btn.active{background:#b60014;cursor:pointer}.speak-area .rhemoji-list-wrap{left:-21px!important}.speak-area .triangle-icon{left:25px!important}.declare{margin-top:8px;font-size:12px;line-height:17px;color:#bbb}.declare a{display:inline-block;margin-top:4px;color:#09f}.interact{position:relative;height:478px}.interact .all-interact,.interact .teacher-interact{height:100%;overflow-y:scroll}.interact .all-interact::-webkit-scrollbar,.interact .teacher-interact::-webkit-scrollbar{width:18px}.interact .all-interact::-webkit-scrollbar-thumb,.interact .teacher-interact::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ebeff3;border:6px solid transparent;background-clip:content-box}.interact .new-msg-tip{display:none;cursor:pointer;position:absolute;bottom:10px;left:110px;padding:6px 14px;color:#09f;font-size:12px;line-height:12px;border-radius:16px;background:#e7f5ff}.interact-item{margin-top:20px}.interact-item:first-child{margin-top:0}.interact-item-left{margin-top:4px;position:relative;width:36px;height:36px}.interact-item-left .avatar{width:100%;height:100%;border-radius:50%}.interact-item-left .vip-cion{width:20px;height:10px;position:absolute;left:8px;bottom:-5px}.interact-item-right{width:248px;margin-left:4px}.interact-item-right .username{display:inline-block;vertical-align:middle;max-width:100px;color:#333;font-size:14px;line-height:20px;font-weight:700}.interact-item-right .time{vertical-align:middle;color:#999;font-size:12px;line-height:12px;font-family:DIN-Regular,DIN!important}.interact-item-right .content-bottom{display:inline-block;word-break:break-all;margin-top:4px;color:#333;font-size:14px;line-height:20px;background:#f2f5f8;padding:6px 8px;border-radius:0 8px 8px 8px}.interact-item-right .content-bottom *{font-size:14px!important;font-weight:400!important}.interact-item-right .content-bottom .comment-title{font-weight:700!important}.interact-item-right .content-bottom img{max-width:232px;max-height:130px}.interact-item-right .content-bottom .emojiMsg{display:inline-block;vertical-align:middle}.interact-item-right .content-bottom .quote{margin-top:8px;padding-top:8px;border-top:1px dashed #ccd7df;color:#666}.interact-item-right .content-bottom a{color:#09f}.interact-item-right .myself{background:rgba(233,64,65,.08)}.interact-item-right .msg-img-box{height:130px}.selected{padding:12px 0;background:#fff}.selected .selected-scroll{height:348px;overflow-y:scroll}.selected .selected-scroll::-webkit-scrollbar{width:18px}.selected .selected-scroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ebeff3;border:6px solid transparent;background-clip:content-box}.selected-item{position:relative;width:605px;margin-left:35px;padding-left:34px;padding-bottom:24px;border-left:1px dashed #ebeff3;color:#333;font-size:14px;line-height:20px;word-break:break-all}.selected-item .time{font-family:DIN-Regular,DIN!important;position:absolute;top:0;left:-23px;width:46px;line-height:20px;border-radius:10px;background:#ebeff3;text-align:center;color:#666}.selected-item .quote{margin-top:8px;padding-top:8px;border-top:1px dashed #ccd7df}.selected-item a{color:#09f}.selected-item img{max-width:500px;max-height:200px}.selected-item .emojiMsg{display:inline-block;vertical-align:middle}.selected-item .selected-title{font-weight:700}.selected-item .selected-context,.selected-item .selected-sub,.selected-item .selected-title{margin-bottom:4px}.live-list-swiper{display:none;overflow:hidden}.live-list-swiper .swiper-slide-item{cursor:pointer;position:relative}.live-list-swiper .swiper-slide-item img{border-radius:8px}.live-list-swiper .swiper-slide-item .teacher-desc{position:absolute;top:64px;left:16px;width:126px;height:40px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.6)}.active-swiper-item{-webkit-transform:translateY(-10px);transform:translateY(-10px);position:relative}.active-swiper-item:after{background:url(https://upload.chongnengjihua.com/production/9fzt-website-pc/live/swiper-active.png) no-repeat;background-size:contain!important;content:"";position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:-1;bottom:-69px;width:320px;height:200px}#player-error-wrap img{-o-object-fit:contain;object-fit:contain;margin-top:50px}.swiper-icon-left,.swiper-icon-right{position:absolute;cursor:pointer;z-index:100;width:28px;height:38px}.swiper-icon-left{top:50%;-webkit-transform:translateY(calc(-50% - 13px));transform:translateY(calc(-50% - 13px));left:10px}.swiper-icon-right{top:50%;-webkit-transform:translate(-10px,calc(-50% - 13px));transform:translate(-10px,calc(-50% - 13px));right:0}.teacher-box{background:#fff;padding:16px 16px 8px;border-top:1px solid #f2f5f8}.teacher-box .teacher-box-left{width:60px;height:60px}.teacher-box .avatar{width:100%;height:100%;border-radius:50%}.teacher-box .teacher-box-right{width:552px;margin-left:16px}.teacher-box .name{color:#333;font-size:14px;line-height:22px;font-weight:700}.teacher-box .tag{width:32px;height:20px;margin-left:2px}.teacher-box .product{visibility:hidden;margin-left:17px;background:rgba(182,0,20,.1);border-radius:12px;padding:2px 12px}.teacher-box .product-text{color:#b60014;font-size:14px;line-height:20px}.teacher-box .product-icon{margin:4px 0 0 2px;width:14px;height:11px}.teacher-box .intro{margin-top:4px;color:#666;font-size:14px;line-height:20px;height:40px}.line-two,.teacher-box .intro{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}