* {
    -webkit-overflow-scrolling: touch; /* 移动端组件滚动流畅 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    line-height: 1.6;
    font-family: -apple-system-font, "Helvetica Neue", Helvetica, sans-serif;
}
.row {
    padding: 0 .3rem;
}
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-justify-center {
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-align-center {
    -webkit-align-items: center;
    align-items: center;
}
.app {
    width: 100%;
    min-height: 100vh;
    background: #ffffff;
}

/* banner图 */
.banner-container > img {
    display: block;
    width: 100%;
}

/* 主题标题 */
.live-info {
    padding-top: .4rem;
}
.live-info-title {
    color: #333333;
    font-size: .36rem;
    font-weight: bold;
}
.live-info-wrapper {
    margin-top: .24rem;
}
.live-info-link > span {
    color: #0076fe;
    font-size: .32rem;
    margin-left: .12rem;
}

/* 活动倒计时 */
.CountDown-wrapper {
    display: none;
    margin-top: .4rem;
}
.CountDown {
    line-height: .8rem;
    color: #ffffff;
    font-size: .28rem;
    text-align: center;
    background: #255a97;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

/* 热门图片 */
.hot-wrapper {
    display: none;
    border-top: .02rem solid rgba(0, 0, 0, .04);
    padding-top: .4rem;
    margin-top: .4rem;
}
.hot-title > span {
    color: #333333;
    font-size: .36rem;
    font-weight: 700;
}
.hot-title > b {
    color: #999999;
    font-size: .28rem;
    font-weight: normal;
    margin-left: .2rem;
}
.images-wrapper {
    overflow: hidden;
    margin-top: .2rem;
}
.imgs-scrollview {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 .3rem;
}
.imgs-scrollview:after {
    content: '';
    flex-shrink: 0;
    width: .2rem;
}
.imgs-scrollview figure {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background-color: #999999;
    background-size: cover;
    background-position: 50%;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    overflow: hidden;
    margin-right: .1rem;
}
.imgs-scrollview .pic {
    width: 100%;
    height: 100%;
    opacity: 0;
}
.imgs-scrollview .pic > a {
    display: block;
    width: 100%;
    height: 100%;
}
.imgs-scrollview .pic > a > img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 导航 */
.main-tab {
    border-top: .02rem solid rgba(0, 0, 0, .04);
    padding: .4rem .3rem 0;
    margin-top: .4rem;
}
.main-tab > a {
    -webkit-flex: 1;
    flex: 1;
    line-height: .6rem;
    color: #999999;
    font-size: .28rem;
    text-align: center;
    background: #efefef;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    margin-right: .2rem;
}
.main-tab > a:last-child {
    margin-right: 0;
}
.main-tab > a.active {
    color: #ffffff;
    background: #0076fe;
}
#tab-live {
    display: none;
}

/* 内容 */
.content {
    margin-top: .2rem;
}
.content > [class*="-content"] {
    display: none;
}
.time-tabs > a {
    line-height: .8rem;
    color: #999999;
    font-size: .32rem;
    border-bottom: .06rem solid transparent;
    padding: 0 .2rem;
    margin: 0 .8rem;
}
.time-tabs > a.active {
    color: #333333;
    border-bottom: .06rem solid #0076fe;
}
.time-wrapper > [class*="-view"] {
    display: none;
}
.time-wrapper > [class*="-view"]:first-child {
    display: block;
}
.time-wrapper {
    background: #f2f2f2;
    padding: .4rem .3rem;
}

/* 现场图片 */
.card-item {
    display: block;
    background: #ffffff;
    border-radius: .06rem;
    -webkit-border-radius: .06rem;
    -moz-border-radius: .06rem;
    -ms-border-radius: .06rem;
    -o-border-radius: .06rem;
    box-shadow: 0 .2rem .4rem .02rem #e1e1e1;
    overflow: hidden;
    margin-bottom: .4rem;
}
.time-view .card-item:last-child {
    margin-bottom: 0;
}
.card-banner {
    height: 3.8rem;
    background-color: #999999;
    background-size: cover;
    background-position: 50%;
}
.card-info {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: .2rem;
}
.card-time {
    width: .6rem;
    line-height: .32rem;
    color: #0076fe;
    font-size: .24rem;
    font-weight: normal;
    text-align: center;
    background: #eff6ff;
    margin-top: .06rem;
    margin-right: .12rem;
}
.card-text {
    color: #333333;
    font-size: .28rem;
    -webkit-flex: 1;
    flex: 1;
}

/* 峰会视频 */
.video-content {
    background: #f2f2f2;
    padding: .4rem .3rem;
}
.video-list {
    background: #ffffff;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    box-shadow: 0 .2rem .4rem .02rem #cccccc;
    overflow: hidden;
    margin-bottom: .4rem;
}
.video-wrapper {
    position: relative;
    font-size: 0;
    overflow: hidden;
}
.video-poster {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: #ffffff;
    background-position: 50%;
    z-index: 999999;
}
.video-poster > img {
    width: 1.2rem;
    height: 1.2rem;
}
.video-wrapper > video,
.video-wrapper > .video-box {
    width: 100% !important;
    height: 3.88rem !important;
}
.video-info {
    color: #333333;
    font-size: .28rem;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: .2rem;
}
.video-info > span {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: .24rem;
    color: #fff;
    line-height: .36rem;
    white-space: nowrap;
    background: #E91D1D;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    padding: 0 .12rem;
    margin-top: .04rem;
    margin-right: .12rem;
}
.video-info.replay > span {
    color: #0076FE;
    background: #EFF6FF;
}
.video-info > p {
    -webkit-flex: 1;
    flex: 1;
}

/* 峰会日程 */
.timeline-box {
    position: relative;
    margin-top: .8rem;
}
.coordinate {
    position: relative;
    width: 1px;
    background: #b2d5ff;
    margin-bottom: .8rem;
}
.coordinate-header {
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    margin: -.55rem 0 0 -.52rem;
}
.coordinate .circle {
    position: absolute;
    right: -.09rem;
    width: .22rem;
    height: .22rem;
    background: #78aff0;
    border-radius: .22rem;
    -webkit-border-radius: .22rem;
    -moz-border-radius: .22rem;
    -ms-border-radius: .22rem;
    -o-border-radius: .22rem;
    box-shadow: 0 .08rem .16rem rgba(77, 143, 221, .4);
}
.coordinate-footer {
    position: absolute;
    right: -.09rem;
    bottom: -.1rem;
    width: .22rem;
    height: .22rem;
    background: #4382cc;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}
.timeline-item {
    position: absolute;
    width: 40%;
    min-height: 1.8rem;
    font-size: .28rem;
    background: #ffffff;
    border-radius: .12rem;
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    -ms-border-radius: .12rem;
    -o-border-radius: .12rem;
    box-shadow: 0 .12rem .6rem hsla(0, 0%, 78%, .4);
}
.timeline-box .timeline-item:nth-child(even) {
    left: 0;
    border-top-right-radius: 0;
}
.timeline-box .timeline-item:nth-child(odd) {
    right: 0;
    border-top-left-radius: 0;
}
.timeline-item > .arrow {
    position: absolute;
    top: 0;
    width: .16rem;
    height: .32rem;
    background-size: 100%;
    background-repeat: no-repeat;
}
.timeline-box .timeline-item:nth-child(even) > .arrow {
    right: -.15rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA5Rjk3RDAwOEZDRTExRThCRDgxOTQxODlFNzYyQUQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5Q0U5ODM2OEZDRTExRThCRDgxOTQxODlFNzYyQUQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDlGOTdDRkU4RkNFMTFFOEJEODE5NDE4OUU3NjJBRDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDlGOTdDRkY4RkNFMTFFOEJEODE5NDE4OUU3NjJBRDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ca+mAAAAA5klEQVR42mL4Tz4IAGIGRhCLgTwA0hdCiQEgcJFSA34wMVAGblIcBgwUxEIg2G4yNP4C4iyQZnIMeAfEdjDNpBrwFIi1kDWTYsATIFZD10ysAR+AWBebZmIM+InuZ1INyMSnmZABKwlpxpcbnwKxDhB/IJQcceWFbGI0QxI0JthGjNNxeeEPEOsB8XVicxS6F1aSohkEkF3wHxpw10gxANkFu0nVjG7ALHJKFZgX3gOxJBD/JNcFm8jRjGzAVnJLVZAX/gJpUSB+R64LrpGrGWbAGUoqBiZy4h7dgNuUGvCIEgMAAgwAc1274oghMfoAAAAASUVORK5CYII=');
    background-position: 100% 0;
}
.timeline-box .timeline-item:nth-child(odd) > .arrow {
    left: -.15rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc5Q0U5ODM5OEZDRTExRThCRDgxOTQxODlFNzYyQUQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc5Q0U5ODNBOEZDRTExRThCRDgxOTQxODlFNzYyQUQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzlDRTk4Mzc4RkNFMTFFOEJEODE5NDE4OUU3NjJBRDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzlDRTk4Mzg4RkNFMTFFOEJEODE5NDE4OUU3NjJBRDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7sK9CdAAAA30lEQVR42qSUPQrCQBCFxyDYSlp7QUFLK72DegvxFN7BSwh2ktreTgyxs/GnEdQ2Cq5vIAtBJMR5Dz5S5SNvZ7LinBMwdMboy2PwtgoqYCsiXTFGBS88q1ZBABIhooIZcGZDdpAjZgqeCXgyAmUAboxAaYMzI1Ca4MQIlA64MwKlD1JG4KdDCZRF0c9UZt/qIAaNX6tcJg8wLVrlskTWCj6trErwbwWfPVgyFZSeZYzfrL0gMF4j8/ydaBHUwAWE1i9IwcoyhXwipoImBFdGoNkxFTQbVhCzggMrOH4EGADDrkkV/GrQagAAAABJRU5ErkJggg==');
    background-position: 0 0;
}
.timeline-item .item-content {
    padding: .2rem;
}
.timeline-item .item-content > .time {
    width: 2rem;
    line-height: .38rem;
    color: #ffffff;
    font-size: .24rem;
    text-align: center;
    background-color: #78aff0;
    border-radius: .19rem;
    -webkit-border-radius: .19rem;
    -moz-border-radius: .19rem;
    -ms-border-radius: .19rem;
    -o-border-radius: .19rem;
    margin-bottom: .14rem;
}
.timeline-item .item-content > .snipe {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: .1rem;
}
.timeline-item .item-content > .snipe > img {
    width: .21rem;
    height: .21rem;
    margin-top: .085rem;
    margin-right: .09rem;
}
.timeline-item .item-content > .snipe > span {
    font-size: .24rem;
    -webkit-flex: 1;
    flex: 1;
}

/* 峰会日程--详情 */
.timeline-detail {
    display: none;
}
.timeline-detail .go-back {
    color: #999999;
    font-size: .28rem;
    margin-bottom: .4rem;
}
.timeline-detail-title {
    position: relative;
    color: #333333;
    font-size: .32rem;
    padding-left: .28rem;
    margin-bottom: .2rem;
}
.timeline-detail-title:before {
    content: '';
    position: absolute;
    top: .1rem;
    left: 0;
    width: .08rem;
    height: .3rem;
    background: #0076fe;
}
.timeline-detail > img {
    display: block;
    width: 100%;
}

/* 峰会介绍 */
.intro-content {
    font-size: .28rem;
    padding: .4rem .3rem;
}
.intro-content > img {
    display: block;
    width: 100%;
}

/* 报名浮窗 */
.fixed-btn {
    position: fixed;
    right: .2rem;
    bottom: 1.6rem;
    z-index: 9999999;
}
.fixed-btn > div {
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    color: #ffffff;
    font-size: .28rem;
    text-align: center;
    background: #0076fe;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
}
.share-fixed {
    margin-bottom: .2rem;
}

/* 报名二维码浮窗 */
.dialog-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}
.dialog-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
.dialog-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.dialog-view > .dialog-close {
    position: absolute;
    top: -.68rem;
    right: -.58rem;
    width: .48rem;
    height: .48rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAABHNCSVQICAgIfAhkiAAAAzhJREFUaEPVmYtx00AQhlEFJBXgVEBSAU4FJBXEVABUgKkAqABTAXEF2BUkqQCnAkgF5v/ESXOWZWnvIRl25iaKfY/v9valc/EsUbbb7YmmeKV2rjZVm7jmz7zRP7SV2r3auiiK3ylLFzGDHexrjZ052JhpbjXoVhv4FjM4CNwBv9VC79TQdA7hJBZqX0JOwQwu6CtN/qnFDHLAMwcbeCN4zKlXesGdlgHGLMYQtP++T/ud4A76hybC8cYUHPiyC/4guKCBBTqXLYduHHhMh7970gruNP3ziNAV6EHN74Ef0TwOnci9tH7R/LIN/OuIjmg1H0IlIbiWHXAX8r5bZxu5H866qtaswZ2J3OmLychA1uU2Aj9rA5/rww/WWY7UjyizYO1S45FR5FFDObqbyE08aRz1Chn5uXGOWusV+EwDccoQOdPuN9p0zFigp8ToCL8qtV6Bk2imIdTqe60J0BgnFgJfQ7uxRAtKCqsste5V4czkl3WU1496Gk8vM5sRvgkdsmEf8RRwbCw2BIbA54JmA9eAz/WQEk0s8DmhAf8I+EoPvHqlSBd8bmg4l4BTTE1SqN3YNvjP+q6MHgF+YEFZA7619DT2acKfVDW10XmNyygBZQZn4R34zJquNzYE+I5N/y/gTUccylSe0PhGWnlhNq7DHduiBxkxNElZUErnzBEOu0KeJc5bYP0+ZTic65OUBGSJ07nhywSUkvIt0JWmcsJfphRZIdBZ4ZUbiqqspTzlEjNELiIzYlPzoab6t6xNiLOnZMXIjFjDR5hq+R7gvyyHhkX6U4PgIzECPBFtqma9LXsU9ITFfPDQI4uBTR2z+7LszIVdo8EcySgVsG18re0djTv4lNA4BKw/Z/uFUNVDzrLQc+yVw1Dw3VdwnsngNC+Hogic90EOed4c03XN/C/Y+wNRp3oZ8eH7LvYxm2Np/iD0nnM2j8PduRzDbDqhe8E9myfG8zPhGLLniG2L9v7q5kWbqZ4xnaHiPJeoM/8OvEtLZnBvA9z10XJtAOB5dX1sPdJgcG8DMz2TsEKrymqKpR74SZxTDJZocG8DlAqYEbGWxv/Nm7G1PqOoIsTyYxRldJL8AaZPvISjtYtKAAAAAElFTkSuQmCC');
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.dialog-view > .code-img {
    background: #ffffff;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
    padding: .3rem;
}
.dialog-view > .code-img > img {
    display: block;
    width: 4rem;
    height: 4rem;
}
.dialog-view p {
    color: #333333;
    font-size: .28rem;
    text-align: center;
    margin-top: .2rem;
}


/* 图片页 */
/* 标题 */
.title-wrapper {
    color: #000000;
    font-size: .36rem;
    font-weight: bold;
    padding: 0 .24rem;
    margin-top: .3rem;
    margin-bottom: .2rem;
}
.title-wrapper span {
    position: relative;
    display: block;
    text-align: justify;
    padding-left: .28rem;
}
.title-wrapper span:before {
    content: '';
    position: absolute;
    top: .13rem;
    left: 0;
    width: .08rem;
    height: .3rem;
    background: #0076fe;
}

/* 工具栏 */
.stickyNavBar {
    top: -1rem;
    background: #ffffff;
    box-shadow: 0 .12rem .18rem rgba(0, 0, 0, .07);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    padding: 0 .24rem;
}
.stickyNavBar.fixStyle {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 499;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.live-tab {
    line-height: .88rem;
    -webkit-flex: 1;
    flex: 1;
}
.live-tab-item {
    color: #666666;
    font-size: .28rem;
    text-align: center;
    border-bottom: .04rem solid transparent;
    padding: 0 .2rem;
}
.live-tab-item.active {
    color: #0076FF;
    border-color: #0076FF;
}
.live-nav-panel .time-line,
.live-nav-panel .time-create {
    position: relative;
    width: .7rem;
    font-size: 0;
    text-align: center;
}
.time-line-svg {
    display: none;
}
.time-line-svg.active {
    display: block;
}
.time-create-icon {
    display: none;
}
.time-create-icon.active {
    display: block;
}
.time-create-panel {
    display: none;
    position: absolute;
    right: -0.3rem;
    top: .86rem;
    width: 1.68rem;
    height: auto;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    padding: 0 .1rem;
    z-index: 480;
}
.time-create-list {
    border-bottom: .02rem solid #efefef;
}
.time-create-list:last-child {
    border-bottom: none;
}
.time-create-panel .time-create-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: .8rem;
    width: 100%;
    font-size: .28rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.time-create-panel .time-create-item svg {
    margin-right: .1rem;
}
.time-create-item.active svg {
    fill: #0076ff;
}

/* 图片集锦 */
.live-photo-error {
    display: none;
    text-align: center;
    padding-top: 1rem;
}
.live-photo-error .no-pic {
    display: block;
    width: 2.4rem;
    color: #999999;
    margin: 0 auto .4rem;
}
.live-photo-error h1 {
    color: #666666;
    font-size: .36rem;
    font-weight: 600;
    margin-bottom: .1rem;
}
.live-photo-error p {
    color: #999999;
    font-size: .24rem;
}
.live-photo-area {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .02rem;
}
.live-photo-area figure {
    flex-shrink: 0;
    width: 2.46rem;
    overflow: hidden;
    margin-right: .04rem;
    margin-bottom: .04rem;
}
.live-photo-area.twoColumn figure {
    width: 3.71rem;
}
.live-photo-area figure:nth-child(3n) {
    margin-right: 0;
}
.live-photo-area.twoColumn figure:nth-child(3n) {
    margin-right: .04rem;
}
.live-photo-area.twoColumn figure:nth-child(2n) {
    margin-right: 0;
}
.live-photo-area figure .pic {
    width: 100%;
    height: 100%;
}
.live-photo-area figure .pic a {
    display: block;
    width: 100%;
    height: 100%;
}
.live-photo-area figure .pic a img {
    display: block;
    width: 100%;
    height: 100%;
}
.live-photo-NoMore {
    display: block;
    width: 100%;
    height: 1.4rem;
    font-size: .28rem;
    text-align: center;
}

/* 动态特效 */
.fadeOut {
    -webkit-transform: translateY(.266667rem) scale(.9);
    transform: translateY(.266667rem) scale(.9);
    opacity: 0;
}
.fadeIn {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: -webkit-transform .4s ease-in-out 0s,opacity .4s ease-in-out 0s;
    transition: transform .4s ease-in-out 0s,opacity .4s ease-in-out 0s;
    opacity: 1;
}

/* 底部导航 */
.tab-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    will-change: transform;
    -webkit-transition: -webkit-transform 200ms linear;
    transition: -webkit-transform 200ms linear;
    transition: transform 200ms linear;
    transition: transform 200ms linear, -webkit-transform 200ms linear;
    -moz-transition: -webkit-transform 200ms linear;
    -ms-transition: -webkit-transform 200ms linear;
    -o-transition: -webkit-transform 200ms linear;
    box-shadow: 0 -0.2rem .2rem rgba(0, 0, 0, .04);
    z-index: 3;
}
.tab-bar.scrollDown {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.tab-bar-item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: .2rem 0 0;
}
.tab-bar-icon {
    position: relative;
    display: inline-block;
    width: .5rem;
    height: .5rem;
}
.tab-bar-label {
    line-height: 2.4;
    color: #333333;
    font-size: .2rem;
    text-align: center;
}

/* 分享窗口 */
.dialog-bottom-view {
    position: absolute;
    left: .24rem;
    right: .24rem;
    bottom: .2rem;
    background: #ffffff;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}
.share-item {
    -webkit-flex: 1;
    flex: 1;
    height: 1.6rem;
    border-right: 1px solid #efefef;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.share-item:last-child {
    border-right: none;
}
.share-icon {
    margin-bottom: .16rem;
}
.share-icon > svg {
    display: block;
}
.share-label {
    font-size: .24rem;
}

/* 分享朋友圈 */
.dialog-friend-view {
    position: absolute;
    top: .3rem;
    right: .48rem;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.dialog-friend-view > span {
    line-height: .76rem;
    color: #333333;
    font-size: .28rem;
    background: #ffffff;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    padding: 0 .36rem;
    margin-right: .2rem;
}
.friend-img {
    margin-bottom: .32rem;
}
.friend-img > svg {
    display: block;
}

/* toast */
.loading-toast {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.toast-mask {
    width: 100%;
    height: 100%;
}
.toast-main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.4rem;
    min-height: 2.4rem;
    color: #fff;
    text-align: center;
    background: hsla(0,0%,7%,.7);
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    z-index: 5001;
}
.toast-icon-load {
    display: inline-block;
    width: .76rem;
    height: .76rem;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
    vertical-align: baseline;
    -webkit-animation: weuiLoading 1s steps(12) infinite;
    animation: weuiLoading 1s steps(12) infinite;
}
.toast-msg {
    font-size: .28rem;
    margin: .2rem 0 0;
}
@keyframes weuiLoading {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
    }
}
@-webkit-keyframes weuiLoading {
    0% {
        transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
    }
    to {
        transform:rotate(1turn);
        -moz-transform:rotate(1turn);
        -ms-transform:rotate(1turn);
        -o-transform:rotate(1turn);
        -webkit-transform:rotate(1turn);
    }
}

/* newMsg */ 
.newMsg {
    position: fixed;
    top: .2rem;
    left: 50%;
    width: 4rem;
    line-height: .8rem;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 999;
}