/***
@author:xuanjie
@design:qishifeng
@update:2013-06-27
***/
.wrap{ padding-top:60px; _padding-top:0px; background:#043b75 url(../img/bg.png) no-repeat center 60px; _background-position:center top;}
.main{ width:960px; margin:0 auto;}
.main img{ display:block;}
.hid{ position:absolute; left:-999em; top:-999em;}

.btn_obtain,.btn_off{ background:url(../img/spr.png) no-repeat; overflow:hidden;}

.ban01{ background:url(../img/banner01.jpg) no-repeat; height:291px; position:relative;}
.ban03{ background:url(../img/banner03.png) no-repeat; height:441px; position:relative;}

.ban01 .dropbox{ position:absolute; right:1px; top:10px; width:136px; height:28px; background-color:#fff;}
.ban01 .dropbox input{ width:90px; padding:2px 0 0 12px; _padding-top:0; height:24px; line-height:24px; border:none; background:none;}
.ban01 .dropbox .a_drop{ position:absolute; right:0; top:0; display:block; width:22px; height:28px; background:url(../img/spr.png) no-repeat -166px 5px #d8d8d8; text-indent:-999em;}
.ban01 .dropbox .a_drop:hover{ filter:alpha(opacity=80); opacity:.8;}
.abs_dropbox{ position:absolute; left:0; top:29px;}
.abs_dropbox ul{ width:136px; background-color:#fff;}
.abs_dropbox ul li{ height:22px; line-height:22px; vertical-align:top; overflow:hidden;}
.abs_dropbox ul li a{ display:block; padding-left:12px; color:#000;}
.abs_dropbox ul li a:hover{ background-color:#f1f1f1; text-decoration:none;}

.ban_info{ float:right; width:160px; padding:126px 0 0 0; font-family:\5B8B\4F53; overflow:hidden;}
.tranbg{ width:160px; height:84px;}
.tranbg h3{ font:16px/1.4 \5FAE\8F6F\96C5\9ED1; text-align:center; color:#fff;}
.ban_info p{ white-space:nowrap; text-align:right;}
.ban_info p a{ text-decoration:underline;}
.pbtn{ padding:9px 0 6px 15px;}
.btn_obtain,.btn_off{ width:84px; height:26px; display:block; margin:0 auto; text-align:center; font-size:14px; font-weight:bold; line-height:26px; color:#823804; text-shadow:1px 1px 0 #fff;}
.btn_obtain{ background-position:0 -76px;}
.btn_obtain:hover{ background-position:0 -103px; text-decoration:none;}
.btn_off{ background-position:-85px -76px; color:#434343; cursor:default;}
.btn_off:hover{ text-decoration:none;}
.p_link1{ margin:2px 0 0; padding:0 0 0 4px;}
.p_link1 a{ color:#fff; padding:0 12px 0 0;}
.p_link2,.p_link3{ padding:5px 0 0; line-height:1.3;}
.p_link2 a,.p_link3 a{ color:#fff;}

.octopus,.octopus_pop,.a_rule,.btn_exchange,.pop_rule,.btn_ruleclose{ background:url(../img/spr_page.png) no-repeat; overflow:hidden;}
.octopus{ width:135px; height:125px; display:block; background-position:-257px -500px; position:absolute; left:0; top:16px; -webkit-animation:oct 4s infinite linear;-moz-animation:oct 4s infinite linear;-ms-animation:oct 4s infinite linear; animation:oct 4s infinite linear;}
.octopus_pop{ width:345px; height:39px; display:block; background-position:0 -645px; position:absolute; left:126px; top:42px; -webkit-animation:pop 4s infinite linear;-moz-animation:pop 4s infinite linear;-ms-animation:pop 4s infinite linear; animation:pop 4s infinite linear;}
.a_rule{ width:81px; height:27px; display:block; text-indent:-999em; background-position:-118px -582px; position:absolute; left:438px; top:32px;}
.btn_exchange{ margin:10px auto 0; width:105px; height:46px; display:block; text-indent:-999em; background-position:0 -500px;}
.btn_exchange:hover{ background-position:0 -547px;}

.balloon01,.balloon02,.balloon03,.balloon04,.balloon05{ margin:0 auto; text-indent:-999em; background:url(../img/spr_balloon.png) no-repeat; overflow:hidden;}
.b_li01{ padding-top:198px; width:182px;}
.balloon01{ width:182px; height:181px; background-position:-4px -215px;}
.b_li02{ padding-top:80px; width:208px;}
.balloon02{ width:167px; height:166px; background-position:-4px -798px;}
.b_li03{ padding-top:171px; width:175px;}
.balloon03{ width:175px; height:191px; background-position:-4px -404px;}
.b_li04{ padding-top:70px; width:193px;}
.balloon04{ width:150px; height:169px; background-position:-4px -611px;}
.b_li05{ padding-top:178px; width:202px;}
.balloon05{ width:202px; height:206px; background-position:-4px -1px;}
.balloon li{ float:left; display:inline;}
.balloon li:hover h3{ -webkit-animation:jump 2s infinite linear;-moz-animation:jump 2s infinite linear;-ms-animation:jump 2s infinite linear; animation:jump 2s infinite linear;}

.probox{ position:relative; font:14px/1.2 \6977\4F53,\5B8B\4F53;}
.abs_pic{ position:absolute; display:block; background:url(blank:none); color:#fff;}
.abs_pic:hover{ text-decoration:none;}
.abs_pic:hover .a_name{ -webkit-animation:scale .3s linear;-moz-animation:scale .3s linear;-ms-animation:scale .3s linear; animation:scale .3s linear;}
.tbox{ position:absolute; font-size:24px; cursor:pointer; white-space:nowrap; text-align:center;}
.a_name{ display:block;}
.a_price{ display:block; font-family:\5FAE\8F6F\96C5\9ED1; font-size:18px;}
.a_price span{ margin-left:4px; font-size:12px;}

.t1{ left:-104px; top:92px;}
.t2{ left:260px; top:200px;}
.t3{ left:-78px; top:94px;}
.t4{ left:-48px; top:294px;}
.t5{ left:72px; top:130px;}
.t6{ left:86px; top:-62px;}
.t7{ left:90px; top:-90px;}
.t8{ left:76px; top:-82px;}
.t9{ left:102px; top:-76px;}
.t10{ left:-60px; top:45px;}
.t11{ left:-46px; top:-44px;}
.t12{ left:-23px; top:70px;}
.t13{ left:-40px; top:47px;}
.t14{ left:256px; top:216px;}
.t15{ left:-86px; top:72px;}
.t16{ left:-30px; top:26px;}
.t17{ left:-100px; top:-22px;}
.t18{ left:-15px; top:-18px;}
.t19{ left:-57px; top:-32px;}
.t20{ left:160px; top:56px;}
.t21{ left:-75px; top:-2px;}
.t22{ left:85px; top:186px;}
.t23{ left:-97px; top:94px;}
.t24{ left:-48px; top:80px;}
.t25{ left:180px; top:28px;}
.t26{ left:-55px; top:154px;}
.t27{ left:-83px; top:123px;}
.t28{ left:135px; top:69px;}
.a1{ width:177px; height:160px; top:0; left:208px;}
.a2{ width:265px; height:338px; top:300px; left:0;}
.a3{ width:164px; height:210px; top:382px; left:519px;}
.a4{ width:176px; height:253px; top:349px; right:0;}
.a5{ width:180px; height:106px; top:800px; left:282px;}
.a6{ width:235px; height:235px; top:980px; right:0;}
.a7{ width:254px; height:260px; top:1165px; left:0;}
.a8{ width:237px; height:266px; top:1155px; left:272px;}
.a9{ width:276px; height:264px; top:1155px; left:515px;}
.a10{ width:262px; height:228px; top:1512px; left:161px;}
.a11{ width:210px; height:110px; top:1560px; left:504px;}
.a12{ width:273px; height:405px; top:1643px; right:0;}
.a13{ width:264px; height:280px; top:1756px; left:396px;}
.a14{ width:228px; height:325px; top:1861px; left:28px;}
.a15{ width:292px; height:169px; top:2060px; left:508px;}
.a16{ width:220px; height:220px; top:2346px; left:46px;}
.a17{ width:158px; height:142px; top:2370px; left:418px;}
.a18{ width:288px; height:262px; top:2658px; left:124px;}
.a19{ width:146px; height:137px; top:2593px; left:432px;}
.a20{ width:226px; height:187px; top:2664px; left:516px;}
.a21{ width:91px; height:186px; top:2816px; right:0;}
.a22{ width:80px; height:257px; top:2781px; left:0;}
.a23{ width:222px; height:194px; top:2982px; left:243px;}
.a24{ width:260px; height:242px; top:2933px; left:535px;}
.a25{ width:164px; height:274px; top:3327px; left:68px;}
.a26{ width:144px; height:336px; top:3357px; left:443px;}
.a27{ width:166px; height:325px; top:3187px; right:0;}
.a28{ width:117px; height:171px; top:3539px; left:609px;}

.hot{ width:960px; height:566px; background:url(../img/bot.png) no-repeat; overflow:hidden;}
.hot_list:after{ visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.hot_list{ width:960px; *zoom:1; overflow:hidden;}
.hot_list ul{ padding-top:100px; width:9999px; height:78px; overflow:hidden;}
.hot_list li{ float:left; display:inline; margin:0 13px 0 0;}
.hot_list li a{ display:block; background-color:#fff;}
.hot_list li a:hover{ border-bottom:2px solid #5ab9ff;}

/*footer*/
.sys_footer{ width:100%; min-width:960px; padding:20px 0 0; font:12px/1.6 tahoma,\5B8B\4F53;}
.sys_footer .foot .links,.sys_footer .foot .links a,.sys_footer .foot p,.sys_footer .foot p a{ color:#4e84b9 !important;}

/*layer*/
.flo_bg{ 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%; _height:5496px;}
.flo_minbg{ _width:960px;}

.ico_dl dd p:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.ico_dl dd p{*zoom:1;}
.shopping_p{ color:#000; padding:10px 0 0 20px; line-height:1.8;}
.ico_dl{ margin:0 auto;}
.ico_dl dt{ color:#a52d2d; font-weight:bold; text-align:center; margin:0 0 20px;}
.ico_dl dd{ width:300px; margin:0 auto;}
.ico_dl dd p{ clear:both;}
.ico_dl dd p i{ float:left; width:42px; height:42px; margin:0 7px 7px 0; display:block; background:url(../img/spr.png) no-repeat;}
.ico_dl dd p .male{ background-position:-43px -153px;}
.ico_dl dd p .male_on{ background-position:0 -153px;}
.ico_dl dd p .female{ background-position:-129px -153px;}
.ico_dl dd p .female_on{ background-position:-86px -153px;}
.ctr_p{ text-align:center!important; padding-left:0!important;}

.p_b_bd strong{ margin:0 4px; color:#c80000;}

.pop_rule{ width:488px; height:481px; position:fixed; _position:absolute; left:50%; top:50%; margin:-240px 0 0 -244px; background-position:0 0; z-index:1002;}
.pop_rulebox{ padding:56px 30px 0 44px; font:14px/1.6 \5FAE\8F6F\96C5\9ED1;}
.pop_rulebox dt{ padding-bottom:6px; font-size:18px; color:#0090ff;}
.pop_rulebox dd{ padding:0 0 14px 22px; text-indent:-22px; line-height:1.2; color:#30a5ff;}
.pop_rulebox dd em{ color:#fa9020;}
.btn_ruleclose{ position:absolute; right:50px; bottom:30px; width:92px; height:35px; display:block; text-indent:-999em; background-position:-113px -501px;}
.btn_ruleclose:hover{ background-position:-113px -537px;}

@-webkit-keyframes jump{
    from,to{ -webkit-transform:translateY(0);}
    50%{ -webkit-transform:translateY(8px);}
}
@-moz-keyframes jump{
    from,to{ -moz-transform:translateY(0);}
    50%{ -moz-transform:translateY(8px);}
}
@-ms-keyframes jump{
    from,to{ -ms-transform:translateY(0);}
    50%{ -ms-transform:translateY(8px);}
}
@keyframes jump{
    from,to{ transform:translateY(0);}
    50%{ transform:translateY(8px);}
}

@-webkit-keyframes scale{
    from,to{opacity:1;-webkit-transform:scale(1);}
    75%{opacity:0;-webkit-transform:scale(1.3);}
    }
@-moz-keyframes scale{
    from,to{opacity:1;-moz-transform:scale(1);}
    75%{opacity:0;-moz-transform:scale(1.3);}
    }
@-ms-keyframes scale{
    from,to{opacity:1;-ms-transform:scale(1);}
    75%{opacity:0;-ms-transform:scale(1.3);}
    }
@keyframes scale{
    from,to{opacity:1; transform:scale(1);}
    75%{opacity:0; transform:scale(1.3);}
    }
    
@-webkit-keyframes pop{
    from{ opacity:0; width:0; -webkit-transform:translateX(0);}
    30%{ opacity:1; width:345px; -webkit-transform:translateX(9px) scale(1);}
    to{ opacity:0; -webkit-transform:translateX(30px) scale(1.14);}
}
@-moz-keyframes pop{
    from{ opacity:0; width:0; -moz-transform:translateX(0);}
    30%{ opacity:1; width:345px; -moz-transform:translateX(9px) scale(1);}
    to{ opacity:0; -moz-transform:translateX(30px) scale(1.14);}
}
@-ms-keyframes pop{
    from{ opacity:0; width:0; -ms-transform:translateX(0);}
    30%{ opacity:1; width:345px; -ms-transform:translateX(9px) scale(1);}
    to{ opacity:0; -ms-transform:translateX(30px) scale(1.14);}
}
@keyframes pop{
    from{ opacity:0; width:0; transform:translateX(0);}
    30%{ opacity:1; width:345px; transform:translateX(9px) scale(1);}
    to{ opacity:0; transform:translateX(30px) scale(1.14);}
}

@-webkit-keyframes oct{
    from,30%,to{ -webkit-transform:translateY(0); opacity:1;}
    90%{ -webkit-transform:translateY(10px) scale(0.8); opacity:0.4;}
}
@-moz-keyframes oct{
    from,30%,to{ -moz-transform:translateY(0); opacity:1;}
    90%{ -moz-transform:translateY(10px) scale(0.8); opacity:0.4;}
}
@-ms-keyframes oct{
    from,30%,to{ -ms-transform:translateY(0); opacity:1;}
    90%{ -ms-transform:translateY(10px) scale(0.8); opacity:0.4;}
}
@keyframes oct{
    from,30%,to{ transform:translateY(0); opacity:1;}
    90%{ transform:translateY(10px) scale(0.8); opacity:0.4;}
}