.dance-list{margin-top: 15px;}
.dance-list .page{text-align: center;margin-top: 15px;}
.dance-list .page a{color: #666;text-decoration:none;font-size: 16px;}
.dance-list .head{display: block;color: #24bc6f;clear: both;padding-left: 5px;}
.dance-list .head strong{border-left: 2px solid #24bc6f;display: inline-block;padding: 0px 10px;font-size: 16px;font-weight: normal;}
.dance-list li .play {line-height: 16px;height: 20px;width: 20px;margin-top: 7px;position: absolute;right: 8px;}
.dance-list li .play{background-image: url(../images/index_nav_icon_new.png);background-position: -84px -36px;}
.dance-list li{border-bottom: 1px solid #f2f2f2;font-size: 16px;height: 36px;line-height: 36px;overflow: hidden;}
.dance-list li a{color: #666;padding: 0 10px;}
.dance-list li i.dotted{width: 8px;display: inline-block;}
.dance-list li span.songname{overflow: hidden;white-space: nowrap;width: 80%;display: inline-block;height: 36px;line-height: 36px;text-overflow: ellipsis;}

.video-list{margin-top: 15px;}
.video-list .page{text-align: center;margin-top: 15px;}
.video-list .page a{color: #666;text-decoration:none;font-size: 16px;}
.video-list .head{display: block;color: #24bc6f;clear: both;padding-left: 5px;}
.video-list .head strong{border-left: 2px solid #24bc6f;display: inline-block;padding: 0px 10px;font-size: 16px;font-weight: normal;}
.video-list .videoMv{height:100px;overflow:hidden;border-bottom:1px solid #f2f2f2;padding:0 5px}
.video-list .videoMvImg{width:135px;height:75px;float:left;overflow:hidden;border:1px solid #87818a;margin:12px 10px 0 0}
.video-list .videoRiTex{height:75px;overflow:hidden;margin-top:10px;text-align: left;}
.video-list .videoRiName{max-height:35px;font:12px/20px "微软雅黑";overflow:hidden;display:block}
.video-list .videoRiHits{height:18px;font:12px/20px "微软雅黑";overflow:hidden;margin-top:3px;display:block;color:#6c6c6c}

.friend{padding:10px 0px 0px;margin:0 auto;overflow:hidden;}
.friend .page{text-align: center;margin-top: 15px;}
.friend .page a{color: #666;text-decoration:none;font-size: 16px;}
.friend .head{display: block;color: #24bc6f;clear: both;padding-left: 5px;padding-bottom: 20px;}
.friend .head span{float: right;margin-top: 5px;}
.friend .head span a{text-decoration:none;background: rgba(46,43,56,.6);padding: 5px 10px 5px 10px;margin-right: 10px;color: #fff;}
.friend .head strong{border-left: 2px solid #24bc6f;display: inline-block;padding: 0px 10px;font-size: 16px;font-weight: normal;}
.friend ul{display:table;font-size:12px;display: flex;flex-wrap: wrap;}
.friend ul li{display:inline-block;float:none;display:flex;align-items:stretch;vertical-align:bottom;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;width:49.9%;overflow:hidden;text-align:center;margin-bottom:10px;padding:0 5px;padding-bottom:5px;}
.friend ul li img{width:100%;border-radius: 5px 5px 0px 0px;}
.friend ul li div.libox{align-items:stretch;background-color:#fff;border-radius: 5px;height:auto;width:100%;box-shadow: 0px 1px 3px rgba(0, 0, 0, .25);}
.friend ul li a{color: #666;text-decoration:none;}
.friend ul li a p{color:#333;height:30px;line-height:30px;text-align:left;overflow:hidden;padding-top:5px;padding-left:5px;}
.friend ul li div.info{height:20px;line-height:20px;padding:0 5px;color:#999;padding-bottom:10px;overflow:hidden;}
.friend ul li div.info span{float:left;margin-left:5px}
.friend ul li div.info i,.friend ul li div.info b{font-style:normal;float:right;color:#666;display:inline-block;height:16px;padding-left:20px;margin-left:3px;}

.wall{display: block;position: relative;}
.wall-column{display: block;position: relative;width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.article{display: block;margin: 0 0 8% 0;padding: 5%;background: white;border-radius: 3px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);transition: all 100;overflow: hidden;position: relative;}
.article:hover{transform: scale(1.01);}
.article img{display: block;width: 100%;margin: 0 0 5% 0;}
.article a{color: #666;}
.article p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-size: 1.2em;line-height: 1.5;}
.article small{font-size: 1em;color: #ff0000;line-height: 1.5;}
.wrapper{overflow: hidden;}
.wrapper a{text-decoration:none;}
.wrapper h3{text-align: center;margin:0 20%;white-space: nowrap;text-overflow: ellipsis;font-weight:normal;color: #333;overflow: hidden;font-size: 1.5em;padding: 0.7em 0;}
.wrapper h4{width: 90%;margin:0 5%;text-align: justify;font-weight:normal;color: #999;font-size: 1.2em;margin-bottom: 3%;line-height:1.5;}
.pic-page{text-align: center;margin-top: 25px;margin-bottom: 5px;}
.pic-page a{color: #666;text-decoration:none;font-size: 16px;}
.pic-up{margin-top: 20px;margin-bottom: 20px;}
.pic-up .head{display: block;color: #24bc6f;clear: both;padding-left: 5px;}
.pic-up .head strong{border-left: 2px solid #24bc6f;display: inline-block;padding: 0px 10px;font-size: 16px;font-weight: normal;}
.pic-up .page{text-align: center;margin-top: 15px;}
.pic-up .page a{color: #666;text-decoration:none;font-size: 16px;}
.pic-content{margin-top: 15px;padding: 5px;}
.pic-content a {text-decoration:none;}
.pic-content .pic img{width: 100%;}
button, .x5-btn{padding: 5px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;background-color: #ddd;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;border: 1px solid #ddd;border-radius: 4px;}
.x5-btn-warning{color: #fff;background-color: #f82;border: 1px solid #f82;}