@charset 'UTF-8';
/*
 * 2016-11-16  PC新首页开发需求（全国和城市公用一套模板、样式）
 *
 */
body{ font-family: 'Microsoft YaHei', 微软雅黑; }
.tao-teYao-icon{ position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; background: url('../bg/yuemei-home.png') no-repeat -107px -90px; }
/* 头部搜索列表 */
.search-list{ display: block; border: 1px solid #bebebe; }
.search-list li{ overflow: hidden; height: 28px; }
.search-list li a{ display: block; overflow: hidden; height: 28px; padding: 0 8px; font-size: 12px; line-height: 28px; color: #333; }
.search-list li a>.right{ color: #999; }
.search-list li a:hover{ background: #fff0f2; }
.search-list li i{ display: inline; padding: 0; color: #ff5370; }
.search-list li span{ display: inline; }
/* 首页 banner 切换 */
.banner-wrap{ position: relative; z-index: 0; margin: 0 auto; left: -10px; height: 405px; }
.banner-wrap{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-select: none; -o-user-select: none; }
.banner-wrap .banner-slide{ position: relative; z-index: 0; top: 0; overflow: hidden; width: 100%; height: 405px; }
.banner-slide li{ position: absolute; top: 0; left: 0; display: none; overflow: hidden; width: 100%; height: 405px; }
.banner-slide li a,.banner-slide li img{ display: block; }
/*.banner-slide li img{ position: absolute; top: 0; left: 50%; width: 750px; height: 405px; margin-left: -375px; -moz-user-select: none; transition: all 4s linear 0s; transform: scale(1.1); }*/
/*.banner-slide li img.now{ transform: scale(1.01); }*/
.banner-slide li.now{ display: block; }
.banner-wrap .slide-btn{ position: absolute; bottom: 20px; left: 50%; width: 750px; height: 10px; margin-left: -375px; font-size: 0; text-align: center; }
.slide-btn span{ display: inline-block; width: 10px; height: 10px; margin: 0 5px; cursor: pointer; transition: all .6s linear 0s; border-radius: 5px; background: #f3faff; }
.slide-btn .now{ width: 20px; background: #f38299; }
.banner-wrap .banner-btn{ position: absolute; top: 50%; width: 38px; height: 80px; margin-top: -40px; cursor: pointer; opacity: .6; background: url('../bg/yuemei-home.png') no-repeat; filter: Alpha(opacity=60); }
.banner-wrap .banner-prev{ left: 50%; margin-left: -375px; background-position: -155px 0; }
.banner-wrap .banner-next{ right: 50%; margin-right: -375px; background-position: -251px 0; }
.banner-wrap .banner-btn:hover{ opacity: 1; filter: Alpha(opacity=100); }
/* banner 右侧专题 */
.banner-hot-zt{ position: absolute; top: 0; left: 50%; width: 225px; margin-left: 385px; }
.banner-hot-zt a{ position: relative; left: 0; display: block; overflow: hidden; height: 135px; transition: all .2s linear 0s; background: #fff; }
.banner-hot-zt a:hover{ left: -5px; }
.banner-hot-zt img{ display: block; width: 100%; height: 135px; -moz-user-select: none; vertical-align: top; border: none; }
/* banner 下边广告位 */
.banner-gg{ overflow: hidden; text-align: center; }
.banner-gg a, .banner-gg img{ display: block; margin: 45px auto 0 auto; }
/* 楼层标题 */
.home-main{ width: 1200px; margin: 0 auto; }
.home-main .floor-tit{ height: 20px; margin: 36px 0 12px 0; font-size: 20px; line-height: 20px; color: #333; }
.floor-tit .tit-links{ font-size: 0; }
.floor-tit .tit-links a{ margin-left: 18px; font-size: 14px; color: #848484; }
.floor-tit .tit-links a:hover, .floor-tit .tit-links .now{ color: #333; }
.home-main .main-see-more{ display: block; height: 44px; margin-top: 15px; font-size: 14px; line-height: 44px; transition: all .2s linear 0s; text-align: center; color: #666; background: #f4f4f4; }
.home-main .main-see-more:hover{ background: #f8f8f8; }
/* 左侧电梯 */
.part-floor-tit .left{ position: relative; display: block; height: 20px; padding-left: 36px; }
.part-floor-tit .left i{ position: absolute; top: 50%; left: 0; display: block; width: 26px; height: 20px; margin-top: -9px; background: url('../bg/yuemei-home.png') no-repeat; }
.part-1f .left i{ background-position: -65px 1px; }
.part-2f .left i{ background-position: -65px -28px; }
.part-3f .left i{ background-position: -65px -57px; }
.part-4f .left i{ background-position: -65px -84px; }
.part-5f .left i{ background-position: -65px -112px; }
.part-6f .left i{ background-position: -65px -141px; }
.part-7f .left i{ background-position: -65px -168px; }
.part-8f .left i{ background-position: -65px -197px; }
/*大家都在买*/
.buy-floor-wrap{ position: relative;/* overflow: hidden*/ min-height: 43px;  /*height: 346px;*/ padding-top: 3px; padding-bottom: 28px; }
.buy-floor-wrap>.left{ overflow: hidden; width: 953px; ; }
.buy-floor-wrap>.right{ position: absolute; z-index: 3; top: 0; right: 0; width: 220px; ; }
.buy-floor-wrap .gg-link, .buy-floor-wrap .gg-link img{ margin: 0; }
.buy-floor-wrap .item img{ display: block; width: 300px; height: 159px; }
.buy-floor-wrap .item{ display: block; float: left; overflow: hidden; width: 953px; height: 159px; padding: 14px 0; }
.buy-floor-wrap .item>.right{ width: 623px; }
.buy-floor-wrap .item .item-tit{ overflow: hidden; height: 52px; padding-top: 4px; font-size: 18px; line-height: 26px; text-indent: -9px; }
.buy-floor-wrap .item:hover{ background: #fafafa; }
.buy-floor-wrap .item:hover .item-tit{ color: #ff5370; }
.buy-floor-wrap .item .item-info{ padding-top: 9px; font-size: 13px; color: #999; }
.buy-floor-wrap .item .item-order{ overflow: hidden; height: 24px; margin-top: 46px; }
.buy-floor-wrap .item .item-order p{ font-size: 13px; line-height: 24px; color: #999; }
.buy-floor-wrap .item .item-order .left i{ padding: 0 5px; vertical-align: bottom; color: #d1d1d1; ; }
.buy-floor-wrap .item .item-order .right{ width: 252px; }
.buy-floor-wrap .item .item-order .dollor{ position: relative; bottom: -2px; font-size: 16px; color: #ff5a5f; }
.buy-floor-wrap .item .item-order .price{ position: relative; bottom: 2px; font-size: 26px; font-weight: normal; vertical-align: top; color: #ff5a5f; ; }
.buy-floor-wrap .item .item-order del{ padding-left: 10px; }

.buy-floor-wrap .sale{ position: absolute; top: 0; left: 24px; display: block; width: 70px; height: 34px; font-size: 14px; line-height: 34px; text-align: center; color: #fff; background: url('../bg/yuemei-home.png') no-repeat -189px -112px; border-radius: 0 0 8px 8px; }
.buy-floor-wrap .sale b{ font-family: Verdana; font-weight: normal; }
.levbox{ position: relative; z-index: 0; top: 1px; left: 10px; display: inline-block; overflow: hidden; width: 81px; height: 15px; background: #d7d7d7; }
.levbox.danger{ width: 48px; }
.levbox i, .levbox b{ position: absolute; top: 0; left: 0; display: block; height: 15px; }
.levbox i{ position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 81px; height: 15px; background: url('../bg/yuemei-home.png') no-repeat -189px -90px; }
.buy-floor-wrap .item:hover .levbox i{ background-position: -189px -148px; }
.levbox.danger i{ width: 48px; }
.levbox b{ z-index: 1; background: #ffc000; }
.for-fix{ position: relative; clear: both; overflow: hidden; }
/*悬浮按钮*/
.float-nav-wrap{ position: relative; overflow: hidden; width: 953px; height: 80px; line-height: 80px; }
.float-nav-wrap>div{ position: relative; overflow-x: scroll; width: 953px; }
.float-nav-wrap div{ white-space: nowrap; }
.float-nav-wrap div a{ display: inline-block; padding-right: 20px; font-size: 20px; line-height: 28px; color: #333; }
.float-nav-wrap div a.now{ color: #ff5370;}
.float-nav-wrap div a.now1{ color: #ff5370; float: left}
.float-nav-wrap .prev, .float-nav-wrap .next{ position: absolute; top: 0; display: block; width: 28px; height: 28px; cursor: pointer; background: url('../bg/yuemei-home.png') no-repeat; }
.float-nav-wrap .prev{ left: 0; display: none; background-position: -108px -141px; ; }
.float-nav-wrap .prev:hover{ left: 0; background-position: -108px -187px; }
.float-nav-wrap .next{ right: 0; background-position: -143px -141px; }
.float-nav-wrap .next:hover{ right: 0; background-position: -143px -187px; }
.fixBox{ width: 100%; }
.fixBox.fixing{ left: 0; width: 100%; padding: 2px 0 26px; background: url('../bg/btn-back.png') repeat-x 0 0; }
.fixBox.fixing .float-nav-wrap{ position: relative; left: -122px;  margin: 0 auto 0; ; }
/* 精选日记列表 */
.diary-list-cont{ overflow: hidden; width: 1230px; }
.diary-list-cont .list-link{ position: relative; float: left; overflow: hidden; width: 378px; height: 267px; margin: 0 30px 28px 0; border: 1px solid #e8e8e8; box-shadow: 0 2px 1px 0 #e8e8e8; }
.diary-list-cont .list-link .img-top{ position: relative; overflow: hidden; height: 190px; }
.diary-list-cont .list-link .img-top img{ display: block; width: 100%; }
.diary-list-cont .list-link .img-top .left, .diary-list-cont .list-link .img-top .right{ position: absolute; top: 0; overflow: hidden; width: 50%; height: 100%; }
.diary-list-cont .list-link .img-top .left{ left: 0; }
.diary-list-cont .list-link .img-top .right{ right: 0; }
.diary-list-cont .list-link .img-top .icon{ position: absolute; z-index: 1; bottom: 8px; left: 0; width: 67px; height: 26px; background: url('../bg/diary-icon.png') no-repeat 0 0; }
.diary-list-cont .list-link .img-top .right .icon{ background-position: -77px 0; }
.diary-list-cont .list-link .img-bottom{ position: relative; z-index: 1; top: 0; height: 113px; padding: 15px; -webkit-transition: top .4s; -moz-transition: top .4s; -o-transition: top .4s; transition: top .4s; background: #fff; }
.diary-list-cont .list-link .img-text{ display: -webkit-box; overflow: hidden; height: 40px; font-size: 13px; line-height: 20px; text-overflow: ellipsis; color: #333; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.diary-list-cont .list-link .img-labs{ overflow: hidden; height: 20px; margin-top: 18px; font-size: 0; line-height: 20px; -webkit-transition: .8s; -moz-transition: .8s; -o-transition: .8s; transition: .8s; color: #999; }
.diary-list-cont .list-link .img-labs span{ padding-right: 10px; font-size: 13px; }
.diary-list-cont .list-link .data-box{ height: 32px; margin-top: 11px; line-height: 32px; }
.diary-list-cont .list-link .data-box .head-img{ overflow: hidden; width: 30px; height: 30px; margin-right: 6px; border: 1px solid #e8e8e8; border-radius: 50%; }
.diary-list-cont .list-link .data-box .head-img img{ display: block; width: 30px; height: 30px; }
.diary-list-cont .list-link .data-box .right{ margin-left: 16px; }
.diary-list-cont .list-link .data-box .right .c-999{ padding-left: 4px; }
.diary-list-cont .list-link:hover{ border-color: #ff6980; }
.diary-list-cont .list-link:hover .img-text{ color: #ff5370; }
.diary-list-cont .list-link:hover .img-bottom{ top: -66px; }
.diary-list-cont .list-link:hover .img-labs{ margin-top: 10px; }

/*按钮对应列表*/
.tab-cont-wrap{ display: none; overflow: hidden; width: 953px; padding-top: 26px; ; }
.tab-cont-wrap.now{ display: block; }
.tab-cont-wrap .cont-list{ min-height: 900px; }
.list-item{ position: relative; overflow: hidden; margin-bottom: 28px; }
.list-item:hover{ background: #fafafa; }
.list-item .img-top{ position: relative; overflow: hidden; width: 380px; height: 190px; border-radius: 4px; }
.list-item .img-top img{ display: block; width: 100%; }
.list-item .img-top .left, .list-item .img-top .right{ position: absolute; top: 0; overflow: hidden; width: 50%; height: 100%; }
.list-item .img-top .left{ left: 0; }
.list-item .img-top .right{ right: 0; }
.list-item .img-top .icon{ position: absolute; z-index: 1; bottom: 8px; left: 0; width: 67px; height: 26px; background: url('../bg/diary-icon.png') no-repeat 0 0; }
.list-item .img-top .right .icon{ background-position: -77px 0; }
.list-item .img-bottom{ width: 543px; padding-left: 30px; }
.list-item .head-img{ overflow: hidden; width: 30px; height: 30px; border-radius: 50%; }
.list-item .head-img img{ display: block; width: 100%; }
.list-item .user-name{ padding-left: 6px; line-height: 30px; vertical-align: middle; }
.list-item .darenIcon{ vertical-align: middle; }
.list-item .img-text{ overflow: hidden; height: 40px; padding-top: 10px; font-size: 15px; line-height: 20px; ; }
.list-item .tip{ padding: 12px 0 12px; font-size: 13px; color: #999; }
.list-item .img-text.one-line{ height: 18px; }
.list-item:hover .img-text{ color: #ff5370; }
.list-item .bought{ position: relative; z-index: 3; display: block; overflow: hidden; width: 543px; height: 74px; margin: 5px 0 16px; font-size: 13px; line-height: 38px; color: #666; border-radius: 2px; background: #f4f4f4; }
.list-item .bought .left i{ display: inline-block; height: 38px; margin-left: 10px; padding-left: 27px; vertical-align: middle; background: url('../bg/yuemei-home.png') no-repeat -189px -186px; ; }
.list-item .bought .right{ margin-right: 10px; }
.list-item .img-labs{ position: absolute; right: 0; bottom: 12px; width: 543px; font-size: 0; }
.list-item .img-labs .right{ font-size: 13px; }
.list-item .img-labs div{ padding-left: 15px; }
.list-item .img-labs i{ padding-left: 5px; }
.list-item .cover-link{ position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 1000%; height: 100%; opacity: 0; background: #fff; filter: alpha(opacity=0); }
.list-item .img-labs span i{ display: inline-block; padding-right: 8px; }
.list-item .img-labs span.c-999{ display: inline-block; overflow: hidden; width: 50%; height: 18px; font-size: 13px; white-space: normal; white-space: nowrap; text-overflow: ellipsis; }
.list-item .checkmore{ position: absolute; z-index: 5; right: 0; bottom: 72px; width: 105px; height: 34px; font-size: 15px; line-height: 34px; text-align: center; color: #ff5370; border: 1px solid #ff6980; border-radius: 19px; ; }
.list-item .checkmore:hover{ color: #fff; background: #ff6980; }
.fixBox, .new_down{ position: static; z-index: 10; ; }
.list-item.hos, .list-item.hos .img-top{ height: 206px; }
.fixBox.fixing{ position: fixed; top: 0px; left: 0; width: 100%; }
.buy-floor-wrap .gg-link{ margin-top: 20px; }
.buy-floor-wrap .gg-link.fixing{ position: fixed; top: 120px; margin-top: 0; }
.hosTao{ padding: 10px 0 5px; }
.hosTao .hosImg{ float: left; width: 49px; height: 49px; margin-right: 14px; border: 1px solid #e8e8e8; border-radius: 50%; }
.hosTao .hosName{ display: block; margin-bottom: 4px; padding-top: 5px; font-size: 15px; color: #333; }
.hosTao .hos-about i{ padding-right: 5px; font-size: 13px; color: #999; }
.hosTao .checkHos{ float: right; width: 105px; margin-top: 2px; font-size: 15px; line-height: 34px; text-align: center; color: #ff5370; border: 1px solid #ff6980; border-radius: 30px; }
.hosTao .checkHos:hover{ color: #fff; border-color: #ff6a80; background: #ff6a80; }
.hosTao .tao-wrap{ width: 980px; padding-top: 20px; }
.hosTao .tao-wrap a{ float: left; width: 138px; margin-right: 25px; }
.hosTao .tao-wrap img{ display: block; width: 138px; height: 138px; border-radius: 4px; ; }
.hosTao .tao-wrap .tao-name{ display: block; overflow: hidden; width: 100%; height: 20px; padding-top: 10px; padding-bottom: 2px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; color: #333; ; }
.hosTao .tao-wrap .price i{ font-size: 16px; }
.hosTao .tao-wrap .price{ font-size: 26px; color: #ff5a5f; display: inline-block; text-indent: -3px; }
.hosTao .darenIcon{ margin-left: 10px;}