html,
body
{
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 1000px;
    margin: 0;
    padding: 0;
}

input,
button,
select,
textarea
{
    outline: none;
}

textarea
{
    resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
span
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

img
{
    border: none;
}

body
{
    position: relative;
    width: 100%;
    height: 100%;
}

.mi-box
{
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    position: relative;
    width: 100%;
    background: #f2eff0 url("http://activity.hdslb.com/zzjs/20160504xiaomi/img/bg.png") top center no-repeat;
}

.mi-box .zan
{
    width: 100%;
    padding-top: 260px;
    text-align: center;
}

.zan .zan-num
{
    font-size: 15px;
    margin: 0 auto;
    margin-bottom: 14px;
    color: #e6e6e6;
}

.zan .zan-num-emp
{
    font-size: 20px;
    color: #ed6406;
}

.zan .zan-btn
{
    display: inline-block;
    width: 244px;
    height: 62px;
    margin: 0 auto;
    cursor: pointer;
    background-image: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png');
    background-position: -53px -353px;
}

.zan .zan-btn:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -339px -353px no-repeat;
}

.zan .lottery-btn-gray
{
    display: inline-block;
    width: 244px;
    height: 62px;
    margin: 0 auto;
    margin-left: 20px;
    cursor: pointer;
    background-image: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png');
    background-position: -623px -623px;
}

.zan .lottery-btn
{
    display: inline-block;
    width: 244px;
    height: 62px;
    margin: 0 auto;
    margin-left: 20px;
    cursor: pointer;
    background-image: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png');
    background-position: -52px -623px;
}
.zan .lottery-btn:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -338px -623px no-repeat;
}
.zan .zan-hot-btn
{
    display: inline-block;
    width: 244px;
    height: 62px;
    margin: 0 auto;
    margin-left: 20px;
    cursor: pointer;
    background-image: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png');
    background-position: -52px -714px;
}
.zan .zan-hot-btn:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -338px -714px no-repeat;
}
.zan .live-end-btn
{
    display: inline-block;
    width: 244px;
    height: 62px;
    margin: 0 auto;
    margin-left: 20px;
    cursor: pointer;
    background-image: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png');
    background-position: -623px -804px;
}
.phone-font
{
    font-size: 18px;
    margin: 30px auto 51px auto;
    text-align: center;
    color: #363432;
}

.mi-box .content
{
    width: 980px;
    margin-right: auto;
    margin-left: auto;
}

.phone-box
{
    position: relative;
    width: 980px;
    margin-top: 105px;
    margin-right: auto;
    margin-left: auto;
}

.prompt
{
    position: absolute;
    z-index: 999;
    top: -20px;
    width: 197px;
    height: 95px;
    opacity: 0;
}

.prompt.phone1
{
    left: -13px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prompt1.png') no-repeat;
}

.prompt.phone2
{
    left: 160px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prompt23.png') no-repeat;
}

.prompt.phone3
{
    left: 390px;

    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prompt23.png') no-repeat;
}

.prompt.phone4
{
    left: 622px;

    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prompt23.png') no-repeat;
}

.prompt.phone5
{
    left: 787px;

    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prompt6.png') no-repeat;
}

.prompt-font
{
    font-size: 13px;
    line-height: 22px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 15px;
    color: #a8afa4;
}

.phone-list
{
    width: 980px;
    height: 135px;
    margin: 0 auto;
    text-align: center;
}

.phone-list li
{
    position: relative;
    float: left;
    width: 51px;
    height: 101px;
    margin-top: 19px;
    margin-right: 181px;
}

.phone-list li:last-child
{
    margin-right: 1px;
}

.phone-list li.phone1
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/phone1.png');
}

.phone-list .phone2
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/phone2.png');
}

.phone-list .phone3
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/phone3.png');
}

.phone-list .phone4
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/phone4.png');
}

.phone-list .phone5
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/phone5.png') no-repeat;
}

.phone-list .phone-cover1
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 51px;
    height: 101px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/cover0.png') no-repeat;
}

.phone-list .phone-cover2
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 51px;
    height: 101px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/cover1.png') no-repeat;
}

.line-list
{
    width: 982px;
    height: 22px;
    margin: 0 auto;
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/line1.png') no-repeat;
}

.mi-title2
{
    font-size: 18px;
    width: 980px;
    margin: 38px auto 20px auto;
    text-align: center;
    color: #363432;
}

.prize-box
{
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
}

.prize-box li
{
    position: relative;
    float: left;
}

.prize-box li:last-child
{
    position: relative;
    float: left;
    border-right: none;
}

.prize-box .prize1
{
    width: 245px;
    height: 210px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image-p1.png');
}

.prize-box li .cover
{
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 245px;
    height: 210px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    z-inde: 8;
}

.cover .cover-img
{
    display: block;
    margin-top: 75px;
    margin-left: 107px;
}

.cover .cover-font
{
    display: inline-block;
    width: 120px;
    margin-top: 15px;
}

.prize-box li.prize2 .cover
{
    background: rgba(0, 0, 0, .6);
}

