@charset "utf-8";
body{ width: 100%; background-color: #AC1622; font-family: "Microsoft YaHei"; min-width: 1320px; }
a{ text-decoration: none; }
.head{ width: 100%; }
.head .bg1 { height: 425px; background: url("../images/luckydraw/bg1.jpg") no-repeat center; position: relative; }
.bg1 .lucky_time {width: 506px; height: 41px; line-height: 40px; text-align: center; font-size: 21px; color: #e71b00; background: url("../images/luckydraw/time_bg.png") no-repeat center; position: absolute; left: 50%; bottom: 12%; margin-left: -253px; font-weight: bold;}
.bg1 .head_gift1 {width: 125px; height: 125px; background: url("../images/luckydraw/giftbg1.png") no-repeat center; position: absolute; top: 110px; left: 50%; margin-left: -660px; animation: animate1 5s linear infinite; -webkit-animation: animate1 5s linear infinite; }
.bg1 .head_gift2 {width: 125px; height: 125px; background: url("../images/luckydraw/giftbg2.png") no-repeat center; position: absolute; top: 90px; left: 50%; margin-left: 310px; animation: animate1 4s linear infinite; -webkit-animation: animate1 4s linear infinite; }
.bg1 .head_gift3 {width: 175px; height: 175px; background: url("../images/luckydraw/giftbg3.png") no-repeat center; position: absolute; top: 240px; left: 50%; margin-left: -460px; animation: animate1 3s linear infinite; -webkit-animation: animate1 3s linear infinite; }
.bg1 .head_gift4 {width: 156px; height: 156px; background: url("../images/luckydraw/giftbg4.png") no-repeat center; position: absolute; top: 245px; left: 50%; margin-left: 444px; animation: animate1 3.5s linear infinite; -webkit-animation: animate1 3.5s linear infinite; }
.bg1 .head_gift {text-align: center;}
.bg1 .head_gift img {margin-top: 20px;}
.bg1 .head_gift3 img {margin-top: 30px;}
.bg1 .head_gift .head_giftname {font-size: 18px; color: #6b0000;line-height: 1;}
@keyframes animate1 {
    0% { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
    50% { transform: translateY(10px); -webkit-transform: translateY(10px); }
    100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
}
.head .bg2 { height: 367px; margin-top: -1px; background: url("../images/luckydraw/bg2.jpg") no-repeat center; position: relative; }
.golucky {width: 596px; height: 126px; background: url("../images/luckydraw/draw-btn2.png") no-repeat center top; background-size: 100%; position: absolute; left: 50%; top: 138px; margin-left: -298px; }
.golucky:hover { background: url("../images/luckydraw/draw-btn2H.png") no-repeat center top; background-size: 100%; }
.record {width: 103px; height: 22px; background: url("../images/luckydraw/record.png") no-repeat center top; background-size: 100%; position: absolute; left: 50%; top: 178px; margin-left: 340px; }
.record:hover { background: url("../images/luckydraw/recordH.png") no-repeat center top; background-size: 100%; }

.main1 {display: none;}
.main, .main1 { margin: -100px auto 0; width: 1294px; position: relative; }
.main .main_head { width: 100%; height: 124px; background: url("../images/luckydraw/title-four.png") no-repeat center; background-size: contain; }
.main .main_content { overflow: hidden; width: 100%; background: url("../images/luckydraw/midbg3.png") repeat-y center; background-size: contain;}
.main .main_content .content {float: left; width: 33.3%; text-align: center;}
.content_title {color: #fff6de; font-size: 22px;}
.content_title_step {color: #fdea67;}
.content_codewrap {width: 138px; height: 160px; margin: 24px auto 0;}
.content_erweima {width: 138px; height: 138px; margin: 0; padding: 0;}
.content_downtip {width: 138px; height: 22px; background: #BF2B3D; line-height: 22px; color: #f9e5c5; font-size: 13px; margin-top: -3px;}
.content_release {width: 220px; height: 83px; background: url("../images/luckydraw/go-release.png") no-repeat center; background-size: contain; margin: 35px auto 0;}
.content_giftlist {width: 320px; overflow: hidden; margin: 20px auto;}
.content_giftitem {width: 100px; height: 76px; margin-right: 9px; margin-bottom: 10px; background: url("../images/luckydraw/giftbg.png") no-repeat center; background-size: contain; float: left; position: relative;}
.giftItem {margin-right: 0;}
.content_gift1 {position: absolute; top: 50%; left: 50%; margin-left: -28px; margin-top: -26px;}
.content_gift2 {position: absolute; top: 50%; left: 50%; margin-left: -26px; margin-top: -26px;}
.content_gift3 {position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -24px;}
.content_gift4 {position: absolute; top: 50%; left: 50%; margin-left: -26px; margin-top: -27px;}
.content_gift5 {position: absolute; top: 50%; left: 50%; margin-left: -33px; margin-top: -15px;}
.content_gift6 {position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -21px;}
.main .main_bottom { width: 100%; height: 43px; background: url("../images/luckydraw/bottom1.png") no-repeat center; background-size: contain; }

.main1 .main_head { width: 100%; height: 126px; background: url("../images/luckydraw/title-third.png") no-repeat center; background-size: contain; }
.main1 .main_content { overflow: hidden; width: 100%; background: url("../images/luckydraw/midbg2.png") repeat-y center; background-size: contain;}
.main1 .main_content .content1 {float: left; text-align: center; width: 49.9%;}
.userinfo_wrap {margin: 20px 0; color: #fdea67; font-size: 16px;}
.userinfo_wrap img {width: 120px; height: 120px; border-radius: 50%;}
.userinfo_wrap span { color: #fff6de; }
.left_bottom {width: 420px; height: 50px; line-height: 50px; background: #E34544; border-radius: 3px; margin: 0 auto; color: #ffe195;}
.left_bottom img {width: 36px; height: 36px; vertical-align: -25%; margin-right: 10px;}
.introduce {width: 381px; height: 556px; background: url("../images/luckydraw/intro.png") no-repeat center; background-size: contain;margin: 20px auto 0;}
.main1 .main_bottom { width: 100%; height: 43px; background: url("../images/luckydraw/bottom1.png") no-repeat center; background-size: contain; }

#overbody {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/luckydraw/mask.png") repeat center; background-size: contain;}
#overbody .maskwrap {width: 728px; height: 740px; overflow-y: auto; position: absolute; top: 50%; left: 50%; margin-left: -364px; margin-top: -370px; background-color: #FFFCF3; border-radius: 8px;}
#overbody .maskwrap .maskhead {width: 100%; height: 170px; background: url("../images/luckydraw/flobg.png") no-repeat center; background-size: contain; position: relative;}
.maskhead .closeIcon {width: 24px; height: 24px; background: url("../images/luckydraw/close.png") no-repeat center; background-size: contain; position: absolute; right: 10px; top: 10px;}
.maskhead .closeIcon:hover {background: url("../images/luckydraw/close-active.png") no-repeat center; background-size: contain;}
.maskcontent {margin-left: 90px; margin-top: -20px; position: relative; display: none; height: 560px; overflow-y: auto;}
.maskcontent1 {margin-left: 90px; margin-top: -20px; position: relative; height: 560px; overflow-y: auto; display: none;}
.mask_tip {font-size: 20px; color: #333333;}
.mask_tip .mask_tip_step {color: #eb3c25;}
.mask_code_wrap {width: 138px; height: 160px; margin: 20px auto 38px; text-align: center; background: #BF2B3D;}
.mask_code_wrap img {width: 134px; height: 134px; margin-top: 2px;}
.mask_code_wrap .erweimatip {font-size: 13px; color: #f9e5c5;}
.mask_release_wrap {overflow: hidden; margin-top: 20px;}
.mask_release_wrap .mask_release_left {width: 274px; height: 373px; margin-left: 24px; float: left; background: url("../images/luckydraw/releasebg.jpg") no-repeat center; background-size: contain;}
.mask_release_wrap .mask_release_right {width: 274px; float: left; text-align: center; padding-top: 66px;}
.mask_release_wrap .mask_release_right .mask_release_tip {font-size: 15px; font-weight: bold; color: #666666;}
.mask_release_wrap .mask_release_right .mask_release_tip .release_tip {color: #eb3c25;}
.mask_release_wrap .mask_release_right #qrcode {width: 152px; height: 152px; margin: 18px auto 14px;}
.mask_release_wrap .mask_release_right .mask_release_btn {width: 144px; height: 45px; background: url("../images/luckydraw/tutorial-btn.png") no-repeat center; background-size: contain; margin: 0 auto;}

.mask_userwrap {overflow: hidden; margin: 20px 0 10px 0;}
.mask_userphoto {float: left; width: 120px; height: 120px; border-radius: 50%;margin: 0 18px 0 90px;}
.mask_userinfo {float: left; font-size: 18px; color: #eb3c25; line-height: 1.6; padding-top: 10px;}
.mask_userinfo span {color: #333333;}
.mask_userinfo .mask_vvlogo {width: 140px; height: 30px; background: url("../images/luckydraw/vvmusiclogo.png") no-repeat center; background-size: contain; margin-top: 10px;}
.release_success {border: 2px dashed #F9B65E; font-size: 16px; color: #874d09; border-radius: 5px; width: 520px; height: 48px; line-height: 48px; background: #FFF1C7; margin: 0 0 40px 10px; text-align: center;}
.release_success span {color: #eb3c25; font-weight: bold;}
.mask_enter {width: 381px; height: 556px; background: url("../images/luckydraw/intro.png") no-repeat center; background-size: contain; margin-top: 40px; margin-left: 100px;}

.active-notice {text-align: center; font-size: 14px; line-height: 80px; color: #f9de98; }

/*底部*/
#footer_link_info p,
#footer_link_info p a{ color: #fff; }