@charset 'utf-8';
/* * @description: 二四级项目页 * @author: LiJing （2014-10-08）* @update: */
a{ outline: none; }
.flleft{ float: left; }
.flright{ float: right; }
.ym-wrap a.chov{ color: #888; }
.c888{ color: #888; }
.c999{ color: #999; }
.c555{ color: #555; }
.ft14{ font-size: 14px; }
.ft16{ font-size: 16px; }
.ft18{ font-size: 18px; }
.ft20{ font-size: 20px; }
.ft22{ font-size: 22px; }
.delete{ text-decoration: line-through; }
.wrapper a{ text-decoration: none; color: #333; } 
.border-h:hover{ border-color: #ff5370; }
.pd60{ padding-bottom: 60px; }
.wrapper-box{ width: 100%; padding-top: 11px; }
.wrapper{ width: 1200px; margin: 0 auto; font-family: 'Microsoft Yahei'; }
.lev4-tit{ padding: 50px 0 38px; font-size: 16px; line-height: 100%; }
.lev4-tit .lev4-tit-l{ display: inline; padding-right: 18px; font-size: 36px; font-weight: normal; }
.lev4-tit .lev4-tit-r{ position: relative; bottom: -3px; padding-right: 27px; color: #ababab; }
.lev4-tit .lev4-tit-r b{ font-weight: normal; color: #888; }
/*导航*/
.items-tab{ position: relative; z-index: 2; width: 100%; height: 46px; margin-bottom: 29px; border-bottom: 1px solid #ebebeb; }
.items-tab li{ position: relative; z-index: 1; float: left; width: 20%; height: 17px; margin-top: -2px; font-size: 16px; line-height: 20px; text-align: center; }
.items-tab li i{ padding-left: 28px; font-size: 18px; background: url(../bg/nav-icon.png) no-repeat; }
.items-tab li:after{ position: absolute; top: 12px; right: 0; width: 1px; height: 18px; content: ''; background: #ebebeb; } 
.items-tab li.current > a, .items-tab li.current > span, .items-tab li a:hover{ color: #ff5370; }
.items-tab li a{ line-height: 39px; }
.items-tab li b{ font-weight: normal; color: #999; }
.items-tab li b:hover{ color: #ff5370; }
.items-tab .li_4{ width: 183px; height: 39px; }
.items-tab .li_4:after{ background: #fff; }
.items-tab .li_0{ width: 220px; }
.items-tab .li_1{ width: 274px; }
.items-tab .li_2{ width: 266px; }
.items-tab .li_3{ width: 216px; }
.items-tab .li_4{ width: 220px; }
.items-tab .li_0 i{ background-position: 0 2px; }
.items-tab .li_1 i{ background-position: 0 -27px; }
.items-tab .li_2 i{ background-position: 0 -54px; }
.items-tab .li_3 i{ background-position: 0 -84px; }
.items-tab .li_4 i{ background-position: 0 -117px; }
.items-tab .li_0:hover i, .items-tab .li_0.current i{ background-position: 0 -149px; }
.items-tab .li_1:hover i, .items-tab .li_1.current i{ background-position: 0 -187px; }
.items-tab .li_2:hover i, .items-tab .li_2.current i{ background-position: 0 -436px; }
.items-tab .li_3:hover i, .items-tab .li_3.current i{ background-position: 0 -466px; }
.items-tab .li_4:hover i, .items-tab .li_4.current i{ background-position: 0 -497px; }
.items-tab .li_1 i:hover b{ color: #ff5370; }
.hotIcon{ position: absolute; top: -6px; right: 18px; display: block; width: 37px; height: 20px; background: url('../bg/hoticon.png') no-repeat 0 0; }
.items-tab .li_4{ border: 1px solid #fff; border-bottom: 0; background: url(../bg/nav-icon.png) no-repeat right -385px; }
.items-tab .li_4 .more{ display: block; padding: 0 13px 0 53px; line-height: 39px; text-align: left; }
.items-tab .li_4 .more i{ position: relative; left: -17px; }
.items-tab .li_4:hover{ border-color: #f6f6f6; background: #fff; box-shadow: 1px 1px 1px 1px #f6f6f6; }
.items-tab .li_4:hover a{ border-color: #fff; }

.items-tab .li_4 div{ position: absolute; z-index: 1; top: 38px; right: -1px; display: none; width: 100%; padding-top: 6px; padding-bottom: 10px; border: 1px solid #f6f6f6; border-top: none; border-radius: 0 0 4px 4px; background: #fff; box-shadow: 1px 2px 1px 1px #f6f6f6; }
.items-tab .li_4:hover div{ display: block; }
.items-tab .li_4 div a{ display: block; padding: 0 0 0 37px; font-size: 16px; line-height: 35px; text-align: left; border: none; background: none; }
.items-tab .li_4 div a:before{ padding-right: 10px; font-size: 16px; font-weight: bold; content: '·'; color: #858585; }
.items-tab .li_4 div a:hover:before{ color: #ff5370; }
.items-tab .li_4 a:hover{ color: #fe546f; }
.pink-bd{ display: inline-block; width: 15px; height: 30px; margin-bottom: -3px; border-left: 7px solid #ff5370; }
/*二级首页*/
.methodList{ padding-bottom: 44px; }
.listItem{ position: relative; overflow: hidden; }
.listItem a{ display: block; overflow: hidden; cursor: pointer; }
.listItem a:hover{ background: #f8f8f8; }
.methodList .listItem a:hover .item1 i{ color: #333; }
.methodList .listTit{ padding-top: 35px; padding-bottom: 11px; font-size: 20px; }
.methodList .listTit i{ font-size: 20px; color: #999; }
.methodList .listItem{ font-size: 0; }
.methodList .listItem > span.methodList .listItem a{ display: block; }
.methodList .listItem .item{ display: inline-block; overflow: hidden; height: 34px; line-height: 34px; }
.methodList .listItem i.item{ font-size: 14px; color: #999; }
.methodList .listItem .item1{ width: 258px; font-size: 14px; color: #666; }
.methodList .listItem .item2{ width: 220px; padding-right: 72px; font-size: 14px; color: #666; }
.methodList .listItem .item3{ width: 131px; font-size: 14px; color: #666; }
.methodList .listItem .item4{ width: 141px; font-size: 14px; color: #ababab; }
.methodList .listItem .item5{ width: 141px; font-size: 14px; color: #ababab; }
.methodList .listItem .item6{ width: 141px; font-size: 14px; color: #ababab; }
.methodList .listItem .item7{ width: 96px; font-size: 14px; color: #666; *width: 89px; }
.methodList .listItem i.item7{ width: 80px; }
.methodList .listItem span.item1{ font-size: 14px; color: #ababab; }
.methodList .listItem span.item1 i{ padding-right: 5px; font-size: 16px; text-decoration: underline; color: #666; }
.methodList .listItem .item2 b{ display: inline-block; overflow: hidden; width: 220px; font-weight: normal; line-height: 32px; white-space: nowrap; text-overflow: ellipsis; }
.starItem i{ position: relative; top: 10px; display: block; overflow: hidden; width: 87px; height: 13px; background: #e1e1e1; *top: 17px; }
.starItem i em{ position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 13px; content: ''; background: url('../bg/star.png') no-repeat; }
.item4.starItem i em{ background-position: 0 0; }
.item5.starItem i em{ background-position: 0 -26px; }
.item6.starItem i em{ background-position: 0 -13px; }
a:hover .item4.starItem i em{ background-position: 0 -39px; }
a:hover .item5.starItem i em{ background-position: 0 -65px; }
a:hover .item6.starItem i em{ background-position: 0 -52px; }
.starItem b{ display: block; height: 13px; }
.item4.starItem b{ background: #ff9fb3; }
.item5.starItem b{ background: #7bddbe; }
.item6.starItem b{ background: #a2cfff; }
.showAll{ display: block; width: 186px; margin: 21px auto 0; font-size: 14px; line-height: 42px; cursor: pointer; text-align: center; color: #999; border: 1px solid #e8e8e8; border-radius: 21px; }
.showAll i{ padding-right: 24px; background: url('../bg/shushi.png') no-repeat right 8px; }
.showAll:hover{ border-color: #ff5370; }
.showAll:hover i{ color: #ff5370; background-position: right -81px; }
.showAll.open i{ background-position: right -31px; }
.showAll.open:hover i{ background-position: right -120px; }
/*整形日记*/
.pink{ color: #ff5370; }
/*.mergeBox{ margin-top: -20px; }*/
.mergeBox dl{ overflow: hidden; padding: 20px 0 25px 0; border-bottom: 1px dashed #d5d5d5; }
.mergeBox dl:last-child{ border-bottom: none; }
.part-more{ *margin-top: 20px; }
.mergeBox dt{ float: left; padding: 0 18px 0 0; }
.mergeBox dt .user-img{ position: relative; display: block; width: 52px; height: 52px; }
.imgCover{ position: absolute; top: 0; left: 0; display: block; }
.mergeBox .imgCover{ width: 52px; height: 52px; background: url('../bg/imgcover.png') no-repeat center center; }

.levbox{ position: relative; top: 1px; display: inline-block; overflow: hidden; width: 81px; height: 15px; background: #d7d7d7; }
.score .levbox{ top: 3px; margin-right: 15px; }
.levbox i{ background: url('../bg/tao_details.png') no-repeat; }
.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-position: 0 -1114px; }
.levbox.danger i{ width: 48px; }
.levbox b{ z-index: 1; background: #ffc000; }
.mergeBox dd{ float: left; width: 863px; padding-top: 5px; }
.mergeBox .username{ position: relative; color: #999; }
.mergeBox .username .time{ position: absolute; top: 0; right: 0; color: #bbb; }
.mergeBox .score{ padding-top: 6px; }
.mergeBox .score-txt{ padding-right: 25px; color: #666; }
.mergeBox .merge-tit{ padding: 10px 0 1px; font-size: 14px; }
.mergeBox .merge-tit .pink{ display: inline-block; margin-left: -6px; }
.mergeBox .brief{ overflow: hidden; height: 18px; margin-bottom: 3px; font-size: 14px; }
.mergeBox .brief a{ color: #333; }
.mergeBox .brief a:hover{ text-decoration: none; color: #ff5370; }
.mergeBox .photos{ overflow: hidden; height: 80px; padding-top: 17px; }
.mergeBox .photos a, .mergeBox .photos span, .mergeBox .photos img{ display: block; overflow: hidden; width: 80px; height: 80px; }
.mergeBox .photos a, .mergeBox .photos span{ position: relative; float: left; margin-right: 8px; }
.mergeBox .photos a i, .mergeBox .photos span i{ position: absolute; right: 0; bottom: 0; display: block; height: 15px; padding: 0 3px; line-height: 15px; color: #fff; background: url('../bg/shushi.png') repeat-x 0 -285px; }
.mergeBox .marks{ height: 16px; margin-top: 12px; padding-left: 20px; color: #999; background: url('../bg/boxitem1.png') no-repeat 0 0; }
.mergeBox .marks.orderMarkes{ background-position: 0 -35px; }
.mergeBox .marks a{ padding-right: 17px; color: #999; }
.mergeBox .marks a:hover{ text-decoration: none; color: #ff5370; }
.mergeBox .find-more{ display: block; width: 69px; padding-top: 9px; font-size: 14px; color: #333; }
.mergeBox .find-more i{ position: relative; top: 0; left: 3px; font-family: verdana; }
.mergeBox .find-more:hover{ text-decoration: none; color: #ff5370; }
.mergeBox .cut-tit{ padding-left: 30px; line-height: 30px; color: #b88c2d; background: #feffd9; }
.mergeBox dd{ width: 774px; }
.mergeBox .brief{ height: auto; max-height: 37px; }
/*整形日记*/
.w660{ width: 844px; padding-bottom: 100px; }
.media-tit{ overflow: hidden; height: 20px; margin: 44px 0 22px 0; }
.media-tit a.left, .media-tit span.left{ font-size: 20px; line-height: 20px; }
.media-tit a.right{ padding-left: 26px; font-size: 14px; line-height: 20px; color: #ff758d; background: url('../bg/index.png') no-repeat 0 -236px; }
.chover.pink{ color: #ff758d; }
.media-tit a.right:hover{ background-position: 0 -798px; }
/*修改淘图后的爆款*/
.baokuan-item em, .baokuan-item i{ font-style: normal; }
.baokuan-item a:hover{ text-decoration: none; }
.baokuan-item:hover .item1{ color: #ff5370; }
.baokuan-item{ height: 80px; margin-bottom: 26px; }
.baokuan-item dt{ position: relative; z-index: 2; float: left; overflow: hidden; width: 80px; height: 80px; margin-right: 10px; }
.baokuan-item dt i{ position: absolute; bottom: 3px; left: 0; height: 16px; padding: 0 2px; font-size: 11px; color: #fff; background: url('../bg/index.png') no-repeat 0 -1021px; }
.baokuan-item dt i.teyao{ background-position: 0 -998px; }
.baokuan-item dd{ position: relative; z-index: 2; float: left; width: 210px; }
.baokuan-item p{ overflow: hidden; }
.baokuan-item .item1{ max-height: 38px; margin-top: -4px; font-size: 14px; }
.baokuan-item .item2{ height: 18px; margin: 2px 0; white-space: nowrap; text-overflow: ellipsis; color: #999; }
.baokuan-item .item2 a{ color: #999; }
.baokuan-item .item1 a:hover, .baokuan-item .item2 a:hover{ color: #ff5370; }
.baokuan-item .item3{ height: 17px; color: #999; }
.baokuan-item .item4{ position: relative; height: 24px; line-height: 24px; }
.baokuan-item .item4 i{ font-size: 16px; font-style: normal; color: #ff5370; vertical-align: bottom; }
.baokuan-item .item4 em{ padding-right: 5px; font-size: 22px; color: #ff5370; vertical-align: bottom; }
.baokuan-item .item4 del{ color: #999; vertical-align: bottom; }
.baokuan-item .item4 b{ position: absolute; right: 0; bottom: 4px; font-weight: normal; color: #999; vertical-align: bottom; }
.baokuan-item .item4 span.fs-12{ vertical-align: bottom; position: relative; top: 1px; }
.baokuan-item{ position: relative; margin-bottom: 13px; padding-top: 13px; }
.baokuan-item:hover:before{ position: absolute; z-index: 1; top: 0; left: -6px; width: 306px; height: 106px; content: ''; border-radius: 3px; box-shadow: 0 0 3px 1px #ddd; }
.baokuan-item:after{ display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.baokuan-item{ zoom: 1; }
.cityTab-cont > a, .cityTab-cont .chover{ display: block; float: none !important; padding-bottom: 6px; font-size: 18px; line-height: 24px; }
.cityTab{ position: relative; top: 1px; overflow: visible; font-size: 14px; }
.cityTab span{ float: left; padding: 0 11px; line-height: 32px; cursor: pointer; }
.cityTab span:hover, .cityTab .now{ color: #ff5370; border-bottom: 2px solid #ff5370; }
.cityTab-item > div{ display: none; }
.cityTab-item a{ display: block; text-decoration: none; }
.cityTab-item a img{ display: block; max-width: 100%; }
.cityTab-item a .item1{ margin-bottom: 3px; padding-bottom: 2px; }
.cityTab-item a:hover .item1{ *color: #ff5370; *cursor: pointer; }
/*//模拟下啦列表*/
.partTit{ height: 44px; font-size: 20px; line-height: 48px; }
.pdTop29{ padding-top: 29px; }
/*docCards*/
.docCards{ overflow: hidden; zoom: 1; }
.docCards:after{ display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.docCards ul{ width: 1000px; }
.docCards li{ position: relative; float: left; overflow: hidden; width: 260px; height: 185px; margin-right: 29px; margin-bottom: 29px; border: 1px solid #e8e8e8; /* box-shadow:0 0 7px -4px #666;*/ border-radius: 8px; }
.cardImg{ position: relative; overflow: hidden; width: 100%; background: #fff; }
.cardImg img{ width: 100%; }
.theS .cardImg img{ width: 101%; }
.cardImg span{ position: relative; display: block; overflow: hidden; width: 150px; height: 150px; margin: 0 auto; padding: 11px 55px 40px; }
.cardImg i{ position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 260px; height: 219px; background: url('../bg/renzheng.png') no-repeat center -25px; }
.docCards .teyao, .docCards .renzheng{ position: absolute; z-index: 16; top: 19px; right: 0; display: block; width: 57px; height: 26px; padding-right: 8px; font-size: 14px; line-height: 25px; text-align: right; color: #fff; background: url('../bg/taolist.png') no-repeat 0 0; }
.docCards .renzheng{ background-position: 0 -37px; }
.cardInfo{ position: absolute; z-index: 11; bottom: 0; width: 224px; height: 88px; padding: 0 18px 0; transition: .4s height; }
li:hover .cardInfo{ bottom: 0; height: 167px; }
.theS:hover .cardInfo{ background-position: 0 -223px; }
.theV:hover .cardInfo{ background-position: 0 -333px; }
.cardInfo .item1{ padding-top: 30px; }
.cardInfo .item1 .ft20{ padding-right: 7px; font-weight: bold; }
.cardInfo .item1 i{ position: relative; top: 4px; display: inline-block; overflow: hidden; width: 142px; height: 18px; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; color: #666; }
.cardInfo .item2{ overflow: hidden; height: 18px; padding-top: 2px; font-size: 13px; color: #999; }
.cardInfo .item3{ display: none; overflow: hidden; padding-top: 2px; padding-bottom: 5px; color: #999; }
li:hover .cardInfo .item3{ display: block; }
.cardInfo .item3 span{ padding-right: 40px; }
.cardInfo .item3 i{ padding-right: 4px; font-family: Arial; font-size: 14px; color: #999; }
li:hover .cardInfo .item1{ padding-bottom: 8px; -webkit-transition: all ease .3s; transition: all ease .3s; }
li:hover .cardInfo .item2{ padding-bottom: 2px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.cardInfo .checkMore{ float: right; color: #999; }
.cardInfo .checkMore b{ padding: 0 2px; font-family: Arial; font-size: 14px; font-weight: normal; color: #ff5a5f; }
.cardInfo .goIndex{ top: 100%; left: 50%; overflow: hidden; width: 100px; height: 30px; margin: -50px 0 0 -50px; padding: 0; background: none; }
.cardInfo .goIndex a{ display: none; width: 88px; margin: 0 auto; font-size: 14px; line-height: 26px; text-align: center; color: #666; border: 1px solid #d1d1d1; border-radius: 3px; }
li:hover .cardInfo .goIndex a{ display: block; }
.goIndex a:hover{ color: #ff5370; border-color: #ff5370; }
.coverLink{ position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: 49px; cursor: pointer; opacity: 0; background: #fff; filter: alpha(opacity=0); }
.scrollToFix, .scrollToFix .cont{ height: 467px !important; }
.cover{ position: absolute; z-index: 10; top: 108px; width: 200%; height: 64%; opacity: .7; border-top: 28px solid transparent; border-left: 318px solid #fff; filter: alpha(opacity=70); }
.cover{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.docCards li:hover .cover{ top: -80px; height: 500px; }
.ask-link{ margin-top: -1px; }
.part-more a, .ask-link{ display: block; font-size: 16px; line-height: 47px; text-align: center; color: #666; border: 1px solid #e8e8e8; border-radius: 4px; background: #fff; }
.part-more:hover a, .ask-link:hover{ color: #ff5370; border-color: #ff5370; }
/*对比*/
/*//item-list3*/
.constrast .pageNav{ padding-top: 35px; border: none; }
.mgTop17{ margin-top: 17px; }
/*//item-list4*/
.mgTop17.right{ padding-bottom: 40px; }

/*四级页面*/
.detailFile{ padding: 29px 30px 30px; border-radius: 3px; box-shadow: 0 0 2px 2px #ebebeb; }
.detailFile .tit{ overflow: hidden; padding-bottom: 19px; }
.detailFile .tit .ft24{ float: left; font-size: 24px; font-weight: bold; }
.detailFile .tit span{ padding-right: 15px; }
.detailFile .tit span i{ top: 2px; display: inline-block; margin-left: 8px; }
.detailFile .tit .starItem{ position: relative; top: 13px; float: right; font-size: 14px; color: #999; }
.detailFile .info_1{ margin-bottom: 11px; padding-bottom: 23px; font-size: 14px; line-height: 26px; color: #666; border-bottom: 1px solid #ebebeb; }
.detailFile dt{ padding-top: 17px; padding-bottom: 6px; font-size: 16px; color: #ff5370; }
.detailFile dd{ overflow: hidden; }
.detailFile dd p{ float: left; padding-bottom: 6px; }
.detailFile dd span, .detailFile dd i{ display: inline-block; max-width: 528px; vertical-align: top; }
.detailFile dd .price{ font-size: 14px; color: #ff5370; }
.detailFile dd a{ display: inline-block; width: 60px; margin-left: 5px; font-size: 12px; line-height: 20px; text-align: center; color: #fff; border-radius: 3px; background: #ff869b; }
.detailFile dd a:hover{ background: #ff5370; }
.detailFile dd p{ min-width: 50%; font-size: 14px; color: #666; }
.detailFile .nofloat p{ float: none; }
.detailFile dd span{ padding-right: 16px; color: #999; }
.detailFile dd b{ font-weight: normal; }
.detailFile .info_2{ overflow: hidden; margin-top: 21px; padding-top: 26px; border-top: 1px solid #ebebeb; }
.detailFile .info_2 > div{ width: 50%; }
.detailFile .info_2 .tipIcon{ display: inline-block; margin-bottom: 12px; padding-left: 28px; font-size: 14px; line-height: 22px; background: url('../bg/shushi.png') no-repeat; }
.detailFile .info_2 .left .tipIcon{ background-position: 0 -227px; }
.detailFile .info_2 .right .tipIcon{ background-position: 0 -187px; }
.detailFile .info_2 p{ padding-bottom: 7px; font-size: 14px; color: #666; }
.detailFile .info_3{ margin-top: 20px; padding-top: 26px; border-top: 1px solid #ebebeb; }
.detailFile .info_3 a{ position: relative; float: left; width: 50%; padding-bottom: 12px; font-size: 14px; text-indent: 26px; color: #666; }
.detailFile .info_3 a:after{ position: absolute; top: 1px; left: 0; display: block; width: 18px; font-size: 13px; line-height: 18px; content: '知'; text-align: center; text-indent: 1px; color: #fff; border-radius: 2px; background: #7bbbff; }
.detailFile .info_3 a:hover{ color: #ff5370; }
.mgBot40{ margin-bottom: 40px; }
.breadcrumb{ width: 100%; height: 14px; padding: 10px 0 11px; font-family: 'Microsoft Yahei'; background: #f9f9f9; }
.breadcrumb > div{ width: 1200px; margin: 0 auto; }
.breadcrumb .arrow{ padding: 0 5px; font-family: 'Microsoft Yahei'; color: #666; }
.breadcrumb .current{ cursor: default; color: #999; }
.breadcrumb a, .breadcrumb span{ color: #333; }
.wrapper > .right{ width: 300px; }
.wrapper.jianjie > .right{ width: 200px; }
.info-side{ width: 300px; }