@charset "utf-8";
body{background: #f8f8f8;color: #666;}
.center_body{margin-top:10px;}
body.user_body{background: url(../images/user_login-background.jpg) no-repeat center fixed;background-size: auto;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding-top:0px;}
.user-box,.user-form{background-color:#fff;box-shadow: 0 1px 4px rgba(0,0,0,.07);padding:15px}
.user_body .user-box {display: block;background: rgba(255,255,255, .9);
    border: 1px solid rgba(255, 255, 255, .3);
	-webkit-box-shadow: 0 3px 15px rgba(12,12,12,.3);
     box-shadow: 0 3px 15px rgba(12,12,12,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
	margin: 8% auto 0;
}
.user_body .user-box .user_title {
    border-bottom: solid 1px rgba(233,228,217, .5);
}
a,h1,h2,h3,h4,h5,h6 {color:#333;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;}
a:hover,a:focus{color:#f90;}
:link,:visited,a:link,a:visited ins,a:visited,a:hover,a:active{text-decoration:none;}
.p-0{padding:0!important}
.user_body .user-box .login-ico a:hover{background-color:#E6ECD7;border-radius: 5px;}
@media only screen {
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.user-center-vodlist .loading,.comment-focus .loading,.user-home .loading,.user-box .loading{width:100%;text-align:center;height:40px;margin-top:20px;margin-bottom:20px;line-height:40px;background:url(../images/loading.gif) center no-repeat;text-indent:15%;}
.user-box .kong{width:100%;text-align:center;height:40px;margin-top:20px;margin-bottom:20px;line-height:40px;}
.text-color,.mymsg-list-cnt strong,.user-txt-list-cnt .name a,.user-txt-list-cnt .user a,.news-cnt .name a,.comment-post-self .comment-top a,.comment-assist a:hover,.zanpian-modal-tabs li:hover a,.zanpian-modal-tabs li.active a,.user-home-nav ul li.active a,.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color:#f90;}
.user-nav .navbar-nav li a{ color:#333}
.zanpian-modal-tabs li:hover,.zanpian-modal-tabs li.active{border-bottom:2px solid #f90;color:#f90;}
.text-color:hover,.user-txt-list-cnt .name a:hover,.user-txt-list-cnt .user a:hover,.news-cnt .name a:hover,.comment-post-self .comment-top a:hover{color:#666;}
.text-muted{ color:#999;}
.user-form h5 a,.user-box h5 a{ margin-right:10px;}
.user_title{border-bottom:solid 1px rgba(255, 255, 255, .3);padding:15px 0px;overflow:hidden}
.user_title h2,.user-center-title h2{float:left;font-size:16px;margin:0px;}
.user-center-title ul{float:left; margin:0px;}
.user-center-title ul li {cursor:pointer;overflow: hidden;float:left;text-align: center;color: #333; padding:5px 0 5px 0px; margin-right:20px;font-size:16px;font-weight: 400;border-bottom: 2px solid #fff;}
.user-center-title ul li.active,.user-center-title ul li:hover{color:#f90;border-bottom: 2px solid #f90;}
.user-nav{background-color: #fff;box-shadow: 0 1px 4px rgba(0,0,0,.1);}
.user-nav .navbar-nav li a:hover{color:#555;background-color: #e7e7e7;}
.user-vip{position:absolute; top:-20px;left:40%;}
.user-vip .iconfont{ font-size:40px;}
.user-center-avatar img{border-radius:100%;width:100%;height:100%;max-width:150px;max-height:150px; margin-top:5%; cursor: pointer; }
.user-center-avatars .avatar{height: 150px;width:150px;overflow: hidden;margin-left:auto; margin-right:auto;border-radius:100%; margin-bottom:20px;}
.user-center-info strong{ font-size:20px}
.user-center-title{padding:15px;overflow:hidden}
.user-info-left,.user-info-right{ min-height:230px;}
.user-info-right .btn,.user-info-left .btn{margin-top:-5px; margin-left:10px;}
/*猜你喜欢*/
.comment-focus .news-box,.comment-ul li,.order-list  li{background-color:#f8f8f8; position:relative;padding: 15px;}
.comment-post-self{background-color:#f8f8f8;}
.comment-post-arrow{border-right:12px solid #f8f8f8}
.comment-focus .news-box:hover,.comment-ul li:hover,.playlog-ul li:hover,.order-list  li:hover,.order-list  li.hover,.comment-post-self .comment-replay-cnt{background-color:#e7e7e7;}
.comment-post-self .comment-replay-arrow{border-bottom: 12px solid #e7e7e7;}
.comment-post-self .comment-sub{background-color:#fff;}
.comment-post-self .comment-sub{border-color:#e7e7e7}
.comment-focus .news-box:hover:after,.comment-focus .news-box:hover:before{border-right-color:#e7e7e7}
.comment-focus .news-box:after,.comment-focus .news-box:before{border:11px solid transparent;border-right:11px solid;width:0;height:0;position:absolute;left:-22px;top:11px;content:' ';visibility:visible;border-right-color:#f8f8f8}
/*选择框*/
.label-checkbox input{position:absolute;left: -9999px;}
.label-checkbox,.ui-radio { position:absolute;left:10px;margin-top:4px;cursor: pointer;height: 16px;line-height: 15px;padding-left: 20px;background: url(../images/checkbox.gif) 0 0 no-repeat;}
.label-checkbox-on, .ui-radio-on {background-position: 0 -34px;}
.user-infos .form-horizontal .label-checkbox,.ui-radio{margin-top:10px; position:static}
/*删除按钮*/
.ui-del,.mdel,#list .edit,#list .del{display: inline-block;margin-bottom:0;font-weight:400;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;-moz-user-select: none;background-image:none;border: 1px solid transparent;padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.ui-del:hover,.mdel:hover{color: #fff;background-color:#c9302c;border-color: #ac2925;}
#list .del{color: #fff;background-color:#c9302c;border-color: #ac2925;display:block}
#list .edit{color: #fff;background-color:#5cb85c;border-color:#48A448; display:block}
.ck-editor__editable { min-height: 200px; }
/*我的评论*/
.comment-ul li .user-txt-list-cnt{overflow:hidden;padding-left:5px; display:block; width:100%;padding-right:50px; padding-left:20px}
.comment-ul li .user-txt-list-cnt{ line-height:25px;}
.comment-ul li .user-txt-list-cnt em{ display:none}
.comment-ul li .user-txt-list-cnt .list-digg{ margin-right:10px;}
.comment-ul li .user-txt-list-cnt em,.news-cnt p.cmt em{font-style:normal}
.comment-ul li h5{margin-top:4px; overflow:hidden}
.comment-ul li .mdel{position:absolute; top:15px;right:15px;display:none}
#list .edit{position:absolute; top:15px;right:65px;}
#list .del{position:absolute; top:15px;right:15px;}
.comment-ul li .my-list-assit{ overflow:hidden; margin-right:-40px}
.comment-ul li .fn-left{float:left}
.comment-ul li .fn-right{float:right}
.comment-ul li .date-time,.playlog-ul li p.time{float:right;color: #999;}
.news-cnt span{ margin:0px 5px;}
.news-box p.cmt{ padding:10px;margin:0px}
.box-page ul li a,.box-page ul li span{background-color:#f8f8f8;border: 1px solid #f8f8f8;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 5px 15px;}
.box-page ul li.active span,.box-page ul li a:hover{background-color: #f90;color: #fff;border: 1px solid #f90;}
.check-del{ padding:0 10px;}
.check-del .label-checkbox{ position:static;margin-top:3px;font-weight:normal;}
.check-del .clearall{margin-left:10px;}
/*播放记录*/
.playlog-ul li .label-checkbox{margin-top:2px; float:left;margin-right:5px;}
.playlog-ul li{padding:10px 55px 10px 35px; margin-bottom:10px;border-bottom: 1px dotted #eee; overflow:hidden}
.playlog-ul li p{float:left; margin:0px;}
.playlog-ul li .title{width:50%}
.playlog-ul li .morelook{margin:0 15px}
.playlog-ul li .morelook a,.playlog-ul li .title a{ margin:0 10px;}
.playlog-ul li .ui-del{ position:absolute; right:10px; display:none}
.mymsg-list-cnt{ margin-top:20px;padding:10px; background:#FFF;position:relative;}
.mymsg-list-cnt:after,.mymsg-list-cnt:before{border:11px solid transparent;border-bottom:11px solid;width:0;height:0;position:absolute;top:-22px;left:0px;content:' ';visibility:visible;border-bottom-color:#fff}
/*留言*/
.user-gb-type{ margin:0 -10px;}
.user-gb-type li{float: left;width: 25%;padding: 0 10px 10px 10px;}
.user-gb-type li a{display: block;padding: 10px 10px;text-align:center;border-radius:4px;background-color: #f8f8f8;}
.user-gb-type li.active a{background-color:#f90; color:#FFF}
/*视频*/
.user-center-vodlist ul li,.user-home ul.img-list li{ width:20%; float:left; padding:10px; position:relative;}
.user-center-vodlist ul li .play-img,.user-home ul.img-list li .play-img{display:block;position:relative;background: url(../images/pic.png) no-repeat top center #f3f3f3;background-size:cover;padding-top:140%; overflow:hidden;}
.user-center-vodlist ul li .play-img label.mask,.user-home ul.img-list li .play-img label.mask{display:none}
.user-center-vodlist ul li .play-img label,.user-home ul.img-list li .play-img label{display:block;width: 100%;position: absolute;bottom: -5px;left: 0;padding: 5px 10px;background-repeat: no-repeat;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,.5));font-size: 12px;color: #fff; font-weight:normal}
.user-center-vodlist ul li .play-img label.txt,.user-home ul.img-list li .play-img label.txt{padding: 5px 10px;}
.user-center-vodlist ul li img,.user-home ul.img-list li img{ position:absolute; top:0px; width:100%;object-fit:cover; height:100%;border:1px solid #f8f8f8; padding:1px;}
.user-center-vodlist .label-checkbox{float:left; margin-top:4px; position:static}
.user-center-vodlist ul li .user-todo{ overflow:hidden; padding:3px 0px}
.user-center-vodlist ul li .user-todo .ui-del{float:right;display:none}
.user-center-vodlist ul li:hover .user-todo .ui-del{ display:block}
.user-center-vodlist ul li h5,.user-home ul.img-list li h3,.user-center-vodlist ul li p.time{white-space: nowrap;text-overflow: ellipsis; overflow:hidden;text-align:center}
.user-home ul.img-list li h3{ font-size:14px;font-weight: 400;}
.user-center-vodlist ul li p{ text-align:center}
.user-center-vodlist ul li p.time{ font-size:12px;}
.user-center-vodlist .check-del{ padding:0 10px;}
.user-center-vodlist .check-del .clearall{ margin-left:10px;}
.user-center-vodlist ul li .fav-add{display:block;padding: 3px 12px;margin-bottom: 0;font-size:14px;font-weight: 400;line-height: 1.42857143;text-align: center;
white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 4px;color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.i-rss-box{width:200%; padding-left:10px; padding-bottom:10px;position: absolute;z-index:9;text-align: left;right:-50%;border: 1px solid #ddd;background: #fff;box-shadow: 2px 2px 3px #eee; display:none}
.i-rss-box .play-list{overflow:hidden;font-size:12px;margin:0}
.i-rss-box .play-list a{width:30%;padding:5px 8px;margin-right:10px;margin-top:10px}
.i-rss-box .play-list a{overflow:hidden;text-align:center;color:#333;float:left;position:relative;border:1px solid #e0e0e0;background-color:#f5f5f5}
.i-rss-box .play-list a:hover{background-color:#f90;color:#FFF}
.i-rss-box .play-list img{border:none;position:static;top:auto;text-align:center;display:block;margin:0 auto;margin-top:0;margin-bottom:0;margin-top:20px;margin-bottom:20px;width:auto;height:auto}
.new-tip{ z-index:2}
.user-infos .tab-pane{ padding:30px 20px; overflow:hidden}
.user-infos .form-group label{font-weight: normal;}
.form-control {border-radius: 0;box-shadow: none;border-color: #d2d6de;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ccc;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.user-infos .tab-pane{display:none}
.user-infos .tab-pane.active{display:block}
.user-infos .form-horizontal span{font-size:12px;}
.remind-notice{ background-color:#f8f8f8; padding:20px; margin-bottom:20px; font-size:12px}
.user-infos .btn-block{margin-top:20px;}
.user-infos object{overflow:hidden}
.user-infos .login-ico a{width:100%;overflow:hidden;}
.sns-list{padding:40px 0; border-bottom: 1px dashed #E0E0E0; overflow:hidden}
.sns-list strong{width:100%; float:left}
.sns-list span{float:left}
.sns-list .btn{margin-top:6px;}
.order-list span{float:left;text-align:center;white-space:normal;word-break:break-all;word-wrap:break-word; }
.order-list span i{font-style:normal}
.order-list span.sign{width:25%; text-align:left}
.order-list span.info{width:20%;}
.order-list span.money{width:12%}
.order-list span.ispay{width:12%}
.order-list span.type{width:8%;}
.order-list span.time{width:20%;text-align:right}
.order-list span.score{width:25%;}
.user-home-nav { margin-bottom:30px;}
.user-home-nav ul li{float:left}
.user-home-nav ul li a{display:inline-block;overflow:hidden;padding:0 23px;height:20px;color:#666;font:16px "Microsoft yahei";cursor:pointer}
.user-home-nav ul li.active a{text-decoration:none;font:16px "Microsoft yahei";cursor:pointer}
#list li i {
    margin-right: 15px;
    color: #999;
    font-size: 14px;
    cursor: pointer;
}
}
@media (max-width:990px){
.user-center-vodlist ul li,.user-home ul.img-list li{ width:33.3%;padding:5px;}	
.box-main-side{padding:10px}
}
@media (max-width:767px){
.pt-0{ padding-top:10px!important;}	
.user-box{padding:5px}	
.user_body .user-box{ margin:10px;}
.box-main-side{padding:0px}
.xs-bt-20{ margin-top:20px;}	
.comment-focus .news-box:after,.comment-focus .news-box:before{border:none}
.user-nav .navbar-nav{ padding:0 0px;}
.user-nav .navbar-nav li{float:left; width:33.3%;padding: 0 10px 10px 10px;}
.user-nav .navbar-nav li a{text-align:center;border:1px solid #e7e7e7;border-radius: 3px;white-space: nowrap;text-overflow: ellipsis;}
.navbar-inverse .navbar-toggle {border-color: #f5f5f5; margin-right:5px; padding-right:5px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color:#fff}
.navbar-inverse .navbar-toggle {border: none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #e7e7e7;}
.user-nav .navbar-nav li a{ background-color:#f8f8f8;}
.box-page ul li span,.box-page ul li a{display:block;padding:5px 0;text-align:center}
.comment-ul li .mdel{ display:block;top:18px;}
.playlog-ul li .ui-del{ display:block;top:10px;}
.user-vip{position:absolute; top:-5px;left:40%;}
.user-center-vodlist ul li .user-todo .ui-del{display:block}
.user-txt-list-cnt h5,.news-top{white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.playlog-ul li .title{width:100%; margin-bottom:30px;}
.playlog-ul li{ padding-left:25px;padding-bottom:10px;}
.playlog-ul li .morelook{position:absolute;bottom:5px; left:15px;}
.playlog-ul li p.time{ bottom:5px; right:0px;position:absolute}
.user-center-title ul li{ width:33.3%; float:left; padding:0px; margin:0px; margin-bottom:10px;}
.user-center-title .btn-success{width:100%;margin:5px auto; float:left}
.mymsg-list-cnt{padding-left:20px; padding-right:10px;}
.mymsg-list-cnt:after,.mymsg-list-cnt:before{left:40px;}
.user-center-vodlist ul li,.user-home ul.img-list li{ width:33.3%;padding:5px;}
.user-center-vodlist .check-del{ padding:0 5px;}
.i-rss-box .play-list a{margin-right:5px;margin-top:5px}
.order-list span.type{ display:none}
.order-list span.sign{width:24%;}
.order-list span.info{width:29%; text-align:center}
.order-list span.money{width:11%}
.order-list span.ispay{width:9%}
.order-list span.time{width:23%;text-align:right}
.order-list li{ padding:5px;}
}