@charset "utf-8";
.mian {
    margin-bottom: 0;
}

/* main */

.mian {
    width: 1200px;
    height: auto;
    margin: 10px auto;
    overflow: hidden;
}

.mian_left {
    width: 888px;
    height: auto;
    float: left;
    overflow: hidden;
}

.weizhi {
    float: left;
    width: 888px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
}

.weizhi span {
    float: left;
    width: auto;
    margin-top: 11px;
    margin-left: 10px;
    display: inline;
}

.weizhi i {
    float: left;
    font-size: 12px;
    font-style: normal;
    color: #797979;
    padding-left: 5px;
}

.weizhi i a {
    color: #797979;
    margin: 0px 5px;
}

.weizhi a.back-homes {
    float: right;
    padding-right: 15px;
    font-size: 12px;
    color: #898989;
}

/* article_title */

.article_title {
    width: 888px;
    height: auto;
    float: left;
    overflow: hidden;
    padding: 15px 0px;
}

.article_title h1 {
    width: 888px;
    float: left;
    height: auto;
    text-align: center;
    font-size: 24px;
    font-family: "MicroSoft YaHei";
    font-weight: bold;
    color: #303030;
    overflow: hidden;
}

.article_title span {
    width: 888px;
    float: left;
    height: 24px;
    text-align: center;
    overflow: hidden;
    margin: 10px 0 0 0;
    color: #888;
}

.article_title span a {
    color: #d8387b;
}

/* relevant */

.relevant {
    width: 650px;
    height: 24px;
    float: left;
    overflow: hidden;
}

.relevant_left {
    width: 400px;
    height: 24px;
    float: left;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
}

.relevant_left span {
    float: left;
    background: url(../images/relevant_icon.gif) no-repeat 0 6px;
    _background: url(../images/relevant_icon.gif) no-repeat 0 4px;
    padding: 0 0 0 20px;
}

.relevant_left a {
    padding: 0 3px
}

.relevant_right {
    float: right;
    margin: -2px 0 0 5px;
    display: inline;
    padding-right: 15px;
}

.speak-share {
    font-size: 12px;
    line-height: 22px;
    color: #404040;
    font-family: Microsoft Yahei;
    float: right;
    margin-top: 1px;
    display: inline;
}

.article_title {
    background-color: #f8f8f8;
    padding-bottom: 5px;
    margin-top: 10px;
}

.article_title h1 {
    margin-bottom: 10px;
}

.article_title #tit_b {
    height: 25px;
    text-align: center;
    overflow: hidden;
}

.article_title i {
    display: inline-block;
    color: #888;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
}

.article_title a {
    color: #d8387b;
}

.article_title #sc {
    background: url(../images/shouc.jpg) 0px 4px no-repeat;
    padding-left: 22px
}

.article_title #fz {
    background: url(../images/shouc.jpg) 0px -29px no-repeat;
    padding-left: 22px
}

.article_title #zz {
    background: url(../images/shouc.jpg) 0px -63px no-repeat;
    padding-left: 22px;
    float: left;
}

.article_title .tjyd {
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    padding: 20px 60px;
    line-height: 25px;
    position: relative
}

.article_title .tjyd b {
    font-weight: bold;
    font-size: 24px;
}

.article_title .tjyd em {
    font-size: 50px;
}

.article_title .tjyd span {
    position: absolute;
    width: 30px;
    height: 24px;
}

.article_title .tjyd .qute-1 {
    background: url(../images/arr-left.jpg) no-repeat 0 0;
    top: 0;
    left: 25px;
}

.article_title .tjyd .qute-2 {
    background: url(../images/arr-right.jpg) no-repeat 0 0;
    bottom: 15px;
    right: 25px;
}

address, cite, dfn, em, var, i {
    font-style: normal;
}

/* content */

.content {
    width: 888px;
    height: auto;
    float: left;
    overflow: hidden;
    margin: 6px 0 10px 0;
}

.content .detail {
    padding: 20px;
    background: #fff
}

.content .detail img {
    max-width: 800px
}

.content .detail .detail-title {
    font-size: 24px
}

.content .detail .detail-time {
    margin: 10px 0 20px;
    color: #999;
    font-weight: 100
}

.content .detail p {
    margin: 10px 0;
    line-height: 1.875;
    color: #414141
}

.content .aitems {
    position: relative;
    display: block;
    width: 470px;
    padding: 20px;
    background: #f7f7f7;
    text-decoration: none;
    *cursor: pointer;
    clear: none!important;
    *zoom: 1;
    margin: 0 auto;
}

.content .aitems:after {
    content: "";
    clear: both;
    display: block!important;
    height: 0
}

.content .aitems:visited .item-title {
    color: #818181
}

