a, abbr, address, b, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-weight: 400
}

article, aside, dialog, figure, footer, header, menu, nav, section {
    display: block
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal
}

figure {
    margin: 0
}

ol, ul {
    list-style: none
}

body {
    font: 12px/1.75 "微软雅黑", "宋体", Arial, sans-serif;
    color: #999;
    background: #fff
}

i {
    font-style: normal
}

a {
    text-decoration: none;
    color: #333;
    outline: 0 none
}

.bot_ad_wz a:hover, a:hover {
    text-decoration: underline;
    color: #f67231
}

.adArea:after, .area:after, .askArea:after, .askListTitle:after, .bbsAreaTitle:after, .bbsHot:after, .brandArea:after, .clear:after, .communityHead:after, .expertInterviewCon:after, .footNavArea dd:after, .footNavCon:after, .footweixin li:after, .knowledgeHead:after, .loginUser:after, .newsList:after, .picList:after, .productArea:after, .productAttDesc:after, .productAttInfo:after, .productAttList li:after, .productAttList:after, .sameCity li:after, .sameCity:after, .sqHeadlineTitle:after, .superUserList:after, .taskList li:after, .todayHotTitle:after, .toolsList, .toolsList li:after, .toolsList:after, .topList:after, .wkCenterCmd:after, .wkCenterList li:after, .wkCmd li:after, .ylTalkList:after, .zsBottom.after, .zsTobTabUl:after, .zsTopCon:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both
}

.adArea, .area, .askArea, .askListTitle, .bbsAreaTitle, .bbsHot, .brandArea, .cf, .clear, .clearfix, .communityHead, .expertInterviewCon, .footNavArea dd, .footNavCon, .footweixin li, .knowledgeHead, .loginUser, .newsList, .picList, .productArea, .productAttDesc, .productAttInfo, .productAttList, .productAttList li, .sameCity, .sameCity li, .sqHeadlineTitle, .superUserList, .taskList li, .todayHotTitle, .toolsList, .toolsList li, .topList, .wkCenterCmd, .wkCenterList li, .wkCmd li, .ylTalkList, .zsBottom, .zsTobTabUl, .zsTopCon {
    zoom: 1
}

.cf:after, .clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.clearboth {
    font-size: 0;
    height: 0;
    overflow: hidden;
    width: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.mb6 {
    margin-bottom: 6px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb26 {
    margin-bottom: 26px
}

.mt6 {
    margin-top: 6px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.song {
    font-family: "宋体"
}

.h24, .h24f14 {
    width: 100%;
    height: 24px;
    overflow: hidden;
    font-size: 16px
}

.h40 {
    width: 100%;
    height: 40px;
    overflow: hidden;
    font-family: "宋体"
}

.gray {
    color: #666
}

.f14 {
    font-size: 14px
}

.dn {
    display: none
}

.red {
    color: #f65a45
}

.blue {
    color: #78c6af
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

#page {
    background: #fff
}

#ylHd:after, #ylHdNav p:after, #ylHn:after, .ylHdNavCon:after, .ylHdPop li:after, .ylLoginZt:after, .ylPopBot:after, .ylSiteMapItem dd:after, .ylUnUp:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both
}

#ylHd, #ylHdNav p, #ylHn, .ylHdNavCon, .ylHdPop li, .ylLoginZt, .ylPopBot, .ylSiteMapItem dd, .ylUnUp {
    *zoom: 1
}

#ylHdNavGap, #ylHnTime li a s, .point-top , #ylHnTime li span, #ylHnTime li.ylHnPreschool s, #ylMyMsgClose, .hdDeepGreenTriangle, .hdLinkNew, .hdOrangeTriangle, .hdTriangle, .hdUlink b,  .ylHdNavLeft, .ylHdNavLeftTriangle, .ylHtTimeCon li a, .ylItemOn .hdUlink, .ylItemOn a.hdLoginLink, .ylLoginLink, .ylLoginQq, .ylLoginWb, .ylMyLink s,  a.hdLoginLink:hover {
    background: url(http://h.yaolanimage.cn/global/head/images/header_gray.png?ver=20150729) no-repeat;
    _background: url(http://h.yaolanimage.cn/global/head/images/header_gray8.png?ver=20150729) no-repeat
}

#pageHd {
    width: 100%;
    height: 49px;
    color: #ccc;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    _position: absolute;
    letter-spacing: normal;
    background: url(http://h.yaolanimage.cn/global/head/images/header_jag_bg.png) no-repeat center top;
    _background: url(http://h.yaolanimage.cn/global/head/images/header_jag_bg8.png) no-repeat center top;
    text-align: left;
    font-family: Arial
}

#ylHd {
    width: 960px;
    margin: 0 auto;
    height: 49px;
    position: relative;
    background: url(http://h.yaolanimage.cn/global/head/images/header_jag_c.png) no-repeat center top;
    _background: url(http://h.yaolanimage.cn/global/head/images/header_jag_c8.png) no-repeat center top
}

.hdLink {
    float: left;
    padding: 10px 20px 19px 10px;
    height: 23px;
    text-decoration: none;
    display: inline;
    position: relative;
    color:#9a7e68;
}

a.hdLink:hover, a.hdUlink:hover {
    color: #e86748;
    text-decoration: none
}



a.hdLink.hdAbc:hover {
    background-position: -14px -49px
}

a.hdLink.hdBrand:hover {
    background-position: -8px -49px
}

a.hdLink.hdVideos:hover {
    background-position: -3px -49px
}

a.hdLink.hdIntro:hover, a.hdLink.hdTools:hover {
    background-position: -12px -49px
}

a.hdLink.hdMobile:hover {
    background-position: -5px -49px
}

a.hdLink span {
    width: 62px;
    height: 23px;
    display: block;
    overflow: hidden;
    line-height: 23px;
    padding-left: 14px;
    background: url(http://h.yaolanimage.cn/assets/images/index/dot.png) no-repeat 0 9px;
    font-size: 14px;
    font-family: "微软雅黑";
    cursor: pointer;
}

a.hdLink span.hdLinkIndex {
    background-position: 0 -130px;
    width: 76px
}



a.hdLink span.hdLinkAbc {
    background-position: 0 -98px
}

a.hdLink:hover span.hdLinkAbc {
    background-position: 0 -112px
}

a.hdLink span.hdLinkBrand {
    background-position: -62px -98px
}

a.hdLink span.hdLinkIntro {
    background-position: -64px -372px
}

a.hdLink:hover span.hdLinkIntro {
    background-position: -64px -386px
}

a.hdLink:hover span.hdLinkBrand {
    background-position: -62px -112px
}

a.hdLink span.hdLinkTools {
    background-position: -124px -98px;
    width: 76px
}

a.hdLink:hover span.hdLinkTools {
    background-position: -124px -112px;
    width: 76px
}

a.hdLink span.hdLinkMobile {
    background-position: -152px -130px;
    width: 65px
}

a.hdLink:hover span.hdLinkMobile {
    background-position: -152px -144px
}

.hdLinkNew {
    width: 26px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 5px;
    display: block;
    background-position: -209px -98px
}

a.hdLoginLink {
    float: left;
    padding: 16px 13px 19px;
    height: 14px;
    text-align: center;
    color: #9a7e68;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    font-family: "微软雅黑";
    font-size: 14px;

}

.ylItemOn a.hdLoginLink, a.hdLoginLink:hover {
    background-position: -2px -49px;
    color: #f7967f;
    text-decoration: none
}

a.hdLoginLink.hdReg:hover {
    background-position: -1px -49px
}

a.hdLoginLink.hdQuick {
    padding-right: 25px;
    position: relative
}

a.hdLoginLink.hdQuick:hover {
    background-position: -4px -49px
}

.hdTriangle {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 9px;
    height: 6px;
    display: block;
    background-position: -133px -171px;
    text-indent: -999em;
    overflow: hidden;
    -moz-transition: -moz-transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in
}

.ylItemOn .hdTriangle {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    top: 22px;
    *top: 20px
}


#ylLoginDiv .ylLoginTriangle {
    right: auto;
    left: 15px
}

.hdUlink {
    float: left;
    padding: 16px 25px 19px 13px;
    height: 14px;
    text-align: center;
    color: #7d6352;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px
}

.hdUlink b {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 9px;
    height: 6px;
    display: block;
    background-position: -133px -171px;
    text-indent: -999em;
    overflow: hidden;
    -moz-transition: -moz-transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in
}

.ylItemOn .hdUlink {
    background-position: -2px -49px;
    color: #f7967f;
    text-decoration: none
}

.ylItemOn .hdUlink b {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    top: 22px;
    *top: 20px
}

.ylItemOn .hdUlink.hdMyMsg b {
    -moz-transform: rotate(0);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(0);
    -o-transform-origin: 50% 50%;
    transform: rotate(0);
    transform-origin: 50% 50%;
    top: 17px
}

.ylLoginQq, .ylLoginWb {
    padding: 0 6px;
    margin: 11px 0 15px;
    display: inline;
    width: 23px;
    height: 23px;
    float: left;
    text-decoration: none;
    line-height: 999em;
    overflow: hidden
}

.ylLoginWb {
    background-position: -167px -259px
}

.ylLoginQq {
    background-position: -202px -259px
}

.ylDown {
    float: left;
    position: relative;
    font-size: 12px;
    z-index: 2
}

.ylHdPop {
    border: #ddd 1px solid;
    background: #fff;
    position: absolute;
    top: 42px;
    left: 0;
    display: none;
    font-size: 12px;
    z-index: 2;
    padding-bottom: 6px;
}

#ylMyDiv.ylHdPop ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.ylHdIframe {
    width: 230px;
    height: 180px;
    position: absolute;
    left: 0;
    top: 42px;
    z-index: 1;
    background: 0 0;
    display: none
}

.ylHdMapIframe {
    width: 210px;
    height: 368px;
    position: absolute;
    right: 1px;
    top: 42px;
    z-index: 1;
    background: 0 0;
    display: none
}

.ylItemOn .ylHdIframe, .ylItemOn .ylHdPop {
    display: block
}

#ylLoginDiv {
    padding: 20px;
    width: 190px
}

.ylUnUp {
    padding: 6px 4px 6px 8px;
    border: #dcdcdc 1px solid;
    height: 16px;
    margin-bottom: 14px
}

.ylUnUp.ylLoginTips {
    border: #dacfb5 1px solid;
    background: #fffbe8
}

.ylUnUp.ylLoginTips input {
    color: red
}

.ylLoginError {
    border: #dacfb5 1px solid;
    background: #fffbe8;
    color: red;
    height: 28px;
    line-height: 28px;
    padding-left: 15px;
    margin-top: 10px
}

.ylUnUp span {
    width: 36px;
    padding-right: 9px;
    border-right: #eee 1px solid;
    height: 16px;
    line-height: 16px;
    color: #999;
    float: left
}

.ylUnUp input {
    float: right;
    width: 124px;
    background: 0 0;
    border: 0 none;
    color: #666;
    line-height: 16px;
    font-family: Arial;
    height: 16px;
    _margin-top: 2px;
    font-size: 12px;
    position: static
}

.ylLoginAnimation {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    -o-animation-duration: .8s;
    -o-animation-delay: .2s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    animation-duration: .8s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both
}

.ylLoginShake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px)
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px)
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px)
    }
}

.ylLoginZt, .ylLoginZt a {
    color: #4b4b4b;
    line-height: 16px;
    text-decoration: none
}

.ylLoginZt label {
    cursor: pointer
}

.ylLoginCheckbox {
    margin: 2px 4px 0 0;
    _margin: 0 4px 0 0;
    display: inline;
    float: left;
    width: 14px;
    height: 14px;
    vertical-align: top
}

.ylLoginLink {
    display: block;
    border: #ee6e47 1px solid;
    border-bottom: none;
    background-position: 0 -195px;
    height: 30px;
    font: 14px/30px "宋体";
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
    text-align: center
}

a.ylLoginLink:hover {
    background-position: 0 -225px;
    color: #fff;
    text-decoration: none
}

#ylLoading {
    margin: 14px 20px 0 0;
    display: block
}

#ylSiteMap.ylHdPop {
    left: auto;
    right: 0
}

