@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-12-03 16:05:53
 * @version $Id$
 */
body{ font-family: "Microsoft YaHei"; min-width: 1009px; background-color: #7d1200;}
a{text-decoration: none;}

.banner{height: 945px;background: url(../images/chrismas/banner-bg.jpg) no-repeat center; position: relative;}
.banner-main{position: relative;width: 980px;height: 100%; margin: 0 auto;}
.banner .logo{display: block;width: 150px;height: 164px;background: url(../images/logo.png) no-repeat;position: absolute;top:120px;left: 0;cursor: default;}
.banner .my-icon{position: absolute;top: 45px; right: 10px; cursor: default; text-align: center;}
.banner .my-icon .tip-icon,
.banner .my-icon .trigger-icon,
.banner .my-icon .trigger-num{display: inline-block;}
.banner .my-icon .tip-icon{width: 58px; height: 214px; background: url(../images/chrismas/tip-icon.png) no-repeat;}
.banner .my-icon .trigger-icon{font-size: 18px; font-weight: bold; width: 106px; height: 33px; background: url(../images/chrismas/lighter-sprite.png) no-repeat;line-height: 30px; margin: 6px 0;}
.banner .my-icon .default-icon{background-position: 0 0;color: #f43400;}
.banner .my-icon .default-icon:hover{background-position: -140px 0;color: #ff3007;}
.banner .my-icon .over-icon{background-position: -140px -42px;color: #a9723c;cursor: default;}
.banner .my-icon .done-icon{background-position: -140px -42px;color: #a9723c;cursor: default;}
.banner .my-icon .trigger-num{color: #feefc1;font-size: 14px;}
.banner .my-icon .trigger-num i{color: #ffdd20; font-style: normal;}

.banner .award{position: absolute;top: 488px;left: 24px;width: 307px; cursor: default; padding-top: 45px;}
.banner .award .award-title{height: 79px;background: url(../images/chrismas/award-bg.png) no-repeat center top; position: absolute;top:0;left: 0;width: 100%;}
.banner .award .award-list-wrap{overflow: hidden; width: 265px; margin: 0 auto;background: url(../images/chrismas/content-bg2.jpg) repeat-y; padding: 15px 6px;}
.banner .award .award-list-wrap .award-list{background-color: #feefc1; padding:0 20px; height: 250px;overflow: hidden;}
.banner .award .award-list-wrap ul li{border-bottom: 1px solid #f6e19f; line-height: 36px; height: 36px;}
.banner .award .award-list-wrap ul li span{font-size: 14px; color: #ad3708;display: inline-block; text-align:center; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.banner .award .award-list-wrap ul li .user-name{width: 90px;}
.banner .award .award-list-wrap ul li .user-get{width: 40px;}
.banner .award .award-list-wrap ul li .user-award{width: 90px;}

.banner .snow-cover{background: url(../images/chrismas/snow-cover.png) no-repeat center; height: 153px;position: absolute;bottom:45px;left: 0;width: 100%;}
.banner .snow-cover .trigger-rules-wrap{width: 980px;margin: 0 auto; height: 100%;position: relative; font-size: 16px;}

.banner .trigger-rules{display: block;position: absolute;bottom: 65px; left: 70px; width: 103px; height: 40px;color: #ffefaf;background: url(../images/chrismas/trigger-btn.png) no-repeat 0 0; 
    text-align: center; line-height: 35px;}
.banner .trigger-rules:hover{background-position: -113px 0; color: #fff600;}
.banner .trigger-goods{display: block;position: absolute;bottom: 65px; left: 190px; width: 103px; height: 40px;color: #ffefaf;background: url(../images/chrismas/trigger-btn.png) no-repeat 0 0; 
    text-align: center; line-height: 35px;}
.banner .trigger-goods:hover{background-position: -113px 0; color: #fff600;}

.banner .trigger-score{display: block; position: absolute;bottom: 65px; left: 385px; height: 40px;color: #e44200;background: url(../images/chrismas/person-pic.png) no-repeat left center; padding-left: 32px; 
    line-height: 40px; cursor: default;}
#score-value{font-weight: bold;
    width: 70px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    float: right; cursor: pointer;}

.banner .trigger-earn{display: block;position: absolute;bottom: 65px; left: 580px; width: 103px; height: 40px;color: #ffefaf;background: url(../images/chrismas/trigger-btn.png) no-repeat -339px 0; 
    text-align: center; line-height: 35px;}
.banner .trigger-earn:hover{background-position: -452px 0; color: #fff600;}
.banner .notice{display: block;text-align: center;position: absolute;bottom: 40px;left: 0;width: 100%;font-size: 18px;color: #e02500; cursor: default; font-weight: bold;
    padding-left: 20px;
}



.banner .lottery{width: 400px;height: 440px;position: absolute;top: 362px;right: 246px;cursor: pointer;overflow: hidden;}
.banner .lottery img{width: 100%;height: 100%;}
.banner .lottery .inite{display: block;}
.banner .lottery .animation{display: none;}

.banner .radio{width: 170px;height: 104px;position: absolute;top: 680px;right: 20px;cursor: pointer;}
.banner .radio img{width: 100%;height: 100%;}


.more-sprite{background: url(../images/chrismas/more-sprite.png) no-repeat;}

.section-header{min-height: 435px; _height: 435px; background: url(../images/chrismas/main-bg.jpg) no-repeat center;}
.section-footer{height: 144px; background: url(../images/chrismas/main-bg2.jpg) no-repeat center;}
.section-content{background: url(../images/chrismas/main-bg3.jpg) repeat-y center; cursor: default;position: relative;}
.section-content .main{width: 880px; margin: 0 auto; background-color: #fef9ed;padding: 0 40px; position: relative;}
.section-content .main .main-flow{overflow: hidden; width: 880px;}

.section-content .main .main-left{width: 560px;float: left;overflow: hidden;}
.section-content .main .main-right{width: 268px;float: right;overflow: hidden;}
.section-content .main .line{position: absolute; width: 1px; height: 447px; top: 50%; margin-top: -224px;right: 340px;}

.section-content .strong-degree{font-size: 16px; color: #e02500; line-height: 28px; font-weight: bold;}
.section-content .default-degree{color: #7d1200; font-size: 16px;}
.section-content .small-degree{color: #95665e; font-size: 14px;}

.section-content .intro{top: -120px;}
.section-content .main .main-left .time-tip{margin-top: 88px;}
.section-content .main .main-left .paragragh{margin-top: 25px; position: relative;}
.section-content .main .main-left .paragragh p{line-height: 25px;}
.section-content .main .main-left .paragragh .target-songs{position: absolute;top: 64px; left: 185px;display: block; background: url(../images/chrismas/target-songs.png) 0 0; width: 108px;height: 25px;
_background-position: 0 1px;
}
.section-content .main .main-left .paragragh .target-songs:hover{background-position: -124px 0;_background-position: -124px 1px;}


.section-content .main .main-left .paragragh .strong-degree{ background-color: #f6edd7; font-size: 18px;width: 75px; padding: 0 14px; margin: 25px 0 10px;}
.section-content .main .main-left .paragragh .award-01,
.section-content .main .main-left .paragragh .award-02{position: absolute;top: 35px;display: block;cursor: default;}
.section-content .main .main-left .paragragh .award-01{right:125px; width: 67px;height: 168px;}
.section-content .main .main-left .paragragh .award-02{right:2px; width: 110px;height: 168px;}
.section-content .main .main-left .paragragh .award-01 img,
.section-content .main .main-left .paragragh .award-02 img{width: 100%;height: 100%;display: block;border:1px solid #f1e7cf; }
.section-content .main .main-left .paragragh .award-01 span,
.section-content .main .main-left .paragragh .award-02 span{text-align: center;display: block; color: #7d1200; margin-top: 9px;}
.section-content .main .main-left .award-intro{padding-bottom: 40px;}
.section-content .main .main-left .award-intro p{width: 350px;}

.section-content .main .main-right .qr-code-wrap{width: 268px; height: 333px; margin-top: 18px; background:url(../images/chrismas/qr-code-bg.png) no-repeat; overflow: hidden;}
.section-content .main .main-right .qr-code-wrap a{display: block;width: 153px;height: 153px; margin:145px auto 0;}
.section-content .main .main-right .qr-code-wrap a img{width: 100%;height: 100%;}
.section-content .main .main-right .vvmusic{margin-top: 48px; display: block;}
.section-content .main .main-right .vvmusic:hover{color: #ee2200;}

.section-content .main .tag{display: block; width: 129px;height: 64px; line-height: 64px; text-align: center; font-size: 22px; color:#fffc00; position: absolute;top: 5px;left: -7px;
background: url(../images/chrismas/tag.png) no-repeat;}

.section-content .main .composition-list{overflow: hidden; width:1000px; margin-top: 60px;}
.section-content .main .composition-list li{float: left; margin-top: 30px; margin-right: 20px; width: 158px; height: 207px;}
.section-content .main .composition-list li .list-pic{display: block;border:4px solid #eee5ce;}
.section-content .main .composition-list li .list-pic:hover{border-color: #e02500;}
.section-content .main .composition-list li .list-pic img{display: block;width: 150px;height: 150px;background-color: #fff;}
.section-content .main .composition-list li .list-title,
.section-content .main .composition-list li .list-intro{display: block;overflow: hidden;color:#a31700;font-size: 14px; padding: 0 4px; _width: 150px;}
.section-content .main .composition-list li .list-title{line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section-content .main .composition-list li .list-intro .list-author,
.section-content .main .composition-list li .list-intro .list-popular{display: block;font-style: normal; width: 70px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-content .main .composition-list li .list-intro .list-author{float: left;color: #7d1200;}
.section-content .main .composition-list li .list-intro .list-author:hover{color: #e02500;}
.section-content .main .composition-list li .list-intro .list-popular{float: right;}
.section-content .main .composition-list li .list-title:hover{color: #e02500;}

.section-content .main .get-more{display: block;width: 156px;height: 45px; margin: 30px auto 0; position: relative;background-position: 0 0;}
.section-content .main .get-more:hover{background-position: 0 -55px;}
.section-content .main .get-more span{display: block; text-align: center; width: 130px; height: 45px; line-height: 45px;font-size: 18px;color: #feff3a;}
.section-content .main .get-more i{display: block; width: 20px;height: 20px; position: absolute;top: 50%; margin-top: -10px; right: 26px;}
.section-content .main .get-more .down-directed{background-position: -287px 0;}
.section-content .main .hide-more{display: block;width: 230px;height: 45px; margin: 30px auto 0; position: relative;background-position: 0 -110px;}
.section-content .main .hide-more:hover{background-position: 0 -165px;}
.section-content .main .hide-more span{display: block; text-align: center; width: 200px; height: 45px; line-height: 45px;font-size: 18px;color: #feff3a;}
.section-content .main .hide-more i{display: block; width: 20px;height: 20px; position: absolute;top: 50%; margin-top: -10px; right: 18px;}
.section-content .main .hide-more .up-directed{background-position: -252px 0;}

.section-content .composition{padding-bottom: 30px; margin-top: -110px; display: none;}

.static{width: 1009px;margin:0 auto; cursor: default;}

.ads{width: 980px;margin: 0 auto;display: block; height: 90px;}
.ads img{width: 100%;height: 100%;}

.party{position: relative; padding-top: 70px; margin-top: 40px;}
.party .title{background:url(../images/chrismas/title-bg.png) no-repeat center; height: 127px; position: absolute;top: 0;width: 100%;left: 0;}
.party-list{overflow: hidden;width: 840px;margin: 0 auto; padding-top: 20px;}
.party-list li{float: left;width: 230px; margin-right: 40px; background:url(../images/chrismas/point.png) no-repeat left center; padding-left: 10px;}
.party-list li a{color: #7d1200;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: block; height: 32px;line-height: 32px; width: 230px;}
.party-list li a:hover{color: #e02500;}
.party .download{display: block;width: 308px;height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #feff3a; background-position: 0 -220px; margin:20px auto 0;}
.party .download:hover{background-position: 0 -275px;}

.baike{position: relative; padding-top: 70px;margin-top: 40px;}
.baike .title{background:url(../images/chrismas/title-bg2.png) no-repeat center; height: 128px; position: absolute;top: 0;left: 0;width: 100%;}
.baike .sub-title{color: #d33200;font-size: 24px; padding:20px 64px 15px;}
.baike p{color: #7d1200;font-size: 14px; line-height: 22px; text-indent: 2em; padding:0 64px;}
.baike .time-tip{color: #d33200;}
.baike .line{height: 1px; _overflow: hidden; background: url(../images/chrismas/line2.png) no-repeat center; margin: 30px 0;}
.baike .baike-list{overflow: hidden;width: 832px;margin: 0 auto;}
.baike .baike-list li{float: left;width: 158px;margin-right: 40px; background:url(../images/chrismas/point.png) no-repeat left center; padding-left: 10px;}
.baike .baike-list li a{color: #7d1200;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: block; height: 32px;line-height: 32px; width: 140px;}
.baike .baike-list li a:hover{color: #e02500;}

.comment{position: relative; padding-top: 70px;margin-top: 40px;}
.comment .title{background:url(../images/chrismas/title-bg3.png) no-repeat center; height: 126px;position: absolute;top: 0;width: 100%;left: 0;}
#vv_comment{padding: 0 35px;}

.static .static-content-wrap{width: 980px;margin: 0 auto;background: url(../images/chrismas/content-bg.jpg) repeat-y;overflow: hidden; padding:40px 0 10px;}
.static .static-content-wrap .static-content{width: 960px; background-color: #fef9ed; margin: 0 auto;padding: 20px 0 40px;}

#footer_link_info p, #footer_link_info p a{color: #ffe7a1; font-size: 14px;}

/*背景*/
.back-blur{position: fixed;left: 0px;top: 0px;filter: alpha(opacity=50); opacity: 0.5;z-index: 1000;width: 100%;height: 100%; background: none repeat scroll 0 0 #666666;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    _left: expression(eval(document.documentElement.scrollLeft));
    _width: expression(eval(document.documentElement.clientWidth));
    _height: expression(eval(window.screen.availHeight));
}

/*弹出层公用*/
.dialog-sprite{background: url(../images/chrismas/dialog-sprite.png) no-repeat;}
.dialog-close{position: absolute;top: 10px;right: 10px;background-position:-505px 0;width: 28px; height: 28px;}
.dialog-close:hover{background-position: -543px 0;}

/*活动规则*/
.rules{position: fixed;top: 50%;left: 50%; width: 543px; margin-left: -271px; margin-top: -133px; cursor: default; display: none; z-index: 1001;
	_position:absolute;
    _top: expression(eval(document.documentElement.scrollTop + 300));
    _left: expression(eval(window.screen.availWidth/2));
}
.rules .header,
.rules .footer{height: 20px;background: url(../images/chrismas/dialog-bg3.png) no-repeat;}
.rules .header{background-position: 0 0;}
.rules .footer{background-position: 0 -20px;}
.rules .content{background: url(../images/chrismas/dialog-bg4.png) repeat-y; padding:0 36px;overflow: hidden;}
.rules .content p{font-size: 16px; line-height: 24px; color: #602f0b; margin-top: 20px;}
.rules .content .title{height: 26px;border-bottom: 1px solid #ecebd2; padding-bottom: 20px;}
.rules .content .title i,
.rules .content .title span{display: block;height: 26px;line-height: 26px;font-size: 24px;color: #ff4911; float: left;}
.rules .content .title i{background-position: -469px 0;width: 27px; height: 26px; margin-right: 7px;}

/*抽奖/签到——弹窗template*/
.dialog-pop{width: 456px;position: fixed;top: 50%;left: 50%;margin-left: -228px; padding-top: 30px; cursor: default; display: none; z-index: 10001;
	_position:absolute;
    _top: expression(eval(document.documentElement.scrollTop + 300));
    _left: expression(eval(window.screen.availWidth/2));
}
.dialog-pop .header{background-position: 0 -245px; height: 58px;position: absolute;top: 0;left: 0;width: 100%; z-index: 1;}
.dialog-pop .content{background: url(../images/chrismas/dialog-bg2.png) repeat-y; min-height: 140px; _height: 140px; width: 423px; margin:0 auto; padding: 40px 0 20px; position: relative;}
.dialog-pop .footer{background: url(../images/chrismas/dialog-bg.png) no-repeat 0 -20px; height: 20px; width: 423px;margin: 0 auto;}
.dialog-pop .operate{text-align: center; position: absolute;bottom: 20px;left: 0;width: 100%;}
.dialog-pop .operate a{display: inline-block; width: 100px; height: 29px; background-position: 0 -186px; color: #fffdd9; text-align: center; line-height: 29px;}
.dialog-pop .operate a:hover{background-position: -106px -186px;}
.dialog-pop .operate .operate-confirm{margin-right: 15px;}
.dialog-pop .operate .operate-concel{margin-left: 15px;}
.dialog-pop .content .dialog-tip{text-align: center;}
.dialog-pop .content .dialog-tip.one-line-fixed{padding-top: 25px;}
.dialog-pop .content .dialog-tip a{color: #FF6702;}
.dialog-pop .content .dialog-tip .tip-icon{display: inline-block;width: 43px;height: 42px; vertical-align: top; margin-right: 7px;}
.dialog-pop .content .dialog-tip .tip-icon.tip-success{background-position: 0 0;}
.dialog-pop .content .dialog-tip .tip-icon.tip-sad{background-position: -53px 0;}
.dialog-pop .content .dialog-tip .tip-icon.tip-cool{background-position: -106px 0;}
.dialog-pop .content .dialog-tip .tip-icon.tip-warning{background-position: -159px 0;}
.dialog-pop .content .dialog-tip .tip-default{display: inline-block;height: 42px; line-height: 42px; font-size: 24px;color: #602b0b;}
.dialog-pop .content .dialog-tip .tip-strong{ font-size: 26px;color: #ff4b14; line-height: 50px;}
.dialog-pop .ads{display: block;position: absolute; z-index: 2;}
.dialog-pop i.ads{background:url(../images/chrismas/ad-vv-music.png) no-repeat; width: 246px;height: 129px; left: 20px;top: -90px;}
.dialog-pop a.ads{background:url(../images/chrismas/ad-qr-code.png) no-repeat; width: 105px;height: 110px; right: 70px;top: -95px;}
.dialog-pop .dialog-close{z-index: 3;top: -8px;right: 30px;}