.content .aitems:hover {
    background: #eee
}

.content .aitems .item-pic {
    float: left;
    height: 140px;
    width: 140px;
    margin-right: 20px;
    overflow: hidden
}

.content .aitems .item-pic img {
    height: 140px!important;
    width: 140px!important;
}

.content .aitems .item-info {
    position: relative;
    height: 140px;
    overflow: hidden;
    *zoom: 1
}

.content .aitems .item-title {
    line-height: 1.5;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.content .aitems .item-price {
    position: absolute;
    left: 0;
    bottom: 5px;
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", arial
}

.content .aitems .price-new {
    color: #f50
}

.content .aitems .price-new strong {
    font-size: 24px;
    font-weight: 400
}

.content .aitems .price-old {
    margin-left: 10px;
    color: #999
}

.content .aitems .item-btn {
    position: absolute;
    right: 0;
    bottom: 5px;
    height: 30px;
    width: 100px;
    line-height: 30px;
    border: 1px solid #da0d15;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #da0d15;
    text-align: center
}

/* jies */

.jies {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 5px;
}

.jies .pre {
    width: 863px;
    color: #000;
    word-wrap: break-word;
    font-size: 14px;
    font-family: simsun;
    padding-left: 13px;
    padding-bottom: 10px;
}

.jies .pre b {
    font-weight: bold;
}

.jies .pre a img {
    margin: 0px auto;
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    padding: 1px;
}

.jies .pre a:hover img {
    border: 1px solid #a6a6a6;
    padding: 1px;
}

.jies .pre a.key {
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px dotted #000000;
}

.jies .pre a.key:hover {
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px #FC146E solid
}

.jies .sd {
    width: 468px;
    height: 60px;
    margin: 5px auto 0 auto;
}

.jies a {
    background: #fff !important;
}

.pre {
    line-height: 24px;
}

.pre div a img {
    display: block;
    margin: 0 auto;
    max-width: 880px;
    text-align: center;
}

.pre a div {
    cursor: pointer;
}

.pre p img {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.content .pre pre {
    white-space: pre-wrap
}

.content .pre, .content .pre>div {
    font-size: 16px;
    line-height: 28px;
    color: #222;
    word-wrap: break-word
}

.content .pre>div>p, .content .pre>p {
    margin: 16px 0
}

.content .pre>div b, .content .pre>div em, .content .pre>div strong, .content .pre b, .content .pre em, .content .pre strong {
    font-weight: 700
}

.content .pre>div ol li, .content .pre>div ul li, .content .pre ol li, .content .pre ul li {
    list-style: inherit
}

.content .pre>div ol, .content .pre ol {
    list-style: decimal outside
}

.content .pre>div ul, .content .pre ul {
    list-style: square outside
}

.content .pre>div>ol, .content .pre>div>ul, .content .pre>ol, .content .pre>ul {
    padding: 20px 30px;
    color: #222
}

.content .pre>div h1, .content .pre h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #222;
    margin: 36px 0 22px
}

.content .pre :not(blockquote)>pre, .content .pre>div :not(blockquote)>pre, .content .pre>div>pre, .content .pre>div blockquote, .content .pre>pre, .content .pre blockquote {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    color: #999;
    margin: 1em 0;
    padding: 12px 10px;
    background: #f4f5f6;
    border: 1px solid #e8e8e8
}

.content .pre>div blockquote>ol, .content .pre>div blockquote>ul, .content .pre blockquote>ol, .content .pre blockquote>ul {
    padding: 20px 30px;
    color: #222
}

.content .pre>div img, .content .pre img {
    max-width: 100%;
    display: block;
    margin: 10px auto
}

.content .pre>div img[inline="1"], .content .pre img[inline="1"] {
    display: inline-block;
    margin: 0 auto
}

.content .pre>div hr, .content .pre hr {
    margin: 40px auto;
    width: 64px;
    height: 4px;
    background: #ed4040;
    outline: none;
    border: none
}

.content .pre>div a, .content .pre>div a:visited, .content .pre a, .content .pre a:visited {
    color: #406599
}

.content .pre>div a:hover, .content .pre a:hover {
    color: rgba(64, 101, 153, .6)
}

.content .pre>div table, .content .pre table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    border-spacing: 0;
    empty-cells: show;
    background-color: #fff;
    border-collapse: collapse;
    font-size: 16px
}

.content .pre>div table td, .content .pre>div table th, .content .pre table td, .content .pre table th {
    padding: 8px;
    vertical-align: top;
    border: 1px solid #eee;
    text-align: left;
    color: #656b79
}

.content .pre>div table th, .content .pre table th {
    font-weight: 400;
    padding: 8px;
    background-color: #f4f5f7
}