#ylSiteMap {

    width: 340px
}
#ylSiteMap dt em ,#ylSiteMap dt a{
    font-size: 14px;
    font-family:  "微软雅黑", "宋体";
    color:#333;
    display: inline-block;
    padding-left: 34px;
    font-weight: bold;
    background-image: url(http://h.yaolanimage.cn/assets/images/global/nava_bg.gif) ;
    background-repeat: no-repeat ;
    height: 25px;
    line-height: 25px;
}
#ylSiteMap dd{
    padding-left: 28px;
    padding-left: 28px;
}
#ylSiteMap .nava-1 em ,#ylSiteMap .nava-1 a{
    background-position: left top;
}
#ylSiteMap .nava-2 em ,#ylSiteMap .nava-2 a{
    background-position: left -95px;
}
#ylSiteMap .nava-3 em,#ylSiteMap .nava-3 a{
    background-position: left -167px;
}
#ylSiteMap .nava-4 em,#ylSiteMap .nava-4 a{
    background-position: left -263px;
}
#ylSiteMap .nava-5 em,#ylSiteMap .nava-5 a{
    background-position: left -334px;
}
#ylSiteMap .nava-6 em,#ylSiteMap .nava-6 a{
    background-position: left -407px;
}
#ylSiteMap .nava-7 em,#ylSiteMap .nava-7 a{
    background-position: left -481px;
}
#ylSiteMap dt a:hover{
    color:#f60;
}

.ylSiteMapItem {
    padding: 10px 0 8px 12px;

}
.odd{
    background: #f6f6f6;
}
.ylSiteMapBnone {
    border: 0 none
}

.ylSiteMapItem dd, .ylSiteMapItem dt {
    padding: 0;
    margin: 0
}

.ylSiteMapItem dd {


}

.ylSiteMapItem dd a, .ylSiteMapItem dt a {
    color: #4b4b4b;
    text-decoration: none;
    line-height: 22px
}

.ylSiteMapItem dd a {
    display: inline-block;
    white-space: nowrap;
    padding:0 6px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-family: "微软雅黑", "宋体";
    color:#333;
}

.ylSiteMapItem dd a:hover {
    color: #fff;
    background:#f26749;
}

.ylSiteMapItem dt a {
    font-weight: 700
}

.point-top ,.ylLoginTriangle{
    background-image: url(http://h.yaolanimage.cn/assets/images/global/point_top.png);
    background-position:0 0;
    background-repeat:no-repeat ;
    display: block;
    font-size: 0;
    height: 8px;
    position: absolute;
    right: 45px;
    top: -8px;
    width: 15px;
}
#ylLogin .ylLoginTriangle {
    background-image: url(http://h.yaolanimage.cn/assets/images/global/point_top.png);
    background-position:0 0;
    background-repeat:no-repeat ;
    right: 15px;

}

#ylLogin {
    display: none
}

#ylMyDiv.ylHdPop {
    left: auto;
    right: 0
}

.hdMyLink {
    padding: 5px 27px 14px 6px;
    height: 30px;
    position: relative;
    width: 99px
}

.hdMyLink img {
    width: 30px;
    height: 30px;
    float: left;
    border: 0 none
}

.hdMyLink span {
    float: right;
    padding: 11px 0 0 6px;
    width: 60px;
    height: 14px;
    overflow: hidden;
    line-height: 14px;
    cursor: pointer
}

a.hdMyLink:hover, a.hdMyLink:hover span {
    color: #f7967f
}

#ylMyDiv {
    width: 114px;
    padding: 8px 15px;
    _padding: 12px 15px 8px
}

#ylMyDiv a {
    color: #4b4b4b;
    font-size: 12px;
    text-decoration: none;
    float: left;
    line-height: 20px;
    height: 20px;
    _padding-top: 2px
}

#ylMyDiv a:hover {
    color: #f60;
    text-decoration: none
}

#ylMyDiv li {
    height: 20px;
    line-height: 20px;
    padding: 8px 0;
    _padding: 6px 0 0;
    margin: 0
}

#ylMyDiv li span {
    float: left;
    height: 12px;
    line-height: 12px;
    border-right: #ccc 1px solid;
    margin: 4px 9px 0;
    _display: inline
}

.ylMyLink {
    padding-left: 22px;
    position: relative
}

.ylMyLink s {
    width: 18px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 2px
}

.ylMyLink s.ylMyAsk {
    background-position: 0 -260px
}

.ylMyLink s.ylMyDiary {
    background-position: -22px -260px
}

.ylMyLink s.ylMyAlbum {
    background-position: -44px -260px
}

.ylMyLink s.ylMySpace {
    background-position: -113px -260px; 
	width:19px;
}
.ylMyLink s.ylMyBbs {
    background-position: -66px -262px
}


.ylMyLink s.ylMyWb {
    background-position: -88px -260px
}

#ylMyMsg {
    width: 128px;
    left: auto;
    right: 0
}

#ylMyAccount {
    width: 98px;
    left: auto;
    right: 0
}

.hdMyMsg {
    padding-right: 40px;
    width: 24px;
    overflow: hidden
}

.hdMyMsg b {
    height: 12px;
    line-height: 12px;
    top: 17px;
    width: 24px;
    overflow: hidden;
    text-align: center;
    right: 10px;
    background: #fb754c;
    color: #fff;
    font-size: 10px;
    text-indent: 0;
    _top: 17px;
    font-weight: 400
}

.ylPopTop, .ylPopUl {
    padding: 4px 0;
    margin: 0
}

.ylPopBot, .ylPopUl {
    border-top: #ebebeb 1px solid
}

.ylPopTop p, .ylPopUl li {
    padding: 3px 14px;
    color: #4b4b4b;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    margin: 0
}

.ylPopTop p:hover, .ylPopUl li:hover {
    background: #f5f5f5
}

.ylPopBot a, .ylPopTop a, .ylPopUl a {
    color: #4b4b4b;
    text-decoration: none;
    float: left
}

.ylPopTop p span, .ylPopUl li span {
    float: right
}

#ylMyMsgPop .ylPopTop p span, #ylMyMsgPop .ylPopUl li span {
    margin-right: 20px;
    display: inline
}

.ylPopBot a:hover, .ylPopTop a:hover, .ylPopTop p span a, .ylPopUl a:hover, .ylPopUl li span a {
    color: #f60
}

.ylPopBot {
    padding: 8px 14px;
    margin: 0
}

#ylMyMsgClose {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 16px;
    height: 16px;
    display: block;
    line-height: 999em;
    overflow: hidden;
    background-position: -135px -255px
}

#ylMyAccount .ylPopTop p a, .ylPopBot a {
    width: 72px;
    height: 20px;
    overflow: hidden;
    display: block
}

#ylMyMsgPop.ylHdPop {
    left: auto;
    right: 70px;
    top: 40px;
    width: 150px;
    display: block;
    border: #dacfb5 1px solid;
    background: #fffbe8;
    box-shadow: -5px -5px -5px #fffbe8;
    border-radius: 5px;
    z-index: 100
}

#ylMyMsgPop .ylPopTop p:hover, #ylMyMsgPop .ylPopUl li:hover {
    background: #fef4c7
}

#pageHn {
    height: 45px;
    position: relative;
    width: 100%;
    z-index: 9;
    background: #fff;
}

#ylHn {
    width: 960px;
    height: 45px;
    margin: 0 auto;
    font-size: 12px
}

.ylNavItem {
    height: 41px;
    background: #fa7d5f;
    margin-top: 4px;
    width: 94px;
    float: left;
    position: relative
}

.ylHdNavCon {
    position: absolute;
    left: 0;
    top: 41px;
    margin: 0;
    width: 165px;
    padding: 8px 0 10px 8px;
    border: #d6d6d6 1px solid;
    background: #fff;
    box-shadow: -2px 0 2px -2px #cdcdcd, 0 0 0 0 #cdcdcd, 0 2px 2px -2px #cdcdcd, 2px 0 2px -2px #cdcdcd;
    border-radius: 0 0 2px 2px;
    display: none;
    text-align: left
}

.ylHdNavOn .ylHdNavCon {
    display: block
}

.ylHdNavCon a {
    color: #4b4b4b;
    font-size: 12px;
    line-height: 24px;
    padding:0 10px;
    text-decoration: none;
    white-space: nowrap;
    font-family:  "微软雅黑", "宋体";
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.ylHdNavCon a:hover {
    color: #fff;
    background: #f26749;
}

.ylHdNavLeftTriangle {
    width: 15px;
    height: 8px;
    position: absolute;
    left: 17px;
    top: -8px;
    display: block;
    background-position: -131px -150px
}

.ylHdNavTt {
    font: 16px/24px "微软雅黑";
    padding: 0 32px 0 20px;
    line-height: 41px;
    height: 41px;
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block
}

a.ylHdNavTt:hover {
    color: #fff;
    text-decoration: none
}

.ylHdNavLeft {
    width: 2px;
    height: 41px;
    font-size: 0;
    background-position: 0 -154px;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.ylHdNavOn .ylHdNavTt {
    background: #e86748;
    color: #fff
}

#ylHdNavMy a.ylHdNavTt:hover {
    background: #e86748;
    color: #fff
}

.ylHdNavOn .ylHdNavLeft {
    background-position: -3px -154px
}

.ylHdNavTt .hdTriangle {
    -moz-transition: -moz-transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in;
    right: 12px;
    top: 18px
}

.ylHdNavOn .ylHdNavTt .hdTriangle {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    right: 12px
}

#ylHdNavMy.ylHdNavTt {
    float: left;
    background: #fa7d5f;
    width: 64px;
    margin-top: 4px
}

a#ylHdNavMy.ylHdNavTt:hover {
    background: #e86748;
    color: #fff
}
#ylHdNavMy{
    width:116px
}
#ylNav3{
    width:94px;
}

#ylHdNavMy .hdOrangeTriangle {
    background:url(http://h.yaolanimage.cn/assets/images/index/nava.png) no-repeat  -21px -45px;
    width: 42px;
    height: 41px;
    font-size: 0;
    display: block;
    position: absolute;
    right: -20px;
    top: 0
}
#ylHdNavMy.onhover .hdOrangeTriangle{
    background:url(http://h.yaolanimage.cn/assets/images/index/nava.png) no-repeat  -21px 0
}
a#ylHdNavMy.ylHdNavTt:hover .hdOrangeTriangle {
   /* background-position: -39px -154px*/
}

#ylHnTime {
    width: 536px;
    height: 45px;
    float: right;
    margin: 0;
    padding: 0
}

#ylHnTime li {
    float: left;
    width: 89px;
    list-style: none;
    background: #78c6af
}

#ylHnTime li.ylHnPreschool {
    width: 91px
}

#ylHnTime li a {
    display: block;
    width: 77px;
    height: 27px;
    padding: 9px 6px;
    position: relative;
    text-indent: -999em
}

#ylHnTime li.ylHnPreschool a {
    padding: 9px 8px 9px 6px
}

#ylHnTime li a:hover {
    background: #53a58d
}

#ylHnTime li span {
    width: 77px;
    height: 27px;
    display: block;
    overflow: hidden;
    cursor: pointer
}

#ylHnTime li.ylHnPreconception span {
    background-position: 0 -296px
}

#ylHnTime li.ylHnPregnant span {
    background-position: -76px -296px
}

#ylHnTime li.ylHnBirth span {
    background-position: -152px -296px
}

#ylHnTime li.ylHnInfant span {
    background-position: 0 -324px
}

#ylHnTime li.ylHnToddler span {
    background-position: -76px -324px
}

#ylHnTime li.ylHnPreschool span {
    background-position: -152px -323px
}

#ylHnTime li.ylHnPreschool s {
    background-position: -6px -150px;
    width: 2px;
    height: 45px;
    display: block;
    font-size: 0;
    position: absolute;
    right: 0;
    _right: -1px;
    top: 0
}

#ylHnTime li.ylHnPreschool a:hover s {
    background-position: -9px -150px
}

.hdDeepGreenTriangle {
    width: 22px;
    height: 45px;
    font-size: 0;
    background-position: -62px -150px;
    display: block;
    position: absolute;
    left: -22px;
    top: 0
}

#ylHnTime li.ylHnPreconception a:hover .hdDeepGreenTriangle {
    background-position: -96px -150px
}

#ylHtTime {
    width: 960px;
    padding: 8px 0;
    margin: auto;
    height: 35px;
    background: #fff;
}

