﻿.footer_wrap {
    margin-top: 0px;
}
.match_wrapper
{
    width: 100%;
    background-image: url(img/bg_match.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #292557;
    padding-bottom: 30px;
}
.match_wrapper .wrapper
{
    background: #fff;
    padding-bottom: 28px;
    width: 1104px;
}
.match_wrapper .show_left
{
	width: 700px;
    padding: 34px 45px 20px;
    border: none;
}
.match_wrapper .show_left .list_nav
{
    position: absolute;
    left: 30px;
}
.match_wrapper .show_left .list_match
{
    margin-top: 70px;
}
.match_wrapper .page_right
{
    margin-top: 14px;
    margin-right: 14px;
    padding-bottom: 28px;
}
.match_wrapper .page_right_fixed
{
    margin-right: -538px!important;
}
.list_nav { width: 730px; margin-bottom: 0px; }
.list_nav.nav_6 li { width: 104px; }
.list_nav.nav_6 li.home { width: 106px; }
.list_nav.nav_7 li { width: 89px; }
.list_nav.nav_7 li.home { width: 106px; }
.match_box
{
    width: 1120px;
    height: 730px;
    text-align: center;
    margin: auto;
    background-image: url(img/bg_match.png);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}
.match_box h1
{
    position: absolute;
    top: -300px;
}
.match_box p
{
    position: absolute;
    top: -300px;
}
.match_box button
{
    margin: auto;
    margin-top: 587px;
    width: 197px;
    height: 86px;
    font-size: 30px;
    line-height: 30px;
    vertical-align: top;
    color: #f8f8f8;
    border: none;
    background:transparent;
    background-image: url(img/bg.png);
    background-repeat: no-repeat;
    background-position: -100px -295px;
}
.match_box .sign_logo
{
    position: absolute;
    width: 224px;
    top: 306px;
    left: 176px;
    cursor: pointer;
    color: #FAF9BA;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.match_box .sign_logo em
{
    font-style: normal;
}
.match_box .sign_logo.nan
{
    top: 306px;
    left: 720px;
}
.match_box .sign_logo span
{
    display: block;
    width: 224px;
    height: 248px;
    margin-bottom: 23px;
    background-image: url(img/astro_big.png);
    background-repeat: no-repeat;
    background-position: 34px 68px;
    transform: translate(0,0);
    transition: all .3s;
}
.match_box .sign_logo:hover
{
    color: #FFFFFF;
}
.match_box .sign_logo:hover span
{
    transform: scale(1.04, 1.04);
    transition: all .3s;
}
.match_box .sign_logo.by span { background-position: 34px 68px; }
.match_box .sign_logo.jn span { background-position: -186px 68px; }
.match_box .sign_logo.sz span { background-position: -408px 68px; }
.match_box .sign_logo.jx span { background-position: -629px  68px; }
.match_box .sign_logo.shz span { background-position: -849px 68px; }
.match_box .sign_logo.cn span { background-position: -1070px 68px; }
.match_box .sign_logo.tc span { background-position: -1290px 68px; }
.match_box .sign_logo.tx span { background-position: -1509px 68px; }
.match_box .sign_logo.ss span { background-position: -1730px 68px; }
.match_box .sign_logo.mj span { background-position: -1948px 68px; }
.match_box .sign_logo.sp span { background-position: -2169px 68px; }
.match_box .sign_logo.sy span { background-position: -2388px 68px; }

/*选择星座*/
.select_sign.nv
{
    left: 403px;
    top: 280px;
}
.select_sign.nv .info
{
    color: #EF34F3;
}
.select_sign.nan
{
    left: 403px;
    top: 280px;
}
.select_sign.nan .info
{
    color: #2672FF;
}
.select_sign .arrow {
    display: none;
}