@charset "utf-8";

/* CSS Document */


/* 设定 */
.l-content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 950px;
    height: auto;
    font-family: Arial, "Microsoft Yahei", SimHei, STHeiti, Helvetica, serif;
    overflow: hidden;
    line-height: 1.2;
}

.l-content h1,
.l-content h2,
.l-content h3,
.l-content h4,
.l-content h5,
.l-content p,
.l-content a,
.l-content ul,
.l-content li,
.l-content dl,
.l-content dt,
.l-content dd,
.l-content a img {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    font-weight: normal;
}

.l-content img {
    border: none;
}

.l-content a {
    text-decoration: none;
}

.l-content em {
    font-style: normal;
}

.l-content .fl {
    float: left;
}

.l-content .fr {
    float: right;
}

.l-content h1,
.l-content .gifts,
.l-content .activity-time,
.l-content .trouble-lists,
.l-content .platform,
.l-content .products,
.l-content .register2,
.l-content .rule{
    position: relative;
}
.l-content h1 .button-wrap{
    position: absolute;
    top: 287px;
    left: 261px;
}
.l-content h1 .register-button-link{
    position: absolute;
    top: 288px;
    left: 263px;
    width: 203px;
    height: 42px;
}
.l-content h1 .register-pro-link{
    position: absolute;
    left: 263px;
    top: 376px;
    width: 204px;
    height: 43px;
}
.l-content h1 .binding-vip-link{
    position: absolute;
    left: 298px;
    top: 428px;
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    border-bottom: 2px solid #fff;
}
.l-content .gifts .gift-info,
.l-content .gifts p{
    position: absolute;
}

.l-content .gifts p{
    top: 77px;
    left: 128px;
    color: #ffcc00;
    font-size: 66px;
    font-weight: bold;
    line-height: 66px;
}
.l-content .gifts .gift-info{
    right: 142px;
    bottom: 28px;
}
.l-content .activity-time p{
    position: absolute;
    top: 0px;
    right: 148px;
    font-size: 17px;
    text-align: right;
    color: #363132;
}
.l-content .activity-time p span{
    color: #15499a;
    font-size: 20px;
}
.l-content .trouble-lists{
    width: 950px;
    height: 156px;
}
.l-content .trouble-lists img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.l-content .trouble-lists ul{
    margin-left: 115px;
}
.l-content .trouble-lists ul li{
    display: inline-block;
    margin-left: 30px;
    width: 136px;
    text-align: center;
}
.l-content .trouble-lists ul li p{
    font-weight: bold;
}
.l-content .trouble-lists ul li p:first-child{
    font-size: 22px;
}
.l-content .trouble-lists ul li p:first-child b{
    color: #164194;
    font-size: 29px;
}
.l-content .trouble-lists ul li p+p{
    font-size: 17px;
}
.l-content .platform p{
    position: absolute;
    top: 54px;
    left: 86px;
    width: 320px;
    height: 95px;
    font-size: 30px;
    color: #342b2c;
    text-align: right;
    font-weight: bold;
    line-height: 1;
}
.l-content .platform p b{
    font-size: 45px;
}
.l-content .platform ul{
    position: absolute;
    left: 102px;
    bottom: 30px;
}
.l-content .platform ul li{
    display: inline-block;
    width: 164px;
    height: 164px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
.l-content .platform ul li.o2{
    margin:0 36px 0 30px;
}
.l-content .platform ul li.o3{
    margin-right: 25px;
}
.l-content .platform ul li.odd{
    color: #fff;
}
.l-content .platform ul li b{
    font-size: 27px;
}
.l-content .platform ul li span{
    position: relative;
    top: -4px;
}
.l-content .products p{
    position: absolute;
    top: 68px;
    right: 72px;
    width: 310px;
    height: 93px;
    color: #342b2c;
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    line-height: 93px;
}
.l-content .register2 .register-button-link{
    position: absolute;
    top: 165px;
    left: 357px;
    width: 200px;
    height: 42px;
}
.l-content .register2 .register-pro-link{
    position: absolute;
    bottom: 0;
    left: 358px;
    width: 204px;
    height: 43px;
}
.l-content .rule .binding-vip-link{
    position: absolute;
    top: 12px;
    left: 392px;
    width: 140px;
    height: 28px;
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    border-bottom: 2px solid #fff;
    z-index: 999;
}
.l-content .rule .rule-icon{
    position: absolute;
    top: 40px;
    left: 97px;
}
.l-content .rule ul{
    position: absolute;
    top: 24px;
    left: 195px;
}
.l-content .rule ul li{
    list-style: none;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
.l-content .rule ul li.title{
    color: #ffcc00;
    font-size: 23px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}