p,
h1,
h2,
h3,
h4 {
    margin: 0
}

.phone {
    width: 300px;
    height: 600px;
    background-image: url(../index_files/nexus5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.text-primary {
    color: #f8e71c
}

.text-hidden {
    font-size: 0
}

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #f24100;
    border: none
}

header .container {
    width: 65%;
    height: 104px
}

#logo a,
header .slogan {
    color: #fff
}

#logo a {
    margin-top: 20px
}

.logo-text-name {
    height: 35px;
    font-size: 28px;
} 

.logo-text-url {
    height: 25px;
    font-size: 10px;
} 

header .slogan {
    margin-top: 46px;
    border-left: 1px solid #fff;
    font-size: 24px
}

footer {
    border: none;
}

/*section {
    position: relative;
    height: 800px
}*/

/*section .container {
    height: 800px;
    overflow: hidden
}*/

.section-download {
    font-size: 74px;
}

.section-download .phone {
    position: absolute;
    left: 50px;
    top: 150px
}

.section-download .description {
    /*font-family: HYLingXin;*/
    position: absolute;
    top: 155px;
    /*right: 86px;*/
    margin-left: 400px;
    height: 260px;
    line-height: 1
}

.section-download .description {
    margin-bottom: 8px;
    font-size: 18px;
}

.section-download ul li {
    color: #4a4a4a;
    line-height: 25px;
    margin-bottom: 10px;
    text-shadow:1px 1px 0px #fff;
}

.section-download .downloads {
    position: absolute;
    top: 525px;
    /*right: 86px;*/
    margin-left: 444px
}

.section-download .downloads .btn-down-apk,
.section-download .downloads .btn-apple-store,
.section-download .downloads .btn-coming {
    background-repeat: no-repeat;
    display: block;
    width: 185px;
    height: 63px
}

.section-download .downloads .btn-down-apk {
    margin-bottom: 20px;
    background-image: url(../index_files/play_store_new.png)
}

.section-download .downloads .btn-apple-store {
    background-image: url(../index_files/apple_store_new.png)
}

.section-download .downloads .btn-coming {
    background-image: url(../index_files/coming.png)
}

.section-download .downloads .qrcode {
    float: right;
    margin-right: 13px;
    width: 146px;
    height: 146px
}

.prizes {
    top: 135px;
    left: 5px;
    width: 402px;
    height: 430px;
    background-image: url(../index_files/prizes.png)
}

.prizes,
.star {
    position: absolute
}

.star {
    right: 64px;
    bottom: 284px;
    width: 29px;
    height: 41px;
    background-image: url(../index_files/star.png)
}

.section-intro {
    background-color: #ffc73c;
    height: 621px;

}

.section-download .container{
    width: 901px;
    height: 800px;
}

