@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:inside decimal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a{ text-decoration:none;color:#555;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
input,textarea,select{ font-family:'Segoe UI',Arial,Helvetica,sans-serif; outline:none;}
input[type='checkbox']{ vertical-align:text-top;}
.curr_page{background-color:#FFB5B1;border-radius:20px;}
/*basic*/
.fl {float:left !important;}
.fr {float:right !important;} 
.clr, .clear, .clearer{ clear:both; height:0; overflow:hidden;  } 
.ml20{ margin-left:20px !important;}
.mt20{ margin-top:20px !important;}
.db{ display:block !important;}
.oh{ overflow:hidden !important;}
.noh{ overflow:visible !important;}
.relative{ position:relative !important;} 
.noBor{ background:none !important; border:none !important; margin-right:0 !important;} 
body{font:13px/1.5em 'Segoe UI',Arial, Helvetica, sans-serif; color:#555;background:url(images/bg.png) #ffa7b8; }
.wrap{ width:967px; margin:0 auto; overflow:hidden; }
/*btn*/
.winBtn,.macBtn{ display:block; background:url(images/btn.png) no-repeat; width:118px; height:35px; margin-right:10px; position:relative; z-index:1;}
.winBtn:hover .dropArea,.macBtn:hover .dropArea{ display:block}
.dropArea{ display:none; width:223px; position:absolute; padding:10px; background:url(images/drop-bg.png) ; top:40px; left:auto; color:#fff;}
.dropArea .dot{ position:absolute; background:url(images/dot-drop.png) no-repeat; width:200px; height:8px; top:-8px; left:50px; z-index:2;}
.dropArea strong{ display:block;}
.dropArea a{ color:#fff; padding-left:5px; }
.dropArea a:hover{ text-decoration:none;}
.dropArea li:hover{ background:#ce4900;}
.dropArea li.short{ float:left; width:100px; margin-right:5px;}
.winBtn:hover{ background-position:0 -36px;}
.macBtn{ background-position:-131px 0;}
.macBtn:hover{ background-position:-131px -36px;}
/*banner*/
.banner{ width:1015px; height:292px; background:url(images/banner.jpg) no-repeat; margin:0 auto;}
.banner .logo{ display:block; width:250px; height:60px;}
/*mainNav*/
.mainNav{ background:#ff4c52; height:65px; position:relative;}
.mainNav ul{ background:url(images/mainnav-bg.png) no-repeat 100% 0; overflow:hidden;}
.mainNav li {float:left; margin-left:55px;}
.mainNav li a{ display:block; background:url(images/nav-item-bg.png) no-repeat -409px 0; width:318px; height:74px;  margin-top:3px; padding-right:80px; text-align:center; line-height:50px; font-size:26px; color:#fff;}
.mainNav li a:hover{ text-align:center}
.mainNav li.curr a{ background-position:-3px 0; color:#bf1919; text-shadow:0 1px 0 #fff;}
.mainNav li.curr a:hover{ text-decoration:none;}

/*content*/
.content{ background:#fff; padding:1px 0 30px;}
h2{font-size:23px; margin:25px 0 15px -6px; padding-left:40px;}
h2.title{ background:url(images/title-1.png) no-repeat; width:397px; height:65px; line-height:50px; color:#fff; }
h2.title2{ background:url(images/title-2.png) no-repeat; width:612px;}

.proItem{ float:left; width:260px; padding-left:30px; margin:0 30px 20px 0;}
.proItem .img{ position:relative; text-align:center;}
.proItem .img span{ display:block; position:absolute; background:url(images/gift.png) no-repeat; width:75px; height:64px; left:46px; bottom:0;}
.proItem h3{ font-size:18px; font-weight:bold; margin:10px 0 5px;}
.proItem .price span{ float:left; width:110px; margin-right:20px; font-size:20px; font-weight:bold; color:#ff4c52;}
.proItem .price{ margin:10px 0; overflow:hidden;}
.proItem .price span del{ color:#777; font-size:13px; font-weight:normal;}

.mainHr{ background:url(images/main-hr.png) no-repeat; height:15px; margin:20px 0;}

.tabArea{ overflow:hidden; background:#f0f0f0; border:1px solid #ededed; margin:0 25px;}
.tabArea .item{ float:left;  width:170px; height:117px; padding:15px 15px 0; overflow:hidden; border-right:1px solid #e4e4e4; cursor:pointer}
.tabArea .curr{ background:url(images/dot_03.png) 100% 50% no-repeat #fff; border-right: none;}
.tabArea .item .img{ float:left; background:url(images/heart.png) no-repeat; width:53px; height:46px; line-height:42px; text-align:center; color:#fff; font-style:italic; font-size:30px;}
.tabArea .item .text{ padding-left:66px;}

.tabArea-note{ font-style:italic;margin:0 25px;border:1px solid #ededed; padding:8px 13px; border-top:none;}
.tabArea-note dt{ color:#cb0000; float:left;}
.tabArea-note dd{ padding-left:40px;}

/*rangeArea*/
.rangeArea { margin:25px 25px 0; float:left; width:416px;}
.rangeArea h3{ font-size:16px; font-weight:bold; margin-bottom:5px;}
.rangeArea .box{ width:357px; margin:0 0 5px 50px; height:280px; overflow:auto;}
.rangeArea1{ border:1px solid #eaeaea; padding:20px 10px;width:425px; margin:25px 15px 0 20px;}
.rangeArea1 .box{ height:auto; overflow:hidden;}
.rangeArea .item{ border-bottom:1px solid #ececec;}
.rangeArea .item td{ padding:10px; border-bottom:1px solid #ececec;}

/*footer*/
.footer{ text-align:center; padding:20px 0;}
/*paging*/
.paging{ margin:15px 0;text-align:center;}
.paging a,.paging span{ padding:0 5px; }
.paging span{ color:#ff4c52;}
/*popup*/
.showBg{ position:fixed; width:100%; height:100%; background:#000; top:0; left:0; z-index:2; display:none;}
.popup{ position:fixed; top:20%; left:50%; width:530px; margin-left:-265px; background:#ffeff0; overflow:hidden; z-index:3; display:none;}
.popup .redBtn,.popup .grayBtn{ display:inline-block; background:#ff4c52; min-width:100px;width:auto !important; width:100px; padding:0 15px; height:46px; line-height:46px; text-align:center; font-size:18px; color:#fff; margin:10px 10px 0 0; }
.popup .grayBtn{ background:#ef8084;}
.popup .title{ height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#fff; padding:0 25px; background:#ff4c52;}
.popup .title .closeBtn{ display:block; float:right; background:url(images/close-btn.png) no-repeat; width:35px; height:35px; margin-top:13px;}
.popup .con{ padding:20px 25px 30px;}
.popup .subtitle{ font-size:16px; font-weight:bold;}
.popup .coupon{ color:#ff4c52;}
.popup td{ padding:5px;}
.popup input[type='text'],.popup textarea{ background:#fff; height:40px; line-height:40px; border:1px solid #ffdbdc; width:100%; color:#777; font-size:15px; width:100%; }