/***
@author:xuanjie
@design:qishifeng
@update:2013-06-27
***/
.banner{ padding-top:60px; _padding-top:0px; background:#77c9f8 url(../img/bg01.jpg) no-repeat center 60px; _background-position:center top;}
.main{ width:960px; margin:0 auto;}
.wp{ background:#77c9f8 url(../img/bg02.png) no-repeat center top;}

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

.ban01{ background:url(../img/banner01.jpg) no-repeat center top; height:204px; position:relative;}
.ban02{ background:url(../img/banner02.jpg) no-repeat center top; height:286px; position:relative; overflow:hidden;}

.ban01 h1{ position:absolute; top:-9999em;}
.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;}

.ban02 h2{ position:absolute; left:-9999em; top:-9999em;}
.ban_info{ float:right; width:160px; padding:66px 0 0 0; font-family:\5B8B\4F53; overflow:hidden;}
.tranbg{ width:160px; height:84px; padding:2px 0;}
.tranbg h3{ font:16px/1.4 \5FAE\8F6F\96C5\9ED1; text-align:center; color:#be5308;}
.ban_info p{ white-space:nowrap;}
.ban_info p a{ text-decoration:underline;}
.pbtn{ padding:5px 0 6px 9px;}
.btn_obtain,.btn_off{ width:89px; height:30px; display:block; margin:0 auto; text-align:center; font-size:14px; font-weight:bold; line-height:28px; color:#823804; text-shadow:1px 1px 0 #fff; text-decoration:none!important;}
.btn_obtain{ background-position:0 -76px;}
.btn_obtain:hover{ background-position:0 -107px;}
.btn_off{ background-position:-90px -76px; color:#434343; cursor:default;}
.p_link1{ margin:2px 0 0; padding:0 0 0 4px;}
.p_link1 a{ color:#be5308; padding:0 12px 0 0;}
.p_link2,.p_link3{ padding:5px 0 0; line-height:1.3;}
.p_link2 a,.p_link3 a{ color:#000;}

.probox{ position:relative; font:14px/24px \5FAE\8F6F\96C5\9ED1;}
.probox img{ display:block;}
.probox h3{ position:absolute; top:-9999em;}
.tbox{ position:absolute; font-size:14px; line-height:1.4; cursor:pointer;}
.a_name{ margin-bottom:8px; display:block; white-space:nowrap;}
.a_price{ display:inline-block; padding-right:10px;  height:32px; font-size:24px; font-style:italic; position:relative;}
.abs_pic{ position:absolute; display:block; background:url(blank:none); color:#000;}
.abs_pic:hover{ text-decoration:none;}
.ico_buy{ width:35px; height:18px; display:block; background-position:-90px -107px; position:absolute; right:-32px; top:-8px;}
.abs_pic:hover .ico_buy{ -webkit-animation:jump 2s infinite linear; -moz-animation:jump 2s infinite linear;-ms-animation:jump 2s infinite linear;-o-animation:jump 2s infinite linear;}

.t1{ left:16px; top:263px;}
.t2{ left:-53px; top:278px;}
.t3{ left:40px; top:190px;}
.t4{ left:107px; top:263px;}
.t5{ left:-122px; top:45px;}
.t6{ left:-14px; top:-18px;}
.t7{ left:20px; top:-60px;}
.t8{ left:40px; top:108px;}
.t9{ left:120px; top:170px;}
.t10{ left:362px; top:56px;}
.t11{ left:218px; top:175px;}
.t12{ left:178px; top:187px;}
.t13{ left:167px; top:253px;}
.t14{ left:96px; top:315px;}
.t15{ left:26px; top:177px;}
.t16{ left:99px; top:175px;}
.t17{ left:107px; top:74px;}
.t18{ left:10px; top:206px;}
.t19{ left:188px; top:63px;}
.t20{ left:224px; top:172px;}
.t21{ left:223px; top:165px;}
.t22{ left:193px; top:93px;}
.t23{ left:184px; top:110px;}
.t24{ left:0; top:192px;}
.t25{ left:12px; top:149px;}
.t26{ left:54px; top:114px;}
.t27{ left:34px; top:200px;}
.t28{ left:-40px; top:179px;}
.t29{ left:108px; top:138px;}
.a1{ width:208px; height:247px; top:-128px; left:31px;}
.a2{ width:237px; height:263px; top:224px; left:53px;}
.a3{ width:191px; height:144px; top:182px; left:279px;}
.a4{ width:243px; height:256px; top:55px; right:0;}
.a5{ width:128px; height:168px; top:526px; left:337px;}
.a6{ width:200px; height:120px; top:500px; left:480px;}
.a7{ width:150px; height:120px; top:524px; left:774px;}
.a8{ width:244px; height:87px; top:616px; left:421px;}
.a9{ width:233px; height:173px; top:630px; left:632px;}
.a10{ width:340px; height:128px; top:1155px; left:8px;}
.a11{ width:242px; height:247px; top:940px; left:393px;}
.a12{ width:252px; height:277px; top:986px; left:685px;}
.a13{ width:147px; height:325px; top:1195px; left:485px;}
.a14{ width:160px; height:311px; top:1270px; left:761px;}
.a15{ width:202px; height:169px; top:1555px; left:0;}
.a16{ width:97px; height:231px; top:1473px; left:244px;}
.a17{ width:81px; height:137px; top:1493px; left:376px;}
.a18{ width:196px; height:198px; top:1716px; left:153px;}
.a19{ width:185px; height:177px; top:1702px; left:366px;}
.a20{ width:255px; height:305px; top:2141px; left:0;}
.a21{ width:252px; height:268px; top:2046px; left:292px;}
.a22{ width:172px; height:367px; top:2457px; left:45px;}
.a23{ width:204px; height:297px; top:2329px; left:351px;}
.a24{ width:90px; height:183px; top:2661px; left:372px;}
.a25{ width:184px; height:149px; top:2575px; left:486px;}
.a26{ width:129px; height:105px; top:2560px; left:653px;}
.a27{ width:121px; height:200px; top:2496px; right:0;}
.a28{ width:105px; height:175px; top:2755px; left:589px;}
.a29{ width:248px; height:125px; top:2775px; right:0;}

.hot{ width:960px; height:384px; background:url(../img/botbg.jpg) no-repeat; overflow:hidden;}
.hot h3{ position:absolute; top:-999em; left:-999em;}
.hot_list:after{ visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.hot_list{ width:982px; *zoom:1;}
.hot_list ul{ 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 img{ display:block;}
.hot_list li a:hover img{ filter:alpha(opacity=90); opacity:.9;}

.coul{ padding-top:73px;}
.coul li{ margin:0 22px 0 0; background-color:#000;}
.coul li a{ width:174px; height:75px;}
.coul li a:hover{ border-bottom:3px solid #1d9cd3;}
.acul{ padding-top:135px;}

/*footer*/
.sys_footer{ width:100%; min-width:960px; padding:0 0 60px; font:12px/1.6 tahoma,\5B8B\4F53; background-color:#e4f8ff;}
.sys_footer .foot .links,.sys_footer .foot .links a,.sys_footer .foot p,.sys_footer .foot p a{ color:#77797b !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:4110px;}
.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;}

@-webkit-keyframes jump{
    from,20%,30%,40%,50%,to{ -webkit-transform:translateY(0);}
    15%{ -webkit-transform:translateY(8px);}
    25%{ -webkit-transform:translateY(6px);}
    35%{ -webkit-transform:translateY(4px);}
    45%{ -webkit-transform:translateY(2px);}
}
@-moz-keyframes jump{
    from,20%,30%,40%,50%,to{ -moz-transform:translateY(0);}
    15%{ -moz-transform:translateY(8px);}
    25%{ -moz-transform:translateY(6px);}
    35%{ -moz-transform:translateY(4px);}
    45%{ -moz-transform:translateY(2px);}
}
@-ms-keyframes jump{
    from,20%,30%,40%,50%,to{ -ms-transform:translateY(0);}
    15%{ -ms-transform:translateY(8px);}
    25%{ -ms-transform:translateY(6px);}
    35%{ -ms-transform:translateY(4px);}
    45%{ -ms-transform:translateY(2px);}
}
@-o-keyframes jump{
    from,20%,30%,40%,50%,to{ -o-transform:translateY(0);}
    15%{ -o-transform:translateY(8px);}
    25%{ -o-transform:translateY(6px);}
    35%{ -o-transform:translateY(4px);}
    45%{ -o-transform:translateY(2px);}
}