body
{
    background-color: #041347;
    perspective: 100;
}
.Touching
{
    opacity: 0.7;
}
.ContentModels
{
    padding: 0.24rem;
    background-color: #10297e;
}
.ContentModel
{
    margin: 0rem;
    font-size: 0.14rem;
}
.ContentModel.Waiting
{
    height: 2rem;
    background-image: url(../image/icon_Waiting_128x128.gif);
    background-position: center;
    background-size: 10%;
    background-repeat: no-repeat;
}
.Titlebar
{
    display: flex;
    justify-content: center;
    margin: 0rem;
    height: 0.7rem;
    background-image: url(../image/background_Titlebar_672x70.png);
    background-position: center;
    background-size: 6.72rem .7rem;
    background-repeat: no-repeat;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.24rem;
    color: #00f0ff;
}
.Titlebar .Dark
{
    color: #c5cef7;
}
.Titlebar .Left
{
    width: 3.02rem;
    height: 100%;
    text-align: left;
}
.Titlebar .Left .Caption
{
    margin-left: 0.36rem;
    height: 100%;
}
.Titlebar .Center
{
    flex-grow: 1;
    height: 100%;
    background-image: url(../image/background_Stars_70x70.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
}
.Titlebar .Right
{
    width: 3.02rem;
    height: 100%;
    text-align: right;
}
.Titlebar .Right .Caption
{
    margin-right: 0.36rem;
    height: 100%;
}
.MatchInfobar
{
    position: relative;
    margin: 0.24rem auto 0.24rem auto;
    width: 6.72rem;
    height: 1.36rem;
    background-image: url(../image/background_MatchInfo_672x136.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.MatchInfobar div
{
    position: absolute;
}
.MatchInfobar .Goal
{
    width: .5rem;
    height: .5rem;
    background-image: url(../image/icon_Goal_50x50_1x4_50x200.png);
    background-position: 0rem 0rem;
    background-size: 2rem .5rem;
    background-repeat: no-repeat;
}
.MatchInfobar .Goal.Ping
{
    background-position: 0rem 0rem;
}
.MatchInfobar .Goal.Sheng
{
    background-position: -.5rem 0rem;
}
.MatchInfobar .Goal.Kong
{
    background-position: -1rem 0rem;
}
.MatchInfobar .Goal.HuoSheng
{
    background-position: -1.5rem 0rem;
}
.MatchInfobar .Goal.Wu
{
    visibility: hidden;
}
.MatchInfobar .Flag
{
    width: .7rem;
    height: .45rem;
    background-image: url(../image/icon_NationalFlags_70x45_8x4_560x180.gif);
    background-position: 0rem 0rem;
    background-size: 5.6rem 1.8rem;
    background-repeat: no-repeat;
}
.MatchInfobar .Point
{
    display: none;
    width: .6rem;
    height: .45rem;
    line-height: .45rem;
    text-align: center;
    font-size: .44rem;
    font-weight: bold;
    color: #5d492b;
}
.MatchInfobar.Result .Point
{
    display: block;
}
.MatchInfobar .Name
{
    width: 1.88rem;
    height: .45rem;
    line-height: .45rem;
    font-size: .25rem;
    color: #5d492b;
}
.MatchInfobar .Title
{
    left: 2.5rem;
    top: .1rem;
    width: 1.72rem;
    height: .28rem;
    background-image: url(../image/background_DoubleStars_172x5.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    text-align: center;
    line-height: .28rem;
    font-size: .2rem;
    text-align: center;
    color:#9f9276;
}
.MatchInfobar.Result .Title
{
    display: none;
}
.MatchInfobar .Result
{
    display: none;
    left: 2.66rem;
    top: .11rem;
    width: 1.4rem;
    height: 1.16rem;
    background-image: url(../image/icon_MatchResult_140x116_1x3_140x348.png);
    background-position: 0rem 0rem;
    background-size: 1.4rem 3.48rem;
    background-repeat: no-repeat;
}
.MatchInfobar.Result .Result
{
    display: block;
}
.MatchInfobar .Result.CuoWu
{
    background-position-y: -1.16rem;
}
.MatchInfobar .Result.ZhengQue
{
    background-position-y: -2.32rem;
}
.MatchInfobar .HostGoal
{
    left: 0.25rem;
    top: 0.43rem;
}
.MatchInfobar .HostFlag
{
    left: 1rem;
    top: 0.28rem;
}
.MatchInfobar .HostPoint
{
    left: 1.7rem;
    top: 0.28rem;
}
.MatchInfobar .HostName
{
    left: 1rem;
    top: 0.73rem;
}
.MatchInfobar .CommonGoal
{
    left: 3.11rem;
    top: 0.43rem;
}
.MatchInfobar.Result .CommonGoal
{
    display: none;
}
.MatchInfobar .AwayName
{
    left: 3.87rem;
    top: 0.73rem;
    text-align: right;
}
.MatchInfobar .AwayPoint
{
    left: 4.45rem;
    top: 0.28rem;
}
.MatchInfobar .AwayFlag
{
    left: 5.05rem;
    top: 0.28rem;
}
.MatchInfobar .AwayGoal
{
    left: 5.99rem;
    top: 0.43rem;
}
.MatchInfoDescription
{
    color: #c5cef7;
    font-size: .24rem;
    text-align: center;
}
.SubmitButton
{
    width: 2.37rem;
    height: 0.7rem;
    background-image: url(../image/button_Submit_237x70_1x2_237x140.png);
    background-position: 0rem 0rem;
    background-size: 2.37rem 1.4rem;
    background-repeat: no-repeat;
    line-height: 0.7rem;
    text-align: center;
    font-size: .26rem;
    font-weight: 500;
    color: white;
}
.SubmitButton.Red
{
    background-position: 0rem -.7rem;
}
.SubmitButton.Big
{
    width: 2.94rem;
    height: 0.7rem;
    background-image: url(../image/button_Submit_294x70.png);
    background-position: 0rem 0rem;
    background-size: 2.94rem 0.7rem;
}
.Footer
{
    background-color: #041347;
    padding: .24rem;
    line-height: .4rem;
    text-align: left;
    font-size: .22rem;
    color: #808ebf;
}
.Footer .Title
{
    text-align: left;
    font-size: .24rem;
    font-weight: 500;
}
/**/
#topImage
{
    position: relative;
    width: 100%;
    height: 6.2rem;
    background-color: #10297e;
    background-image: url(../image/background_TopImage_720x500.jpg);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#topPartnerButton
{
    position: absolute;
    left: 1.98rem;
    top: 2.04rem;
    width: 3.02rem;
    height: .9rem;
    background-image: url(../image/logo_HaiTunJiaSuQi_266x80.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#topImage .ActivityDescription
{
    position: absolute;
    top: 3rem;
    padding: 0rem .48rem 0rem .48rem;
    line-height: 0.36rem;
    text-indent: .44rem;
    font-size: 0.24rem;
    color: #daf1ff;
}
#topImage .ActivityDescription .Text
{
    vertical-align: middle;
}
#topImage .ActivityDescription .Text::after
{
    content: ">";
    margin-left: .06rem;
    width: .21rem;
    height: .24rem;
    background-image: url(../image/icon_ArrowToRight_12x21.png);
    background-position: center;
    background-size: .12rem .21rem;
    background-repeat: no-repeat;
    color: transparent;
}
.PrizesLitsButton
{
    color:#01edff;
}
#topImage .PartnerTitle
{
    position: absolute;
    left: 0rem;
    top: 4.83rem;
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    font-size: .22rem;
    color: #6e89e4;
}
#topImage .Partner
{
    position: absolute;
    width: 2.24rem;
    height: .92rem;;
    background-position: center;;
    background-repeat: no-repeat;
}
#topImage .Partner.HaiTunJiaSuQi
{
    left:.24rem;
    top: 5.14rem;
    background-image: url(../image/logo_HaiTunJiaSuQi_198x44.png);
    background-size: 1.98rem .44rem
}
#topImage .Partner.LeiShe
{
    position: absolute;
    left:2.48rem;
    top: 5.14rem;
    width: 2.42rem;
    background-image: url(../image/logo_LeiShe_214x61.png);
    background-size: 2.14rem .61rem
}
#topImage .Partner.FengHuang
{
    left:4.72rem;
    top: 5.14rem;
    background-image: url(../image/logo_FengHuang_158x54.png);
    background-size: 1.58rem .54rem
}

#footerHeadImage
{
    position: relative;
    width: 100%;
    height: 4.31rem;
    background-color: #041347;
    background-image: url(../image/background_FooterHeadImage_720x431.jpg);
    background-position: center;
    background-size: auto 4.31rem;
    background-repeat: no-repeat;
}
#footerHeadImage .JiangPinQingDanButton
{
    position: absolute;
    width: 2rem;
    height: 1.5rem;
    left: .24rem;
    opacity: 0.5;
    top: .56rem;
}
.FooterDescription
{
    position: relative;
    margin-top: -1.57rem;
    padding: .24rem;
    line-height: .39rem;
    font-size: .24rem;
    font-weight:500;
    color: #c1cdf5
}
.FooterDescription .Title
{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #d9cbb7;
}
.FooterDescription .Title:first-of-type
{
    background-color: transparent;
}
.FooterDescription .Partners
{
    position: relative;
    height: 1.2rem;
}
.FooterDescription .Partner
{
    position: absolute;
    width: 2.24rem;
    height: .45rem;
    background-position: center;
    background-repeat: no-repeat;
}
.FooterDescription .HaiTunJiaSuQi
{
    left:0rem;
    top: 0rem;
    background-image: url(../image/logo_HaiTunJiaSuQi_204x45.png);
    background-size: 2.04rem .45rem;
}
.FooterDescription .LeiShe
{
    left:2.24rem;
    top: 0rem;
    background-image: url(../image/logo_LeiShe_171x49.png);
    background-position: .3rem center;
    background-size: 1.71rem .49rem;
}
.FooterDescription .FengHuang
{
    left:4.48rem;
    top: 0rem;
    background-image: url(../image/logo_FengHuang_139x46.png);
    background-size: 1.39rem .46rem;
}
.FooterDescription .BeiTong
{
    left: 1.14rem;
    top: 0.65rem;
    background-image: url(../image/logo_BeiTong_123x25.png);
    background-size: 1.23rem .25rem;
}
.FooterDescription .Vivo
{
    left: 3.36rem;
    top: 0.65rem;
    background-image: url(../image/logo_Vivo_111x30.png);
    background-size: 1.11rem .30rem;
}