.section-1 .container {
    background-image: url(../index_files/001.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 901px;
    height: 684px;
    /*padding-top: 48%;*/
}

.section-2 .container {
    background-image: url(../index_files/002.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 901px;
    height: 686px;
    /*padding-top: 48%;*/
}

.section-3 .container {
    background-image: url(../index_files/003.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 901px;
    height: 660px;
    /*padding-top: 48%;*/
}

.section-4 .container {
    background-image: url(../index_files/004.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 901px;
    height: 665px;
    /*padding-top: 48%;*/
}

.section-5 .container {
    background-image: url(../index_files/005.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 901px;
    height: 660px;
    /*padding-top: 48%;*/
}

.section-6 .container {
    background-image: url(../index_files/006.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 901px;
    height: 660px;
    /*padding-top: 48%;*/
}

.section-zx .container {
    background-image: url(../index_files/zx.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 901px;
    padding-top: 25%;
}

.section-steps .text-primary {
    color: #fc6c6f
}

.section-steps .description {
    position: absolute;
    top: 110px;
    left: 312px;
    text-align: center
}

.section-steps .description .easy {
    font-family: HYLingXin;
    font-size: 50px
}

.section-steps .description .fair {
    margin-top: 12px;
    font-family: FZMiaoWuS;
    font-size: 22px
}

.section-steps .steps {
    position: absolute;
    top: 226px;
    left: 236px;
    width: 523px;
    height: 83px;
    background-image: url(../index_files/steps.png)
}

.section-steps .phone-group {
    position: relative;
    top: 296px;
    left: 191px;
    width: 630px;
    height: 544px
}

.section-steps .phone-group .phone {
    position: absolute
}

.section-steps .phone-group .phone.phone-left,
.section-steps .phone-group .phone.phone-right {
    top: 44px;
    width: 221px;
    height: 453px
}

.section-steps .phone-group .phone.phone-left {
    left: 0
}

.section-steps .phone-group .phone.phone-center {
    width: 268px;
    left: 181px;
    right: 0
}

.section-steps .phone-group .phone.phone-right {
    right: 0
}

.section-steps .img-fair {
    position: absolute;
    right: 170px;
    bottom: 50px;
    width: 140px;
    height: 140px;
    background-image: url(../index_files/fair.png)
}

.section-lucky {
    background: #28dcba
}

.section-lucky .phone-wrap {
    overflow: visible;
    position: absolute;
    top: 231px;
    left: 342px;
    width: 330px;
    height: 679px
}

.section-lucky .phone {
    position: absolute;
    top: 0;
    left: 0;
    width: 330px;
    height: 679px
}

.section-lucky .description {
    position: absolute;
    top: 100px;
    left: 310px;
    width: 397px;
    height: 88px
}

.section-lucky .description p {
    font-family: FZMiaoWuS;
    font-size: 22px
}

.section-lucky .description .lucky {
    font-family: HYLingXin;
    font-size: 50px
}

.section-lucky .description .friends {
    margin-top: 12px;
    text-align: center
}

.section-lucky .cloud-left {
    position: absolute;
    left: -270px;
    bottom: 251px;
    width: 294px;
    height: 279px;
    background-image: url(../index_files/cloud_left.png)
}

.section-lucky .cloud-right {
    position: absolute;
    right: -223px;
    bottom: 266px;
    width: 205px;
    height: 263px;
    background-image: url(../index_files/cloud_right.png)
}

.screen-home {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 71px;
    left: 20px;
    width: 260px;
    height: 452px;
}

.screen-home a img {
    width: 260px;
    height: 452px;
}

.screen-home a {
    position: absolute;
}

.screen-detail {
    position: absolute;
    top: 54px;
    left: 17px;
    width: 192px;
    height: 342px;
    background-image: url(../index_files/screen_detail.jpg)
}

.screen-success {
    position: absolute;
    top: 65px;
    left: 19px;
    width: 231px;
    height: 406px;
    background-image: url(../index_files/screen_success.jpg)
}

.screen-recent {
    position: absolute;
    top: 54px;
    right: 16px;
    width: 193px;
    height: 342px;
    background-image: url(../index_files/screen_recent.jpg)
}

.screen-win {
    position: absolute;
    top: 80px;
    left: 23px;
    width: 284px;
    height: 508px;
    background-image: url(../index_files/screen_win.jpg)
}

.lt-ie9 header {
    background: #fc7a7d
}

.lt-ie9 .phone {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/iphone6.png', sizingMethod='scale')
}

.lt-ie7 .section-download .downloads .btn-apple-store {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/coming.png')
}

.lt-ie7 .section-download .downloads .btn-down-apk {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/play_store.png')
}

.lt-ie7 .section-download .downloads .btn-coming {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/coming.png')
}

.lt-ie7 .section-download .prizes {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/prizes.png')
}

.lt-ie7 .section-download .star {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/star.png')
}

.lt-ie7 .section-steps .steps {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/steps.png')
}

.lt-ie7 .section-steps .img-fair {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/fair.png');
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/fair.png')
}

.lt-ie7 .section-lucky .cloud-left {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/cloud_left.png')
}

.lt-ie7 .section-lucky .cloud-right {
    background: 0 0;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='./index_files/cloud_right.png')
}

.lt-ie7 .section-steps .description,
.lt-ie7 .section-lucky .description {
    white-space: nowrap
}

.lt-ie7 #logo a {
    margin-top: 22px
}

@media (max-width:880px) {
    .container {
        width: auto
    }
    .section-download .phone {
        left: -130px
    }
    .prizes {
        left: -165px
    }
    .section-steps .description,
    .section-steps .steps,
    .section-steps .phone-group,
    .section-lucky .description,
    .section-lucky .phone-wrap {
        left: 0;
        right: 0;
        margin: auto
    }
}

@media (max-width:750px) {
    section {
        zoom: .8
    }
}

.download-item-android {
    float: left;
    text-align: center;
    margin-right: 50px;
}

.download-item-android img {
    width: 146px;
    height: 146px
}

.download-item-ios img {
    width: 146px;
    height: 146px
}

.download-item-ios {
    float: right;
    text-align: center;
}

.nav {
    float: right;
    margin-top: 30px;
    margin-right: 18px;
}

.nav ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    padding-top:6px;
    padding-bottom:6px;
}
.nav li
{
    display:inline;
    margin-right: 30px;
}
.nav li a
{
    font-size: 23px;
}
.nav a:link, .nav a:visited
{
    font-weight:bold;
    color:#FFFFFF;
    /*background-color:#98bf21;*/
    text-align:center;
    padding:6px;
    text-decoration:none;
    text-transform:uppercase;
}
.nav a:hover, .nav a:active
{
    /*background-color:#fc4b00;*/
}

.description ul {
    list-style-type:none;
}


#bottom {
    height:40px;
    background-color:#fafafa;
    /*margin-top: 564px;*/
}
#bottom a {
    color:#bbb;
    font-size:14px;
    line-height: 40px;
    text-decoration: none;
}