﻿@charset "utf-8";
/*全局样式
---------------------------------------------*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#0089CD; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
/* Clear Fix */ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
/* Hide from IE Mac */ 
.clearfix { display:block; } 
/* End hide from IE Mac */ 
/* end of clearfix */ 


/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
/*标题样式*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
	.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }
/*视频容器*/
.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }
/*提示样式*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
	.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	.msg-tips .ico.error{ background-position:-50px 0; }
	.msg-tips .ico.warning{ background-position:-100px 0; }
	.msg-tips .msg{ margin-left:60px; }
	.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.msg-tips .msg p{ line-height:1.8em; }
	.msg-tips .msg i{ color:#f00; font-style:normal;}

/*页面布局
----------------------------------------------*/
body{ text-align:center; background:#fff; *position:relative; }
.section{ position:relative; margin:0 auto; padding:0; width:1180px; min-width:941px; max-width:1180px; text-align:left; overflow:hidden; }
.wrapper{ position:relative; margin:0 auto; width:100%; height:288px; overflow:hidden; }
	.wrapper.igoods{ height:327px; }
	.wrapper.auto{ height:auto; }
	.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.main-left{ position:relative; float:left; margin:15px 15px 0 0; width:463px; height:273px; overflow:hidden; }
.main-right{ position:absolute; top:0; right:0; bottom:0; left:478px; overflow:hidden; }
.sidebar-left{ float:left; margin:15px 15px 0 0; width:941px; height:273px; overflow:hidden; }
.sidebar-right{ float:left; width:224px; height:288px; overflow:hidden; }
.list-auto{ position:relative; display:block; margin:0 340px 0 0; overflow:hidden; _zoom:1; }
.list-right{ position:relative; display:block; float:right; width:300px; overflow:hidden; }
.main-wrap{ position:relative; margin:0 auto; padding:0; width:1180px; text-align:left; }
.left941{ float:left; width:941px; }
.left211{ float:left; margin-left:28px; width:211px; }
.info-box{ float:left; width:200px; background:#eef8fa; border:1px solid #e8ecef; }
.home-box{ position:relative; display:block; margin:0 0 0 217px; overflow:hidden; }
.main-box{ position:relative; margin-bottom:-30px; width:100%; background:#f2f2f2; }
.login-box{ margin-bottom:-30px; width:100%; min-height:500px; _height:500px; background:#f1f1f1; }
.login-left{ position:absolute; top:30px; left:0; right:320px; bottom:0; background:url(../images/login-bg.png) no-repeat center center; _width:500px; _height:320px; _top:100px; _left:160px; }
.login-right{ float:right; margin:30px auto; padding:20px; width:300px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff; }


/*大标题*/
.ntitle{ margin:0 auto; padding:30px 0 0; width:100%; }
	.ntitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.ntitle h2{ display:inline-block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:25px; }
	.ntitle h2 a{ position:relative; padding-right:25px; color:#888; }
	.ntitle h2 a:hover{ color:#f06000; text-decoration:none; }
	.ntitle h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat; }
	.ntitle p{ display:inline-block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px; }
	.ntitle p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../images/line.png) left center no-repeat; }
	.ntitle p a:hover{ color:#f06000; }
	.ntitle p a.no-bg{ background:none; }
	.ntitle i{ display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em; }
	.ntitle span{ display:inline-block; float:right; line-height:18px; color:#999; font-size:12px; }
	.ntitle span a{ color:#999; }
	.ntitle span a:hover{ color:#0089CD; }


/*遮罩样式*/	
.ilist a{ position:absolute; display:block; top:0; right:0; bottom:0; left:0; border:2px solid #f7f7f7; cursor:pointer; _position:relative; overflow:hidden; }
	.ilist a:hover em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../images/slider.png) no-repeat 0 0; }
	.ilist a img{ width:100%; min-width:100%; min-height:100%; _height:100%; }
	.ilist .abs-txt{ position:absolute; top:0; left:0; display:inline-block; padding:0 5px; border-radius:2px; color:#fff; font-size:12px; line-height:23px; background:#f06000; text-align:center; }
	.ilist .abs-bg{ position:absolute; left:0; right:0; bottom:0; display:block; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _background:url(none) 0 0 repeat #000; width:100%; _height:50px; }
	.ilist .txt1{ position:absolute; left:0; right:0; bottom:20px; display:block; padding:0 5px; height:24px; line-height:24px; color:#fff; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.ilist .txt2{ position:absolute; left:0; right:0; bottom:3px; display:block; padding:0 5px; height:20px; line-height:20px; color:#bdbdbd; font-size:12px; overflow:hidden; }
	.ilist .txt2 p{ display:block; }
	.ilist .txt2 i{ float:right; margin-left:5px; font-style:normal; }
	.ilist .price{ position:absolute; left:0; right:0; bottom:20px; display:block; padding:0 5px; height:30px; line-height:30px; color:#F90; font-size:16px; font-weight:400; text-shadow:1px 1px rgba(0,0,0,.9); vertical-align:middle; overflow:hidden; }
	.ilist .price b{ margin-right:2px; font-size:14px; font-weight:700; }
	.ilist .price i{ float:right; display:block; font-style:normal; color:#bdbdbd; font-size:12px; font-weight:normal; text-decoration:line-through; }
	.ilist .protxt{ position:absolute; left:0; right:0; bottom:3px; display:block; padding:0 5px; height:20px; line-height:20px; color:#fff; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
	.ilist a .img-box{ position:relative; margin:10px 10px 5px 10px; width:200px; height:200px; overflow:hidden; background:#000; }
	.ilist a .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.ilist a .info{ padding:0 10px; color:#999; }
	.ilist a .info h3{ height:24px; line-height:24px; color:#555; font-size:14px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.ilist a .info i{ float:right; margin-left:5px; font-style:normal; }
	.ilist a .info p{ display:block; }


.inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; }
	.inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px; }
	.inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; }
	.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; }
	.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; }
	.inner-box .dl-list dl dd .input{ padding:10px; }
	.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
	.inner-box .dl-list dl dd a.send.gray{ color:#999; }
	.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
	.inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; }
	
	.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; }
	.inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; }
	.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; }
	.inner-box .tab-content{ display:none; }


/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1180px) {
	.section{ width:941px; }
}
@media only screen and (min-width:1181px) {
	.section{ width:1180px; }
}
#menu {
    height:55px;
    line-height:55px;

}

