.shengxiao_tab
{
    width: 100%;
    background: #ccc;
    margin-top: 15px;
}
.shengxiao_tab td
{
    text-align: center;
    border-left: 2px solid #fff;
}
.shengxiao_tab td.lt
{
    border-left: none;
}
.shengxiao_tab td a
{
    display: block;
    height: 42px;
}

/*顶部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?v6) no-repeat 12px;
}
.top_box .logo a
{
    display: inline-block;
    width: 198px;
    height: 48px;
    line-height: 140px;
    overflow: hidden;
}

/*登录按钮*/
.top_box .user_box
{
    float: left;
    width: 672px;
    height: 80px;
    padding-right: 10px;
    text-align: right;
    font-size: 12px;
}
.user_box a
{
    display: inline-block;
    margin-top: 32px;
    margin-right: 16px;
    padding-left: 14px;
    color: #808080;
}
.user_box a:hover
{
    color: #FF3333;
}
.user_box a.t_weixin
{
    padding-left: 21px;
    background: url(img/bg.png) no-repeat 0px 1px;
}
.user_box a.t_mobile
{
    background: url(img/bg.png) no-repeat -100px 1px;
}
.user_box a.t_fav
{
    padding-left: 18px;
    background: url(img/bg.png) no-repeat -200px 1px;
}
.user_box a.t_map
{
    padding-left: 20px;
    background: url(img/bg.png) no-repeat 0px -49px;
}

/*搜索框*/
.top_box .search_box
{
    float: left;
    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 #d9d9d9;
    border-right: none;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #808080;
    border-radius: 6px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.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 #8B888F;
    border-left: none;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    background: #8B888F url(img/bg.png) no-repeat -82px -41px;
}

/*首页导航*/
.nav_wrap
{
    width: 100%;
    height: 52px;
    background: #4E3064;
}
.nav_box
{
    width: 1120px;
    height: 52px;
    margin: auto;
    background: #4E3064;
}
.nav_box h5
{
    float: left;
    display: inline-block;
    width: 74px;
    height: 52px;
    font-weight: normal;
}
.nav_box h5.cur
{
    background-color: #792FAA;
}
.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: #7A4B9C;
}
/*首页导航 更多*/
.nav_box .last
{
    width: 84px;
    position: relative;
}
.nav_box h5.last:hover
{
    background: #7A4B9C;
}
.nav_box .last span
{
    display: inline-block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    text-align: center;
    color: #f4f2f5;
    font-weight: normal;
    cursor: pointer;
}
.nav_box .last span i
{
    display: inline-block;
    width: 7px;
    height: 4px;
    position: relative;
    top: -4px;
    left: 3px;
    background: url(img/bg.png) no-repeat -245px -432px;
    -webkit-transition: -webkit-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}
.nav_box .last:hover span i
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.nav_box .last div
{
    display: none;
    width: 210px;
    padding: 12px;
    position: absolute;
    z-index: 30;
    right: 0;
    background: #7A4B9C;
}
.nav_box .last:hover div
{
    display: block;
}
.nav_box .last div a
{
    display: inline-block;
    float: left;
    width: 88px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: left;
    padding-left: 17px;
    color: #f4f2f5;
    font-weight: normal;
}
.nav_box .last div a.cur
{
    background-color: #4E3064;
}
.nav_box .last div a:hover
{
    background: #4E3064;
}

/*十二星座图标导航*/
.nav_astro
{
    width: 100%;
    height: 180px;
    background-color: #2E1A3D;
    background-image: url(img/bg_astro.jpg);
    background-position:center;
    background-repeat:no-repeat;
}
.nav_astro .astro_box
{
    width: 1116px;
    height: 180px;
    margin: auto;
    padding: 0px 2px;
    background-color: #2E1A3D;
    background-image: url(img/bg_astro.jpg);
    background-position:center;
    background-repeat:no-repeat;
    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: 31px;
    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: -1425px 0px; }

/*十二生肖图标导航*/
.nav_shengxiao
{
    width: 100%;
    height: 180px;
    background-color: #2E1A3D;
    background-image: url(img/bg_shengxiao.jpg);
    background-position:center;
    background-repeat:no-repeat;
}
.nav_shengxiao .shengxiao_box
{
    width: 1116px;
    height: 180px;
    margin: auto;
    padding: 0px 2px;
    background-color: #2E1A3D;
    background-image: url(img/bg_shengxiao.jpg);
    background-position:center;
    background-repeat:no-repeat;
    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: 31px;
    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 -386px;
}
.zt_box .next 
{
	left: auto;
	right: -30px;
    background-position: -170px -386px;
}