.prize-box li.prize3 .cover
{
    background: rgba(0, 0, 0, .8);
}

.prize-box li.prize4 .cover
{
    background: rgba(0, 0, 0, 1);
}

.prize-box .prize2
{
    width: 245px;
    height: 210px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image-p2.png');
}

.prize-box .prize3
{
    width: 245px;
    height: 210px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image-p3.png');
}

.prize-box .prize4
{
    width: 245px;
    height: 210px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image-p4.png');
}

.prize-title
{
    font-size: 15px;
    line-height: 29px;
    position: absolute;
    top: 0;
    left: 73px;
    width: 99px;
    height: 29px;
    text-align: center;
    color: #fff;
    background: #ed6406;
}

.mi-title3
{
    font-size: 14px;
    margin-top: 24px;
    text-align: center;
    color: #aca7a6;
}

.mi-content
{
    width: 980px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.mi-content .split-line
{
    overflow: hidden;
    width: 980px;
    height: 1px;
    margin-top: 40px;
    background: #e8dee1;
}

.mi-content .video-box
{
    position: relative;
    width: 980px;
    height: 604px;
    margin-top: 173px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/tv.png') no-repeat;
}

#bofqi
{
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.leijun
{
    position: absolute;
    top: -148px;
    width: 979px;
    height: 148px;
    background: url('') no-repeat;
}

.video-list
{
    width: 980px;
    margin: auto 41px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.video-list li
{
    float: left;
    width: 230px;
    height: 50px;
    margin-left: 52px;
    cursor: pointer;
    border: 1px solid #ed6406;
    background: #fff;
}

.video-list li:hover
{
    color: #fff;
    background: #ed6406;
}

.video-list li.on:hover
{
    color: #ed6406;
    background: #fff;
}

.video-list li i
{
    display: inline-block;
}

.video-list li.on i,
.video-list li.on:hover i
{
    width: 13px;
    height: 12px;
    margin: 18px 0 0 15px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image_c0219.png') -496px -29px no-repeat;
}

.video-list li .bf
{
    width: 13px;
    height: 12px;
    margin: 18px 0 0 15px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image_c0219.png') -424px -29px no-repeat;
}

.video-list li:hover .bf
{
    width: 13px;
    height: 12px;
    margin: 18px 0 0 15px;

    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image_c0219.png') -353px -29px no-repeat;
}

.video-list li
{
    font-size: 15px;
    color: #ff6700;
}

.mi-content h3
{
    font-size: 20px;
    font-weight: normal;
    margin: 40px 0 20px;
}

.mi-footer
{
    width: 100%;
    height: 300px;
    background: #111114;
}

.modal-form,
.lottery-form,
.live-form
{
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5);
}
.live-form
{
    background-color: rgba(0, 0, 0, 0.5);
}
.default-hidden
{
    display: none;
}
.live-form .live
{
    position: relative;
    width: 430px;
    height: 200px;
    margin: 15% auto 40px;
    text-align: center;
    color: #999;
    background: #fff;
}

.live-form .live .font
{
    font-size: 20px;
    display: inline-block;
    margin: 55px auto 23px auto;
}

.modal-form .share
{
    font-size: 20px;
    height: 269px;
}

.modal-form .share,
.lottery-form .lottery
{
    position: relative;
    width: 811px;
    margin: 15% auto 40px;
    text-align: center;
    color: #999;
    background: #fff;
}

.modal-form .share .font
{
    margin: 29px auto 23px auto;
}

.modal-form .close,
.lottery-form .close,
.winning .close,
.fail .close,
.live-form .close
{
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -65px -66px no-repeat;
}

.modal-form .close:hover,
.lottery-form .close:hover,
.winning .close:hover,
.fail .close
{
    width: 16px;
    height: 16px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -101px -66px no-repeat;
}

.modal-form .share-list
{
    width: 340px;
    margin: auto auto;
}

.share-list .share-btn
{
    display: inline-block;
    width: 62px;
    height: 62px;
    margin: auto 23px auto 23px;
    cursor: pointer;
}

.share-list .share-1
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -55px -223px no-repeat;
}

.share-list .share-1:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -55px -133px no-repeat;
}

.share-list .share-2
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -161px -223px no-repeat;
}

.share-list .share-2:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -161px -133px no-repeat;
}

.share-list .share-3
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -268px -223px no-repeat;
}

.share-list .share-3:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -268px -133px no-repeat;
}

.lottery-form .lottery
{
    font-size: 12px;
    height: 469px;
}

.lottery-form .lottery-tv
{
    width: 615px;
    height: 119px;
    margin: 30px 96px auto;
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/lottery-tv.png') no-repeat;
}

.lottery-form .font
{
    margin: auto auto;
    padding-top: 15px;
    /*width:244px;*/
    text-align: center;
}

.lottery-form .part-btn
{
    display: inline-block;
    width: 244px;
    height: 62px;
    margin: 10px auto 0;
    cursor: pointer;
    background-image: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png');
    background-position: -53px -625px;
}

.lottery-form .part-btn:hover
{
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -339px -625px no-repeat;
}

