/*****author:shiqing;time:2013-3-27********************/
/*main*/
@-webkit-keyframes scale{from{opacity:0;-webkit-transform:scale(0.8)}25%{opacity:0.35;-webkit-transform:scale(1.4)}50%{opacity:0.5;-webkit-transform:scale(1.2)}65%{opacity:0.75;-webkit-transform:scale(0.8)}to{opacity:1;-webkit-transform:scale(1)}}
@-moz-keyframes scale{from{opacity:0;-moz-transform:scale(0.8)}25%{opacity:0.35;-moz-transform:scale(1.4)}50%{opacity:0.5;-moz-transform:scale(1.2)}65%{opacity:0.75;-moz-transform:scale(0.8)}to{opacity:1;-moz-transform:scale(1)}}
@-ms-keyframes scale{from{opacity:0;-ms-transform:scale(0.8)}25%{opacity:0.35;-ms-transform:scale(1.4)}50%{opacity:0.5;-ms-transform:scale(1.2)}65%{opacity:0.75;-ms-transform:scale(0.8)}to{opacity:1;-ms-transform:scale(1)}}
@-o-keyframes scale{from{opacity:0;-o-transform:scale(0.8)}25%{opacity:0.35;-o-transform:scale(1.4)}50%{opacity:0.5;-o-transform:scale(1.2)}65%{opacity:0.75;-o-transform:scale(0.8)}to{opacity:1;-o-transform:scale(1)}}
@keyframes scale{from{opacity:0;transform:scale(0.8)}25%{opacity:0.35;transform:scale(1.4)}50%{opacity:0.5;transform:scale(1.2)}65%{opacity:0.75;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}

.wp{ padding-top:60px; _padding-top:0px; background:url(../img/bg.jpg) no-repeat center 60px #F282BC; _background-position:center top; height:3300px;}
.main{ width:960px; margin:0 auto; background:none repeat scroll 0 0 #F282BC; height:3300px;}
.ico,.btn_obtain,.btn_off{ background:url(../img/spr.png) no-repeat; overflow:hidden;}

.ico{ width:15px; height:17px; display:block; position:absolute; left:-24px; top:5px;}
.i_up{width:17px;height:15px; background-position:-164px -54px;}
.i_down{width:17px;height:15px;background-position:-163px -99px;}
.i_left{ background-position:-165px -34px;}
.i_right{ background-position:-165px -75px;}

.ban01{ background:url(../img/banner01.jpg) no-repeat center top; height:273px; position:relative;}
.ban03{ background:url(../img/banner02.jpg) no-repeat center left; height:237px; 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;}

.ban03 h2{ position:absolute; left:-9999em; top:-9999em;}
.ban_info{position:absolute;top:91px;right:-4px;_right:-10px;font-family:\5B8B\4F53;}
.tranbg{ width:160px; height:84px; padding:2px 0; }
.tranbg h3{ font:15px/1.6 \5FAE\8F6F\96C5\9ED1; text-align:center; color:#D82F7F;}
.ban_info p{ white-space:nowrap;}
.ban_info p a{ text-decoration:underline; color:#fff;}
.ban_info p.p_link1 a{color:#D82F7F;}

.pbtn{ padding:4px 0 6px;}
.btn_obtain,.btn_off{ width:104px; height:29px; display:block; margin:0 auto; text-align:center; font:16px/29px \5FAE\8F6F\96C5\9ED1; color:#0a3f4b; text-decoration:none!important;}
.btn_obtain:hover{ text-decoration:none; color:#fff; box-shadow:0 0 6px #D82F7F;background-position:0 -30px;}
.btn_off{ background-position:0 -196px; color:#dcdcdc; cursor:default;}
.p_link1{ margin:2px 0 0; padding:0 0 0 4px;}
.p_link1 a{ color:#aac9d3; padding:0 12px 0 0;}
.p_link2,.p_link3{ padding:5px 0 0; line-height:1.4;}
.ban_info .p_link2 a{ color:#CE094B;}
.ban_info .p_link3 a{ color:#CE094B;}
.tip_p{ float:left; padding:180px 0 0 286px; font:17px/1.6 \5FAE\8F6F\96C5\9ED1; color:#fff;}

.probox{position:relative; font:12px/16px \5FAE\8F6F\96C5\9ED1;}
.probox img{ display:block;}
.probox h3{ position:absolute; top:-9999em;}
.tbox{ position:absolute;}
.p_name{ font-weight:bold;}
.p_name a{ color:#E31C8A;font-size:18px;font-weight:normal;position:relative;}

.p_name a i{ -webkit-animation:scale 2s linear;-moz-animation:scale 2s linear;-ms-animation:scale 2s linear;-o-animation:scale 2s linear;animation:scale 2s linear;}
.p_name a:hover i{ -webkit-animation:scale 2s 3 linear;-moz-animation:scale 2s infinite linear;-ms-animation:scale 2s infinite linear;-o-animation:scale 2s infinite linear;animation:scale 2s infinite linear;}
.p_price{ color:#606060;}
.p_price span{ line-height:1.2;}
.p_price .price_old{font-size:14px;color:#2C2C2C;*vertical-align:middle;}
.p_price .price_new{display:block; color:#DC0210; font-size:14px; margin:0 0 0 4px;}
.p_price .price_new strong{ font-size:36px;font-weight:normal;vertical-align:middle;}
.abs_pic{ position:absolute; display:block; background:url(blank:none);}

.t1{ left:97px; top:616px;}
.t2{ left:389px; top:193px;}
.t3{ left:303px; top:376px;}
.t4{ left:340px; top:620px;}
.t5{ left:784px; top:152px;}
.t6{ left:735px; top:356px;}
.t7{ left:778px; top:609px;}
.a1{ width:215px; height:433px; top:-445px; left:-74px;}
.a2{height: 125px;left: -23px;top: -135px;width: 142px;}
.a3{height: 85px;left: -6px;top: -93px; width: 105px;}
.a4{height: 105px; left: -53px; top: -114px; width: 216px;}
.a5{height: 101px;left: 16px;top: -109px;width: 83px;}
.a6{height: 321px;left: -204px;top: -198px;width: 186px;}
.a7{height: 141px; left: -83px;top: -53px;width: 57px;}


.m1{ left:98px; top:134px;}
.m2{ left:440px; top:352px;}
.m3{ left:555px; top:615px;}
.m4{ left:588px; top:96px;}
.m5{ left:791px; top:230px;}
.m6{ left:752px; top:342px;}
.m7{ left:788px; top:616px;}

.ma1{height: 240px;left: -69px; top: 186px; width: 190px;}
.ma2{height: 437px;left: -172px; top: -157px;width: 175px;}
.ma3{height: 129px;left: -34px;top: -145px; width: 214px;}
.ma4{height: 69px; left: -129px;top: 1px;width: 118px;}
.ma5{height: 147px; left: -26px;top: -157px;width: 157px;}
.ma6{height: 150px;left: -160px;top: -89px;width: 125px;}
.ma7{height: 133px;left: 3px;top: -153px;width: 90px;}

.b1{ left:79px; top:155px;}
.b2{ left:353px; top:398px;}
.b3{ left:285px; top:637px;}
.b4{ left:380px; top:139px;}
.b5{ left:520px; top:328px;}
.b6{ left:560px; top:443px;}
.b7{ left:435px; top:528px;}
.b8{ left:781px; top:86px;}

.ba1{height: 360px;left: -49px;top: 88px;width: 172px;}
.ba2{height: 97px;left: 10px;top: -109px; width: 35px;}
.ba3{ height: 126px;left: 9px; top: -133px; width: 45px;}
.ba4{height: 174px;left: -140px;top: -58px;width: 113px;}
.ba5{height: 105px;left: -25px;top: -122px;width: 131px;}
.ba6{height: 358px;left: 200px;top: -244px;width: 122px;}
.ba7{height: 143px;left: 134px;top: 68px; width: 77px;}
.ba8{height: 136px;left: -187px;top: -23px;width: 156px;}

.hot{ width:960px; height:369px; padding:0 0 10px; margin:0 0 20px;background:url(../images/hotbg.jpg) no-repeat 0 0;overflow:hidden;}
.hot_tit{ padding:20px 0 10px;}
.hot_tit h3{ font:bold 16px/1.2 \9ED1\4F53; text-indent:8px; color:#c40c1d;text-indent:-9999em;}
.hot_list:after{ visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.hot_list{ *zoom:1;}
.hot_list li{ float:left; display:inline; margin:0 0 0 8px;}
.hot_list li a img{ display:block;}
.hot_list li a:hover img{ filter:alpha(opacity=90); opacity:.9;}

.coul{ height:94px;padding-top:65px;overflow:hidden;}
.coul li a{ display:block; border:1px solid #e0e0e0;}
.coul li a:hover{ -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; border-color:#142236;}
.bdt{padding-top:30px;}
.hot_list .s_list li{margin:0 23px 0 19px;}


.flonav{ position:fixed; _position:absolute; right:52px; top:200px;}
.flonav dl{ width:160px;}
.flonav dl dt{ height:37px; margin:0 0 1px;}
.flonav dl a{ display:block; width:160px; height:37px; text-align:center; font:18px/36px \5FAE\8F6F\96C5\9ED1; color:#f9f9f9; background:url(../img/spr.png) no-repeat 0 -106px;}
.flonav dl a:hover{ text-decoration:none; filter:alpha(opacity=90); opacity:.9;} 
.flonav dl dt a{ background-position:0 -65px; text-indent:-999em;}
.flonav dl dd{ margin:0 0 1px;}

/*footer*/
.sys_footer{ font:12px/1.6 tahoma,\5B8B\4F53;}
.sys_footer .foot p,.sys_footer .foot p a{ color:#FFDAED !important;}
.sys_footer .foot .links,.sys_footer .foot .links a{color:#fff !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:3360px;}
.flo_minbg{ background:#fff; filter:alpha(opacity=0); opacity:0; _height:3360px; margin:0 auto; _width:960px; z-index:1000;}

.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;}