/*首页：焦点图*/
.focus_wrap
{
    float: left;
    width: 300px;
    height: 500px;
}
.focus_box
{
    width: 300px;
    height: 350px;
    position: relative;
    overflow: hidden;
}
.focus_box a,
.focus_box img
{
    display: inline-block;
    width: 300px;
    height: 350px;
}
.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?v3) no-repeat 0 -450px;
}
.focus_box .next 
{
	left: auto;
	right: 0px;
    background-position: -33px -450px;
}

/*首页：大师推荐*/
.dashi_up
{
    width: 300px;
    height: 130px;
    margin-top: 20px;
    overflow: hidden;
}
.dashi_up img
{
    height: 130px;
    width: auto;
    margin-left: -21px;
}

/*首页：头条*/
.head_box
{
    float: left;
    width: 440px;
    height: 493px;
    padding-top: 7px;
    margin: 0px 40px;
    white-space: nowrap;
	overflow: hidden;
}
.head_box h1,
.head_box h2,
.head_box h3
{
    text-align: left;
	height: 24px;
	line-height: 22px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
    white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    color: #85669b;
}
.head_box h1 a,
.head_box h2 a,
.head_box h3 a
{
	color: #782faa;
}
.head_box a:hover,
.head_box a:active
{
	color: #FF3333;
}

.head_box .head_1
{
    height: 106px;
    border-bottom: 1px dotted #cfcfcf;
}
.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
{
    float: left;
    display: inline-block;
    width: 210px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    color: #ccc;
}
.head_box .head_1 ul li.rt
{
	margin-left: 20px;
}

.head_box .head_2
{
    height: 128px;
    margin-top: 9px;
}
.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: 185px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    color: #ccc;
}
.head_box .head_2 ul li.rt
{
	margin-left: 20px;
}
.head_box .head_2 ul li.li_name
{
    float: left;
    width: 50px;
	padding-left: 0px;
	color: #cfcfcf;
}
.head_box .head_2 ul li.li_name:after {
    content: "";
    bottom: 0;
    left: 8px;
    top: 2px;
    width: 1px;
    height: 14px;
    background: #cfcfcf;
    display: inline-block;
    position: relative;
}
.head_box .head_2 ul li.li_name a
{
	color: #782faa;
}
.head_box .head_2 ul li.li_name a:hover
{
	color: #FF3333;
}

/*首页：生肖运程*/
.yuncheng_box
{
    float: left;
    width: 300px;
    height: 412px;
    background: #363240;
    position: relative;
}
.yuncheng_box .tit
{
    width: auto;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    height: 40px;
    line-height: 56px;
    font-weight: bold;
    background: none;
}
.yuncheng_box .tit a
{
    color: #999;
}
.yuncheng_box .time
{
    margin-left: 48px;
}
.yuncheng_box .time:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.yuncheng_box .time li
{
    float: left;
    display:block;
    color: #999;
    line-height: 16px;
    margin-right: 9px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid #363240;
    border-radius: 4px;
}
.yuncheng_box .time li.cur,
.yuncheng_box .time li:hover
{
    border: 1px solid #999;
}
.yuncheng_box .shengxiao_box
{
    width: 116px;
    height: 142px;
    margin: 30px auto;
    cursor: pointer;
    color: #bbb;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
}
.yuncheng_box .shengxiao_box .shengxiao
{
    width: 110px;
    height: 110px;
    background: #FDFAEE url(img/shengxiao_yunshi.png) no-repeat 6px 19px;
    border: 3px solid #363240;
    border-radius: 100%;
    margin-bottom: 6px;
}
.yuncheng_box .shengxiao_box span
{
    display: inline-block;
    padding: 0px 10px;
    background: url(img/bg.png) no-repeat -268px -382px;
}
.yuncheng_box .shengxiao_box:hover .shengxiao
{
    border-color: #FFCF6A;
}
.yuncheng_box .shengxiao_box:hover span
{
    color: #FFCF6A;
    background-position: -249px -404px;
}
.yuncheng_box .shengxiao.shu { background-position: 6px 19px; }
.yuncheng_box .shengxiao.niu { background-position: -134px 15px; }
.yuncheng_box .shengxiao.hu { background-position: -265px 15px; }
.yuncheng_box .shengxiao.tu { background-position: -397px 13px; }
.yuncheng_box .shengxiao.long { background-position: -528px 14px; }
.yuncheng_box .shengxiao.she { background-position: -648px 13px; }
.yuncheng_box .shengxiao.ma { background-position: -767px 14px; }
.yuncheng_box .shengxiao.yang { background-position: -885px 13px; }
.yuncheng_box .shengxiao.hou { background-position: -1023px 14px; }
.yuncheng_box .shengxiao.ji { background-position: -1159px 13px; }
.yuncheng_box .shengxiao.gou { background-position: -1288px 13px; }
.yuncheng_box .shengxiao.zhu { background-position: -1420px 14px; }
.yuncheng_box .p1
{
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #999;
    text-align: center;
}
.yuncheng_box .p2
{
    font-size: 14px;
    height: 84px;
    line-height: 28px;
    color: #999;
    text-indent: 2em;
    text-align: justify;
    padding: 10px 24px 0 20px;
    margin-bottom: 23px;
    overflow: hidden;
}
.yuncheng_box .p2 a
{
    color: #FFCF6A;
}
.yuncheng_box .p2 a:hover
{
    color: #FFDE9B;
}
.yuncheng_box .select_shengxiao
{
    left: -4px;
    top: 268px;
}