.lottery-form .remain-time
{
    font-size: 15px;
    color: #ed6406;
}

.prize-list
{
    position: relative;
    margin-top: 39px;
}

.prize-list .line
{
    overflow: hidden;
    width: 811px;
    height: 1px;
    background: #e8dee1;
}

.prize-list .font
{
    position: absolute;
    top: -22px;
    left: 43%;
    width: 14%;
    background: #fff;
}

.prize-item
{
    width: 100%;
    margin-top: 20px;
    margin-right: 31px;
}

.prize-item .item
{
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 30px;
}

.prize-item .icon
{
    display: inline-block;
    width: 100px;
    height: 100px;
}

.prize-item .prize1 .icon
{
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prize0.png') no-repeat;
}

.prize-item .prize2 .icon
{
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prize1.png') no-repeat;
}

.prize-item .prize3 .icon
{
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prize2.png') no-repeat;
}

.prize-item .prize4 .icon
{
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prize3.png') no-repeat;
}

.prize-item .prize5 .icon
{
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prize4.png') no-repeat;
}

.prize-item .prize6 .icon
{
    background: transparent url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/prize5.png') no-repeat;
}

.win-lottery,
.fail-lottery
{
    font-size: 15px;
    position: fixed;
    z-index: 10004;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5);
}

.win-lottery .winning,
.fail-lottery .fail
{
    font-size: 13px;
    position: relative;
    width: 350px;
    height: 284px;
    margin: 20% auto 40px;
    text-align: center;
    color: #999;
    background: #fff;
}

.winning .icon
{
    margin-top: 27px;
}
.winning .winning-code
{
    margin-top: 5px;
}
.winning .emphasize
{
    font-weight: bold;
    color: #ed6406;
}

.winning .text
{
    margin-top: 20px;
}

.fail .text
{
    margin-top: 40px;
}

.winning .confirm-bn,
.fail .confirm-bn,
.live .confirm-bn
{
    display: inline-block;
    width: 244px;
    height: 62px;
    margin: 17px auto 0;
    cursor: pointer;
    background-image: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png');
    background-position: -53px -532px;
}

.winning .confirm-bn:hover,
.fail .confirm-bn:hover,
.live .confirm-bn:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/web-icon.png') -339px -532px no-repeat;
}

.footer-content
{
    width: 980px;
    margin: auto auto;
    padding-top: 40px;
}

.footer-content .title
{
    font-size: 20px;
    position: relative;
    margin: auto auto 19px auto;
    color: #655d58;
}

.footer-content .left
{
    position: absolute;
    top: 5px;
    right: 30px;
    display: inline-block;
    width: 10px;
    height: 13px;
    cursor: pointer;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/footer.png') 0 -23px no-repeat;
}

.footer-content .left:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/footer.png') 0 0 no-repeat;
}

.footer-content .right
{
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
    width: 10px;
    height: 13px;
    cursor: pointer;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/footer.png') -30px 0 no-repeat;
}

.footer-content .right:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/footer.png') -30px -23px no-repeat;
}

.img-list
{
    position: relative;
    overflow: hidden;
    width: 980px;
    height: 140px;
}

.video-line
{
    position: absolute;
    width: 2940px;
}

.video-line li
{
    float: left;
    margin-right: 45px;
    /*margin-bottom: 35px;*/
}

.video-line li:nth-child(5n)
{
    margin-right: 0;
}

.video-line li img
{
    width: 160px;
    height: 100px;
}

.video-line li a
{
    position: relative;
    display: block;
}

.video-line li a .mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 100px;
    background: rgba(0, 0, 0, .5);
}

.video-line li a .mask i
{
    position: absolute;
    z-index: 10;
    top: 34px;
    left: 64px;
    width: 32px;
    height: 32px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/image_c0219.png') -567px -19px no-repeat;
}

.video-line li a .mask i:hover
{
    width: 32px;
    height: 32px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/play.png');
}

.video-line li .text
{
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    width: 160px;
    height: 32px;
    margin-top: 10px;
    color: #b5b5b5;
}

.mi-footer .slider
{
    width: 110px;
    height: 20px;
    margin: 37px auto auto 465px;
    text-align: center;
}

.mi-footer .slider .bar
{
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 17px;
    cursor: pointer;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/page.png') -25px -2px no-repeat;
}

.mi-footer .slider .bar:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/page.png') -25px -20px no-repeat;
}

.mi-footer .slider .bar.active
{
    height: 20px;
    margin-top: -3px;
    margin-right: 19px;
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/page.png') -5px -2px no-repeat;
}

.mi-footer .slider .bar.active:hover
{
    background: url('http://activity.hdslb.com/zzjs/20160504xiaomi/img/page.png') -5px -22px no-repeat;
}
.share-wrap{
    width: 980px;
    margin: 40px auto 0;
    background: #FFF;
    margin-bottom: 20px;
}
.box-body {
    width: 980px;
    padding: 0px 4px;
    margin: 0px auto;
    color: #222;
}
.footer {
    padding-top: 20px;
}