@charset "utf-8";
/* CSS Document */
@import url("layout.css?dad=822");
@import url("base.css");
/*通用样式
------------------------------------------------------------------------------------------*/
body { color: #33383D; text-align: center; font-family: 'Microsoft YaHei'; background: url(../images/body_bg.gif) #F1F1F1; }
a { color: #3B8DD1; text-decoration: none; }
/*GOTO TOP*/
.gotop { display: none; background: url(../images/gotop.gif) no-repeat; bottom: 218px; height: 48px; margin-right: -760px; position: fixed; right: 50%; width: 48px; z-index: 10; }
.gotop:hover { background-position: left -50px; }
/*文本框样式*/
input.wide { width: 250px; }
input.txt { width: 200px; }
input.small { width: 50px; }
.input { display: inline; margin-right: 5px; padding: 5px; height: 18px; line-height: 18px; vertical-align: middle; background: #fff; color: #999px; border: 1px solid #CACACA; border-radius: 4px 4px 4px 4px; font-family: 'Microsoft YaHei'; }
/*按钮样式*/
.btn { border-radius: 2px 2px 2px 2px; color: #FFF; display: inline-block; font-size: 12px; height: 30px; line-height: 30px; min-width: 48px; padding: 0 25px; text-align: center; font-family: "Microsoft Yahei"; }
.btn { background-color: #1E7BB3; background-image: -moz-linear-gradient(center top, #3999D2, #1E7BB3); border-bottom: 1px solid #02598E; box-shadow: 0 1px 2px #BBBBBB; text-shadow: 0 -1px 0 #1E7BB3; }
.btn:hover { color: #FFF; opacity: 0.9; }
.btn-mini { height: 20px; line-height: 20px; padding: 1px 8px 0; }
input.btn, button.btn { border-left: 0 none; border-right: 0 none; border-top: 0 none; cursor: pointer; }
.btn-success { background-color: #52A152; background-image: -moz-linear-gradient(center top, #5FBE5F, #52A152); border-bottom: 1px solid #417F41; text-shadow: 0 -1px 0 #52A152; }
.btn-error { background-color: #CB423B; background-image: -moz-linear-gradient(center top, #E85A56, #CB423B); border-bottom: 1px solid #AA352F; text-shadow: 0 -1px 0 #CB423B; }
.btn-gray { background-color: #DDDDDD; background-image: -moz-linear-gradient(center top, #EEEEEE, #DDDDDD); border-bottom: 1px solid #A9A9A9; text-shadow: 0 -1px 0 #EEEEEE; }
.btn-gray, .btn-gray:hover { color: #777777; }

/*侧边栏内容表头*/
.nav { border-radius: 0 3px 3px 0; height: 35px; border-bottom: 1px solid #DADADA; margin: 0px 10px; }
.nav .sitemappath { float: left; font-size: 14px; line-height: 35px; color: #666; }
.nav .sitemappath a { color: #666; }

.classic2 { margin: 0 auto; padding-top: 20px; font-size: 14px; }
.classic2 dl { overflow: hidden; zoom: 1; margin-bottom: 8px; }
.classic2 dt { float: left; font-weight: bold; width: 56px; text-align: right; color: #666; line-height: 26px; }
.classic2 dd { float: left; display: inline; margin-left: 10px; }
.classic2 dd a { margin-right: -1px; }
.classic2 dd a { height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; padding: 4px 12px; border: 1px solid #eee; color: #333; }
.classic2 dd a { _display: block; _display: inline; }
.classic2 dd a.curr, .classic2 dd a:hover { background: #16a0d3; border-color: #1096c7; color: #fff; }
.classic2 .down-country-filter,
.classic2 .down-product-filter { clear: both; overflow: hidden; }
.classic2 .down-country-filter dd,
.classic2 .down-product-filter dd {
  float: none;
  display: block;
  margin-left: 66px;
  overflow: hidden;
}
.classic2 .js-country-wrap,
.classic2 .js-product-wrap {
  overflow: hidden;
  line-height: 26px;
}
.classic2 .js-country-toggle,
.classic2 .js-product-toggle {
  color: #3B8DD1 !important;
  cursor: pointer;
  margin-right: 14px;
  font-weight: bold;
  border: none !important;
  background: none !important;
  padding-left: 4px;
  padding-right: 4px;
}
.classic2 .js-country-toggle:hover,
.classic2 .js-product-toggle:hover {
  background: none !important;
  border-color: transparent !important;
  color: #16a0d3 !important;
}

.classic3 { margin: 20px 20px 0px 20px; padding: 0px 20px; font-size: 14px; background-color: #fafafa; border: 1px solid #ebebeb; }
.classic3 dl { overflow: hidden; zoom: 1; padding: 10px 0; }
.classic3 dt { float: left; font-weight: bold; width: 50px; color: #666; line-height: 26px; }
.classic3 dd { float: left; display: inline; }
.classic3 dd a { margin-right: 32px }
.classic3 dd a { height: 24px; line-height: 24px; display: inline-block; vertical-align: middle;  }
.classic3 dd a { _display: block; _display: inline; color: #666 }
.classic3 dd a.curr, .classic3 dd a:hover { color: #3B8DD1; }

.head { border-radius: 0 3px 3px 0; height: 35px; background: #faebe4; }
.head dt { float: left; color: #fff; font: bold 14px "Microsoft Yahei"; border-radius: 3px 0 0 3px; width: 150px; line-height: 35px; background: #FF641A; text-align: center; }
.head dt a { color: white; }
.head dt a:hover { color: white; }
.head dd { color: #7BAB2E; }
.head dd span { float: right; margin-right: 10px; font-size: 12px; line-height: 35px; color: #666; }
.head dd span a { color: #666; }
.head .sub_nav { float: left; font-size: 14px; }
.head .sub_nav li { float: left; padding: 0 9px 0 11px; background: url(../images/spacing.gif) no-repeat left 11px; }
.head .sub_nav li.n1 { background: none; }
.head .sub_nav a { color: #7BAB2E; line-height: 35px; font-family: "Microsoft Yahei"; }
.head .sub_nav a:hover { color: #3B8DD1; }
.head.blue dt { background: #3B8DD1; }
.head.blue dd { color: #3B8DD1; }
.head.blue .sub_nav a { color: #3B8DD1; }
.head.blue .sub_nav a:hover { color: #8CAC52; }
.head.green dt { background: #8CAC52; }
.head.green dd { color: #7BAB2E; }
.head.green .sub_nav a { color: #7BAB2E; }
.head.green .sub_nav a:hover { color: #3B8DD1; }

.head .sitemappath { float: left; margin-left: 10px; font-size: 14px; line-height: 35px; color: #666; width: 100%; }
/*图标定义样式*/
.comm, .view, .time, .sidebar li a { background: url(../images/sprite.gif) no-repeat; }
.comm, .view, .time { margin-right: 10px; padding-left: 20px; }
.comm { background-position: left 4px; }
.view { background-position: left -36px; }
.time { background-position: left -158px; }
.arrow { float: right; padding-left: 10px; color: #DDD; font-size: 12px; }
/*侧栏目导航*/
.sidebar { padding: 10px 10px 10px 20px; }
.sidebar h3 { border-bottom: 1px solid #DADADA; color: #444; font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; }
.sidebar h3 span { color: #339900; float: right; font-weight: normal; }
.sidebar ul { margin-bottom: 16px; font-size: 12px; }
.sidebar ul li { _display: inline; }
.sidebar li a { background-position: left -68px; border-bottom: 1px solid #F2F2F2; color: #888; display: block; padding: 8px 0 8px 20px; }
.sidebar li a:hover { background-color: #FBFBFB; background-position: left -68px; border-color: #DADADA; color: #333; }
.sidebar li a i { background: #D6D6D6; border-radius: 20px 20px 20px 20px; color: #FFF; float: right; font-size: 10px; font-style: normal; height: 12px; line-height: 12px; margin-top: 1px; overflow: hidden; padding: 1px 4px; text-align: center; width: 12px; }
.sidebar li a .time { color: #999; margin-right: 10px; }
.sidebar .section p { clear: both; display: block; float: none; padding: 5px 0; line-height: 22px; color: #5E5E5E; }
.navbar { margin-bottom: 16px; }
.navbar:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.navbar li { clear: both; padding-bottom: 10px; font-size: 14px; }
.navbar li a { margin: 0; padding: 0; background: none; border: none; }
.navbar li a:hover { background: none; border: none; }
.navbar li h4 { margin: 0; padding: 5px 0 5px 20px; border: none; color: #888; font-weight: normal; height: 18px; background: url(../images/sprite.gif) no-repeat left -68px; }
.navbar li .list { margin-left: 20px; position: relative; }
.navbar li .list a { display: block; float: left; padding-left: 5%; width: 45%; background: url(../images/icon_arrow_blue.gif) no-repeat left center; line-height: 24px; }
.navbar li .list a.current { color: #3991D0; font-weight: bold; }
.navbar { margin-bottom: 16px; }

.navbar2:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.navbar2 li { clear: both; padding-bottom: 10px; font-size: 14px; }
.navbar2 li a { margin: 0; padding: 0; background: none; border: none; }
.navbar li a:hover { background: none; border: none; }
.navbar2 li h4 { margin: 0; padding: 5px 0 5px 20px; border: none; color: #888; font-weight: normal; height: 18px; background: url(../images/sprite.gif) no-repeat left -68px; }
.navbar2 li .list { position: relative; }
.navbar2 li .list a { *width:120px; display: block; float: left; padding-left: 10px; line-height: 24px; color: #aaa; }
.navbar2 li .list a.current { color: #3991D0; font-weight: bold; }
.navbar2 li .list a.tag-more-btn { color: #3991D0; }
.tag-more-panel { clear: both; margin-top: 8px; padding: 10px; border: 1px solid #e5e5e5; background: #fafafa; }
.tag-more-panel .tag-more-hd { margin-bottom: 8px; color: #666; font-size: 12px; }
.tag-more-panel .tag-more-hd a { float: right; color: #3991D0; }
.tag-more-panel .tag-more-group { margin-bottom: 10px; }
.tag-more-panel .tag-more-group h5 { margin: 0 0 4px; padding: 0; color: #888; font-size: 12px; font-weight: bold; background: none; height: auto; }
.tag-more-panel .tag-more-links a { display: inline-block; float: left; padding: 0 8px 0 0; line-height: 22px; color: #888; }
.tag-more-panel .tag-more-links a.current { color: #3991D0; font-weight: bold; }
.tags_list .tag-cloud-main { overflow: hidden; }
.tags_list .tag-cloud-main a { float: left; margin-right: 12px; white-space: nowrap; }
.tags_list .tag-more-panel { float: left; width: 100%; box-sizing: border-box; margin-top: 10px; }
/*焦点*/
.focus_list { overflow: hidden; }
.focus_list ul { margin-top: 5px; }
.focus_list li { float: left; padding: 0 5px 10px 5px; text-align: center; }
.focus_list li a { padding: 0; border: none; background: none; color: #888; }
.focus_list li a:hover { border: 0; }
.focus_list li a img { margin: 0 auto; padding: 1px; border: 1px solid #ccc; width: 118px; height: 118px; }
.focus_list li a span { display: block; line-height: 24px; width: 118px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/*排行*/
.sidebar .rank_list li { position: relative; _display: block; padding: 10px 0 0 25px; height: 20px; vertical-align: top; }
.rank_list li a { display: block; padding: 0; border: none; background: none; color: #888; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rank_list li a:hover { border: none; }
.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: #1389d7; font-style: normal; color: #fff; font-size: 10px; font-family: Verdana, Geneva, sans-serif; text-align: center; overflow: hidden; }
.rank_list li.active .num { top: 9px; background: #d60007; font-family: Georgia, "Times New Roman", Times, serif; }
.rank_list li span { float: right; color: #999; }
/*提示样式*/
.msg_tips { margin: 30px auto; position: relative; width: 500px; font-size: 14px; }
.msg_tips .ico { display: block; float: left; background: url(../images/icon_tips.png) no-repeat left top; width: 46px; height: 46px; text-indent: -99999px; overflow: hidden; }
.msg_tips .ico.error { background-position: -50px 0; }
.msg_tips .ico.warning { background-position: -100px 0; }
.msg_tips .msg { margin-left: 60px; }
.msg_tips .msg strong { margin-bottom: 10px; font-size: 14px; color: #444; }
.msg_tips .msg p { line-height: 1.8em; }
/*标题*/
.meta { border-bottom: 1px solid #EEE; padding-bottom: 10px; }
.meta .share { float: right; }
.meta-tit { font-size: 18px; margin: 0 0 10px; color: #3B8DD1 }
.meta-tit span a { color: #008800; font-size: 12px; font-weight: normal; margin-left: 10px; }
.meta-info { color: #666; font-size: 14px }
.meta-info span { margin-right: 10px; }
.ntitle { padding-bottom: 10px; }
.ntitle-tit { color: #444; font-size: 14px; margin: 0 0 10px; }
.ntitle-tit span a { color: #008800; font-size: 12px; font-weight: normal; margin-left: 10px; }
.ntitle-info { color: #999; }
/*内容*/
.entry { font-size: 16px; line-height: 36px; word-wrap: break-word; }
.entry img { max-width: 670px; display: block; margin: 0 auto; }
.entry h2, .entry h3, .entry h4 { color: #111; padding-bottom: 5px; }
.entry h2 { font-size: 16px; }
.entry h3, .entry h4 { font-size: 16px; }
.entry strong { color: #DC2523; }
.entry ul, .entry ol { margin: 16px; }
.entry li { margin-left: 26px; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { margin: 15px 0; text-indent: 2em; }
.entry a { text-decoration: underline; }
.entry .qqonline { display: inline-block; }
.entry code, .comment code { background-color: #EEE; border-radius: 2px 2px 2px 2px; color: #777; font-family: 'courier new'; margin: 0 4px; padding: 1px 4px; }
.entry table { border-left: 1px solid #EEE; border-top: 1px solid #EEE; }
.entry table th { background-color: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; padding: 5px 10px; }
/*同类推荐-----文本*/
.related { width: 840px; overflow: hidden; }
.related .txt_list { padding: 10px 0; }
.related .txt_list li { padding-left: 12px; font-size: 13px; line-height: 24px; background: url(../images/icon_arrow_blue.gif) no-repeat left center; }
.related .txt_list li span { color: #999; font-size: 12px; padding: 0 6px; }
.related .img_list { padding-left: 10px; }
.related .img_list li { float: left; margin: 10px 20px 0 0; }
.related .img_list li img { padding: 2px; width: 112px; height: 112px; border: 1px solid #eee; }
.related .img_list li span { display: block; width: 118px; font-size: 12px; color: #999; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*同类推荐----图*/
.related .list { float: left; padding-top: 10px; padding-left: 20px; width: 840px; }
.related .list li { background: url("../images/probg.jpg") no-repeat; float: left; height: 185px; margin: 0 10px 7px; width: 145px; }
.related .list li .pic { display: block; margin: 15px 0 0 6px; position: relative; width: 115px; height: 115px; }
.related .list li .pic img { width: 115px; height: 115px; }
.related .list li .info .name { color: #3B8DD1; display: block; margin: 4px auto 4px 10px; width: 112px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.related .list li .info .price { margin: 0 auto 4px 15px; color: #666; width: 110px }
.related .list li .info .price span { color: #999; }

/*顶踩*/
.newdigg { clear: both; margin: 30px auto; padding-left: 8px; width: 406px; height: 51px; overflow: hidden; }
.diggbox { float: left; margin-right: 8px; width: 195px; height: 51px; overflow: hidden; cursor: pointer; }
.diggbox .digg_act { float: left; font-size: 14px; font-weight: bold; line-height: 31px; text-indent: 32px; height: 29px; overflow: hidden; }
.diggbox .digg_num { float: left; line-height: 29px; text-indent: 5px; }
.diggbox .digg_percent { clear: both; padding-left: 10px; width: 180px; overflow: hidden; }
.diggbox .digg_percent .digg_percent_bar { float: left; margin-top: 3px; width: 100px; height: 7px; background: #E8E8E8; border-right: 1px solid #CCC; overflow: hidden; }
.diggbox .digg_percent .digg_percent_num { float: left; padding-left: 10px; font-size: 10px; }
.diggbox .digg_percent .digg_percent_bar span { display: block; height: 5px; background: #000; overflow: hidden; }
.newdigg .digg_good { background: url(../images/newdigg-bg.png) left top no-repeat; }
.newdigg .digg_bad { background: url(../images/newdigg-bg.png) right top no-repeat; }
.newdigg .digg_good .digg_act { color: #C30; }
.newdigg .digg_good .digg_num { color: #C63; }
.newdigg .digg_bad .digg_act { color: #36C; }
.newdigg .digg_bad .digg_num { color: #39C; }
.newdigg .digg_good .digg_percent .digg_percent_bar span { color: #ff0000; border: 1px solid #E37F24; background: #FFC535; }
.newdigg .digg_bad .digg_percent .digg_percent_bar span { border: 1px solid #689ACC; background: #94C0E4; }
/*评论*/
.comment_add { width: 670px; }
.comment_box { }
.comment_list li { padding: 15px 0; border-bottom: 1px solid #EEE; }
.comment_list li .floor { float: right; font-size: 18px; color: #DDD; }
.comment_list li .avatar { display: block; background: #FFF; border-radius: 2px 2px 2px 2px; float: left; height: 36px; overflow: hidden; width: 36px; }
.comment_list li .avatar img { width: 36px; height: 36px; }
.comment_list li .inner { margin-left: 48px; }
.comment_list li .inner p { font-size: 13px; }
.comment_list li .inner .meta { padding-top: 3px; color: #999; border: none; }
.comment_list li .answer { margin-left: 48px; padding: 10px; background: #F6F6F6; border: 1px solid #E6E6E6; border-radius: 3px 3px 3px 3px; }
.comment_list li .answer .meta { color: #999; margin-bottom: 5px; padding: 0; border: none; }
.comment_editor { padding: 10px 0; width: 100%; }

/*头部
-------------------------------------------------------------------------------------------*/
.header { margin: 0 auto 20px auto; height: 50px; background: #33363B; }
.header_inner { margin: 0 auto; width: 980px; }
.header .logo { background: url(../images/logo.png) no-repeat; color: #FFF; display: block; float: left; font-size: 18px; font-weight: bold; height: 28px; line-height: 200px; margin: 11px 10px 0 0; overflow: hidden; padding-right: 15px; width: 110px; }
.header .logo a { color: #FFF; display: block; height: 28px; overflow: hidden; }
.header .nav { float: left; font-size: 14px; margin: 10px 15px 0 0; position: relative; }
.header .nav li { float: left; margin-right: 1px; position: relative; }
.header .nav li a { float: left; color: #DDD; cursor: pointer; display: block; height: 20px; line-height: 20px; padding: 5px 12px 6px; }
.header .nav li a:hover { background: #292B2F; border-radius: 3px 3px 3px 3px; color: #FFF; }
.header .search { float: left; margin-top: 12px; }
.header .search .input { display: block; margin: 0; padding: 4px 8px; float: left; background: #EEE; border: medium none; border-radius: 2px 0 0 2px; color: #B3B3B3; font-size: 13px; height: 20px; line-height: 20px; width: 120px; }
.header .search .submit { float: left; background: #8CAC52; border: medium none; border-radius: 0 2px 2px 0; color: #FFF; cursor: pointer; height: 28px; padding: 0 10px; }
.header .menu { float: right; margin-top: 12px; position: relative; font-family: "Microsoft Yahei"; }
.header .menu li { float: right; margin-right: 1px; position: relative; }
.header .menu li a { float: left; display: block; padding: 4px 10px; color: #DDD; cursor: pointer; height: 20px; line-height: 20px; }
.header .menu li a:hover { background: #292B2F; border-radius: 3px 3px 3px 3px; color: #FFF; }

/*首页样式
--------------------------------------------------------------------------------------------*/
/* -------- subnav -- */
.subnav { width: 240px; height: 410px; background: #fff; }
.subnav .item { height: 87px; position: relative; z-index: 3 }
.subnav .item dl { height: 87px; padding-left: 25px; }
.subnav .item dl dt { font-size: 16px; color: #dd137b; font-weight: bold; padding-top: 22px; line-height: 16px; }
.subnav .item dl dt a { color: #dd137b; }
.subnav .item dl dt span { padding-left: 10px; font-size: 14px; font-weight: normal; }
.subnav .item dl dd { padding-top: 14px; line-height: 16px; }
.subnav .item dl dd a { float: left; display: inline; margin-right: 15px; transition: all 0s; color: #777 }
.subnav .item dl dd a:hover { color: #dd137b }
.subnav .item.hover dl { background: #dd137b }
.subnav .item.hover dl dt a, .subnav .item.hover dl dt span, .subnav .item.hover dl dd a { color: #fff }
.subnav .item .item-m { position: absolute; left: 240px; top: 0; width: 480px; padding: 0 33px; background: #fff; border: 1px #dbdbdb solid; display: none; }
.subnav .item .item-m .t { height: 56px; line-height: 58px; border-bottom: 1px #666 solid; }
.subnav .item .item-m .t h3 { color: #dd137b; font-size: 16px; font-weight: normal; }
.subnav .item .item-m .t h3 a { color: #dd137b; }
.subnav .item .item-m .t span.fr { margin-left: 34px; width: 79px; }
.subnav .item .item-m .t span.fr a { display: inline; height: 52px; float: left; color: #777; }
.subnav .item .item-m .t span.fr a { color: #dd137b; }
.subnav .item .item-m .t span.fr i { float: right; width: 8px; height: 11px; display: inline; background: url(../images/index.new2015.v2.png) no-repeat -68px -210px; margin: 24px 7px 0 6px; transition: margin .2s; overflow: hidden; }
.subnav .item .item-m .t span.fr:hover i { margin: 24px 2px 0 9px; background-position: -68px -224px; }
.subnav .item .item-m .m { padding: 8px 0 20px; margin-left: -5px; overflow: hidden; }
.subnav .item .item-m .m a { display: inline; float: left; border-left: 1px #ddd solid; height: 15px; line-height: 17px; margin: 10px 14px 6px 0; padding-left: 14px; white-space: nowrap; margin-left: -10px; padding-right: 10px; color: #777 }
.subnav .item .item-m .m a:hover { color: #dd137b; }
.subnav .item .jt { width: 8px; height: 14px; background: url(../images/index.new2015.v2.png) no-repeat -68px -17px; position: absolute; left: 224px; top: 37px; transition: all .2s; overflow: hidden; display: block; }
.subnav .item.hover .jt { left: 229px; }
.subnav .item-more { margin: 13px 0 0 21px; height: 31px; }
.subnav .item-more a { width: 99px; height: 31px; float: left; display: inline; border-radius: 2px; background: #638eae; color: #fff; margin-right: 7px; line-height: 30px; position: relative; text-indent: 16px; }
.subnav .item-more a i { width: 7px; height: 14px; display: block; position: absolute; top: 10px; right: 12px; transition: all .2s; overflow: hidden; font-weight: bold; color: #fff; text-indent: 0; line-height: 12px; font-family: "宋体"; font-style: normal; }
.subnav .item-more a:hover i { right: 8px; }
.subnav .item-more a:hover { background: #dd137b; }
/*资讯焦点图*/
.ifocus { width: 640px; height: 400px; float: left; overflow: hidden; }
.ifocus img { width: 640px; height: 400px; }
.KSS_titleBox h2 { line-height: 40px; padding-left: 5px; }
/*资讯头条*/
.icnts h3.tit { margin: 0 0 10px 0; line-height: 34px; font: 15px "Microsoft Yahei"; border: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.icnts h3.tit a { color: #3B8DD1; }
.icnts h3.tit a:hover { color: #3B8DD1; }
.icnts .list { border-bottom: 1px solid #EEE; }
.icnts .last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.icnts .list li { padding-bottom: 3px; height: 24px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -width: 100%; }
.icnts .list span { color: #979797; padding-right: 8px; }
.icnts .list li a { color: #666; }
.icnts .list li a:hover { color: #3B8DD1; }
/*资源更新记录*/
.iupdate_list { height: 386px; overflow: hidden; margin: 10px 10px 0 20px; }
.iupdate_list li { width: 264px; height: 56px; margin: 5px 0; overflow: hidden; float: left; }
.iupdate_list_t { font-size: 14px; }
.iupdate_list_c { display: block; }
.iupdate_list_c a{color:#777;}
.iupdate_list_c a:hover { color: #3B8DD1; }
/*资源下载*/
.idown_list { padding: 20px; font-size: 12px; border-bottom: 1px solid #E2E2E2; }
.idown_list h3 { border-bottom: 1px solid #DADADA; color: #444444; font-size: 14px; margin-bottom: 2px; padding-bottom: 5px; }
.idown_list ul li { position: relative; font-size: 12px; line-height: 1em; padding: 19px 0 0 52px; _padding-top: 12px; vertical-align: bottom; }
.idown_list ul li img { position: absolute; width: 42px; height: 42px; left: 0px; -left: -54px; top: 14px; }
.idown_list ul li .date { line-height: 24px; color: #888888; }
.idown_list ul li a { vertical-align: baseline; color: #666; font-size: 12px; line-height: 1em; }
.idown_list ul li a:hover { color: #3B8DD1; }
.idown_list ul li a.down { display: block; position: absolute; right: 0px; _right: 20px; top: 20px; width: 18px; height: 17px; text-indent: -9999px; background: url(../images/icon_down.gif) no-repeat; overflow: hidden; }
/*商品列表*/
.igoods_box { padding: 10px 20px 20px 20px; }
.igoods_list { float: left; width: 840px; overflow: hidden; }
.igoods_list .head { background: #faebe4; }
.igoods_list .head dt { background: #FF641A; }
.igoods_list .head dd { color: #7BAB2E; }
.igoods_list .head .sub_nav a { color: #7BAB2E; }
.igoods_list .head .sub_nav a:hover { color: #3B8DD1; }
.igoods_list .list { clear: both; margin-left: 10px; margin-top: 10px; width: 860px; }
.igoods_list .list li { background: url("../images/probg.jpg") no-repeat; float: left; height: 200px; margin: 0 10px 7px; width: 150px; -webkit-transition: all .2s ease; }
.igoods_list .list li:hover { -webkit-transform: scale(1.06, 1.06); }
.igoods_list .list li .pic { display: block; margin: 15px 0 0 6px; position: relative; width: 115px; height: 115px; }
.igoods_list .list li .pic img { width: 115px; height: 115px; }

.igoods_list .list li .info .name { color: #3B8DD1; display: block; margin: 4px auto 4px 10px; width: 112px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.igoods_list .list li .info .price { margin: 0 auto 4px 15px; color: #666; width: 110px }
.igoods_list .list li .info .price span { color: #999; }
.igoods_list .list li .info .price strong { color: #ED1C24; }
/*热门商品*/
.isidebar { padding: 20px; width: 254px; }
.isidebar h3 { border-bottom: 1px solid #DADADA; color: #444444; font-size: 14px; margin-bottom: 2px; padding-bottom: 5px; }
.isidebar .list { padding-top: 4px; overflow: hidden; position: relative; }
.isidebar .list ol li { padding: 10px 0 0 0; height: 26px; position: relative; color: #5b5b5b; border-bottom: 1px solid #eeeeee; vertical-align: top; }
.isidebar .list ol li a { color: #5b5b5b; }
.islide-box .list ol li a:hover { color: #3B8DD1; }
.isidebar .list ol li .num { position: absolute; left: 0px; top: 8px; display: inline-block; vertical-align: -3px; *vertical-align: middle; width: 16px; height: 16px; margin-right: 10px; background: #1389d7; font-style: normal; font-size: 10px; color: #fff; font-family: Verdana, Geneva, sans-serif; text-align: center; overflow: hidden; }
.isidebar .list ol li .ibtn { display: block; width: 60px; height: 22px; border: 1px solid #FF641A; line-height: 22px; color: #ffffff; text-align: center; overflow: hidden; background: #FB7635; }
.isidebar .list ol li .ibtn:hover { color: #ffffff; text-decoration: none; }
.isidebar .list ol li .photo { float: left; width: 77px; display: none; }
.isidebar .list ol li .photo img { display: block; width: 65px; height: 65px; border: 1px solid #979797; }
.isidebar .list ol li .props { overflow: hidden; *zoom: 1; }
.isidebar .list ol li .props .name { margin: 0 0 0 25px; width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1em; *padding-bottom: 5px; }
.isidebar .list ol li .props .price { position: absolute; top: 10px; right: 1px; white-space: nowrap; color: #ff641a; font: 12px; }
.isidebar .list ol li .props .button { display: none; }
.isidebar .list ol li.active { height: auto; padding-bottom: 10px; padding-top: 10px; *zoom: 1; overflow: hidden; }
.isidebar .list ol li.active .num { top: 10px; background-color: #d60007; }
.isidebar .list ol li.active .photo,
.isidebar .list ol li.active .button { display: block; }
.isidebar .list ol li.active .name { margin: -2px 0 0 0; width: auto; white-space: normal; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }
.isidebar .list ol li.active .price { position: static; color: #ff641a; font: 14px; padding-top: 3px; height: 24px; width: 100px; float: left; }
.isidebar .list ol li.active .down { width: 100px; float: left; }
/*图片分享*/
.iphoto_list { padding: 20px; height: auto; background: #fff; }
.iphoto_list .head dt { background: #8CAC52; }
.iphoto_list .head dd { color: #7BAB2E; }
.iphoto_list .head .sub_nav a { color: #7BAB2E; }
.iphoto_list .head .sub_nav a:hover { color: #3B8DD1; }
.iphoto_list .list li { float: left; padding: 20px 17px 0 0; position: relative; width: 210px; z-index: 1; visibility: visible; opacity: 1; }
.iphoto_list .list li .img { display: block; position: relative; border: 1px solid #DDD; box-shadow: 0 1px 1px #eee; padding: 1px; }
.iphoto_list .list li .img:hover { border-color: #CCC #CCC #BBB; }
.iphoto_list .list li .img img { display: block; width: 206px; height: 206px; }
.iphoto_list .list li .img .info { position: absolute; left: 1px; bottom: 1px; color: #fff; cursor: pointer; width: 206px; height: 70px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000'); background: rgba(0,0,0,0.4); overflow: hidden; }
.iphoto_list .list li .img .info h4 { padding: 0 14px; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; }
.iphoto_list .list li .img .info p { padding: 0 14px; font-size: 12px; height: 35px; line-height: 17px; overflow: hidden; font-weight: normal; }
/*标签链接*/
.tags_list { padding: 15px 30px; height: auto; background: #fff; float: left; }
.tags_list h3 { margin-bottom: 2px; padding-bottom: 5px; font-size: 12px; color: #444444; border-bottom: 1px solid #DADADA; }
.tags_list h3 span { float: right; font-size: 12px; font-weight: normal; margin-right: 20px; }
.tags_list ul { padding-top: 5px; }
.tags_list ul li { float: left; width: 90px; line-height: 24px; height: 28px; overflow: hidden; }
.tags_list a { color: #999; line-height: 28px; margin-right: 10px; }

.brand_list { padding: 15px 30px; height: auto; background: #fff; overflow: hidden; }
.brand_list h3 { margin-bottom: 2px; padding-bottom: 5px; font-size: 12px; color: #444444; border-bottom: 1px solid #DADADA; text-align: left; }
.brand_list h3 span { float: right; font-size: 12px; font-weight: normal; margin-right: 20px; }
.brand_list ul { padding-top: 5px; margin-left: 30px; }
.brand_list ul li { float: left; line-height: 24px; margin-right: 30px; text-align: center; border: solid 1px #eee; margin-top: 15px; padding: 5px; width: 139px; height: 97px; overflow: hidden; }
.brand_list a { color: #999; line-height: 28px; }
/*友情链接*/
.ilink_list { padding: 15px 30px; height: auto; background: #fff; }
.ilink_list h3 { margin-bottom: 2px; padding-bottom: 5px; font-size: 12px; color: #444444; border-bottom: 1px solid #DADADA; }
.ilink_list h3 span { float: right; font-size: 12px; font-weight: normal; margin-right: 20px; }
.ilink_list .txt { padding-top: 5px; line-height: 28px; }
.ilink_list .txt a { color: #999; line-height: 28px; margin-right: 10px; }
.ilink_list .img { margin: 10px 0 0 0; width: 938px; overflow: hidden; }
.ilink_list .img ul { width: 980px; }
.ilink_list .img ul li { float: left; margin: 10px 18px 0 0; }
.ilink_list .img ul li img { width: 88px; height: 31px; }
/*网站底部*/
.footer { clear: both; padding: 10px 0 40px 0; margin: 20px 0 0 0; text-align: center; }
.footer_inner { margin: 0 auto; width: 980px; }
.foot_nav { line-height: 1.8em; letter-spacing: 4px; color: #ccc; }
.foot_nav a { color: #666; letter-spacing: 1px; margin-right: 10px; }
.footer .copyright { padding-top: 10px; color: #666; line-height: 1.8em; }
.footer .copyright a{  color: #666;  }

/*新闻资讯样式
------------------------------------------------------------------------------------*/
.focus { width: 300px; height: 300px; visibility: hidden; }
.focus img { width: 300px; height: 300px; }
.newsToppic dl dt { margin-bottom: 6px; border-bottom: 1px solid #EEE; }
.newsToppic dl dt strong { display: block; margin: 0 auto 10px auto; font: 15px "Microsoft Yahei"; border: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newsToppic dl dt strong a { color: #3B8DD1; }
.newsToppic dl dt strong a:hover { color: #3B8DD1; }
.newsToppic dl dt p { padding-bottom: 10px; line-height: 18px; color: #999; }
.newsToppic dl dd { font-size: 12px; height: 28px; line-height: 28px; }
.newsToppic dl dd a { color: #666; }
.newsToppic dl dd a:hover { color: #3B8DD1; }
.newsToppic dl dd span { float: right; color: #999; }
.newsToplist { clear: both; }
.newsToplist:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.newsToplist a { color: #666; }
.newsToplist a:hover { color: #3B8DD1; }
.newsToplist .list { float: left; margin: 0; width: 840px; }
.newsToplist .list dl { margin-top: 15px; }
.newsToplist .list dl dt { clear: both; margin: 0 0 5px 0; height: 90px; }
.newsToplist .list dl dt img { float: left; margin-right: 10px; width: 70px; height: 70px; }
.newsToplist .list dl dt strong { display: block; margin-bottom: 8px; font-size: 12px; line-height: 12px; color: #666; font-family: "Microsoft Yahei"; width: 320px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newsToplist .list dl dt p { padding-bottom: 8px; color: #999; line-height: 18px; }
.newsToplist .list dl dd { clear: both; font-size: 12px; height: 28px; }
.newsToplist .list dl dd span { float: right; color: #999; }
.newsRedlist { padding: 3px 0; }
.newsRedlist li { height: 28px; line-height: 28px; font-size: 12px; overflow: hidden; }
.newsRedlist li a { padding: 0; background: none; border: none; color: #888; }
.newsRedlist li a:hover { background: none; border: none; color: #3B8DD1; }
.newsRedlist li span { float: right; padding-left: 5px; color: #999; }
.news_list li { padding: 20px 0 0 0; }
.news_list h2 { font-size: 15px; height: 18px; margin: 0 auto 12px 0; overflow: hidden; }
.news_list .note { margin: 0; color: #777; line-height: 20px; font-size: 14px; }
.news_list .info { margin: 0 auto 8px 0; }
.news_list .info, .info a { color: #777; }
.news_list .info a:hover { color: #333; text-decoration: underline; }
/*商品样式
------------------------------------------------------------------------------------*/
.pro_list { width: 670px; overflow: hidden; }
.pro_list ul { clear: both; width: 700px; }
.pro_list li { float: left; margin: 20px 18px 0 0; width: 154px; height: 200px; overflow: hidden; }
.pro_list li .pic { display: block; margin: 0 auto; position: relative; width: 152px; height: 152px; border: 1px solid #e1e1e1; }
.pro_list li .pic:hover { border-color: #CCC #CCC #BBB; }
.pro_list li .pic img { width: 152px; height: 152px; overflow: hidden; }
.pro_list li .info .name { color: #666; display: block; margin: 4px auto 4px 10px; width: 132px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.pro_list li .info .price { margin: 0 auto 4px 15px; }
.pro_list li .info .price span { color: #888888; }
.pro_list li .info .price strong { color: #ED1C24; }
/* 图片放大镜样式*/
.pictureDIV { float: left; margin: 0 0 20px 0; }
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/
.spec-preview { width: 292px; height: 292px; border: 1px solid #ccc; }
.spec-preview .jqzoom img { width: 292px; height: 292px; }
.spec-scroll { clear: both; margin-top: 5px; width: 294px; }
.spec-scroll .prev { float: left; margin-right: 5px; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 54px; line-height: 54px; border: 1px solid #ccc; background: #EBEBEB; cursor: pointer; text-decoration: none; }
.spec-scroll .items { float: left; position: relative; width: 261px; height: 56px; overflow: hidden; }
.spec-scroll .items ul { margin: 0; padding: 0; list-style: none; position: absolute; width: 999999px; height: 56px; }
.spec-scroll .items ul li { float: left; margin: 0px; padding: 0px; width: 65px; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 50px; }
.spec-scroll .items ul li img:hover { border: 2px solid #FF6600; padding: 1px; }
.productItem { float: left; margin: 0 0 20px 10px; padding: 10px; height: 330px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; list-style: none; width: 296px; line-height: 34px; font-size: 14px; }
.productItem li { margin: 0px; padding: 0px; }
/*商品属性样式*/
.pro-attr h1 { margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #444; line-height: 30px; }
.pro-items { padding-bottom: 10px; }
.pro-items dl { clear: both; padding: 5px 0; font-size: 14px; }
.pro-items dl dt { float: left; display: block; padding-right: 5px; }
.pro-btns { padding: 10px; border: 1px solid #EDD28B; background: #FFFCF5; }
.pro-btns:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.pro-btns .input-box { margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; }
.pro-btns .input-box .txt { padding: 0 5px; border: 1px solid #F5DA98; height: 24px; line-height: 24px; width: 60px; }
.pro-btns .btn-box { padding: 10px 0; position: relative; }
.pro-btns .btn-box .add, .pro-btns .btn-box .buy, .pro-btns .btn-box .add-over, .pro-btns .btn-box .buy-over { background: url(../images/car_btn_buy.png) no-repeat; display: block; float: left; height: 37px; text-indent: -9999px; }
.pro-btns .btn-box .add { background-position: 0 0; width: 127px; }
.pro-btns .btn-box .add-over { background-position: 0 -58px; width: 127px; }
.pro-btns .btn-box .buy { background-position: 0 -116px; margin-left: 15px; width: 127px; }
.pro-btns .btn-box .buy-over { background-position: 0 -174px; margin-left: 16px; width: 127px; }
.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 .close { display: block; margin: 0; padding: 0; position: absolute; top: 5px; right: 5px; width: 15px; height: 10px; text-indent: -9999px; background: url(../images/sprite.gif) no-repeat left -240px; cursor: pointer; }
/*商品选项卡*/
.pro-tabs { border-bottom: 2px solid #498FCD; background: #fff; height: 35px; line-height: 35px; overflow: hidden; }
.pro-tabs ul li { float: left; font-size: 12px; }
.pro-tabs ul li a { float: left; display: block; margin-right: 2px; padding: 0 30px; border: 1px solid #E7E7E7; height: 35px; background: #F9F8FE; white-space: nowrap; }
.pro-tabs ul li a:hover,
.pro-tabs ul li a.current { background: #498FCD; color: #fff; display: block; text-decoration: none; }

/*图片分享样式
------------------------------------------------------------------------------------*/
.photo_list { width: 840px; overflow: hidden; }
.photo_list ul { width: 840px; }
.photo_list li { float: left; padding: 20px 10px 0 0; position: relative; width: 200px; z-index: 1; visibility: visible; opacity: 1; }
.photo_list li .img { display: block; position: relative; border: 1px solid #DDD; box-shadow: 0 1px 1px #eee; padding: 1px; }
.photo_list li .img:hover { border-color: #CCC #CCC #BBB; }
.photo_list li .img img { display: block; width: 200px; height: 200px; }
.photo_list li .img .info { position: absolute; left: 1px; bottom: 1px; color: #fff; cursor: pointer; width: 206px; height: 70px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000'); background: rgba(0,0,0,0.4); overflow: hidden; }
.photo_list li .img .info h4 { padding: 0 14px; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; }
.photo_list li .img .info p { padding: 0 14px; font-size: 12px; height: 35px; line-height: 17px; overflow: hidden; font-weight: normal; }


.photo_tags_list { width: 890px; overflow: hidden; }
.photo_tags_list ul { width: 890px; }
.photo_tags_list li { float: left; margin: 20px 10px 0 0; width: 206px; height: 260px; border: 1px solid #DDD; padding: 2px; }
.photo_tags_list li .img img { display: block; width: 206px; height: 206px; }
.photo_tags_list li .img .info h4 { padding: 0 14px; font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; }
.photo_tags_list li .img .info p { padding: 0 14px; font-size: 12px; height: 35px; line-height: 17px; overflow: hidden; font-weight: normal; }

.photo_tags_list li h4 { text-align: center; line-height: 24px; overflow: hidden; }
.photo_tags_list li h4 a { color: #3991d0; }
.photo_tags_list li .tit { display: block; text-align: center; font-size: 12px; line-height: 24px; overflow: hidden; }
.photo_tags_list li .tit a { color: #999; }
/*slide样式*/
#pic_box { margin-bottom: 20px; position: relative; text-align: center; }
#pic_show img { *display: block; max-width: 840px; width: expression((this.width>670)?670:this.width); }
.slide_box { margin: 0 auto; }
.scroll_box { width: 826px; margin: 0 auto; }
.slide_box .items { float: left; position: relative; height: 64px; overflow: hidden; width: 780px; }
.slide_box .items ul { margin: 0px; padding: 0; position: absolute; list-style: none; width: 999999px; }
.slide_box .items ul li { margin: 0; padding: 0; float: left; width: 77px; }
.slide_box .items ul li img { width: 60px; }
.slide_box .items ul li a { display: block; width: 60px; height: 60px; border: 2px solid #fff; margin: 0px 10px; }
.slide_box .items ul li a:hover { border: 2px solid #f8ae0f; }
.slide_box .items ul li a.current { font-weight: normal; border: 2px solid #f8ae0f; }
.big_prev, .big_next { display: block; top: 0px; text-indent: -9999px; position: absolute; left: 0; width: 10%; height: 100%; background: url(../images/slide_bg.gif) no-repeat; cursor: pointer; }
.big_next { left: auto; right: 0; }
.big_prev:hover { background: url(../images/big_prev.png) no-repeat left center; }
.big_next:hover { background: url(../images/big_next.png) no-repeat right center; }
.small_prev, .small_next { display: block; width: 23px; height: 60px; cursor: pointer; }
.small_prev { float: left; background: url(../images/small_prev.png) no-repeat left center; }
.small_next { float: right; background: url(../images/small_next.png) no-repeat right center; }
/*slide结束*/

/*资源下载样式
------------------------------------------------------------------------------------*/
.down_list_tit { border-bottom: 1px solid #DADADA; margin: 0 auto 2px 0; padding-bottom: 5px; }
.down_list_tit h1 { color: #444; font-size: 16px; display: inline; }
.down_list { float: left; width: 845px }
.down_list li { border-bottom: 1px dashed #EEE; padding: 20px 0; height: 177px; width: 420px; float: left; }
.down_list li .list_p { width: 130px; height: 177px; float: left; -webkit-transition: all .2s ease; background: url("../images/probg.jpg") no-repeat; margin-right: 7px;position:relative; }
.down_list li .list_p:hover { -webkit-transform: scale(1.06, 1.06); }
.list_p_name { display: block; float: left; padding: 5px 0px 0px 15px; width: 100px; height: 45px; overflow: hidden; }
.list_p_name a { word-break: break-all; color: #999; }
.list_p_name img{position:absolute;top:15px;left:3px;}
.down_list .pic { float: left; width: 115px; margin: 15px 0 0 6px; }
.down_list .pic:hover { border-color: #CCC #CCC #BBB; }
.down_list .pic img { display: block; height: 115px; width: 115px; }
.down_list .pic img:hover { }


.list_r { float: left; width: 670px; width: 275px; }
.down_list h2 { font-size: 15px; margin: 0 auto 12px 0; overflow: hidden; }
.down_list .note { margin: 0 auto 5px 0; color: #888; line-height: 22px; font-size: 14px; }
.down_list .info { margin: 0 auto 8px 0; }
.down_list .info i { position: absolute; color: #dd137b; }
.down_list .info, .info a { color: #777; }
.down_list .info span { display: inline-block; width: 120px; }
.down_list .info span i { font-style: normal; }
.down_list .info a:hover { color: #333; text-decoration: underline; }
.attach_list { font-family: "Microsoft Yahei"; width: 860px; float: left; margin-top: 15px; }
.attach_list ul { margin: 0; padding:0px 10px 10px 10px; list-style: none; font-size: 14px; }
.attach_list ul li { margin: 0; padding: 0 0 0 10px; line-height: 35px; }
.attach_list ul li span { float: right; font-size: 14px; margin-right: 5px; }
.attach_list ul li i { margin-right: 10px; font-style: normal; }

.down_btn a { width: 99px; height: 31px; float: left; display: inline; border-radius: 2px; background: #dd137b; color: #fff; margin-right: 7px; line-height: 30px; position: relative; text-indent: 16px; }
.down_btn a i { width: 7px; height: 14px; display: block; position: absolute; top: 10px; right: 10px; transition: all .2s; overflow: hidden; font-weight: bold; color: #fff; text-indent: 0; line-height: 12px; font-family: "宋体"; font-style: normal; }
.down_btn a:hover i { right: 6px; }
.down_btn a:hover { background: #dd137b; }

.favorite_btn a { width: 80px; height: 31px; float: left; display: inline; border-radius: 2px; background: #569ed7; color: #fff; margin-right: 10px; line-height: 30px; position: relative; text-indent: 16px; }
.favorite_btn a i { width: 7px; height: 14px; display: block; position: absolute; top: 10px; right: 10px; transition: all .2s; overflow: hidden; font-weight: bold; color: #fff; text-indent: 0; line-height: 12px; font-family: "宋体"; font-style: normal; }
.favorite_btn a:hover i { right: 6px; }
.favorite_btn a:hover { }

.down_right { padding: 10px 10px 10px 20px }
.down_right h3 { border-bottom: 1px solid #DADADA; color: #444; font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; }
.down_right h3 a { color: #444; }
    .down_right h3 span {
        float: right;
        font-weight: normal;
    }
.click_rank_list {  float: left; }

.click_rank_list li { float: left; padding: 6px 0; }
.click_phogo { width: 100px; float: left; }
.click_text { width: 150px; float: left; }
.click_text_tit { height: 36px; word-break: break-all; overflow: hidden; }
.click_text_c { color: #ff641a; }
.click_rank_list img { width: 80px; height: 80px; border: 1px solid #ccc; }
/*单页样式
------------------------------------------------------------------------------------*/
.content { padding: 20px 30px; }
.search_list li { margin-bottom: 20px; }
.search_list li a { display: inline-block; font-size: 15px; margin-bottom: 5px; }
.search_list li span { color: #999; font-size: 12px; }
.search_list li p { line-height: 2.0em; font-size: 14px; color: #777 }

/*会员中心样式
------------------------------------------------------------------------------------*/
/*会员登录*/
.login-box { margin: 0 auto; padding: 40px 40px 80px 40px; width: 760px; }
.login-box .left-box { float: left; padding-top: 10px; width: 400px; }
.login-box .left-box dl { clear: both; padding: 8px 0; line-height: 28px; font-size: 14px; font-family: "Microsoft Yahei"; }
.login-box .left-box dl dt { display: block; float: left; width: 70px; }
.login-box .left-box dl dd { margin-left: 70px; }
.login-box .left-box #msgtips { display: none; font-size: 12px; color: #F00; }
.login-box .left-box dl dd .btn_login { display: inline-block; margin-right: 10px; padding: 10px 30px; cursor: pointer; border: 1px solid #16699b; background: #1E7BB3; color: #fff; font-size: 18px; line-height: 1em; font-family: "Microsoft Yahei"; }
.login-box .center-box { float: left; margin-left: 20px; width: 1px; height: 240px; background: url(../images/login_line.gif) no-repeat; overflow: hidden; }
.login-box .right-box { display: inline; float: right; margin-top: 20px; width: 270px; }
.login-box .right-box p { text-align: center; font-size: 14px; color: #F00; font-family: "Microsoft Yahei"; }
.login-box .right-box p.button { padding: 8px 0 0; }
.login-box .right-box p.button a { display: inline-block; padding: 10px 30px; border: 1px solid #408f40; background: #52A152; color: #fff; font-size: 18px; line-height: 1em; font-family: "Microsoft Yahei"; }
.login-box .right-box p.button a:hover { text-decoration: none; }
.login-box .right-box p.note { padding-bottom: 20px; font-size: 18px; color: #666; font-weight: 500; line-height: 1.8em; }
.login-box .center-box { float: left; margin-left: 20px; width: 1px; height: 240px; background: url(../images/login_line.gif) no-repeat; overflow: hidden; }
.oauth_inner { padding-top: 50px; }
.oauth_inner label { display: block; float: left; width: 100px; height: 36px; line-height: 36px; color: #777; font-size: 14px; font-family: "Microsoft Yahei"; }
.oauth_inner .oauth_list { margin-left: 100px; }
.oauth_inner .oauth_list a { display: block; float: left; margin: 0px 15px 0 0; line-height: 36px; vertical-align: middle; }
.oauth_inner .oauth_list a img { vertical-align: middle; }
/*会员注册*/
.reg-box { margin: 0 auto; padding: 0 50px; }
.reg-top ul { padding: 10px 0 10px; height: 23px; border-bottom: 1px solid #DADADA; }
.reg-top ul li { float: left; padding: 0 50px 0 10px; height: 18px; font: bold 18px "Microsoft Yahei"; color: #666; }
.reg-top ul li em { margin-right: 5px; padding: 2px 5px; background: #999; color: #FFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; }
.reg-top .step .step1,
.reg-top .stepsendmail .step2,
.reg-top .stepcheckmail .step3,
.reg-top .stepcheckerror .step2,
.reg-top .stepverify .step2,
.reg-top .stepsucceed .step3 { color: #FF6C1E; }
.reg-top .step .step1 em,
.reg-top .stepsendmail .step2 em,
.reg-top .stepcheckmail .step3 em,
.reg-top .stepcheckerror .step2 em,
.reg-top .stepverify .step2 em,
.reg-top .stepsucceed .step3 em { background: #FF6C1E; }
.reg-con { margin-top: 10px; }
.reg-con dl { clear: both; padding: 8px 0; font-size: 14px; line-height: 28px; font-family: "Microsoft Yahei"; }
.reg-con dl dt { display: block; float: left; width: 150px; text-align: right; }
.reg-con dl dt em { padding-right: 5px; color: #FF0000; font-style: normal; }
.reg-con dl dd { margin-left: 150px; padding-left: 10px; }
.reg-con dl dd i { display: block; line-height: 28px; color: #999; font-size: 12px; font-style: normal; }
.reg-con dl dd .btn_submit { padding: 10px 30px; border: 1px solid #cf5413; background: #FF6C1E; color: #fff; font-size: 18px; line-height: 1em; font-family: "Microsoft Yahei"; cursor: pointer; }
/*授权登录*/
.oauth_box { margin: 0 auto; padding: 40px 40px 80px 40px; width: 760px; }

.main_box { padding: 20px; background: #fff; overflow: hidden; }
.main_box_info { padding: 20px 40px; background: #fff; }
.base_tit { border-bottom: 1px solid #DADADA; color: #444; font-size: 16px; margin: 0 auto 2px 0; padding-bottom: 5px; }
.base_tit span { float: right; font-size: 12px; font-weight: 100; margin: 5px 0 0 0; color: #ccc; }
.base_tit span a { color: #999; }
.main_box_count { margin-left: 20px; color: #dd137b; font-size: 14px; }
.main_tit { border-bottom: 1px solid #EEE; color: #444; font-size: 18px; margin: 0 0 20px; padding: 0 0 10px; }
.main_tit strong { color: #999; font: bold 12px/18px arial; margin: 0 10px; }
.main_tit span { float: right; font-size: 12px; font-weight: 100; margin: 5px 5px 0 0; }
.main_tit span { color: #ccc; }
.main_tit span a { color: #999; }
.main_tit i { display: block; margin-top: 5px; color: #999; font-size: 12px; font-style: normal; font-weight: normal; }
.main_head h3 { margin-bottom: 15px; font-size: 15px; }
.main_head .tips_box { margin-left: 146px; }
.bar_tit { border-bottom: 1px solid #EEE; color: #444; font-size: 15px; margin: 0 0 20px; padding: 0 0 10px; }
.avatarbox { float: left; text-align: center; }
.avatarbox img { width: 120px; height: 120px; padding: 2px; border: 1px solid #eee; }
.avatarbox span { display: block; margin: 5px auto 0 auto; }
.tips_box { position: relative; }
.tips_box h2 { border-bottom: 1px solid #EEE; color: #3B8DD1; font-size: 15px; margin: 0 0 20px; padding: 0 0 10px; }
.tips_box dl { float: left; width: 50%; _width: 48%; line-height: 2.4em; }
.tips_box dl dt { float: left; color: #666; }
.tips_box dl dd { color: #999; }
.form_box dl { clear: both; padding: 8px 0; font-size: 12px; line-height: 28px; }
.form_box dl dt { display: block; float: left; width: 150px; text-align: right; }
.form_box dl dt em { padding-right: 5px; color: #FF0000; font-style: normal; }
.form_box dl dd { margin-left: 150px; padding-left: 10px; }
.form_box dl dd i { display: block; line-height: 28px; color: #999; font-size: 12px; font-style: normal; }
.form_box dl dd em { line-height: 28px; color: #999; font-size: 12px; font-style: normal; }
.form_box dl dd .btn_submit { padding: 10px 30px; border: 1px solid #429342; background: #52A152; color: #fff; font-size: 14px; line-height: 1em; cursor: pointer; font-family: 'Microsoft YaHei'; }
.item_box { clear: both; padding: 8px 0; font-size: 12px; }
.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; }
.tab_head { overflow: hidden; position: relative; }
.tab_head .add { font-weight: 700; position: absolute; right: 4px; top: 12px; z-index: 100; color: #444; font-family: "Microsoft Yahei"; }
.tabs { border-bottom: 1px solid #ddd; float: left; line-height: 36px; margin: 0 0 10px 0; width: 100%; }
.tabs li { float: left; margin: 0 0 -1px 5px; }
.tabs li a { float: left; background: #F0F0F0; border: 1px solid #ddd; display: block; padding: 0 25px; color: #444; }
.tabs li a:hover,
.tabs li .current,
.tabs li.selected a { text-decoration: none; background: #fff; border-bottom-color: #fff; }
.tab_inner { display: none; }
.cart_box { padding: 20px; background: #fff; }
.cart_step { position: relative; }
.cart_step li { float: left; width: 33.33%; height: 35px; line-height: 35px; text-align: center; background: url(../images/cart_arrow.gif) no-repeat right -45px #F6F6F6; color: #999; }
.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(../images/cart_arrow.gif) no-repeat right -90px #E8E8E8; color: #8CAC52; }
.cart_step li.last { background-image: none; }
.cart_table { border: 1px solid #E6E4E3; }
.cart_table th { padding: 0.6em; color: #444; font-weight: 400; background: #f3f3f3; border-bottom: 1px solid #E6E4E3; }
.cart_table td { padding: 0.6em; border-bottom: 1px solid #E6E4E3; }
.cart_table td .img { padding: 1px; width: 60px; height: 60px; border: 1px solid #eee; }
.cart_table .reduce, .cart_table .subjoin { display: inline-block; width: 9px; height: 9px; text-indent: -999em; background: url(../images/cart_icon.gif) no-repeat; overflow: hidden; }
.cart_table .reduce { background-position: -18px 0px; }
.cart_table .subjoin { background-position: 0px 0px; }
/*用户头像样式*/
.img_box { margin: 10px 0; border: 1px solid #ccc; border-radius: 3px; padding: 2px; width: 180px; }
.avatar_box { margin: 10px 0; }
.avatar_big_warp { float: left; display: table; *position: relative; border: 1px solid #ccc; border-radius: 3px; padding: 2px; width: 350px; height: 350px; overflow: hidden; }
.avatar_big_box { display: table-cell; *position: absolute; *top: 50%; *left: 0; *width: 100%; vertical-align: middle; text-align: center; background: #f4f4f4; }
.avatar_big_pic { margin: auto; display: inline-block; *display: inline; _display: inline-block; *position: relative; *top: -50%; }
.avatar_big_pic img { /*max-width:350px;max-height:350px;width:expression(this.width>350?"350px":this.width);*/ }
.avatar_small_warp { float: left; margin-left: 20px; width: 186px; }
.avatar_small_warp p { color: #666; font-family: "Microsoft Yahei"; line-height: 24px; }
.avatar_small_box { margin-bottom: 10px; padding: 2px; border: 1px solid #ccc; border-radius: 3px; width: 180px; height: 180px; overflow: hidden; }
.avatar_small_pic { width: 180px; height: 180px; overflow: hidden; }
/*上传头像*/
.avatar_upload { margin: 10px 0; }
.avatar_upload a.files { margin: 0 auto; float: left; width: 120px; height: 30px; overflow: hidden; display: block; /*border:1px solid #4fabe4;*/ border-radius: 3px; background: url(../images/icon_upbtn_bg.png) left top no-repeat; text-decoration: none; }
.avatar_upload a.files input { margin-left: -270px; font-size: 24px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; }
.avatar_upload a.files, .avatar_upload a.files input { outline: none; /*ff*/ hide-focus: expression(this.hideFocus=true); /*ie*/ }
.avatar_upload .uploading { float: left; background: url(../images/loading.gif) no-repeat left center; padding-left: 18px; display: none; line-height: 24px; height: 24px; color: #333; }
.ftable { width: 100%; border: 1px solid #eee; font-family: "Microsoft Yahei"; }
.mtable { width: 100%; font-family: "Microsoft Yahei"; }
.mtable th, .ftable th { padding: 0.6em; color: #444; font-weight: 400; background: #f3f3f3; border-bottom: 1px solid #eee; }
.mtable td, .ftable td { padding: 0.6em; border-bottom: 1px solid #F3F3F3; }
.ftable td .img { padding: 1px; width: 60px; height: 60px; border: 1px solid #ccc; }
.mtable .tr_odd_bg, .ftable .tr_odd_bg { background: #F9F9F9; }
.page_foot { clear: both; 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; }
/*订单状态样式*/
.order_flow { margin: 0 auto; padding: 0; font-size: 12px; font-weight: normal; padding-bottom: 4px; }
.order_flow_left, .order_flow_arrive, .order_flow_wait, .order_flow_right_arrive,
.order_flow_right_wait { margin: 0; padding: 0; background: url(../images/sprites_orderdetails.gif) no-repeat scroll 0 0; float: left; line-height: 16px; text-align: center; width: 90px; }
.order_flow div span { margin: 0; padding: 0; background: none repeat scroll 0 0 #FFFFFF; display: block; }
.order_flow div span p { margin: 0; padding: 0; }
.order_flow .name { margin: 0; padding: 0 0 4px 0; }
.order_flow .time { background: none; padding: 0; color: #999; }
.order_flow_arrive { background-position: 0 -40px; }
.order_flow_wait { background-position: 0 -20px; color: #878787; }
.order_flow_right_arrive { background-position: 0 -80px; }
.order_flow_right_wait { background-position: 0 -60px; color: #878787; }
.order_flow_input { display: block; margin: 2px auto; padding: 0; width: 20px; height: 20px; text-indent: -999px; cursor: pointer; overflow: hidden; }
.order_box { padding: 15px 5px 10px; line-height: 180%; }
.accept_box { text-align: left; line-height: 24px; }
.accept_box dl { clear: both; }
.accept_box dl dt { width: 80px; float: left; }
/*上传资源*/
.upload-box { display: inline-block; height: 32px; position: relative; vertical-align: middle; }

.upload-box .upload-btn { display: inline-block; height: 32px; }

.upload-box .upload-progress { background: #fff none repeat scroll 0 0; border: 1px solid #d7d7d7; height: 26px; left: 0; overflow: hidden; padding: 2px 5px; position: absolute; top: 0; width: 115px; }

.upload-box .upload-progress .txt { display: block; font-size: 11px; font-style: normal; font-weight: normal; height: 18px; line-height: 18px; overflow: hidden; padding-right: 10px; text-overflow: ellipsis; }

.upload-box .upload-progress .bar { border: 1px solid #1da76b; display: block; height: 4px; position: relative; width: 112px; }

.upload-box .upload-progress .bar b { background: #28b779 none repeat scroll 0 0; display: block; font-weight: normal; height: 4px; overflow: hidden; text-indent: -99em; width: 0; }

.upload-box .upload-progress .close { background: rgba(0, 0, 0, 0) url("skin_icons.png") no-repeat scroll -56px -196px; cursor: pointer; display: block; height: 14px; overflow: hidden; position: absolute; right: 1px; text-indent: -99em; top: 1px; width: 14px; }

.webuploader-container { position: relative; }

.webuploader-element-invisible { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }

.webuploader-pick { background: #fff none repeat scroll 0 0; border: 1px solid #e1e1e1; color: #333; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; overflow: hidden; position: relative; text-align: center; width: 65px; }

.webuploader-pick-hover { background: #fafafa none repeat scroll 0 0; }

.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }

/*友情链接样式
------------------------------------------------------------------------------------*/
.links { width: 870px; overflow: hidden; }
.links ul { clear: both; }
.links ul li { float: left; }
.links .txt { margin: 0; padding: 10px 0 0 0; color: #ccc; line-height: 12px; }
.links .txt a { line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.links .img { width: 900px; }
.links .img li { margin-right: 28px; height: 46px; }
.links .img li img { width: 88px; height: 31px; }

/*书籍详细页-公开图片*/
.book_pic_list { float: left; overflow: hidden; }
.book_pic_list .head { background: #faebe4; }
.book_pic_list .head dt { background: #FF641A; }
.book_pic_list .head dd { color: #333; }
.book_pic_list .head li { line-height: 35px; }
.book_pic_list .head .sub_nav a { color: #7BAB2E; }
.book_pic_list .head .sub_nav a:hover { color: #3B8DD1; }
.book_pic_list .list { clear: both; padding-top: 20px; width: 840px; padding-left: 15px; }
.book_pic_list .list li { float: left; margin-right: 10px; width: 200px; height: 220px; }
.book_pic_list .list li .pic { display: block; margin: 0 auto; position: relative; width: 170px; height: 170px; overflow: hidden; border: 1px solid #ccc; padding: 4px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.book_pic_list .list li .pic img { width: 170px; height: 170px; transition: .1s transform; transform: translateZ(0); }
.book_pic_list .list li .pic img:hover { transform: scale(1.05, 1.05); transition: .3s transform; z-index: 1; }
.book_pic_list .list li .pic .show-pic-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 178px; z-index: 3; background: rgba(99, 142, 174, 0.82); color: #fff; text-align: center; font-size: 14px; pointer-events: none; }
.book_pic_list .list li .pic:hover .show-pic-mask { display: block; }
.book_pic_list .list li .info .name { color: #666; display: block; margin: 4px auto 4px 10px; width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.book_pic_list .list li .info span { color: #dd137b }
.book_pic_list .list li .info .price { margin: 0 auto 4px 15px; }
.book_pic_list .list li .info .price span { color: #888888; }
.book_pic_list .list li .info .price strong { color: #ED1C24; }

.prev_next { margin: 20px 0; padding-left: 20px; text-align: center; overflow: hidden; }
.prev_next_l { width: 410px; float: left; }
.prev_next_r { width: 410px; float: left; }
.prev_next_tit { width: 150px; height: 200px; float: left; line-height: 200px; font-size: 18px; }
.prev_next_div { width: 200px; height: 200px; float: left; font-size: 14px; }
.prev_next_div_img { border: 1px solid #e5e5e5; margin: 0 auto; padding: 2px; width: 150px; }
.prev_next_m { line-height: 200px; font-size: 18px; color: #dd137b }
/*新头部*/

.nipic-top, .nipic-top-inner { border-bottom: 1px solid #e5e5e5; height: 32px; line-height: 32px; overflow: visible; font-size: 14px; }
.layout-width { margin-left: auto; margin-right: auto; width: 1180px; }
.fl { display: inline; float: left; }
.nipic-top-aside { background-color: transparent; position: relative; z-index: 1200; }
.fr { display: inline; float: right; }

.sepline { color: #bbb; font-family: arial; margin: 0 8px; }

.mobile-entry { position: relative; display: inline-block; vertical-align: top; }
.mobile-entry-link { position: relative; padding-right: 16px; }
.mobile-new { position: absolute; top: 2px; right: -2px; background: #dd137b; color: #fff; font-size: 10px; font-style: normal; line-height: 14px; padding: 0 3px; border-radius: 2px; }
.mobile-qr-drop { display: none; position: absolute; right: 0; top: 32px; z-index: 1300; width: 168px; padding: 12px 12px 10px; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0 4px 12px rgba(0,0,0,.12); text-align: center; line-height: 1.4; }
.mobile-qr-drop:before { content: ""; position: absolute; top: -6px; right: 22px; width: 10px; height: 10px; background: #fff; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; transform: rotate(45deg); }
.mobile-entry:hover .mobile-qr-drop { display: block; }
.mobile-qr-drop img { width: 140px; height: 140px; display: block; margin: 0 auto; image-rendering: pixelated; }
.mobile-qr-drop span { display: block; margin-top: 8px; color: #666; font-size: 12px; }

.relative { position: relative; }
.nipic-header { background: url("../images/header.jpg") no-repeat scroll center top; height: 166px; z-index: 800; overflow: visible; }
.nipic-header-inner { background: url("../images/header.jpg") no-repeat scroll center top; height: 122px; overflow: visible; }
.nipic-logo { margin-right: 68px; margin-left: 20px; height: 92px; width: 202px; }
.mt17 { margin-top: 17px; }
.header-search-box { float: left; margin-top: 40px; position: relative; text-align: left; width: 490px; z-index: 1000; overflow: visible; }
.header-search-sort { height: 25px; line-height: 25px; }
.header-search-sort .on { background-color: #638eae; color: #fff; }
.header-search-sort a { float: left; height: 25px; margin-right: 2px; padding-left: 8px; padding-right: 8px; }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.header-search { background-color: #fff; border: 2px solid #638eae; height: 36px; width: 399px; z-index: 1000; float: left; border-left: 1px solid #638eae; overflow: visible; }
.header-search-text { width: 352px; }

.header-search-text { background-color: #fff; float: left; height: 18px; line-height: 18px; padding-bottom: 9px; padding-left: 10px; padding-top: 9px; }

.header-search-submit { background: url("../images/header_png24.png") no-repeat scroll -10px -2px; cursor: pointer; height: 36px; overflow: hidden; width: 37px; }
img, input, button, select { border: medium none; vertical-align: middle; }

.header-search-keywords { color: #555; margin-left: 12px; margin-top: 6px; text-align: left; }
.header-search-keywords a { color: #555; margin-right: 12px; }
.nipic-nav { background-position: 0 -97px; background-repeat: repeat-x; font-size: 14px; height: 44px; line-height: 44px; }
.header-bg { background-image: url("../images/header_png24.png"); }


.nav-item-wrap, .nipic-nav-inner { height: 44px; }
.nipic-nav-inner { background-position: 0 -97px; background-repeat: repeat-x; }

.nipic-nav-item { color: #fff; font-family: microsoft yahei; font-weight: 700; height: 44px; text-align: center; width: 110px; }
.nipic-nav-item:hover { color: #fff; }
.nipic-nav-on { background-color: #f8f8f9; border-top: 2px solid #dd137b; color: #dd137b; margin-top: -2px; position: relative; z-index: 10; }
.nipic-nav-on:hover { color: #dd137b; }
.nipic-header-show { background: url("../images/nipic_header_show.png") no-repeat scroll 5px 31px; height: 92px; padding-right: 27px; right: 0; text-align: right; top: -95px; width: 288px; }
.absolute { position: absolute; }
.font14 { font-size: 14px; }
.font-normal { font-weight: 400; }
.font-yahei { font-family: "Microsoft Yahei"; }
/*----------------- 书籍详细页---------------------*/
.detailtable { font-size: 14px; line-height: 30px; text-align: left; width: 860px; margin-bottom: 10px; }

.detailtable .depic { border: 1px solid #e5e5e5; float: left; margin-right: 18px; padding: 2px; width: 250px; }
.bkcate { float: left; height: auto; margin-left: 30px; width: 860px; }

.detailtable .deright { float: left; width: 580px; }
.ul-deright { color: #777; float: left; position: relative; }
.ul-deright li { float: left; height: auto; line-height: 30px; width: 500px; }
.ul-deright li .defk { float: left; height: auto; width: 200px; color: #666; }
.ul-deright li .defk_l { float: left; height: auto; color: #666; }
.ul-deright li .tit { color: #333 }
.ul-deright li .demc { color: #3b8dd1; float: left; font-weight: bold; height: 16px; line-height: 16px; margin-bottom: 5px; }
.ul-deright li .line { background: url("../images/gxlblline.gif") repeat-x; display: inline; float: left; height: 1px; margin-bottom: 30px; margin-top: 10px; width: 400px; }
.ul-deright li img { margin-right: 15px; }
/*======首页右边新登录框=========*/
.home-login-box { background-color: #f6f6f8; height: 79px; margin: 1px; padding: 15px 10px 0px 20px; }
.avatar-frame { height: 74px; margin: 3px 0 0 4px; overflow: hidden; position: relative; width: 74px; }
.avatar-frame-block { background: url("../images/avatar_frame.png") no-repeat; height: 74px; left: 0; position: absolute; top: 0; width: 74px; z-index: 4; }
.avatar-img { height: 60px; left: 7px; position: absolute; top: 7px; width: 60px; z-index: 3; }
.home-login-info { float: right; height: 31px; line-height: 31px; margin-top: 7px; width: 180px; }
.simple-btn1 { background-color: #e74d9c; }
.simple-btn2 { background-color: #569ed7; }
.simple-btn { border-radius: 3px; color: #fff; cursor: pointer; height: 25px; line-height: 25px; text-align: center; width: 70px; }
.inline-block { display: inline-block; }

.dwrap { background: #fff; border-top: none; }
.brand { overflow: hidden; zoom: 1; padding: 27px 0 33px 0; width: 1130px; margin: 0 auto }
.brand .bdlogo { float: left; width: 208px; margin-top: 5px;  }
.brand .bdlogo img { max-height: 150px; }
.brand .bdinfo { float: right; width: 884px; }
.brand .bdinfo span { vertical-align: middle }
.brand .bdinfo span.bdtit { font-size: 32px; color: #353535; }
.brand .bdinfo span.areabd { color: #666; padding-left: 20px; background: url(../images/icon.png) no-repeat 0px 4px; margin-left: 20px; font-size: 18px }
.brand .bdinfo span.year { color: #666; margin-left: 20px; font-size: 18px }
.brand .bdinfo .bdcon { padding-top: 10px; font-size: 14px; color: #666; position: relative }
.brand .bdinfo .bdcon .more { position: absolute; right: 0; bottom: -5px; font: 12px '宋体'; color: #999 }

.ctitle { border-bottom: 1px solid #d6d6d6 }
.ctitle h3 { border-bottom: 2px solid #3d3d3d; font-size: 16px; width: 100px; margin-bottom: -2px; line-height: 28px; }

.gzdown { width: 1097px; margin: 0 auto; }
.gzdown .igoods_list { float: none; width: auto; }
.gzdown .igoods_list .list { width: auto; overflow: hidden; zoom: 1; padding-left: 80px; padding-top: 30px }
.gzdown .igoods_list .list li { margin: 0 30px 10px 0; height: 228px; width: 170px; }
.gzdown .igoods_list .dnce { padding: 10px 0 20px; }
.gzdown .igoods_list .dnce a { background: url(../images/icon.png) no-repeat; margin-left: 12px; }
.gzdown .igoods_list .dnce a.download { background-position: 0 -20px; padding-left: 20px; }
.gzdown .igoods_list .dnce a.collect { background-position: 0 -39px; padding-left: 20px; }

.pinluncol { width: 1097px; margin: 0 auto }
.pincon { padding: 30px 0 }
.pitem { overflow: hidden; zoom: 1; padding: 11px 0; }
.pitem .face { width: 90px; height: 90px; float: left; position: relative }
.pitem .face .mask { position: absolute; width: 90px; height: 90px; z-index: 1; left: 0; top: 0; background: url(../images/mask.png) center center no-repeat }
.pitem .plcn { float: right; width: 986px; position: relative; border: 1px solid #d5d5d5; margin-top: 8px }
.pitem .plcn .picon { position: absolute; width: 12px; height: 16px; background: url(../images/icon.png) 0 -63px no-repeat; left: -9px; top: 9px }
.pitem .plcn .dab { height: 30px; line-height: 30px; border-bottom: 1px solid #ececec; padding: 0 24px; }
.pitem .plcn .dab .name { color: #444; font-weight: bold; }
.pitem .plcn .dab .date { float: right; color: #bfbfbf }
.pitem .plcn .pstar { margin-left: 24px; padding: 10px 0 0; }
.pitem .plcn .pstar .color { vertical-align: middle; margin-left: 5px }
.pitem .plcn .pstar span.c1 { color: #c92d2e }
.pitem .plcn .pstar .levl { vertical-align: middle }
.pitem .plcn .star { background: url(../images/star.jpg) 0 -27px no-repeat; width: 80px; height: 20px; display: inline-block; vertical-align: middle }
.pitem .plcn .star { _display: block; _display: inline }
.pitem .plcn .star i { height: 20px; background: url(../images/star.jpg) 0 -4px no-repeat; width: 80px; display: block }
.pitem .plcn .star i.lev1 { width: 16px; }
.pitem .plcn .star i.lev2 { width: 32px; }
.pitem .plcn .star i.lev3 { width: 48px; }
.pitem .plcn .star i.lev4 { width: 64px; }
.pitem .plcn .star i.lev5 { width: 80px; }
.pitem .plcn .pltxt { padding: 14px 24px; padding-top: 6px; color: #777 }

.othrbrand { width: 1097px; margin: 0 auto; }
.othrbrand ul { overflow: hidden; zoom: 1; padding: 20px 0 50px }
.othrbrand li { float: left; width: 138px; display: inline; margin-right: 11px; margin-top: 30px; height: 79px; overflow: hidden }
.othrbrand li dd { color: #999; text-align: center; padding: 3px 0 }

.brandav .tab ul { overflow: hidden; zoom: 1; border-top: 1px solid #e5e6e8; border-bottom: 2px solid #638eae; }
.brandav .tab ul li { float: left; border-left: 1px solid #e5e6e8; margin-left: -1px; height: 36px; line-height: 36px; width: 20%; text-align: center; cursor: pointer; font-size: 15px; color: #3c3c3c; background: #fff }
.brandav .tab ul li.curr { background: #638eae; color: #fff; }
.brandav .tab ul li.curr a { background: #206eef; color: #fff }
.brandav .con { width: 1047px; margin: 0 auto; padding: 20px 0; font-size: 14px; line-height: 30px; }
.brandav .con .item { display: none }
.brandav .con .item p { text-indent: 2em; }
    .brandav .con .item img{
       max-width:100%;margin:10px 10px;
    }
.sendmsg { width: 897px; margin: 0 auto; padding-bottom: 50px }
.sendmsg .comment_editor { padding-top: 20px; }

.crumbs { width: 1127px; margin: 0 auto; padding-top: 20px; height: 36px; line-height: 36px; font-family: '宋体' }
.kmdti { width: 1127px; margin: 0 auto; height: 32px; line-height: 32px; color: #999; border-bottom: 3px solid #638eae }
.kmdti .blue { color: #638eae; font-size: 16px; }

.classic { width: 1127px; margin: 0 auto; padding-top: 20px }
.classic dl { overflow: hidden; zoom: 1; padding: 10px 0 }
.classic dt { float: left; font-weight: bold; width: 60px; text-align: right; color: #666 }
.classic dd { float: left; width: 1056px; display: inline; margin-left: 10px; }
.classic dd a { margin-right: 14px }
.classic dd a { height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; padding: 0 5px }
.classic dd a { _display: block; _display: inline; color: #666 }
.classic dd a.curr, .classic dd a:hover { background: #638eae; color: #fff; }
.classic dl.zmtype dt { line-height: 28px; }
.classic dl.zmtype dd a { height: 28px; line-height: 28px; border: 1px solid #eee; border-radius: 2px; background: url(../images/bgrep.jpg) repeat-x; padding: 0 8px }
.classic dl.zmtype dd .frm { float: right; width: 1000px; display: inline }
.classic dl.zmtype dd .frm a { float: left; width: 30px; margin-bottom: 10px; text-align: center; padding: 0 }
.classic dl.zmtype dd a.curr, .classic dl.zmtype dd a:hover { background: #638eae; color: #fff; border-radius: 3px; }

.classicon { width: 1127px; margin: 0 auto; margin-top: 24px; }
.classicon .item { border-top: 1px solid #d6d6d6; overflow: hidden; zoom: 1; }
.classicon .item .zmleft { float: left; width: 122px; color: #898989; font-size: 80px; text-align: center; margin-top: 20px }
.classicon .item .bdrfgt ul { overflow: hidden; zoom: 1; padding: 20px 0 50px }
.classicon .item .bdrfgt li { border: 1px solid #eceaea; padding: 5px; float: left; width: 138px; display: inline; margin-right: 22px; margin-top: 30px; height: 91px; overflow: hidden }
.classicon .item .bdrfgt li dd { color: #999; text-align: center; padding: 3px 0 }

/* 品牌中心 */
.brand-page .nav,
.brand-detail .nav { width: 1127px; margin: 0 auto 0; }
.brand-page .brand-filter-sticky { position: sticky; top: 0; z-index: 30; background: #fff; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #eee; }
.brand-page .classic dl.zmtype dd a.off,
.brand-page .classic dl.zmtype dd a.off:hover { background: #f3f3f3; color: #ccc; border-color: #eee; cursor: default; }
.brand-page .classic dl.zmtype dd .frm a { width: auto; min-width: 30px; padding: 0 6px; }
.brand-page .brand-search dt { line-height: 32px; }
.brand-page .brand-search input { width: 360px; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; color: #333; font-family: 'Microsoft YaHei'; }
.brand-page .brand-search-tip { color: #999; margin-left: 10px; }
.brand-page .classic dd a.brand-hot-word,
.brand-page .classic dd a.brand-hot-word:hover { background: none; color: #666; padding: 0; height: auto; margin-left: 8px; }
.brand-page .classic dd a.brand-hot-word:hover { color: #3B8DD1; }
.brand-page .brand-group { scroll-margin-top: 70px; }
.brand-page .brand-empty { text-align: center; padding: 40px 0; color: #999; font-size: 14px; }
.brand-page .brand-reco { width: 1127px; margin: 16px auto 0; }
.brand-page .brand-reco-hd { overflow: hidden; border-bottom: 1px solid #eaeaea; padding-bottom: 8px; margin: 18px 0 6px; }
.brand-page .brand-reco-hd h3 { float: left; font-size: 16px; color: #638eae; font-weight: bold; margin: 0; }
.brand-page .brand-reco-hd span { float: left; margin-left: 12px; color: #999; font-size: 12px; line-height: 22px; }
.brand-page .brand-reco-list { overflow: hidden; zoom: 1; padding: 0 0 10px 122px; }
.brand-page .brand-card { border: 1px solid #eceaea; padding: 6px 5px 8px; float: left; width: 138px; display: inline; margin-right: 22px; margin-top: 18px; height: auto; min-height: 142px; overflow: hidden; position: relative; background: #fff; }
.brand-page .classicon .item .bdrfgt li.brand-card { padding: 6px 5px 8px; height: auto; min-height: 142px; overflow: hidden; }
.brand-page .brand-card .brand-main { display: block; color: #666; }
.brand-page .brand-card .brand-main img { display: block; width: 138px; height: 69px; }
.brand-page .brand-card .name { display: block; color: #555; text-align: center; padding: 6px 0 2px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brand-page .brand-card .meta { display: block; color: #999; text-align: center; font-size: 12px; line-height: 18px; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brand-page .brand-card .stat { display: block; color: #999; text-align: center; font-size: 12px; line-height: 20px; height: 20px; margin-top: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brand-page .classicon .item .zmleft { font-size: 72px; }
.brand-page .brand-card:hover { border-color: #638eae; }
.brand-page .brand-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(99, 142, 174, 0.88); text-align: center; padding-top: 42px; }
.brand-page .brand-card:hover .brand-mask { display: block; }
.brand-page .brand-mask a { display: inline-block; margin: 6px 4px 0; padding: 4px 8px; border: 1px solid #fff; color: #fff; font-size: 12px; line-height: 18px; }
.brand-page .brand-mask a:hover { background: #fff; color: #638eae; }

/* 品牌详情 */
.brand-detail .brand-hd { margin-bottom: 8px; }
.brand-detail .brand-meta { color: #888; font-size: 14px; padding: 4px 0 2px; }
.brand-detail .brand-meta span { margin-right: 18px; }
.brand-detail .brand-meta strong { color: #3B8DD1; font-size: 16px; }
.brand-detail .brand-actions { padding-top: 16px; }
.brand-detail .brand-btn { display: inline-block; margin-right: 10px; padding: 8px 18px; background: #638eae; color: #fff; line-height: 20px; }
.brand-detail .brand-btn:hover { color: #fff; opacity: 0.9; }
.brand-detail .brand-btn-ghost { background: #fff; color: #638eae; border: 1px solid #638eae; }
.brand-detail .brand-btn-ghost:hover { background: #638eae; color: #fff; }
.brand-detail .brand-tabs { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 2px solid #638eae; margin: 0 auto; width: 1130px; }
.brand-detail .brand-tabs a { display: inline-block; padding: 0 22px; height: 38px; line-height: 38px; color: #666; font-size: 15px; }
.brand-detail .brand-tabs a.curr, .brand-detail .brand-tabs a:hover { background: #638eae; color: #fff; }
.brand-detail #brand-downs, .brand-detail #brand-intro { scroll-margin-top: 50px; }
.brand-detail .ctitle { overflow: hidden; }
.brand-detail .brand-sec-more { float: right; color: #999; font-size: 12px; line-height: 28px; }
.brand-detail .brand-sec-more a { color: #3B8DD1; }
.brand-detail .brand-empty { text-align: center; padding: 40px 0; color: #999; font-size: 14px; }
.brand-detail .brand-related { width: 1097px; margin: 20px auto 30px; overflow: hidden; }
.brand-detail .brand-related ul { overflow: hidden; padding: 16px 0 0; }
.brand-detail .brand-related li { float: left; width: 120px; margin: 0 16px 12px 0; text-align: center; position: relative; overflow: hidden; }
.brand-detail .brand-related li img { display: block; width: 120px; height: 60px; border: 1px solid #eee; }
.brand-detail .brand-related li span { display: block; padding-top: 6px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.brand-detail .gzdown .igoods_list .list li { overflow: visible; }
.brand-detail .gzdown .igoods_list .list li:hover { -webkit-transform: none; }
.brand-detail .brand-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(99, 142, 174, 0.88); text-align: center; }
.brand-detail .gzdown .list li .pic .brand-mask { line-height: 115px; color: #fff; font-size: 12px; }
.brand-detail .brand-related li .brand-mask { padding: 8px 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.brand-detail .gzdown .list li:hover .pic .brand-mask,
.brand-detail .brand-related li:hover .brand-mask { display: block; }
.brand-detail .brand-related li:hover .brand-mask { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.brand-detail .brand-related .brand-mask a { display: block; margin: 4px 0; padding: 3px 8px; border: 1px solid #fff; color: #fff; font-size: 12px; line-height: 18px; }
.brand-detail .brand-related .brand-mask a:hover { background: #fff; color: #638eae; }

/* 首页提升 */
.home-page .home-entry { overflow: hidden; margin: 12px 20px 0; border: 1px solid #e8eef2; background: #f7fafc; }
.home-page .home-entry a { float: left; width: 20%; box-sizing: border-box; padding: 14px 0 12px; text-align: center; border-right: 1px solid #e8eef2; color: #666; }
.home-page .home-entry a:hover { background: #fff; }
.home-page .home-entry strong { display: block; font-size: 18px; color: #638eae; line-height: 24px; font-family: Tahoma, Arial, "Microsoft YaHei", sans-serif; }
.home-page .home-entry span { display: block; font-size: 12px; color: #999; line-height: 20px; margin-top: 2px; }
.home-page .home-entry a:hover strong,
.home-page .home-entry a:hover span { color: #3B8DD1; }
.home-page .igoods_list .head .sub_nav { height: 35px; overflow: hidden; }
.home-page .igoods_list .list li { height: 200px; }
.home-page .igoods_list .list li .pic { overflow: hidden; }
.home-page .igoods_list .list li .pic .home-new { position: absolute; left: 0; top: 0; z-index: 2; background: #dd137b; color: #fff; font-size: 10px; font-style: normal; line-height: 16px; padding: 0 5px; }
.home-page .igoods_list .list li .pic .brand-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(99, 142, 174, 0.88); text-align: center; line-height: 115px; color: #fff; font-size: 12px; }
.home-page .igoods_list .list li:hover .pic .brand-mask { display: block; }
.home-page .igoods_list .list li .info .name { margin: 5px auto 0 10px; }
.home-page .igoods_list .list li .info .home-brand { display: block; margin: 0 auto 0 10px; padding: 0; width: 112px; height: 16px; line-height: 16px; color: #638eae; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home-page .igoods_list .list li .info .home-brand:hover { color: #3B8DD1; }
.home-page .igoods_list .list li .info .price { margin: 2px 0 0 6px; width: 115px; text-align: center; }
.home-page .igoods_list .list li .info .price span { display: block; line-height: 18px; text-align: center; }
.home-page .igoods_list .list li .info .price .pages { color: #638eae; }
.home-page .brand_list ul li { position: relative; overflow: hidden; }
.home-page .brand_list ul li:hover { border-color: #638eae; }
.home-page .brand_list .brand-main { display: block; color: #999; }
.home-page .brand_list .brand-main img { display: block; }
.home-page .brand_list .brand-main span { display: block; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home-page .brand_list .brand-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(99, 142, 174, 0.88); text-align: center; padding-top: 22px; }
.home-page .brand_list li:hover .brand-mask { display: block; }
.home-page .brand_list .brand-mask a { display: inline-block; margin: 6px 4px 0; padding: 4px 8px; border: 1px solid #fff; color: #fff; font-size: 12px; line-height: 18px; }
.home-page .brand_list .brand-mask a:hover { background: #fff; color: #638eae; }
.home-page .brand_list h3 span a { color: #3B8DD1; }

/* 目录详情页 */
.down-show-page .show-hero { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; padding: 0 0 12px; overflow: hidden; }
.down-show-page .show-cover { -webkit-box-flex: 0; -webkit-flex: 0 0 250px; flex: 0 0 250px; width: 250px; margin: 0 18px 0 0; position: relative; }
.down-show-page .show-cover a { display: block; position: relative; overflow: hidden; border: 1px solid #ececec; height: 100%; }
.down-show-page .show-cover img { display: block; width: 250px; height: 250px; -o-object-fit: cover; object-fit: cover; }
.down-show-page .show-new { position: absolute; left: 0; top: 0; z-index: 2; background: #dd137b; color: #fff; font-size: 11px; font-style: normal; line-height: 18px; padding: 0 7px; }
.down-show-page .show-cover-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(99, 142, 174, 0.82); color: #fff; text-align: center; line-height: 250px; font-size: 16px; }
.down-show-page .show-cover a:hover .show-cover-mask { display: block; }
.down-show-page .show-info { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; width: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
.down-show-page .show-info-main { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.down-show-page .show-info h1 { margin: 0 0 10px; font-size: 18px; line-height: 1.4; color: #3B8DD1; }
.down-show-page .show-brand { margin: 0 0 8px; color: #888; font-size: 13px; line-height: 20px; }
.down-show-page .show-brand a { color: #3B8DD1; font-weight: bold; font-size: 15px; margin-right: 8px; }
.down-show-page .show-brand-more { font-weight: normal !important; font-size: 12px !important; color: #638eae !important; }
.down-show-page .show-specs { overflow: hidden; background: #f7fafc; border: 1px solid #e8eef2; margin: 0 0 10px; }
.down-show-page .show-specs span { float: left; width: 33.33%; box-sizing: border-box; padding: 12px 14px; border-right: 1px solid #e8eef2; border-bottom: 1px solid #e8eef2; }
.down-show-page .show-specs span:nth-child(3n) { border-right: 0; }
.down-show-page .show-specs span:nth-last-child(-n+3) { border-bottom: 0; }
.down-show-page .show-specs i { display: block; font-style: normal; color: #999; font-size: 12px; line-height: 18px; margin-bottom: 4px; }
.down-show-page .show-specs b { display: block; color: #333; font-size: 15px; line-height: 24px; font-weight: 600; }
.down-show-page .show-tags { margin: 0 0 6px; line-height: 22px; }
.down-show-page .show-tags a { display: inline-block; margin: 0 6px 4px 0; padding: 0 8px; height: 22px; line-height: 22px; background: #f3f6f8; color: #638eae; font-size: 12px; }
.down-show-page .show-tags a:hover { background: #638eae; color: #fff; }
.down-show-page .show-remark { color: #666; font-size: 13px; line-height: 1.65; max-height: 44px; overflow: hidden; margin: 0; }
.down-show-page .show-actions { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; margin-top: 10px; }
.down-show-page .show-cta { display: inline-block; min-width: 168px; padding: 8px 18px; background: #638eae; color: #fff !important; text-align: center; }
.down-show-page .show-cta em { display: block; font-style: normal; font-size: 12px; font-weight: normal; opacity: .9; line-height: 18px; }
.down-show-page .show-cta:hover { color: #fff; opacity: .92; }
.down-show-page .show-fav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-left: 10px; padding: 0 16px; border: 1px solid #638eae; color: #638eae; line-height: 1; }
.down-show-page .show-fav:hover { background: #638eae; color: #fff; }
.down-show-page .show-more-brand { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-left: 12px; color: #3B8DD1; font-size: 13px; line-height: 1; }
.down-show-page .book_pic_list { margin-top: 8px; }
.down-show-page .book_pic_list .head { background: #f7fafc; }
.down-show-page .book_pic_list .head .sub_nav a { color: #3B8DD1; }
.down-show-page .book_pic_list .list li .pic { overflow: hidden; }
.down-show-page .show-pic-mask { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; background: rgba(99, 142, 174, 0.82); color: #fff; text-align: center; font-size: 13px; pointer-events: none; }
.down-show-page .book_pic_list .list li .pic .show-pic-mask { line-height: 170px; }
.down-show-page .related .list li .pic .show-pic-mask { line-height: 115px; }
.down-show-page .book_pic_list .list li .pic:hover .show-pic-mask,
.down-show-page .related .list li .pic:hover .show-pic-mask { display: block; }
.down-show-page .related .list li .pic { overflow: hidden; }
.down-show-page .related .base_tit span a { color: #3B8DD1; font-size: 13px; font-weight: bold; }

/*======在线客服=========*/
.rides-cs { font-size: 12px; background: #435767; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius: 6px 0px 0 6px; }
.rides-cs a { color: #00A0E9; }
.rides-cs a:hover { color: #ff8100; text-decoration: none; }
.rides-cs .floatL { width: 36px; float: left; position: relative; z-index: 1; margin-top: 21px; height: 181px; }
.rides-cs .floatL a { font-size: 0; text-indent: -999em; display: block; }
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow: hidden; }
.rides-cs .floatR .cn { background: #F7F7F7; border-radius: 6px; margin-top: 4px; }
.rides-cs .cn .titZx { font-size: 14px; color: #333; font-weight: 600; line-height: 24px; padding: 5px; text-align: center; }
.rides-cs .cn ul { padding: 0px; }
.rides-cs .cn ul li { line-height: 38px; height: 38px; border-bottom: solid 1px #E6E4E4; overflow: hidden; text-align: center; }
.rides-cs .cn ul li span { color: #777; }
.rides-cs .cn ul li a { color: #777; }
.rides-cs .cn ul li img { vertical-align: middle; }
.rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index: 9; top: 25px; left: 0; background-image: url(../images/online.png); background-repeat: no-repeat; display: block; height: 146px; padding: 8px; }
.rides-cs .btnOpen { background-position: 0 0; }
.rides-cs .btnCtn { background-position: -37px 0; }
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px; }
.rides-cs ul li.bot { border-bottom: none; }

/*=========================VIP服务============================*/
.vip_content { font-size: 16px; line-height: 24px; word-wrap: break-word; }
.vip_content p { padding: 15px 0; }

/*=========================搜索框============================*/
.search_l { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #c1c1c1 -moz-use-text-color #c1c1c1 #c1c1c1; border-image: none; border-style: solid none solid solid; border-width: 2px medium 2px 2px; float: left; height: 33px; position: relative; width: 420px; z-index: 20; }
.search_l:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #36c40a -moz-use-text-color #36c40a #36c40a; border-image: none; border-style: solid none solid solid; border-width: 2px medium 2px 2px; }
.nowSearch { background: url("../images/s_ico1.jpg") no-repeat scroll 63px 16px; border-right: 1px solid #c1c1c1; color: #666; font-size: 14px; height: 36px; line-height: 36px; text-indent: 19px; width: 82px; }
.selOption { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-use-text-color: #638eae; background-color: #fff; border-color: #638eae; border-image: none; border-style: none solid solid; border-width: medium 2px 2px; left: 0px; position: absolute; width: 82px; z-index: 99999; }
.selOption li { line-height: 24px; text-indent: 19px; }
.selOption li a { color: #666; font-size: 14px; }
.selSearch { float: left; width: 82px; border: 2px solid #638eae; border-right: 0px; height: 36px; }

/*css default style pagination*/
div.digg { margin: 0; padding: 0 10px; text-align: left; font-size: 14px;  }
div.digg a { display: block; float: left; padding: 1px 6px; margin: 0 0 0 7px; border: 1px solid #e1e2e3; line-height: 20px; height: 20px; color: #3b8dd1; background: #fff; text-decoration: none; }
div.digg a:hover { border: 1px solid #3b8dd1; }
div.digg span { display: block; float: left; padding: 5px 0; line-height: 20px; height: 20px; margin: 0 0 0 7px; }
div.digg span.current { padding: 2px 6px; margin: 0 0 0 7px; color: #555; font-weight: bold; }
div.digg span.disabled { border: 1px solid #eee; padding: 1px 6px; margin: 0 0 0 7px; color: #ddd; }

/*css flickr style pagination*/
div.flickr { padding: 0px; margin: 2px 0px; text-align: center; font-family: Verdana; text-align: right;  }
div.flickr a { border: #dedfde 1px solid; padding: 2px 6px 2px 6px; background-position: 50% bottom;  color: #3b8dd1; margin-right: 3px;text-decoration: none; }
div.flickr a:hover { border: #000 1px solid;  background-image: none; color: #fff; background-color: #3b8dd1; }
div.flickr a:active { border: #000 1px solid; background-image: none;  color: #fff;  background-color: #3b8dd1; }
div.flickr span { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px; }
div.flickr span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #555; margin-right: 3px; padding-top: 2px; }
div.flickr span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }

/*百度广告样式*/
.baidu_ad { padding: 15px 0px; height: auto; background: #fff; width: 1180px; margin: 15px auto 0px; }

/* Viewer 左右悬浮翻页大箭头 */
.viewer-custom-nav {
    position: fixed;
    top: 50%;
    margin-top: -35px;
    width: 50px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 40px;
    line-height: 65px;
    text-align: center;
    cursor: pointer;
    z-index: 2016;
    user-select: none;
    -webkit-user-select: none;
    transition: background-color 0.2s, transform 0.2s;
    border-radius: 4px;
    display: none;
    font-family: Arial, sans-serif;
}
.viewer-custom-nav:hover {
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
}
.viewer-custom-prev {
    left: 20px;
}
.viewer-custom-next {
    right: 20px;
}