/*首页：运势*/
.yunshi_box
{
    float: left;
    width: 300px;
    height: 500px;
    background: #363240;
    position: relative;
}
.yunshi_box .tit
{
    width: auto;
    margin: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    background: #2F2B37;
}
.yunshi_box .tit a
{
    color: #999;
}
.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: #999;
    line-height: 16px;
    margin-right: 9px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid #363240;
    border-radius: 4px;
}
.yunshi_box .time li.cur,
.yunshi_box .time li:hover
{
    border: 1px solid #999;
}
.yunshi_box .sign_box
{
    width: 116px;
    height: 142px;
    margin: 30px auto;
    cursor: pointer;
    color: #bbb;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
}
.yunshi_box .sign_box .sign
{
    width: 110px;
    height: 110px;
    background: #FDFAEE url(img/astro_yunshi.png) no-repeat 7px 19px;
    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 -382px;
}
.yunshi_box .sign_box:hover .sign
{
    border-color: #FFCF6A;
}
.yunshi_box .sign_box:hover span
{
    color: #FFCF6A;
    background-position: -249px -404px;
}
.yunshi_box .sign.by { background-position: 7px 19px; }
.yunshi_box .sign.jn { background-position: -128px 15px; }
.yunshi_box .sign.sz { background-position: -261px 15px; }
.yunshi_box .sign.jx { background-position: -395px 13px; }
.yunshi_box .sign.shz { background-position: -529px 14px; }
.yunshi_box .sign.cn { background-position: -663px 14px; }
.yunshi_box .sign.tc { background-position: -799px 17px; }
.yunshi_box .sign.tx { background-position: -932px 16px; }
.yunshi_box .sign.ss { background-position: -1067px 12px; }
.yunshi_box .sign.mj { background-position: -1200px 14px; }
.yunshi_box .sign.sp { background-position: -1334px 13px; }
.yunshi_box .sign.sy { background-position: -1469px 10px; }
.yunshi_box .p1
{
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #999;
    text-align: center;
}
.yunshi_box .p2
{
    font-size: 14px;
    height: 84px;
    line-height: 28px;
    color: #999;
    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: -4px;
    top: 290px;
}


/*首页：区域标题*/
.home_title
{
    width: 1120px;
    height: 48px;
    line-height: 48px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 10px;
    border-top: 1px solid #e5e5e5;
}
.home_title:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/*左侧*/
.home_title div.lt
{
    float: left;
    height: 48px;
}
.home_title h3
{
    display: block;
    float: left;
	height: 48px;
	position: relative;
	background-position: 8px -107px;
	background-image: url(img/home_title.png);
    background-repeat: no-repeat;
}
.home_title h3.xz { background-position: 8px -107px; }
.home_title h3.ys { background-position: 8px -227px; }
.home_title h3.sx { background-position: 8px -347px; }
.home_title h3.zh { background-position: 8px -467px; }

