body,html{font-size:14PX;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}a:active,a:hover,a:visited{text-decoration:none!important}li{list-style:none;text-decoration:none}.color-w{color:#fff}.text-c{text-align:center}.text-l{text-align:left}.ell_one{-webkit-line-clamp:1}.ell_one,.ell_two{word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.ell_two{-webkit-line-clamp:2}button{border:0;background-color:transparent;outline:none}.flex-column-space{justify-content:space-between;-webkit-justify-content:space-between}.flex-row-space{justify-content:space-between;-webkit-justify-content:space-between}.flex-row-left,.flex-row-space{flex-wrap:wrap}.flex-row-center,.flex-row-left,.flex-row-space{display:flex;display:-ms-flex;display:-webkit-flex;flex-direction:row}.flex-row-center{justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.flex-column-center{justify-content:center}.flex-column-center,.flex-column-space{display:flex;display:-ms-flex;display:-webkit-flex;flex-direction:column}.flex-column-space{justify-content:space}.flex-column-row-center{display:flex;display:-ms-flex;display:-webkit-flex;flex-direction:column;align-items:center;-webkit-align-items:center;justify-content:center}.pos-row-center{position:absolute;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%)}.pos-colum-center{position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.pos-all-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}.progressive{position:relative;display:block;overflow:hidden}.progressive img{display:block;width:100%;max-width:100%;height:auto;border:0}.progressive img.hide{opacity:0}.progressive img.origin{position:absolute;left:0;top:0;animation:origin 1s ease-out}@keyframes origin{0%{opacity:0}to{opacity:1}}body,html{width:100%;min-height:100%;height:100%;color:#fff;font-family:PingFangSC-Regular\, PingFang SC}.tiltle-box{text-align:center;position:absolute;top:-280PX;right:-468PX;color:#999}.tiltle-box,.tiltle-box img{width:680PX;height:413PX}.sider-bg{width:100%;min-height:100%;height:100%;position:absolute;top:0;left:0;background:transparent url(https://s.laoyaoba.com/mid-live-bg.jpg) no-repeat 50%;background-size:cover}.title-pos{width:864PX;height:420PX}.title-pos-box{width:100%;height:100%;position:relative}.sider-bg .shadow{position:absolute;width:100%;min-height:100%;background:rgba(0,0,0,.3);z-index:101;top:0;left:0;right:0;bottom:0}.content-box,.sider-box{width:846PX;height:420PX;background:#fff}.content-box{padding:120PX 44PX 93PX;position:absolute;left:0;background-color:#fff}.mid-logo{width:99PX;height:36PX;left:32PX}.mid-close,.mid-logo{position:absolute;top:32PX}.mid-close{width:18PX;height:18PX;right:35PX;cursor:pointer}.mid-live-banner{width:368PX;height:270PX;position:relative;margin-right:30PX}.mid-live-banner img{width:100%;height:207PX}.living{background:linear-gradient(0deg,#fa203a,#fb7a6a)}.jijiang,.living{width:65PX;font-size:12PX;font-weight:400;line-height:22PX;text-align:center;position:absolute;right:0;top:19PX;border-top-left-radius:20PX;border-bottom-left-radius:20PX}.jijiang{background:linear-gradient(0deg,#fa6920,#fbad6a)}.mid-text{flex:1;height:207PX}.mid-title{font-size:22PX;font-weight:600;line-height:30PX}.mid-text p,.mid-title{color:#222;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mid-text p{font-size:16PX;font-weight:400;line-height:24PX;margin:.13333rem 0 47PX}.mid-text button{color:#fff;width:168PX;line-height:48PX;font-size:14PX;font-weight:600;text-align:center;cursor:pointer}.left-btn{background-color:#07f}.hui{background-color:#ccc;pointer-events:none}.sub-btn{background-color:#fe7f00}.tip-box{color:#07f;margin-top:12PX;align-items:center;display:flex;align-items:flex-start;justify-content:flex-start}.tip-box img{width:14PX;height:14PX;margin-top:6PX;margin-right:4PX}.tip-box p{font-size:12PX;font-weight:400;color:#07f;line-height:24PX}