#topLoading {
    margin: 6px;
    display: block
}

#closeChangeBirth, .abcTestBtn, .askHeadlineIcon, .askListIcon, .babySexRadio, .bbsAreaLine, .bbsHotTitle, .braceLeft, .braceRight, .brandScrollBtnL, .brandScrollBtnR, .btnFeedbackGlobal, .communityHeadTitle, .dropdown strong, .firstRightAd li, .focusNum li, .guessLikeIcon, .iconApp, .iconBbs, .iconPhoto, .iconTiny, .iconWeixin, .kSlash, .kidsHotWz, .knowledgeHeadTitle, .loginBot, .loginReg, .myYaolanBtn, .newsList em, .prodoctAttNum span, .productBuyBtn, .productCmdStar, .productCmdStar span, .productScrollBtnL, .productScrollBtnR, .sameCity em, .searchIn, .searchKeyHot, .searchKeyNew, .taskList li, .taskListAward, .todayHotWz, .topList li, .wkCenterList li, .wxClose, .ylCopy, .ylTalkNum, .zsTobTabUl li.cur a, .zsTopTabLine {
    background: url(http://h.yaolanimage.cn/home/images/index.2015.png?ver=2013112902) no-repeat;
    _background: url(http://h.yaolanimage.cn/home/images/index.2015.bg8.png?ver=2014020805) no-repeat
}

#waper {
    width: 100%;
    position: relative
}

.main {
    width: 960px;
    margin: 0 auto;
    padding-top: 55px;
    position: relative;
    z-index: 888;
}

.mastHead {
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 10;
    padding-bottom: 15px;
    padding-top: 15px;
    background: #fff;
    margin-top: -30px;
}

.ylLogo {
    width: 300px;
    position: absolute;
    left: 0;
    top: 13px;
    font-size: 30px;
    line-height: 42px;
    font-family: microsoft yahei;
    display: table-cell;
    vertical-align: middle;
    *display: block;
    *font-size: 42px;
    *font-family: Arial
}

.ylLogo a {
    color: #f67231;
    font-weight: 700
}

.ylLogo img {
    vertical-align: bottom;
}

.searchInput {
    border: 0 none;
    width: 192px;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    color: #b6aba3;
    position: absolute;
    z-index: 11;
    left: 57px;
    top: 5px;
    background: #fff;
    padding: 0 0 6px 5px
}

#txt_Keywords.searchInput {
    color: #999
}

