/* @start 标题 */
.common-header { position: relative;}
.common-header .title { position: relative; height: 47px; margin: 35px 0 81px; border-bottom: 1px solid #a0a0a0;}
.common-header h2 { position: absolute; width: 456px; height: 100px; margin-left: 272px; text-align: center; background: #fff;}
.common-header h2 span { display: block; margin: 0 auto; text-indent: -9999px; background: url(../images/v2/index-titles-h2.png) no-repeat;}
.common-header .links { margin: -20px 0 25px; font-size: 14px; text-align: center;}
.common-header .links a { margin-right: 36px; padding-left: 10px; color: #777; background: url(../images/v2/dot-gray.gif) left center no-repeat;}
.common-header .nav  { position: absolute; top: 0; right: 1em;}
.common-header .nav .p1 { margin-top: 17px;}
.common-header .nav .p2 { margin-top: 29px;}
.fashion-stylish .common-header .nav a, .life-modern .common-header .nav a, .beauty-top .common-header .nav a { background: url(../images/v2/index-navs.png) 25px 0 no-repeat;}
.common-header .nav a { position: relative; display: inline-block; width: 65px; height: 17px; margin-left: 27px; padding-left: 25px; text-indent: -9999px;}
.common-header .nav a em { position: absolute; left: 0; top: 4px; width: 11px; height: 10px; overflow: hidden; background: url(../images/v2/dots.gif) no-repeat;}
.fashion-stylish .common-header .nav .a3 { background-position: 25px -156px;}
.fashion-stylish .common-header .nav .a2 { background-position: -92px -156px;}
.fashion-stylish .common-header .nav .a1 { background-position: 25px -199px;}
.fashion-stylish .common-header .nav .a4 { background-position: -92px -199px;}
.life-modern .common-header .nav .a3 { background-position: 25px -78px;}
.life-modern .common-header .nav .a1 { background-position: -92px -78px;}
.life-modern .common-header .nav .a4 { background-position: 25px -122px;}
.life-modern .common-header .nav .a2 { background-position: -92px -122px;}
.beauty-top .common-header .nav .a2 { background-position: -92px 0;}
.beauty-top .common-header .nav .a3 { background-position: 25px -43px;}
.beauty-top .common-header .nav .a4 { background-position: -92px -43px;}
.style-blue .common-header .nav a:hover em { background-position: -33px;}
.style-pink .common-header .nav a:hover em { background-position: -22px;}
.style-purple .common-header .nav a:hover em { background-position: -11px;}
.style-orange .common-header .nav a:hover em { background-position: -54px;}
.style-blue .common-header .links a:hover { color: #2ba5ce;}
.style-pink .common-header .links a:hover { color: #f17198;}
.style-purple .common-header .links a:hover { color: #785b97;}
.style-orange .common-header .links a:hover { color: #f5ae00;}
/* @end 标题 */

/* @start 通用区块 */
.common-section .aside { float: left; width: 376px;}
.common-section .article { float: right; width: 624px; margin-top: -12px;}
.common-section .article .box { display: inline; float: left; width: 300px; height: 300px; overflow: hidden; margin: 12px 0 0 12px;}
.common-section .article .small-box { width: 196px;}
.common-section .article .small-box .img p { width: 176px; padding: 5px 10px 0; height: 55px; line-height: 1.5; text-indent: 0;}
.common-section2 .aside { float: right;}
.common-section2 .article { float: left; margin-left: -12px;}
.common-feature .common-header h2 span { width: 175px; height: 90px; background: url(../images/v2/index-titles-h2.png) 0 -600px no-repeat;}
/* @end 通用区块 */

/* @start 图片区块 */
.toggle-caption { position: relative; cursor: pointer;}
.toggle-caption .img p { position: absolute; left: 0; bottom: 0; width: 96%; height: 30px; overflow: hidden; padding-right: 4%; font-size: 16px; line-height: 30px; text-indent: 1em; color: #fff; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7F000000",endColorstr="#7F000000");}
.toggle-caption .img img { border: 1px solid #e3e3e3;}
.toggle-caption .caption { position: absolute; left: 0; top: 0; width: 239px; height: 100%; padding: 0 28px 0 33px; background: rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CC000000",endColorstr="#CC000000");}
.toggle-caption.small-box .caption { width: 158px; padding: 0 18px 0 20px;}
.toggle-caption .caption h3 { max-height: 46px; overflow: hidden; padding-top: 34px; font-size: 18px; line-height: 22px; color: #fff;}
.toggle-caption .caption h3 a { text-decoration: none; color: #fff;}
.toggle-caption .caption .br { height: 1px; overflow: hidden; margin: 13px 0; background: url(../images/v2/flip-title-bg.png) no-repeat;}
.toggle-caption .caption p { height: 92px; overflow: hidden; color: #d9d9d9;}
.toggle-caption .caption a.more { position: relative; top: 15px; font-style: italic; text-decoration: none;}
.style-red .toggle-caption.active .img img, .style-red .toggle-caption:hover .img img { border-color: #ff5152;}
.style-red .toggle-caption .caption .br { background-position: 0 0;}
.style-red .toggle-caption .caption .more { color: #ff5151;}
.style-yellow .toggle-caption.active .img img, .style-yellow .toggle-caption:hover .img img { border-color: #ffb400;}
.style-yellow .toggle-caption .caption .br { background-position: 0 -299px;}
.style-yellow .toggle-caption .caption .more { color: #fff;}
.style-yellow .toggle-caption .caption .more:hover { text-decoration: none; color: #ffb400;}
.style-purple .toggle-caption.active .img img, .style-purple .toggle-caption:hover .img img { border-color: #785b92;}
.style-purple .toggle-caption .caption .br { background-position: 0 -75px;}
.style-purple .toggle-caption .caption .more { color: #785b92;}
.style-pink .toggle-caption.active .img img, .style-pink .toggle-caption:hover .img img { border-color: #f17198;}
.style-pink .toggle-caption .caption .br { background-position: 0 -150px;}
.style-pink .toggle-caption .caption .more { color: #f17198;}
.style-blue .toggle-caption.active .img img, .style-blue .toggle-caption:hover .img img { border-color: #2ba5ce;}
.style-blue .toggle-caption .caption .br { background-position: 0 -225px;}
.style-blue .toggle-caption .caption .more { color: #2ba5ce;}
/*.style-orange .toggle-caption.active .img img, .style-purple .toggle-caption:hover .img img { border-color: #785b92;}
*/.style-orange .toggle-caption .caption .br { background-position: 0 -373px;}
.style-orange .toggle-caption .caption .more { color: #f5ae00;}
/* @end 图片区块 */

/* @start 列表区块 */
.common-section .article .article-list-box { width: 258px; height: 274px; padding: 26px 22px 0 20px; background: #e5e5e5;}
.article-list-box h3 { height: 43px; margin-bottom: 14px; text-indent: -9999px; background: url(../images/v2/index-titles-h3.gif) no-repeat;}
.article-list-box li { padding-left: 22px; font-size: 14px; line-height: 31px; background: url(../images/v2/dot-black.gif) 12px 13px no-repeat;}
.article-list-box.special-box li { background-image: url(../images/v2/dot-white.png);}
.article-list-box li .title { height: 31px; overflow: hidden;}
.article-list-box li .intro { display: none; height: 54px; overflow: hidden; font-size: 12px; line-height: 1.5;}
.article-list-box li .intro a { color: #777;}
.article-list-box li div .intro { display: block;}
.article-list-box li.first .intro { display: block;}
.article-list-box.special-box li .intro a { color: #e7e7e7;}
.article-list-box li a { color: #323232;}
.article-list-box.special-box li a, .article-list-box.special-box li a:hover { color: #fff;}
.article-list-box .more { margin-top: 7px; text-align: right;}
.article-list-box .more a { color: #838383;}
.article-list-box.special-box .more a { color: #fff;}
.article-list-box .follow-talks { display: none;}
.article-list-box li.first .follow-talks { display: block;}
.style-red .article .article-list-box.special-box { background: #ff5151;}
.style-yellow .article .article-list-box.special-box { background: #ffb400;}
.style-purple .article .article-list-box.special-box { background: #785b92;}
.style-pink .article .article-list-box.special-box { background: #f17198;}
.style-blue .article .article-list-box.special-box { background: #2ba5ce;}
.style-orange .article .article-list-box.special-box { background: #f5ae00;}

.index-new .article-list-box.special-box li .intro a { color: #fecdcd;}
.index-fashion .article-list-box.special-box li .intro a, .fashion-stylish .article-list-box.special-box li .intro a { color: #ccade8;}
.index-celebrity .article-list-box.special-box li .intro a { color: #fff1cf;}
.index-beauty .article-list-box.special-box li .intro a { color: #fcc6d6;}
.beauty-top .article-list-box.special-box li .intro a { color: #ffcbce;}
.index-living .article-list-box.special-box li .intro a { color: #a8e5fa;}
.life-modern .article-list-box.special-box li .intro a { color: #ffc8df;}

/* @end 列表区块 */

/* @start 关注区块 */
.follow-section .toggle-caption .img .title { bottom: 30px; height: 40px; font-size: 24px; line-height: 50px; text-indent: 13px; text-align: left;}
.follow-section .toggle-caption .img .num-info { height: 30px; font-size: 14px; line-height: 20px; text-indent: 13px; text-align: left;}
.follow-section .toggle-caption .caption .num-info { height: auto; margin: 3px 0 -5px; font-size: 14px; color: #fff;}
.follow-section .toggle-caption .caption .follow { height: auto; margin-top: 17px; text-align: right;}
.follow-section .toggle-caption .caption .follow a { position: static; font-style: normal; color: #fff;}
.follow-section .toggle-caption2 { clear: left;}
.follow-section .article-list-box li { padding-left: 18px;}
.follow-section .article-list-box .follow-talks { margin: 10px 0 0 0; padding-bottom: 15px;}
.follow-section .article-list-box  h3 { margin-bottom: 26px;}
.follow-section .follow-talks li { height: 50px; padding-left: 0; font-size: 12px; line-height: 16px; color: #323232; background: none;}
.follow-section .follow-talks li .img { float: left; width: 48px; height: 48px; margin-right: 10px; border: 1px solid #e5e5e5;}
.follow-section .follow-talks li.even .img { float: right; margin-right: 0;}
.follow-section .follow-talks li div { position: relative; float: left; width: 168px; height: 31px; padding: 9px 4px 8px 6px; border: 1px solid #bcbcbc;}
.follow-section .follow-talks li div p { height: 32px; overflow: hidden;}
.follow-section .follow-talks li em { position: absolute; top: 17px; width: 7px; height: 10px; overflow: hidden; background:  url(../images/v2/talk-directions.gif) no-repeat;}
.follow-section .follow-talks li.odd em { left: -7px;}
.follow-section .follow-talks li.even em { right: -7px;}
.follow-section .follow-box { width: 321px; height: 300px; margin-top: 12px; padding: 0 28px 0 27px; background: #f089a9;}
.follow-section .follow-box h3 { height: 60px; margin-bottom: 17px; border-bottom: 1px solid #fff; font-size: 18px; line-height: 60px; color: #fff;}
.follow-section .follow-box a { color: #fff;}
.follow-section .follow-box .follow-talks li { height: 70px; color: #fff;  vertical-align: middle;}
.follow-section .follow-box .follow-talks li .img { width: 48px; height: 48px; margin-top: 10px; border-color: #e3e3e3;}
.follow-section .follow-box .follow-talks li div { width: 234px; margin-top: 11px; padding: 9px 12px 8px; border-color: #f2ccd8;}
.follow-section .follow-box .follow-talks li.odd em { background-position: 0 -20px;}
.follow-section .follow-box .follow-talks li.even em { background-position: -7px -20px;}
.follow-section .article .follow-box { width: 260px; height: 300px; padding: 0 20px; background: #2ba5ce;}
.follow-section .article .follow-box h3 { height: 44px; margin-bottom: 18px; padding: 20px 0 8px; line-height: 24px;}
.follow-section .article .follow-box .follow-talks li { height: 50px; margin-bottom: 15px;}
.follow-section .article .follow-box .follow-talks li .img { width: 48px; height: 48px;}
.follow-section .article .follow-box .follow-talks li div { width: 173px; margin-top: 0; padding: 9px 12px 8px; border-color: #9ddef4;}
.style-yellow .article-list-box.special-box .follow-talks li { color: #fff;}
.style-yellow .article-list-box.special-box .follow-talks li .img { border: 1px solid #e3e3e3;}
.style-yellow .article-list-box.special-box .follow-talks li div { border-color: #fec846;}
.style-yellow .article-list-box.special-box .follow-talks li em { background-position: 0 -10px;}
.style-blue .follow-section .toggle-caption .caption .follow a:hover { color: #2ba5ce;}
.style-blue .article .follow-box .follow-talks li.odd em { background-position: 0 -30px;}
.style-blue .article .follow-box .follow-talks li.even em { background-position: -7px -30px;}
.style-purple .follow-section .toggle-caption .caption .follow a:hover { color: #785b92;}
.style-pink .follow-section .toggle-caption .caption .follow a:hover { color: #f17198;}
.style-pink .article .follow-box .follow-talks li.odd em { background-position: 0 -40px;}
.style-pink .article .follow-box .follow-talks li.even em { background-position: -7px -40px;}
/* @end 关注区块 */

/* @start 通用幻灯 */
.common-slide { position: relative; width: 374px; height: 610px; overflow: hidden; border: 1px solid #ddd;}
.common-slide .main li { position: relative; float: left; width: 374px; height: 610px;}
.common-slide .main .caption { position: absolute; left: 17px; bottom: 53px; width: 284px; height: 92px; padding: 0 17px; background: rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CC000000",endColorstr="#CC000000");}
.common-slide .main .caption h3 { height: 45px; overflow: hidden; font-size: 18px; line-height: 45px; color: #fff !important;}
.common-slide .main .caption h3 a { color: #fff;}
.common-slide .main .caption p { height: 30px; overflow: hidden; line-height: 16px; color: #b7b7b7;}
.common-slide .triggers { position: absolute; left: 0; bottom: 16px; width: 100%; text-align: center;}
.common-slide .triggers ul { display: inline-block;}
.common-slide .triggers li { display:inline; float: left; margin-right: 12px; *float:none; zoom:1;}
.common-slide .triggers li a { float: left; width: 8px; height: 8px; overflow: hidden; text-indent: -9999px; background: url(../images/v2/common-slide-triggers.png) no-repeat;}
.common-slide .prev, .common-slide .next { position: absolute; left: 0; top: 50%; width: 34px; height: 49px; margin-top: -24px; background: url(../images/v2/common-slide-nav.png) no-repeat;}
.common-slide .prev:hover, .common-slide .prev:active { background-position: 0 -49px;}
.common-slide .next { left: auto; right: 0; background-position: -34px 0;}
.common-slide .next:hover, .common-slide .next:active { background-position: -34px -49px;}
.follow-section .common-slide .main .caption { bottom: 48px; height: 110px;}
.follow-section .common-slide .main .caption .num-info { height: 17px; overflow: hidden; margin: -6px 0 10px; font-size: 14px; line-height: 1.2; color: #fff;}
.style-red .common-slide .triggers li a:hover, .style-red .common-slide .triggers li a.current { background-position: -8px 0;}
.style-yellow .common-slide .triggers li a:hover, .style-yellow .common-slide .triggers li a.current { background-position: -16px 0;}
.style-yellow .common-slide .prev:hover, .style-yellow .common-slide .prev:active { background-position: 0 -98px;}
.style-yellow .common-slide .next:hover, .style-yellow .common-slide .next:active { background-position: -34px -98px;}
.style-purple .common-slide .triggers li a:hover, .style-purple .common-slide .triggers li a.current { background-position: -24px 0;}
.style-purple .common-slide .prev:hover, .style-purple .common-slide .prev:active { background-position: 0 -147px;}
.style-purple .common-slide .next:hover, .style-purple .common-slide .next:active { background-position: -34px -147px;}
.style-pink .common-slide .triggers li a:hover, .style-pink .common-slide .triggers li a.current { background-position: -32px 0;}
.style-pink .common-slide .prev:hover, .style-pink .common-slide .prev:active { background-position: 0 -196px;}
.style-pink .common-slide .next:hover, .style-pink .common-slide .next:active { background-position: -34px -196px;}
.style-blue .common-slide .triggers li a:hover, .style-blue .common-slide .triggers li a.current { background-position: -40px 0;}
.style-blue .common-slide .prev:hover, .style-blue .common-slide .prev:active { background-position: 0 -245px;}
.style-blue .common-slide .next:hover, .style-blue .common-slide .next:active { background-position: -34px -245px;}
.style-orange .common-slide .prev:hover, .style-orange .common-slide .prev:active { background-position: 0 -294px;}
.style-orange .common-slide .next:hover, .style-orange .common-slide .next:active { background-position: -34px -294px;}
.style-orange .common-slide .triggers li a:hover, .style-orange .common-slide .triggers li a.current { background-position: -48px 0;}

/* @end 通用幻灯 */

/* @start 通用手风琴效果 */
.common-accordion { height: 431px; overflow: hidden; margin-left: -4px;}
.common-accordion li .item { float: right; *float: none; *position: relative; right: 489px;}
.common-accordion li.current .item { right: 0;}
.common-accordion li { position: relative; display: inline; float: left; height: 429px; margin-left: 3px; border: 1px solid #e0e0e0;}
.common-accordion li .caption { position: absolute; right: 90px; bottom: 15px; width: 400px; height: 130px; padding: 0 14px; background: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000",endColorstr="#99000000");}
.common-accordion li .item a { color: #fff;}
.common-accordion li .caption h3 { max-height: 40px; overflow: hidden; margin-bottom: 15px; padding: 18px 0 12px; font-weight: bold; font-size: 14px; line-height: 23px; background: url(../images/v2/accordion-title-bg.gif) 0 bottom no-repeat;}
.common-accordion li .caption h3 a { color: #323232;}
.common-accordion li .caption p { height: 198px; overflow: hidden; line-height: 22px;}
/* @end 通用手风琴效果 */

/* @start 通用时装导购 */
.common-shopper { clear: both; height: 280px; overflow: hidden; margin-top: 12px; border: 1px solid #e8e8e8;}
.common-shopper .nav { display: inline; float: left; width: 305px; margin-left: 17px;}
.common-shopper .nav h3 { height: 44px; text-indent: -9999px; background: url(../images/v2/common-shopper-title.gif) no-repeat;}
.common-shopper .shopper-slide { position: relative; float: left; width: 615px; margin-top: 35px; padding-left: 60px;}
.common-shopper .shopper-slide .main-wrapper { position: relative; width: 564px; height: 213px; overflow: hidden;}
.common-shopper .shopper-slide .main-wrapper li { display: inline; float: left; width: 135px; height: 207px; margin-right: 5px; border: 1px solid #e1e1e1;}
.common-shopper .shopper-slide .main-wrapper li:hover {  border-color: #785b92;}
.common-shopper .shopper-slide .common-prev { left: 9px;}
.common-shopper .shopper-slide .common-next { right: 1px;}
/* @end 通用时装导购 */

/* @start 通用试用 */
.common-trial { width: 374px; height: 300px; overflow: hidden; margin-top: 12px; border: none; background: url(../images/v2/common-trial.gif) no-repeat;}
.common-trial h3 { height: 63px; text-indent: -9999px;}
.common-trial .trial-slide { position: relative; height: 146px;}
.common-trial .trial-slide .main-wrapper { position: relative; display: inline; float: left; width: 146px; height: 100%; overflow: hidden; margin: 0 44px 0 38px; border: 1px solid #3c3c3c;}
.common-trial .trial-slide .main-wrapper li { display: inline; float: left; width: 144px; height: 144px; border: 1px solid #fff;}
.common-trial .trial-slide a.prev, .common-trial .trial-slide a.next { left: -4px; width: 44px; height: 44px; margin-top: -22px; background: url(../images/v2/common-slide-nav2.png) 0 -44px no-repeat;}
.common-trial .trial-slide a.next { left: 180px; background-position: -44px -44px;}
.common-trial .trial-slide a.prev:hover, .common-trial .trial-slide a.prev:active { background-position: 0 -44px;}
.common-trial .trial-slide a.next:hover, .common-trial .trial-slide a.next:active { background-position: -44px -44px;}
.common-trial .trial-slide .info { display: none; padding-right: 10px; color: #fff;}
.common-trial .trial-slide .title { max-height: 45px; overflow: hidden; padding-top: 7px; font-size: 16px; line-height: 24px;}
.common-trial .trial-slide .title a { color: #fff;}
.common-trial .trial-slide .num { margin-top: 23px;}
.common-trial .trial-slide .other { position: absolute; left: 24px; bottom: -73px; width: 350px; height: 44px; line-height: 44px;}
.common-trial .trial-slide .other span, .common-trial .trial-slide .other a { display: inline-block; width: 44px; height: 44px; margin-right: 37px; font-weight: bold; font-size: 24px; text-align: center;}
.common-trial .trial-slide .other a.apply { width: 86px; height: 45px; margin-right: 0; text-indent: -9999px; background: url(../images/v2/common-trial-apply.png) no-repeat;}
/* @end 通用试用 */

/* @start 广告 */
.ad-full-column { margin: 60px 0;}
/* @end 广告 */

/* @start 关键词 */
.common-keywords { padding: 20px 0 30px 1em; line-height: 2; color: #777;}
.common-keywords a { display: inline-block; height: 14px; margin-right: 5px; padding-right: 5px; line-height: 14px; border-right: solid 1px #777; color: #777;}
.common-keywords a:last-child { border: none;}
/* @end 关键词 */

/* @start 日期选择 */
.date-picker { font-family: arial, "宋体" ,sans-serif; color: #fff;}
.date-picker a, .date-picker tr td { cursor: pointer;}
.date-picker tr.disabled td { color: #e3e3e3; cursor: default;}
.date-picker a { color: #fff;}
.date-picker a:hover { text-decoration: none;}
.date-picker .ui-datepicker-header { position: relative; height: 36px; font-weight: bold; font-size: 14px; line-height: 36px;text-align: center; background: #000000;}
.date-picker .ui-datepicker-header a { display: none; position: absolute; left: 0; top: 0; width: 36px; height: 36px; text-indent: -9999px; background: url(../images/v2/date-picker-nav.gif) no-repeat; cursor: pointer;}
.date-picker .ui-datepicker-header a.ui-datepicker-next { left: auto; right: 0; background-position: -36px;}
.date-picker table { table-layout: fixed; border-collapse: separate; border-spacing: 0 2px; width: 100%; background: #a491b6;}
.date-picker tr.active, .date-picker tr.active2 { border-radius: 4px; background: #785b92;}
.date-picker th { padding: 3px 0;}
.date-picker td { padding: 3px 0 4px; vertical-align: middle; text-align: center;}
/* @end 日期选择 */

/* @start 星座查询 */
.common-constellation { height: 277px; padding: 23px 0 0 12px; color: #777; background: #ececec;}
.common-constellation a { color: #777;}
.common-constellation h3 { height: 23px; text-indent: -9999px; background: url(../images/v2/common-constellation-title.gif) no-repeat;}
.common-constellation .title { height: 17px; margin: 21px 0 12px; text-indent: -9999px; background: url(../images/v2/common-constellation-legends.gif) no-repeat;}
.common-constellation .query { width: 75px; height: 30px; border: none; font-size: 14px; color: #fff; background: #777777; cursor: pointer;}
.common-constellation .constellation { height: 29px; margin-top: 13px; padding-top: 29px; background: url(../images/v2/common-constellation-legends.gif) no-repeat;}
.common-constellation .constellation .title { display: none;}
.common-constellation .select-wrap { float: left; white-space: nowrap;}
.common-constellation .constellation .select-wrap { width: 70px; margin-right: 53px;}
.common-constellation .constellation .query { margin-left: -34px;}
.common-constellation .astrolabe .title { background-position: 0 -80px;}
.common-constellation .astrolabe .label { float: left; clear: left; width: 73px; height: 25px; line-height: 25px;}
.common-constellation .astrolabe .label em { display: inline-block; width: .5em;}
.common-constellation .astrolabe .clearfix { margin-bottom: 5px;}
.common-constellation .astrolabe .search-input { float: left; width: 262px; height: 23px; padding: 0 6px; border: 1px solid #777; line-height: 23px; color: #777;}
.common-constellation .astrolabe .select-wrap { margin-right: 7px;}
.common-constellation .astrolabe .group1 .select-wrap { _width: 58px;}
.common-constellation .astrolabe .group2 .select-wrap { _width: 48px; min-width: 48px;}
.common-constellation .astrolabe .group2 .years { _width: 62px;}
.common-constellation .astrolabe .selectedTxt { height: 23px; line-height: 23px;}
.common-constellation .astrolabe .query { float: left; margin-top: 1px; background: #000;}

.common-select .selectedTxt { height: 28px; overflow: hidden; padding: 0 15px 0 5px; border: 1px solid #777; line-height: 28px; background: url(../images/v2/common-select-deco.png) right center no-repeat; cursor: pointer;}
.common-select .newListSelected { z-index: 9;}
.common-select .SSContainerDivWrapper { position: absolute; overflow-x: hidden; overflow-y: auto;}
.common-select .select-wrap li a { display: block; padding: 5px 15px 5px 5px; border: 1px solid #777; border-top: none; color:#454545; background-color: #eee;}
.common-select .select-wrap li a:hover { text-decoration: none; color: #454545; background-color: #fff;}
/* @end 星座查询 */

/* @start 化妆品快速查询 */
.common-search-classification { width: 376px; height: 300px; background: url(../images/v2/common-search-classification.gif) no-repeat;}
.common-search-classification .form { width: 311px; height: 40px; margin: 0 auto; padding: 37px 0 30px;}
.common-search-classification .search-input { float: left; width: 233px; height: 40px; padding: 0 15px; border: none; background: none; line-height: 40px; color: #484848;}
.common-search-classification .search-btn { float: left; width: 45px; height: 40px; border: none; background: none;}
.common-search-classification .classification { padding-left: 77px;}
.common-search-classification .classification a { display: inline; float: left; width: 76px; height: 76px; margin: 0 0 9px 13px; text-indent: -9999px;}
/* @end 化妆品快速查询 */

/* @start 其他 */
em.follow-heart { position: relative; right: 3px; top: 2px; display: inline-block; width: 19px; height: 18px; background: url(../images/v2/follow-hearts.png) no-repeat; cursor: pointer;}
.style-yellow a:hover em.follow-heart { background-position: 0 -36px;}
.style-pink a:hover em.follow-heart { background-position: 0 -18px;}
.style-blue a:hover em.follow-heart { background-position: 0 -54px;}
.style-purple a:hover em.follow-heart { background-position: 0 -72px;}

.common-prev, .common-next { position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; background: url(../images/v2/common-slide-nav2.png) no-repeat;}
.common-next { background-position: -44px 0;}
/* @end 其他 */

.index-rooms .common-slide .main .caption h3, .beauty-parlor .common-slide .main .caption h3, .life-bar .common-slide .main .caption h3, .fashion-room .common-slide .main .caption h3 { font-size: 24px;}


/*话题焦点*/
.hot-focus .article .article-list-box.special-box { background: #ff5151;}
.hot-focus .article-list-box.special-box li .intro a { color: #fecdcd;}
.hot-focus .common-header h2{ width: 327px; margin-left: 338px;}
.hot-focus .common-header h2 span { width: 232px; height: 100px; background-image: url(../images/v2/focusTit.png); background-position: 0 0;}
.hot-focus .toggle-caption .img p em {padding-left: 9px; background: url(../images/v2/dot-white.png) 0 center no-repeat;}
.hot-focus .common-slide .main .caption{ left: 28px; }
.hot-focus .main .caption .jiao{ position: absolute; right: 18px; top: -4px; width: 9px; height: 4px; background: url(../images/v2/daren/jiao.png) 0 0 no-repeat;}
.hot-focus .article-list-box h3 { background: url(../images/v2/remen.gif) 0 0 no-repeat;}

















/* @start 导航 */
.common-header .nav a { background: url(../images/v2/index-navs.png) 25px 0 no-repeat;}
/* @end 导航 */

/* @start 首页焦点图 */
.index-slide { position: relative; width: 100%; height: 499px; overflow: hidden;}
.index-slide .main li { position: absolute; left: 0; right: 0; height: 498px; border: 1px solid #ddd; border-top: none;}
.index-slide .main .caption-wrapper { position: absolute; left: 170px; bottom: 45px; width: 441px; height: 140px; background: rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B2000000",endColorstr="#B2000000");}
.index-slide .main .caption { width: 418px; height: 121px; margin: 8px auto; border: 1px solid #fff; color: #fff;}
.index-slide .main .caption h3 { width: 387px; height: 51px; overflow: hidden; margin: 0 auto; font-size: 24px; line-height: 51px; text-align: center; background: url(../images/v2/index-slide-caption.png) 0 bottom no-repeat;}
.index-slide .main .caption h3 a { color: #fff;}
.index-slide .main .caption p { width: 368px; height: 50px; overflow: hidden; margin: 12px auto; line-height: 24px;}
.index-slide .triggers-wrapper { position: absolute; z-index: 9; right: 36px; top: 36px; width: 182px; height: 428px;}
.index-slide .triggers-wrapper .prev, .index-slide .triggers-wrapper .next { position: absolute; left: 0; top: 0; width: 100%; height: 12px; background: url(../images/v2/index-slide-nav.gif) no-repeat;}
.index-slide .triggers-wrapper .prev a, .index-slide .triggers-wrapper .next a { position: absolute; left: 50%; top: -22px; width: 44px; height: 44px; margin-left: -22px; background: url(../images/v2/index-slide-nav.png) no-repeat;}
.index-slide .triggers-wrapper .prev a:hover, .index-slide .triggers-wrapper .prev a:active { background-position: -44px 0;}
.index-slide .triggers-wrapper .next { top: auto; bottom: 0; background-position: 0 bottom;}
.index-slide .triggers-wrapper .next a { top: auto; bottom: -22px; background-position: -88px;}
.index-slide .triggers-wrapper .next a:hover, .index-slide .triggers-wrapper .next a:active { background-position: -132px;}
.index-slide .triggers { position: relative; height: 386px; overflow: hidden; margin-top: 21px;}
.index-slide .triggers li { margin-bottom: 6px;}
.index-slide .triggers li img { opacity: .9; filter:alpha(opacity=90); vertical-align: middle;}
.index-slide .triggers a { position: relative; display: block; height: 87px; border: 2px solid #808080;}
.index-slide .triggers a em { position: absolute; left: -2px; top: -2px; width: 182px; height: 91px; background: rgba(0,0,0,.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000",endColorstr="#33000000");}
.index-slide .triggers a.current { border-color: #fff;}
.index-slide .triggers a.current em { display: none;}
.index-slide .triggers a.current img { opacity: 1; filter:alpha(opacity=100);}
/* @end 首页焦点图 */

/* @start 每日推荐 */
.index-new .common-header h2 span  { width: 276px; height: 88px;}
.index-new .article-list-box h3 { background-position: 0 -43px;}
.index-new .article-list-box.special-box h3 { background-position: 0 0;}
/* @end 每日推荐 */

/* @start 幸福9间房 */
.index-rooms .common-header h2 { width: 612px; margin-left: 194px;}
.index-rooms .common-header h2 span { width: 510px; height: 106px; background-position: 0 -100px;}
.index-rooms .common-header .nav a { width: 70px;}
.index-rooms .common-header .nav .a1 { background-position: 25px -242px;}
.index-rooms .common-header .nav .a3 { background-position: -92px -242px;}
.index-rooms .common-header .nav a:hover em { background-position: -43px 0;}
.index-rooms .article-list-box h3 { background-position: 0 -129px;}
.index-rooms .article-list-box.special-box h3 { background-position: 0 -344px;}
.index-rooms .article .ad-aside { height: 612px; margin-top: -300px; *margin-top: 12px;}
/* @end 幸福9间房 */

/* @start 悦型格 */
.index-fashion .common-header h2 span { width: 176px; height: 85px; background-position: 0 -225px;}
.index-fashion .article-list-box.special-box h3 { background-position: 0 -172px;}
.index-fashion .common-header .nav .a3 { background-position: 25px -156px;}
.index-fashion .common-header .nav .a2 { background-position: -92px -156px;}
.index-fashion .common-header .nav .a1 { background-position: 25px -199px;}
.index-fashion .common-header .nav .a4 { background-position: -92px -199px;}
/* @end 悦型格 */

/* @start 悦明星 */
.index-celebrity .common-header h2{ height: 103px;}
.index-celebrity .common-header .links{ margin-top: -7px;}
.index-celebrity .common-header h2 span { width: 199px; height: 103px; background-position: 0 -842px;}
.index-celebrity .article-list-box.special-box h3 { background-position: 0 -344px;}
.index-celebrity .common-header .nav .a3 { background-position: 25px -320px;}
.index-celebrity .common-header .nav .a2 { background-position: -92px -280px;}
.index-celebrity .common-header .nav .a1 { background-position: 25px -280px;}
.index-celebrity .common-header .nav .a4 { background-position: -92px -319px;}
.index-celebrity .common-section2 .aside{ float: left;}
.index-celebrity .common-section2 .article{ float: right;}
/* @end 悦明星 */

/* @start 悦妆容 */
.index-beauty .common-header h2 span { width: 156px; height: 101px; background-position: 0 -325px;}
.index-beauty .article-list-box h3 { background-position: 0 -43px;}
.index-beauty .article-list-box.special-box h3 { background-position: 0 -215px;}
.index-beauty .common-header .nav .a2 { background-position: -92px 0;}
.index-beauty .common-header .nav .a3 { background-position: 25px -43px;}
.index-beauty .common-header .nav .a4 { background-position: -92px -43px;}
.index-beauty .article .article-list-box.special-box2 { background: #fe9d82;}
.index-beauty .article-list-box.special-box2 h3 { background-position: 0 -258px;}
.index-beauty .article-list-box .follow-talks { margin: 10px 0 0 -12px; padding-bottom:15px;}
.index-beauty .follow-talks li { height: 60px; padding-left: 0; font-size: 12px; line-height: 16px; color: #323232; background: none;}
.index-beauty .follow-talks li .img { float: left; width: 58px; height: 58px; margin-right: 10px; border: 1px solid #e5e5e5;}
.index-beauty .follow-talks li div { position: relative; float: left; width: 168px; height: 31px; padding: 9px 4px 8px 6px; color: #fff;}
.index-beauty .follow-talks li div p { height: 32px; overflow: hidden;}
.index-beauty .article .ad-aside { width: 300px; height: 300px;}
/* @end 悦妆容 */

/* @start 悦乐活 */
.index-living .common-header h2 span { width: 143px; height: 103px; background-position: 0 -450px;}
.index-living .article-list-box.special-box h3 { background-position: 0 -301px;}
.index-living .common-header .nav .a3 { background-position: 25px -78px;}
.index-living .common-header .nav .a1 { background-position: -92px -78px;}
.index-living .common-header .nav .a4 { background-position: 25px -122px;}
.index-living .common-header .nav .a2 { background-position: -92px -122px;}
/* @end 悦乐活 */

/* @start 精彩专题 */
.index-feature .common-header h2 span { width: 175px; height: 90px; background-position: 0 -600px;}
/* @end 精彩专题 */

/* @start 幸福客 */
.index-happiness .common-header h2 span { width: 386px; height: 104px; background-position: 0 -700px;}
.index-happiness .happy-list { margin-left: -12px; zoom:1;}
.index-happiness .happy-list ul, .index-happiness .happy-list li { position: relative; display: inline; float: left; margin: 11px 0 0 12px; width: 241px; height: 241px; cursor: pointer;}
.index-happiness .happy-list li.even { display: none;}
.index-happiness .happy-list li { position: absolute; left: 0; top: 0; margin: 0;}
.index-happiness .happy-list li.odd img { border: 1px solid #bbb;}
.index-happiness .happy-list li.odd a:hover img, .index-happiness .happy-list li.odd a:active img { border-color: #f17198;}
.index-happiness .happy-list li.odd p { position: absolute; left: 0; bottom: 0; width: 90%; height: 30px; padding-right: 10%; overflow: hidden; font-size: 14px; line-height: 30px; text-indent: 1em; color: #fff; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7F000000",endColorstr="#7F000000");}
.index-happiness .happy-list li.even { position: absolute; left: 0; top: 0; width: 199px; height: 239px; padding: 0 20px; border: 1px solid #a1a1a1; background: rgba(42,72,84,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CC2a4854",endColorstr="#CC2a4854");}
.index-happiness .happy-list li.even h3 { max-height: 46px; overflow: hidden; padding-top: 34px; font-size: 18px; line-height: 22px; color: #fff;}
.index-happiness .happy-list li.even h3 a { color: #fff;}
.index-happiness .happy-list li.even .br { height: 1px; overflow: hidden; margin: 13px 0; background: url(../images/v2/flip-title-bg.png) 0 -150px no-repeat;}
.index-happiness .happy-list li.even p { height: 92px; overflow: hidden; color: #d9d9d9;}
.index-happiness .happy-list li.even .follow { position: absolute; right: 20px; bottom: 11px; width: 99px; height: auto; margin-top: 30px; text-align: right;}
.index-happiness .happy-list li.even a.more { text-decoration: none; color: #fff;}
.index-happiness .happy-list li.even a:hover .more { color: #f17198;}
.index-happiness .happy-list li a { cursor: pointer;}
.index-happiness .happy-list li a:hover { text-decoration: none;}
/* @end 幸福客 */