/***
@author:xuanjie
@design:qishifeng
@update:2013-05-23
***/
.main{ width:960px; margin:0 auto; position:relative;}
.hid{ position:absolute; top:-9999em; left:-9999em;}
.main img{ display:block;}

.btn_in,.btn_dload,.r_h,.l_h,.ico_numbg,.titnum_1,.titnum_2,.btn_gift,.btn_lottery,.list_tit h4,.ico_listline,.ra_dot,.ra_dot_bg,.ra_info{ background:url(../img/spr1.png) no-repeat; overflow:hidden;}

.ban{ background:url(../img/bg.jpg) no-repeat center top #180123; height:415px;}
.rada,.rada .main,.brand,.brand .main{ background-color:#ffc3dc;}
.lotter,.lotter .main{ background-color:#ffd8ea;}

.lotter{ width:100%; min-width:960px; padding-top:11px; background:url(../img/rep1.png) repeat-x center top #ffd8ea;}
.brand{ width:100%; min-width:960px; padding-top:11px; background:url(../img/rep2.png) repeat-x center top #ffc3dc;}

.balloon{ width:149px; height:174px; position:absolute; left:368px; top:36px; display:block; background:url(../img/spr2.png) no-repeat;-webkit-animation:jitter 3s infinite linear; -moz-animation:jitter 3s infinite linear;-ms-animation:jitter 3s infinite linear;-o-animation:jitter 3s infinite linear;}

.banbtn{ position:absolute; left:429px; top:322px;}
.banbtn a{ display:block; width:234px; height:42px; float:left; margin-right:22px; text-indent:-999em;}
.btn_in{ background-position:0 -71px;}
.btn_in:hover{ background-position:-235px -71px;}
.btn_dload{ background-position:0 -114px;}
.btn_dload:hover{ background-position:-235px -114px;}

.tit{ position:relative; height:88px; padding:28px 0 0 86px;}
.tit h3{ height:62px; text-indent:-999em;}
.r_h{ width:482px; background-position:-86px -202px;}
.l_h{ width:542px; background-position:-86px -265px;}
.ico_numbg{ width:86px; height:86px; display:block; position:absolute; left:-12px; top:16px; background-position:-705px -217px;-webkit-animation:circle 6s infinite linear; -moz-animation:circle 6s infinite linear;-ms-animation:circle 6s infinite linear;-o-animation:circle 6s infinite linear;}
.titnum_1,.titnum_2{ width:62px; height:62px; display:block; position:absolute; left:0; top:28px; text-indent:-999em;-webkit-animation:swing2 4s infinite linear; -moz-animation:swing2 2s infinite linear;-ms-animation:swing2 1s infinite linear;-o-animation:swing2 1s infinite linear;}
.titnum_1{ background-position:0 -202px;}
.titnum_2{ background-position:0 -265px;}
.btn_gift{ width:186px; height:44px; display:block; text-indent:-999em; position:absolute; right:0; top:28px; background-position:0 -157px;}
.btn_gift:hover{ background-position:-187px -157px;}

.lobox{ height:284px;}
.list{ float:left; width:338px; padding-left:86px;}
.list_tit{ height:50px; position:relative;}
.list_tit h4{ width:148px; height:37px; background-position:-374px -157px; text-indent:-999em;}
.ico_listline{ display:block; width:191px; height:18px; background-position:-522px -176px; position:absolute; right:0; bottom:12px;}
.record{ width:250px; height:168px; overflow:hidden;}
.record li{ height:24px; line-height:24px; vertical-align:bottom; color:#f14d90; overflow:hidden;}
.r1,.r2,.r3{ float:left; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.r1{ width:50px; margin-right:4px;}
.r2{ width:110px; margin-right:10px;}
.r3{ width:76px;}

.p_a{ margin-top:16px;}
.p_a a{ color:#ff5c00; margin-right:40px;}

.flashbox{ float:right; padding-top:14px; width:536px; height:233px; position:relative; *zoom:1;}
.btn_lottery{ width:262px; height:70px; display:block; background-position:0 0; text-indent:-999em; position:absolute; left:138px; top:96px;}
.btn_lottery:hover{ background-position:-263px 0; box-shadow:0 0 24px #ff4806;}

.search,.result{ position:relative; padding-bottom:36px; height:573px;}
.flashbtn{ position:absolute; left:50%; top:50%; margin:-110px 0 0 -110px;}
.ra_dot{ width:9px; height:9px; display:block; background-position:-568px 0; position:absolute; left:29px; bottom:29px; cursor:pointer;-webkit-animation:sca2 1s infinite linear; -moz-animation:sca2 1s infinite linear;-ms-animation:sca2 1s infinite linear;-o-animation:sca2 1s infinite linear;}
.ra_dot_bg{ position:absolute; left:0; bottom:0;}
.result a:hover{ text-decoration:none; border:none;}
.result a:hover .ra_dot_bg{ display:block; width:67px; height:67px; background-position:-472px -73px; -webkit-animation:sca 1s infinite linear; -moz-animation:sca 1s infinite linear;-ms-animation:sca 1s infinite linear;-o-animation:sca 1s infinite linear;}
.result a:hover .ra_dot{-webkit-animation:none; -moz-animation:none;-ms-animation:none;-o-animation:none;}
.ra_info{ padding:14px 0 0 86px; width:98px; height:87px; display:block; color:#fff; background-position:-613px 0; position:relative; z-index:3; cursor:pointer;}
.ra_info img{ position:absolute; left:14px; top:14px;}
.ra_info em{ display:block; width:96px; line-height:1.7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-decoration:none;}
.result a{ padding:0 0 0 25px; width:187px; height:144px; display:block; background:url(blank:none); position:absolute; overflow:hidden;}
.result .a0{ left:227px; top:250px;}
.result .a1{ left:335px; top:62px;}
.result .a2{ left:480px; top:293px;}
.result .a3{ left:563px; top:116px;}
.result .a4{ left:730px; top:256px;}
.result .a5{ left:339px; top:430px;}
.result .a6{ left:630px; top:410px;}
.result .a7{ left:116px; top:405px;}
.result .a8{ left:100px; top:4px;}
.result .a9{ left:40px; top:145px;}

.brand .main{ height:136px;}
.brandlist{ width:960px; overflow:hidden;}
.brandlist ul{ width:973px; padding:26px 0 0;}
.brandlist li{ float:left; display:inline; margin-right:13px;}
.brandlist li a{ display:block; width:230px; height:75px; background-color:#fff;}
.brandlist li a:hover img{ filter:alpha(opacity=90); opacity:0.9;}

/**pop-public**/
.mm_popbg{ background:#000;position:fixed; _position:absolute; left:0; top:0; right:0; bottom:0; z-index:1000; filter:alpha(opacity=50); opacity:.5; width:100%;}
.mm_popminbg{ background:#fff; filter:alpha(opacity=0); opacity:0; margin:0 auto; z-index:1000;}

.mm_popbox{ padding:5px; position:fixed; _position:absolute; left:50%; top:50%; margin-top:-200px; z-index:1001; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000', endColorstr='#33000000'); background:rgba(0,0,0,0.3);}
.mm_pop_wp{ height:auto!important; height:207px; min-height:207px; font-family:\5B8B\4F53; color:#646464; background-color:#fff; border-top:2px solid #f14b8d; position:relative; z-index:1002;}
.mm_picbg{ position:absolute; right:20px; top:12px;}

.mm_pop_close,.mm_btn_blue,.mm_btn_pink,.mm_btn_whitegold,.mm_btn_blue_auto,.mm_btn_pink_auto,.mm_btn_whitegold_auto,.mm_btn_blue_auto em,.mm_btn_pink_auto em,.mm_btn_whitegold_auto em{ background:url(../img/mmpop/pop_spr.png) no-repeat; overflow:hidden;}

.mm_btn_blue,.mm_btn_pink,.mm_btn_whitegold{ width:106px; height:36px; display:inline-block; vertical-align:top; font:bold 14px/36px \5B8B\4F53; text-align:center; color:#fff;}
.mm_btn_pink{ background-position:0 -222px;}
.mm_btn_pink:hover{ text-decoration:none; background-position:-107px -222px;}
.mm_btn_blue{ background-position:0 -259px;}
.mm_btn_blue:hover{ text-decoration:none; background-position:-107px -259px;}
.mm_btn_whitegold{ background-position:0 -296px;}
.mm_btn_whitegold:hover{ text-decoration:none; background-position:-107px -296px;}

.mm_btn_pink_auto,.mm_btn_blue_auto,.mm_btn_whitegold_auto{ display:inline-block; vertical-align:top; height:36px; padding-left:14px; font:bold 14px/36px \5B8B\4F53; color:#fff;}
.mm_btn_pink_auto em,.mm_btn_blue_auto em,.mm_btn_whitegold_auto em{ display:inline-block; vertical-align:top; padding-right:14px; cursor:pointer;}
.mm_btn_pink_auto{ background-position:0 0;}
.mm_btn_pink_auto em{ background-position:right 0;}
.mm_btn_pink_auto:hover{ text-decoration:none; background-position:0 -37px;}
.mm_btn_pink_auto:hover em{ background-position:right -37px;}
.mm_btn_blue_auto{ background-position:0 -74px;}
.mm_btn_blue_auto em{ background-position:right -74px;}
.mm_btn_blue_auto:hover{ text-decoration:none; background-position:0 -111px;}
.mm_btn_blue_auto:hover em{ background-position:right -111px;}
.mm_btn_whitegold_auto{ background-position:0 -148px;}
.mm_btn_whitegold_auto em{ background-position:right -148px;}
.mm_btn_whitegold_auto:hover{ text-decoration:none; background-position:0 -185px;}
.mm_btn_whitegold_auto:hover em{ background-position:right -185px;}

.mm_pop_close{ width:14px; height:14px; display:block; text-indent:-999em; background-position:-216px -222px; position:absolute; right:18px; top:12px; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear;}
.mm_pop_close:hover{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}

.w400{ width:400px; margin-left:-205px;}
.w420{ width:420px; margin-left:-215px;}
.w466{ width:466px; margin-left:-238px;}
.w548{ width:548px; margin-left:-279px;}
.mm_col_org{ color:#f4792d;}
.mm_col_grey{ color:#969696;}
.mm_f14{ font-size:14px;}
.mm_mr14{ margin-right:14px;}

.mm_pop_tit{ height:38px; border-bottom:1px solid #dfdfdf;}
.mm_pop_tit h1{ font-size:14px; font-weight:bold; text-indent:20px; line-height:38px;}

.mm_pop_main{ position:relative; z-index:2;}
.mm_pop_main p{ line-height:24px;}

.mm_pop_btnbox{ text-align:center;}
.mm_pop_btn_p{ padding:20px 0 18px; display:inline-block;}
/**pop-public-end**/

.mm_pop_m1{ height:76px; padding:32px 126px 0 64px;}
.mm_pop_btn_p1{ height:36px; padding:0 0 0 64px;}
.mm_pop_btn_p1 a{ float:left; margin-right:20px;}

.mm_pop_m2{ height:59px; padding:14px 120px 0 20px;}
.mm_pop_m2_img{ padding-bottom:18px;}
.mm_pop_m2_img img{ display:block; margin:0 auto;}

.mm_pop_rule{ width:350px; padding:12px 0 0 24px;}
.mm_pop_rule li{ line-height:24px;}
.mm_pop_uldot li{ padding-left:10px; background:url(../img/mmpop/pop_spr.png) no-repeat -227px -258px;}
.mm_pop_uldot li a{ font-weight:bold; text-decoration:underline; color:#f37930;}
.mm_pop_uldot li a:hover{ text-decoration:none;}

.mm_pop_formbox{ padding:16px 20px 0; margin-bottom:20px;}
.mm_pop_form_top{ padding:0 0 10px;}
.mm_pop_form_top p{ line-height:1.6;}
.mm_pop_inp{ margin-top:10px;}
.mm_pop_form_ptip{ padding-left:78px; color:#969696;}
.mm_pop_inp label{ width:78px; display:inline-block; vertical-align:middle; text-align:right;}
.mm_pop_inp select{ width:70px; height:24px; line-height:24px; outline:none; vertical-align:middle; *vertical-align:-8px; _vertical-align:middle; box-shadow:inset 0 1px 2px #cfcfcf; border:1px solid #c8c8c8;}
.mm_pop_txt{ padding:5px; height:18px; background:none; outline:none; resize:none; box-shadow:inset 0 1px 2px #cfcfcf; font:14px/18px arial; border:1px solid #c8c8c8; vertical-align:middle;}
.mm_txt30{ width:32px;}
.mm_txt70{ width:70px;}
.mm_txt90{ width:90px;}
.mm_txt110{ width:110px;}
.mm_txt250{ width:250px;}

.mm_pop_record{ width:440px; padding:20px 0 40px; margin:0 auto;}
.mm_pop_rec_tit{ height:30px; line-height:30px;}
.mm_pop_list_time,.mm_pop_list_pro,.mm_pop_list_count,.mm_pop_list_pwd{ float:left; padding-left:10px; display:inline-block; height:26px; line-height:26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mm_pop_list_time{ width:100px;}
.mm_pop_list_pro{ width:160px;}
.mm_pop_list_count{ width:110px;}
.mm_pop_rec_list{ height:260px; position:relative; overflow:hidden; overflow-y:auto;}
.mm_pop_rec_list li{ height:26px; vertical-align:bottom;}


@-webkit-keyframes jitter{
    from,to{-webkit-transform:rotate(0); -webkit-transform-origin:100% 100%;}
	15%,45%{-webkit-transform:rotate(-8deg);}
    30%,60%{-webkit-transform:rotate(8deg);}
	75%{-webkit-transform:rotate(0);}
}
@-moz-keyframes jitter{
    from,to{-moz-transform:rotate(0); -moz-transform-origin:100% 100%;}
	15%,45%{-moz-transform:rotate(-8deg);}
	30%,60%{-moz-transform:rotate(8deg);}
	75%{-moz-transform:rotate(0);}
}
@-ms-keyframes jitter{
    from,to{-ms-transform:rotate(0); -ms-transform-origin:100% 100%;}
	15%,45%{-ms-transform:rotate(-8deg);}
	30%,60%{-ms-transform:rotate(8deg);}
	75%{-ms-transform:rotate(0);}
}
@-o-keyframes jitter{
    from,to{-o-transform:rotate(0); -o-transform-origin:100% 100%;}
	15%,45%{-o-transform:rotate(-8deg);}
	30%,60%{-o-transform:rotate(8deg);}
	75%{-o-transform:rotate(0);}
}

@-webkit-keyframes sca{
    from{opacity:1;-webkit-transform:scale(1);}
    50%{opacity:0.4;-webkit-transform:scale(0.4);}
    to{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes sca{
    from{opacity:1;-moz-transform:scale(1);}
    50%{opacity:0.4;-moz-transform:scale(0.4);}
    to{opacity:1;-moz-transform:scale(1);}
}
@-ms-keyframes sca{
    from{opacity:1;-ms-transform:scale(1);}
    50%{opacity:0.4;-ms-transform:scale(0.4);}
    to{opacity:1;-ms-transform:scale(1);}
}
@-o-keyframes sca{
    from{opacity:1;-o-transform:scale(1);}
    50%{opacity:0.4;-o-transform:scale(0.4);}
    to{opacity:1;-o-transform:scale(1);}
}

@-webkit-keyframes sca2{
    from{opacity:1;-webkit-transform:scale(1);}
    50%{opacity:0.6;-webkit-transform:scale(1.3);}
    to{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes sca2{
    from{opacity:1;-moz-transform:scale(1);}
    50%{opacity:0.6;-moz-transform:scale(1.3);}
    to{opacity:1;-moz-transform:scale(1);}
}
@-ms-keyframes sca2{
    from{opacity:1;-ms-transform:scale(1);}
    50%{opacity:0.6;-ms-transform:scale(1.3);}
    to{opacity:1;-ms-transform:scale(1);}
}
@-o-keyframes sca2{
    from{opacity:1;-o-transform:scale(1);}
    50%{opacity:0.6;-o-transform:scale(1.3);}
    to{opacity:1;-o-transform:scale(1);}
}

@-webkit-keyframes swing2{
    from{-webkit-transform:rotate(0deg);}
    20%{-webkit-transform:rotate(20deg);}
    80%{-webkit-transform:rotate(-20deg);}
	to{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing2{
    from{-moz-transform:rotate(0deg);}
    20%{-moz-transform:rotate(20deg);}
    80%{-moz-transform:rotate(-20deg);}
	to{-moz-transform:rotate(0);}
}
@-ms-keyframes swing2{
    from{-ms-transform:rotate(0deg);}
    20%{-ms-transform:rotate(20deg);}
    80%{-ms-transform:rotate(-20deg);}
	to{-ms-transform:rotate(0);}
}
@-o-keyframes swing2{
    from{-o-transform:rotate(0deg);}
    20%{-o-transform:rotate(20deg);}
    80%{-o-transform:rotate(-20deg);}
	to{-o-transform:rotate(0);}
}

@-webkit-keyframes circle{
    from{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(360deg);}
    to{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes circle{
    from{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(360deg);}
    to{-moz-transform:rotate(0deg);}
}
@-ms-keyframes circle{
    from{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(360deg);}
    to{-ms-transform:rotate(0deg);}
}
@-o-keyframes circle{
    from{-o-transform:rotate(0deg);}
    50%{-o-transform:rotate(360deg);}
    to{-o-transform:rotate(0deg);}
}