.searchBtn {
    width: 34px;
    height: 34px;
    text-indent: -999em;
    border: 0 none;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.search {
    width: 610px;
    position: absolute;
    right: 0;
    top: 25px
}

.searchKey {
    width: 210px;
    float: right;
    padding: 10px 4px 0 0;
    height: 20px;
    margin-top: -4px;
    overflow: hidden;
    text-align: right
}

.searchKey a {
    margin-left: 7px;
    color: #999;
    display: inline-block;
    position: relative
}

.searchKeyHot, .searchKeyNew {
    position: absolute;
    width: 24px;
    height: 13px;
    background-position: -311px -19px;
    display: block;
    right: -22px;
    top: -10px;
    line-height: 999em;
    overflow: hidden
}

.searchKeyHot {
    width: 19px;
    background-position: -288px -19px;
    right: -18px;
    top: -10px
}

.adBot {
    width: 960px;
    height: 90px;
    margin: 0 auto 20px;
    overflow: hidden;
    background: #dbdbdb
}

.footNav .adBot {
    margin: 0 auto
}

.adArea {
    width: 960px;
    height: 90px;
    margin: auto;
    padding-bottom: 18px;
    background: #fff;
    overflow: hidden
}

.adLeft {
    width: 715px;
    height: 90px;
    float: left;
    overflow: hidden;
    background: #dbdbdb
}

.adRight {
    width: 220px;
    height: 90px;
    float: right;
    background: #dbdbdb
}

.more {
    margin-left: 6px
}

.changeUserInfo a, .expertMore, .expertMore a, .more, .more a {
    color: #71a495;
    font-family: "宋体";
    font-size: 12px
}

.expertMore {
    margin-top: 4px
}

.area {
    width: 960px;
    margin: auto;
    padding-bottom: 20px;
    background: #fff;
}

.siderLeft {
    width: 290px;
    float: left;
    margin-right: 25px;
    display: inline;
    _margin-right:12px;
}

.content {
    width: 400px
}

.mleft {
    width: 715px;
    float: left
}

.siderRight {
    width: 220px;
    float: right
}

.aTitle, .bTitle {
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    position: relative;
    color: #333
}

.bTitle {
    font-size: 14px
}

.ylTalkAgo {
    line-height: 24px;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    color: #71a495
}

.ylTalkList {
    padding: 0 0 9px 20px;
    _padding: 0 0 4px 20px;
    background: url(http://h.yaolanimage.cn/home/images/yltalkline.gif) no-repeat 7px 7px
}

.ylTalkList li {
    position: relative;
    padding: 12px 0;
    height: 75px;
    float: left;
    width: 270px
}

.ylTalkNum {
    position: absolute;
    left: -17px;
    top: 12px;
    width: 10px;
    height: 10px;
    display: block;
    background-position: -330px 0
}

.ylTalkList li.cur .ylTalkNum {
    background-position: -350px -79px
}

.ylTalkImg {
    float: left;
    width: 80px;
    height: 75px;
    overflow: hidden
}

.ylTalkImg img {
    width: 80px;
    height: 75px
}

.ylTalkWz {
    float: right;
    width: 180px
}

.wkCmd {
    padding-top: 14px;
    height: 242px;
    overflow: hidden;
    border-top: #ccc 1px dashed;
    position: relative
}

.wkCmd .ylTruthAgo {
    position: absolute;
    right: 0;
    color: #71A495
}

.wkCmd li {
    background: url(http://h.yaolanimage.cn/home/images/dot.gif) repeat-x left bottom;
    padding: 10px 0
}

.wkCmdImg {
    width: 92px;
    height: 92px;
    float: left;
    overflow: hidden
}

.wkCmdImg img {
    width: 92px;
    height: 92px;
    display: block
}

.wkCmdWz {
    width: 180px;
    float: right
}

.wkCmdTitle {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: -2px 0 6px 0
}

.bbsHot {
    padding-top: 18px;
    margin-top: 7px;
    border-top: #ccc 1px dashed
}

.bbsHotTitle {
    float: left;
    background-position: -247px -190px;
    font: 16.75px/24.36px "微软雅黑";
    color: #fff;
    width: 34px;
    height: 50px;
    padding: 9px 18px
}

.bbsHotTitle a, .bbsHotTitle a:hover {
    color: #fff;
    text-decoration: none
}

.bbsHotCon {
    width: 190px;
    float: right
}

.focus {
    width: 380px;
    height: 234px;
    background: url(http://h.yaolanimage.cn/home/images/focus_bg.jpg) no-repeat;
    padding: 10px 10px 20px;
    margin-bottom: 8px
}

.focusImg {
    width: 380px;
    height: 210px;
    overflow: hidden;
    background: #cdcdcd;
    border-radius: 10px;
    margin-bottom: 8px
}

.focusImg li img {
    width: 380px;
    height: 210px;
    border-radius: 10px
}

.focusNum {
    margin: 0 auto;
    text-align: center;
    height: 16px;
    width: 380px;
    white-space: nowrap;
    overflow: hidden
}

.focusNum li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 16px;
    height: 16px;
    background-position: -344px -25px;
    cursor: pointer
}

.focusNum li.current {
    width: 16px;
    height: 16px;
    background-position: -344px -106px
}

.topArticle {
    background: url(http://h.yaolanimage.cn/home/images/dot.gif) repeat-x left bottom;
    padding: 0 0 8px
}

.todayHotTitle {
    padding-bottom: 10px
}

.kidsHotWz, .todayHotWz {
    width: 76px;
    height: 24px;
    _height: 20px;
    _padding-top: 4px;
    font: 14px/22px "微软雅黑";
    _line-height: 20px;
    color: #fff;
    float: left;
    background-position: -160px -110px;
    padding-left: 8px
}

.kidsHotWz {
    background-position: -70px -110px
}

.todayHeadLine {
    width: 306px;
    float: right;
    font: 18px/22px "微软雅黑";
    height: 24px;
    overflow: hidden
}

.topList {
    padding: 11px 0 16px;
    margin-right: -35px
}

#first_centerlist_Ad.topList {
    margin-top: -32px
}

.topList li {
    padding-left: 13px;
    background-position: -356px -47px;
    _background-position: -356px -49px;
    float: left;
    width: 170px;
    margin-right: 33px;
    display: inline;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.kidsHotKey {
    float: right;
    margin-right: -20px;
    display: inline;
    line-height: 24px;
    height: 24px;
    overflow: hidden
}

.kidsHotKey a {
    margin-right: 20px;
    display: inline-block;
    color: #666
}

.wkCenterCmd {
    padding: 22px 0 15px
}

.wkCenterTitle {
    font-size: 16px;
    line-height: 24px;
    width: 296px;
    height: 24px;
    overflow: hidden;
    margin: -3px 0 4px 0
}

.wkCenterWz {
    width: 296px;
    float: right
}

.wkCenterList li {
    padding-left: 13px;
    background-position: -356px -47px;
    _background-position: -356px -50px;
    width: 283px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.wkCenterWlink {
    float: left;
    width: 168px;
    height: 24px;
    overflow: hidden
}

.wkCenterKey {
    float: right;
    width: 96px;
    height: 24px;
    overflow: hidden;
    text-align: right
}

.wkCenterKey a {
    color: #999;
    font-size: 12px
}

.centerAd {
    width: 400px;
    height: 90px;
    overflow: hidden
}

.siderLogin {
    margin-bottom: 26px
}

.loginReg {
    width: 169px;
    padding: 0 30px;
    height: 49px;
    margin: -7px -9px -8px 0;
    background-position: 0 -36px;
    position: relative;
    z-index: 2
}

.loginReg a {
    width: 80px;
    height: 42px;
    line-height: 42px;
    padding-top: 6px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #5f9c8a
}

.loginReg a:hover {
    text-decoration: none;
    color: #f67231
}

.loginReg a.loginPresent {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 26px;
    display: block;
    line-height: 999em;
    overflow: hidden
}

.loginArea {
    width: 192px;
    padding: 16px 14px 0;
    position: relative;
    background: #fffcea;
    z-index: 1
}

.loginBot {
    width: 220px;
    height: 13px;
    background-position: 0 -90px;
    line-height: 0
}

.sTitle {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    color: #555
}

.sTitle h2 {
    float: left
}

.abcTestBtn, .myYaolanBtn {
    width: 61px;
    height: 22px;
    line-height: 22px;
    _padding-top: 2px;
    _height: 20px;
    _line-height: 20px;
    color: #fff;
    font-family: "宋体";
    text-align: center;
    background-position: 0 -110px
}

.myYaolanBtn {
    background-position: -250px -110px;
    width: 67px;
    float: left;
    margin-left: 10px;
    display: inline
}

a.abcTestBtn:hover, a.myYaolanBtn:hover {
    color: #fff
}

.siderTools {
    background: #fffcea;
    padding: 8px 14px 0
}

.loadingLogin {
    width: 192px;
    height: 85px;
    background: url(http://h.yaolanimage.cn/home/images/loading3.gif) no-repeat center center
}

.loadingTools {
    width: 192px;
    height: 70px;
    background: url(http://h.yaolanimage.cn/home/images/loading3.gif) no-repeat center center
}

.loginAfterArea {
    width: 192px;
    padding: 14px 14px 4px;
    background: #fffcea;
    border-top: #e9e9e9 1px solid
}

.loginAfterArea .pa {
    position: absolute;
    right: 0;
    bottom: 0;
    *bottom: 4px
}

.userAvavtar {
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    margin-bottom: 10px
}

.userAvavtar img {
    width: 40px;
    height: 40px
}

.loginUserInfo {
    width: 135px;
    float: right
}

.loginUserName {
    width: 132px;
    height: 20px;
    overflow: hidden
}

.toolsList {
    width: 192px;
    height: 68px;
    overflow: hidden
}

.toolsList li {
    width: 192px;
    height: 68px;
    overflow: hidden;
    float: left
}

.toolsImg {
    width: 60px;
    height: 60px;
    float: left;
    margin-top: 4px
}

.toolsImg img {
    width: 60px;
    height: 60px
}

.toolsInfo {
    width: 120px;
    float: right;
    margin-top: 12px
}

.toolsTitle {
    font-size: 14px;
    height: 24px;
    overflow: hidden;
    margin: -2px 0 2px
}

.toolsDesc {
    height: 20px;
    overflow: hidden
}

.quickEntrance {
    margin-left: -3px;
    width: 223px;
    margin-bottom: 4px
}

.quickEntrance a {
    float: left;
    height: 84px;
    margin: 0 0 3px 3px;
    display: inline;
    position: relative;
    cursor: pointer
}

.iconWeixinImg {
    padding: 4px 0 0 4px;
    width: 75px;
    height: 75px;
    float: left
}

.iconWeixinWz {
    width: 40px;
    font-size: 18px;
    line-height: 24px;
    float: right;
    padding: 18px 15px 0 0
}

.quickDb {
    display: block;
    width: 100%;
    position: absolute;
    height: 84px;
    cursor: pointer
}

.qeWeixin {
    width: 147px
}

.qeApp {
    width: 70px
}

.qePhoto, .qeTiny {
    width: 72px
}

.qeBbs {
    width: 70px
}

.qeWeixin .quickDb {
    background: #94d661
}

.qeApp .quickDb {
    background: #35ccf9
}

.qeTiny .quickDb {
    background: #ff967d
}

.qePhoto .quickDb {
    background: #f5d338
}

.qeBbs .quickDb {
    background: #99d9f2
}

.quickDb s {
    position: absolute;
    top: 20px;
    width: 42px;
    height: 40px;
    display: block
}

.iconWeixin {
    background-position: -168px -140px;
    left: 52px
}

.iconApp {
    background-position: -126px -140px;
    left: 16px
}

.iconTiny {
    background-position: -42px -140px;
    left: 17px
}

.iconPhoto {
    background-position: 0 -140px;
    left: 17px
}

.iconBbs {
    background-position: -84px -140px;
    left: 16px
}

.quickEntrance a:hover {
    text-decoration: none
}

.qeHover {
    background: #fa7d5f;
    color: #fff;
    text-decoration: none;
    display: none;
    line-height: 84px;
    height: 84px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    font-size: 16px
}

.appTinyWz {
    line-height: 20px;
    width: 40px;
    padding: 22px 16px;
    height: 40px;
    font-size: 18px;
    display: block;
    text-align: center
}

.firstRightAd li {
    padding-left: 13px;
    background-position: -356px -45px;
    _background-position: -356px -47px;
    width: 207px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 14px
}

.firstRightSadLeft {
    float: left;
    height: 30px;
    width: 40px;
    overflow: hidden
}

.firstRightSadRight {
    float: right;
    height: 30px;
    line-height: 28px;
    overflow: hidden;
    width: 170px;
    font-size: 14px
}

.brandArea {
    padding: 7px 6px;
    border-top: #eaedee 1px solid;
    border-bottom: #eaedee 1px solid;
    margin: 0 auto 20px;
    height: 32px
}

.brandTitle {
    font: 16px/32px "微软雅黑";
    float: left
}

.brandTitle a {
    color: #999
}

.brandScroll {
    width: 830px;
    float: right;
    position: relative
}

.brandScrollBtnL, .brandScrollBtnR {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 6px;
    display: block
}

.brandScrollBtnL {
    left: 0;
    background-position: -229px -68px
}

.brandScrollBtnR {
    right: 0;
    background-position: -249px -68px
}

a.brandScrollBtnL:hover {
    left: 0;
    background-position: -269px -68px
}

a.brandScrollBtnR:hover {
    right: 0;
    background-position: -289px -68px
}

.brandScrollArea {
    width: 720px;
    height: 32px;
    overflow: hidden;
    margin: 0 auto
}

.brandScrollArea li {
    padding: 0 15px;
    float: left;
    width: 90px;
    height: 32px;
    overflow: hidden
}

.knowledgeHead {
    position: relative;
    height: 69px;
    border-bottom: #78c6af 3px solid;
    margin-bottom: 10px
}

.knowledgeHeadTitle {
    width: 179px;
    height: 72px;
    position: absolute;
    left: 9px;
    bottom: -3px;
    _bottom: -4px;
    background-position: 0 -328px;
    display: block;
    line-height: 999em;
    overflow: hidden
}

.knowledgeHeadTitle a {
    width: 179px;
    height: 72px;
    display: block;
    line-height: 999em;
    overflow: hidden
}

.knowledgeKeyword {
    float: right;
    width: 672px;
    padding-top: 38px;
    overflow: hidden;
    text-align: right
}

.knowledgeKeyword a {
    display: inline-block
}

.kSlash {
    width: 9px;
    height: 13px;
    display: inline-block;
    background-position: -313px -49px;
    vertical-align: middle;
    margin: -2px 17px 0 13px
}

.zsTopTab {
    height: 35px;
    border-bottom: #eee 2px solid;
    position: relative;
    margin-bottom: 19px
}

.zsTopTabLine {
    width: 169px;
    height: 2px;
    font-size: 0;
    background-position: 0 -410px;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 0
}

.zsTobTabUl li {
    float: left;
    padding: 0 15px;
    height: 36px;
    width: 52px;
    margin: 0 20px -1px 0;
    display: inline
}

.zsTobTabUl li a {
    width: 52px;
    text-align: center;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    padding-bottom: 12px
}

.zsTobTabUl li.cur a {
    background-position: -210px -140px
}

.zsTop {
    margin-bottom: 20px
}

.zsTopCon {
    display: none
}

.askHeadline {
    position: relative;
    height: 88px;
    padding-left: 92px
}

.askHeadlineIcon {
    width: 80px;
    height: 83px;
    line-height: 999em;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background-position: -230px -266px;
    display: block
}

.askListTitle {
    background: url(http://h.yaolanimage.cn/home/images/dot.gif) repeat-x left top;
    padding-top: 10px;
    margin: 14px 0 8px;
    height: 20px;
    overflow: hidden;
    font-size: 14px
}

.askListDesc {
    height: 40px;
    overflow: hidden
}

.askListIcon {
    width: 14px;
    height: 14px;
    background-position: -310px 0;
    margin: 6px 4px 0 0;
    display: inline;
    float: left
}

.picList {
    margin: 0 -1px;
    width: 402px;
    display: inline;
    float: left
}

.picList li {
    width: 200px;
    height: 135px;
    position: relative;
    float: left;
    margin: 0 1px 1px 0;
    display: inline;
    overflow: hidden
}

.picListFirst {
    background: #f04656;
    color: #fff
}

.picListTitle {
    font-size: 22px;
    width: 168px;
    height: 38px;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 15px;
    top: 14px
}

.picListWords {
    width: 168px;
    height: 60px;
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: 52px;
    display: block
}

.picListWords a {
    display: block;
    color: #fff;
    width: 168px;
    height: 20px;
    overflow: hidden
}

.picListWords a:hover {
    color: #fff
}

.picListImg {
    width: 200px;
    height: 135px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.picListImg:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
  -webkit-transition:all 0.6s ease-out;
  -moz-transition:all 0.6s ease-out;
  transition:all 0.6s ease-out;
  }
.picListImg {
  -webkit-transform:scale(1,1);
  -moz-transform:scale(1,1);
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
  }
.picListImg:hover + .picListShade{
 background:#000;
 opacity: 1;
}

.picListShade {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 199px;
    height: 26px;
    z-index: 2;
}

.picListBg {
    width: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    _bottom: -1px;
    height: 26px;
    z-index: 3;
    background: #333;
    opacity: .8;
    filter: Alpha(Opacity=80);
    display: block
}

.picListName {
    width: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 26px;
    line-height: 26px;
    _line-height: 22px;
    _height: 22px;
    _padding-top: 4px;
    color: #fff;
    z-index: 4;
    display: block;
    text-align: center;
    cursor: pointer
}

.picList li a:hover {
    color: #fff;
    text-decoration: none
}

.picList li.picListFirst a:hover {
    text-decoration: underline
}

.askArea {
    padding: 6px;
    width: 278px;
    height: 30px;
    background: #f0f0f0;
    margin-bottom: 22px
}

.askInput {
    height: 20px;
    width: 166px;
    padding: 5px;
    _padding: 8px 5px 2px;
    float: left;
    margin-right: 10px;
    display: inline;
    background: #fff;
    border: 0 none;
    color: #bbb
}

.askLink {
    width: 38px;
    text-align: center;
    float: left;
    line-height: 30px;
    color: #5bb59a
}

.searchAnswer {
    width: 52px;
    text-align: center;
    float: left;
    line-height: 30px
}

.guessLike {
    position: relative;
    width: 290px;
    height: 196px
}

.guessLikeList {
    height: 165px;
    overflow: hidden;
    width: 290px;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1
}

.guessLikeList li {
    height: 22px;
    line-height: 22px;
    padding: 10px 0;
    background: url(http://h.yaolanimage.cn/home/images/dot.gif) repeat-x left bottom;
    width: 290px;
    overflow: hidden;
    font-size: 14px;
    float: left
}

.guessLikeIcon {
    float: left;
    width: 14px;
    height: 18px;
    background-position: -291px 4px;
    _background-position: -291px 1px;
    display: inline;
    margin-right: 6px
}

.guessLikeType {
    float: left;
    margin-right: 6px;
    display: inline;
    color: #999
}

.guessLikeLink {
    float: left;
    width: 222px;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.changeUserInfo {
    float: right;
    font-size: 12px;
    line-height: 24px
}

.babyBirthPop {
    display: none;
    width: 230px;
    height: 132px;
    padding: 19px 39px 19px 19px;
    border: #e8e8e8 1px solid;
    box-shadow: 5px 5px 5px #ddd;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 2;
    background: #fff
}

.babyBirthSelect {
    width: 230px;
    height: 20px;
    margin-bottom: 16px
}

.dropdown {
    display: inline-block;
    outline: medium none;
    z-index: 10;
    float: none;
    *float: left;
    _float: left;
    width: 52px;
    margin-right: 8px
}

.dropselectbox {
    margin-top: -11px;
    *margin-top: 5px;
    _margin-top: 4px;
    position: relative
}

.dropdown strong {
    background-position: -92px -415px;
    font: 12px/18px 寰蒋闆呴粦;
    height: 18px;
    _height: 16px;
    _padding-top: 2px;
    left: 0;
    overflow: hidden;
    padding-left: 4px;
    position: absolute;
    top: 1px;
    width: 48px;
    color: #666
}

#birthYears.dropdown strong {
    background-position: 0 -415px;
    width: 77px
}

#birthYears.dropdown {
    width: 81px
}

.dropdown ul {
    background: #FFF;
    border: 1px solid #e5e5e5;
    clear: both;
    display: none;
    height: 104px;
    overflow-y: auto;
    position: absolute;
    width: 50px;
    top: 18px
}

#birthYears.dropdown ul {
    width: 79px
}

.dropdown ul li {
    cursor: default;
    display: block;
    height: 22px;
    font: 12px/22px 寰蒋闆呴粦;
    text-indent: 4px;
    float: none;
    width: auto;
    color: #999
}

.dropdown ul li.over {
    background: #F5F5F5;
    color: #666
}

.babySex {
    margin-top: 6px;
    height: 20px
}

.babySexRadio {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 4px;
    display: inline;
    background-position: -271px -89px;
    position: relative
}

.babySexRadio.on {
    background-position: -295px -89px
}

.babySexRadio input {
    opacity: 0;
    filter: Alpha(Opacity=0);
    cursor: pointer;
    margin: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.babySexLabel {
    float: left;
    width: 15px;
    margin-right: 10px;
    display: inline;
    cursor: pointer
}

.babyBirthInfoError {
    text-align: center;
    line-height: 120px;
    color: #666
}

#closeChangeBirth {
    width: 15px;
    height: 15px;
    background-position: -317px -80px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 999em;
    overflow: hidden
}

a#closeChangeBirth:hover {
    background-position: -317px -95px
}

.searchIn {
    float: left;
    position: relative;
    width: 285px;
    height: 34px
}

.searchKind {
    position: relative;
    width: 60px;
    height: 32px;
    color: #b6aba3
}

#searchKind.dropdown {
    width: 58px;
    float: left
}

#searchKind .dropselectbox {
    margin: 0
}

#searchKind.dropdown strong {
    background-position: 0 0;
    width: 44px;
    padding: 5px 0 0 14px;
    height: 27px;
    line-height: 24px;
    display: block;
    top: 0
}

#searchKind.dropdown ul {
    border: #e8e1d9 1px solid;
    border-radius: 0 0 5px 5px;
    border-top: none;
    padding: 2px 0 4px;
    width: 56px;
    position: absolute;
    left: 0;
    top: 32px;
    background: #fff;
    z-index: 1;
    display: none;
    height: 208px
}

#searchKind.dropdown ul li {
    padding: 2px 16px 2px 10px;
    width: 30px;
    cursor: pointer
}

.expertInterview {
    padding-top: 6px
}

.expertInterviewCon {
    height: 88px;
    margin-bottom: 15px;
    overflow: hidden
}

.expertAvatar {
    float: left;
    width: 80px;
    height: 80px;
    position: relative;
    border: #dcdcdc 1px solid
}

.expertAvatarIcon {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 17px;
    height: 17px;
    display: block;
    background: #f65a45;
    line-height: 17px;
    text-align: center;
    color: #fff;
    z-index: 2
}

.expertAvatar img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.bImgWz {
    display: none;
    width: 100%;
    height: 22px;
    line-height: 22px;
    z-index: 3;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    color: #fff
}

a.expertAvatar:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.bImgBg {
    display: none;
    width: 100%;
    height: 22px;
    z-index: 2;
    background: #333;
    opacity: .6;
    filter: Alpha(Opacity=60);
    position: absolute;
    left: 0;
    bottom: 0
}

.expertInterviewWz {
    width: 128px;
    float: right;
    margin-top: -2px
}

.expertInterviewTitle {
    font-size: 14px;
    height: 24px;
    overflow: hidden;
    margin-top: -2px
}

.expertInterviewDesc {
    height: 40px;
    overflow: hidden;
    margin-bottom: 2px
}

.newsList {
    height: 430px;
    margin: -12px 0 0;
    overflow: hidden
}

#activeList.newsList {
    margin: -2px 0 0;
    height: 419px
}

