
/* * @description: 项目大全 * @author:yxx  (2016-10-11) * @update: yxx (2015-05-18)  
   * last time change 2017-12-28
   */
body{ font-family: 'Microsoft YaHei', '微软雅黑'; }
.clear{ clear: both; }
.fl-l{ float: left; }
.fl-r{ float: right; }
.text-hidden{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.channel_nav{ z-index: 4; }
.part-wrap{ width: 1200px; margin: 0 auto; padding: 45px 0 50px 0; }
/* 项目图标 */
.star-box .star-sj{ position: absolute; left: -9px; top: 14px; display: block; width: 9px; height: 16px; background: url(../image/project-icons.png) no-repeat -164px -134px; }
.star-box .star-list{ overflow: hidden; height: 14px; line-height: 14px; margin-bottom: 8px; font-size: 12px; color: #777; }
.star-box .star-list .fl-r{ position: relative; width: 70px; height: 14px; background: #e1e1e1; }
.star-box .star-list .fl-r .star-bj{ position: absolute; left: 0; top: 0; height: 100%; background: #ffb93f; }
.star-box .star-list .fl-r .star{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url(../image/project-icons.png) no-repeat -84px -134px; }
.lev2-lab > a:hover{ z-index: 9; }
.lev2-lab > a:hover .star-box{ display: block; }
/*右边部分*/
.part-wrap .part-right{ width: 220px; float: right; }
.part-wrap .part-right .hot-labs{ border: 1px solid #e8e8e8; padding: 14px 0 11px 0; }
/* 漂浮 */
/* 2016/4/5 项目大全优化 */
.part-tit{ font-size: 22px; line-height: 22px; color: #333; font-weight: bold; }
.part-item ul{ overflow: hidden; width: 1234px; }
.part-item > ul > li{ position: relative; width: 124px; height: 124px; float: left; margin: 40px 52px 0 0; cursor: pointer; }
.part-item > ul > li img{ display: block; position: absolute; bottom: 0; }
.part-item > ul > li .item-bj{ position: absolute; bottom: 0; left: 0; width: 124px; height: 60px; background: url("../image/project-icons.png") no-repeat -200px -188px; transition-duration: 0.3s; filter: Alpha(opacity=60); opacity: 0.6; }
.part-item > ul > li .item-text{ position: absolute; bottom: 0; width: 100%; font-size: 16px; height: 18px; line-height: 18px; padding-bottom: 13px; text-align: center; color: #fff; }
.part-item > ul > li:hover .item-bj{ filter: Alpha(opacity=100); opacity: 1; }
.part-item-cont{ margin-top: 64px; }
.part-table{ margin-top: 34px; }
.part-table .table-tit{ position: relative; height: 47px; line-height: 47px; border: 1px solid #e8e8e8; border-bottom-color: #ff6980; background: #ffe8ec; font-size: 16px; color: #ff6980; text-align: center; z-index: 1; }
.part-table .table-tit .part-name{ width: 179px; border-right: 1px solid #fedae0; }
.part-table .table-tit .lev2-name{ width: 1018px; }
.part-table .table-list{ padding-bottom: 20px; }
.table-list .li-table{ position: relative; min-height: 90px; padding-left: 179px; margin-bottom: 20px; border: 1px solid #e8e8e8; clear: both; }
.table-list .li-table:after{ content: ""; width: 100%; height: 0; clear: both; overflow: hidden; }
.table-list .li-table .part-link{ position: absolute; left: 0; top: 0; display: block; width: 179px; height: 100%; }
.table-list .li-table .part-link:hover{ background: #fff6f8; }
.table-list .li-table .init-box{ position: absolute; left: 0; top:36%; width: 179px; text-align: center; }
.table-list .li-table .init-box .part-icon{ display: block; margin: 0 auto; width: 76px; background: url("../image/parts-icon.png") no-repeat; }
.table-list .li-table .init-box .part-text{ margin-top: 4px; font-size: 14px; line-height: 4px; color: #333; }
.table-list .li-table .list-cont{ position: relative; border-left: 1px solid #e8e8e8; padding: 0 30px; font-size: 14px; overflow: hidden; }
.table-list .li-table .list-cont:after{ content: ""; width: 100%; height: 0; clear: both; overflow: hidden; } 
.table-list .li-table .list-cont .cont-tr{ line-height: 41px; border-top: 1px dashed #e8e8e8; clear: both; }
.table-list .li-table .list-cont .cont-tr:first-child{ border: none; }
.table-list .li-table .list-cont .cont-tr:after{ content: ""; width: 100%; height: 0; clear: both; overflow: hidden; }
.table-list .li-table .list-cont .cont-tr .tr-init{ width: 148px; padding: 0 20px 0 30px; }
.table-list .li-table .list-cont .cont-tr .tr-init > a{ display: block; color: #ff6980; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; }
.table-list .li-table .list-cont .cont-tr .tr-init > a:hover{ text-decoration: none; color: #ff5370; }
.table-list .li-table .list-cont .cont-tr .tr-text{ padding: 7px 0; width: 760px; }
.table-list .li-table .list-cont .cont-tr .tr-text > a{ position: relative; float: left; display: block; width: 155px; padding: 0 15px 0 20px; height: 26px; line-height: 26px; color: #555; font-size: 0; z-index: 0; }
.table-list .li-table .list-cont .cont-tr .tr-text > a > span{ position: relative; max-width: 100%; height: 26px; line-height: 26px; display: inline-block; vertical-align: top; }
.table-list .li-table .list-cont .cont-tr .tr-text > a > span > i{ display: block; height: 26px; line-height: 26px; font-size: 14px; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table-list .li-table .list-cont .cont-tr .tr-text > a:hover{ text-decoration: none; color: #ff6980; z-index: 1; }
.table-list .li-table .eye{ margin-top: -27px; }
.table-list .li-table .eye .part-icon{ height: 26px; background-position: 0 -9px; }
.table-list .li-table .nose{ margin-top: -32px; }
.table-list .li-table .nose .part-icon{ height: 36px; background-position: -172px -110px; }
.table-list .li-table .face{ margin-top: -32px; }
.table-list .li-table .face .part-icon{ height: 36px; background-position: -172px -9px; }
.table-list .li-table .chest{ margin-top: -32px; }
.table-list .li-table .chest .part-icon{ height: 36px; background-position: -86px -214px; }
.table-list .li-table .fnbeauty{ margin-top: -30px; }
.table-list .li-table .fnbeauty .part-icon{ height: 32px; background-position: -86px -317px; }
.table-list .li-table .body{ margin-top: -30px; }
.table-list .li-table .body .part-icon{ height: 33px; background-position: 0 -317px; }
.table-list .li-table .facialwrinkles{ margin-top: -30px; }
.table-list .li-table .facialwrinkles .part-icon{ height: 31px; background-position: -172px -214px; }
.table-list .li-table .women{ margin-top: -29px; }
.table-list .li-table .women .part-icon{ height: 30px; background-position: -86px -9px; }
.table-list .li-table .man{ margin-top: -32px; }
.table-list .li-table .man .part-icon{ height: 36px; background-position: -86px -110px; }
.table-list .li-table .hair{ margin-top: -30px; }
.table-list .li-table .hair .part-icon{ height: 31px; background-position: 0 -110px; }
.table-list .li-table .tooth{ margin-top: -30px; }
.table-list .li-table .tooth .part-icon{ height: 32px; background-position: 0 -214px; }
.table-list .li-table .zitizhifang {  margin-top: -32px; }
.table-list .li-table .zitizhifang .part-icon{ height: 36px; background-position: -86px -398px; }
.table-list .li-table .xizhi{  margin-top: -31px; }
.table-list .li-table .xizhi .part-icon{ height: 34px; background-position: 0 -399px; }
.table-list .li-table .boniaosuan{  margin-top: -32px; }
.table-list .li-table .boniaosuan .part-icon{ height: 36px; background-position: -172px -317px; }
.table-list .li-table .check{  margin-top: -31px; }
.table-list .li-table .check .part-icon{ height: 36px; background-position: -166px -396px; }
.table-list .li-table .list-cont .cont-tr .tr-text > a .star-box{ display: none; position: absolute; top: -11px; left: 100%; margin-left: 14px; width: 127px; height: 64px; padding: 13px 14px 5px 14px; border: 1px solid #e1e1e1; border-bottom: 2px solid #e1e1e1; border-radius: 4px; background: #fff; }
.table-list .li-table .list-cont .cont-tr .tr-text > a:hover .star-box{ display: block; }