﻿@charset "utf-8";
*{margin:0; padding:0; font-size:12px; font-family:宋体,Arial,sans-serif;}
body{ background-color:#FFF;}
table{ border-collapse: collapse; border-spacing: 0; }
fieldset,img{ border: 0; margin: 0; }
img{ vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var{ font-weight: normal; font-style: normal; }
ol,ul{ list-style: none; }
caption,th{ text-align: left; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 100%; }
q:before,q:after{ content: ''; }
abbr,acronym{ border: 0; }
input:focus,select:focus,textarea:focus{ outline:none;}
form{ display:inline;}
textarea,select{ border:1px #c9dbe5 solid;}
textarea{ resize:none;padding:2px;}
/*link*/
a{ text-decoration:none; color:#111; font-family:宋体,Arial, Helvetica, sans-serif}
a:hover {color:#F00;text-decoration:underline;}

/*common*/
.clear,.space,.px1,.line{ font-size:0; line-height:0; height:0; margin:0; padding:0; display: block; clear: both; overflow:hidden;}
.space{ font-size:10px; line-height:10px; height:10px;}
.px1,.line{ font-size:1px; line-height:1px; height:1px;}
.line{ border-bottom:1px #CCC dashed;}
.R{ float:right;}
.L{ float:left;}

.bd{ border:1px #ffc299 solid;}

/*layout*/
.W160{width:160px;}
.W790{width:790px;}
.W260{width:260px;}
.W528{width:528px;}

.fGreen,a.fGreen,.fGreen a{color:#090;}
.W150{width:150px;}
.W180{width:180px;}
.W210{width:210px;}
.W310{width:310px;}
.W670{width:670px;}
.W890{width:890px;}
.W990{width:990px;}
.W1020{width:1020px;}
.W1050{width:1050px;}

.page,.position,.header,.footer{width:1210px; margin:0 auto;}

#top{ background:#F0F0F0 url(/images/bg1.png) 0 0 repeat-x; line-height:30px;}
#top .page{ height:30px;}
#top ul li{ float:left; padding:0 10px; height:28px; margin-top:2px;}
#top ul li.sp{ width:1px; color:#CCC; padding:0;}
#topLogin a{ margin:0 4px;}

#top .menu{width:80px; margin:0; padding:0; position:relative; z-index:99; zoom:1;}
.menu strong{ font-weight:normal; text-align:center; height:26px; margin-top:2px; padding-left:2px; display:block; cursor:pointer;}
.menu strong i{ float:right;background:url(/images/icons.png) 0 -196px no-repeat;margin:12px 8px 0 0;width:7px;height: 4px;}
.menu div{ background-color:#FFF;border:1px #ddd solid; border-top:0; width:78px; position:absolute; z-index:99; display:none;}
.menu div a{ display:block; line-height:23px; padding-left:8px;}
.menu div a:hover{ background-color:#F9F9F9;}
.menu.hover strong{border:1px #ddd solid;background-color:#FFF; border-bottom:1px #EEE dashed; font-weight:bold;}
.menu.hover strong i{ background-position:0 -190px;}
.menu.hover div{ display:block;}
a.aBtnLogin,a.aBtnReg{text-decoration:underline;}

.header{height:80px;padding:4px 0;background-color:#FFF;}
.logo{width:210px; padding:10px 0 0 8px;float:left;}

.mSearch{padding:14px 0 0 0; float:left;}
.mSearch div{ position:relative;}
.mSearch input{ background-color:#FFF; border:3px #bb041c solid;width:480px; padding:6px 0 4px 26px; height:20px; line-height:20px; font-size:14px;}
.mSearch .btnBigSearch{ background:url(/images/bg1.png) 0 -32px no-repeat; border:0; width:82px; height:36px; cursor:pointer;}
.mSearch label{ line-height:36px; color:gray; font-size:14px; position:absolute; z-index:5px;}
.mSearch label i,.mSearch h2 i{background:url(/images/icons.png) -100px 0 no-repeat; display:inline-block; float:left;}
.mSearch label i{width:18px; height:18px; margin:10px 2px 0 8px; background-position:0 -150px;}
.mSearch a{ margin:0 6px;}
.mSearch h2{ padding-top:8px; color:#CCC; font-size:12px; font-weight:normal;}
.mSearch h2 i{width:31px; height:12px; margin-top:1px; background-position:0 -134px;}
.mSearch h2 a{color:gray;}

.tel400{ float:right; padding-top:10px;}

.nav{height:40px;background:url(/images/bg1.png) 0 -70px repeat-x; position:relative; z-index:99;}

.categorys{width:210px; position:absolute; left:0;}
.categorys strong{background:#fcf4ea url(/images/bg1.png) 0 -112px repeat-x; line-height:40px; height:40px; display:block; font-size:14px; font-weight:bold; color:#FFF;border-right:1px #970000 solid; cursor:pointer;}
.categorys strong i,.categorys strong b{ float:left; display:inline-block;height:40px; line-height:40px;width:10px;background:url(/images/bg1.png) -16px -238px;}
.categorys strong b{ float:right; width:20px; margin-right:10px; background-position:-28px -238px;}
.categorys ul{border:2px #d00000 solid; border-top:none; background:#fcf4ea url(/images/iconCategory.png) 4px 8px no-repeat; padding:8px 0; display:none;}
.categorys li{ position:relative;}
.categorys li h3{line-height:37px; height:37px; font-size:14px; font-weight:normal;}
.categorys li h3 a{ display:block;width:166px; padding-left:30px; border-bottom:1px solid #FFF; color:#111;margin:0 10px;}
.categorys .over h3{ border:2px #d00000 solid; border-left:none; line-height:33px; height:33px;margin:0; z-index:5; background-color:#FFF;}
.categorys .over h3 a{ font-weight:bold; color:#C00; background-color:#FFF; position:absolute; z-index:6; border-bottom:none;}
.categorys strong b{ float:right; width:20px;background-position:-28px -238px;}
.categorys h6.bottom{background:#fcf4ea url(../images/bgLine.gif) 0 -14px repeat-x;height:12px; line-height:12px; font-size:12px; z-index:0; float:left; bottom:0; margin-top:-10px; width:218px;}
.categoryHover ul{ display:block;}
.categoryHover strong b{ background-position:-50px -238px;}

.categorys .item .categorys dl dl::after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.categorys .item{ display:none; width:680px; background-color:#EEE;border:2px #d00000 solid; position:absolute; z-index:5; left:200px; top:0; overflow:hidden;}
.categorys .item dl{padding:4px 10px 10px 0;margin-right:10px;border-bottom: 1px dotted #D8D8D8;zoom:1;line-height: 20px;margin-bottom: -1px; display:block; overflow:hidden;}
.categorys .item .lTypeBox,.categorys .item .rBrandBox{padding: 5px 0px 5px 20px;padding-bottom: 1000px;margin-bottom: -1000px;}
.categorys .item .lTypeBox{ float:left; width:380px; background-color:#FFF; overflow:hidden;}
.categorys .item .rBrandBox{ float:right; width:260px;}
.categorys .item .lTypeBox dl{width:380px;}
.categorys .item .lTypeBox dt{float: left;width:70px;font: bold 12px/21px Arial;color: #333;}
.categorys .item .lTypeBox dd {float:left;width:310px;white-space: normal;word-break: break-all;zoom: 1;overflow: hidden;}
.categorys .item .lTypeBox dd a{float:left;margin-right:15px;white-space: nowrap; line-height:21px;}
.categorys .item .rBrandBox dt{font: bold 12px/21px Arial;color: #333;}
.categorys .item .rBrandBox dd{padding:0 5px 0 0;color:#CCC;}
.categorys .item .rBrandBox dd a{ display:inline-block; margin:5px;width:90px;height:48px; overflow:hidden;float:left; text-align:center; background:#FFF; padding:2px;}
.categorys .item .rBrandBox dd a img{width:90px;height:30px;}

.navMenu{ margin-left:210px;}
.navMenu li{ float:left;}
.navMenu li,.navMenu a{display:inline-block;height:40px; line-height:40px; width:100px;}
.navMenu li a{ font-size:14px; color:#FFF; text-align:center; font-weight:bold;}
.navMenu li a:hover{ color:#ffe9ce; font-weight:bold;}
.navMenu li.cur{ position:relative;}
.navMenu li.cur a{ font-weight:bold; background:url(/images/bg1.png) 4px -278px no-repeat; color:#FFF; height:43px; line-height:43px; position:absolute;top:-5px; padding-top:5px;}
.navMenu li.spLine{width:2px; font-size:2px; height:40px; background:url(/images/bg1.png) right -238px; no-repeat;padding:0;}

.footer{ padding-bottom:15px;}
.footerNav{ line-height:23px; color:#666; padding:4px 0; text-align:center; border-top:1px #f0909a solid; border-bottom:1px #f0909a solid;color:#DDD;}
.footerNav a{margin:0 10px;}
.footer p,.picLinks{ text-align:center; line-height:150%;}

.icoStat{ background:url(/images/icons1.png) -284px -100px no-repeat;width:80px; height:60px;}

.tCategory{ border:1px #DDD solid; padding:10px; background:#FFF;overflow:hidden; line-height:26px;}
.tCategory strong{font-weight:bold; float:left;}
.tCategory div{ float:right;width:1110px;}
.tCategory a{display:inline-block;float:left;width:10%; margin-right:8px;color:#36C;}
.tCategory a:hover{color:red;}

.tuanList{ position:relative;width:1210px; overflow:hidden; background:#FFF;}
.tuanList ul{margin:0 0 0 -10px; width:1220px;}
.tuanList li{float:left;width:293px;height:310px;margin:0 0 12px 10px;border:1px solid #E5E5E5;display: inline-block;}
.tuanList li img{width:278px; height:173px;}
.tuanList li.cur{ border-color:#E5E5E5;}
.tuanList li.cur h2{background-color: #FFF;}
.tuanList li.cur h2 a{color:#36C;}
.tuanList li h2 {padding: 3px 8px;height: 56px;background: #F3F3F3;text-overflow: ellipsis;overflow: hidden;}
.tuanList li h2 a {font: 18px/150% "微软雅黑","黑体";color: #333;text-decoration: none;}
.tuanList .imgBox{padding:8px;}

.tuanList .buyBox{padding:0 8px;margin-bottom:8px;zoom:1;height:26px;}
.tuanList .buyBox span,.tuanList .buyBox span em{font:normal 26px/26px Arial;color: #C00;}
.tuanList .buyBox span{ font-size:16px;}

.tuanList .infoBox{overflow: hidden;color: #111;padding: 0 9px;}
.tuanList .infoBox span{margin-right:8px;}
.tuanList .infoBox span s{ font-family:Arial, Helvetica, sans-serif;}
.tuanList .infoBox strong{color:#F00; float:right;}
.tuanList .infoBox strong em{ font-weight:normal; color:#111;}
a.btnTuan,a.btnTuan:hover{ float:right; background:url(../images/tuan.png) 0 -415px no-repeat; width:64px; height:27px; line-height:25px; display:inline-block;}
a.btnTuan:hover,.tuanList li.cur a.btnTuan{ background-position:-80px -415px;}

.detailTopBox h1{display: block;line-height:36px;padding:20px;text-align:left; background:#FFF;}
.detailTopBox h1 a{font:bold 26px/36px "微软雅黑","黑体";}
.detailTopBox dl{ height:330px;width:884px;}
.detailTopBox dd{width:260px; height:330px; background:#FFF; float:left;}
.detailTopBox dt{width:624px; float:right;}
.detailTopBox dt img{width:624px; height:330px; overflow:hidden;}
.detailTopBox h3{ height:101px; position:relative; z-index:1;}
.detailTopBox h3 p{ background:url(../images/tuan.png) 0 0 no-repeat; height:101px; width:302px; line-height:101px; position:absolute; left:-42px;}
.detailTopBox h3 p strong{font-size: 24px;font-family: Arial; color:#FFF; margin-left:44px;}
.detailTopBox h3 p a{}
.detailTopBox table{width:100%; border-collapse:collapse; border:none;}
.detailTopBox td,.detailTopBox td div{ vertical-align:middle; padding:6px 10px; border:1px #CCC solid; line-height:26px; font-size:14px; border:none;}
.detailTopBox td p,.detailTopBox td strong{ font-size:14px;}
.detailTopBox td div{ font-weight:bold; border-top:1px #DDD solid; border-bottom:1px #DDD solid;}
.detailTopBox td div strong{font: 30px/22px arial;color: #D90F09;}

a.btnTuanBig{ height:101px; width:302px; position:absolute; left:0; 0;}

.titGray{ background:url(/images/bg1.png) 0 9px repeat-x; line-height:39px; height:39px; font-size:14px; font-weight:bold; padding-left:12px;}
.cnt{ padding:10px;}
.cnt p{ line-height:23px; font-size:12px; margin:1em 0;}

.rBox ul{}
.rBox li{width:292px;padding:8px;background:#FFF; border-bottom:1px #DDD solid; overflow:hidden;}
.rBox li.cur{ background:#F0F0F0;}
.rBox li h2{height:52px;line-height:18px;white-space: normal;}
.rBox li h2 a{font:bold 12px/18px "微软雅黑E\8F6F\96C5\9ED1","宋体B8B\4F53"; color:#666;}
.rBox li h2 a:hover{color:#D00000;}
.rBox li img{width:130px; height:98px; float:left; margin-right:8px;}
.rBox li div{ float:right; width:152px;}
.rBox li strong{font-family: Arial;font-size:14px;margin-right: 2px; color:#F00; display:block; margin-bottom:8px;}
.rBox li strong b{ font-size:18px;}
.rBox li span{  color:red;}

.tab {}
.tab h2{background:#FFF; border-bottom:2px #C00000 solid; line-height:26px; height:26px; margin:10px 0;}
.tab h2 a{ width:150px; margin:0 1px; font-size:12px; text-align:center; color:#D00; font-weight:bold; display:inline-block; background:url(../images/tuan.png) 0 -448px;}
.tab h2 a.hover{ color:#FFF;background-position:0 -476px;}
.tab blockquote{ display:none; padding:10px; background:#FFF; overflow:hidden; clear:both; line-height:180%;}

.reg{ background:#FFF; overflow:hidden;}
.reg a{ color:#369;}
.reg a:hover{color:#F00;}
.reg td table{margin:18px 0;}
.reg table.loginTable,.reg table.loginTable caption{ background:#f5fff7; padding-left:14px;}
.reg caption{ font-size:14px; font-weight:bold; height:30px; line-height:30px;}
.reg td{ padding:5px; font-size:12px;}
.reg td div{color:gray;}
.reg input{ border:1px #DDD solid; border-left-color:#ADADAD; border-top-color:#ADADAD; width:160px; font-size:12px; font-family:Verdana, Arial; line-height:16px; padding:2px; height:18px;}
.reg em{ font-style:normal; color:#F30}
.reg .textRight{ text-align:right; font-size:14px;}
input.btnReg, input.btnReg1{ background:url(../images/btnReg.gif) no-repeat; font-size:12px; font-weight:bold; width:70px; height:23px; text-align:center; border:none; cursor:pointer;}
input.btnReg1{ background:url(../images/btnReg1.gif) no-repeat;}

.order span{ font-family:Arial; font-size:16px;}
.order table{ border-collapse:collapse; width:100%;}
.order table th{background: #f5fff7; font-weight:bold; border-bottom:1px #ddd solid;}
.order th,.order td{ padding:10px 16px; font-size:14px; line-height:23px; font-family:Verdana, Arial, 宋体;}
.inputNum{font-size:120%;padding:3px 4px;border:1px red solid;width:40px;margin-bottom:3px;text-align: center;font-family:Verdana, Arial, 宋体;}
.order tfoot td{ border-top:1px #ddd dashed; border-bottom:1px #ddd solid;}
.order tfoot td,.order tfoot td strong{ font-weight:bold; color:#F00; font-size:16px;font-family:Verdana, Arial, 宋体;}
.order .cnt{ font-size:14px; line-height:23px; padding:16px; padding-bottom:16px;}
.order caption{ font-size:14px; font-weight:bold; line-height:30px; padding-left:120px;}
.order label{font-weight:bold;}
.order a{font-size:14px;}

.icoMinus,.icoPlus{ background:url(../images/addico.gif) 0 0 no-repeat; display:inline-block; width:11px; height:11px; margin:2px;}
.icoPlus{ background-position:0 -11px;}

.btnBuy{padding:4px 16px;border: 2px solid; background:#F00; font-size:14px; line-height:26px; color:#FFF;cursor: pointer;_width: 0;border-image: initial;border-color:#a10d0d #c43636 #c43636 #a10d0d;}

/*tip*/
.tipBox{margin:15px auto;width:500px; text-align:left; line-height:160%; font-size:14px;}
.tipBox h3{ font-weight:bold; border-bottom:1px #F9F9F9 dashed; padding:0 0 4px 8px; margin:0 0 4px 0;}
.tipBox p{padding:0 0 0 8px; line-height:23px; margin:0;}
.tipBox a{color:#039;}

.tipErr,.tipSuccess,.tipAlert,.tipHelp,.tipTip{padding:8px 8px 8px 58px; background-repeat:no-repeat; background-position:6px 10px;}
.tipErr{background-image:url(../images/icons/err.gif);}
.tipSuccess{background-image:url(../images/icons/success.gif);}
.tipAlert{background-image:url(../images/icons/alert.gif);}
.tipHelp{background-image:url(../images/icons/help.gif);}
.tipTip{background-image:url(../images/icons/tip.gif);}
/*tip end*/
.telphoneTable{width:100%; margin-top:10px;}
.telphoneTable td{ line-height:23px;text-align:left}
.telphoneTable td p{text-align:left}
.telphoneTable td.bottomLogo{width:140px;}
.telphoneTable td.bottomLogo img{border-right:1px #DDD solid; margin-right:10px; padding-right:10px;}