.newsList li {
    height: 45px;
    padding: 14px 0 15px 45px;
    position: relative;
    background: url(http://h.yaolanimage.cn/home/images/dot.gif) repeat-x 0 73px;
    width: 175px;
    overflow: hidden;
    font-size: 14px;
    float: left
}

#activeList li {
    padding: 13px 0 12px 45px;
    background: url(http://h.yaolanimage.cn/home/images/dot.gif) repeat-x 0 69px
}

#activeList li.last, .newsList li.last {
    background: 0 0
}

#activeList li.hover {
    height: 70px;
    background: 0 0;
    width: 220px;
    padding: 0;
    overflow: hidden
}

.activeImg {
    width: 220px;
    height: 70px;
    overflow: hidden;
    display: none
}

#activeList li.hover .newsLink, #activeList li.hover em {
    display: none
}

#activeList li.hover .activeImg {
    display: block
}

.activeImg img {
    width: 220px;
    height: 70px;
    display: block;
    overflow: hidden
}

.newsList em {
    position: absolute;
    width: 29px;
    height: 36px;
    left: 0;
    top: 20px;
    display: block;
    line-height: 999em;
    overflow: hidden
}

.newsList em.newsNum1 {
    background-position: -331px -135px
}

.newsList em.newsNum2 {
    background-position: -331px -190px
}

.newsList em.newsNum3 {
    background-position: -331px -246px
}

.newsList em.newsNum4 {
    background-position: -331px -304px
}

.newsList em.newsNum5 {
    background-position: -331px -360px
}

.newsList em.newsNum6 {
    background-position: -331px -415px
}

.newsLink {
    line-height: 22px;
    height: 44px;
    width: 175px;
    overflow: hidden;
    font-size: 14px
}

.communityHead {
    position: relative;
    height: 69px;
    border-bottom: #f47964 3px solid;
    margin-bottom: 7px
}

.communityHeadTitle {
    width: 185px;
    height: 72px;
    position: absolute;
    left: 9px;
    bottom: -3px;
    _bottom: -4px;
    background-position: 0 -245px;
    display: block;
    line-height: 999em;
    overflow: hidden
}

.communityHeadTitle a {
    width: 185px;
    height: 72px;
    display: block;
    line-height: 999em;
    overflow: hidden
}

.sqYslAd {
    float: right;
    padding: 30px 0 0 10px
}

.bbsAreaTitle {
    border-bottom: 1px solid #eee;
    height: 37px;
    line-height: 26px;
    position: relative;
    color: #333;
    font-size: 16px;
    margin-bottom: 9px;
    padding-left: 6px
}

.bbsAreaLine {
    background-position: 0 -410px;
    bottom: -1px;
    _bottom: -2px;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    position: absolute;
    right: 0;
    width: 169px
}

.aTitleTags {
    float: right;
    text-align: right
}

.aTitleTags a {
    margin-left: 6px;
    color: #999;
    font-size: 12px
}

.sameCity {
    padding-bottom: 15px;
    border-bottom: #eee 1px solid;
    margin-bottom: 15px;
    *margin-bottom: 13px;
    _margin-bottom: 24px
}

.sameCity li {
    height: 52px;
    padding: 6px 0 7px 6px;
    position: relative;
    width: 284px;
    overflow: hidden;
    font-size: 14px;
    float: left
}

.sameCity em {
    width: 26px;
    height: 34px;
    padding: 7px 11px;
    font-size: 13px;
    line-height: 17px;
    float: left;
    margin-top: 4px
}

.sameCity em.sameCityT1 {
    background-position: 0 -190px
}

.sameCity em.sameCityT2 {
    background-position: -48px -190px
}

.sameCity em.sameCityT3 {
    background-position: -96px -190px
}

.sameCity em.sameCityT4 {
    background-position: -144px -190px
}

.sameCity em.sameCityT5 {
    background-position: -192px -190px
}

.sameCity em a, .sameCity em a:hover {
    color: #fff
}

.sameCityTitle {
    line-height: 26px;
    height: 52px;
    width: 224px;
    overflow: hidden;
    font-size: 14px;
    float: right;
    padding-top: 2px;
    _padding-top: 4px
}

.superUserList {
    margin-right: -16px
}

.superUserList li {
    float: left;
    width: 60px;
    margin-right: 16px;
    display: inline;
    overflow: hidden
}

.superUserList li img {
    width: 60px;
    height: 60px;
    display: block
}