.content .pre .pgc-img-caption, .content .pre>div .pgc-img-caption {
    text-align: center;
    font-size: 12px;
    color: #777;
    line-height: 16px;
    margin-top: 0
}

.jies .pre {
    padding: 10px;
    overflow: hidden;
    zoom: 1;
    border: 1px solid #e5e5e5;
}

.jies .pre .imgend {
    width: 886px;
    float: left;
}

.jies .pre .imgend img {
    width: 886px;
    height: 20px;
    margin-top: -20px !important;
    position: relative;
}

.jies .pre .imgstart {
    width: 886px;
    float: left;
}

.jies .pre .imgstart img {
    width: 886px;
    height: 20px;
    margin-top: -20px !important;
    position: relative;
}

.jies .pre p img {
    text-align: center;
    max-width: 850px;
    margin: 0 auto !important;
}

.jies .pre p a {
    color: #F90038;
    margin-bottom: 10px;
    position: relative;
    top: -10px;
}

.jies .tags {
    border: 1px solid #e5e5e5;
    width: 886px;
    height: 40px;
    float: left;
    margin-top: 10px;
    padding: 0 10px;
    box-sizing: border-box;
}

.jies .tags dt {
    float: left;
    line-height: 40px;
    font-weight: bold
}

.jies .tags li {
    position: relative;
    display: inline;
    float: left;
    margin: 0 4px 8px 0;
    padding: 1px;
    line-height: 40px;
    vertical-align: middle;
}

.jies .nextatc {
    width: 886px;
    height: 40px;
    float: left;
    border: 1px solid #e5e5e5;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 10px;
    box-sizing: border-box;
}

.jies .nextatc .nec {
    float: left;
    width: 49%;
}

.jies .nextatc .prc {
    float: right;
    width: 49%
}

#want {
    overflow: hidden;
    zoom: 1;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    clear: both;
    margin-top: 2px;
    height: auto;
    margin-bottom: 10px;
}

#want .do_want {
    height: 40px;
    margin-bottom: 10px;
    font-size: 24px;
}

#want ul {
    width: 105%;
}

#want li {
    width: 300px;
    float: left;
    margin-right: 15px;
}

#want .recpic li .tit {
    height: 30px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #444;
    font-size: 14px;
    margin-top: 5px;
    float: left;
    background-color: #f8f8f8;
    font-weight: bold;
}

#want .rectit li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-top: 10px;
}

#want .rectit li.img {
    width: 120px;
    margin-right: 13px;
    border-bottom: 0px;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 2px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

#want .rectit li.img:hover {
    background: rgb(239, 80, 147);
    border-color: rgb(236, 41, 123);
}

#want .rectit li.img:hover a.pic-text {
    color: #fff;
}

#want .rectit li.img a.pic-text {
    font-size: 13px;
    color: #444;
    height: 22px;
    line-height: 22px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

#want .rectit li.img a.pic-link {
    height: auto !important;
}

#want .rectit li.img img {
    width: 120px;
    height: 120px
}

#want .rectit li.img-none {
    margin-right: 0px
}

#want .rectit li.none {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#want .rectit a.artilce {
    font-size: 14px;
    color: #444;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 5px;
    font-family: Microsoft yahei
}

#want .rectit p {
    color: #666;
    line-height: 21px;
    width: 100%;
    height: 42px;
    overflow: hidden;
    float: left;
}

.mian_right {
    float: right;
    width: 300px;
    overflow: hidden;
}

.inc-search {
    margin-top: 0px;
}

.inc-search input.video-input {
    float: left;
    width: 221px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #eaeaea;
    border-right: none;
    padding: 0px 8px;
    color: #bebebe;
}

.inc-search input.video-button {
    width: 61px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: #d65267;
    font-size: 12px;
    color: #fff;
    border: none;
}

.mian_right .rank {
    border: 1px solid #e5e5e5;
    margin-top: 12px;
    padding: 10px;
    padding-bottom: 0;
    float: left;
}

.mian_right .rank h2 {
    font-size: 24px;
    font-family: Microsoft Yahei;
    border-bottom: 2px solid #333;
    height: 38px;
    line-height: 38px;
    margin-bottom: 10px;
}

.mian_right .rank ul {
    overflow: hidden;
    zoom: 1
}

.mian_right .rank li {
    height: 25px;
    margin: 13px 0;
    list-style: none;
    width: 100%;
}

.mian_right .rank li a {
    color: #666;
    font-size: 14px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 240px;
    float: left;
    overflow: hidden
}

.mian_right .rank li em {
    float: left;
    display: inline-block;
    height: 23px;
    width: 23px;
    font-family: Microsoft Yahei;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    margin-right: 10px;
    color: #fff;
    background-color: #cecece;
    border-radius: 2px;
}

