/*
 ----------------------------------
	FileName: app.css
	Description: 通用样式表
	Author: Shicun Huang
	Last Updated: 2016.01.15
	Last Updated by: Shicun Huang
	Website: www.thejie.com
----------------------------------
*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-weight: normal; font-style: normal; }
fieldset,iframe,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol,ul,li { list-style:none;list-style-image:none; }
q:before,q:after { content:''; }

body { font-size:14px; color:#333333; font-family:"Microsoft YaHei",Arial Narrow; }
img { display: block; }

/*引入图标库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1452761710_2118447.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1452761710_2118447.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1452761710_2118447.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1452761710_2118447.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1452761710_2118447.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family: "iconfont"; font-style: normal; -webkit-font-smoothing: antialiased; display: block; }

/* 链接 */
a { text-decoration:none; color: #808080; }
a:hover { color: #ff9933; }

/* 清除浮动 */
.clearfix:after { display:block; clear:both; content:'.'; height:0px; visibility:hidden; font-size:0; }
/*ie8 、ff 、gg 、opera 、safari*/
.clearfix {*zoom:1;} 

/*隐藏*/
.hidden { height: 0; width: 0; line-height: 0; overflow: hidden; display: none; }

/* 通用间隔 */
.bk5,.bk10,.bk15,.bk20,.bk25,.bk30,.bk40,.bk50 {clear:both; line-height:0; font-size:0;}
.bk5 { height: 5px; }
.bk10 { height: 10px; }
.bk15 { height: 15px; }
.bk20 { height: 20px; }
.bk25 { height: 25px; }
.bk30 { height: 30px; }
.bk40 { height: 40px; }
.bk50 { height: 50px; }

/* -----浮动---- */
.fl { float: left; }
.fr { float: right; }

/* 页面外围控制整体布局宽度 */
.wrapper { width:1000px; margin:0 auto; }
#main,#header,#footer { min-width: 1000px; }
body { margin-top: 43px; _margin-top: 0; }

/*底部样式*/
#footer { background: #262626; border-top: 10px solid #1a1a1a; }
#footer .copyright { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; background: #1a1a1a; }
#footer .copyright a { color: #ffffff; }
#footer .copyright a:hover { color: #FF9933; }
#footer .wrapper { height: 95px; padding: 25px 0; }
#footer .maps { width: 270px; height: 95px; float: left; border-right: 1px solid #2f2f2f; }
#footer .aboutus { width: 280px; height: 95px; float: left; border-left: 1px solid #1d1d1d; padding-left: 30px; }
#footer .other { width: 335px; float: right; }
#footer .ftlist h3 { font-size: 13px; color: #808080; line-height: 1.2em; padding-bottom: 5px; }
#footer .ftlist h3 span { font-size: 11px; margin-left: 8px; }
#footer .ftlist li { font-size: 13px; line-height: 1.2em; color: #808080; float: left; display: block; width: 65px; padding-top: 16px; }
#footer .ftlist li a { font-size: 13px; color: #808080; }
#footer .ftlist li a:hover { color: #ff9933; }
#footer .ftlist li a:before { content: " "; display: block; width: 13px; height: 13px; margin-right: 5px; background: url(../images/footer/icos.png) no-repeat; float: left; }
#footer .ftlist.aboutus li { width: 85px; }
#footer .ftlist.aboutus li a:before { width: 14px; height: 14px; }
#footer .ftlist li a.a1:before { background-position: 0 2px; }
#footer .ftlist li a.a2:before { background-position: -64px 1px; }
#footer .ftlist li a.a3:before { background-position: -131px 2px; }
#footer .ftlist li a.a4:before { background-position: -194px 1px; }
#footer .ftlist li a.a5:before { background-position: 0 -30px; }
#footer .ftlist li a.a6:before { background-position: -63px -30px; }
#footer .ftlist li a.a7:before { background-position: -131px -29px; }
#footer .ftlist li a.a8:before { background-position: -194px -30px; }
#footer .ftlist li a.a0:before { background-position: -256px 0; }

#footer .other .weixin { display: block; width: 78px; height: 78px; text-indent: -1000px; overflow: hidden; float: right; margin-left: 32px; }
#footer .other .weixin { background: url(../images/footer/weixin.jpg) no-repeat; background-repeat: no-repeat; }


/*2015-02-16 返回顶部和反馈*/
#utility_tools { color: #fff; width: 45px; font-size: 14px; text-align: center; z-index: 100; position: fixed; bottom: 40px; right: 0; }
#utility_tools .ubtn { width: 45px; border-radius: 2px; background: #cccccc; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.05) inset; display: block; color: #fff; }
#utility_tools .ubtn:hover { background: #ff9933; }
#utility_tools .ubtn:active { background: #ff630c; }
#utility_tools #gotop { height: 44px; display: none; }
#utility_tools #gotop span { display: block; width: 25px; height: 44px; margin: 0 auto; background: url(../images/top_ico.png) no-repeat center center; }
#utility_tools #feedback { height: 35px; margin-top: 8px; line-height: 35px; }

/*头部header*/
#header { height: 42px; background: #ff7e33; border-bottom: 1px #dec1a9 solid; position: fixed; _position: absolute; top: 0; left: 0; right: 0; z-index: 99; }

/*头部左侧导航*/
#header .header_nav { float: left; }
#header .header_nav li { float: left; width: 90px; height: 42px; font-size: 15px; color: #fff; text-align: center; line-height: 42px; position: relative; margin: 0 5px; }
#header .header_nav li.home { margin: 0; width: 125px; }
#header .header_nav li.cur { background: #ff9933; }
#header .header_nav li a { color: #fff; display: block; }
#header .header_nav li a:hover { background: #ff9933; }
#header .header_nav li.home a { cursor: pointer; }

/*子菜单下拉列表*/
#header .sublist { width: 95px; background: #ff9933; position: absolute; top: 42px; left: 0; border-right: 1px solid #dec1a9; border-bottom: 1px solid #dec1a9; display: none; z-index: 1000; }
#header .sublist a { display: block; height: 40px; line-height: 40px; color: #fff; text-indent: 27px; text-align: left; }
#header .sublist a:hover { background: #ff630c; }

/*头部右侧按钮*/
#header .header_button { float: right; }
#header .header_button li { width: 94px; height: 42px; float: left; }
#header .header_button li.user { width: 140px; color: #fff; }
#header .header_button li a { cursor: pointer; display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; padding-top: 2px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
#header .header_button li a:hover { background-color: #ff9933; }
#header .header_button li.user a { float:left; width: 70px; }
#header .header_button li.user a.login,
#header .header_button li.user a.register { width: 70px; }
#header .header_button li.user a.nickname { width: 95px; }
#header .header_button li.user a.logout { width: 45px; }

/*头部右侧按钮2*/
#header .header_button li a.shop,#header .header_button li a.weibi { width: 94px; text-align: center; background-image: none; }
#header .header_button li a.shop { background-color: #c41d29; }
#header .header_button li a.weibi { background-color: #282828; }
#header .header_button li a.shop:before,.header_button li a.weibi:before { content: " "; width: 22px; height: 22px; display: inline-block; top: 6px; right: 5px; position: relative; }
#header #top_userinfo_more a.pub.hot { background: #FF2C07; }
#header .header_button li a:hover { background-color: #ff9933; }

#header .header_button li.mycenter { width: 100px; position: relative; z-index: 9999; }
#header .header_button li.mycenter > a { background-image: url(../images/sjx.png); background-repeat: no-repeat; background-position: 83px 18px; }

#header #top_userinfo_more { background: #ff9933; width: 80px; height: 40px; position: absolute; top: 42px; right: -1px; z-index: 999; padding: 0 10px; display: none; border-right: 1px solid #dec1a9; border-bottom: 1px solid #dec1a9; }
#header #top_userinfo_more a { background: none; border: none; height: 26px; line-height: 26px; border-bottom: 1px dashed #EA8C2E; font-size: 12px; text-align: center; background: url(../images/itoparrow.png) no-repeat right center; }
#header #top_userinfo_more a:hover { text-decoration: underline; }
#header #top_userinfo_more a.pub { background: #eee; color: #666; margin: 5px 0; border: none; text-align: center; }
#header #top_userinfo_more a.pub.hot { background: #FF630C; color: #fff; line-height: 24px; }
#header #top_userinfo_more a.pub:hover { background: #ddd; text-decoration: none; }
#header #top_userinfo_more a.pub.hot:hover { background: #FF0000; }

/* 头顶 */
.maintop { height: 60px; padding: 35px 0; }
.mainlogo { width: 400px; float: left; background: url(../images/logo.png) no-repeat; height: 60px; }
.searchbox { width: 460px; float: right; margin-left: 15px; margin-top: 12px; }
.searchbox * { outline: none; }
.searchbox .text { width: 373px; height: 38px; border: 1px solid #ccc; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset; _border: 1px solid #ccc; border-top-left-radius: 3px; border-bottom-left-radius: 3px; float: left; padding: 0 15px; box-sizing: border-box; }
.searchbox .sbutton { background: #ff9933 url(../images/searchico.png) no-repeat 15px center; text-indent: 20px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; display: block; border: none; width: 87px; height: 38px; font-size: 14px; color: #fff; text-align: center; float: left; cursor: pointer; }
/*.weather { width: 180px; float: right; margin-top: 12px; color: #808080; }
.weather .pic { width: 51px; height: 39px; border-radius: 3px; text-align: center; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1),1px 1px 0 rgba(0, 0, 0, 0.05) inset; float: left; margin-right: 10px; }
.weather .pic img { display: inline-block; }
.weather .info { float: left; width: 119px; }
.weather h3 { font-size: 13px; line-height: 22px; font-weight: bold; }
.weather p { font-size: 12px; }*/

/*2015-03-17*/
#shareto { position: relative; cursor: pointer; }
#sharebox { width: 170px; height: 120px; position: absolute; left: -40px; top: 57px; display: none; z-index: 1; }
#sharebox .sbox { position: relative; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); border-radius: 2px; }
#sharebox .sbox { padding: 15px 0 15px 15px; }
#sharebox .sbox a { margin-right: 18px; }
#sharebox .sbox .sign { width: 100%; height: 8px; background: url(../images/sharebox_sign.png) center top no-repeat; position: absolute; top: -8px; left: 4px; }