.superUserList li span {
    width: 60px;
    display: block;
    height: 20px;
    margin-top: 6px;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.taskArea {
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 24px
}

.taskList li {
    background-position: -356px -46px;
    _background-position: -356px -48px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 13px;
    width: 277px;
    font-size: 14px
}

.taskListAward {
    float: right;
    background-position: -350px 8px;
    padding: 1px 0 0 16px;
    font-size: 12px
}

.taskListAward a {
    color: #999
}

.sqHeadline {
    margin-bottom: 15px;
    padding-top: 5px
}

.sqHeadlineTitle {
    font-size: 18px;
    height: 30px;
    margin-bottom: 9px
}

.braceLeft, .braceRight {
    width: 15px;
    height: 15px;
    float: left;
    display: inline;
    line-height: 0
}

.braceLeft {
    background-position: -230px -90px;
    margin: 8px 10px 0 0
}

.braceRight {
    background-position: -253px -90px;
    margin: 8px 0 0 10px
}

.surveyArea {
    border-top: 1px solid #eee;
    padding-top: 16px
}

.sqImgWz {
    margin-bottom: 23px
}

.sqImgWz .picList {
    display: block;
    float: none;
    clear: both
}

.sqImgWz .topList {
    padding: 12px 0 10px;
    _padding: 15px 0;
    float: none
}

.surveyArea .topList {
    padding: 0
}

.sqImgWz .topList li, .surveyArea .topList li {
    line-height: 28px;
    height: 28px;
    background-position: -356px -45px;
    _background-position: -356px -48px
}

.userCmd {
    background: url(http://h.yaolanimage.cn/home/images/yuan.jpg) no-repeat;
    width: 160px;
    height: 194px;
    padding: 16px 30px 10px;
    margin-bottom: 8px;
    text-align: center
}

.userCmdTitle {
    font-size: 22px;
    color: #fff;
    margin-bottom: 6px
}

.userPhoto {
    width: 150px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto 6px
}

.userPhoto img {
    width: 150px;
    height: 100px;
    display: block
}

.userName {
    width: 150px;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 6px
}

.userName a, .userName a:hover {
    color: #fff;
    font-size: 14px
}

.productArea {
    width: 930px;
    border: #ececec 1px solid;
    border-top: 3px #ececec solid;
    padding: 15px 14px;
    margin-bottom: 20px
}

.productTry {
    padding: 0 13px;
    border-right: #ececec 1px solid;
    width: 240px;
    float: left
}

.productScroll {
    width: 240px;
    position: relative
}

.productScrollBtnL, .productScrollBtnR {
    width: 16px;
    height: 26px;
    position: absolute;
    top: 80px;
    display: block
}

.productScrollBtnL {
    left: 0;
    background-position: -242px -39px
}

.productScrollBtnR {
    right: 0;
    background-position: -259px -39px
}

a.productScrollBtnL:hover {
    left: 0;
    background-position: -276px -39px
}

a.productScrollBtnR:hover {
    right: 0;
    background-position: -293px -39px
}

.productScrollArea {
    width: 240px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto
}

.productScrollArea li {
    float: left;
    width: 140px;
    height: 200px;
    overflow: hidden;
    margin: 0 20px;
    display: inline
}

.productScrollArea li img {
    display: block;
    width: 140px;
    height: 140px
}

.productName {
    height: 20px;
    overflow: hidden;
    display: block;
    margin: 6px 0
}

.productBuy {
    height: 22px;
    overflow: hidden;
    display: block;
    clear: both
}

.productCmdNum, .productNum {
    color: #fa7d5f;
    font-size: 16px;
    margin: 0 2px;
    line-height: 22px
}

.productBuyBtn, a.productBuyBtn:hover {
    float: right;
    background-position: 0 -110px;
    width: 61px;
    height: 22px;
    line-height: 22px;
    _padding-top: 2px;
    _height: 20px;
    _line-height: 20px;
    text-align: center;
    color: #fff
}

.productCmd {
    float: left;
    margin: 0 -20px 0 25px;
    display: inline;
    width: 420px
}

.productCmdList {
    height: 200px;
    overflow: hidden
}

.productCmdList li {
    float: left;
    width: 190px;
    margin: 0 20px 20px 0;
    display: inline
}

.productCmdImg {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
    display: inline
}

.productCmdInfo {
    width: 90px;
    float: right
}

.productCmdName {
    height: 40px;
    overflow: hidden;
    margin-bottom: 6px
}

.productCmdStar {
    width: 75px;
    height: 15px;
    display: block;
    background-position: -229px -353px
}

.productCmdStar span {
    width: 75px;
    height: 15px;
    display: block;
    background-position: -229px -368px
}

.productAtt {
    float: right;
    padding: 0 0 0 15px;
    border-left: #ececec 1px solid;
    width: 204px
}

.productAttList li {
    float: left;
    width: 204px
}

.productAttInfo {
    height: 20px;
    padding: 5px 0;
    overflow: hidden
}

.productAttInfo em {
    float: left;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #fff;
    line-height: 16px;
    margin: 3px 10px 0 0;
    display: inline;
    background: #b2b2b2
}

.productAttOrder1 .productAttInfo em {
    background: #fa7d5f
}

.productAttOrder2 .productAttInfo em {
    background: #f6a812
}

.productAttOrder3 .productAttInfo em {
    background: #a1c967
}

.productAttTitle {
    float: left;
    width: 108px;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px
}

.prodoctAttNum {
    float: right;
    width: 62px;
    height: 20px;
    padding-right: 8px;
    text-align: right;
    position: relative
}

.prodoctAttNum span {
    position: absolute;
    right: 0;
    top: 5px;
    width: 7px;
    height: 10px;
    display: block
}

.prodoctAttNum span.prodoctAttup {
    background-position: -313px -70px
}

.prodoctAttNum span.prodoctAttdown {
    background-position: -323px -70px
}

.productAttDesc {
    display: none
}

.productAttDesc img {
    width: 60px;
    height: 60px;
    float: left
}

.productAttDetail {
    width: 132px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    float: right;
    word-break: break-all;
    word-wrap: break-word
}

.footNav {
    width: 100%;
    background: #f9f5eb;
    padding: 15px 0 20px
}

.footNavCon {
    width: 960px;
    margin: 0 auto 15px;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: #e4e1d8 1px solid
}

.footNavArea {
    border-right: #e4e1d8 1px solid;
    float: left;
    margin-right: 30px
}

.w210 {
    width: 200px;
    margin-right: -40px
}

.w200 {
    width: 200px
}

.w220 {
    width: 210px
}

.w280 {
    width: 280px
}

.footNavArea dt {
    margin-bottom: 6px
}

.footNavArea dt a {
    color: #f65a45;
    font-weight: 700
}

.footNavArea dd a {
    float: left;
    margin-right: 25px;
    display: inline
}

.footNavArea.w280 dd a {
    margin-right: 15px;
    width: 52px
}

.footNavArea.w220 dd a {
    width: 36px
}

.footNavArea.w220 dd a.ask3g {
    width: 60px
}

.freindLink {
    width: 960px;
    margin: 0 auto 15px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: relative
}

.freindLinkTitle {
    color: #f65a45;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0
}

.fLinkCon {
    position: absolute;
    line-height: 20px;
    width: 876px;
    left: 84px
}

.fLinkCon a {
    display: inline-block;
    margin: 0 8px
}

.footer {
    width: 100%;
    background: #f3eee1;
    padding: 15px 0
}

.footerCon {
    width: 940px;
    padding-left: 20px;
    text-align: center;
    line-height: 24px;
    position: relative;
    margin: 0 auto;
    color: #999
}

.footerLink {
    height: 20px;
    line-height: 20px;
    padding-bottom: 5px
}

.footerCon a {
    margin: 0 6px 0 5px;
    color: #666
}

.ylCopy {
    display: block;
    position: absolute;
    right: 45px;
    top: 20px;
    width: 34px;
    height: 46px;
    background-position: -191px -245px
}

.ylSzfw {
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 90px;
    height: 32px;
    line-height: 999em;
    overflow: hidden;
    background: url(http://h.yaolanimage.cn/www/images/szfw_logo.png?ver=2014021301) no-repeat
}

.space_back_top {
    visibility: hidden;
    position: fixed;
    _position: absolute;
    bottom: 100px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: url(http://si.yaolanimage.cn/images/sprits_bg24.png) no-repeat -200px -120px;
    margin-left: 500px;
    cursor: pointer;
    color: #999;
    z-index: 999
}

.space_back_top a {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 999em;
    overflow: hidden;
    outline: 0
}

.space_back_top:hover {
    background-position: -200px -171px
}

.btnFeedbackGlobal {
    display: block;
    width: 49px;
    height: 24px;
    line-height: 999em;
    overflow: hidden;
    position: fixed;
    _position: absolute;
    bottom: 66px;
    right: 10px;
    z-index: 1001;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _margin-bottom: 66px;
    background-position: -232px -388px
}

.pupop_divFeedback {
    z-index: 5001;
    width: 580px;
    height: 420px;
    border: #cfcfcf 1px solid;
    top: 50%;
    left: 50%;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    margin-left: -290px !important;
    margin-top: -210px !important;
    margin-top: 0;
    position: fixed !important;
    position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)
}

.popBg {
    background-color: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: alpha(opacity=20);
    opacity: .2;
    z-index: 5000;
    position: fixed !important;
    position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2)
}

.pophdFeedback {
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 15px;
    background: #f1f1f1;
    border-bottom: #cfcfcf 1px solid
}

.btn_popCloseFeedback {
    z-index: 5002;
    position: absolute;
    top: 5px;
    right: 15px;
    display: block;
    font-size: 16px;
    cursor: pointer
}

.popbdFeedback {
    padding: 15px 25px
}

.codeInput, .emailInput {
    padding: 4px;
    border: 1px solid #cfcfcf
}

.emailInput {
    width: 330px
}

.btn_feedback {
    width: 84px;
    height: 29px;
    line-height: 28px;
    margin: 0 15px;
    font-size: 14px;
    border: 0 none;
    background: url(http://h.yaolanimage.cn/wkv2/images/btn_feedback.png) no-repeat scroll 0 0 transparent;
    cursor: pointer
}

.btn_feedback1 {
    color: #fff
}

.btn_feedback2 {
    background: url(http://h.yaolanimage.cn/wkv2/images/btn_feedback.png) no-repeat scroll -96px 0 transparent
}

.fb {
    font-weight: 700
}

.popbdFeedback p {
    padding: 0 0 10px
}

.userTextarea {
    width: 410px;
    height: 120px;
    border: 1px solid #cfcfcf
}

.pt10 {
    padding-top: 15px
}

.btnDiv {
    padding: 15px 0 0 100px
}

.suctip {
    padding-top: 95px;
    text-align: center
}

.survey_picture {
    display: block;
    width: 120px;
    height: 120px;
    position: fixed;
    _position: absolute;
    bottom: 66px;
    left: 10px;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _margin-bottom: 66px;
    background-position: -272px -133px;
    z-index: 1000
}

.survey_picture a {
    display: block;
    z-index: 1001
}

.survey_picture dfn {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 999em;
    overflow: hidden;
    z-index: 1002;
    background: url(http://h.yaolanimage.cn/home/images/close.png) no-repeat 5px 5px
}

.yl_weixin {
    width: 86px;
    height: 110px;
    background: #f8e9d2;
    padding: 28px 7px 7px;
    position: fixed;
    top: 250px;
    right: 0;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _margin-bottom: 250px;
    z-index: 1001;
    color: #fa7d5f
}

.yl_weixin img {
    display: block
}

.wxClose {
    cursor: pointer;
    width: 16px;
    height: 16px;
    line-height: 999em;
    display: block;
    overflow: hidden;
    background-position: -317px -80px;
    position: absolute;
    right: 7px;
    top: 7px
}

a.wxClose:hover {
    background-position: -317px -95px
}

.yl_weixin p {
    margin-top: 4px;
    text-align: center
}

.bbsHotCon .pa, .wkCmdWz .pa, .ylTalkWz .pa {
    position: absolute;
    bottom: -2px;
    bottom: -3px;
    right: 0
}

.qbzStyle {
    width: 960px;
    height: 120px;
    padding: 5px 0 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.footweixin {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    height: 84px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E1D8;
    padding-bottom: 20px
}

.footweixin li img {
    width: 84px;
    height: 84px;
    overflow: hidden;
    display: block;
    float: left
}

.footweixin ul {
    width: 1050px
}

.footweixin li {
    width: 260px;
    float: left;
    margin-right: 90px;
    display: inline;
    color: #333
}

.footweixin li .bar {
    width: 164px;
    float: right
}

.footweixin li .bar h2 {
    font-size: 14px;
    color: #fa7d5f;
    padding-bottom: 10px
}

.footweixin li .bar h2 a {
    color: #fe9197
}

.footweixin li .bar h2.blue {
    color: #76c7c0
}



a.hdLink span.hdLinkVideos {
    background-position: -133px -98px
}

a.hdLink:hover span.hdLinkVideos {
    background-position: -133px -112px
}

.wkCmd .first {
    background: 0 0;
    padding: 0
}

.wkCmd .first .name {
    color: #333;
    font-size: 16px
}

.wkCmdWz a.false, .wkCmdWz a.true, .wkCmdWz span.false, .wkCmdWz span.true {
    display: inline-block;
    background: url(http://h.yaolanimage.cn/assets/images/array/index_icons.gif?v=1) no-repeat;
    text-align: center
}

.wkCmdWz span.false, .wkCmdWz span.true {
    width: 54px;
    height: 32px;
    line-height: 28px;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #333;
    cursor: pointer
}

.wkCmdWz span.true {
    color: #f7695e
}

.wkCmdWz .h40 a.false, .wkCmdWz .h40 a.true {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    vertical-align: text-bottom
}

.wkCmdWz .h40 a.true {
    background-position: 0 -51px
}

.wkCmdWz .h40 a.false {
    background-position: 0 -100px
}

.show-res {
    display: inline-block;
    width: 100px;
    position: relative;
    vertical-align: text-bottom;
    margin: 0 8px;
    height: 30px
}

.progress {
    height: 8px;
    font-size: 0;
    width: 100%;
    background: #ccc;
    position: absolute;
    top: 16px
}

.progress .line {
    height: 8px;
    display: block;
    width: 100%;
    background: #f66;
    font-size: 0
}

.show-res .lost, .show-res .win {
    top: -3px;
    left: 17px;
    position: absolute;
    font-family: Arial;
    color: #f66
}

.show-res .lost {
    left: 60px;
    color: #999
}

.show-res .cut {
    position: absolute;
    top: -3px;
    left: 48px
}

#globalFbButton, #globalFbResultBtn, #globalGoTop, .globalFbClose, .globalFbEmailCon, .globalFbInput, .globalFbPm, .globalFbQuoteLeft, .globalFbQuoteRight, .globalFbSubmit {
    background: url(http://h.yaolanimage.cn/global/head/images/global_feedback_bg.png?ver=2013121006) no-repeat;
    _background: url(http://h.yaolanimage.cn/global/head/images/global_feedback_bg8.png?ver=2013121006) no-repeat
}

#globalPopBg {
    background: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: alpha(opacity=20);
    opacity: .1;
    z-index: 5000;
    position: fixed;
    _position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    padding: 0;
    margin: 0;
    display: none
}

#globalFb {
    width: 390px;
    height: 330px;
    padding: 30px 35px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -195px 0 0 -215px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _bottom: auto;
    _margin-bottom: 120px;
    z-index: 5002;
    font: 12px/1.75 "微软雅黑", \5B8B\4F53, Arial, sans-serif;
    box-shadow: -5px 0 5px -5px #a7a7a7, 0 -5px 5px -5px #a7a7a7, 0 5px 5px -5px #a7a7a7, 5px 0 5px -5px #a7a7a7;
    display: none;
    text-align: left;
    *border: #ddd 1px solid
}

#globalFbResult {
    width: 390px;
    height: 240px;
    padding: 30px 35px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -215px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _bottom: auto;
    _margin-bottom: 120px;
    z-index: 5003;
    font: 12px/1.75 "微软雅黑", \5B8B\4F53, Arial, sans-serif;
    box-shadow: -5px 0 5px -5px #a7a7a7, 0 -5px 5px -5px #a7a7a7, 0 5px 5px -5px #a7a7a7, 5px 0 5px -5px #a7a7a7;
    display: none;
    text-align: left;
    *border: #ddd 1px solid
}

.globalFbClose {
    position: absolute;
    right: -19px;
    top: -19px;
    display: block;
    width: 39px;
    height: 39px;
    line-height: 999em;
    overflow: hidden;
    background-position: -361px -74px
}

.globalFbPm {
    width: 115px;
    height: 170px;
    background-position: -168px 0;
    display: block;
    top: -45px;
    right: 43px;
    position: absolute;
    overflow: hidden
}

.globalFbWz {
    font-size: 14px;
    color: #333;
    margin-bottom: 30px
}

.globalFbCon p, .globalFbWz p {
    margin: 0
}

.globalFbCon {
    font-size: 14px;
    color: #333
}

.globalFbTips {
    color: #fa7d5f
}

.globalFbContent {
    padding: 10px 40px 10px 24px;
    position: relative;
    height: 98px;
    width: 330px;
    margin-bottom: 10px
}

.globalFbInput {
    width: 345px;
    height: 100px;
    resize: none;
    border: 0 none;
    background-position: 0 -205px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    font-family: "微软雅黑";
    position: absolute;
    left: 24px;
    top: 10px;
    z-index: 1;
    color: #555;
    word-wrap: break-word;
    word-break: break-all
}

.globalFbQuoteLeft, .globalFbQuoteRight {
    width: 19px;
    height: 15px;
    position: absolute;
    display: block
}

.globalFbQuoteLeft {
    background-position: -312px 0;
    left: 0;
    top: 10px
}

.globalFbQuoteRight {
    background-position: -337px 0;
    right: 0;
    bottom: 10px
}

.globalFbSuccess {
    font-size: 36px;
    color: #78c6af;
    margin-bottom: 30px
}

.globalFbEmailWz {
    font-size: 14px;
    font-family: "微软雅黑";
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 300px;
    height: 24px;
    border: 0 none;
    display: none
}

.globalFbEmailInput {
    width: 345px;
    height: 24px;
    resize: none;
    border: 0 none;
    color: #555;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 14px;
    font-family: "微软雅黑";
    position: absolute;
    left: 0;
    top: 0;
    background: 0 0
}

#globalFbEmailWz.globalFbInput, #globalFbTextAreaTips.globalFbEmailInput {
    color: #999
}

.globalFbEmailCon {
    height: 25px;
    background-position: 0 -205px;
    overflow: hidden;
    margin: 10px 0 10px 24px;
    position: relative;
    width: 345px
}

#globalFbResultBtn, .globalFbSubmit {
    width: 110px;
    height: 35px;
    display: block;
    margin: 12px auto 0;
    background-position: -290px -35px;
    border: 0 none;
    cursor: pointer
}

#globalFbResultBtn {
    width: 142px;
    background-position: 0 -170px;
    line-height: 999em;
    overflow: hidden
}

#globalFbError {
    color: #999;
    text-align: center;
    padding-top: 20px;
    display: none
}

#globalFbError a {
    color: #78c6b0
}