.fix_parent {
    width: 100%;
    float: left;
}

.fix_div {
    background: #fff;
    float: left;
    overflow: hidden;
    width: 300px;
}

.mian_right .rank li em.red {
    background: rgb(236, 36, 120)
}

.mian_right .rank .cur {
    margin-top: 0px;
    position: relative;
    height: 140px;
    left: 0px;
    top: 0px;
}

.mian_right .rank img {
    width: 278px;
    height: 140px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.mian_right .rank .tit {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    height: 35px;
    width: 265px;
    padding-left: 13px;
    line-height: 35px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.mian_right .rank .cur em {
    position: absolute;
    left: 0px;
    top: 13px;
    width: 34px;
    height: 44px;
    text-align: left;
    background: url(../images/mbx.png) 0px 0px no-repeat;
    z-index: 99;
    line-height: 24px;
    padding-left: 8px;
    font-size: 18px;
    color: #fff;
}

/**护肤**/

.mian_right .hufu img {
    width: 115px;
    height: 115px;
    position: absolute;
    left: 0px;
    top: 13px;
    border-radius: 3px
}

.mian_right .hufu .cur .tit {
    float: right;
    font-size: 16px;
    color: #333;
    display: inline-block;
    height: 35px;
    width: 150px;
    padding-left: 13px;
    background: none;
    line-height: 35px;
    overflow: hidden;
    position: static;
    font-family: Microsoft Yahei
}

.mian_right .hufu .cur a {
    width: 115px;
    float: left
}

.mian_right .rank span {
    display: inline-block;
    width: 150px;
    height: 100px;
    float: right;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-indent: 2em;
    overflow: hidden;
}

.mian_right .hufu .cur .tit:hover {
    color: #ff0063
}

.rec-tuijian {
    width: 300px;
    border: 0px solid #e6e6e6;
    overflow: hidden;
    margin-top: 13px;
    margin-bottom: 13px;
}

.rec-tuijian, .photo-box {
    border: 1px solid #e5e5e5;
    width: 298px;
    margin-top: 12px;
}

.rec-tuijian h2 {
    font-size: 24px;
    font-family: Microsoft Yahei;
    border-bottom: 2px solid #333;
    height: 38px;
    line-height: 38px;
    margin-bottom: 10px;
    margin: 10px
}

.cmd-list {
    margin-top: 0px !important;
}

.mian_right #rmph {
    padding: 10px;
    width: 278px;
    clear: both;
    padding-top: 3px;
}

.mian_right #rmph h2 {
    margin: 0px;
}

.tuijian-txt {
    margin: 16px 5px 10px 15px;
    overflow: hidden;
}

.rank-box {
    margin: 0;
}

.rank-sub-nav {
    width: 299px;
    overflow: hidden;
    border-left: 1px solid #dedede;
}

.rank-sub-nav li {
    float: left;
    width: 74px;
}

.rank-sub-nav li a {
    width: 73px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    background: #f3f3f3;
    border: 1px solid #dedede;
    font-family: Microsoft Yahei;
    text-align: center;
    display: inline-block;
    border-left: none;
}

.rank-sub-nav li a.cur {
    background: #e0e0e0;
    border-bottom: 1px solid #fff;
}

.rank-sub-nav li {
    width: 70px;
    height: 35px;
    border: none;
    background-color: #f3f3f3
}

.rank-sub-nav li a {
    height: 35px;
    font-size: 12px;
    border: none;
    border-right: 1px solid #dedede;
    display: inline-block;
    width: 69px;
}

.rank_art li {
    height: 80px;
    border-bottom: 1px dashed #ccc;
    margin-top: 10px;
    padding-bottom: 10px;
    overflow: hidden
}

.rank_art li a {
    height: 80px;
    overflow: hidden;
    width: 278px;
    float: left;
}

.rank_art li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.rank_art li img {
    width: 80px;
    float: left;
    overflow: hidden
}

.rank_art li span {
    display: inline-block;
    height: 80px;
    width: 180px;
    float: right;
    font-family: Microsoft Yahei;
}

.rank_art li span b {
    color: #222;
    display: inline-block;
    font-size: 14px;
    font-family: Microsoft Yahei;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    font-weight: bold;
}

.rank_art li span p {
    height: 50px;
    line-height: 15px;
    overflow: hidden;
    font-size: 11px;
    font-family: Microsoft Yahei;
    color: #666
}

.rank_art li span b:hover, #want .recpic li .tit:hover, #want .rectit a:hover, .box-tt span.cl-a a:hover, #cnxh .cnxh_nav a:hover, .mian_right .rank li a:hover {
    color: #ed257d;
    text-decoration: none;
}