.home_title h3:before
{
    content: "";
    position: absolute;
    left: 0px;
    top: -1px;
    background: #782FBF;
    width: 100%;
    height: 3px;
}
.home_title div.lt a
{
    display: block;
    float: left;
    font-size: 18px;
	height: 48px;
	line-height: 48px;
    margin-left: 20px;
}
.home_title div.lt h3 a
{
    display: block;
    margin: 0;
	font-size: 24px;
	text-align: center;
	padding-left: 40px;
	padding-right: 12px;
}
.home_title div.lt h3 a:hover
{
    color: #782FBF;
}
/*右侧*/
.home_title div.rt
{
    float: right;
    height: 48px;
}
.home_title div.rt a
{
    color: #888;
    margin-left: 18px;
}
.home_title div.rt a:hover
{
    color: #FF3333;
}
.home_title div.rt a:before
{
    content: "";
    bottom: 0;
    left: -12px;
    top: 1px;
    width: 1px;
    height: 12px;
    background: #cfcfcf;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    display: inline-block;
    position: relative;
}
.home_title div.rt a.first:before
{
    display: 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;
}

/*首页：左侧-推荐图片*/
.home_uppic
{
    width: 320px;
    overflow: hidden;
}
.home_uppic ul
{
    width: 320px;
}
.home_uppic ul:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.home_uppic ul li
{
    float: left;
    width: 142px;
    height: 86px;
    margin-right: 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.home_uppic ul li img
{
    width: 142px;
    height: 86px;
    transform: translate(0,0);
    transition: all .5s;
}
.home_uppic ul li:hover img
{
    transform: scale(1.05, 1.05);
    transition: all .5s;
}
.home_uppic ul li span
{
    display: block;
    width: 142px;
    height: auto;
    line-height: 1.1em;
    text-align: left;
    font-size: 13px;
    color: #fff;
    padding: 4px 6px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    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;
}
.home_uppic ul li:hover span
{
    white-space: normal;
}
.home_uppic ul li.big
{
    width: 300px;
    height: 150px;
    margin-right: 0px;
    margin-bottom: 16px;
}
.home_uppic ul li.big img
{
    width: 300px;
    height: 150px;
}
.home_uppic ul li.big span
{
    width: 300px;
    padding: 6px 8px;
    font-size: 18px;
}
    
/*首页：左侧-头条列表*/
.home_headlist
{
    margin-top: 16px;
    height: 184px;
    background: #f6f6f6;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}
.home_headlist ul
{
    display: block;
    width: 300px;
    font-size: 14px;
    margin-top: 11px;
}
.home_headlist ul li
{
    display: inline-block;
    width: 256px;
    padding-left: 24px;
    height: 30px;
    line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    color: #999;
}
.home_headlist ul li:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #cfcfcf;
    position: relative;
    left: -10px;
    top: -3px;
}
.home_headlist ul li em
{
    display: inline-block;
    width: 62px;
    color: #bbb;
    padding-right: 18px;
    font-size: 10px;
    font-style: normal;
    text-align: right;
    position: absolute;
    right: 0px;
    background: #fff url(img/bg.png) no-repeat 66px -86px;
}
    
/*首页：左侧-生肖运势*/
.home_sxyslist
{
    margin-top: 4px;
    height: 282px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}
.home_sxyslist div:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.home_sxyslist div span
{
    display: block;
    float: left;
    width:50%;
    height: 41px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    background: #f6f6f6;
    border: 1px solid #dfdfdf;
    border-top: none;
    border-right: none;
    box-sizing: border-box;
}
.home_sxyslist div span.lt
{
    border-left: none;
}
.home_sxyslist div span.rt
{
    border-right: none;
}
.home_sxyslist div span.cur
{
    background: #fff;
    border-bottom: none;
}
.home_sxyslist ul
{
    display: block;
    width: 300px;
    font-size: 14px;
    margin-top: 12px;
}
.home_sxyslist ul#QT_UL
{
    padding-top: 2px;
}
.home_sxyslist ul li.txt
{
    display: inline-block;
    width: 256px;
    padding-left: 24px;
    height: 28px;
    line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    color: #999;
}
.home_sxyslist ul li.txt:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #cfcfcf;
    position: relative;
    left: -10px;
    top: -3px;
}
.home_sxyslist ul li.txt em
{
    display: inline-block;
    width: 62px;
    color: #bbb;
    padding-right: 18px;
    font-size: 10px;
    font-style: normal;
    text-align: right;
    position: absolute;
    right: 0px;
    background: #fff url(img/bg.png) no-repeat 66px -86px;
}