#globalGoTop {
    width: 50px;
    height: 50px;
    cursor: pointer;
    color: #999;
    z-index: 999;
    line-height: 999em;
    overflow: hidden;
    background-position: -350px -118px;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 188px;
    _bottom: "auto"
}

a#globalGoTop:hover {
    background-position: -350px -169px
}

#globalFbButton {
    width: 50px;
    height: 27px;
    position: fixed;
    _position: absolute;
    bottom: 150px;
    right: 10px;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _margin-bottom: 150px;
    cursor: pointer;
    z-index: 999;
    display: block;
    overflow: hidden;
    line-height: 999em;
    background-position: -350px -227px
}

a#globalFbButton:hover {
    background-position: -350px -255px
}

#wxFloat {
    width: 50px;
    height: 50px;
    bottom: 90px;
    cursor: pointer;
    margin-left: 500px;
    position: fixed;
    right: 10px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _bottom: auto;
    _margin-bottom: 90px;
    z-index: 999;
    background: url(http://h.yaolanimage.cn/global/head/images/wx.png?ver=2013122505) no-repeat
}

#wxFloat:hover {
    background: url(http://h.yaolanimage.cn/global/head/images/wx2.png?ver=2013122505) no-repeat
}

#wxFloatHover {
    width: 80px;
    height: 80px;
    bottom: 90px;
    cursor: pointer;
    margin-left: 500px;
    position: fixed;
    right: 70px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _bottom: auto;
    _margin-bottom: 90px;
    z-index: 999;
    background: url(http://h.yaolanimage.cn/global/head/images/2w.jpg?ver=2013122505) no-repeat;
    display: none
}

.globalMamaguess {
    bottom: 90px;
    cursor: pointer;
    height: 50px;
    margin-left: 500px;
    position: fixed;
    right: 10px;
    width: 50px;
    z-index: 999;
    background: url(http://h.yaolanimage.cn/global/head/images/ylapp.jpg) no-repeat;
    display: block;
    line-height: 999em;
    overflow: hidden;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _bottom: auto;
    _margin-bottom: 90px
}

em {
    font-style: normal
}

* body, * html {
    _height: 100%
}

:focus {
    outline: 0
}

.expMarquee:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both
}

.expMarquee {
    zoom: 1
}

.expAvatar, .expMarquee, .expOlAnswer, .expOlClose, .expTipsPop {
    background: url(http://h.yaolanimage.cn/ask/images/expert_online_newbg24.png?ver=20140521) no-repeat;
    _background: url(http://h.yaolanimage.cn/ask/images/expert_online_newbg8.png?ver=20140521) no-repeat
}

.expertOnlinebg {
    background: #78c6af;
    width: 35px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 998;
    position: fixed;
    _position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    padding: 0;
    margin: 0;
    display: block
}

.expertOnline {
    background: 0 0;
    width: 35px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    position: fixed;
    _position: absolute;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    padding: 0;
    margin: 0;
    display: block
}

.expWaper {
    margin-top: -260px;
    position: relative;
    font: 12px/1.75 "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
    color: #999;
    top: 50%
}

.expWaper * {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%
}

.expAvatar {
    width: 98px;
    height: 97px;
    display: block;
    overflow: hidden;
    cursor: pointer
}

#expertOnlingY .expAvatar {
    height: 122px;
    background-position: 0 -128px;
    display: block
}

.expTipsPop {
    width: 174px;
    height: 63px;
    display: none;
    background-position: -117px 0;
    overflow: hidden;
    position: absolute;
    left: 50px;
    top: -25px
}

#expertOnlingY .expTipsPop {
    left: 71px;
    top: -16px
}

.expMarquee {
    width: 70px;
    height: 25px;
    background-position: 0 -98px;
    padding: 0 9px 0 5px;
    margin: 0 -44px 7px 0;
    overflow: hidden
}

#expertOnlingY .expMarquee {
    background-position: 0 -250px
}

.expMarqueeWaper {
    width: 56px;
    height: 20px;
    overflow: hidden
}

.expMarqueeCon {
    float: left;
    width: 1000%
}

.expMarquee p {
    color: #333;
    line-height: 20px;
    float: left
}

.expMarquee p strong {
    color: #ff0
}

.expOlAnswer {
    background-position: -114px -77px;
    width: 35px;
    text-align: center;
    padding: 37px 0 5px;
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 20px;
    margin-bottom: 12px;
    text-decoration: none
}

a.expOlAnswer:hover {
    background-color: #1e9275;
    background-position: -160px -77px;
    color: #fff;
    text-decoration: none
}

.expOlClose {
    background-position: -260px -75px;
    width: 35px;
    _width: 34px;
    height: 35px;
    display: block;
    line-height: 999em;
    overflow: hidden;
    margin-top: 48px
}

a.expOlClose:hover {
    background-color: #1e9275;
    background-position: -260px -122px;
    color: #fff;
    text-decoration: none
}

.attention {
    width: 208px;
    height: 198px;
    background: url(http://h.yaolanimage.cn/assets/images/popbar/popbg.png) no-repeat;
    position: fixed;
    top: 252px;
    left: 40px;
    _position: absolute;
    _left: expression(eval(document.documentElement.scrollLeft+54));
    _top: expression(eval(document.documentElement.scrollTop+397));
    display: none;
}

.yaolanerwei {
    width: 102px;
    height: 102px;
    margin: 21px 0 8px 57px;
}

.yaolanp {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 14px;
    color: #fff;
    margin-left: 45px;
    line-height: 20px;
    font-family: "微软雅黑";
}

#attention-2 {
    left: 50px;
    overflow: hidden;
    position: absolute;
    top: 120px;
}

