.college-poster{width:283px}.college-poster #college-poster{background:#fff;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;border-radius:10px;overflow:hidden;line-height:1;position:relative}.college-poster #college-poster .poster-logo{position:absolute;top:14px;left:18px;z-index:1;width:60px;height:18px}.college-poster #college-poster .image{-webkit-transform-origin:0 0;transform-origin:0 0}.college-poster #college-poster .blank-placeholder{height:108px}.college-poster #college-poster .info-container{text-align:center;padding:14px;position:absolute;bottom:28px;left:20px;right:20px;background:#fff;border-radius:6px;border:1px solid #eaeaea;overflow:hidden}.college-poster #college-poster .info-container .title{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.college-poster #college-poster .subtitle{font-size:11px;color:#aaa;margin-top:4px}.college-poster #college-poster .course-num{font-size:10px;position:absolute;top:18px;left:18px;right:0;background:#e5b659;color:#fff;padding:3px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.college-poster #college-poster .poster-info{font-size:12px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left;margin-top:8px;padding-top:10px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.college-poster #college-poster .poster-info:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#eaeaea;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.college-poster #college-poster .poster-info .poster-base-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#666}.college-poster #college-poster .poster-info span{font-size:11px}.college-poster #college-poster .poster-info .guide{font-size:10px}.college-poster #college-poster .poster-info .desc{font-size:12px;color:#333;padding-top:8px}.college-poster #college-poster .poster-info .guide{color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:4px}.college-poster #college-poster .poster-info .guide .poster-guide{width:22px;height:8px}.college-poster #college-poster .poster-info .qr-code-container{width:40px;height:40px}.college-poster #college-poster .poster-info .qr-code-container canvas{-webkit-transform-origin:0 0;transform-origin:0 0}.college-poster #college-poster .solgan{position:absolute;bottom:9px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:94px;height:10px}.college-poster .poster{width:100%}.college-poster .emba-icon{width:35px;height:17px;margin-right:0;margin-bottom:3px!important}.share-popup .share-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:6.4vw 0}.share-popup .share-options .share-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:3.73333vw;color:#999}.share-popup .share-options .share-option i{margin-bottom:2.66667vw}.share-popup .hide-popup{height:13.06667vw;line-height:13.06667vw;text-align:center;font-size:4.8vw}.share-popup .mask{z-index:2001;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.share-popup .poster-container{position:fixed;z-index:2999;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:0}.share-popup .poster-container .tip{margin-top:1.33333vw;font-size:3.2vw;color:#fff;text-align:center}.share-popup .share-guide{position:fixed;z-index:2999;top:0;right:6.66667vw;width:80%}.circle-introduce{background:#f4f3f8;min-height:100vh}.circle-introduce .content{padding:2.66667vw 4.26667vw}.circle-introduce .content .title{padding:2vw 1.33333vw;border:1px solid #f5f5f4;background-color:#fff;border-radius:2.13333vw}.circle-introduce .content .title .course{padding:1.33333vw 2.66667vw;word-break:break-all;white-space:pre-wrap;font-size:3.73333vw;color:#333}