/*顶部LOGO*/
.top_box {
    margin: auto;
    width: 1120px;
    height: 80px;
    overflow: hidden;
}

.top_box .logo {
    float: left;
    width: 198px;
    height: 48px;
    margin: 16px 0px;
    background: url(../img/logo.png?v3) no-repeat 12px;
}

.top_box .logo a {
    display: inline-block;
    width: 198px;
    height: 48px;
    line-height: 140px;
    overflow: hidden;
}

/*搜索框*/
.top_box .search_box {
    float: right;
    width: 240px;
    height: 80px;
    margin: auto;
}

.search_box form {
    display: block;
    margin-top: 24px;
    height: 32px;
}

.search_box input {
    float: left;
    width: 167px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ba5747;
    border-right: none;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #808080;
    /*border-radius: 6px;*/
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search_box input:focus {
    color: #333;
}

.search_box button {
    float: left;
    width: 52px;
    height: 34px;
    border: none;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid #ba5747;
    border-left: none;
    /*border-top-right-radius: 6px;*/
    /*border-bottom-right-radius: 6px;*/
    background: #dc877a url(../img/search_bt.png) no-repeat center;
}

/*首页导航*/
.nav_wrap {
    width: 100%;
    height: 52px;
    background: #670f05;
}

.nav_box {
    width: 1120px;
    height: 52px;
    margin: auto;
    background: #670f05;
}

.nav_box h5 {
    float: left;
    display: inline-block; /*width: 74px;*/
    width: 80px;
    height: 52px;
    font-weight: normal;
}

.nav_box h5.cur {
    background-color: #b73d2f;
}

.nav_box h5 a {
    display: inline-block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    text-align: center;
    color: #f4f2f5;
    font-weight: normal;
}

.nav_box h5 a:hover {
    background-color: #d74e3e;
}

/*首页导航 更多*/
.nav_box .last {
    width: 84px;
    position: relative;
}

.nav_box h5.last:hover {
    background: #d74e3e;
}

/*十二星座图标导航*/
.nav_astro {
    width: 100%;
    height: 150px;
    background-color: #fbe5e5;
    background: url(../img/nav_astro_bg.png) center 0;
}

.nav_astro .astro_box {
    width: 1116px;
    height: 150px;
    margin: auto;
    padding: 0px 2px;
    position: relative;
}

.nav_astro .astro_box a {
    float: left;
    display: inline-block;
    width: 93px;
    height: 116px;
    line-height: 420px;
    background-image: url(../img/nav_astro.png);
    background-repeat: no-repeat;
    margin-top: 16px;
    overflow: hidden;
}

.nav_astro a.by {
    background-position: -14px 4px;
}

.nav_astro a.jn {
    background-position: -131px 4px;
}

.nav_astro a.sz {
    background-position: -250px 4px;
}

.nav_astro a.jx {
    background-position: -368px 4px;
}

.nav_astro a.shz {
    background-position: -487px 4px;
}

.nav_astro a.cn {
    background-position: -607px 4px;
}

.nav_astro a.tc {
    background-position: -726px 4px;
}

.nav_astro a.tx {
    background-position: -846px 4px;
}

.nav_astro a.ss {
    background-position: -965px 4px;
}

.nav_astro a.mj {
    background-position: -1085px 4px;
}

.nav_astro a.sp {
    background-position: -1205px 4px;
}

.nav_astro a.sy {
    background-position: -1318px 4px;
}

.nav_astro .astro_box a:hover {
    background-image: url(../img/nav_astro_big.png);
}

.nav_astro a.by:hover {
    background-position: -19px 0px;
}

.nav_astro a.jn:hover {
    background-position: -146px 0px;
}

.nav_astro a.sz:hover {
    background-position: -274px 0px;
}

.nav_astro a.jx:hover {
    background-position: -401px 0px;
}

.nav_astro a.shz:hover {
    background-position: -529px 0px;
}

.nav_astro a.cn:hover {
    background-position: -658px 0px;
}

.nav_astro a.tc:hover {
    background-position: -786px 0px;
}

.nav_astro a.tx:hover {
    background-position: -916px 0px;
}

.nav_astro a.ss:hover {
    background-position: -1045px 0px;
}

.nav_astro a.mj:hover {
    background-position: -1174px 0px;
}

.nav_astro a.sp:hover {
    background-position: -1304px 0px;
}

.nav_astro a.sy:hover {
    background-position: -1432px 0px;
}

/*十二生肖图标导航*/
.nav_shengxiao {
    width: 100%;
    height: 150px;
    background-color: #fbe5e5;
    background: url(../img/nav_astro_bg.png) center 0;
}

.nav_shengxiao .shengxiao_box {
    width: 1116px;
    height: 150px;
    margin: auto;
    padding: 0px 2px;
    position: relative;
}

.nav_shengxiao .shengxiao_box a {
    float: left;
    display: inline-block;
    width: 93px;
    height: 116px;
    line-height: 420px;
    background-image: url(../img/nav_shengxiao.png);
    background-repeat: no-repeat;
    margin-top: 16px;
    overflow: hidden;
}

.nav_shengxiao a.by {
    background-position: -14px 4px;
}

.nav_shengxiao a.jn {
    background-position: -131px 4px;
}

.nav_shengxiao a.sz {
    background-position: -250px 4px;
}

.nav_shengxiao a.jx {
    background-position: -368px 4px;
}

.nav_shengxiao a.shz {
    background-position: -487px 4px;
}

.nav_shengxiao a.cn {
    background-position: -607px 4px;
}

.nav_shengxiao a.tc {
    background-position: -726px 4px;
}

.nav_shengxiao a.tx {
    background-position: -846px 4px;
}

.nav_shengxiao a.ss {
    background-position: -965px 4px;
}

.nav_shengxiao a.mj {
    background-position: -1085px 4px;
}

.nav_shengxiao a.sp {
    background-position: -1205px 4px;
}

.nav_shengxiao a.sy {
    background-position: -1318px 4px;
}

.nav_shengxiao .shengxiao_box a:hover {
    background-image: url(../img/nav_shengxiao_big.png);
}

.nav_shengxiao a.by:hover {
    background-position: -19px 0px;
}

.nav_shengxiao a.jn:hover {
    background-position: -146px 0px;
}

.nav_shengxiao a.sz:hover {
    background-position: -274px 0px;
}

.nav_shengxiao a.jx:hover {
    background-position: -401px 0px;
}

.nav_shengxiao a.shz:hover {
    background-position: -529px 0px;
}

.nav_shengxiao a.cn:hover {
    background-position: -658px 0px;
}

.nav_shengxiao a.tc:hover {
    background-position: -786px 0px;
}

.nav_shengxiao a.tx:hover {
    background-position: -916px 0px;
}

.nav_shengxiao a.ss:hover {
    background-position: -1045px 0px;
}

.nav_shengxiao a.mj:hover {
    background-position: -1174px 0px;
}

.nav_shengxiao a.sp:hover {
    background-position: -1304px 0px;
}

.nav_shengxiao a.sy:hover {
    background-position: -1425px 0px;
}

/*专题*/
.zt_wrapper {
    width: 1120px;
    padding: 0px;
    margin: auto;
    margin-top: 40px;
    position: relative;
}

.zt_box {
    width: 1120px;
    height: 80px;
    overflow: hidden;
}

.zt_box .zt_main a {
    float: left;
    display: block;
    margin-right: 14px;
    width: 140px;
    height: 80px;
}

.zt_box .zt_main a img {
    width: 140px;
    height: 80px;
}

.zt_box .prev,
.zt_box .next {
    width: 16px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 26px;
    left: -30px;
    background: url(../img/bg.png) no-repeat -132px -236px;
}

.zt_box .next {
    left: auto;
    right: -30px;
    background-position: -170px -236px;
}

/*首页：焦点图*/
.focus_wrap {
    float: left;
    width: 300px;
    height: 350px;
}

.focus_box {
    width: 300px;
    height: 350px;
    position: relative;
    overflow: hidden;
}

.focus_box a,
.focus_box img {
    display: inline-block;
    width: 300px;
    height: 350px;
    object-fit: contain;
}

.focus_box img {
    transform: translate(0, 0);
    transition: all .5s;
}

.focus_box span {
    display: block;
    width: 300px;
    line-height: 20px;
    color: #ffffff;
    font-size: 18px;
    text-align: left;
    padding: 10px 12px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    background-color: #000 \9;
    filter: alpha(Opacity=75) \9;
    -moz-opacity: 0.75 \9;
    opacity: 0.75 \9;
}

.focus_box:hover img {
    transform: scale(1.04, 1.04);
    transition: all .5s;
}

.focus_box .prev,
.focus_box .next {
    display: none;
    width: 30px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    margin-top: -35px;
    z-index: 10;
    top: 50%;
    left: 0px;
    background: url(../img/bg.png) no-repeat 0 -300px;
}

.focus_box .next {
    left: auto;
    right: 0px;
    background-position: -33px -300px;
}


/*首页：头条*/
.head_box {
    float: left;
    width: 440px;
    height: 350px;
    padding-top: 7px;
    margin: 0px 40px;
    white-space: nowrap;
    overflow: hidden;
}

.head_box h1,
.head_box h2,
.head_box h3 {
    text-align: center;
    height: 24px;
    line-height: 22px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
}

.head_box h1 a,
.head_box h2 a,
.head_box h3 a {
    color: #aa534b;
}

.head_box a:hover,
.head_box a:active {
    color: #FF3333;
}

.head_box .head_1 {
    height: 65px;
    border-bottom: 1px dotted #b73d2f;
}

.head_box .head_1 ul {
    display: block;
}

.head_box .head_1 ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.head_box .head_1 ul li {
    text-align: center;
    float: left;
    display: inline-block;
    width: 210px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
}

.head_box .head_1 ul li.rt {
    margin-left: 20px;
}
.head_box .head_1 ul li:nth-child(2),.head_box .head_1 ul li:nth-child(4){float: right;}
.head_box .head_2 {
    height: 128px;
    margin-top: 10px;
}

.head_box .head_2 ul {
    display: block;
}

.head_box .head_2 ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.head_box .head_2 ul li {
    float: left;
    display: inline-block;
    width: 172px;
    height: 33px;
    font-size: 16px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
}

.head_box .head_2 ul li.rt {
    margin-left: 16px;
}

.head_box .head_2 ul li.li_name {
    margin-right: 15px;
    float: left;
    width: 65px;
    text-align: center;
    padding-left: 0px;
    color: #cfcfcf;
    background: url(../img/index_box_bg.png) no-repeat;
}

.head_box .head_2 ul li.li_name a {
    color: #FFF;
}

.head_box .head_2 ul li.li_name a:hover {
    color: #FF3333;
}

/*首页：运势*/
.yunshi_box {
    float: left;
    width: 300px;
    height: 350px;
    background: #b73d2f;
    position: relative;
    margin-left: 20px;
}

.yunshi_box .tit {
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    background: #670f05;
}

.yunshi_box .tit a {
    color: #fff;
}

.yunshi_box .time {
    margin-left: 21px;
}

.yunshi_box .time:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.yunshi_box .time li {
    float: left;
    display: block;
    color: #fff;
    line-height: 16px;
    margin-right: 9px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid #670f05;
    border-radius: 4px;
}

.yunshi_box .time li a {
    color: #fff;
}

.yunshi_box .time li.cur,
.yunshi_box .time li:hover {
    border: 1px solid #fff;
}

.yunshi_box .sign_box {
    width: 98px;
    height: 132px;
    margin: 10px auto;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
}

.yunshi_box .sign_box .sign {
    width: 98px;
    height: 98px;
    background: #FDFAEE url(../img/astro_yunshi.png) no-repeat;
    border: 3px solid #363240;
    border-radius: 100%;
    margin-bottom: 6px;
}

.yunshi_box .sign_box span {
    display: inline-block;
    padding: 0px 10px;
    background: url(../img/bg.png) no-repeat -249px -232px;
}

.yunshi_box .sign_box:hover .sign {
    border-color: #FFCF6A;
}

.yunshi_box .sign_box:hover span {
    color: #FFCF6A;
    background-position: -249px -254px;
}

.yunshi_box .sign.by {
    background-position: 0px;
}

.yunshi_box .sign.jn {
    background-position: -133px;
}

.yunshi_box .sign.sz {
    background-position: -268px;
}

.yunshi_box .sign.jx {
    background-position: -400px;
}

.yunshi_box .sign.shz {
    background-position: -532px;
}

.yunshi_box .sign.cn {
    background-position: -667px;
}

.yunshi_box .sign.tc {
    background-position: -805px;
}

.yunshi_box .sign.tx {
    background-position: -937px;
}

.yunshi_box .sign.ss {
    background-position: -1073px;
}

.yunshi_box .sign.mj {
    background-position: -1205px;
}

.yunshi_box .sign.sp {
    background-position: -1339px;
}

.yunshi_box .sign.sy {
    background-position: -1474px;
}

.yunshi_box .p1 {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.yunshi_box .p2 {
    font-size: 14px;
    height: 84px;
    line-height: 28px;
    color: #fff;
    text-indent: 2em;
    text-align: justify;
    padding: 10px 24px 0 20px;
    margin-bottom: 23px;
    overflow: hidden;
}

.yunshi_box .p2 a {
    color: #FFCF6A;
}

.yunshi_box .p2 a:hover {
    color: #FFDE9B;
}

.yunshi_box .select_sign {
    left: 0;
    top: 225px;
}

/*首页：区域标题*/
.top-head {
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.top-head .links {
    margin: 10px auto 20px;
    width: 1160px;
    text-align: center;
    color: #888;
}

.top-head .links a {
    margin: 0 10px 0 10px;
    color: #888;
}

.top-head .links a:hover {
    color: #F1462A;
}

.top-head .hd {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.top-head .hd .line {
    width: 100%;
    height: 1px;
    background: #aaa;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

.top-head .hd .star-lg {
    height: 40px;
    background: #fff;
    margin: 0px auto -15px;
    padding: 0 20px;
}

.top-head .hd .star-lg-xz {
    width: 155px;
}

.top-head .hd .star-lg-qm {
    width: 190px;
}

.top-head .hd .star-lg-sx {
    width: 175px;
}

.top-head .hd .star-lg-zh {
    width: 238px;
}

.star-lg_l {
    font-size: 28px;
    font-weight: 600;
}

.star-lg_r {
    color: #b73d2f;
    font-size: 28px;
    font-weight: 600;
    margin-left: 10px;
    font-style: italic;
}

.home_right .recommend {
    border: none;
}

/*首页：左中右三块*/
.home_left {
    float: left;
    width: 300px;
    overflow: hidden;
}

.home_center {
    float: left;
    width: 440px;
    margin: 0px 40px;
    overflow: hidden;
}

.home_right {
    float: left;
    width: 300px;
    overflow: hidden;
}

.home_center .head_2 {
    width: 460px;
}

.home_center .head_2 ul li {
    float: left;
    display: inline-block;
    width: 200px;
    height: 31px;
    font-size: 16px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    margin-right: 20px;
}

.home_center .head_2 ul li:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #cfcfcf;
    position: relative;
    left: -10px;
    top: -3px;
}

/*首页：中间-文章列表*/
.home_list
{
    width: 440px;
    text-align: justify;
    height: 78px;
    clear:both;
    margin-bottom: 16px;
    overflow: hidden;
}
.home_list .list_img {
    float: left;
    display: inline-block;
    width: 128px;
    height: 78px;
    margin-right: 14px;
    overflow: hidden;
}
.home_list .list_img img
{
    width: 128px;
    height: 78px;
    transform: translate(0,0);
    transition: all .5s;
}
.home_list .list_img:hover img
{
    transform: scale(1.1, 1.1);
    transition: all .5s;
}
.home_list h4
{
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    text-align: left;
}
.home_list h4 a
{
    color: #444;
}
.home_list h4 a:hover
{
    color: #FF3333;
}
.home_list p
{
    color: #999;
    max-height: 44px;
    line-height: 22px;
    font-size: 12px;
}

/*频道：焦点图*/
.index_top {
    width: 1120px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
}

.index_focus {
    width: 800px;
    height: 350px;
    position: relative;
    overflow: hidden;
    float: left;
}

.index_focus_box {
    width: 800px;
    height: 350px;
}

.index_focus_img {
    float: left;
    display: block;
    width: 800px;
    height: 350px;
    overflow: hidden;
}

.index_focus_img img {
    width: 800px;
    height: 350px;
    transform: translate(0, 0);
    transition: all .5s;
}

.index_focus_img:hover img {
    transform: scale(1.05, 1.05);
    transition: all .5s;
}

.index_focus_tit {
    position: absolute;
    height: 68px;
    line-height: 68px;
    padding: 50px 30px 0;
    font-size: 24px;
    left: 0;
    bottom: 0
}

.index_focus_tit a {
    color: #ffffff
}

.index_focus .prev,
.index_focus .next {
    display: none;
    width: 40px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    margin-top: -30px;
    z-index: 10;
    top: 50%;
    left: 0px;
    background: url(../img/bg.png) no-repeat -240px -40px;
}

.index_focus .next {
    left: auto;
    right: 0px;
    background-position: -283px -40px;
}

.index_focus .hd {
    position: absolute;
    width: 300px;
    bottom: 25px;
    right: 10px;
    text-align: right;
}

.index_focus .hd li {
    display: inline-block;
    margin: 0 2px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #000000;
    opacity: .2;
    cursor: pointer;
}

.index_focus .hd .on {
    width: 20px;
    border-radius: 6px;
    background: #ba6134;
    opacity: 1;
}

.index-article {
    width: 300px;
    height: 350px;
    float: right;
    padding-left: 20px;
    overflow: hidden
}

.index-article .row-box {
    border-top: 1px dashed #e6e3e0;
    margin-top: -1px;
    padding-bottom: 12px
}

.index-article .hd {
    line-height: 1.2;
    margin: 15px 0
}

.index-article .title {
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 1px;
    -moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg)
}

.index-article .icon {
    vertical-align: -2px;
    margin-left: 5px;
    background: url(../img/icon-hot.png) no-repeat;
    height: 11px;
    width: 28px;
    display: inline-block;
}

.index-article .tag {
    color: #c9a96e;
    margin-left: -7px
}

.index-article .item {
    height: 32px;
    line-height: 30px;
    overflow: hidden
}

.index-article .item-1 {
    background: #f5f5f5;
    margin-bottom: 8px
}

.index-article .item-1 .tag {
    display: inline-block;
    vertical-align: top;
    width: 41px;
    text-align: center;
    background: #ee4d4d;
    color: #fff;
    margin-left: 0;
    margin-right: 9px;
    position: relative
}

.index-article .item-1 .tag:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-left: 4px solid #ee4d4d;
    border-bottom: 5px solid transparent
}

/*运势频道：焦点图*/
.yunshi_focus_wrapper {
    float: left;
    width: 820px;
    height: 500px;
}

.yunshi_focus {
    width: 820px;
    height: 360px;
    margin-top: 26px;
    overflow: hidden;
    position: relative;
}

.yunshi_focus a {
    display: block;
    width: 820px;
    height: 360px;
}

.yunshi_focus img {
    display: block;
    width: 820px;
    height: 360px;
    position: absolute;
    transform: translate(0, 0);
    transition: all .5s;
}

.yunshi_focus:hover img {
    transform: scale(1.05, 1.05);
    transition: all .5s;
}

.yunshi_focus span.bg {
    display: block;
    width: 820px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333 \9;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 10;
}

.yunshi_focus span.title {
    display: block;
    width: 800px;
    height: 100px;
    padding-left: 20px;
    line-height: 140px;
    color: #ffffff;
    font-size: 26px;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    background: -webkit-linear-gradient(bottom, rgba(33, 33, 33, 0.9), rgba(33, 33, 33, 0));
    background: linear-gradient(to top, rgba(33, 33, 33, 0.9), rgba(33, 33, 33, 0));
    z-index: 11;
}

.yunshi_focus .pageState {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 54px;
    height: 60px;
    font-size: 14px;
    line-height: 70px;
    text-align: center;
    color: #ffffff;
}

.yunshi_focus .prev, .yunshi_focus .next {
    display: none;
    width: 40px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    margin-top: -30px;
    z-index: 10;
    top: 50%;
    left: 0px;
    background: url(../img/bg.png) no-repeat -240px -40px;
}

.yunshi_focus .next {
    left: auto;
    right: 0px;
    background-position: -283px -40px;
}

/*运势频道：专题*/
.yszt_wrapper {
    width: 780px;
    padding: 0px;
    margin-top: 26px;
    position: relative;
}

.yszt_box {
    width: 780px;
    height: 80px;
    overflow: hidden;
}

.yszt_box .yszt_main a {
    float: left;
    display: block;
    margin-right: 14px;
    width: 140px;
    height: 80px;
}

.yszt_box .yszt_main a img {
    width: 140px;
    height: 80px;
}

.yszt_box .prev,
.yszt_box .next {
    width: 16px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 26px;
    left: -30px;
    background: url(../img/bg.png) no-repeat -132px -236px;
}

.yszt_box .next {
    left: auto;
    right: -30px;
    background-position: -170px 236px;
}

/*某星座最配星座*/
.astro_zuipei {
    width: 240px;
    margin-top: 22px;
    padding-top: 16px;
    padding-bottom: 1px;
    position: relative;
    border-top: 1px solid #444;
}

.astro_zuipei:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.astro_zuipei h4 {
    display: block;
    width: 70px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    left: 75px;
    top: -10px;
    background: #363240;
}

.astro_zuipei h4 a {
    color: #888;
}

.astro_zuipei h4 a:hover {
    color: #ddd;
}

.astro_zuipei p a {
    display: block;
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 20px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    border: 3px solid #666;
}

.astro_zuipei p a img {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 3px;
    left: -2px;
}

.astro_zuipei p a:last-child {
    margin-right: 0px;
}

.astro_zuipei p a:hover {
    border-color: #ddd;
}

/*某星座信息*/
.astro_info {
    float: left;
    width: 476px;
    height: 364px;
    padding: 16px 40px 0px 40px;
}

.astro_info h5 {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 16px;
    color: #fff;
    font-size: 16px;
    background: #ba4133;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.astro_info ul {
    width: 516px;
    color: #444;
    margin-top: 8px;
    font-weight: bold;
}

.astro_info ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.astro_info ul li {
    float: left;
    width: 172px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    overflow: hidden;
}

.astro_info h6 {
    width: 100px;
    height: 26px;
    line-height: 26px;
    margin-top: 24px;
    color: #fff;
    font-size: 14px;
    background: #777;
    text-align: center;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.astro_info p {
    color: #777;
    font-size: 14px;
    line-height: 26px;
    margin-top: 6px;
    text-align: justify;
}

.astro_info p a {
    color: #ba4d37;
}

.astro_info p a:hover {
    color: #ff0000;
}

.astro_info h3 {
    width: 100%;
    height: 40px;
    margin-top: 28px;
}

.astro_info h3 a {
    display: inline-block;
    width: 78px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.astro_info h3 a:last-of-type {
    margin-right: 0px;
}

.astro_info h3 a:nth-child(2) {
    width: 94px;
}

.astro_info h3 a:hover {
    border: 1px solid #ff3333;
}

/*某星座运势*/
.astro_yunshi {
    float: left;
}

.xz-box {
    width: 300px;
    height: 214px;
    background: #fff url(../img/xz-bg.png) no-repeat;
    text-align: center;
    padding: 3px 0;
    overflow: hidden;
    position: relative
}

.xz-box .item {
    width: 25%;
    float: left;
    color: #999;
    margin-bottom: 5px
}

.xz-box .item:hover {
    color: #ee4d4d
}

.xz-box .item:hover .icon {
    border: 1px solid #f1e5d5;
}

.xz-box .icon {
    border: 1px solid #f1e5d5;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 6px;
    background: #fff url(../img/icon-astro.png) no-repeat;
}

.xz-box .name {
    display: block;
    font-size: 12px
}

.xz-box .icon-xz1 {
    background-position: 0 0;
}

.xz-box .icon-xz2 {
    background-position: 0 -196px;
}

.xz-box .icon-xz3 {
    background-position: 0 -245px;
}

.xz-box .icon-xz4 {
    background-position: 0 -294px;
}

.xz-box .icon-xz5 {
    background-position: 0 -343px;
}

.xz-box .icon-xz6 {
    background-position: 0 -392px;
}

.xz-box .icon-xz7 {
    background-position: 0 -441px;
}

.xz-box .icon-xz8 {
    background-position: 0 -490px;
}

.xz-box .icon-xz9 {
    background-position: 0 -539px;
}

.xz-box .icon-xz10 {
    background-position: 0 -49px;
}

.xz-box .icon-xz11 {
    background-position: 0 -98px;
}

.xz-box .icon-xz12 {
    background-position: 0 -147px;
}

.mtf_30 {
    margin-top: -30px;
}


/* 首页的精彩top*/
.topList {
    padding: 8px;
    position: relative;
    zoom: 1;
    background: #f2f2f2;
}

.topList .c-Title span {
    background: #fff;
    display: inline-block;
    padding: 0 20px;
}

.ol-txt {
    height: 404px;
    padding: 34px 20px 0 20px;
    background: #fff;
}

.ol-txt .oTitle {
    height: 24px;
    position: relative;
    border-top: 1px solid #ececec;
}

.topList .c-Title {
    width: 100%;
    height: 48px;
    font-size: 26px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    left: 0;
    top: -24px;
}

.ol-txt li {
    height: 37px;
    overflow: hidden;
    line-height: 37px;
    vertical-align: middle;
    padding-left: 37px;
    position: relative;
    font-size: 14px;
    color: #555;
    background: none;
}

.ol-txt li i {
    width: 18px;
    height: 17px;
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
}

.ol-txt li i {
    background: url(../img/common.png) no-repeat;
}

.txt-stlye {
    position: relative;
    zoom: 1;
    display: block;
}

.ol-txt li span {
    display: block;
    overflow: hidden;
}

.ol-txt li .txt-sum {
    display: none;
    height: 66px;
}

.txt-stlye .txt-sum, .txt-stlye .txt-sum a {
    line-height: 22px;
    color: #888;
}
.ol-txt li .i1 {
    background-position: -0px -0px;
}
.ol-txt li .i2 {
    background-position: -0px -33px
}

.ol-txt li .i3 {
    background-position: -0px -65px
}

.ol-txt li .i4 {
    background-position: -0px -97px
}

.ol-txt li .i5 {
    background-position: -0px -135px
}

.ol-txt li .i6 {
    background-position: -0px -172px
}

.ol-txt li .i7 {
    background-position: -0px -208px
}

.ol-txt li .i8 {
    background-position: -0px -245px
}

.ol-txt li span {
    display: block;
    overflow: hidden
}

.ol-txt li .txt-sum {
    display: none;
    height: 66px
}

.ol-txt li.cur {
    height: 92px;
    padding-top: 10px;
    margin-bottom: 10px
}

.ol-txt li.cur i {
    top: 12px
}

.ol-txt li.cur .txt-tit {
    height: 22px;
    line-height: 22px;
    font-size: 16px
}

.ol-txt li.cur .txt-sum {
    margin-top: 8px;
    display: block
}
/*end 首页精彩 top*/
.folkshengxiao_l_li {
    width: auto;
    height: auto;
    overflow: hidden;
    padding:0 10px 8px 10px;

}

.folkshengxiao_l_li a {
    width: 64px;
    height: 65px;
    float: left;
    background: url(../img/animal1.png) no-repeat;
    margin-top: 17px;
    margin-right: 8px
}

.folkshengxiao_l_li a:nth-child(1) { background-position:0 0; }
.folkshengxiao_l_li a:nth-child(1):hover { background-position:0 -65px; }
.folkshengxiao_l_li a:nth-child(2) { background-position:-64px 0; }
.folkshengxiao_l_li a:nth-child(2):hover { background-position:-64px -65px; }
.folkshengxiao_l_li a:nth-child(3) { background-position:-128px 0; }
.folkshengxiao_l_li a:nth-child(3):hover { background-position:-128px -65px; }
.folkshengxiao_l_li a:nth-child(4) { background-position:-192px 0; margin-right:0; }
.folkshengxiao_l_li a:nth-child(4):hover { background-position:-192px -65px; }
.folkshengxiao_l_li a:nth-child(5) { background-position:-256px 0; }
.folkshengxiao_l_li a:nth-child(5):hover { background-position:-256px -65px; }
.folkshengxiao_l_li a:nth-child(6) { background-position:-320px 0; }
.folkshengxiao_l_li a:nth-child(6):hover { background-position:-320px -65px; }
.folkshengxiao_l_li a:nth-child(7) { background-position:-384px 0; }
.folkshengxiao_l_li a:nth-child(7):hover { background-position:-384px -65px; }
.folkshengxiao_l_li a:nth-child(8) { background-position:-448px 0; margin-right:0; }
.folkshengxiao_l_li a:nth-child(8):hover { background-position:-448px -65px; }
.folkshengxiao_l_li a:nth-child(9) { background-position:-512px 0; }
.folkshengxiao_l_li a:nth-child(9):hover { background-position:-512px -65px; }
.folkshengxiao_l_li a:nth-child(10) { background-position:-576px 0; }
.folkshengxiao_l_li a:nth-child(10):hover { background-position:-576px -65px; }
.folkshengxiao_l_li a:nth-child(11) { background-position:-640px 0; }
.folkshengxiao_l_li a:nth-child(11):hover { background-position:-640px -65px; }
.folkshengxiao_l_li a:nth-child(12) { background-position:-704px 0; margin-right:0; }
.folkshengxiao_l_li a:nth-child(12):hover { background-position:-704px -65px; }


.folkxingzuo_l_li {
    width: auto;
    height: auto;
    overflow: hidden;
    padding:0 10px;
}

.folkxingzuo_l_li a {
    width: 64px;
    height: 65px;
    float: left;
    background: url(../img/animal2.png) no-repeat;
    margin-top: 15px;
    margin-right: 8px
}

.folkxingzuo_l_li a:nth-child(1) { background-position:0 0; }
.folkxingzuo_l_li a:nth-child(2) { background-position:-64px 0; }
.folkxingzuo_l_li a:nth-child(3) { background-position:-128px 0; }
.folkxingzuo_l_li a:nth-child(4) { background-position:-192px 0; margin-right:0; }
.folkxingzuo_l_li a:nth-child(5) { background-position:-256px 0; }
.folkxingzuo_l_li a:nth-child(6) { background-position:-320px 0; }
.folkxingzuo_l_li a:nth-child(7) { background-position:-384px 0; }
.folkxingzuo_l_li a:nth-child(8) { background-position:-448px 0; margin-right:0; }
.folkxingzuo_l_li a:nth-child(9) { background-position:-512px 0; }
.folkxingzuo_l_li a:nth-child(10) { background-position:-576px 0; }
.folkxingzuo_l_li a:nth-child(11) { background-position:-640px 0; }
.folkxingzuo_l_li a:nth-child(12) { background-position:-704px 0; margin-right:0; }
.folkxingzuo_l_li a:hover {background-color: #FFCF6A;border-radius:8px;}
.main1 {
    width: 1120px;
    margin: 40px auto;
    position: relative;
}
.ztbox {
    overflow: hidden;
}
.ztbox ul {
    width: 1150px;
    margin-bottom: -40px;
    overflow: hidden;
}
.ztbox li {
    width: 205px;
    height: 62px;
    float: left;
    margin-right: 23px;
    margin-bottom: 40px;
}
.ztbox a {
    display: block;
    overflow: hidden;
}
.ztbox .pic {
    width: 62px;
    height: 62px;
    float: left;
    margin-right: 12px;
}
.ztbox .pic img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.ztbox .con {
    overflow: hidden;
}
.ztbox .tit {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin: 1px 0;
}
.ztbox .txt {
    font-size: 12px;
    color: #b3aca8;
    line-height: 17px;
    word-break: break-word;
}
.ztbox a {
    display: block;
    overflow: hidden;
}
.xzpdui {
    width: 300px;
    background: #F7F7F7;
    margin-bottom: 0;
    padding-bottom:20px;
}
.zjtit{
    width: 280px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #E5E5E5;
}
.xzpdbox{
    overflow: hidden;
    margin-top: 20px;
}
.xzpditem{
    float: left;
    margin-left: 10px;
}
.xzpdtu {
    width: 110px;
    height: 110px;
    background: #FFFFFF;
    opacity: 1;
    border: 4px solid #AED2FF;
    box-sizing: content-box;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.xzpdtu img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.xznanxuan {
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 100px;
    background: #fff;
    font-size: 18px;
    color: #333;
    margin: 10px auto;
    margin-bottom: 0;
}
.xznanxuan select{
    background: none;
    color: #333;
}
.xinlian {
    background-image: url(../images/xlian.png);
    background-size: 100% 100%;
    width: 65px;
    height: 65px;
    float: left;
    margin-top: 30px;
    margin-left:-10px;
    position: relative;
    z-index: 1;
}
.xznvitem .xzpdtu {
    width: 110px;
    height: 110px;
    background: #FFFFFF;
    opacity: 1;
    border: 4px solid rgba(255, 166, 194, 1);
    box-sizing: content-box;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.xznvitem {
    float: left;
    margin-left: -10px;
}
.xznvitem .xznanxuan {

    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 100px;
    background: #fff;
    font-size: 18px;
    color: #333;
    margin: 10px auto;
    margin-bottom: 0;
}
.kaishi{
    width: 150px;
    height: 44px;
    border-radius: 22px;
    opacity: 1;
    background: #FF6193;
    margin: 20px auto;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.conbox { background-color: #fff; padding-bottom: 10px;  }
.block_title { height: 35px; line-height: 35px; padding-top: 4px; border-bottom: 1px solid #f0f0f0; position: relative; overflow: hidden; margin: 0 10px; }
.block_title .title { float: left; font-size: 16px; font-weight: normal; }
.block_title .more { float: right; font-size: 14px; color: #999; }
.block_title .more:hover { color: #ff8b43; }

.block-scroll { position: relative; }
.block-scroll .list { position: relative; padding-top: 4px; overflow: hidden; white-space: nowrap; font-size: 0; margin: 0 10px; }
.block-scroll .list:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #f0f0f0; }
.block-scroll .list ul { overflow: hidden; }
.block-scroll .list li { line-height: 37px; display: inline-block; vertical-align: top; margin-right: 16px; position: relative; z-index: 1; }
.block-scroll .list a { display: block; font-size: 15px; color: #bbb; }
.block-scroll .list .on a { font-size: 16px; color: #333; }
.block-scroll .prev, .block-scroll .next { width: 30px; height: 40px; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/arrow-l.png) no-repeat center center; cursor: pointer; display: none; }
.block-scroll .next { left: auto; right: 0; background-image: url(../images/arrow-r.png); }

.block_list { padding: 0 10px; overflow: hidden; }
.block_list li { height: 30px; line-height: 30px; font-size: 14px; margin: 6px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.block_list a { color: #555; }
.block_list a:hover { color: #ff7c3c; }
.block_list .num { display: inline-block; vertical-align: top; margin: 6px 6px 0 0; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 13px; color: #fff; background-color: #b5b6db; border-radius: 9px; }
.block_list .num1 { background-color: #ff6a63; }
.block_list .num2 { background-color: #ffa962; }
.block_list .num3 { background-color: #90bcff; }

.block_tags { font-size: 0; margin-left: 10px; margin-bottom: 20px; }
.block_tags a { display: inline-block; vertical-align: top; height: 31px; line-height: 31px; padding: 0 15px; font-size: 14px; color: #ff5959; background-color: #fff1f1; border-radius: 15px; margin-right: 10px; margin-top: 10px; }
.block_tags a:hover { background-color: #ff5959; border-color: #ff5959; color: #fff !important; }
.block_tags a:nth-child(7n+2) { background-color: #fff3eb; color: #ff7f1d; }
.block_tags a:nth-child(7n+2):hover { background-color: #ff7f1d; border-color: #ff7f1d; }
.block_tags a:nth-child(7n+3) { background-color: #f0f6ff; color: #3385ff; }
.block_tags a:nth-child(7n+3):hover { background-color: #3385ff; border-color: #3385ff; }
.block_tags a:nth-child(7n+4) { background-color: #f9f1ff; color: #b259ff; }
.block_tags a:nth-child(7n+4):hover { background-color: #b259ff; border-color: #b259ff; }
.block_tags a:nth-child(7n+5) { background-color: #edfaf9; color: #40b8ae; }
.block_tags a:nth-child(7n+5):hover { background-color: #40b8ae; border-color: #40b8ae; }
.block_tags a:nth-child(7n+6) { background-color: #fff6e0; color: #f5ab00; }
.block_tags a:nth-child(7n+6):hover { background-color: #f5ab00; border-color: #f5ab00; }
em, i {
    font-style: normal;
}
.js-tab-cont {
    display: none;
}
.js-tab-cont.on {
    display: block;
}
.update{
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.updatetit{
    font-size: 16px;
    color: #333;
    width: 280px;
    margin: 0 auto;
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #f0f0f0;
}
.chageng{
    display: block;
    text-align: center;
    line-height: 60px;
    background: #ebebeb;
    font-size: 14px;
    color: #666;
}