@charset "UTF-8";
/*frozen覆盖*/
.ui-btn-danger:not(.disabled):not(:disabled):active,.ui-btn-danger.active {background:#7D4792;border-color:#7D4792;}
/*header*/
*{color:#333;}
.add-img{position:absolute;top:50%;display:inline-block;background-size:100%;}
.between-pic-txt{display:inline-block;width:8px;height:inherit;}
.logo-title{margin-top:-10px;width:20px;height:20px;background-image:url("../img/m/logo.png");}
.fl{float:left;}
.fr{float:right;}
body,header,aside,section{max-width: 720px;margin:0 auto;}
.ui-header,.ui-footer{left:auto}
.bgc-f{background: #fff;}
.mt5{margin-top: 5px;}
.bgc-e{background: #eee;}
.pt50{padding-top: 50px;}
/*头部*/
.top-box *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.top-box{height:44px;line-height:44px;text-align: center;padding: 0;}
.top-box .left-box{position: absolute;left:0;top:0;}
.top-box .right-box{position: absolute;right:0;top:0;}
.top-box .logo-box{display:inline-block;vertical-align:top;height:44px;line-height:44px;background:url("../img/m/logo.png") no-repeat left center/20px 20px;padding-left:25px;color: #fff;font-weight: bold;font-size: 16px;}
.top-box .btn-menu{width:65px;height:44px;display:inline-block;vertical-align:top;text-align: left;background:url("../img/m/btn-menu.png")no-repeat 10px center/16px 16px;padding-left: 31px;color:#fff;font-size: 14px;}
.top-box .btn-return{display:inline-block;vertical-align:top;width:26px;height:44px;background:url("../img/m/btn-return.png") no-repeat center center/7.5px 16px;}
.top-box .search{display:inline-block;vertical-align:top;width:36px;height:44px;background:url("../img/m/search.png") no-repeat center center/16px 16px;}

/*侧边栏*/
.img24 {width:24px;height:24px}
.side-container{display:none;position:fixed;top:0;left:auto;z-index:200;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.side-container .ui-col-80{position:relative;background-color:#333;height:100%;overflow-y: auto;}
.side-container .side-user-info{position:relative;height:80px;background: #2a2a2a;padding-top: 10px;box-sizing: border-box;}
.side-container .side-user-info .info,.side-container .side-user-info .info a{color: #ACACAC;font-size: 12px;font-weight: normal;}
.side-container .side-user-info .info p:first-child{color: #fff;font-size: 14px;}
.side-container .ui-avatar img{display:block;width:100%;height:100%;}
.side-container .author{position:relative;top:-50px;left:60px;font-size:14px;color:#fff;}
.side-container .side-title{height:28px;line-height:28px;font-size:14px;color:rgba(255,255,255,.5);background-color:#1b1b1b;padding-left:15px;}
.side-container .ui-list.side-content{background-color:#333;}
.side-container .ui-list.side-content li{margin-top:0;margin-bottom:0;border:none}
.side-container .ui-list.side-content li .ui-list-info a{color:#fff;font-size:16px;}
.side-content .ui-btn-wrap{padding-right:15px}
.side-content .ui-btn-lg{color:#fff;font-size:16px;border-radius:4px;background: #7D4792;}
.side-container .ui-col-20 {position:relative;height:100%;}
.side-container .ui-col-80{left:-80%;}
.side-container .btn-close{position:absolute;top:10px;right:10px;display:block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background-color:#fff;color:#999;font-size:20px;font-weight:bold}
.side-container .btn-close img{max-width:100%}
.side-container .ui-avatar{margin:10px 10px 5px 0;}
.side-container .side-user-info .ui-avatar{margin-top: 5px;}
.side-container .sider-member{background: #333;height:44px;line-height: 44px;}
.side-container .sider-member a{display:block;text-align: center;font-size: 14px;color: #fff;position: relative;}
.side-container .sider-member li:not(:last-child) a:after{content:'';width:1px;height:14px;background: #2C2C2C;position: absolute;top:15px;right: 0;}
.side-container .ui-list-link li>a{display: -webkit-box!important;}
.side-container .side-user-info.ui-list-link{border-bottom: 1px solid #333;}
/*个人中心*/
.personal-top{border-top: 80px solid #7D4792;border-bottom: 80px solid #fff;position: relative;}
.personal-top-bd{position: absolute;top:-70px;left:10px;right:10px;padding: 11px 11px 16px;background: #fff;border: 1px solid #ECECEC;box-shadow:0px 1px 7px 1px rgba(0, 0, 0, 0.1);border-radius:4px;}
.personal-top-bd .info-box{position: relative;}
.personal-top-bd .brief{padding-top: 3px;padding-right: 30px;}
.personal-top-bd .name{line-height: 34px;font-size: 16px;color: #333;font-weight: bold;height: 34px;overflow: hidden;}
.personal-top-bd .name span.ui-nowrap{display:block;float:left;max-width:calc(100% - 53px);}
.personal-top-bd .name .svip-sign{display:block;float:left;margin-left:4px}
.personal-top-bd .name i{font-size: 12px;color: #999;}
.personal-top-bd .number{color: #999;font-size: 12px;}
.personal-top-bd .number img{vertical-align:middle;margin-right: 7px;margin-top: -2px;}
.personal-top-bd .info-box .info-btn{display: block;position: absolute;top:10px;right: 11px;width: 13px;height: 16px;background: url("../img/m/p_info.png") no-repeat center top/100%;}
.personal-top-bd .info-box .info-btn span{position: absolute;top:-6px;left: 6px;display: inline-block;padding:0 4px;height:12px;line-height:12px;border-radius:6px;background: #C01820;color: #fff;font-size: 10px;text-align: center;}
.personal-top-bd .ui-avatar{width: 60px;height: 60px;}
.personal-top-bd .ui-avatar a{width: 100%;height: 100%;}
.personal-top-bd .ui-avatar a img{width: 100%;height: 100%;border-radius: 50%;}
.personal-top-bd .ui-avatar{overflow: unset;margin-right: 10px;}
.personal-top-bd .brief-box{position: relative;margin-top: 10px;}
.personal-top-bd .brief-box .edit{position: absolute;left: 3px;bottom:7px;display: block;font-size: 12px;color:#666;}
.personal-top-bd .brief-box .fans-list{text-align: center;padding-left: 50%;width: auto;}
.personal-top-bd .brief-box .fans-list li{width: 50%;}
.personal-top-bd .brief-box .fans-list p{font-size: 12px;color:#999;}
.personal-top-bd .brief-box .fans-list a{color:#333;}
.personal-top-bd .brief-box .fans-list img{vertical-align: middle;margin-right: 2px;}
.personal-top-bd .avatar_yinyueren,.personal-top-bd .avatar_qiyehao{display:block;}
.personal-top-bd .avatar_yinyueren:after,.personal-top-bd .avatar_qiyehao:after{width: 14px;height: 14px;bottom:0;right:0;}
.personal-nav-list{background: #fff;padding:15px 0;border-bottom: 4px solid #eee;}
.personal-nav-list li a{display: block;color: #333;font-size: 12px;text-align: center;}
.personal-nav-list li span{display: block;margin-top: 5px;}
.personal-nav-list li img{height: 20px;}
.personal-tab .ui-list li{margin:0;border-right: 0;}
.personal-tab .ui-tab-nav li{position: relative;height: 44px;line-height: 44px;padding: 0 6px;border-bottom: 2px solid transparent;}
.personal-tab .ui-tab-nav li:before{content:attr(ribbon); padding: 10px 2px;font-size: 14px;color: #666;border-bottom: 4px solid transparent;}
.personal-tab .ui-tab-nav li.current:before{color: #333;border-bottom-color: #7D4792;font-weight: 400;}
.personal-tab .type-list .ui-list-img,.personal-tab .add-list .ui-list-img{width:44px;height:44px;}
.personal-tab .video-box .type-list .ui-list-img{width:79px;}
.personal-tab .type-list li a,.personal-tab  .add-list li a {line-height: 24px;width: 100%;display: -webkit-box;font-size: 14px;color: #828282;font-weight: normal;}
.personal-tab .type-list li .ui-list-info h4,.personal-tab .add-list li .ui-list-info h4{font-size: 14px;}
.personal-tab .type-list li .ui-list-info p,.personal-tab  .add-list li .ui-list-info p{font-size: 12px;color: #666;}
.personal-tab .article-box .add-list li .ui-list-info p{color: #999;}
.personal-tab .add-title{padding-left:15px;height:30px;line-height:30px;background:#eee;font-size: 12px;color:#666;}
.personal-tab .add-title .arrow{float:right;color: #666;line-height: 30px;font-size: 40px;}
.personal-tab .add-title.active .arrow{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
.more-box{padding:5px 15px;}
.more-box a{background: #fff;color: #999;border: 1px solid #e4e4e4;}
.ui-list li{margin:10px 0;border-right: 1px solid #f2f2f2}
.ui-list li a{font-size: 14px;font-weight: bold;color:#333;}
.ui-list li div.default{color:#B3B3B3;font-size: 12px}
.side-container .side-user-info li{border-right: 0;margin: 0;}
.banner{background: #fff;height:31px;line-height: 30px}
.banner div{font-size: 12px;color:#999;;margin-right: 15px}
.banner div a{color:#666;font-weight: bold;padding-left: 5px}
.ui-container .ui-list-link li.ui-border-t{height: 44px;margin:0}
.ui-list-link li a{line-height: 24px;width: 100%;display:block;font-size: 14px;color:#828282;font-weight: normal;}
.ui-list-link li>a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ui-btn-lg{margin:20px 0 30px}
.ui-btn-wrap .ui-btn-danger:before{content:none}
.ui-btn-wrap .ui-btn-danger,.ui-btn-gangqin{background:#fff;color:#333;border:1px solid #b5b5b5}
.ui-container .ui-btn-wrap .ui-btn-danger:active{background:#7D4792;outline:none;color:#fff;border:none}
.mt10{margin-top: 10px}
.mb10{margin-bottom: 10px}
/*动态*/
.trends_head{padding:10px 0;height: 130px;background:url(../img/m/bj-qy.jpg) no-repeat;background-size:100% 130px;}
.trends_head>div{color:#f2f2f2;font-size: 12px}
.trends_head>div.trends_avatar{width: 100%;color:#fff;font-size: 16px;font-weight: bold;}
.trends_head>div.trends_avatar .avatar_tag{display: inline-block;vertical-align: top;color:#fff;width:44px;height:16px;line-height: 16px;border-radius: 7px;font-size: 12px;text-align: center;}
.trends_head>div.trends_avatar .avatar_tag.yyr{background:#7437B1;}
.trends_head>div.trends_avatar .avatar_tag.qyh{background:#3399FF;}
.trends_head>div.trends_avatar .avatar_name{padding-top:3px;}
.trends_head>div.trends_avatar .avatar_name p:first-child{color: #fff;margin-bottom: 6px;}
.trends_head>div img{display:block;width: 50px;height: 50px;border-radius: 50%;vertical-align: middle;margin:0 20px;}
.trends_head>div.trends_avatar .avatar_name img{display:inline-block;vertical-align:top;width: auto;height: 12px;border-radius: unset;margin: 2px 9px 0 0;}
.trends_head>div.trends_intro{margin:0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;text-overflow:ellipsis;}
.banner{height: 30px;line-height: 30px;font-size: 12px;color:#999;}
.banner a{color:#666;font-weight: bold;}
.send_trend{height:48px;line-height:28px;background:#fff;}
.send_trend .ui-input{padding-left:0}
.send_trend input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border: 1px solid #f2f2f2;border-radius: 2px;margin:0;}
.send_trend button{width: 70px;height: 30px;background: #7D4792;padding:0;text-align: center;line-height: 30px;color:#fff;}
.send_trend .trends-write{width:20px;height:20px;background: url("../img/m/trends_write_icon.png") no-repeat center top/100%;margin:15px 20px 0 0;}
.send_trend .trends-photo{width:20px;height:20px;background: url("../img/m/camera_icon.png") no-repeat center top/100%;margin-top: 15px;}
.send_trend .txt-fbdt{font-size:14px;color:#999}
.trends_top{border-top:1px solid #e4e4e4;}
.trend_bottom{border-bottom:1px solid #e4e4e4;}
.trends_top,.trend_middle,.trend_bottom{padding:10px 10px 0 10px;position: relative;background: #fff}
.trends_top .delete{width: 10px;height: 10px;line-height: 10px;text-align: center;font-size:22px;color:#999;cursor:pointer;position: absolute;top:25px;right:12px;}
.trends_top>div{font-size: 12px;color:#666;}
.trends_top>div a{font-size: 14px;color:#4492B9;margin-right: 20px}
.trends_top .comment{color:#333;font-size: 13px;margin-top: 15px}
.trend_middle>a div,.trend_middle div img{margin-right:10px;float:left;position:relative;width:100%;height:100%;object-fit:cover;background-size:cover}
.trend_middle>a div span,.trend_middle>a p span{margin-right:10px;display: inline-block;color:#fff;font-size: 12px;padding:0 5px;height: 20px;text-align: center;line-height: 20px;background: rgba(0,0,0,.6);border-radius: 2px}
.trend_middle>a div span{position: absolute;top:5px;left: 10px;width: 60px;height: 20px;}
.trend_middle li{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;text-overflow:ellipsis;}
.trend_middle li.ui-col-100{font-size: 14px;margin-bottom: 10px}
.trend_middle li a{font-size: 12px;color:#5C85AD;}
.trend_middle li.ui-col-33,.trend_middle li.ui-col-20{font-size: 12px;color:#999;line-height: 24px}
.trend_middle p{line-height: 20px;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow:hidden;text-overflow:ellipsis;}
.trend_bottom i,.comment_content i{display: inline-block;color:#999;font-size: 23px;line-height: 25px;}
.trend_con .icon-commented{width:14px;height:14px;background: url("../img/m/dongtai_comment.png") no-repeat center top/100%;margin-left: 5px;vertical-align: middle;}
.trend_zan .icon-liked{width:14px;height:14px;background: url("../img/m/dongtai_dianzan.png") no-repeat center top/100%;margin-left: 5px;}
.trend_bottom .active i,.comment_content .active i{color: #B19462}
.trend_bottom span{margin-left: 15px;font-size: 14px;color:#999;float: right;}
.trend_bottom span>a{color:#999;}
.trend_bottom .ui-col-67{font-size: 12px;color:#666;line-height: 25px}
.trend_bottom .ui-col-67 img{vertical-align: middle;margin-right:6px}
.trends_top>div{display: inline-block;vertical-align: top;}
.trends_top .user_avatar{position:relative;margin-right:12px;}
.trends_top .user_avatar i{display:block;width:36px;height:36px;border-radius:50%;overflow:hidden}
.trends_top .user_avatar img{display:block;width:100%;height:100%;object-fit:cover;background-size:cover}
.trends_top .user-info{color: #999;font-size: 12px;}
.avatar_yinyueren,.avatar_qiyehao{position: relative;}
.avatar_yinyueren:after{content:'';width:16px;height:16px;position: absolute;bottom:0;right:0;background: url("../img/yinyueren.png") no-repeat center top/100%;z-index:99;}
.avatar_qiyehao:after{content:'';width:16px;height:16px;position: absolute;bottom:0;right:0;background: url("../img/qiyehao.png") no-repeat center top/100%;z-index:99;}
.trend_middle .picture{margin-bottom: 5px;}
.trend_middle .picture ul{display:block;width:100%;overflow:hidden;}
.trend_middle .picture li{float:left;padding:3px;margin:0;width:33.3333%;box-sizing:border-box;}
.trend_middle .picture li>a{display:block;padding-top:100%;position:relative}
.trend_middle .picture li img{position:absolute;top:0;}
.trend_middle .picture.two ul{width:66.6666%;}
.trend_middle .picture.two li{width:50%;}
.trend_middle .picture.one ul{width:50%}
.trend_middle .picture.one li{width:100%}

.trend_dialog .ui-dialog-ft{border-top:1px solid #eee;box-sizing:border-box}
.trend_dialog .ui-dialog-ft button{color:#333;border-right:none;line-height:41px}
.trend_dialog .ui-dialog-ft button.delete_btn{color:#DB3131;border-left:1px solid #eee}
/*.trend_con{display:none;}*/

.trend_middle:after{content: "";clear: both;display: table}
.article>div,.article>p,.article>strong{float: left;width: 65%}
.article{background: #F7F7F7;padding:10px;}
.article .thumb{width:30%;height:79px;margin-right: 10px;position:relative}
.article .thumb a{display: inline-block;overflow: hidden;width: 100%;height: 100%}
.article .thumb img{min-width: 100%;height: 100%}
.article strong{height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;  word-wrap: break-word;}
.article strong a{color:#333;font-size: 14px;font-weight: normal;}
.article .user{margin:0;}
.article p{font-size: 12px;color: #999;margin-bottom: 0;}
.article p a{color: #4492B9;}
.article .user a{display: inline-block;font-size: 12px;}
.article .user em img{width: 25px;height: 25px;margin-right: 10px;border-radius: 50%}
.article .user .u-icon-yyr,.article .user .u-icon-qy{display: inline-block;vertical-align: middle;margin-left: 10px}
.article .user .u-icon-yyr img,.article .user .u-icon-qy img{width: 14px;height:16px;border-radius: unset;}
.article .user .publish{font-size: 11px;color: #999;}
.article .info{margin:10px 0 0 0;font-size: 12px;color:#999;height: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;text-overflow:ellipsis;  word-wrap: break-word;}
.trend_middle .middle_box .article .user{width:100%;height:26px;line-height: 26px;margin-top: 10px;}
.article:after{clear: both;}
.article:before,.article:after{content:" ";display: table}
.trend_middle .middle_box>p{font-size: 14px;color: #333;-webkit-line-clamp:unset;  word-break: break-all;}
.isexpand{display:none;height: 16px;line-height: 16px;font-size: 12px;background:#fff;z-index: 33;text-align: right;}
.isexpand .ui-icon-arrow{display: inline-block;line-height: 16px;font-size: 24px;vertical-align: middle;color: #999;transform: rotate(90deg)}
.isexpand .ui-icon-arrow-up{transform: rotate(-90deg)}
.isexpand i{color: #999;}
.trend_middle .middle_box .article.live .user{font-size: 13px;margin-top: 3px;width: auto;margin-top: 0;}
.trend_middle .middle_box .article.live .user a{font-size: 13px;}
.article.live .info i{padding-right: 2px;}
.article.live .color_red,.article.live .color_red i{color:#C01920;}
.article.live .color_22,.article.live .color_22 i{color:#22AC38}
.article.live .info i{font-weight: 800;font-style: normal;}
/*评论*/
.comment_box{display:none;position: fixed;left:auto;bottom:0;top:0;width:100%;background: rgba(0,0,0,.4);max-width:720px;z-index: 1000}
.comment-container{position: absolute;bottom: -250px;height: 300px;background: #fff;left:0;right:0;overflow: hidden;overflow-y: scroll;}
.comment_close{position: fixed;bottom: 0px;height: 50px;width:100%;background: #fff;left:auto;max-width:720px;}
.comment_close .close{z-index: 10000;line-height: 22px;font-size:20px;font-weight: bolder;position: absolute;top:10px;text-align: center;right: 10px;border:1px solid #999;color:#999;width: 22px;height: 22px;border-radius: 50%}
.comment_input{padding:8px 10px;position: absolute;bottom:0;left: 0;right: 0;height: 32px;border:1px solid #f2f2f2;background: #fff}
.comment_input input{padding:0 5px;font-size: 13px;color:#666;height: 30px;line-height: 30px;border:1px solid #f2f2f2;border-radius: 2px;width: 214px}
.comment_input button{border-radius: 2px;position: relative;left: 15px;vertical-align: middle;font-size: 14px;color:#5C85AD;width: 58px;height: 32px;line-height: 32px;text-align: center;border:1px solid #f2f2f2;}
.comment-container::-webkit-scrollbar{display: none}
.img34{width:34px;height:34px;}
.comment-container .btn-like span{font-size:12px;color:#999;}
.comment-container .btn-like i{display:inline-block;width:14px;height:14px;background: url("../img/m/dongtai_dianzan.png") no-repeat center top/100%;margin-left: 5px;}
.comment-container .btn-like.active i{background-image: url("../img/m/dongtai_dianzan_on.png");}
.comment-container .ui-list-info{padding: 0;}
.comment-container .ui-avatar{margin-right: 12px;}
.comment-container .author{margin-top: -2px;}
.comment-container .author a{font-size:14px;color:#333;}
.comment-container .comment-list>li{padding:20px 10px;}
.comment-container .cnt{color: #333;font-size: 14px;line-height: 24px;word-break: break-word;padding:15px 0 0 45px;}
.comment-container-area{display:none;}
.comment-container .btn-operate{display:block;font-size: 14px;color: #666;margin-left: 16px;}
.comment-container .btn-more{background: url("../img/m/operate_more.png") no-repeat center center/18px 5px;width: 18px;}
.comment-container .btn-reply,.comment-container .btn-like{line-height: 40px;}
.reply-content{padding-left: 45px;}
.reply-content li{border-left: 4px solid #eee;border-radius: 1px;padding-left: 10px;margin-top: 15px;}
.reply-content .cnt{color: #666;padding: 0;}
.reply-content a{color: #0C73C2;}
.reply-content .btn-more{height: 24px;}
.reply-content .cnt .user{color: #333;}
.btn-like.active span{color:#7D4792;}
.comment-operate-actionsheet div button:last-child{color: #333!important;margin: 0;}
/*公共弹窗*/
.z-dialog-box{display:none;position:fixed;top:0;left:auto;width:100%;height:100%;max-width:750px;background:rgba(0,0,0,.5);z-index: 2000;text-align: center;}
.z-dialog-box .dialog-cnt{position:absolute;top:50%;left:50%;width:80%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius: 2px;background: #fff;overflow: hidden;}
.z-dialog-box .dialog-bd{padding: 35px 12px;}
.z-dialog-box .dialog-bd h3{color: #333;font-size: 20px;margin-bottom: 15px;}
.z-dialog-box .dialog-bd p{color: #666;font-size: 16px;line-height: 20px;}
.z-dialog-box .dialog-ft{height: 45px;line-height: 44px;border-top:1px solid #eee;}
.z-dialog-box .dialog-ft a{color: #333;font-size: 18px;}
.z-dialog-box .dialog-ft a:last-child{border-left: 1px solid #eee;}
.orange{color: #c01820!important;}
.pd0{padding: 0;}
/*曲单页*/
.content-title{position:relative;height:49px;}
.content-title .headline{position:absolute;top:50%;margin-top:-11px;margin-left: 6px}
h2.headline{font-size:16px;color:#666;}
h2.headline i{display:inline-block;width:4px;height:16px;background-color:#7D4792;margin-right:8px;vertical-align:text-top;}
.group1 .ui-btn-wrap{background:#f9f9f9;height:55px}
.group1 .ui-btn-wrap a.ui-btn-lg{margin:5px 0;font-size:16px;height:44px;line-height:42px;box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:5px;}
.group1 .ui-btn-wrap a.ui-btn-lg:active{color:#333}
.group1 .ui-btn-wrap a.ui-btn-lg span{margin-right:10px;display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:5px;font-size:20px;font-weight:bold;background:#333;color:#fff;vertical-align:middle;}
.ui-list li.group{border:none;margin:0;height: 44px}
.ui-list li.active{background: #fff}

.tuwenlist{display: none}
.ui-container .tuwenlist li.ui-border-t{height: 100px;}
.tuwenlist li a>div{float: left;}
.tuwenlist li div{height: 60px;margin:20px 0;overflow: hidden;}
.tuwenlist .ui-list-img{width:84px;}
.tuwenlist li div img{width: 58px;height: 58px;margin:1px 0 0 1px;}
.tuwenlist li h4{font-size: 12px;font-weight: bold;width: 180px;margin-top: 5px}
.tuwenlist li p{font-size: 10px;width: 170px;margin-top: 10px;color: #666;font-weight: 300;}
.tuwenlist li .ui-list-img{margin:20px 10px 20px 6px;}
.ui-list-text li.ui-border-t{padding: 9px 10px 9px 16px}
/*qudan_show*/
.ui-list .editor a,.ui-list .delete a,.ui-list .disabled{font-weight: normal;font-size: 14px}
.ui-list .disabled{color:#999;}
.group0 li.ui-border-t:after{content:"";}
.ui-border-t>a{display: block;width: 85%}
.qulist {margin-top: 10px}
.ui-container .qulist li.ui-border-t{border:none;margin:0;border-bottom: 1px solid #f2f2f2;}
.qulist li div{height: 44px;line-height: 44px}
.qulist li div a{display: inline-block;text-align: center;width: 44px;height: 24px;line-height: 24px;font-size: 12px;border:1px solid #f2f2f2;font-weight: normal;}
.qulist li h4{font-size: 14px}
.tuwenlist li div>span>p{  width: 95%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*qudan_editor*/
.tuwenlist li .ui-list-info{padding:0;}
.tuwenlist li .ui-list-info a{margin-left: 72%;border-radius: 2px;width: 44px;height: 22px;text-align: center;line-height: 22px;border:1px solid #808080;}
.pb10{padding-bottom: 10px}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
#quform>div label{font-size:14px;color: #999}
#quform>div input{font-size:14px;line-height:44px}
#quform textarea{font-size:14px;line-height:1.5;height:68px;margin-top:12px;}
#quform .label-list{padding-right:7px;padding-left:15px;}
#quform .label-list li{overflow:hidden;float:left;padding:0 8px 15px 0;width:33.3333%;box-sizing:border-box}
#quform .label-list label{display:block;width:100%;height:34px;line-height:32px;border-radius:20px;border:1px solid #D6D6D6;box-sizing:border-box;font-size: 13px;color:#000;text-align:center}
#quform .label-list label span{font-size:8px;padding-right:5px;color:#fff}
#quform .label-list .active label{background:#333;color:#ccc}
#quform .piccode{position:absolute;right:15px;top:50%;transform:translateY(-50%)}
#quform .txtcode{padding-right:120px;}

.btn div{margin: 23px 0;border-radius: 4px;width: 80%;height:40px;border:1px solid #ccc;text-align: center;line-height: 40px}
.btn .save{background: #7D4792;border-color: #7D4792;color:#fff;}

/*谱单页*/
.pudanlist li .ui-list-img{width: 60px;height: 80px;margin:10px 15px 10px 6px;}
.ui-actionsheet div button{font-size: 16px;color: #333}
.ui-actionsheet div button:last-child{color:#39f;}
.ui-actionsheet .delete{color:rgba(0,0,0,.4);}

/*视频页*/
.videolist li .ui-list-img{width: 96px;height: 70px;margin:15px 15px 15px 6px;}
.videolist li div img{width: 94px;height:60px;margin-top: 9px}
.videolist li h4,.videolist li p{width: 150px;}
.title{height:43px;border-top: 1px solid #f2f2f2;background: #fff;color: #333;font-size: 14px;padding-left: 30px}
.noborder{border:none;}
.my-account .title{padding-left: 0;}
/*相册*/
.albumlist li .ui-list-img{margin-right: 0;}
.albumlist li h4{line-height: 18px;margin-top: 0;height:36px;}
.albumlist li p{margin-top: 6px;}
/*文章页*/
.newslist{margin-top: 0;display: none;}
.newslist.ui-list-link li.ui-border-t{height:84px;}
.newslist.ui-list-link .ui-list-info{line-height: normal;}
.newslist.ui-list-link .ui-list-info p{color:#666;font-size: 12px;line-height: 21px;margin-top: 6px;}
/*设置页*/
.ui-list-text li.ui-border-t{padding:0 5%;}
.ui-list-text li.ui-border-t a>h4{float:left;font-size: 14px}
.ui-list-text li.ui-border-t a>div.bind{float:right;margin-right:40px;width: 49px;height: 22px;text-align: center;line-height: 22px;border-radius: 2px;font-size: 12px;border:1px solid #999;color: rgba(0,0,0,.4)}
.ui-list-info.username{display: inline-block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.setting_top{display: block;background: #fff;padding:0 16px;height: 89px}
.setting_top ul{height: 89px;line-height: 89px}
.setting_top ul img{text-align: left;}
.avatar{margin-left:-130px;padding-top: 20px;height: 69px}
.avatar img{width: 50px;height: 50px;border-radius: 50%}
.change_btn{border:1px solid #e4e4e4;border-radius: 2px;width: 57px;height:26px;line-height: 26px;text-align: center;font-size: 12px;margin-top: 31px;color:#999;}
/*昵称*/
#nameform label{width: 70px;padding-left: 6px;font-size: 14px;color: #666}
#nameform input,#nameform textarea{padding-left: 70px;font-size: 14px;color: #666}
/*简介*/
.intro{height: 85px}
.intro textarea{padding: 15px 15px 0 70px;height: 85px}
textarea{resize: none}
/*手机号*/
#phoneform input{font-size: 14px;color: #666}
#phoneform button{margin:7px 0;font-size: 13px;color: #fff;background: #39f;height: 28px;line-height: 28px;margin-right:20px;border-radius: 2px}
/*#msgForm button{margin:7px 10px 7px 0;font-size: 13px;color: #fff;background: #39f;height: 30px;line-height: 30px;border-radius: 2px}*/
/*密码*/
#pwdform label{width: 90px;padding-left: 6px;font-size: 14px;color: #666}
#pwdform input{padding-left: 90px;font-size: 14px;color: #666}
/*头像*/
#clipBtn{margin:20px auto;border-radius: 4px}
.log-avatar .btn{position: relative;padding:20px 10px 0;}
.log-avatar input{width:100%;height:40px;position: relative;z-index: 100;opacity: 0}
.log-avatar .btn span{position: relative;top:-40px;width:99%;height:38px;border-radius: 4px;display: inline-block;text-align: center;line-height: 38px;background: #fff;border:1px solid #ccc;}
.sub{margin-top: -50px}
.code_img{display:block;height:30px;position: absolute;top:7px;right:20px;}
/*地址*/
.ui-form select,textarea{font-size: 14px;color:#666;}
.address textarea{padding: 15px 15px 0 90px;}
/****登录页面*****/
.login_head li.group a,.ui-list li.group div{display: inline-block;height: 39px;line-height: 39px;font-size: 12px;color: #666;font-weight: 300;border-bottom:4px solid transparent;}
.login_head li.group a{font-size: 16px}
.login_head li.active a,.ui-list li.active div{opacity:1;border-bottom-color:#7D4792;padding: 0 10px;font-weight:bold;color:#333;}
.login_head li.active,.login_head{background: #f8f8f8;font-size: 16px;font-weight:bold}
.code_img{position:absolute;top:7px;right:20px;display:block;height:30px;}
.find_pwd{padding:5px 10px;font-size: 16px}
.find_pwd a{color: #BDBDBD}
.find_pwd button{margin-top: 0;font-size: 16px}
.login_type{margin-top: 30px;font-size: 12px;}
.login_type div{color:#999;}
.login_type img{padding-bottom:5px;width: 40px;height: 40px}
.login_type a div{font-size:12px}
.login_type>div{margin:10px 17px;}
.login_type .regist{font-size: 14px}

.login-form{padding: 10px 15px 30px;}
.login-form input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}
.login-form .ui-list-info{padding: 0;}
.login-form .form-item{height: 45px;line-height:43px;border: 1px solid #DDDDDD;border-radius: 2px;margin-top: 20px;}
.login-form .form-titl{width: 82px;height:16px;line-height:16px;margin-top:14px;text-align: center;border-right: 1px solid #eee;font-size: 14px;color: #666;}
.login-form .form-input,.login-form .form-imgcode input{border:none;padding: 0 20px;line-height: 43px;font-size: 14px!important;}
.login-form .form-imgcode input{padding-right: 128px;}
.login-form .form-imgcode{position: relative;}
.login-form .login-btn{padding: 0;margin-top: 25px;}
.login-form .find-pwd{font-size: 14px;padding-top: 10px;}
.login-form .find-pwd a{color: #999;}
.login-form .login-btn button{margin: 0;font-size: 14px;color: #FEFEFE;background:#7C4790;border-radius: 2px;font-weight: bold;}
.login-form .form-code{margin-top: 20px;}
.login-form .form-code .form-item{margin-top: 0;}
.login-form .form-code button{width: 90px;height: 45px;line-height: 45px;background: #3A9AFC;font-size: 14px;margin-left: 24px;color:#fff;border-radius: 4px;}
.w116{width: 116px!important;}
.page-register .agree-box a{color:#333}
.page-register .agree-box{line-height: 16px;font-size: 14px;color: #999;text-align: center;margin-top: 60px;}
.page-register .checkbox{display:inline-block;vertical-align:middle;width: 16px;height: 16px;border: 1px solid #333;border-radius: 2px;position: relative;margin-right: 8px;margin-top: -2px;}
.page-register .checkbox input{width: 100%;height: 100%;opacity: 0;position: absolute;top:0;left: 0;}
.page-register .checkbox img{display: none;margin-top: 2px;margin-left: 2px;}
.page-register .checkbox input:checked+img{display: block;}

/*昵称登录*/
.wantform,.wantform-cnt{max-width:720px;}
.wantform{position:fixed;top:0;left:auto;z-index:300;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;}
.wantform.show{pointer-events:inherit;opacity:1;}
.wantform.show .wantform-cnt{-webkit-transform:translateY(0);-webkit-transition-delay:0.2s; }
.wantform-cnt{position:fixed;width:100%;background:#fff;box-sizing:border-box;text-align:center;bottom:85px;-webkit-transform:translateY(100%);-webkit-transition-property:all;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.3s;}
.wantform-cnt .close{position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:14px;color:#999}@media(max-width:320px){.wantform-cnt .close{right:10px;}}
.wantform-cnt .ui-btn-wrap button{background:#7C4790;color:#fff}
/*找回密码*/
.find_tips{font-size: 12px;}
.find_tips div{color:#999;margin:5px 0 15px 15px;}
.find_way{background: #fff}
.find_way input{color: #00a5e0}
.bgf{background: #fff}
.font14{font-size: 14px}
.center_tips,.top_tips{text-align: center;}
.top_tips{color:#434343;margin-top: 20px}
.center_tips{color:#b19462;margin:20px 0;}
.bottom_tips{color:#7d7d7d;font-size: 14px;padding:0 25px;margin-bottom: 20px}
.findcode{position: relative;}
.findcode img{position: absolute;top:0;right:0;height: 44px}
/*个人空间*/
.trends_avatar button{margin: 10px 10px 0 0;width: 60px;height: 30px;line-height: 28px;text-align: center;font-size: 13px;color:#fff;font-weight: normal;background: rgba(0,0,0,.4);border:1px solid #fff;border-radius: 50px;}
.trends_avatar button.active{background: transparent;}
.trends_nav{background: #fff;height: 51px;line-height: 45px;}
.trends_nav li{font-size: 14px;}
.trends_nav li.active{background: #f2f2f2;font-weight: bold;}
.trends_nav li div a{color:#999;}
.trends_nav li.active div a{color:#333;}
.ui-container .trends_title{background: #fff;height: 43px}
.trends_qumu{display: none;text-align: center;padding:10px 10px;background: #fff;}
.ui-container .trend_qumu{width:100%;box-sizing: border-box;}
.ui-container .trends_qumu>div{float: left;margin:1.5%;position: relative;padding:8px;width:30%;height: 104px;background: #F7F5F0;box-sizing: border-box;}
.ui-container .trends_qumu>div div{position: absolute;bottom:0;left:0;right:0;height: 20px;background: #EBE9E5;font-size: 13px}
.ui-container .trends_qumu>div p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow:hidden;text-overflow:ellipsis;}
.trends_more{background: #fff}
.trends_more a.ui-btn-danger{color:#999;margin:0;background: #fff;border:1px solid #e4e4e4;width:100%;}
.trends_more a.ui-btn-danger:hover,.trends_more a.ui-btn-danger:active{background: #fff!important;}
.zone_trend>div:nth-child(4){margin-top: 0}
.zone_article a{width: 300px}
.ui-container .trends_qumu:after{content: " ";clear:both;display: table}
.group1,.group0{display: block;}
.space_more_btn a.ui-btn-danger{border:0;color: #666;}

.fanslist{background: #fff;height:80px;}
.fanslist img{width: 50px;height: 50px;border-radius: 50%;margin-right: 15px;vertical-align: middle;}
.fanslist a{line-height: 80px;color:#333;}
.fanslist button{margin-top: 28px;float: right;width: 50px;height:24px;line-height: 24px;background: #ccc;color:#fff;}
.fanslist button.active{background:#7D4792;color:#fff;}
.trends_nav_box{width:100%;overflow-x: auto;height: 51px;overflow-y: hidden;background: #fff;}
.trends_nav_box ul li{float: left;width:56px;text-align: center}
.trends_nav_outter{height: 45px;overflow: hidden;}
/*账户余额*/
.my-account .recharge-box{text-align: center;background: #fff;padding-bottom: 20px;}
.my-account .recharge-box .title{height:77px;line-height: 77px;}
.my-account .recharge-box .balance{font-size: 30px;font-weight: bold;}
.my-account .recharge-box .course-ticket{color:#666;font-size: 13px;margin-bottom: 10px}
.my-account .recharge-box .charge{display:block;width:100%;height:42px;line-height: 42px;background: #f60;color:#fff;text-align: center;border-radius: 5px;}
.my-account .record-box{margin-top:23px;background: #fff;}
.my-account .record-box .with-money{position:relative;display:-webkit-box;}
.my-account .record-box .rtitle a{color:#333;font-weight:bold;font-size: 13px;}
.my-account .record-box .desc{margin-top:12px;color:#666;font-size: 13px;}
.my-account .record-box li{padding:15px 16px 25px 16px;}
.my-account .record-box li .ui-list-img{margin-bottom:0;width:78px;height:50px;}
.my-account .record-box .ui-list-img a{display: block;width:100%;height:100%;}
.data-photo{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-size:cover}
.my-account .record-box li .ui-list-info{padding-bottom:0;padding-right:0;}
.my-account .record-box li .ui-list-info .color-orange{color:#FC6025;font-size: 14px;}
.old-price{color: #666;font-size: 12px;text-decoration: line-through;}

.space_jianjie{padding:14px;color:#333;font-size: 14px;}
.space_jianjie img{max-width: 100%!important;}
/*发布动态*/
.publish-header{background:#7D4792}
.publish-header .left-box{left:5px;color: #fff;font-size: 14px;}
.publish-header .right-box{right:15px;font-size: 14px;}
.publish-hidden{opacity: .6;}
.publish-header .logo-box{padding-left: 0;background: none;}
.publish-text textarea{width:100%;min-height: 87px;padding:20px 15px;font-size: 14px;border: none;box-sizing: border-box;}
.publish-other{padding:10px 15px;}
.publish-other .camera{display:block;width:20px;height:20px;background: url("../img/m/camera_icon.png") no-repeat center top/100%;}
.publish-other .camera input{opacity: 0;}
.publish-other .currentNum{text-align: right;font-size: 12px;color: #bbb;line-height: 20px;}
.publish-other .currentNum i{color: #bbb;}
.publish-other.ui-footer{box-sizing: border-box;height:40px;}
.publish-feeds{padding:0 10px 45px 15px;}
.publish-feeds li{padding:0 5px 5px 0;}
.publish-feeds li>div{width:100%;padding-top: 100%;position: relative;overflow: hidden;}
.publish-feeds li img{position: absolute;top:0;left:0;z-index: 3;}
.publish-feeds li .delete{display: block;width:18px;height:18px;background: rgba(0,0,0,0.5);color: #fff;text-align:center;line-height: 18px;border-radius: 50%;font-weight: bold;font-size: 20px;position: absolute;top:4px;right:4px;z-index: 4;}
/*已购买的课程*/
.live-thumb-txt>li{border-bottom:1px solid #eee;padding-top:15px;background: #fff;position: relative;}
.live-thumb-txt .thumb{position: relative;}
/*.live-thumb-txt .thumb span{display: block;width:40px;height:16px;line-height:16px;background:rgba(0,0,0,.4);border-radius:2px;font-size: 12px;color: #fff;position: absolute;top:5px;left:5px;text-align: center;}*/
.live-thumb-txt .thumb-txt .thumb{width:100px;height:64px;}
.live-thumb-txt .thumb-intro{padding-left: 10px;padding-top: 0;padding-bottom: 15px;}
.live-thumb-txt .thumb-intro .title{font-size:14px;color: #333;height:23px;border-top: 0;padding:0;}
.live-thumb-txt .live-status{font-size:12px;color:#666;margin:2px 0;}
.live-thumb-txt .live-status.onlive{color: #C01820;}
.live-thumb-txt .live-status.lived{color: #666;}
.live-thumb-txt .live-status.living{color:#22AC38;}
.live-thumb-txt .ui-list-thumb{width:20px;height: 20px;margin:2px 5px 0 0;}
.live-thumb-txt .authorname{font-size: 12px;color: #666;margin:0;padding:0;line-height: 24px;max-width: 96px;}
.live-thumb-txt .button{display: block;position: absolute;bottom: 15px;right:15px;padding:0 9px;height:20px;line-height: 20px;color: #666666;border: 1px solid #666;border-radius:10px;font-size: 14px;}
.live-thumb-txt .button.buy{color: #C01820;border-color: #C01820;}
.live-thumb-txt .button.xf{color: #fff;border-color: #FD6420;background: #FD6420;font-size: 12px;padding: 0 11px;}
.live-thumb-txt  .ui-list-thumb.author i{display: block;border-radius: 50%;overflow: hidden;}
.live-thumb-txt .card-btn{display: block;position: absolute;bottom: 15px;right:15px;padding:0 9px;height:20px;line-height: 20px;color:#999;font-size:14px;border:1px solid #bbb;border-radius:10px;text-align: center;}
/*.live-thumb-txt.group1 .button{right:70px;}*/
/*加载更多按钮*/
.pt10{padding-top:10px}
.click-more{width:100%;height:40px;line-height:38px;text-align:center;border:1px solid #e4e4e4;border-radius:2px;background:#fff;color:#999;}

/*优惠券*/
.page-coupon .coupon-box .personal-tab .ui-tab-nav li.current:before{font-weight: bold;}
.page-coupon .coupon-box{margin-top: 7px;}
.page-coupon .exchange-box{padding:9px;margin-bottom: 15px;}
.page-coupon .exchange-btn{display:block;width:100%;height:32px;line-height: 32px;color: #7D4792;border:1px solid #7D4792;background: #fff;text-align: center;border-radius:2px;}
.page-coupon .active-coupon ul{height:50px;line-height: 24px;text-align: center;padding:13px 0;box-sizing: border-box;}
.page-coupon .active-coupon ul a{display: block;color: #666;}
.page-coupon .personal-tab .ui-tab-nav{height: 50px}
.page-coupon .personal-tab .ui-tab-nav li{height:50px;line-height: 51px;}
.page-coupon .overdate-link{text-align: center;font-size: 12px;padding-bottom: 20px;}
.page-coupon .overdate-link a{color: #999;}
.page-coupon .overdate-link span{color: #999;text-decoration: underline;}
.coupon-list{padding:12px 15px;box-sizing: border-box;background: #eee;}
.coupon-list li{background: #fff;padding-left: 0;height:88px;margin-bottom: 12px!important;box-shadow: 0 0 14px 4px rgba(0,0,0,0.1);}
.coupon-list li a{display: -webkit-box;width:100%;height:100%;font-weight: normal;}
.coupon-list li .coupon-value{width:89px;height:100%;padding-top:15px;box-sizing:border-box;text-align:center;background-image: radial-gradient(transparent 0, transparent 4px, #FF6702 4px);background-size: 14px 4px;background-position:15px 10px;position: relative;z-index: 0;}
.coupon-list li .coupon-value p{color: #fff;}
.coupon-list li .coupon-value:before{content: ' ';display: block;background-color: #FF6702;position: absolute;top: 0;bottom: 0;left: 4px;right: 6px;z-index: -1;}
.coupon-list li .coupon-value.bgc-b{background-image: radial-gradient(transparent 0, transparent 4px, #BBBBBB 4px);}
.coupon-list li .coupon-value.bgc-b:before{background-color: #BBBBBB;}
.coupon-list li .coupon-value .value{font-size: 20px;font-weight: bold;margin-bottom: 7px;}
.coupon-list li .ui-list-info .ctitle{font-weight: bold;color: #333;line-height:22px;height:44px;}
.coupon-list li .ui-list-info .time{color: #666;margin-top: 6px;}
.coupon-list li .ui-list-info .sign{color:#999;line-height: 28px;}
.coupon-list li .ui-list-info .sign span{display:inline-block;padding: 0 3px;height:20px;line-height:20px;background:#CFA972;border-radius:2px;color:#fff;text-align: center;}
.page-coupon .more-box{background: #eee;}
.page-coupon .more-box a{margin: 0 0 10px;}
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.page-course-coupon .content-title{background: #FFF5E6;height:44px;}
.page-course-coupon h2.headline i{background: #FF6702;}
.page-course-coupon h2.headline{font-size: 14px;}
.page-course-coupon .content-title span{display: inline-block;vertical-align: middle;height:18px;line-height: 18px;padding:0 5px;color:#fff;background: #FF6702;margin:0 6px;}
.page-course-coupon .course-list li{margin-bottom: 7px;}
.page-course-coupon .course-list .thumb{width:100px;height:64px;position: relative;}
.page-course-coupon .course-list .thumb span{display: block;width:40px;height:16px;line-height:16px;background:rgba(0,0,0,.4);border-radius:2px;font-size: 12px;color: #fff;position: absolute;top:5px;left:5px;text-align: center;}
.page-course-coupon .course-list .course-intro{padding:12px 15px;}
.page-course-coupon .course-list .thumb-intro{padding:0 0 0 10px;}
.page-course-coupon .course-list .title {font-size: 14px;color: #333;height: 21px;border-top: 0;padding: 0;}
.page-course-coupon .course-list .title a{color: #333;}
.page-course-coupon .course-list .status{font-size:12px;color:#666;margin:2px 0;}
.page-course-coupon .course-list .status.onlive{color: #E60012;}
.page-course-coupon .course-list .status.lived{color: #666;}
.page-course-coupon .course-list .status.living{color:#32B16C;}
.page-course-coupon .course-list .look{display:block;color:#666;font-size:12px;margin-top: 3px;}
.page-course-coupon .course-list .course-other{height:44px;line-height: 44px;background: #fff;}
.page-course-coupon .course-list .course-other .price{font-size:12px;color:#666;padding:0 15px;}
.page-course-coupon .course-list .course-other .price i{text-decoration: line-through;}
.page-course-coupon .course-list .course-other .price em{color: #FF6702;font-size: 16px;font-weight: bold;}
.page-course-coupon .course-list .course-other .buy{display:block;width:92px;height:100%;text-align: center;color:#fff;font-size: 14px;background: #FF6702;}
.page-coupon .course-other{height:44px;line-height: 44px;background: #fff;font-size:12px;color:#666;padding-left: 15px;}
.page-coupon .course-other a{display:block;width:92px;height:100%;text-align: center;color:#fff;font-size: 14px;background: #7D4792;}
.page-coupon .course-other a.overdate{background: #BFBFBF;}
.page-coupon .live-thumb-txt .button{top:60px;bottom:auto;}
.page-coupon .live-thumb-txt .button.overdate{color: #999;font-size: 12px;border: none;top:63px;}
.page-coupon .live-thumb-txt{padding: 13px 0 15px 0;}
.page-coupon .small-title{color: #999;font-size: 12px;text-align: center;padding-bottom:2px;background: #eee;}
/*兑换激活码弹框*/
.coupon-container{ position: fixed;top: 0px;left: auto;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.4);max-width: 720px;display: none;}
.coupon-container .coupon-box{position: absolute;bottom:0;width: 100%;max-height: calc(100% - 60px);overflow-y: auto;}
.coupon-container .coupon-box h2.headline i{background: #FF6702;height:18px;}
.coupon-container .coupon-box .ui-dialog-close:before{top:11px;right:10px;}
.coupon-container .input-box{padding:35px 15px 46px 15px;}
.coupon-container .input-box input{height:35px;line-height: 35px;background: #eee;border: 1px solid #e5e5e5;color:#999;font-size: 14px;padding:0 10px;}
.coupon-container .input-box button{width:64px;height:36px;line-height:35px;text-align:center;background:#FF6702;color:#fff;font-size: 14px;margin-left: 9px;}
.code-sure .ui-dialog-bd{text-align: center;line-height:24px;}
.code-sure .ui-dialog-ft button{color: #333333;}
.code-sure .ui-dialog-ft button:first-child{color: #666666;}
.last-login-box{height:40px;line-height: 40px;background: #FFF8F1;text-align: center;color: #666;font-size: 14px;}
.last-login-box .ui-icon{display: inline-block;vertical-align: middle;color: #FFC600;font-size: 30px;}
/*听课证*/
.render-box{position:fixed;top:0;left:auto;width:100%;height:100%;max-width:720px;z-index: 999;display: none;padding-top:35px;box-sizing: border-box;text-align: center;overflow:hidden;}
.render-box .render-bg{position: absolute;top:0;left:0;width:100%;height:100%;background-position: center top;background-size: cover;background-repeat: no-repeat;filter: blur(15px);}
.render-inner{position: absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;box-sizing: border-box;padding-bottom: 60px;background: rgba(0,0,0,.7);}
.render-box .s-tip{font-size:14px;color: #fff;font-weight: bold;line-height: 20px;margin-bottom: 15px;}
.render-box .s-tip em{color: #FF6702;}
.render-box img{max-width:58.67%;max-height:70%;}
.render-box p{color: #fff;font-size:14px; text-align: center;padding:0 30px;margin-top: 29px;}
.render-box .return-btn{display:inline-block;width:14px;height:14px;position: absolute;top: 15px;left: 16px;background: url("../img/post_cha.png") no-repeat center top/14px;}
.render-box .moments-icon{display: inline-block;vertical-align: middle;width:15px;height:15px;background: url("../img/moments.png") no-repeat center top/100%;margin: 0 2px;}
.card-container{background:#000;padding:18.75% 12.5% 0 12.5%;box-sizing:border-box;height:100vh;}
.card-container .dialog-box{background:#fff;border-radius:4px;text-align: center;padding:14.2% 0 22.5% 0;}
.card-container .dialog-box h1{font-size:24px;font-weight:bold;}
.card-container .dialog-box p{font-size:14px;margin-top:6.25%;}
.card-container .dialog-box .icon{width:50px;height: 50px;border-radius: 50%;background: #16ae67 url("../img/card_gou.png") no-repeat center center/25px 22px;margin:0 auto 10.4% auto;}
.card-container .render-btn{display:block;width:132px;height:40px;line-height:38px;border:1px solid #C53423;border-radius:20px;color: #C53423;font-size: 14px;margin:14.2% auto 0 auto;text-align: center;}
.render-box .btn-box .save-btn{display:block;margin:25px auto 12px;width:236px;height:38px;background:#7D4792;border-radius:4px;line-height:38px;border:1px solid #7D4792;text-align:center;font-size:14px;color:#fff;}
.render-box .btn-box .close-btn{display:block;width:236px;height:38px;line-height:38px;border:1px solid #7D4792;border-radius:4px;text-align:center;font-size:14px;color:#7D4792;margin: 0 auto;}
.live-card{z-index:-1;padding:12px 12px 0;position:absolute;top:0;left:-100000px;width:500px;background:#fff url(../img/bg-card.png) no-repeat center center/cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.live-bg{position:absolute;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,.6);z-index: 2;}
.card-cnt{position:relative;z-index: 3;}
.card-cnt-bd{padding: 15px;position:relative;}
.card-cnt-bd .u-img{display:inline-block;vertical-align:top;width: 43px;height: 43px;margin-right: 10px;border-radius: 50%;overflow: hidden;}
.card-cnt-bd .u-name{display: inline-block;vertical-align:top;}
.card-cnt-bd .user{line-height: 43px;margin-bottom: 14px;text-align: center;}
.card-cnt-bd .u-tip{display:inline-block;vertical-align:top;color: #666;padding-left: 5px;}
.card-cnt-bd .post-img{width: 100%;height: 247px;border-radius: 10px;overflow: hidden;}
.card-cnt-bd .t-name{color: #333;font-size: 25px;line-height: 35px;margin-top: 20px;}
.card-cnt-bd .teacher{color: #999;margin-top: 10px;}
.card-cnt-bd .info{color:#666;line-height:24px;margin-top: 20px;}
.card-cnt .line{width:100%;height:50px;background: url("../img/line-dashed.png") no-repeat center top/100% 50px;margin-top: -1px;margin-bottom: -1px;}
.card-cnt-ft{padding-bottom:25px;text-align:center;}
.card-cnt-ft .tips{font-size:16px;color:#666;line-height:1}
.card-cnt-ft .scode-box{width: 100px;height: 100px;border: 4px solid #333;margin: 0 auto 8px;}
.pt2{padding-top:2px}
.pt5{padding-top:5px}
.belongs{margin:30px 0 24px;text-align:center;line-height: 1;position:relative;z-index: 3;}
.belongs img{vertical-align: top;}
.card-poptip{position: fixed;top:50%;left:50%;color: #fff;width:120px;height:40px;line-height:40px;background:rgba(0,0,0,.8);border-radius:4px;font-size: 14px;margin: -20px 0 0 -60px;text-align:center;z-index: 1000;display: none;}
/*没有数据*/
.nodata_show{display:none;padding-top:235px;padding-bottom:60px;width:100%;height:40px;background:#fff url(../img/no_data.png) no-repeat center 100px/68px auto;text-align:center;font-size:14px;color:#666;}
/*注销账户*/
.trends_zx{height: calc(100vh - 44px);background: #fff;}
.trends_zx .avatar_name{padding-top: 10px!important;}
.trends_zx .avatar_name p{margin-bottom: 0!important;}
.trends_zx .nodata_show{display:block;font-size: 12px;}
/*滑动验证*/
.nc-container{background-color: rgba(0,0,0,.7);position: fixed;left: auto;top: 0;width: 100%;height: 100%;max-width: 720px;z-index: 9999;}
.nc-container ._nc{position: relative;}
.nc-container ._nc .stage{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
/*卡包超级会员*/
.page-coupon .thumb-intro{min-height:64px}
/*标识*/
.common-tag-box{position: absolute;top:0;left:4px;padding-top: 4px;z-index: 99;}
.common-tag{display: inline-block;vertical-align: top;width:32px!important;height: 20px!important;line-height: 20px;border-radius:2px;margin-right: 4px;}
.common-tag.free{background:#32B16C url("../img/tag/mf.png") no-repeat center center/22px 12px;}
.common-tag.default{width:auto!important;text-align: center;color: #fff;font-size: 12px;background:rgba(0,0,0,.4);padding:0 4px;}
.common-tag.experience{background:#00B7EE url("../img/tag/ty.png") no-repeat center center/22px 12px;}
.common-tag.pay{background:#FF6702 url("../img/tag/ff.png") no-repeat center center/22px 12px;}
.common-tag.paied{background:rgba(0,0,0,.4) url("../img/tag/yg.png") no-repeat center center/22px 12px;}
.common-tag.vip{background:#DFBB57 url("../img/tag/vip.png") no-repeat center center/32px 20px;}

/***直播列表优化***/
.mt5{margin-top: 5px;}
.live-box>li{border-bottom:1px solid #eee;padding-top:14px;margin: 0;border-right: 0;}
.live-box>li>a{display:block;width:100%;font-weight: normal;}
.live-box-hd{line-height:46px;}
.live-box-hd .l{font-size:12px;color:#666;}
.live-box-hd .r{font-size:12px;color:#999;}
.live-box .intro-hd{margin-bottom: 5px;}
.live-box .intro-hd .l{font-size:12px;color:#666;padding: 0 5px 0 0;}
.live-box .intro-hd .l img{margin-right: 5px;}
.live-box .intro-hd .r{font-size:12px;color:#999;text-align: right;}
.live-box .thumb-txt .thumb{margin-bottom: 14px;width:100px;height:64px;position:relative}
.live-box .thumb-txt .thumb .common-tag-box{left:6px;padding-top:6px;}
.live-box .thumb-intro{padding:0 0 10px 12px;}
.live-box .thumb-intro .title{font-size:.14rem;color: #333;height:auto!important;border-top:0;padding-left: 0;}
.live-box .info-ls .zbtx{width:18px;height:18px;margin:0 4px 0 0}
.live-box .info-ls .ui-avatar>span{background-image: url(../img/avatar_small.jpg);background-position:center;}
.live-box .info-ls,.live-box .info-ls .zbtx,.live-box .info-ls .zbnc{float:left;}
.live-box .info-ls .zbnc{font-size:12px;color:#666;line-height:18px;max-width: calc( 100vw - 198px);overflow: hidden;white-space: nowrap;}@media (max-width: 320px){.live-box .info-ls .zbnc{max-width: calc( 100vw - 188px)}}
.live-box .info-ls .icon-huiyuan+.zbnc{max-width: calc( 100vw - 214px)}@media (max-width: 320px){.live-box .info-ls .icon-huiyuan+.zbnc{max-width: calc( 100vw - 204px)}}
.live-box .info-ls .icon-huiyuan{float:right;vertical-align:top;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);transform:translateY(3px);padding-left:4px;}
.live-box .info-ff .l{-webkit-box-flex: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-pack: center;}
.live-box .info-ff .quan{display:inline-block;margin-left: 10px;width: 28px;height: 16px;line-height:14px;text-align:center;border: 1px solid #FF6702;border-radius:2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;color: #FF6602}
.live-box .buy-button{display: inline-block;margin-left: 10px;font-size:12px;font-weight:bold;color:#666;line-height:20px;}
.live-box .buy-intro .old-price{color:#999;text-decoration: line-through;}
.color-f6{color: #FF6602!important;}
.color-3{color: #333!important;}
.videolist.tuwenlist .common-tag-box{height:20px!important;margin: 10px 0 0!important;}