.home_sxyslist ul li.pic
{
    float: left;
    width: 131px;
    height: 79px;
    margin-left: 12px;
    margin-bottom: 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.home_sxyslist ul li.pic img
{
    width: 131px;
    height: 79px;
    transform: translate(0,0);
    transition: all .5s;
}
.home_sxyslist ul li.pic:hover img
{
    transform: scale(1.05, 1.05);
    transition: all .5s;
}
.home_sxyslist ul li.pic em
{
    display: block;
    width: 131px;
    height: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333\9;
    filter:alpha(Opacity=60);
    -moz-opacity:0.6;
    opacity: 0.6;
    z-index: 10;
}
.home_sxyslist ul li.pic span
{
    display: inline-block;
    width: 131px;
    height: auto;
    line-height: 1.1em;
    text-align: left;
    font-size: 13px;
    color: #fff;
    padding: 4px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.55);
    background-color: #000\9;
    filter: alpha(Opacity=75)\9;
    -moz-opacity: 0.7\9;
    opacity: 0.7\9;
}
.home_sxyslist ul li.pic:hover span
{
    white-space: normal;
}

/*首页：中间-文章列表*/
.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: 17px;
    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_focus
{
    width: 1120px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}
.index_focus_box
{
    width: 1120px;
    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
{
    float: left;
    width: 320px;
    height: 350px;
    border-left: none;
    background: url(img/bg_focus.png) no-repeat;
}
.index_focus_tit span
{
    display: block;
    margin-top: 70px;
    margin-left: 20px;
    width: 98px;
    height: 41px;
    background: url(img/bg.png) no-repeat 0 -260px;
}
.index_focus_tit span a
{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 98px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.index_focus_tit h3
{
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
    margin: 10px 40px 10px 20px;
}
.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 -190px;
}
.index_focus .next 
{
	left: auto;
	right: 0px;
    background-position: -283px -190px;
}
.index_focus .hd
{
    position: absolute;
    width: 310px;
    bottom: 40px;
    right: 10px;
    text-align: center;
}
.index_focus .hd li
{
	display:inline-block;
    margin: 0 5px;
    width:12px;
    height:12px;
    border-radius:100%;
    background:#000000;
    opacity:.2;
    cursor: pointer;
}
.index_focus .hd .on
{
    width:30px;
    border-radius:6px;
    background:#832FBA;
    opacity:1;
}

/*运势频道：焦点图*/
.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 -190px;
}
.yunshi_focus .next 
{
	left: auto;
	right: 0px;
    background-position: -283px -190px;
}

/*运势频道：专题*/
.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 -386px;
}
.yszt_box .next 
{
	left: auto;
	right: -30px;
    background-position: -170px -386px;
}

/*某星座首页*/
/*某星座LOGO*/
.astro_logo
{
    float: left;
    width: 220px;
    height: 340px;
    padding: 22px;
    padding-bottom: 18px;
    background: #363240;
    box-shadow: -10px -10px #eaeaea;
}
.astro_logo h1
{
    display: block;
    width: 220px;
    height: 260px;
}
.astro_logo h1 a
{
    display: block;
    height: 60px;
    padding-top: 200px;
    color: #e1a763;
    text-align: center;
    background: #2b2931 url(img/astro_big.png) no-repeat 31px 22px;
}
.astro_logo h1 a.by { background-position: 31px 22px; }
.astro_logo h1 a.jn { background-position: -189px 22px; }
.astro_logo h1 a.sz { background-position: -410px 22px; }
.astro_logo h1 a.jx { background-position: -630px 22px; }
.astro_logo h1 a.shz { background-position: -850px 22px; }
.astro_logo h1 a.cn { background-position: -1071px 22px; }
.astro_logo h1 a.tc { background-position: -1289px 22px; }
.astro_logo h1 a.tx { background-position: -1510px 22px; }
.astro_logo h1 a.ss { background-position: -1730px 22px; }
.astro_logo h1 a.mj { background-position: -1951px 22px; }
.astro_logo h1 a.sp { background-position: -2172px 22px; }
.astro_logo h1 a.sy { background-position: -2390px 22px; }
.astro_logo h1 a span
{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: bold;
}
.astro_logo h1 a em
{
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}
/*某星座最配星座*/
.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: #832FBA;
    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: #832FBA;
}
.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;
}