/*  Author:UED Version:1.0.0
*/
#container { max-width: 750px; margin: 0 auto; }

html { font-size: 50px; }

@media screen and (min-width: 320px) { html { font-size: 42.7px; } }
@media screen and (min-width: 360px) { html { font-size: 48px; } }
@media screen and (min-width: 375px) { html { font-size: 50px; } }
@media screen and (min-width: 414px) { html { font-size: 55.2px; } }
body, button, input, select, textarea { font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif; }

h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }

button, input, select, textarea { padding: 0; background: none; border: 0; font-size: inherit; -webkit-appearance: none; appearance: none; }

textarea:focus, input:focus, button:focus { outline: 0; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}

i { font-style: normal; }

a { text-decoration: none; }

img { display: block; }

[v-cloak] { display: none; }
.flex {display:-ms-flexbox;display:-webkit-flex;display: flex;-webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.flex > * { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

/* 0.5顶边 */
.pop-btn-wrap:before,.pop-btn-block:before{
    content: '';
    position: absolute;
    left:0;
    top: 0;
    right:0;
    height: 100%;
    background: -webkit-linear-gradient(top, #e5e5e5 60%, transparent 60%) no-repeat left top;
    background-size: 100% 1px;
    z-index: -1;
}
.pop-btn-wrap .btn-ok:before{
    content: '';
    position: absolute;
    left:0;
    top: 0;
    right:0;
    height: 100%;
    background: -webkit-linear-gradient(left, #e5e5e5 60%, transparent 60%) no-repeat left top;
    background-size: 1px 100%;
}


.bg-gray { background: #F0F0F5; }
.ft-blue{color: #286DF7;}
.mod{padding: 0 0.32rem 0 0.4rem;color: #222;}
.mod:first-child{padding-top: 0.3rem;}
.mod-tit{font-size: 0.34rem;padding:0 0 0 0.06rem;position: relative;font-weight: bold;}
.mod-tit:before{content:'';position: absolute;width: 0;height: 0;border:0.12rem solid transparent;border-left: 0.12rem solid #555;left:-0.2rem;top: 50%;margin-top: -0.12rem;border-radius: 0.06rem;-webkit-transform:scaleY(0.6);-ms-transform:scaleY(0.6);transform:scaleY(0.6);}
.list{position: relative;padding: 0.3rem 0 0.04rem;}
.list:before{content:'';position: absolute;left:-0.2rem;top: 0;bottom: 0;width: 1px;border-left: 1px solid #E5E5E5;}
.list li{padding:0.2rem 0 0 0;margin-bottom: 0.3rem;height: 2rem;}
.list li a{display: block;position: relative;padding-left: 2.4rem;height: 100%;}
.list li img{position: absolute;left:0;top:-0.2rem;width: 2.2rem;height: 2.2rem;border-radius:0.1rem;}
.list li .title{font-size:0.34rem;margin-bottom: 0.08rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #222;font-weight: bold;}
.list li .inform{font-size:0.24rem;color: #666;}
.list li .inform strong{font-size:0.34rem;color: #286DF7;}
.list li .author{font-size:0.24rem;position: absolute;left: 2.4rem;bottom: 0.3rem;color: #222;}
.list li .btn{position: absolute;right: 0;bottom: 0.2rem;width:1.28rem;font-size: 0.22rem;text-align: center;}
.list li .btn >*{height: 0.52rem;line-height: 0.52rem;display: block;border-radius: 0.6rem;}
.list li .btn-blue{background-image: linear-gradient(90deg, #51A6FC 0%, #286DF7 100%);background-image: -webkit-linear-gradient(left, #51A6FC 0%, #286DF7 100%);color:#fff;}
.list li .btn-blue-reverse{border:1px solid #6d9cf9;color:#286DF7;width: 1.24rem;height: 0.44rem;line-height: 0.44rem;margin-top: 0.2rem;}
.list li .btn-red-reverse{border:1px solid #ff7373;color:#EF3939;width: 1.24rem;height: 0.44rem;line-height: 0.44rem;bottom: 0.86rem;}
.list li .disabled{background: #D6D6D6;}
.btn-public{position:absolute;right: 0;top: 50%;width:1.4rem;line-height:0.56rem;height:0.56rem;text-align: center;font-size:0.26rem;color:#286DF7;background: #F5F8FF;border-radius:0.6rem;margin-top:-0.28rem;font-weight: normal;}

/* 发布预告-列表 */
.side-bar{position:fixed;right:0.48rem;bottom:0.88rem;width: 0.92rem;height: 0.92rem;border-radius: 50%;background:#286DF7;z-index: 10;text-indent: -999px;overflow: hidden;}
.side-bar:before,.side-bar:after{content:'';position: absolute;left: 50%;top: 50%;background:#fff;border-radius: 0.06rem;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.side-bar:before{width: 50%;height: 0.05rem;}
.side-bar:after{width: 0.05rem;height:50%;}
.pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 100;}
.pop-win{position: fixed;width: 80%;top: 50%;left: 10%;background: #fff;border-radius: 0.2rem;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.pop-win p{text-align:center;padding:0.7rem 0.2rem;font-size: 0.36rem;color: #333;}
.pop-btn-wrap{overflow: hidden;position: relative;z-index: 1;}
.pop-btn-wrap a{float: left;width:50%;line-height: 1.0rem;font-size:0.34rem;text-align: center;color: #666;}
.pop-btn-wrap a.btn-ok{color:#EF3939;position: relative;}
.pop-win h5{font-size:0.36rem;color:#286DF7;font-weight:bold;text-align: center;margin-bottom: 0.24rem;}
.pop-win h5.tit-ok{padding-top: 1.76rem;position: relative;}
.pop-win h5.tit-ok:before{content:'';position: absolute;left: 50%;top:0.4rem;background: url('../images/ok.png') no-repeat 0 0;background-size:cover;width:1.38rem;height: 1.08rem;margin-left:-0.69rem;}
.pop-win h6{font-size:0.28rem;color:#333;text-align:center;margin-bottom:0.36rem;padding: 0 0.4rem;}
.pop-btn-block{display: block;font-size:0.34rem;color:#286DF7;line-height:0.98rem;position: relative;text-align: center;}
.pop-footer{position:absolute;left:0;bottom:0;right:0;background:#fff;border-radius:0.2rem 0.2rem 0 0;z-index:10;color:#444;text-align:center;-webkit-transform: translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform: translate3d(0,100%,0);-webkit-transition:transform ease .25s;-webkit-transition:-webkit-transform ease .25s;transition:-webkit-transform ease .25s;transition:transform ease .25s;transition:transform ease .25s, -webkit-transform ease .25s;}
.pop-footer.zoomIn{-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.pop-footer-tit{font-size:.3rem;line-height:0.9rem;}
.pop-close{position: absolute;right:0.3rem;top:0.16rem;width: 0.6rem;height: 0.6rem;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);text-indent: -999px;overflow: hidden;;}
.pop-close:before,.pop-close:after{content:'';position: absolute;left: 50%;top: 50%;background: #6B7687;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 0.04rem;}
.pop-close:before{width: 50%;height:0.04rem;}
.pop-close:after{width: 0.04rem;height:50%;}
.pop-footer-list{overflow: hidden;padding:0 0.4rem;}
.pop-footer-list li{float: left;width: 30%;margin:0.14rem 1.5%;line-height: 0.7rem;font-size: 0.3rem;color: #999;position: relative;z-index: 1;box-shadow:0 0 1px #999;border-radius:0.6rem;}
.pop-footer-list li.cur{color: #fff;background: #286DF7;box-shadow: 0 0 0 #286DF7;}
.pop-footer-btn{display: block;margin:0.22rem 0.3rem;background: #286DF7;line-height: 0.8rem;border-radius: 0.6rem;color: #fff;font-size: 0.3rem;}
/* 新增预告 */
.edit{background:#F7F7FC;min-height: 100vh;padding-bottom: 0.6rem;box-sizing: border-box;}
.edit-item{}
.edit-item-tit{padding: 0.3rem 0.32rem 0.12rem;font-size:0.28rem;color: #222;font-weight: bold;}
.edit-item>div{background:#fff;padding: 0.2rem 0.32rem;position: relative;}
.edit-item>div.edit-timer:after,.edit-item>div.edit-dropdown:after{content:'';position: absolute;bottom: 0.12rem;right: 0.12rem;width:0;height: 0;border:0.1rem solid transparent;border-right: 0.1rem solid #555;border-bottom: 0.1rem solid #555;border-radius: 0.04rem;}
.edit-item>div.edit-timer .time-val{position: absolute;left: 0.32rem;top:0.2rem;font-size: 0.3rem;line-height: 0.6rem;}
.edit-item>div.edit-timer .time-val.nullVal{color:#999;}
.edit-item>div.edit-timer input{opacity: 0;}
.edit-item>div input{font-size: 0.3rem;line-height:0.6rem;height:0.6rem;display: block;width: 100%;}
.edit-item>div textarea{display: block;width: 100%;height:3.6rem;font-size: 0.3rem;resize: none;}
.edit .btn-block{display:block;margin:0.6rem auto 0;line-height:1.0rem;font-size: 0.34rem;color:#fff;background:#286DF7;text-align:center;border-radius:0.1rem;width: 88%;}
.edit .btn-block.disabled{opacity: 0.5;pointer-events: none;}
.detail-infrom .btn-blue.disabled{background:#CAD9F6!important;pointer-events: none;}
.edit-item .datepicker,.edit-item .datepicker>input{border:0;width: 100%;padding: 0;}
.edit-item>div.edit-dropdown{font-size: 0.3rem;color: #999;}
.edit-item>div.edit-dropdown.actived{color: #000;}
.blank{position: relative;text-align: center;padding:6rem 0.3rem 0;}
.blank:before{content:'';position: absolute;left: 50%;top:3.4rem;background: url('../images/blank.png') no-repeat 0 0;width:4rem;height:2.6rem;background-size: cover;margin-left: -2rem;}
.blank p{font-size:0.28rem;color: #999;}
.blank .btn{display:block;width:2.0rem;height:0.68rem;line-height:0.68rem;font-size:0.28rem;color: #fff;border-radius:0.12rem;margin:0.4rem auto;background: #286DF7;}
.edit .calendar-head a{font-size: 0.4rem;}
.edit .calendar-head a.calendar-year-select,.edit .calendar-head a.calendar-month-select{font-size: 0.3rem;font-weight: normal;}
.edit .datepicker-popup{left: 0;right: 0;font-size: 0.28rem;}
.edit .calendar,.edit .calendar-body{width: 100%;}
.edit .calendar-body{height: 240px;}
.edit .calendar-foot{padding: 0.24rem 0 0.2rem;text-align: center;border-top: 1px solid #eee;font-size: 0.32rem;}
.edit .calendar-foot::before {content: "选择时间";font-size: 14px;color: rgb(153, 153, 153);}
.edit .calendar-hour{border:0;}
.edit .calendar-hour a{width: 0.8rem;height: 0.6rem;line-height: 0.6rem;border:1px solid #e4e4e4;background: #FAFBFD;margin: 0 0.2rem;}
.edit .calendar-hour a:nth-last-of-type(1),.edit .calendar-hour span:nth-last-of-type(1){display: none;}

/* 详情页 */
.detail-head{background:url('../images/bg-head.jpg') no-repeat 0 0;background-size:100% auto;height: 4.22rem;overflow: hidden;position: relative;}
.detail-head img{width:auto;height: 100%;margin:0 auto;}
.detail-head .tag{position: absolute;left:0.2rem;top:0.2rem;border-radius: 0.04rem;padding: 0.04rem 0.1rem;background-image:-webkit-linear-gradient(left, #51A6FC 0%, #286DF7 97%);background-image: linear-gradient(90deg, #51A6FC 0%, #286DF7 97%);font-size: 0.18rem;color: #fff;border-radius: 0.04rem;}
.detail-head .tag i{display: none;}
.tag.tag-living{background-image:-webkit-linear-gradient(left, #FF6B61 0%, #F34059 97%);background-image: linear-gradient(90deg, #FF6B61 0%, #F34059 97%);padding-left: 0.36rem;}
.tag.tag-living i,.tag.tag-living i:before,.tag.tag-living i:after{content:'';position: absolute;display: block;top: 50%;width:2px;height:0.2rem;background: #fff;border-radius: 0.04rem;-webkit-animation:stretch 1s infinite;animation:stretch 1s infinite;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.tag.tag-living i{left:0.18rem;}
.tag.tag-living i:before{left:-0.08rem;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.tag.tag-living i:after{left: 0.08rem;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
@-webkit-keyframes stretch{
    0%{height:0.2rem;}
    50%{height: 0.1rem;}
    100%{height: 0.2rem;}
}
@keyframes stretch{
    0%{height:0.2rem;}
    50%{height: 0.1rem;}
    100%{height: 0.2rem;}
}
.detail-infrom{padding: 0.3rem 0.32rem 0.5rem;}
.detail-infrom h1{font-size: 0.4rem;margin-bottom: 0.08rem;}
.detail-infrom .tips{font-size: 0.26rem;margin-bottom: 0.3rem;text-align: center;}
.detail-body{padding: 0.56rem 0.32rem;text-align: center;position: relative;text-align: left;font-size: 0.3rem;}
.detail-body:before{content:'';display: block;background: #F7F7FC;height: 0.2rem;position: absolute;left: 0;right: 0;top: 0;}
.detail-infrom .time-down{font-size: 0.24rem;margin: 0.3rem 0 0.4rem;text-align: center;color: #999;}
.detail-infrom .time-down div{color:#555;margin-top: 0.2rem;}
.detail-infrom .time-down div strong{font-size: 0.6rem;display: inline-block;vertical-align: middle;margin:0 0.06rem;width:0.8rem;height:0.76rem;line-height: 0.76rem;background:#222;color: #FFE3B6;border-radius: 0.04rem;}
.detail-infrom .btn{display: block;width:50%;height: ;line-height:0.88rem;font-size: 0.34rem;border-radius: 0.8rem;text-align: center;margin:0 auto;box-sizing: border-box;}
.detail-infrom .btn.btn-red{background-image:-webkit-linear-gradient(left, #FF6B61 0%, #F34059 97%);background-image: linear-gradient(90deg, #FF6B61 0%, #F34059 97%);color: #fff;}
.detail-infrom .btn.btn-blue{background-image:-webkit-linear-gradient(left, #51A6FC 0%, #286DF7 97%);background-image: linear-gradient(90deg, #51A6FC 0%, #286DF7 97%);color: #fff;}
.detail-infrom .btn.btn-blue-reverse{color:#286DF7;border:1px solid #286DF7;}
.btns-wrap .btn{margin:0 0.2rem;}
.over{padding-top: 0.4rem;}
.over p{font-size: 0.38rem;color: #666;margin-bottom: 0.6rem;text-align: center;}
.over .btn-live{width: 70%;}
.over .btn-live:after{content:'';display: inline-block;background: url('../images/icons.png') no-repeat 0 -0.8rem;background-size:0.58rem auto;width: 0.4rem;height: 0.4rem;vertical-align:-0.08rem;margin-left: 0.1rem;}
.user-avator{float: left;width: 0.7rem;height: 0.7rem;border-radius: 50%;}
.user-name{line-height: 0.7rem;margin-left: 0.16rem;}
.btn-attend{position: absolute;right: 0.32rem;top:0.6rem;width:1.36rem;line-height: 0.6rem;border:1px solid #286DF7;color: #286DF7;text-align: center;border-radius: 1rem;}
.btn-attend.btn-gray{border-color: #D6D6D6;color: #999;}
.detail-body-title{margin: 0.4rem 0 0.16rem;}
.detail-body-title + .introduction{color: #666;}
.living{padding-top: 0.6rem;}
.living p{font-size: 0.3rem;color: #EF3939;text-align: center;margin-bottom: 0.6rem;}
.living .tag.tag-living{position: relative;border-radius: 2px;margin-right: 0.1rem;padding-left: 0.4rem;}
.figures-wrap{}
.figures-wrap li{
    float: left;
    width: 1.56rem;
    height: 1.56rem;
    border-radius: 0.08rem;
    margin-right: 0.2rem;
    position: relative;
    z-index: 1;
}

.figures-wrap li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px solid #e5e5e5;
    border-radius: 0.16rem;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    box-sizing: border-box;
    z-index: -1;
}
.figures-wrap li.add:after {
    background: rgba(40,109,247,0.10);
    border: 1px dashed #3B85Fe;
}
.figures-wrap li .upload-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.74rem;
    height: 0.74rem;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: url('../images/upload.png') no-repeat 0 0;
    background-size: cover;
    -webkit-background-size: cover;
}
.figures-wrap li .upload-btn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.figures-wrap li img {
    width: 100%;
    height: 100%;
}
.figures-wrap li .btn-delete{
    position: absolute;right: -0.1rem;top: -0.1rem;background:#ff6f7b;border-radius: 50%;color: #fff;font-size: 0.3rem;text-align: center;line-height: 0.26rem;width: 0.3rem;height: 0.3rem;
}

/* 黑版 */
.bg_black,.bg_black .side-bar:before,.bg_black .side-bar:after,.bg_black .edit,.bg_black .detail-body:before{background:#0C0F13;}
.bg_black .mod,.bg_black .list li .title,.bg_black .list li .author,.bg_black .pop-win p,.bg_black .edit-item-tit,.bg_black .edit-item>div input,.bg_black .edit-item>div textarea,.bg_black .edit-item>div.edit-timer .time-val,.bg_black .calendar-head a,.bg_black .edit .calendar-foot::before,.bg_black .calendar-hour,.bg_black .edit .calendar-hour a,.bg_black .detail-infrom h1,.bg_black .detail-infrom .tips,.bg_black .detail-body .time-down,.bg_black .user-name,.bg_black .detail-body-title,.bg_black .detail-infrom .time-down div{color:#E4E9FE;}
.bg_black .mod-tit:before{border-left-color:#6B7688;}
.bg_black .list:before{border-left-color:#272935;}
.bg_black .list li .inform,.bg_black .pop-win h6,.bg_black .over p{color:#AAB9D1;}
.bg_black .list li .inform strong,.bg_black .btn-public,.bg_black .pop-win h5,.bg_black .pop-btn-block,.bg_black .list li .btn-blue-reverse,.bg_black .detail-infrom .btn.btn-blue-reverse,.bg_black .btn-attend,.bg_black .ft-blue{color:#3B85FE;}
.bg_black .list li .disabled{background:#333645;}
.bg_black .btn-public{background:#1c2741;}
.bg_black .list li .btn-red-reverse{border-color:#731515;}
.bg_black .side-bar,.bg_black .blank .btn,.bg_black .edit .btn-block{background:#3B85FE;}
.bg_black .pop-win{background:#272A34;}
.bg_black .pop-btn-wrap a,.bg_black .list li .disabled,.bg_black .blank p,.bg_black input::-webkit-input-placeholder,.bg_black textarea::-webkit-input-placeholder{color: #6B7687;}
.bg_black .pop-btn-wrap:before,.bg_black .pop-btn-block:before{background-image: -webkit-linear-gradient(top, #0C0F13 60%, transparent 60%);background-image: -webkit-linear-gradient(bottom, #0C0F13 60%, transparent 60%);background-image: linear-gradient(0deg, #0C0F13 60%, transparent 60%);}
.bg_black .pop-btn-wrap .btn-ok:before{background-image: -webkit-linear-gradient(left, #0C0F13 60%, transparent 60%);background-image: linear-gradient(90deg, #0C0F13 60%, transparent 60%);}
.bg_black .pop-btn-wrap a.btn-ok{color: #EF3939;}
.bg_black .blank:before{opacity: 0.5;}
.bg_black .over .btn-live:after{opacity: 0.8;}
.bg_black .list li .btn-blue-reverse,.bg_black .detail-infrom .btn.btn-blue-reverse,.bg_black .btn-attend{border-color:#3B85FE;}
.bg_black .edit-item>div,.bg_black .edit .calendar-hour a,.bg_black .detail-infrom,.bg_black .detail-body{background:#171922;}
.bg_black .edit-item>div input::-webkit-input-placeholder{}
.bg_black .datepicker-close:before{background-color:#6B7687;}
.bg_black .edit-item>div.edit-timer:after{border-right-color:#6B7687;border-bottom-color:#6B7687;}
.bg_black .edit .btn-block{}
.bg_black .datepicker-popup{background:#272A34;color:#AAB9D1;border-color:#0C0F13;}
.bg_black .edit .calendar-foot{border-top-color:#0C0F13;}
.bg_black .calendar-date-disabled{background:#333645!important;color:#6B7687!important;}
.bg_black .edit .calendar-hour a{border-color:#171922;}
.bg_black .detail-body-title + .introduction{color:#C9CBDC;}
.detail-body .detail-body .time-down{}
.bg_black .edit-item>div.edit-dropdown{color:#6B7687;}
.bg_black .edit-item>div.edit-dropdown.actived{color:#E4E9FE;}
.bg_black .pop-footer{background: #272A34;color: #E4E9FE;}
.bg_black .pop-footer-list li{color: #AAB9D1;box-shadow: 0 0 1px #AAB9D1;}
.bg_black .pop-footer-list li.cur{background: #3B85FE;box-shadow: 0 0 0 #3B85FE;color: #fff;}
.bg_black .pop-footer-btn{background: #3B85FE;}
.bg_black .detail-infrom .time-down div strong{background: #353849;}
.bg_black .detail-infrom .btn-blue.disabled{background: #496297!important;color:#999;}
.bg_black .btn-attend.btn-gray{color:#888;border-color:#353849;}