@charset "UTF-8";
.test-vedio-title {
    background-image: url(../images/test-vedio-title.png);
}
.project-box {
    width: 100%;
}

.right{ float:right; }
.left{ float:left; }
.clear{ clear:both; }
.clearfix:after{ content:""; clear:both; display:table; visibility:hidden; overflow:hidden; }
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/* 列表 */
.list{ /*max-width:960px;*/ margin:10px auto; font-size:14px; line-height:20px; color:#999; }
.list_item{ width:30%; margin-bottom:3%; background-color:#fcfcfc; background-color:rgba(221, 221, 221, .1); -webkit-transition-duration:.25s; transition-duration:.25s; }
.list_item:hover{ box-shadow:0 5px 10px 1px #ddd; background-color:#f8f8f8; background-color:rgba(221, 221, 221, .2); -webkit-transition-duration:.25s; transition-duration:.25s; }
.list_item.ml_item { margin-left: 5%; }
/* 图片 */
.list_pic{ position:relative; overflow:hidden; width:100%; padding-bottom:62.5%; border-radius:5px 5px 0 0; background-color:#f8f8f8; background-color:rgba(221, 221, 221, .2); }
.list_pic>img{ position:absolute; width:100%; height:100%; }
/* 主体 */
.list_body{ width:100%; padding:5% 3%; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; }
.list_wrap{ margin-top:10px; }
.list_wrap:first-child{ margin-top:0; }
.list_wrap:after{ content:""; clear:both; display:table; visibility:hidden; overflow:hidden; }
/* 标题 */
.list_title{ max-width:100%; font-size:16px; color:#333; }
/* 摘要 */
.list_username{ padding-left:20px; background:url(../images/experimentalVideo/icon-username.png) no-repeat left center; }
.list_username>span{ color:#4378e2; }
.list_datetime{ padding-left:20px; background:url(../images/experimentalVideo/icon-upload.png) no-repeat left center; }
.list_view{ padding-left:20px; background:url(../images/experimentalVideo/icon-view.png) no-repeat left center; }
.list_view>span{ color:#ff6701; }
.list_like{ padding-left:20px; background:url(../images/experimentalVideo/icon-like.png) no-repeat left center; cursor:pointer; }
.list_like>span{ color:#ff6701; }
.list_choose{ margin-left:10px; }
.list_choose>span{ color:#ff6701; }
.list_score{  }
.list_score>span{ color:#ff6701; }

.link_ul:after{ clear:both; display:block; content:""; font-size:0px; height:0px; line-height:0px; }
.link_ul>li{ float:right; padding-right:10px; line-height:30px; font-size:12px; color:#333; }
.link_ul>li>a{ color:#333; }
.link_ul>li>a:hover{ color:#0086ca; }
.link_x{ padding:0 10px; color:#ccc; }
/* 友情链接下拉 */
.divselect{ position:relative; z-index:99; width:190px; background:#fff; }
.divselect .divselect_content{ float:left; padding:0 5px; width:160px; height:30px; line-height:28px; font-size:12px; color:#666; cursor:pointer; background:#fff; border:1px solid #ddd; border-right:0; }
.divselect .divselect_bg{ float:left; width:30px; height:30px; cursor:pointer; background:url(../images/experimentalVideo/divselect_bg.png) no-repeat; }
.divselect ul{ position:absolute; top:31px; z-index:999; display:none; width:190px; overflow:auto; border:1px solid #ddd; background:#fff; }
.divselect ul li{ height:24px; line-height:24px; }
.divselect ul li a{ display:block; padding:0 10px; /*width:168px;*/ height:24px; line-height:24px; font-size:12px; color:#666; }
.divselect ul li a:hover{ background:#ddd; }