/****
author:Allan,designer:Zhanglifang,update:20131206

*****/


body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{-webkit-text-size-adjust: none;margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;outline:0 none}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;resize: none;}table{border-collapse:collapse;border-spacing:0;}
.time_left_box ul:after,.table_list:after{content:'\20';display:block;height:0;clear:both;}
.time_left_box ul,.table_list{*zoom:1;}


.header{background-color:#fff !important;}
.header .head{width: 1000px !important}
.footer{position:absolute;bottom:0;color:#482F62 !important;border-top:1px solid #332049;padding:30px 0 50px 0 !important;}
.footer a{color:#482F62 !important}


.wp{background:url('../img/b_bg.jpg ') no-repeat center top;}
.content{width:1000px;margin:0 auto;position:relative; }
.b_bg{display:block;width:1000px;z-index:1;}
.b_bg_01{height:204px; background:url('../img/bg_01.jpg ') no-repeat;}
.b_bg_02{height:366px;background:url('../img/bg_02.jpg ') no-repeat;}
.b_bg_03{height:298px;background:url('../img/bg_03.jpg') no-repeat;}
.b_bg_04{height:868px;background:url('../img/bg_04.jpg') no-repeat;}
.text_hiden{position:absolute;left:-9999em;}

.user_alert,.do_pl_box,.gift_list,.time_left_box,.gift_box_list,.user_list_box,.time_list,.time_left_box,.order_box,.as_box,.as_btn,.puzzle_box,.other_topic{position:absolute; z-index:2;left:-9999em;}
.dot .s,.dot .b,.s_ico,.star .s,.as_btn .n,.as_btn .a,.other_topic li a i{background:url('../img/png_24_spr.png') no-repeat;}

.light,.fav_topic i{background:url('../img/topic_spr.png ') no-repeat;display:inline-block;overflow:hidden; }

.fav_topic{padding:0 10px 0 23px;position:absolute;right:0;top:12px;height:23px;line-height:23px;background:#CF50F3;cursor:pointer;color:#FAE1C0 }
.fav_topic:hover{box-shadow:0 0 4px #6C2396;color:#FFEDD8}
.fav_topic i{position:absolute;left:5px;top:6px;background-position:-336px -33px;width:13px;height:12px;  }

.time_list{top:372px;left:194px;color:#A05AE6;font-family:\5FAE\8F6F\96C5\9ED1;}
.time_list li{float:left;width:252px;position:relative; }
.time_list li.two{width:258px}
.time_list li.three{width:140px}
.time_list li .dot{width:33px;height:38px; position:absolute;left:-21px;top:-2px;}
.time_list li .f{padding:0 0 0 10px;position:relative;z-index:2;}
.time_list .cur .f{color:#FFDF2F}
.dot .s{width:25px;height:25px;background-position:-362px -1px;position:absolute;top:6px;left:-2px;z-index:2; }
.dot .b{display:none; width:38px;height:38px;background-position:-395px -2px;position:absolute;top:0px;left:-8px;  }
.cur .s{background-position:-335px -1px}
.cur .b{display:block; }


.user_alert{position:absolute;top:457px;left:94px;width:550px;overflow:hidden; height:31px;line-height: 31px;font-family:\5FAE\8F6F\96C5\9ED1;color:#FDD6FF }
.user_alert strong{font-size:14px;color:#FFF601}


.do_pl_box{top:974px;left:62px;zoom:1;}
.do_pl_box dt{font-size:22px;color:#E7B1FE;font-weight:bold;font-family:\5FAE\8F6F\96C5\9ED1;}
.do_pl_box dt strong{color:#FFAE4E;font-size:24px;font-weight:bold;}
.do_pl_box dd{font-size:14px;color:#D36BF2;font-family:\5FAE\8F6F\96C5\9ED1;}
.do_pl_box dd a{color:#FFAE4E;text-decoration:underline;font-size:12px;}
.do_pl_box dd strong{color:#FFF601;font-weight:bold;font-size:16px;}
.light{width: 21px;height:31px;background-position:-336px 0;vertical-align:-2px;margin:0 5px; }



.do_pl_box .btn_area{position:absolute;left:258px;top:0;width:350px}
.tipic_btn,.tipic_btn_disable{margin-left:5px;width:166px;height:55px;overflow:hidden; position:relative;border-bottom:6px solid #4C1070;display:inline-block }
.tipic_btn:hover{border-bottom-color:#9416F3}
.tipic_btn_disable{border-bottom-color:#493C49 !important;cursor:default ;}
.tipic_btn_disable span{cursor:default !important;}
.tipic_btn .s,.tipic_btn .l,.s_ico,.tipic_btn_disable .s,.tipic_btn_disable .l{cursor:pointer;z-index:2;top:14px;left:22px;background:url('../img/png_24_spr.png') no-repeat;width:62px;height:32px;position:absolute;line-height: 300;overflow:hidden;    }
.tipic_btn .s,.tipic_btn_disable .s{background-position: 0 0}
.tipic_btn .l,.tipic_btn_disable .l{background-position: -68px 0;left:82px;}
.yellow_btn .s,.yellow_btn_disable .s{background-position: 0 -40px}
.yellow_btn .l,.yellow_btn_disable .l{background-position: -68px -40px}
.tipic_btn .bg,.tipic_btn_disable .bg{background:url('../img/topic_spr.png ') no-repeat;height:127px;width: 166px;position:absolute; left:0;top:0; }
.yellow_btn .bg{background-position:-168px 0}
.tipic_btn_disable .bg{background-position:0 -145px }
.yellow_btn_disable .bg{background-position:-168px -145px }




.gift_list{  position:absolute;left:765px;top:549px;width:190px;color:#AA76EB;font-family:\5FAE\8F6F\96C5\9ED1;font-size:12px;}
.gift_list li{margin:0 0 25px;height:80px;overflow:hidden;}
.gift_list dt{color:#FFCF4E;font-size:16px;font-weight:bold;margin-bottom:4px;}
.gift_list dd{line-height: 1.4}
.gift_list strong{color:#FFCF4E}

.time_left_box{left:707px;top:903px;width:245px;font-family:\5FAE\8F6F\96C5\9ED1; }
.time_left_box li{float:left;width:53px;text-align:center;font-size:44px;color:#fff;margin:0 8px 0 0;overflow:hidden;height:66px;line-height: 66px;  }
.time_left_box .num{padding:40px 0 0;text-align:center; color:#fff;font-size:20px;}
.time_left_box .num strong{font-size:24px;color:#FFDD67}

.gift_box_list{top:1165px;left:26px;}
.gift_box_list_ft{top:1347px;left:26px;}
.gift_box_list .font{font-family:\5FAE\8F6F\96C5\9ED1;color:#C691FD;padding:10px 0 0 20px;}
.gift_box_list .links,.user_list_box .links{top:-52px;left:200px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:15px;color:#FFDF2B;text-decoration:underline;position:absolute; }
.user_list_box .links{left:150px;top:-53px;}
.gift_box_list .links_ft{position:absolute;left:231px;}

.table_list li{margin:0 2px 2px 0;float:left;width:100px;height:33px;line-height:33px;background:#905DC4;text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:15px;color:#F2E6FF}
.table_list li.b{background:#6526A5;color:#F2E6FF;width: 130px}
.table_list_ft li{color:#FFE617;}
.gift_box_list_ft li{width:134px}

.user_list_box{top:1165px;left:594px;padding:9px 18px;}
.user_list_box_ft{top:1347px;}
.user_list_box{border:3px solid #661A96;background:#3E1072;color:#9C69D0;font-size:14px;}
.user_list_box li{margin:0 0 4px 0;height:20px;line-height: 20px;overflow:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  }
.user_list_box strong{color:#CAB944 }
.user_list_box .user{display:inline-block;width: 106px;overflow:hidden; vertical-align:middle;}
.user_list_wp{overflow:hidden;width:338px }

.as_box{position:absolute;top:448px;left:688px;color:#E7B816;line-height: 1.8;z-index:3;}
.as_box dt{font-weight:bold;color:#FFF6AE;float:left;height:34px;line-height: 34px  }
.as_box dd{float:left;}
.s_ico{position:static;width:34px;height:34px;display:inline-block;background-position:-143px -1px;line-height: 300;overflow:hidden;margin:0 5px 0 0;  }
.qq_ico{background-position:-180px -1px}


.plz_box{position:absolute;top:489px;left:58px;position:absolute;z-index:99}
.plz_box .plz_c{position:absolute;}
.plz_box .pc_01{left:-8px;top:-3px;width:246px;height:163px;background:url('../img/p/1.png ') no-repeat; }
.plz_box .pc_01:hover{background:url('../img/p/1.png ') no-repeat 0 -165px; }
.plz_box .pc_02{left:174px;top:-3px;width:238px;height:179px;background:url('../img/p/2.png ') no-repeat; }
.plz_box .pc_02:hover{background:url('../img/p/2.png ') no-repeat 0 -185px; }
.plz_box .pc_03{left:342px;top:-7px;width:258px;height:171px;background:url('../img/p/3.png ') no-repeat; }
.plz_box .pc_03:hover{background:url('../img/p/3.png ') no-repeat 0 -170px; }
.plz_box .pc_04{left:-10px;top:105px;width:219px;height:213px;background:url('../img/p/4.png ') no-repeat; }
.plz_box .pc_04:hover{background:url('../img/p/4.png ') no-repeat 0 -205px; }
.plz_box .pc_05{left:151px;top:122px;width:286px;height:180px;background:url('../img/p/5.png ') no-repeat; }
.plz_box .pc_05:hover{background:url('../img/p/5.png ') no-repeat 0 -197px; }
.plz_box .pc_06{left:367px;top:107px;width:231px;height:209px;background:url('../img/p/6.png ') no-repeat; }
.plz_box .pc_06:hover{background:url('../img/p/6.png ') no-repeat 0 -211px; }
.plz_box .pc_07{left:-13px;top:263px;width:254px;height:171px;background:url('../img/p/7.png ') no-repeat; }
.plz_box .pc_07:hover{background:url('../img/p/7.png ') no-repeat 0 -175px; }
.plz_box .pc_08{left:169px;top:241px;width:247px;height:189px;background:url('../img/p/8.png ') no-repeat; }
.plz_box .pc_08:hover{background:url('../img/p/8.png ') no-repeat 0 -186px; }
.plz_box .pc_09{left:343px;top:264px;width:258px;height:169px;background:url('../img/p/9.png ') no-repeat; }
.plz_box .pc_09:hover{background:url('../img/p/9.png ') no-repeat 0 -167px; }
.plz_box .plz_c_show,.plz_box .plz_c_show:hover{background:none;cursor:default;}
/**pop**/
.p_b_hd .fs_12{font-size:12px;font-weight:bold;}
.p_b_ins_box label{text-align: right;width: 60px}
.pop_order_box{padding:0 0 30px;}
.pop_order_box dt{text-align:center;margin:0 0 15px;}
.pop_order_box .light{color:#969696}
.pop_order_box dd{position:relative; zoom:1;padding:0 0 0 110px;}
.pop_order_box dd .p_b_btn{font-size:12px;margin:10px 0 0;}
.p_b_bd .jsq_tte {padding-left:70px;}
.p_b_bd .jsq_tte dt{color:#FA0B0B;margin-bottom:20px;}
.p_b_bd .jsq_tte dd{color:#646464;line-height: 1.4}

/*样式增强*/
.tipic_btn .bg{
-webkit-animation:fadeOutUp 8s linear both infinite;
-moz-animation:fadeOutUp 8s  linear both  infinite;
-ms-animation:fadeOutUp 8s  linear both  infinite;
}
@-webkit-keyframes fadeOutUp{
0%{
-webkit-transform:translateY(0px)}
45%{
-webkit-transform:translateY(-70px)}
50%{
-webkit-transform:translateY(-70px)}
95%{
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeOutUp{
0%{
-moz-transform:translateY(0px)}
45%{
-moz-transform:translateY(-70px)}
50%{
-moz-transform:translateY(-70px)}
95%{
-moz-transform:translateY(0)}
}
@-ms-keyframes fadeOutUp{
0%{
-ms-transform:translateY(0px)}
45%{
-ms-transform:translateY(-70px)}
50%{
-ms-transform:translateY(-70px)}
95%{
-ms-transform:translateY(0)}
}

.tipic_btn:hover .s{
-webkit-animation:fadeInLeft .3s  ease both;
-moz-animation:fadeInLeft .3s  ease both;
-ms-animation:fadeInLeft .3s  ease both;
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-30px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-30px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeft{
0%{opacity:0;
-ms-transform:translateX(-30px)}
100%{opacity:1;
-ms-transform:translateX(0)}
}
.tipic_btn:hover .l{
-webkit-animation:fadeInRight .3s  ease both;
-moz-animation:fadeInRight .3s  ease both;
-ms-animation:fadeInRight .3s  ease both;
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(30px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(30px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(30px)}
100%{opacity:1;
-ms-transform:translateX(0)}
}

.time_list .cur .b{
	-webkit-animation:ro 2s linear both infinite;
	-moz-animation:ro 2s linear both infinite;
	-ms-animation:ro 2s linear both infinite;
}
@-webkit-keyframes ro{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes ro{
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}
@-ms-keyframes ro{
from {-ms-transform:rotate(0deg);}
to {-ms-transform:rotate(360deg);}
}

.puzzle_box li,.s_ico{-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;}
.puzzle_box li:hover{-webkit-transition:0.2s;-webkit-transform:translate(0px,-5px);-moz-transition:0.2s;-moz-transform:translate(0px,-5px);-ms-transition:0.2s;-ms-transform:translate(0px,-5px);box-shadow:0 0 2px #6527A6;  }
.s_ico:hover{-webkit-transition:0.2s;-webkit-transform:translate(0px,2px);-moz-transition:0.2s;-moz-transform:translate(0px,2px);-mos-transition:0.2s;-ms-transform:translate(0px,2px);}

.fav_topic i{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;}
.fav_topic:hover  i{-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 50%;-moz-transform:rotate(180deg);-moz-transform-origin:50% 50%;-ms-transform:rotate(180deg);-ms-transform-origin:50% 50%;}


/**pop**/
.p_b_hd .fs_12{font-size:12px;font-weight:bold;}
.p_b_ins_box label{text-align: right;width: 60px}
.pop_box_wp .no_bo{border:0 none !important;}
.pop_order_box{padding:30px 0;}
.pop_order_box img{border:2px solid #C895E8;}
.pop_order_box dt{text-align:center;padding:0 0 20px; }
.pop_order_box dd{position:relative; zoom:1;padding:0 52px;}
.pop_order_box dd .p_b_btn{font-size:12px;margin:10px 0 0;}
.p_b_bd .jsq_tte {padding-left:70px;}
.p_b_bd .jsq_tte dt{color:#FA0B0B;margin-bottom:20px;}
.p_b_bd .jsq_tte dd{color:#646464;line-height: 1.4}