@charset "utf-8";
@import url('./iconfont.css');
/*全局样式
---------------------------------------------*/
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; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
body, button, input, select, textarea {
    font: 12px/1.5 arial,"Microsoft Yahei",tahoma,\5b8b\4f53;
}
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;cursor:pointer; }
a:hover{ color:#ff8006; text-decoration:none; }
fieldset,img{ border:0; }
i{font-style:normal;}
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; }
.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 */ 
.left{ float:left; }
.right{ float:right; }
.red{ color:#F00; }
	.red:hover{ color:#F60; }
	.red a{ color:#F00; }
	.red a:hover{ color:#F60; }
.gray{ color:#666; }
	.gray:hover{ color:#F60; }
	.gray a{ color:#666; }
	.gray a:hover{ color:#F60; }
.blue{ color:#1E7BB3; }
	.blue:hover{ color:#F60; }
	.blue a{ color:#1E7BB3; }
	.blue a:hover{ color:#F60; }

/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; 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; }
.clr {
    zoom: 1;
}
/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:32px; line-height:32px; text-align:center; }
.btn{ background:#ff723f; border:1px solid #f40; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.8; transition:all 0.4s; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#ff7442; border:1px solid #f40; text-shadow:0 -1px 0 #f40; }
.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 #e8e8e8; color:#ff9f29; 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 #ff9f29; }
	.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(../img/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:#f1f1f1; *position:relative; }
.section{ position:relative; margin:0 auto; padding:0; width:1180px; min-width:941px; max-width:1180px; text-align:left; }
.wrapper{ position:relative; margin:0 auto; width:100%; height:288px; }
	.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:443px; height:273px; overflow:hidden;background: #fff;    padding: 10px; }
.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; overflow:hidden; margin:0 340px 0 0;  _zoom:1; }
.list-mp{ position:relative;   margin:0 340px 0 0;  _zoom:1; }
.list-right{ position:relative; display:block; float:right; width:330px; 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:#fff; border:1px solid #e8ecef; }
.info-box.current{position:fixed;top:90px;right:50%;margin-right:388px;}
.info-box.now{position:absolute;top:auto;right:50%;margin-right:388px;bottom:0px;}
.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:-60px; width:100%; height:100%; background:#f08d14;overflow:hidden;position:absolute; }
.login-left{ position:absolute; top:30px; left:0; right:320px; bottom:0; background:url(../img/login-bg.png) no-repeat center center; _width:500px; _height:320px; _top:100px; _left:160px; }
.login-continer {min-height:400px; width:100%;  }
.register_form{position:absolute; top: calc(50% - 230px); left:calc(50% - 330px);  width:700px; height:500px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff;z-index:2; }
.register_form .main-head{background:#f9f9f9; padding-left:10px;height:50px;display: block;text-decoration: none;color: #666;font-size: 16px; line-height:50px;vertical-align:middle; font-weight: bold;text-align:center; }
.password_form{ position:absolute; top: calc(50% - 170px); left:calc(50% - 270px); padding:20px; width:500px; height:300px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff;z-index:2; }
.password_form h1 {margin-bottom: 20px;color: #555;font-size: 22px;font-weight: 700;letter-spacing: 3px;line-height: 30px;height: 30px;text-align: center;}
.repass_form{ position:absolute; top: calc(50% - 220px); left:calc(50% - 320px); padding:20px; width:600px; height:400px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff;z-index:2; }
.repass_form h1 {margin-bottom: 20px;color: #555;font-size: 22px;font-weight: 700;letter-spacing: 3px;line-height: 30px;height: 30px;text-align: center;}

.login_bg{width:100%; z-index:1;height:100%; position:absolute;bottom:0; background:url(../img/login_bg2.png) center; }
.login-form{ position:absolute; top: calc(50% - 190px); left:calc(50% - 160px); padding:20px; width:300px; height:360px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff;z-index:2; }
.panel_box{background:#fff; border:1px solid #eee;margin-bottom:30px;}
.panel_box .panel_header{background:#e0e0e0; padding-left:10px;height:50px;display: block;text-decoration: none;color: #000;font-size: 16px; line-height:50px;vertical-align:middle; font-weight: bold; }
.panel_box .panel_header i{color:#ffa009 ;}
.panel_box .panel_body{padding:10px 15px;}
.panel_box	  .sidebar-txt{ color:#555; font-size:14px; line-height:1.8em; }
	.panel_box   .sidebar-txt p{ padding:5px 0; }
/*页面头部
----------------------------------------------*/
/* Nav Dropdown */
#nav li{position:relative;transition:all ease .3s}
#nav li dl{position:absolute;width:180px;background:#fff;text-align:left;left:50%;top:85px;margin-left:-90px;opacity:0;transition:all .3s ease 0s;transform:translate3d(0px,-20px,0px);-moz-transform:translate3d(0px,-20px,0px);-webkit-transform:translate3d(0px,-20px,0px);visibility:hidden;z-index:11;border-radius:0 0 3px 3px;}
#nav li:hover dl{opacity:1;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);visibility:visible}
#nav li dl dd{padding:0 20px;font-size:14px;line-height:48px;border-bottom:1px solid #f5f5f5;text-indent:0;transition:all .3s ease;background:#fff}
#nav li dl dd i{display:block;font-size:15px;line-height:48px;float:right;color:transparent;transition:all .3s ease;margin-right:10px}
#nav li dl dd:hover{text-indent:8px;background:#f6f6f6}
#nav li dl dd:hover i{color:#ccc;margin-right:0}
#nav li dl dd a{display:block;clear:both;line-height:50px;height:50px;}
.header{ width:100%; height:84px;}
	.header-wrap{ position:fixed; top:0; left:0; width:100%; height:84px; text-align:center; background:#fff; *background:#fff; *filter:alpha(opacity=90); z-index:300;
                  border-bottom:1px solid #eaeaea;
	}
	.header-wrap .left-box .logo{ margin:12px 20px 0 0; display:block; border:0; float:left; width:166px; height:60px; text-indent:-9999px; background:url(../img/logo_bt.png) no-repeat 0 center; overflow:hidden; }
	.header-wrap .left-box .nav li{ display:inline-block; list-style:none; float:left; height:84px; font-size:16px; letter-spacing:1px; } 
	.header-wrap .left-box .nav a{ display:inline-block; line-height:84px; padding:0 15px;  height:84px; margin:0 10px; color:#8e8e8e; opacity:0.9; vertical-align:middle; }
	.header-wrap .left-box .nav a:hover{ color:#f40;transition:color 0.3s; }
	.header-wrap .left-box  span.line-follow{width:100px;height:2px;background:#000;position:absolute;top:0;left:35px;opacity:0;filter:alpha(opacity=0);overflow:hidden;}
	.header-wrap .left-box  span.line-stretch{display:block;position:relative;width:0;height:0;background:#1faeff;top:0;left:50%}
	.header-wrap .search{ position:relative; display:block; float:left; margin:29px 0 0 20px; }
	.header-wrap .search .input{ display:block; margin:0; padding:3px 30px 3px 10px; width:150px; height:20px; line-height:20px; color:#666; border:1px solid #888; border-radius:2px; background:none; }
	.header-wrap .search .submit{ position:absolute; top:0; right:0; display:block; width:30px; height:28px; line-height:30px; text-indent:-9999px; color:#fff; border:none; background:url(../img/search.png) no-repeat center; cursor:pointer; _text-indent:0; overflow:hidden; }
	.header-wrap .right-box{ float:right; display:block; font-size:16px; margin:28px 0; height:28px; }
	.header-wrap .right-box li{ float:left; margin-left:15px; }
	.header-wrap .right-box li.line{ margin-left:10px; background:url(../img/line-1.png) no-repeat 0 center; }
	.header-wrap .right-box li.line a{ margin:0 10px; }
	.header-wrap .right-box li i{ float:left; display:inline-block;  padding-right:5px; color:#8e8e8e}
	.header-wrap .right-box li.login em{ background:url(../img/user.png) left center no-repeat; }
	.header-wrap .right-box li a{ font-size:14px; display:inline-block; color:#8e8e8e;opacity:0.9; height:28px; line-height:28px; }
	.header-wrap .right-box li a:hover{ color:#f40;transition:color 0.3s; }
	.header-wrap .right-box li a:hover i{ color:#f40;transition:color 0.3s; }

/*内容样式
----------------------------------------------*/
/*幻灯片样式*/
.focusbox{ position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #f7f7f7; overflow:hidden; _position:relative; }
	.focusbox .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
	.focusbox .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focusbox .slides li{ width:100%; height:100%; overflow:hidden; }
	.focusbox .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focusbox .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:125px; background:url(../img/pic-bg.png) 0 bottom repeat-x; _height:50px; _background:url(none) 0 0 repeat #000; }
	.focusbox .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focusbox .flex-control-nav{ position:absolute; right:5px; bottom:18px; display:block; z-index:4; }
	.focusbox .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focusbox .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #999; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focusbox .flex-control-paging li a:hover { background:#333; }
	.focusbox .flex-control-paging li a.flex-active { background:#f90; border-color:#f90; cursor:default; }
/*大标题*/
.btitle{ height: 50px;line-height: 50px;background: #f9f9f9;padding: 0 20px;overflow: hidden;clear: both;font-size: 14px; border:1px solid #eee; border-bottom:0px solid #eee; }
	.btitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.btitle h2{ display:inline-block; float:left; padding-right:10px; width:auto; color:#333; font-size:16px; font-weight:400;  }
	.btitle h2 a{ position:relative; padding-right:25px; color:#888; }
	.btitle h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../img/slider.png) -359px -87px no-repeat; }
	.btitle p{ display:inline-block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px; }
	.btitle p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../img/line.png) left center no-repeat; }
	.btitle p a:hover{ color:#f06000; }
	.btitle p a.no-bg{ background:none; }
	.btitle i{   color:#ffa10c; font-size:20px;  }
	.btitle span{ display:inline-block; float:right; color:#999; font-size:12px; }
	.btitle span a{ color:#999; }
	.btitle span a:hover{ color:#0089CD; }

.moreother {position:absolute; right:0; top:40px;}
    .ntitle{ margin:0 auto; padding:30px 0 10px 0; border-bottom:2px solid #edecec; 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(../img/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(../img/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; color:#999; font-size:12px; }
	.ntitle span a{ color:#999; }
	.ntitle span a:hover{ color:#0089CD; }
    .ntitle .title_h2{ display:inline-block; padding-right:10px; width:auto;  font-size:24px; font-weight:400; line-height:25px;  color:#888; } 
	.ntitle .title_h2:hover{ color:#f06000; text-decoration:none; }
/*图片列表*/
.img-list{ margin:0 0 0 -15px; *display:inline-block; }
	.img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.img-list li{ position:relative; _display:inline; float:left; margin:15px 0 0 15px; width:224px; height:129px; overflow:hidden; background:#fff; }
	.img-list.high li{ height:273px; }
.photo-list{ position:relative; width:1180px; overflow:hidden; }
	.photo-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.photo-list ul{ width:956px; }
	.photo-list ul li{ position:relative; _display:inline; float:left; margin:15px 0 0 15px; width:224px; height:129px; overflow:hidden; background:#fff; }
	.photo-list ul li.col-1{ margin-left:0; width:463px; height:273px; }
	.photo-list ul li.col-6{ position:absolute; top:15px; left:956px; margin:0; height:273px; }
/*遮罩样式*/	
.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(../img/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(../img/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; }
/*文字列表*/
.txt-list{ position:relative; }
	.txt-list li{ display:block; font-size:14px; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.txt-list li.tit{ margin-bottom:10px; }
	.txt-list li.tit a{ color:#fc8d05; font-size:18px; font-weight:bold; line-height:24px; }
	.txt-list li b{ display:inline-block; padding-right:8px; color:#999; font-weight:normal; }
	.txt-list li span{ float:right; margin-left:5px; color:#999; }
	.txt-list li a{ color:#666; }
	.txt-list li a:hover{ color:#fc8d05; }

/*图文列表*/
.t-list{ position:relative; }
	.t-list ul{ margin:0 0 0 -15px; *zoom:1; }
	.t-list li{ float:left; margin:0 0 15px 15px; width:463px; height:129px;  _display:inline; overflow:hidden; -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;}
    .t-list li:hover{
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.15); -webkit-transform: translate3d(0, 1px, -2px);
    transform: translate3d(0, 1px, -2px);
}
	.t-list li a.img-box{ position:relative; display:block; float:left; margin-right:15px; width:224px; height:125px; border:2px solid #f7f7f7; }
	.t-list li a.img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.t-list li h3{ margin-bottom:10px; color:#333; font-size:16px; font-weight:normal; line-height:24px; height:48px; overflow:hidden; }
	.t-list li h3 a{ color:#333; }
    .t-list li h3 a:hover{ color:#f8810f; transition:color 0.2s; }

	.t-list li p{ margin-bottom:10px; color:#666; font-size:12px; line-height:20px; height:40px; overflow:hidden; }
	.t-list li i{ color:#999; font-size:12px; line-height:20px; font-style:normal; }
/*图文列表*/
.n-list{ padding-top:10px;  }
	.n-list li{  padding: 15px; border-bottom:1px solid #f0f0f0; overflow:hidden; position: relative;left: -15px;top: -15px;-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; height:auto; }
	.n-list li:hover{ background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    -webkit-transform: translate3d(0, 1px, -2px);
    transform: translate3d(0, 1px, -2px); }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:16px 0 14px 0; font-size:16px; line-height:27px; font-weight:normal; }
	.n-list li h2 a{ font-size:20px; font-weight:bold; line-height:29px; color:#f37d0b; text-decoration:none; }
	.n-list li h2 a:hover{ color:#f40; }
	.n-list li:hover h2 a{ color:#f40; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
	.n-list li .note b img{ width:156px; height:104px;min-width:156px; min-height:104px; }
	.n-list li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
	.n-list li .note .info{ padding-top:10px; }
	.n-list li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../img/sprite.gif) no-repeat; }
	.n-list li .note .info .time{ background-position:0 -158px; }
	.n-list li .note .info .view{ background-position:0 -36px; }
	.n-list li .note .info .comm{ background-position:0 4px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*右侧通用列表*/
.sidebar-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.sidebar-box h3{ display:block; margin-bottom:10px; padding-bottom:10px; line-height:1em; color:#888; font-size:18px; font-weight:300; border-bottom:1px solid #f0f0f0; }
	.tags-box{ margin-left:-10px; }
	.tags-box a{ display:block; float:left; margin:0 0 10px 10px; padding:5px 10px; color:#555; font-size:13px; line-height:20px; border:1px solid #f0f0f0; }
	.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }

/*类别列表*/
.navbar{}
.navbar li{ padding-bottom:5px; }
	.navbar li h4{ display:block; color:#ffa009; font-size:16px; font-weight:normal; line-height:35px; }
	.navbar li h4 a{ color:#888; line-height:35px; width:200px; }
    	.navbar li h4 a:hover{color:#fb9856; transition:all 0.1s ease-in-out;}
	.navbar li h4 a:hover::before{ content:'| '; }
	.navbar li p{ font-size:14px; color:#888; line-height:30px; }
	.navbar li p a{ display:inline-block; margin-right:5px; color:#888;width:90px }
	.navbar li p a::before{ content:'   |-'; }
    	.navbar li p a:hover{color:#fb9856; transition:all 0.1s ease-in-out;}
	.navbar li p a:hover::before{ content:' |-'; }

/*热门*/
.focus-list ul{ margin:0 0 0 -20px; *zoom:1; }
	.focus-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focus-list li{ float:left; margin:0 0 20px 20px; _display:inline; }
	.focus-list li a{ color:#888; font-size:13px; cursor:pointer; }
	.focus-list li a b{ position:relative; display:block; margin:0; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
	.focus-list li a:hover b em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../img/slider.png) no-repeat 0 0; }
	.focus-list li a b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.focus-list li a span{ display:block; line-height:30px; width:140px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/*排行*/
.rank-list li{ position:relative; _display:block; padding:10px 0 0 25px; height:25px; vertical-align:top; }
	.rank-list li a{ display:block; padding:0; color:#888; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; _position:absolute; }
    .rank-list li a:hover{ color:#f87e15; transition:color 0.1s;}
	.rank-list li .num{ position:absolute; left:0px; top:12px; display:inline-block; vertical-align:-3px; *vertical-align:middle; width:16px; height:16px; margin-right:10px; background:#f8810f; font-style:normal; color:#fff; line-height:16px; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; overflow:hidden;}
	.rank-list li.active .num{ top:12px; background:#f40; font-family:Georgia, "Times New Roman", Times, serif; }
	.rank-list li span{ float:right; margin-left:5px; color:#999; _padding:2px 0 2px 5px; _z-index:2;  _position:absolute; _background:#fff; _right:0; }

/*推荐*/
.red-list ul{ margin:0 0 0 -15px; *zoom:1; }
	.red-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.red-list li{ float:left; margin:0 0 15px 15px; _display:inline; }
	.red-list li a{ color:#888; font-size:13px; cursor:pointer; }
	.red-list li a .img-box{ position:relative; display:block; margin:0; padding:1px; width:94px; height:94px; border:1px solid #e8e8e8; overflow:hidden; }
	.red-list li a .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.red-list li a span{ display:block; line-height:30px; width:98px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/*相关*/
.rel-list{ margin-top:15px; }
	.rel-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.rel-list ul .nodata{ color:#999; font-size:14px; line-height:50px; }
	.rel-list ul li{ display:block; float:left; margin:0 auto 15px 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
	.rel-list ul li .img-box{ position:relative; display:block; float:left; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
	.rel-list ul li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.rel-list ul li .info{ margin:0 auto 0 151px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
	.rel-list ul li .info h3{ display:block; color:#3b8dd1; font-size:16px; font-weight:normal; line-height:1.3em; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.rel-list ul li .info h3 a{ color:#3b8dd1; }
	.rel-list ul li .info p{ color:#555; font-size:13px; height:48px; line-height:22px; overflow:hidden; }
	.rel-list ul li .info span{ color:#999; font-size:12px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
		
/*内容标题样式*/
.meta{ margin:30px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h1{ margin:0; padding:0 0 15px 0; color:#ffa009; font-size:22px; line-height:30px; }
	.meta .meta-info{ color:#999; font-size:12px; line-height:24px; }
	.meta .meta-info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../img/sprite.gif) no-repeat; }
	.meta .meta-info .time{ background-position:left -158px; }
	.meta .meta-info .view{ background-position:left -36px; }
	.meta .meta-info .comm{ background-position:left 4px; }
/*内容详细样式*/
.entry{ margin: 0 auto; padding:0; font-size:14px; line-height:2em;background:#fff; word-wrap:break-word;  padding: 15px 20px; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#666; }
	.entry ul,.entry ol{ margin:1em;  }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#555; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; line-height:1.7em; }
	.entry table{ border-left:0.15em solid #eee; border-top:0.15em solid #eee; }
	.entry table th{ background-color:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:0.15em solid #eee; border-right:0.15em solid #eee; padding:0.25em 0.5em; }
.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
	.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.next-prev-single p a{ color:#ff9f29; text-decoration:none; }
	.next-prev-single .prev{ float:left; }
	.next-prev-single .next{ float:right; }

    
/*内容表单样式*/
.form-wrap{ margin-top:20px; padding:0 50px 30px; }
    .form-wrap .tip{ margin-bottom:10px; color:#d70029; font-size:18px; line-height:1em; }
    .form-wrap .form-group{ margin-top:30px; }
    .form-wrap .form-group img{ vertical-align:middle; }
    .form-wrap .form-group .form-control{ display:inline-block; margin:0; padding:6px 12px; line-height:28px; background:#fff; border:1px solid #e5e5e5; color:#333; font-size:14px; font-weight:normal; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
    .form-wrap .form-group .form-control::-moz-placeholder{ color:#b3b3b3; opacity:1; }
    .form-wrap .form-group .form-control:focus{ border-color:#999; box-shadow:none; outline:0 none; }
    .form-wrap .form-group select{ display:inline-block; width:40%; height:40px; line-height:40px; color:#333; font-size:14px; border:1px solid #e0e0e0; }
    .form-wrap .form-group textarea{ width:80%; height:auto; }
    .form-wrap .form-group input{ width:80%; height:28px; }
    .form-wrap .form-group input.code{ width:150px; }
    .form-wrap .form-group input.submit{ display:inline-block; margin:0; padding:10px 46px; width:auto; height:auto; color:#fff; font-size:14px; border:1px solid #f40; background:#f40; cursor:pointer; }
    .form-wrap .tips{ font-size:16px; color:#f40; line-height:35px;   }
/*表单样式*/
.form-box{ margin:0 50px; padding:20px 0 30px; }
    .form-box .form-group{ margin:0; padding:10px 0; clear:both; }
    .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#666; }
    .form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
    .form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .input.code{ width:80px; }
    .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; }
    .form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #d70029; background:#d70029; cursor:pointer; }
    .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#eee; cursor:pointer; }
    .form-box .form-group dd label.mart{ margin-right:5px; }
    /*全屏样式*/
    .form-box.full{ padding:0 0 50px; }
    .form-box.full .form-group dt{ width:40%; }
    .form-box.full .form-group dd{ margin-left:42%; }
    .form-box.full .form-group dd .input{ width:40%; }
    .form-box.full .form-group dd .input.code{ width:80px; }
    
.maincount{ margin: 0 auto; padding:0; font-size:14px; line-height:2em;background:#fff; word-wrap:break-word;    border: 1px solid #eee;padding: 15px 20px; }
/*内容相册样式*/
.album-list{ position:relative; }
	.album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.album-list ul{ margin:0 0 0 -20px; *zoom:1; }
	.album-list li{ float:left; width:20%; }
	.album-list li a{ display:block; margin:20px 0 0 20px; padding:1px; border:1px solid #e8e8e8; }
	.album-list li a img{ display:block; width:100%; height:auto; }
/*附件样式*/
.attach-list{ margin:0; padding:10px; }
	.attach-list li{ margin:0; padding:0 0 0 25px; color:#555; font-size:12px; line-height:36px; background:url(../img/sprite.gif) no-repeat 0 -108px; }
	.attach-list li span{ float:right; }
	.attach-list li i{ margin-left:10px; font-style:normal; color:#666; }
/*当前位置*/
.curr-nav{ margin:30px 0 15px 0; color:#999; line-height:20px; }
	.curr-nav a{ color:#999; }
	.curr-nav a:hover{ color:#0089CD; }
/*筛选条件样式*/
.screen-box{ position:relative; border:1px solid #e8e8e8; }
	.screen-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl{ clear:both; display:block; border-top:1px solid #f7f7f7; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{ display:block; float:left; padding-left:20px; width:100px; color:#555; line-height:36px; }
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:5px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 5px 5px 0; padding:6px 10px; border:1px solid #fff; font-size:12px; line-height:1em; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#0089CD; }
/*排序样式*/
.sort-box{ height:38px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:38px; height:38px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#0089CD; background:#fff; }
/*商品图片列表*/
.img-list2{ position:relative; }
	.img-list2 ul{ margin:0 0 0 -15px; *zoom:1; }
	.img-list2 ul .nodata{ text-align:center; color:#333; font-size:14px; line-height:120px; }
	.img-list2 ul li{ float:left; margin:15px 0 0 15px; width:224px; _display:inline; }
	.img-list2 ul li .wrap-box{ position:relative; padding:10px; border:1px solid #e8e8e8; }
	.img-list2 ul li .wrap-box:hover{ border-color:#f40; }
	.img-list2 ul li .wrap-box .img-box{ position:relative; width:202px; height:202px; overflow:hidden; }
	.img-list2 ul li .wrap-box .img-box .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; }
	.img-list2 ul li .wrap-box .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.img-list2 ul li .wrap-box .info h3{ display:block; margin:10px 0; line-height:20px; height:20px; color:#333; font-size:13px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.img-list2 ul li .wrap-box .info .col{ line-height:24px; height:24px; color:#999; font-size:12px; overflow:hidden; }
	.img-list2 ul li .wrap-box .info .col i{ float:right; color:#999; font-style:normal; }
	.img-list2 ul li .wrap-box .info .col b{ display:inline-block; margin-right:2px; color:#f40; font-size:16px; font-weight:600; }
	.img-list2 ul li .wrap-box .info .col s{ display:inline-block; text-decoration:line-through; }

/*商品缩略图样式*/
.goods-pic{ position:relative; float:left; margin-top:30px; width:370px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ position:relative; width:368px; height:368px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:370px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }
/*商品规格*/
.goods-spec{ position:relative; margin:30px 0 0 400px; overflow:hidden; overflow:hidden; *zoom:1; }
	.goods-spec h1{ display:block; color:#555; font-size:18px; font-weight:700; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.goods-spec .subtitle{ margin-top:5px; color:#6c6c6c; font-size:15px; line-height:18px; }
	.goods-spec .spec-box{ position:relative; margin-top:10px; }
	.goods-spec .spec-box.line{ padding-top:10px; border-top:1px solid #efefef; }
	.goods-spec .spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl{ clear:both; display:block; }
	.goods-spec .spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl dt{ float:left; width:80px; line-height:38px; min-height:38px; color:#999; }
	.goods-spec .spec-box dl dd{ position:relative; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; }
	.goods-spec .spec-box dl dd s{ display:inline-block; text-decoration:line-through; }
	.goods-spec .spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#f40; font-size:24px; font-weight:700; }
	.goods-spec .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; }
	.goods-spec .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #f40; color:#f40; }
	.goods-spec .spec-box dl dd .stock-box{ display:block; float:left; margin-right:10px; width:64px; }
	.goods-spec .spec-box dl dd .stock-box input{ float:left; margin-right:3px; width:42px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; }
	.goods-spec .spec-box .stock-box a{ display:block; float:left; margin-bottom:4px; width:15px; height:12px; line-height:12px; color:#333; font-size:11px; text-align:center; border:1px solid #e8e8e8;  cursor:pointer; overflow:hidden; }
	.goods-spec .spec-box .stock-txt{ float:left; line-height:32px; }
	.goods-spec .spec-box .btn-buy{ margin-top:15px; }
	.goods-spec .spec-box .btn-buy .buy{ display:inline-block; margin-right:10px; padding:0 30px; color:#e5511d; font-size:16px; line-height:38px; background:#ffe4d0; border:1px solid #f0cab6; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy .add{ display:inline-block; padding:0 30px; color:#fff; font-size:16px; line-height:38px; background:#f40; border:1px solid #f40; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy button.over{ color:#999; background:#f7f7f7; border-color:#e8e8e8; cursor:default; }
/* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
    .jqzoom img{ width:368px; height:368px; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:368px; max-height:368px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }

/*商品Tab样式*/
.goods-tab .tab-head{ display:block; height:40px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
	.goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
	.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:40px; line-height:40px; color:#555; font-size:14px; }
	.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#0089cd; }
	.goods-tab .tab-content{ display:none; }

/*购物车样式*/
.cart-box{ position:relative; margin-top:30px; }
	.cart-box h1{ float:left; color:#555; font-size:18px; line-height:35px; }

.cart-info{ z-index:2; margin:0; padding:15px; border:1px solid #DFC795; position:absolute; top:0px; left:0px; _left:-269px; width:302px; height:auto;background:#F7F2D0; text-align:left; }
	.cart-info .btn-success{ height:32px; line-height:32px; }
	.cart-info .close{ display:block; margin:0; padding:0; position:absolute; top:5px; right:5px; width:15px; height:10px; text-indent:-9999px; background:url(../img/sprite.gif) no-repeat left -240px; cursor:pointer; }

.cart-step{ position:relative; margin-left:200px; }
	.cart-step li{ float:left; width:33.33%; height:35px; line-height:35px; text-align:center; background:url(../img/cart-arrow.gif) no-repeat right -45px #f6f6f6; color:#999; *width:33.3%; }
	.cart-step li span{ display:inline-block; margin-right:5px; font-weight:bold; font-size:15px; }
	.cart-step li.item{ background-position:right 0; }
	.cart-step li.selected{ background:url(../img/cart-arrow.gif) no-repeat right -90px #e8e8e8; color:#8cac52; }
	.cart-step li.last{ background-img:none; }

.cart-table{ border:1px solid #f7f7f7; }
	.cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f6f6f6; border-bottom:1px solid #f7f7f7; }
	.cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #f7f7f7; }
	.cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; }
	.cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; }
	.cart-table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;}
	.cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; }
	.cart-table td .buy-box a{ display:block; float:left; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e8e8e8; overflow:hidden; }
	.cart-table td .buy-box .input{ float:left; margin:0; padding:0; width:30px; font-size:12px; height:20px; line-height:20px; text-align:center; ime-mode:Disabled; border-radius:0; border-left:0; border-right:0; }

.cart-foot{ margin-top:20px; height:40px; }
	.cart-foot .btn-box{ line-height:40px; }
	.cart-foot .btn-box a{ margin-right:20px; font-size:14px; }

.item-box{ clear:both; padding:8px 0; font-size:13px; }
	.item-box li{ display:block; float:left; margin:0 25px; height:28px; line-height:28px; }
	.item-box li label input{ margin-right:3px; }
	.item-box li em{ color:#999; }

.address-list{ margin-bottom:20px; padding:10px; color:#555; font-size:14px; border:1px solid #f7f7f7; max-height:300px; overflow:auto; }
	.address-list li{ margin:5px 0; padding:5px 10px; height:20px; line-height:20px; cursor:pointer; }
	.address-list li span{ margin-left:10px; }
	.address-list li label em{ margin-left:5px; color:#999; }
	.address-list li.selected{ padding:10px; font-size:15px; background:#fff0e8; border-radius:3px; }
	.address-list li.selected span{ color:#333; font-weight:700; }
.address-info{ padding:10px; border:1px solid #f7f7f7; }
	.address-info dd .input{ padding:5px; }
	.address-info dd .select{ display:inline-block; padding:5px; border:1px solid #e8e8e8; border-radius:2px; line-height:20px; }

.buy-foot{ font-size:14px; }
	.buy-foot .left dl{ clear:both; padding-bottom:10px; line-height:28px; }
	.buy-foot .left dl dt{ color:#6c6c6c; }
	.buy-foot .left dl dd .input{ width:230px; padding:5px; }
	.buy-foot .right{ text-align:right; }
	.buy-foot .right p{ line-height:38px; }
	.buy-foot .right p .price{ color:#f00; font-weight:700; }
	.buy-foot .right p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; }
	.buy-foot .right p.btn-box{ margin-top:20px; }

/*评论样式*/
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
    .comment-add .editor{ position:relative; margin-right:18px; }
	.comment-add .editor textarea{ width:100%; height:70px; }
	.comment-add .subcon{ margin-top:15px; }
.comment-box{ position:relative; margin-top:15px; list-style:none; }
	.comment-list li{ padding:15px 0; border-top:1px solid #e8e8e8; }
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background-color:#fff;  border-radius:50%; width:46px; height:46px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px;border-radius:50%; padding:2px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px;  color:#999; border:none; }
	.comment-list li .inner .meta .uname{ font-size:15px;padding-bottom:5px; color:#ff7530; }
	.comment-list li .inner .meta .alink{ color:#666; padding-left:10px; cursor:pointer; }
	.comment-list li .inner .meta .alink:hover{ color:#f40; transition:color 0.4s; }
	.comment-list li .inner .meta .addr{ font-size:13px;padding-bottom:5px; color:#555; } 
	.comment-list li .answer{ margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; border-bottom:1px dashed #e8e8e8; padding-bottom:10px;margin-bottom:10px; }
	.comment-list li .answer p:last-child{ color:#555; font-size:14px; line-height:1.8em; border-bottom:0px dashed #e8e8e8; }
    .comment-list li .answer .rep_con{ }

/*会员中心样式
----------------------------------------------*/
.avatar-box{ padding:15px; background:#efeeee; overflow:hidden; }
	.avatar-box .img-box{ display:block; float:left; margin-right:10px; padding:1px; border:1px solid #fff; background:#fff; *width:60px; *height:60px; overflow:hidden; }
	.avatar-box .img-box img{ width:60px; height:60px; }
	.avatar-box h3{ color:#6c757e; font-size:16px; line-height:1em; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.avatar-box p{ color:#6c757e; font-size:12px; line-height:20px; }

.side-nav{  }
	.side-nav li{ padding:0; zoom:1; }
	.side-nav li{  }
    .side-nav li h2{line-height: 45px; background:#f7f7f7; font-size: 18px;padding-left: 5px;font-weight: 400;border-bottom:1px solid #e8e8e8;}
    .side-nav li h2 i{line-height: 45px;font-size: 22px;font-weight:lighter;}
	.side-nav li a{ position:relative; display:block; padding:13px 37px; color:#6c757e; font-size:14px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.side-nav li a:hover{ color:#fff;  background:rgba(255, 68, 0, 0.65); }
	.side-nav li a:hover:before{ content:" | "; }
	.side-nav li a.current{ color:#fff;  background:rgba(255, 68, 0, 0.75); }
	.side-nav li a.current:before{ content:" | "; }

.u-tab-head{  height:45px;  border:1px solid #e8ecef; background:#f7f7f7; }
	.u-tab-head p a{ float:left; display:block; margin:-1px 0 auto -1px; padding:0 25px; line-height:45px; height:45px; color:#7f838c; font-size:14px; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; }
	.u-tab-head p a:hover,.u-tab-head p a.selected{ color:#fff; background:rgba(255, 68, 0, 0.67); }
	.u-tab-head span{ float:right; line-height:45px; }
	.u-tab-head span .add{ display:block; padding:10px 15px; line-height:20px; font-size:12px; }
.u-tab-content{ position:relative;  background:#fff; border: 1px solid #e8ecef;  min-height:398px; overflow:hidden; _height:398px; _overflow:visible; }
	.u-tab-content .ntitle{ margin:0 auto; padding:0 0 10px 0; }
	.u-tab-content .ntitle-tit{ margin:0 0 10px; padding:0; color:#444; font-size:16px; font-weight:normal; }
	.u-tab-content .ntitle-info{color:#999;}
	/*.u-tab-content p{ margin:0; padding:3px 0; color:#444; font-size:13px; line-height:24px;width:100%; }*/
	.title-div{ height:45px; color:#6e717a; background:#f7f7f7;   padding-left:15px; line-height: 45px;  }
	.title-div strong{     float: left;font-size: 15px; _position:absolute; }
    .u-content{padding:10px;}
	.head-box{ padding:10px;  }
	.head-box .img-box{ float:left; margin-right:10px; }
	.head-box .img-box img{ padding:1px; width:120px; height:120px; border:1px solid #f0f0f0; }
	.head-box .inner{ float:left; }
	.head-box .inner h3{ margin-bottom:15px; color:#3b8dd1; font-size:24px; font-weight:normal; line-height:1.3em; }
	.head-box .inner p{ color:#222; font-size:14px; line-height:24px; }
	.head-inner{ position:relative; margin:10px 0 20px 0; padding:10px;  }
	.head-inner h3{ margin-bottom:10px; padding-bottom:8px; color:#f40; font-size:16px; font-weight:normal; line-height:30px; border-bottom:1px solid #f0f0f0; }
	.head-inner dl{ display:block; float:left; width:50%; line-height:2.8em; font-size:13px; }
	.head-inner dl dt{ display:block; float:left; color:#666; }
	.head-inner dl dd{ color:#999; }
	.form-box{ position:relative; padding:10px;  font-size:14px; }
	.form-box dl{ display:block; padding:5px 0; }
	.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; }
	.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; }
	.form-box dl dd label.radio{ margin-right:5px; }
	.accept-box{ padding:0; background:#fff; border:1px solid #f0f0f0; }
	.accept-box dl{ padding:0; }
	.accept-box dl.head{ position:relative; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px; }
	
	.step-box{ position:relative; }
	.step-box ul{ margin:0 -40px 0 -10px; }
	.step-box ul li{ position:relative; float:left; margin-right:-8px; width:20%; text-align:center; color:#8c8c8c; font-size:12px; }
	.step-box ul li .progress{ color:#fff; }
	.step-box ul li .progress:after,
	.step-box ul li .progress:before{ position:absolute; top:0; right:0; content:""; width:10px; height:20px; background:url(../img/delivery.png) no-repeat 100% -60px; }
	.step-box ul li .progress:after{ right:0; background-position:100% -20px; }
	.step-box ul li .progress:before{ left:0; background-position:0 0; }
	.step-box ul li .progress .text{ display:block; margin:0 10px; padding:1px 10px; background:#c3c3c3; height:18px; line-height:18px; }
	.step-box ul li.done .progress .text{ background:#83bd39; }
	.step-box ul li.done .progress:before{ background-position:0 -40px; }
	.step-box ul li.done .progress:after{ background-position:100% -60px; }
	.step-box ul li.first .progress:before{ display:none; }
	.step-box ul li.last .progress:after{ display:none; }
	.step-box ul li .info{ line-height:20px; }
	.step-box.mini ul{ margin:0 -32px 0 -10px; }
	.step-box.mini ul li{ width:25%; }

/*头像上传*/
.avatar-img{ display:block; margin:20px 0; padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; }
	.avatar-img img{ width:180px; height:180px; }
.cropper-wraper{ margin-top:20px; }
	.cropper-wraper .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wraper .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wraper .cropper-view{ float:left; width:184px; }
	.cropper-wraper .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wraper .cropper-view .img-box img{ display:block; width:180px; height:180px;border-radius:50%; }
	.cropper-wraper .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wraper .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wraper .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; }
	
.ftable{ width:100%; border:1px solid #f0f0f0; background:#fff; }
.mtable{ width:100%; background:#fff; _width:auto; }
	.mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; }
	.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; }
	.ftable td s{ color:#999; text-decoration:line-through; }
	.mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; }
    
.page-foot{ clear:both; font-size:13px; padding-top:15px; height:35px; }
.page-btns{ float:left; }
	.page-btns a{ color:#444; font-weight:bold; margin-right:5px; }
	.page-btns .pipe{ color:#cbcbcb; margin:0 5px; }

.login-right h1{ margin-bottom:20px; color:#555; font-size:22px; font-weight:700; letter-spacing:3px; line-height:30px; height:30px; text-align:center; }
	.login-right li{ position:relative; clear:both; margin-bottom:10px; height:50px; *display:inline; *zoom:1; }
	.login-right li label{ position:absolute; top:1px; left:10px; width:68px; height:40px; line-height:40px; color:#999; font-size:14px; }
	.login-right li input{ display:block; margin:0; padding:10px 10px 10px 10px; width:278px; height:20px; line-height:20px; border:1px solid #e8e8e8; background:#fbfcff; color:#333; font-size:14px; border-radius:3px; }
	.login-right li span{ line-height:24px; }
	.login-right .btn-box .col{ clear:both; margin-bottom:10px; padding-bottom:10px; color:#555; font-size:14px; line-height:20px; }
	.login-right .btn-box .col .submit{ display:block; padding:10px 20px; width:100%; color:#fff; font-size:14px; line-height:20px; border:0; background:#1e7bb3; text-align:center; border-radius:3px; cursor:pointer; }
	.login-right .btn-box .tips{ display:none; margin:0; padding:0; text-align:center; font-size:12px; color:#f00; }
	.login-right .oauth-box { clear:both; padding-top:20px; }
	.login-right .oauth-box h3{ display:block; margin-bottom:10px; color:#555; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
	.login-right .oauth-box p{ margin-left:-25px; }
	.login-right .oauth-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; }
	.login-right .oauth-box p a img{ width:38px; height:38px; }

.inner-box{ margin:20px 0; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; }
	.inner-box .dl-list{ margin:0 auto; padding:10px; text-align:left;  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; }
.reg_box{border:0px solid #fff;}
/*页面底部
----------------------------------------------*/
.section .wrapper.link-box{ height:auto; }
	.link-box .txt{ display:block; margin-top:15px; letter-spacing:3px; color:#ccc; font-size:12px; line-height:30px; }
	.link-box .txt a{ color:#888; letter-spacing:1px; }
	.link-box .txt a:hover{ color:#f06000; }
	.link-box .img{ margin-left:-15px; height:53px; overflow:hidden; }
	.link-box .img li{ float:left; margin:15px 0 0 15px; width:104.5px; height:38px; _display:inline; }
	.link-box .img li a{ position:relative; display:block; height:34px; border:2px solid #fff; }
	.link-box .img li a img{ width:100%; height:100%; }

/*4.5 页脚*/
.footer{background-color:#2B2B2B;padding-top:40px; text-align:left;  margin-top:50px;    width: 100%; min-width: 1180px; overflow: hidden;}
.footer a{color:#999}
.footer a:hover{color:#fff; text-decoration:none}
  /*页脚版权*/
  .footer .pipe2{color:#525252}
  .copyright{background:#1C2029;padding:20px; padding-top:20px; line-height:30px; color:#888;} 
  /*页脚logo*/
  .footerLogo{display:block; width:166px; height:41px; cursor:pointer; background:url(../img/footerLogo.png?v1) no-repeat 0 0}
  /*页脚导航*/
  .footerNav dl{float:left;width:96px}
  .footerNav dt{font-size:14px; color:#fff; font-weight:bold}
  .footerNav dd{font-size:12px; line-height:24px; margin-top:10px}
  .footerNav dd a{color:#9b9b9b}
  /*页脚客服热线*/
  .hotline dt{font-size:14px; font-weight:bold; color:#fff; padding-left:20px}
  .hotline dd{color:#9b9b9b; font-size:12px}
  .footer-tel dt{background:url(../img/icon_tel.png) no-repeat 0 center}
  .footer-kefu dt{background:url(../img/icon_kefu.png) no-repeat 0 center}
  
.foot-nav{ width:1150px; margin:0 auto; display:block;  color:#ccc; line-height:30px; }
.foot-nav .nv{width:450px; display:inline-block;float:left; padding:10px 25px;}
.foot-nav .nv .ftlist{border-bottom:1px solid #555; padding-bottom:15px;margin-bottom:15px;}
.foot-nav .lx{width:350px; display:inline-block;float:left;padding:10px 25px;}
.foot-nav .lx .lxtt{font-size:14px; font-weight:bold;}
    .foot-nav .lx .phonenum {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        margin-right: 40px;
    }
.foot-nav .lx .telnum{font-size:16px;color:#fff;margin-right:40px;}
.foot-nav .wx{width:auto;display:inline-block;float:left;padding:10px 25px;}
.foot-nav .wx img{width:100px;height:100px;}
.foot-nav .wx p{text-align:center;}
	.foot-nav a{ padding:0 10px; color:#ccc; letter-spacing:1px; }
	.foot-nav a:first-child{ padding-left:0;  }
	.foot-nav a:hover{ color:#fff; }
 
.friendlink{ width:1150px; margin:0 auto; display:block;  color:#ccc; line-height:40px; padding-left: 40px;}
.friendlink a{ color:#ccc;  margin-right:20px;}

/*友情链接样式
-----------------------------------------------*/
.links{ position:relative; color:#888; font-size:14px; }
.links ul{ clear:both; }
.links .txt{ display:block; margin-top:15px; letter-spacing:3px; color:#888; font-size:14px; line-height:30px; }
.links .txt a{ color:#888; letter-spacing:1px; }
.links .img{ margin-left:-15px; }
.links .img li{ float:left; margin:15px 0 0 15px; height:31px; }
.links .img li img{ width:88px; height:31px; }

/*二维码样式*/
.ewmlist{position:relative;width:800px;}
.ewmlist .ewm_item{background: #fff; float:left; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);box-shadow: 0 0 4px rgba(0,0,0,.2);width:180px;margin:10px; } 
.ewmlist .ewm_item .img{ padding:10px;position:relative;}
.ewmlist .ewm_item .img img{width:160px; height:160px;}
.ewmlist .ewm_item .img .img_zz{width:180px; height:180px; line-height:180px; position:absolute;top:0;left:0;overflow:hidden;background:rgba(1, 1, 1, 0.85);color:#fff;vertical-align:middle;text-align:center; display:none;}
.ewmlist .ewm_item .title{font-size:14px; color:#888; line-height:22px;height:20px; overflow:hidden; padding:10px 5px; border:1px solid #eaeaea; text-align:center; background:#eaeaea; color:#333;  text-wrap:none;font-weight:bold; }
.ewmlist .ewm_item .desc{font-size:12px; color:#555; line-height:22px; background:#f9f9f9; height:45px; padding:5px 5px; text-align:center;}

/*以下部分是WebUploader必须的
----------------------------------------------*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border:1px solid #f40; border-radius:2px; cursor:pointer; background:#ff723f; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ opacity:0.9; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../img/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden; }


input[type='text']:focus,textarea:focus,select:focus{border-color:rgba(255, 134, 0, 0.61) !important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255, 172, 0, 0.48)!important;outline:0}


/*弹出窗*/
.apply-pop{display: none;}
.apply-pop .tit{height: 80px;line-height: 80px; text-align:center; border-bottom: 1px solid #c7c7c7;color: #e17756;font-size: 16px;}
.apply-pop .row{overflow: hidden;padding-top: 20px;}
.apply-pop .row .l{width: 150px;text-align: right;font-size: 16px;color: #393939;line-height: 35px;float: left;}
.apply-pop .row .l span{color: #dd6e4c;padding-right: 10px;}
.apply-pop .row .r{overflow: hidden;padding-left: 12px;}
.apply-pop .row .r .inp-box{width: 435px;position: relative; text-align:left;}
.apply-pop .row .r input[type="text"],.apply-pop .row .r input[type="number"]{font-size: 14px;width: 410px;padding: 10px 10px 10px 15px;background: #f9f9f9;border:0;outline: 0;height: 26px;line-height: 26px;font-family: arial;border-radius: 3px;}
.apply-pop .row .r .inp-box span{display: none;position: absolute;right: 10px;z-index: 1000;line-height: 46px;top:0;font-size: 12px;color:#ff0000;}
.apply-pop .row .r .inp-box span i{display:inline-block;vertical-align: -1px;width: 12px;height: 12px;margin-left: 8px;}
.apply-pop .row .r .inp-box span.error{color: #eb2e2e;}
.apply-pop .row .r .inp-box span.error i{background: url(../img/events/events-info.png) no-repeat -31px -4px;}
.apply-pop .row .r .inp-box span.succ i{background: url(../img/events/events-info.png) no-repeat -48px -5px;}

.apply-pop .row .r .inp-box .checkSucc{position: absolute;right: 10px;color: #01b101;z-index: 1000;line-height: 46px;top:0;font-size: 12px;}
.apply-pop .row .r .inp-box .checkSucc i{display:inline-block;vertical-align: -1px;width: 12px;height: 12px;margin-left: 8px;background: url(../img/events/events-info.png) no-repeat -48px -5px;}
.apply-pop .row.sub-btn{text-align: right;}
.apply-pop .row .r input[type="submit"]{cursor: pointer;width: 105px;height: 40px;line-height: 40px;text-align: center;background-color: #424142;color: #fff;border-radius: 5px;font-size: 14px;outline: 0;border:0;}

.mycheck {  
    width: 25px;  
    margin: 10px 10px;  
    height:30px;
    position: relative;  
}  
.mycheck input[type=checkbox] {  
    visibility: hidden;  
}  
.mycheck label {  
    cursor: pointer;  
    position: absolute;  
    width: 25px;  
    height: 25px;  
    top: 0;  
    left: 0;  
    background: #fff;  
    border:2px solid #ccc;  
    -moz-border-radius: 3px;      /* Gecko browsers */  
    -webkit-border-radius: 3px;   /* Webkit browsers */  
    border-radius:3px;            /* W3C syntax */  
}  
.mycheck label:after {  
    opacity: 0;  
    content: '';  
    position: absolute;  
    width: 12px;  
    height: 6px;  
    background: transparent;  
    top: 6px;  
    left: 6px;  
    border: 2px solid #01b101;  
    border-top: none;  
    border-right: none;  
    -webkit-transform: rotate(-45deg);  
    -moz-transform: rotate(-45deg);  
    -o-transform: rotate(-45deg);  
    -ms-transform: rotate(-45deg);  
    transform: rotate(-45deg);  
}  
.mycheck label:hover::after {  
 opacity: 0.5;  
}  
.mycheck input[type=checkbox]:checked + label:after {  
    opacity: 1;  
}  

.user-header{position: relative;
    width: 100%;
    padding: 0;
    margin: 14px auto;    z-index: 2;
}

.usercard{
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
    box-sizing: border-box;margin-top: 14px;
}
    .usercard .theme {
        position:absolute;
        z-index:5;
        top:0;right:0;width:15px;height:15px;
        transition:all ease-in .3s;
    }
    .usercard .theme:hover {
        width:30px;height:30px;
        transition:all ease-in .3s;
    }
    .usercard .theme:hover img {
        width:30px;height:30px;
        transition:all ease-in .3s;
    }
    .usercard .theme img{
        width:15px;height:15px;
        transition:all ease-in .3s;
    }
.usercard .btn_edit{    
    display: inline-block;
    height: 36px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    position:absolute;
    right:10px;
    background-color:transparent;
    top:10px;
    color:rgba(247, 243, 243, 0.59);
    border:1px solid #e8e8e8;
    border-color:rgba(0, 0, 0, 0.12);
}.usercard .btn_edit:hover{    
    background-color:transparent;
    opacity:.7; 
}

.usercard .usercover{    position: relative;
    height: 230px;
    overflow: hidden;
    background: #000;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    -webkit-transition: all 1s;
    transition: all 1s;background-size:100%;
    
}
.usercard .usercover .imgBg{width:100%;height:240px;}
.usercard .user_info{
        position: absolute;
    width: 100%;
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.50), rgba(0, 0, 0, 0.50));        /* IE 10 */
    background:-moz-linear-gradient(top,rgba(255, 255, 255, 0.50), rgba(0, 0, 0, 0.50));/*火狐*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(255, 255, 255, 0.50)), to(rgba(0, 0, 0, 0.50)));/*谷歌*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.50)), to(rgba(0, 0, 0, 0.50)));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.50), rgba(0, 0, 0, 0.50));   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.50), rgba(0, 0, 0, 0.50));  /*Opera 11.10+*/
    box-sizing: border-box;
    bottom:0;

}.usercard .user_main{
        position: relative;
    margin: 0 24px 16px;
}

 .usercard .useravtor{    position: absolute;
    top: -75px;
    left: 0;
    z-index: 4;}

 .usercard .useravtor div{    display: inline-block;
    overflow: hidden;
    border: 4px solid #fff;
    border-radius: 8px;border-radius:50%;}
 .usercard .useravtor img{   width: 160px;
    height: 160px;}

 .usercard .user_main .cont{
     padding-top: 16px;overflow: hidden;
    padding-left: 32px;
    border-left: 164px solid transparent;
      color:#fff;
 }

  .usercard .user_main .cont .user-name{
      font-size:20px;
 } .usercard .user_main .cont .user-name a{
      font-size:16px; color:#f40; 
 }.usercard .user_main .cont .user-name .nick{
     color:#ff723f;
      font-size:1.1em;
 }.usercard .user_main .cont .user-name .uname{
    color:#2d2d2d;
      font-size:1em;
 }.usercard .user_main .cont .user-name .tip{
    color:#999;font-size:14px;font-weight:lighter;
 }

  .udata {
      line-height:30px;
      vertical-align:middle;
      font-size:14px;
  }  .udata div{display:inline-block;float:left;overflow: hidden;
  }.udata div:nth-child(2n+1){
      width:30%;
  }.udata div:nth-child(2n){
      width:70%;
  }
  .udata i{font-size:16px; color:#fff;}
  .udata a{   padding:3px 10px;  color:#f40;}
  .udata a:hover{opacity:.8; transition:opacity 0.3s;}
  .udata .user-score{color:#f8b618; font-weight:bold;  }
  .udata .user-level{color:#EEEEEE; font-weight:bold;  }
  .udata .user-money{color:#f40; font-weight:bold;  }



  /*悬浮菜单*/
  /*ad--*/
.ad-r{position:fixed; _position:absolute; bottom:85px; right:60px;_margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop); z-index:1000;}
.ad-r a{ width:50px; height:50px; display:block; margin:3px 0; background:#e8e8e8; cursor:pointer;text-align: center;}
.ad-r a i{ line-height:50px; vertical-align:middle; font-size:30px; color:#999;}
.ad-r a p{font-size:12px; color:#999;}
.ad-r a:hover{ background:#f40;  opacity:.8; transition:opacity 0.3s;}
.ad-r a:hover i{ color:#fff;}.ad-r a:hover p{ color:#fff;}
.ad-r #ad_fa {display:none;  height:50px; background:#f40;  opacity:.8; transition:opacity 0.3s;} 
.ad-r #ad_fa img{width:50px; height:50px;}   
#ad_erweima{display:none; padding:15px; }
#ad_erweima img{width:180px; height:180px;}
#ad_erweima h3{font-size:12px; line-height:26px; color:#888;}

.mgcolor{background:#ee9310;
            color:#fff;}
.mgcolor:hover{background:#f89b09; transition:background 0.4s;}

.bg-fff{background:#fff;}


/*poptip-arrow*/
.poptip-arrow{position: absolute;overflow: hidden;font-style: normal;font-family: simsun;font-size: 16px;}
.poptip-arrow em,.poptip-arrow i{position: absolute;left:0;top:0;font-style: normal;}
.poptip-arrow em{color: #ddd;}
.poptip-arrow i{text-shadow:none;}
.poptip-arrow i.wihte{ color:#fff;}
.poptip-arrow-bottom,.poptip-arrow-top{height: 12px;width: 15px;right:50px}
.poptip-arrow-left,.poptip-arrow-right{height: 30px;width: 16px;top: 9px;}
.poptip-arrow-top{left:35px;}
.poptip-arrow-bottom{bottom:1px;}
.poptip-arrow-bottom em{top: -8px;}
.poptip-arrow-bottom i{top: -9px;}
.poptip-arrow-top{top:7px;}
.poptip-arrow-top em{top: -1px;}
.poptip-arrow-top i{top: 1px;}
.poptip-arrow-left{left:-10px;}
.poptip-arrow-left em{left:1px;}
.poptip-arrow-left i{left:2px; color:#fff;}
.poptip-arrow-right{right:-10px; }
.poptip-arrow-right em{left:-5px;}
.poptip-arrow-right i{left:-7px;}


.fr{float:right;}
.fl{float:left;}

.bottomlogin{position:absolute; bottom:0px;width:100%;z-index:5;}
.loginheader{position:absolute; top:0px;width:100%;z-index:6;}

.img-rand {border-radius:50%;}



.vip_icon {
    display: inline-block;
    background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAAsCAYAAACKa2afAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NERGRUVGOUY4ODUxMUU0QTI1NkEwNjhCNjExRUM1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NERGRUVGQUY4ODUxMUU0QTI1NkEwNjhCNjExRUM1RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0REZFRUY3Rjg4NTExRTRBMjU2QTA2OEI2MTFFQzVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0REZFRUY4Rjg4NTExRTRBMjU2QTA2OEI2MTFFQzVEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9vrWHQAADnVJREFUeNrsnXts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") 0 0 no-repeat;
    vertical-align: middle;
}

    .vip_icon.vip_icon_s0, .vip_icon.vip_icon_s1, .vip_icon.vip_icon_s2, .vip_icon.vip_icon_s3, .vip_icon.vip_icon_s4, .vip_icon.vip_icon_s5, .vip_icon.vip_icon_s6, .vip_icon.vip_icon_s7, .vip_icon.vip_icon_s8 {
        width: 19px;
        height: 10px;
    }

    .vip_icon.vip_icon_b0, .vip_icon.vip_icon_b1, .vip_icon.vip_icon_b2, .vip_icon.vip_icon_b3, .vip_icon.vip_icon_b4, .vip_icon.vip_icon_b5, .vip_icon.vip_icon_b6, .vip_icon.vip_icon_b7, .vip_icon.vip_icon_b8 {
        width: 24px;
        height: 16px;
    }

    .vip_icon.vip_icon_b, .vip_icon.vip_icon_bv {
        width: 19px;
        height: 16px;
    }

    .vip_icon.vip_icon_b {
        background-position: 0 0;
    }

    .vip_icon.vip_icon_bv {
        background-position: -19px 0;
    }

    .vip_icon.vip_icon_b0 {
        background-position: -38px 0;
    }

    .vip_icon.vip_icon_b1 {
        background-position: -62px 0;
    }

    .vip_icon.vip_icon_b2 {
        background-position: -86px 0;
    }

    .vip_icon.vip_icon_b3 {
        background-position: -110px 0;
    }

    .vip_icon.vip_icon_b4 {
        background-position: -134px 0;
    }

    .vip_icon.vip_icon_b5 {
        background-position: -158px 0;
    }

    .vip_icon.vip_icon_b6 {
        background-position: -182px 0;
    }

    .vip_icon.vip_icon_b7 {
        background-position: -206px 0;
    }

    .vip_icon.vip_icon_b8 {
        background-position: -230px 0;
    }

    .vip_icon.vip_icon_m0, .vip_icon.vip_icon_m1, .vip_icon.vip_icon_m2, .vip_icon.vip_icon_m3, .vip_icon.vip_icon_m4, .vip_icon.vip_icon_m5, .vip_icon.vip_icon_m6, .vip_icon.vip_icon_m7, .vip_icon.vip_icon_m8 {
        width: 21px;
        height: 12px;
    }

    .vip_icon.vip_icon_m, .vip_icon.vip_icon_mv {
        width: 15px;
        height: 12px;
    }

    .vip_icon.vip_icon_m {
        background-position: 0 -19px;
    }

    .vip_icon.vip_icon_mv {
        background-position: -15px -19px;
    }

    .vip_icon.vip_icon_m0 {
        background-position: -30px -19px;
    }

    .vip_icon.vip_icon_m1 {
        background-position: -51px -19px;
    }

    .vip_icon.vip_icon_m2 {
        background-position: -72px -19px;
    }

    .vip_icon.vip_icon_m3 {
        background-position: -93px -19px;
    }

    .vip_icon.vip_icon_m4 {
        background-position: -114px -19px;
    }

    .vip_icon.vip_icon_m5 {
        background-position: -135px -19px;
    }

    .vip_icon.vip_icon_m6 {
        background-position: -156px -19px;
    }

    .vip_icon.vip_icon_m7 {
        background-position: -177px -19px;
    }

    .vip_icon.vip_icon_m8 {
        background-position: -198px -19px;
    }

    .vip_icon.vip_icon_s0, .vip_icon.vip_icon_s1, .vip_icon.vip_icon_s2, .vip_icon.vip_icon_s3, .vip_icon.vip_icon_s4, .vip_icon.vip_icon_s5, .vip_icon.vip_icon_s6, .vip_icon.vip_icon_s7, .vip_icon.vip_icon_s8 {
        width: 19px;
        height: 10px;
    }

    .vip_icon.vip_icon_s, .vip_icon.vip_icon_sv {
        width: 12px;
        height: 10px;
    }

    .vip_icon.vip_icon_s {
        background-position: 0 -33px;
    }

    .vip_icon.vip_icon_sv {
        background-position: -12px -33px;
    }

    .vip_icon.vip_icon_s0 {
        background-position: -24px -33px;
    }

    .vip_icon.vip_icon_s1 {
        background-position: -43px -33px;
    }

    .vip_icon.vip_icon_s2 {
        background-position: -62px -33px;
    }

    .vip_icon.vip_icon_s3 {
        background-position: -81px -33px;
    }

    .vip_icon.vip_icon_s4 {
        background-position: -100px -33px;
    }

    .vip_icon.vip_icon_s5 {
        background-position: -119px -33px;
    }

    .vip_icon.vip_icon_s6 {
        background-position: -138px -33px;
    }

    .vip_icon.vip_icon_s7 {
        background-position: -157px -33px;
    }

    .vip_icon.vip_icon_s8 {
        background-position: -176px -33px;
    }
     
    .pt-5{padding-top:5px;}
    .pb-5{padding-bottom:5px;}
    .pl-5{padding-left:5px;}
    .pr-5{padding-right:5px;}
    
    .pt-10{padding-top:10px;}
    .pb-10{padding-bottom:10px;}
    .pl-10{padding-left:10px;}
    .pr-10{padding-right:10px;}

    
    .pt-15{padding-top:15px;}
    .pb-15{padding-bottom:15px;}
    .pl-15{padding-left:15px;}
    .pr-15{padding-right:15px;}
    
    .pt-20{padding-top:20px;}
    .pb-20{padding-bottom:20px;}
    .pl-20{padding-left:20px;}
    .pr-20{padding-right:20px;}


    input[type=checkbox],input[type=radio]{-webkit-appearance: none;appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative; border:1px solid #e3e3e3;cursor: pointer;background: #fff;}
input[type=checkbox]{width: 16px;height: 16px;}
input[type=radio]{width: 14px;height: 14px;cursor: pointer; border-radius:20px;}
input[type=checkbox]:active,input[type=radio]:active,input[type=checkbox]:checked,input[type=radio]:checked,input[type=checkbox]:checked::after,input[type=radio]:checked::after{border-color: #e3e3e3;background:url(http://static.szhome.com/bbs_v2/img/base-spri.png?v=11) #fff no-repeat;}
input[type=checkbox]:active,input[type=checkbox]:checked,input[type=checkbox]:checked::after{ background-position:-128px -199px;}
input[type=radio]:active,input[type=radio]:checked,input[type=radio]:checked::after {background-position:-20px -121px;}
input[type=checkbox]:hover,input[type=radio]:hover{border-color: #f99203;}
input[type=checkbox]:checked::after,input[type=radio]:checked::after{display: block;position: absolute;top:0;right: 0px;left:0;color:#e44544}
input[type=checkbox]:focus,input[type=radio]:focus {outline: none;border-color:#e3e3e3;}
:-moz-placeholder {color: #959595;}
::-moz-placeholder {color:#959595;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#959595;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #959595;}


 
.qqhList .mesN{ top:8px;}

 
.myList{ padding: 16px 20px 15px 100px; border-bottom:1px solid #e5e5e5;line-height:24px; position:relative; color:#7d7d7d; min-height:60px; }
.myList .checkbox {width: 16px;height: 16px;position: absolute;left: 28px;top: 35px;}
.myList .userlogo,.qqhingList .userlogo{width: 60px;height: 60px;border-radius: 60px; }
.myList .userlogo{position:absolute;left:20px; top:21px;}
.myList  dl dd{ float:left;}
.myList .userinfo .name{font-weight:bold; font-size:16px;}
.myList .userinfo .name span{ display:inline-block;width: 16px;height: 16px; margin-left:5px; vertical-align:middle;}
.myList .fansconut{ height:14px; line-height:14px; overflow:hidden; margin:6px 0;}
.myList .fansconut li{ float:left;border-right:1px solid #e3e3e3; margin-right:10px;}
.myList .fansconut li:last-child{border-right:0}
.myList .fansconut li a{ margin:0 8px; font-size:14px; font-weight:bold; color:#7d7d7d;}
.myList .tz{ font-size:14px;}
.myList .tz a{ color:#ff7500; padding:0 5px;}
.myList .tz a:hover{color:#ff6f3d;}
.myList .use{ width:74px; margin-top:5px;}
.myList .use .butbase{ width:63px; margin-bottom:10px;}
.myList .use .hga{width:12px; height:12px; }
.myList .use .add-icon{top:4px;}
 
.myquote .userinfo {
    width: 825px;
    padding-right: 0;
    position:relative;
}
.posi{ position:absolute;right:18px; top:2px;}
.qqhTile{ padding:20px 30px; height:26px; line-height:26px;border-bottom:1px dashed #f2f2f2;}
.qqhTile a{ margin-right:10px;}
.qqhList{ }
.qqhList .fansconut li{ margin-right:0}
.qqhList .fansconut li a{ font-size:12px; font-weight:normal; margin:0 15px;}
.qqhList .fansconut li a:hover{ color:#f40;}
.qqTxt{ color:#483a32; font-size:14px; word-wrap:break-word; white-space:normal; word-break:break-all; }
.qqTxt a{ color:#8a5c44}

.fix{*zoom:1;}.fix:before,.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}


/*箭头向上*/
.arrow-up {
    width:0; 
    height:0; 
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #fff;
}
    
 /*箭头向下*/
.arrow-down {
    width:0; 
    height:0; 
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #0066cc;
}
    
 /*箭头向左*/
.arrow-left {
    width:0; 
    height:0; 
    border-top:5px solid transparent;
    border-bottom:5px solid transparent; 
    border-right:5px solid yellow; 
}
   
/*箭头向右*/
.arrow-right {
    width:0; 
    height:0; 
    border-top:5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid green;
}

.tzt{padding:10px 10px ; width:calc(100% - 20px); font-size:14px; background:#f5f5f5; border-radius:6px; margin:7px 0; clear:both; line-height:20px;}

.myreply{width:100%; list-style:none; color:#7d7d7d; border-top: 1px solid #e5e5e5;font-size:14px;}
.myreply li{line-height:25px;border-bottom:1px solid #e5e5e5;padding:5px 2%; width:96%;}
.myreply li span{color:#ff7500}.myreply li a{color:#ff7500}
.myreply li .time{color:#888;}
.myreply li .tzt{padding:10px 10px ; width:calc(100% - 20px); font-size:14px; background:#f5f5f5; border-radius:6px; margin:7px 0; clear:both; line-height:20px;color:#666;}

/* A Underline */
.underline a{position: relative;}
.underline a span {display: block;position: absolute;width: 100%;height: 2px;bottom: -3px;left: 0; text-align:center;}
.underline a span u {display:block;background:#fff;width: 0;height: 2px;transition: .3s;margin:0 auto;}
.underline a:hover span u {width:100%;}


.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

.owl-theme .owl-controls{text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
                                                                                                                                                                                                                                                                            
.headline{height:50px;line-height:50px;background:#f9f9f9;border-bottom:1px solid #eaeaea;padding:0 10px;overflow:hidden;clear:both;font-size:14px}
.headline i{font-size:15px;margin-right:5px;color:#f1c40f}
.headline h2{display:inline-block;color:#555;font-weight:bold}
.headline.large{height:50px;line-height:50px}


.hidescale{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);filter:alpha(opacity=0);opacity:0}
.showscale{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.hideleft{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0}
.showleft{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.hidescaleup{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0}
.showscaleup{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.hideflip{-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:rotatey(-90deg) scale(1.1);-moz-transform:rotatey(-90deg) scale(1.1);-o-transform:rotatey(-90deg) scale(1.1);-ms-transform:rotatey(-90deg) scale(1.1);transform:rotatey(-90deg) scale(1.1);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.showflip{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s;-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);-o-transform:rotatey(0deg) scale(1);-ms-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}


/*顶部面包屑地址*/
#location{width:100%;min-width: 1180px;overflow:hidden;font-size:14px;background-repeat:repeat;background-position:center top;/*background-attachment: fixed;*/}
#location.template{background-img:url(../img/sbanner/template.jpg);}
#location.plugin{background-img:url(../img/sbanner/plugin.jpg);}
#location.article{background:url(../img/news.jpg);}
#location.content{background-img:url(../img/sbanner/bg-2.png);}
#location.members{background:url(../img/members.jpg);} 
#location.feedback{background-img:url(../img/sbanner/members.jpg);}
#location.ewm{background-img:url(../img/sbanner/members.jpg);}
#location.link{background-img:url(../img/sbanner/members.jpg);}
#location .left{width:100%;height:140px;}
#location .left label{display:inline-block;line-height:50px;padding:0 30px 0 50px;height:50px;margin:45px 0;background:rgba(0, 0, 0, .35) url(../img/location.png) no-repeat 20px center;overflow:hidden;border-radius:1px;position:relative;}
#location .section{color:#fff;}
#location .section i{font-size:12px;margin:0 8px;}
#location .section a{color:#fff;}




/*3.1.8 外边距
	Name:			style_margin
	Example:		class="mt-5/mt-10/..."
	Explain:		.mt表示上边距/.mb表示下边距/.ml表示左边距/.mr表示右边距
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}
/*3.1.9 内填充
	Name:			style_padding
	Example:		class="pt-5/pt-10/……"
	Explain:		.pt表示上填充/.pb表示下填充/.pl表示左填充/.pr表示右填充
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}.pd-20-30{padding:20px 30px}



 .file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
 

@-webkit-keyframes DDInY{
0%{-webkit-transform:translateY(40px);opacity:0}
40%{-webkit-transform:translateY(-10px)}
70%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:translateY(40px);opacity:0}
40%{-moz-transform:translateY(-10px)}
70%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0px);opacity:1}
}
@-ms-keyframes flipInX{
0%{-ms-transform:translateY(40px);opacity:0}
40%{-ms-transform:translateY(-10px)}
70%{-ms-transform:translateY(10px)}
100%{-ms-transform:translateY(0px);opacity:1}
}
@keyframes flipInX{
0%{-ms-transform:translateY(40px);opacity:0}
40%{-ms-transform:translateY(-10px)}
70%{-ms-transform:translateY(10px)}
100%{-ms-transform:translateY(0px);opacity:1}
}

@-webkit-keyframes popOut {
	0%	{-webkit-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-webkit-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@-moz-keyframes popOut {
	0%	{-moz-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-moz-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@-ms-keyframes popOut {
	0%	{-ms-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-ms-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@-o-keyframes popOut {
	0%	{-o-transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{-o-transform:scale(1,1) 		translateY(0px); opacity:1; }
}@keyframes popOut {
	0%	{transform:scale(0.8,0.8) 	translateY(30px); opacity:0; }
	100%{transform:scale(1,1) 		translateY(0px); opacity:1; }
}
@-webkit-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@-moz-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@-ms-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@-o-keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}@keyframes fadein {
	0%	{opacity:0; }
	100%{opacity:0.9; }
}
body{padding-top:95px;}
.baiduimg{width:0;height:0;line-height:0;font-size:0;overflow:hidden}
/* 分页组件 */
.pager { width:100%; color:#333; line-height:30px; padding:20px 0 10px 0; font-size:12px; text-align:center;}
.pager li{ display:inline; margin-left:4px;}
.pager a { border: #cccccc 1px solid; padding:0px 8px; color: #666; text-decoration: none;  font-size:12px; height:26px;line-height:26px;display:inline-block;background-color: #fff;}
.pager a:hover { border: #ccc 1px solid; color: #fff; background-color: #555; }
.pager a:active { color: #fff; border: #ccc 1px solid; background-color: #555; }
.pager .thisclass a { font-weight: bold; color: #fff; background-color: #555; }
.pager span.disabled { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid } 

.headerd{height:35px;padding:30px 0;position: fixed; top: 0;left: 0px; width: 100%;transition: all 0.4s;
-webkit-transition: all 0.4s;background:#fff;    z-index: 111111;border-bottom:1px solid #eee;}
.headerd-inner{width:1180px;margin:0 auto;}
.headerd .logo{float:left;display:block;height:80px;    margin-top: -20px;}
.headerd .logo img{height:80px}
.headerd .nav{float:right}
.headerd .nav li{float:left;margin-left:100px;height:35px;line-height:35px;}
.headerd .nav li a{font-size:20px;color:#969696;font-weight:bold;}
.headerd .nav li a:hover{text-decoration:none;color:#333}
.headerd-fixed { position: fixed; top: 0; width: 100%; height: 35px; padding:12px 0; z-index: 100; left: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; border-bottom: 1px solid #E8E8E8; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,.1) 0 1px 5px; box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; }
.headerd-fixed .logo{padding-top:2px;margin-top: -10px;}
.headerd-fixed .logo img{height:50px!important}

 
.flink{width:1180px;margin:-20px auto 0 auto;height:70px;}
.flink li{float:left;margin-right:10px;}

.h-banner{width: 100%; min-width: 1180px; max-width:1180px;margin: 0 auto; position: relative;overflow: hidden;}
.h-banner .bd  {margin: 0 auto; position: relative; z-index:0; overflow: hidden; }
.h-banner .bd ul {width: 100% !important;}
.h-banner .bd li {width: 100% !important; height: 585px;  text-align: center;background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}
.h-banner .bd li  .link{display:block;width:1180px;margin:0 auto;height:100%;position:relative;}
.h-banner .bd li  .link a{display:block;height:40px;width:140px;line-height:38px;text-align:center;font-size:14px;background:#c90916;position:absolute;bottom:0;right:180px;*right:178px;color:#e8e8e8;}
.h-banner .bd li  .link i{font-family:"simsun";font-size:20px;font-style:normal;line-height:20px;height:20px;position:absolute;top:11px;left:24px;display:block;}
.h-banner .hd { text-align:center;z-index:1; height:40px;line-height:40px;width:180px;margin-left:-90px; position:absolute; left:50%;bottom:0px;background:rgba(51, 51, 51, 0.43);}
.h-banner .hd li { cursor: pointer; display: inline-block; zoom:1; width: 10px; height: 10px; margin: 15px 5px;  overflow: hidden;*display:inline;*margin:15px 5px;line-height: 9999px;background:#d1d1d1;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.h-banner .hd li.on{ background:#c90916; }
.h-banner  .btn{position:absolute;top:50%;width:60px;height:80px;margin-top:-40px;display:block;z-index:1;font-family:"simsun";color:#fff;font-size:90px;line-height:80px;text-align:center}
.h-banner  .prev{left:2%;}
.h-banner  .next{right:2%}


.h-body{width:1180px;margin:0 auto;padding-bottom:40px;}
.h-about{padding:50px 0 40px 339px;position:relative;}
.h-about h2{font-size:26px;font-family:Arial}
.h-about b{margin:0 5px 0 2px}

.case{width:1180px;margin:0 auto;padding:30px 0;}

.filter .hd li{float:left;}
.filter .hd li a{display:block;width:160px;height:40px;line-height:40px;text-align:center;}
.filter .hd li a:hover{text-decoration:none}
.filter .hd li.on a{background-color:#c90916; color:#fff;}
.filter .bd li{width:100%;height:40px;line-height:40px;background:#c90916;text-align:left;display:none;}
.filter .bd li a{color:#fff;display:inline-block;margin-left:30px;font-size:14px;}
.filter .bd li a:hover{color:#fff;font-weight:bold}
.filter .bd li a.current{color:#fff;font-weight:bold}
.filter .bd li.nobg{background:#fff}
.filter .icon-sanjiao a{background-img:url(../img/icon-sanjiao.png);background-position: 110px center;background-repeat: no-repeat;}

.case-list{width:1180px;overflow:hidden;min-height:300px; margin-bottom:20px;background:#fff; }
.case-list ul{width:calc(100% - 30px);padding:0px 15px;}
.case-list li {float:left;width:370px;height:256px;margin-right:20px;display:block;}
.case-list li:nth-child(3n){margin-right:0px;}
.case-list li a{position:relative;display:block;width:370px;height:238px;color:#e8e8e8;}
.case-list li a .bg{background:#c90916;position:absolute;top:0;left:0;display:none;width:370px;height:238px;}
.case-list li img{width:370px;height:238px;background:url(../img/loading.gif) center center no-repeat;display:block;-webkit-animation:DDInY .8s .3s ease both;
-ms-animation:flipInX .8s .3s ease both;
-moz-animation:flipInX .8s .3s ease both;
animation:flipInX .8s .3s ease both}
.case-list li a .info{position:absolute;top:0;left:0;display:none;width:370px;height:238px;cursor:pointer;}
.case-list li .title{display:block;height:170px;padding:20px 0 0 20px;line-height:24px;font-size:16px;}
.case-list li .des{display:block;padding:0 0 0 20px;font-size:14px;}
 
 

.case-item .info{width:718px}
.case-item .info .left{font-size:14px;line-height:22px;color:#969696;width:350px;}
.case-item .info .right{font-size:14px;line-height:22px;color:#969696;width:350px}
.case-item .info b{font-size:14px;line-height:26px;}
.case-item .case-body{width:718px;padding:30px 0;}
.case-item .case-body b{font-size:14px;line-height:26px;}
.case-item .case-img img{display:block;margin-bottom:5px;background:url(../img/loading.gif) center center no-repeat;max-width:1180px}
.case-item .case-img p{padding-bottom:20px;text-align:left;font-size:12px;width:900px;}

.news{background:url(../img/bg-news.gif) 0 0 repeat-x #edeeef;padding-bottom:30px;}
.news-top{width:1180px;margin:0 auto;height:218px;padding-top:10px;}
.news-typename{ text-align:center; padding-top:50px;}
.news-typename em{font-size:60px;line-height:60px;height:60px;padding-top:60px;color:#8b0000;}
.news-typename span{font-size:58px;line-height:60px;height:60px;color:#8b0000; padding-left:10px;}
.news-typeinfo{font-size:14px;padding-top:60px;color:#e8e8e8}

.list-tuwen{width:1180px;margin:0 auto;}
.list-tuwen li{background:#fff;margin-bottom:18px;padding:20px}
.list-tuwen li a.title{float:left;display:inline-block;width:245px;font-size:24px;line-height:34px;color:#333;}
.list-tuwen li a:hover{color:#999}
.list-tuwen li  .info{float:right;width:680px;font-size:14px;color:#666}
.list-tuwen li  .info em{display:block;height:175px}
.list-tuwen li  .info span a{font-size:14px;color:#666;}
.list-tuwen li .litpic{float:right;margin-left:25px;display:block;width:310px;height:210px;}
.list-tuwen li .litpic img{display:block;width:310px;height:210px;background:url(../img/loading.gif) center center no-repeat;border:1px solid #eee}

.article{width:960px;padding:20px;margin:0 auto;background:#fff;}
.article h1{display:block;font-size:24px;color:#333}
.article-body{min-height:300px;width:680px;color:#666;padding-top:20px;overflow:hidden}
.article-body p{margin-bottom:12px}
.article-share{padding:20px 0}


.index-page{width:1180px;margin:0 auto;padding-top:20px}
.index-page em{font-family:"Arial"}
.index-service .service-top img{-webkit-animation: popOut 600ms ease 200ms both;
-moz-animation: popOut 600ms ease 200ms both;
-ms-animation: popOut 600ms ease 200ms both;
-o-animation: popOut 600ms ease 200ms both;
animation: popOut 600ms ease 200ms both;}
.index-banner{margin:0 auto;width:100%;min-width:1180px;max-width:1180px;padding:20px 0 50px 0;}
.index-banner img{width:100%;height:auto;}
#page-3{display:none!important}

.case-tool{width:63px;position:fixed;top:50%;margin-top:-100px;left:50%;margin-left:503px;z-index:999}
.case-tool a{width:63px;height:60px;display:block;border-bottom:2px solid #fff;background:#c4c4c4;color:#fff;font-family:"simsun";text-align:center;font-size:44px;line-height:60px;font-weight:bold}
.case-tool a:hover{background:#c90916}
.case-tool a.backlist{background:url(../img/icon-list.png) center 17px no-repeat #c4c4c4;}
.case-tool a.backlist:hover{background:url(../img/icon-list.png) center 17px no-repeat #c90916;}
.case-tool a.backtop{font-family:"Arial";font-size:18px;display:block;opacity:0;filter:alpha(opacity=0);font-weight:normal}

.index-tool{width:260px;position:absolute;left:0;bottom:43px;}
.index-tool a{width:40px;height:30px;display:block;margin-right:2px;float:left;background:#c4c4c4;color:#fff;font-family:"simsun";text-align:center;font-size:24px;line-height:30px;font-weight:bold}
.index-tool a:hover{background:##c90916}
.index-tool a.backlist{background:url(../img/icon-list2.png) center 7px no-repeat #c4c4c4;}
.index-tool a.backlist:hover{background:url(../img/icon-list2.png) center 7px no-repeat #c90916;}
.index-tool a.backtop{font-family:"Arial";font-size:18px;display:block;font-weight:normal}

.index-news{width:1180px;overflow:hidden;padding-top:20px}
.index-news-inner{width:1050px;color:#898989;}
.index-news dl{float:left;width:321px;margin-right:19px;height:140px}
.index-news dl dt{border-bottom:1px solid #ccc;height:30px;line-height:30px;margin-bottom:12px}
.index-news dl dt a{font-weight:bold;font-size:14px;}
.index-news dl dd{height:24px;line-height:24px;}
.index-news dd a:hover{text-decoration:underline}

/*ie6*/
html body{_background-img:url(../img/about:blank);_background-attachment:fixed;_padding-top:0px;}
.footer{_padding:30px 0 0 0}
.headerd-fixed {_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}
.case-tool {_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+250));}
.h-body,.footer-wrap,.flink,.footer{_position:relative;}


.index_list { overflow:hidden;width:1000px; height:264px;  margin:30px auto;}
   .index_list li{ height:264px; width:192px; float:left; margin:0 4px;
   transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
   .index_list li .img{ height:264px; width:192px; display:block; margin:0 auto; }
.index_list li .img_a{ background:url(../img/index01.jpg) no-repeat;}
.index_list li .img_b{ background:url(../img/index02.jpg) no-repeat;}
.index_list li .img_c{ background:url(../img/index03.jpg) no-repeat;}
.index_list li .img_d{ background:url(../img/index04.jpg) no-repeat;}
.index_list li .img_e{ background:url(../img/index05.jpg) no-repeat;}
.index_list li:hover .img_a{ background:url(../img/index001.jpg) no-repeat;}
.index_list li:hover .img_b{ background:url(../img/index002.jpg) no-repeat;}
.index_list li:hover .img_c{ background:url(../img/index003.jpg) no-repeat;}
.index_list li:hover .img_d{ background:url(../img/index004.jpg) no-repeat;}
.index_list li:hover .img_e{ background:url(../img/index005.jpg) no-repeat;}


   .index_list li h1{ color:#898989; font-size:18px;text-align:center;padding-top:10px; font-weight:bold;}
   .index_list li p{ color:#898989; line-height:20px; text-align:center;margin-top:10px; font-size:10px; }
   .index_list li .more{ width:70px; height:30px; border-radius:5px; color:#fff; text-align:center; line-height:30px; display:block; background:#b22d3a;margin:0 auto; margin-top:55px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;  } 
 .index_list li .more:hover{ background:#666; }

 .gongshang{float:right;position:relative;top:-52px;}