.area{width:960px;padding-bottom: 20px;}
.siderRight{width:220px;}
.bbsHot{margin-top: 0px;border:0 none;}
#jquery-listdata{width:470px;height:320px;position: relative;overflow: hidden;}
.ylAreaPrU li.ylFirst em span,.ylAreaPrU li.sspace span,.index-rate,.index-rate em,.ylTalkTitle,.ylTrueUl li em i,.ylTrueUl li em,.yuerspoton a.false, .yuerspoton a.true, .yuerspoton span.false, .yuerspoton span.true,.index-yuerlist a.prev,.index-yuerlist a.next,.ylYouThink a,.ylAreaTodayHt dt span,.ylAreaChildHt p span,#jquery-img-scrool span em,.ylAreaTodayBleft li{background: url(http://h.yaolanimage.cn/home/images/index.2015.png) no-repeat;_background: url(http://h.yaolanimage.cn/home/images/index.2015.bg8.png) no-repeat;}
.ylAreaPmiddle a:hover{color:#fa7d5f;}
.ylAreaEduU li em,.ylAreaTodayIt span,.ylAreaEduU li a,.ylAreaTodayBleft li,.ylTrueUl li span,.ylTrueUl li p,.ylTrueUl li span,.ylAreaPrU li a,.ylAreaTodayHt dt a, .ylAreaChildHt p a,.ylAreaPwright li,.ylAreaDiv span, .ylAreaTodayIt span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ylAreaPleft{width:270px;float:left;display: inline;}
.ylAreaPleft,.ylAreaPmiddle{margin-right: 30px;}
.ylAreaPwleft{width:180px;float: left;height:300px;position: relative;overflow: hidden;}
.ylAreaPwright{width:90px;float: left;}
.ylAreaPwleft a{display:block;width:180px;height:300px;position: relative;}
.ylAreaDiv{display: block;width:180px;padding:0px 5px;height: 50px;position: absolute;bottom:0px;left:0px;text-align: center;}
.ylAreaDiv span,.ylAreaTodayIt span{display: block;width:170px;padding:0px 5px;height: 50px;line-height: 50px;position: absolute;top:0px;left:0px;overflow: hidden;}
.ylAreaT{color:#fff;}
.ylAreaTbg{background:#000;opacity: 0.6;filter:Alpha(Opacity=60);}
.ylAreaPwright li{display: block;}
.ylAreaPwright li a{display:block;color:#999;height:60px;line-height: 60px;background:#f1f1f1;color: #999;padding-left: 15px;border-right:4px solid #f1f1f1;}
.ylAreaPwright li.shover a{background:#fff;color:#78c6af;text-decoration: none;border-right:4px solid #78c6af;}
.ylAreaT,.ylAreaPwright li,.ylAreaTodayIt span,.ylAreaTodayH dd,.ylAreaTodayBleft li a,.ylAreaEduU li a,.ylAreaPrU li a{font-size: 14px;}
.ylAreaChildHtW{position: relative;}
.ylAreaPmiddle{width:410px;float: left;display: inline;}
.ylAreaTodayHt dt,.ylAreaChildHt p{height: 28px;position: relative;overflow: hidden;margin-bottom: 10px;}
.ylAreaTodayHt dt a,.ylAreaTodayHt dt span,.ylAreaChildHt p a,.ylAreaChildHt p span{float:left;height: 28px;line-height: 28px;display: inline;}
.ylAreaTodayHt dt span,.ylAreaChildHt p span{width:70px;text-align: center;/*background:#f7695e;*/color: #fff;border-radius: 3px;}
.ylAreaTodayHt dt span{background-position:-237px -537px;}
.ylAreaTodayHt dt a,.ylAreaChildHt p a{width:330px;padding-left:10px;font-size: 18px;color:#fa7d5f;position: relative;overflow: hidden;white-space: nowrap;}
.ylAreaChildHt{margin:15px 0px;}
/*.ylAreaChildHt p span{background:#78c6af;}*/
.ylAreaChildHt p span{background-position:-53px -581px;}
.ylAreaChildHt p a,.ylAreaChildHt p a:hover{color:#78c6af;}
.ylAreaTodayHt dd{color:#999999;text-indent: 2em;line-height: 20px;position: relative;overflow: hidden;}
.ylAreaTodayB{padding:10px 0px;}
.ylAreaTodayBleft{width:225px;float: left;}
.ylAreaTodayBleft li{line-height: 25px;height: 25px;position: relative;overflow: hidden;padding-left:14px;background-position:-354px -540px;}
.ylAreaTodayBleft li a{color:#666;}
.ylAreaTodayBright{width:150px;height:100px;float: right;}
.ylAreaTodayBright a{display: block;width:150px;height:100px;position: relative;}
.ylAreaTodayBright a img{width:150px;height: 100px;}
.ylAreaTodayIt{width:150px;position: absolute;bottom:0px;left:0px;height: 25px;}
.ylAreaTodayIt span{width:140px;padding:0px 5px;height: 25px;line-height: 25px;text-align: center;color:#fff;}
.h40{font-family: '微软雅黑';}
.ylHotArea{padding-top:20px;border-top:1px dotted #e4e4e4;}
.ylAreaEduIt{width:93px;}
.ylAreaEduIt span{width:83px;}
.ylAreaEdu{position: relative;}
.ylAreaEduU{padding-left:104px;margin-bottom: 12px;position: relative;}
.ylAreaEduU li{height: 25px;font-size: 14px;float: left;width:100%;}
/*.ylAreaEduU li a{display: block;height: 25px;position: relative; zoom: 1;overflow: hidden;line-height: 25px;}*/
.ylAreaEduU li a{display: block;position: relative;overflow: hidden;}
.ylAreaEduU li a.ylAreaTxtL{float:left;width:195px;height: 25px;margin-right:5px;}
.ylAreaEduU li a.ylAreaIR{float:right;width:100px;height: 25px;color:#999;font-size: 12px;line-height: 25px;}
.ylAreaChildHtW a.ylAreaEduI{display:block;position: absolute;top:45px;left:0px;width:93px;height: 93px;overflow: hidden;z-index:8;}
.ylAreaEduCi a{color:#999;margin:0px 10px;}
.ylAreaChildHtW a.ylAreaEduI:hover,.ylAreaPwleft a:hover span.ylAreaT{text-decoration: underline;}
.ylAreaPrU{background:url(http://h.yaolanimage.cn/home/images/yltalkline_1.gif) 31px 14px no-repeat;margin-top:-11px;}
.ylAreaPrU li span{background:#fff url(http://h.yaolanimage.cn/home/images/index.2015.png?ver=2013112902) no-repeat;_background:#fff url(http://h.yaolanimage.cn/home/images/index.2015.bg8.png?ver=2014020805) no-repeat}
.ylAreaPrU li.ylFirst em{font-size: 16px;color:#fa7d5f;}
.ylAreaPright{width:220px;float: left;display: inline;}
.ylAreaPrU li{margin-top: 8px;width:195px;}
.ylAreaPrU li a,.ylAreaPrU li.ylFirst em,.ylAreaPrU li{display: block;height:32px;line-height:32px;padding-left: 25px;position: relative;}
.ylAreaPrU li a{width:168px;overflow: hidden;}
.ylAreaPrU li a em{float: left;height:30px;margin-right:10px;}
.ylAreaPrU li span,.ylAreaPrU li.ylFirst em span{display: block;width:12px;height:12px;position: absolute;top:10px;left:0px;background-position:-346px -27px;}
.ylAreaPrU li a:hover{text-decoration: none;color:#fa7d5f;}
.ylAreaPrU li.sspace span{background-position:-346px -27px;left:25px;}
.ylAreaPrU li a:hover span,.ylAreaPrU li.ylFirst em span,.ylAreaPrU li.shover span{background-position:-346px -108px;}
.ylAreaEduCi{height:21px;position: relative;overflow: hidden;}
/*育儿真相*/
.index-sideshow{width:260px;display: block;margin-right:0px;padding:10px 0 0 10px;}
.jquery-show-img img{width: 260px;height:320px;}
.ylAreaTop{background:#f3f0e9;}
.ylAreaTops,.ylTrueR{float: left;}
.ylTrueR{width:218px;}
.ylTalkList{padding-bottom: 0px;}
.ylTalkTitle,.ylTalkList{float: left;}
.ylTalkTitle{width:98px;background-position:0px -451px;color:#333;margin-right:30px;}
.ylTalkTitle a{display: block;padding:49px 0px 0px;height:17px;}
.ylTalkList li{padding:0;}
.ylTalkList li.ylTalkMiddle{margin:0px 26px;}
.ylTrueUl{padding:2px 1px 1px 0;}
.ylTrueUl li{font-size: 16px;color:#333;display: block;width:146px;height:63px;padding:20px 0 0 68px;position: relative;background:#fff;border-right:4px solid #fff;overflow:hidden;}
.ylTrueUl li span{font-size: 12px;display: block;}
.ylTrueUl li em{position: absolute;top:26px;left:26px;}
.ylTrueUl li em i,.ylTrueUl li em{display:block;width:27px;height: 28px;}
.ylTrueUl li em i{display: none;}
.ylTrueUl li.ylTrueF em i{background-position:-194px -499px;}
.ylTrueUl li.ylTrueT em i{background-position:-236px -499px;}
.ylTrueUl li.ylTrueH em i{background-position:-282px -499px;}
.ylTrueUl li.ylTrueO em i{background-position:-323px -499px;}
.ylTrueUl li.ylTrueF em{background-position:-195px -458px;}
.ylTrueUl li.ylTrueT em{background-position:-236px -458px;}
.ylTrueUl li.ylTrueH em{background-position:-282px -458px;}
.ylTrueUl li.ylTrueO em{background-position:-323px -458px;}
.ylTrueUl li.ylTrueF{margin-bottom:1px;}
.ylTrueUl li.ylTrueT{margin-bottom:1px;*margin-bottom:-3px;}
.ylTrueUl li.ylTrueH{margin-bottom:1px;*margin-bottom:-3px;}
.ylTrueUl li.ylTrueO{margin-bottom:1px;*margin-bottom:-3px;}
.ylTrueUl li.shover i{display: block;}
.ylTrueUl li.shover em{background: none;}
.ylTrueUl li.shover{color:#fa7d5f;border-right:4px solid #fa7d5f;}
.ylTrueUl li.shover a{color:#fa7d5f;}
.ylTrueUl li a:hover{text-decoration:none;}
.ylTrueUl li span{color:#999;}
.index-yuersay img{display: block;height:220px;}
/**/
.index-typeblock ul.last{border: none;padding-bottom: 0;}
.index-sidecenter{width: 470px;display: block;}
.index-sideright{width: 260px;}
.ylTalkList{background: none;padding-left: 0;}
.ylTalkNum{background: none;}
.ylTalkList li{width: 260px;}
.ylTalkWz{width: 174px;}
.jquery-show-img img{width:260px;height: 320px;}
.index-sidecenter .topList li{margin-right: 8px;}
.index-banner-1{margin-top: 12px;}
.index-sidecenter .topArticle{background: none;}
.index-sidecenter .todayHot .h40{display: none;}
.index-sidecenter .todayHot{margin-top: 20px;}
.index-sidecenter .wkCmd{border-top: none;margin-top: 0;}
.index-sidecenter .first{margin-bottom: 10px;}
.index-sidecenter .first .name{font-size: 16px;color:#333;}
.index-sidecenter .first .ylTruthAgo {color: #71a495;float: right;}
.index-sidecenter .wkCmd .first{display: none;}
.index-yuerpk{border: 1px solid #e3e3e3;padding: 12px 0 12px 12px;background: url(http://www.yaolan.com/assets/images/index/pk.gif) no-repeat center;overflow: hidden;clear: both;}
.index-yuerpk ul li{float: left;width: 166px;}
.index-sidecenter .topList li{width: 200px;}
.siderRight{width: 220px;}
.newsLink{width: auto;}
.newsList li{width: 177px;}
.index-yuerpk ul li.index-false{margin-left:72px ;display: inline;}
.index-yuerpk ul li em{display: inline-block;width: 39px;height: 20px;line-height: 20px;text-align: center;color: #fff;background: #f7695e;}
.index-yuerpk ul li.index-false em{background: #333;}
.yueritem .head{float: left;}
.yueritem{height:320px;position: relative;}
.yuertool{width:345px;height:82px;margin:0 auto;padding:18px 10px 0 10px;background:#fcfcfa;border-radius:10px;}
.yuertool h5{font-size: 18px;color:#333;}
.yuerspoton span.false, .yuerspoton span.true {color: #fff;cursor: pointer;font-family: "微软雅黑";font-size: 14px;height: 32px;line-height: 28px;width: 55px;}
.yuerspoton a.false, .yuerspoton a.true, .yuerspoton span.false, .yuerspoton span.true {display: inline-block;text-align: center;}
.ylYouThink{padding:0 3px;margin-bottom: 10px;color:#333;font-size: 14px;}
.ylYouThink a{color:#f7695e;float: right;height:24px;padding-right: 12px;background-position:104px -574px;}
.yuerspotons{text-align: center;}
.yuerspotons span{margin:0px 2px;}
.yuerspoton span.true {background-position:0px -536px;}
.yuerspoton span.cf7 {color:#f7695e;}
.yuerspoton span.false{background-position:-62px -536px;margin-right:0px;}
.yuerspoton span.strue{background-position:-149px -576px;}
.yuerspoton span.sfalse{background-position:-211px -576px;}
.yuerspoton span.c333{color:#4c4c4c;}
.yuerspotons span.index-rate{margin:0px;}
.index-rate{width: 150px;display: inline-block;height: 10px;overflow: hidden;font-size: 0;text-align: left;padding-right:4px;background:#333 url(http://h.yaolanimage.cn/home/images/index.2015.png) 150px -645px no-repeat;_background:#333 url(http://h.yaolanimage.cn/home/images/index.2015.bg8.png) 150px -645px no-repeat;}
.index-rate em{display: inline-block;height: 10px;overflow: hidden;zoom:1;padding-left: 4px;background:#f7695e url(http://h.yaolanimage.cn/home/images/index.2015.png) -356px -595px no-repeat;_background:#f7695e url(http://h.yaolanimage.cn/home/images/index.2015.bg8.png) -356px -595px no-repeat;}
.index-yuerlist{position: relative;padding-top:10px;}
.index-yuerlist a.prev,.index-yuerlist a.next {width: 18px;height: 33px;display: inline-block;position: absolute;left:15px;top:150px;background-position:-201px -537px;}
.index-yuerlist a.next{background-position:-149px -537px;left:438px;}
.index-yuerlist a.prev:hover{background-position:-201px -635px;}
.index-yuerlist a.next:hover{background-position:-149px -635px;}
.index-sideright .ylTalkList{margin-top: 8px;}
#jquery-img-scrool{ position: relative;width:260px;height:320px;overflow: hidden;}
.scrool_d{width:260px;height:320px;position: relative;overflow:hidden;}
#jquery-img-scrool span{display: block;position: absolute;height: 20px;bottom: 5px;text-align: right;padding-right: 5px;right: 0;}
#jquery-img-scrool span em{display: inline-block;width: 9px;height: 9px;background-position:-348px -29px;margin: 0 4px;cursor: pointer;}
#jquery-img-scrool span em.def{background-position:-348px -110px;}
.ylAreaPrU li a{width:170px;}
.ylAreaPrU li.sspaceLast a{display:inline-block;width:150px;padding-left:0px;}
#ylTopAd{padding-bottom: 0px;position: relative;}
.ylAreaTop{position: relative;width:960px;}
.ylshowCe{position: absolute;top:0px;left:0px;width:960px;height:340px;z-index:1000;background:url(http://g.yaolanimage.cn/assets/images/final/y.png);_background:url(http://g.yaolanimage.cn/assets/images/final/y.gif);}

.key_ul,.key_ul li.hover em,.key_dl dt{background:url(http://h.yaolanimage.cn/home/images/index_key_20150421.png) no-repeat; }
.key_main{ width:960px; margin:0 auto; font-size:12px; overflow:hidden; height:380px;}
.key_ul{ background-position:left -1px; background-repeat:repeat-x; height:40px;}
.key_ul li{ display:inline; float:left; font-size:16px; width:55px; padding-right:80px; text-align:center; cursor:pointer;}
.key_ul li.hover em{ background-position:left -63px; width:12px; height:7px; display:block; margin:0 auto;}
.key_ul li.hover{ color:#f65a45;}
.key_n{border-bottom:1px solid #e4e1d8;height:317px; width:1002px;}
.key_dl{width:480px; border-right:1px solid #e4e1d8;}
.key_fr{ float:right; margin-left:40px;}
.key_fl{ float:left;}
.key_dl dl{ display:block; height:105px; width:440px; border-bottom:1px solid #e4e1d8;}
.key_dl dt{ color:#f65a45; font-size:14px; padding:8px 0px 5px;  background-position:left -76px; padding-left:10px;}
.key_dl dd{ width:95px; padding-right:10px; float:left; display:inline; line-height:28px; height:28px; text-overflow:ellipsis; word-spacing:  normal; overflow: hidden;}
.time_key{ display:none;}

/** add 20150511 **/
.globalFbPm {
  width: 170px;
  height: 180px;
  background-position: -168px 0;
  display: block;
  top: -71px;
  right: 6px;
  position: absolute;
  overflow: hidden;
  background: url(http://h.yaolanimage.cn/global/head/images/global_feedback_bg2.png?23);
  _background:url(http://h.yaolanimage.cn/global/head/images/global_feedback_bg82.png?23);
}

.index_ad724{width:283px; height:41px; float:right;}