/*我的瑞能量*/
.integral-data-balance{background-color: #3d99ff;color: #fff;font-size: 12px;text-align: center;padding: 30px 0 60px;position: relative;}
.integral-data-balance h2{font-size: 38px;line-height: 50px;}
.integral-data-balance a{color: #f0ff00;text-decoration: underline;}
.integral-data-balance i.fa-question-circle{position: absolute;top: 10px;right: 10px;font-size: 21px;}
.integral-data-calculate{position: relative;font-size: 12px;background-color: #fff;border-radius: 5px;margin: -40px 10px 0;text-align: center;overflow: hidden;box-shadow: 0 0 8px rgba(0,0,0,0.15);padding: 15px 0;}
.integral-data-calculate li{float: left;width: 50%;}
.integral-data-calculate li+li{border-left: 1px solid #e6e6e6;}
.integral-data-calculate h3{font-size: 21px;color: #000;line-height: 30px;}
.integral-data-calculate p{color: #aaa;}

/*我的瑞能量-tabs切换*/
.integral-data-detail{margin-top: 10px;background-color: #fff;border-top: 1px solid #e6e6e6;}
.integral-data-detail .nav{padding: 0 10px;}
.integral-data-detail .nav li{width: 50%;text-align: center;line-height: 40px;float: left}
.integral-data-detail .nav li a{padding: 0;display: inline-block;color: #000;width: 100px;}
.integral-data-detail .nav li a:hover,
.integral-data-detail .nav li a:focus{background-color: #fff;color: #000;}
.integral-data-detail .nav li.active a{border-bottom: 3px solid #3d99ff;margin-bottom: -1px;z-index: 999;color: #3d99ff;}
.integral-data-detail .tab-content{border-top: 1px solid #e6e6e6;}

/* 获取瑞能量规则样式 */
.rules-introduced{background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;display: none;}
.rules-introduced .bg{background-color: #fff;margin: 80px 15px 0;border-radius: 5px;padding: 10px;position: relative;}
.rules-introduced h3{line-height: 45px;border-bottom: 1px #ccc dotted;text-align: center;font-size: 18px;color: #000;}
.rules-introduced .content{padding-top: 10px;line-height: 24px;max-height: 400px;overflow: auto;}
.rules-introduced button.close{position: absolute;top: -13px;right: -13px;background-color: #fff;border: 1px solid rgba(0,0,0,0.2);width: 36px;height: 36px;border-radius: 30px;opacity: 1;color: #ccc;}

/*个人视频中心*/
.video-center-header{background-color: #ee5a2f;color: #fff;padding: 15px 10px 0;font-size: 12px;min-height: 130px;}
.video-center-header .left{float: left;width: 100px;height: 100px;border-radius: 100px;overflow: hidden;border: 1px solid #fff;}
.video-center-header .left img{width: 100%;}
.video-center-header .right{overflow: hidden;padding-left: 10px;}
.video-center-header .right h4{font-size: 20px;margin-top: 18px;line-height: 60px;}
.video-center-header .right p{line-height: 20px;max-height: 40px;overflow: hidden;}
.video-center-header .more{position: absolute;top: 10px;right: 10px;}
.video-center-header .more span{font-weight: bold;}
.video-center-header .more button{color: #fff;border: none;background-color: rgba(255,255,255,0.2);width: auto;height: 27px;font-size: 12px;border-radius: 3px;padding: 0 10px;}
.video-center-header .more a{color: #fff;background-color: rgba(255,255,255,0.2);width: 27px;height: 27px;line-height: 27px;font-size: 16px;border-radius: 3px;display: inline-block;text-align: center;}

/*个人视频中心-tabs切换*/
.video-center-content .nav{background-color: #ee5a2f;border-top: 1px solid rgba(255,255,255,0.2);padding: 0;}
.video-center-content .nav li{width: 33.33333%;text-align: center;position: relative;float: left;}
.video-center-content .nav li a{color: #fff;padding: 0;line-height: 45px;}
.video-center-content .nav li i.fa{position: absolute;left: 50%;bottom: -8px;color: #fff;font-size: 24px;margin-left: -7px;display: none;}
.video-center-content .nav li.active i.fa{display: block;}
.video-center-content .nav li a:hover,
.video-center-content .nav li a:focus{background-color: #ee5a2f;color: #fff;}
.video-center-content .tab-content{background-color: #fff;border-bottom: 1px solid #e6e6e6;}

/*关注、粉丝-列表*/
.personal-friend-list{padding: 0 10px;}
.personal-friend-list li{overflow: hidden;padding: 10px 0;position: relative;}
.personal-friend-list li+li{border-top: 1px dotted #ddd;}
.personal-friend-list li a{display: block;overflow: hidden;}
.personal-friend-list li .left{width: 60px;height: 60px;float: left;border-radius: 100px;overflow: hidden;}
.personal-friend-list li .left img{width: 100%;}
.personal-friend-list li .right{overflow: hidden;padding-left: 10px;}
.personal-friend-list li .right h4{color: #000;font-size: 16px;line-height: 27px;margin-top: 8px;}
.personal-friend-list li .right p{color: #aaa;font-size: 12px;}
.personal-friend-list li .operate{position: absolute;top: 27px;right: 0;}
.personal-friend-list li .operate button{border: 1px solid #ddd;background-color: #fff;color: #aaa;width: 60px;font-size: 12px;height: 26px;border-radius: 3px;}
.personal-friend-list li .operate button.focus{color: #3d99ff;border: 1px solid #3d99ff;}
.personal-friend-list li .operate button.cancel{color: #ee5a2f;border: 1px solid #ee5a2f;}

/*微信号、个性签名-编辑*/
.personal-video-editor{background-color: #fff;border-bottom: 1px solid #e6e6e6;padding-bottom: 15px;}
.personal-video-editor li{padding: 0 10px;position: relative;}
.personal-video-editor li h5{line-height: 34px;color: #000;}
.personal-video-editor li input{width: 100%;border: 1px solid #ddd;height: 36px;border-radius: 3px;padding: 0 5px;}
.personal-video-editor li input::placeholder{color: #ccc;}
.personal-video-editor li textarea{width: 100%;border: 1px solid #ddd;border-radius: 3px;resize: none;padding: 5px;}
.personal-video-editor li textarea::placeholder{color: #ccc;}
.personal-video-editor li .operate{position: absolute;top: 0;right: 10px;}
.personal-video-editor li .operate button{border: none;background-color: #fff;height: 34px;}
.personal-video-editor li .operate button i.fa{font-size: 21px;display: block;float: left;color: #aaa;}
.personal-video-editor li .operate button i.fa-toggle-on{color: #3d99ff;}
.personal-video-editor li .operate button span{font-size: 12px;display: block;float: left;line-height: 22px;padding-left: 3px;}

/*视频榜单*/
.video-ranking{position: relative;overflow: hidden;height: auto;}
.video-ranking .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.video-ranking .bg img{width: 100%;height: 480px;}
.video-ranking h3{color: #fff;overflow: hidden;line-height: 36px;padding: 20px 10px;}
.video-ranking h3 strong{font-size: 27px;float: left;}
.video-ranking h3 span{float: right;}

/*视频榜单-列表*/
.video-ranking ul{background-color: rgba(255,255,255,0.15);color: #fff;padding: 0 10px;display: none;}
.video-ranking.active ul{display: block;}
.video-ranking ul li{position: relative;overflow: hidden;padding: 10px;}
.video-ranking ul li+li{border-top: 1px dotted rgba(255,255,255,0.4);}
.video-ranking ul li .left{float: left;}
.video-ranking ul li .left span{display: block;float: left;line-height: 60px;width: 30px;text-align: center;padding-right: 12px;}
.video-ranking ul li:nth-child(1) .left span{font-size: 27px;}
.video-ranking ul li:nth-child(2) .left span{font-size: 24px;}
.video-ranking ul li:nth-child(3) .left span{font-size: 21px;}
.video-ranking ul li:nth-child(4) .left span{font-size: 18px;}
.video-ranking ul li:nth-child(5) .left span{font-size: 14px;}
.video-ranking ul li .left img{width: 60px;height: 60px;border-radius: 60px;border: 1px solid #fff;}
.video-ranking ul li .right{float: left;font-size: 12px;padding-left: 10px;}
.video-ranking ul li .right h4{font-size: 16px;line-height: 27px;margin-top: 7px;}
.video-ranking ul li .score{position: absolute;top: 24px;right: 10px;font-size: 18px;background: url("/static/images/rh/flame.png") no-repeat;background-size: 20px;padding: 5px 0 0 24px;}

.video-content-list{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background-color: #fff;}
.video-content-list ul{overflow: hidden;}
.video-content-list ul li{width: 33.3333%;float: left;height: 48px;overflow: hidden;}
.video-content-list ul li a{display: block;text-align: center;line-height: 48px;}
.video-content-list ul li.active a{border-bottom: 2px solid #ee5a2f;height: 48px;}

/*水印*/
.page-watermark-mobile {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    opacity: 0.18;
}

.page-watermark-mobile span {
    display: block;
    float: left;
    font-size: 12px;
    color: rgb(150, 150, 150);
}

.page-watermark-mobile span em {
    font-style: normal;
    display: block;
    text-align: center;
    line-height: 15px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}