/******************************
 ** 初始化
 ******************************/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { font: 12px/1.5 "Microsoft Yahei"; color: #555; background: #FFF; }
img { border: 0px; }
ul, ol { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select { font: 12px/1 "SimSun"; color: #555; outline: 0; }
textarea { resize: none; overflow: auto; }
input[type='checkbox'], input[type='radio'] { vertical-align: -2px; margin-right: 5px; }
h1, h2, h3, h4, h5, h6, font { font-size: 14px; }
a { color: #666; text-decoration: none; cursor: pointer; }
a:hover, a:active { color: #2679D8; text-decoration: none; }
.clearfix:after { content: ""; clear: both; font-size: 0px; line-height: 0px; display: block; width: 100%; height: 0px; }
.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.hidden { display: none; }
.center { text-align: center; }
.autocut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.ease { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.red { color: #C81623; }

/******************************
 **  网站架构
 ******************************/

/* 登陆 */
.loginpage { width: 100%; height: 100%; background: url(../images/rep-login.png) center center repeat #2b88f2; }
.loginbox { width: 680px; height: auto; position: absolute; left: 50%; top: 50%; margin: -90px 0 0 -340px; }
.loginbox .head { float: left; width: 100%; height: 107px; }
.loginbox .head .logo { float: left; width: 270px; height: 70px; position:relative; color:#FFF; }
.loginbox .head .logo img { display:block; width: 270px; height: 70px; }
.loginbox .head .logo h3 { font-size:18px; font-weight:normal; position:absolute; left:70px; top:20px; }
.loginbox .head .logo p { font-size:16px; position:absolute; left:70px; top:48px; }
.loginbox .head span { float: left; font-size: 20px; height: 25px; line-height: 25px; color: #FFF; padding: 45px 0 0 10px; }
.loginbox .form { float: left; width: 100%; height: 36px; }
.loginbox .row, .loginbox .code, .loginbox .button { float: left; width: 197px; height: 36px; background: #FFF; }
.loginbox .row { border-left: 4px solid #fd3e2c; margin-right: 10px; position: relative; }
.loginbox .code { width: 148px; }
.loginbox .code img { vertical-align: middle; float: left; margin: 8px 3px 6px 8px; padding-left: 3px; border-left: 1px solid #d2d2d2; }
.loginbox .xcode { float:left; width: 55px; height: 36px; line-height: 36px; border: 0; padding: 0 10px; vertical-align:middle; }
.loginbox .button { width: 100px; background: #fd3e2c; float:right; }
.loginbox .txt { width: 177px; height: 36px; line-height: 36px; border: 0; padding: 0 10px; }
.loginbox .txt:focus { background: #f1f1f1; }
.loginbox .submit { width: 100%; height: 36px; border: 0; background: #fd3e2c; color: #FFF; cursor: pointer; }
.loginbox .submit:hover { background: #d91f0e; }
.loginbox .tap { float: left; width: 100%; height: 20px; line-height: 20px; color: #FFF; padding: 15px 0 0; }
.loginbox .tap a { color: #FFF; margin-left: 10px; }
.loginbox .tap label { margin-right: 10px; cursor: pointer; }
.loginbox .tap a:hover, .loginbox .tap label:hover { color: #b3ccf5; }
.loginbox .ico-user:before, .loginbox .ico-password:before { content: ""; width: 20px; height: 20px; position: absolute; right: 8px; top: 8px; background: url(../images/ico.png) -380px -60px no-repeat; }
.loginbox .ico-password:before { background-position: -380px -80px; }
.loginbox .validation-summary-errors { background-color: #D91F0E; color: #FFF; margin: 10px 0; padding: 5px 0 5px 20px; font-size: 14px; width: 97%; }

.loginbox .form-xs .row { width:275px; }
.loginbox .form-xs .txt { width:255px; }
.loginbox .form-xs .code { display:none; }

/* 头部 */
.header { position: fixed; left: 0; top: 0; width: 100%; height: 50px; background: #2B88F2; z-index: 100; }
.header .logo { float: left; width: 179px; height: 50px; border-right: 1px solid #2679D8; overflow: hidden; }
.header .logo img { display: block; width: 160px; height: 40px; position: relative; top: 5px; left: 5px; }
.header .logo h3 { font-size: 12px; font-weight: normal; position: absolute; left: 42px; top: 10px; color: #FFF; }
.header .logo p { font-size: 12px; position: absolute; left: 42px; top: 25px; color: #FFF; opacity: .7; }
.header .imenu { float: left; width: 128px; height: 50px; line-height: 50px; border-right: 1px solid #2679d8; text-align: center; }
.header .imenu a { display: block; height: 50px; color: #FFF; }
.header .quick { position: absolute; top: 0; right: 0; }
.header .quick .row { float: right; height: 50px; line-height: 50px; border-left: 1px solid #2679D8; color: #FFF; }
.header .quick .row a { display: block; padding: 0 15px 0 15px; color: #fff; }
.header .account { padding: 0 5px 0 15px; position: relative; }
.header .account .drop { position: absolute; width: 100%; right: 0; top: 50px; height: auto; background: #FFF; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); display: none; }
.header .account .drop dd { height: 40px; border-top: 1px solid #ddd; }
.header .account .drop a { display: block; height: 40px; line-height: 40px; padding: 0 10px; color: #666; }
.header .account .drop dd:hover { background: #f1f1f1; }
.header .quick .row:hover, .header .imenu:hover { background: #2679d8; }
.header .ico-shophome:before, .header .ico-help:before, .header .ico-search:before { content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url(../images/ico.png) 0 0 no-repeat; display: none; }
.header .ico-shophome:before { background-position: -120px 0; }
.header .ico-help:before { background-position: -80px 0; }
.header .ico-search:before { background-position: -40px 0; }
.header .account p:after { content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: url(../images/ico.png) -244px -66px no-repeat; margin-left: 20px; }
.header .account.current { background: #FFF !important; color: #666; }
.header .account.current p:after { background-position: -264px -66px; }
.header .account.current .drop { display: block; }

/* 侧栏导航 */
.navbar { position: fixed; width: 180px; left: 0; top: 50px; bottom: 0; background: #2b2b2b; }
.navcons { position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; }
.nav-pointer { width: 100%; height: 30px; background: #666; cursor: pointer; }
.nav-pointer:before { content: ""; display: block; width: 40px; height: 30px; background: url(../images/ico.png) 0 -85px no-repeat; margin: 0 auto; }
.nav-pointer:hover { background: #5e5e5e; }
.nav { position:absolute; left:0; top:30px; right:-21px; bottom:0; overflow:hidden; overflow-y:scroll;  }
.nav dd { min-height: 40px; overflow: hidden; }
.nav dd a { display: block; height: 40px; line-height: 40px; color: #FFF; }
.nav dd a:before { content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url(../images/ico-menu.png) center 0 no-repeat; }
.nav > dd > a >i { display: inline-block; float: right; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; border-width: 5px; margin-top: 15px; width: 0; height: 0; overflow: hidden; margin-right:12px; }
.nav > dd > a > i.triangle_open { border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; border-width: 5px; margin-top: 20px; margin-right: 4px; }
.nav dd:hover { background: #474646; }
.nav dd.current { background: #2b88f2; }
.nav dd span { }
.navbar-mini { width: 40px; }
.navbar-mini .nav-pointer:before { background-position: -40px -85px; }
.navbar-mini dd a { padding: 0; }
.navbar-mini dd span { display: none; }
.nav .manage-icon-set:before { background-position:center -2px; }
.nav .manage-icon-other:before { background-position:center -122px; }
.nav .manage-icon-recommend:before { background-position:center -482px; }
.nav .sub-nav dd a:before { background: none; }
.sub-nav { background-color: #2b2b2b; }
.sub-nav .current { background: #474646 !important; }
.sub-nav .current span { color: #fff !important; font-weight: bold; }

/* 菜单全图标 */
.manage-icon-lg-set:before, .manage-icon-lg-pro:before, .manage-icon-lg-case:before, .manage-icon-lg-news:before,
.manage-icon-lg-honor:before, .manage-icon-lg-contact:before, .manage-icon-lg-about:before, .manage-icon-lg-job:before,
.manage-icon-lg-message:before, .manage-icon-lg-other:before, .manage-icon-lg-partner:before, .manage-icon-lg-custom:before,
.manage-icon-lg-custom2:before, .manage-icon-lg-recycle:before { content:""; display:block; width:40px; height:40px; background:url(../images/ico-menu-lg.png) center 0 no-repeat; position:relative; left:12px; top:12px; }
.manage-icon-lg-set:before { background-position:center 0; }
.manage-icon-lg-pro:before { background-position:center -440px; }
.manage-icon-lg-case:before { background-position:center -40px; }
.manage-icon-lg-news:before { background-position:center -200px; }
.manage-icon-lg-honor:before { background-position:center -160px; }
.manage-icon-lg-contact:before { background-position:center -240px; }
.manage-icon-lg-about:before { background-position:center -480px; }
.manage-icon-lg-job:before { background-position:center -360px; }
.manage-icon-lg-message:before { background-position:center -320px; }
.manage-icon-lg-other:before { background-position:center -120px; }
.manage-icon-lg-partner:before { background-position:center -80px; }
.manage-icon-lg-custom:before { background-position:center -280px; }
.manage-icon-lg-custom2:before { background-position:center -400px; }
.manage-icon-lg-recycle:before { background-position:center -520px; }

.nav dd a.manage-icon-a1:before, .nav dd a.manage-icon-a2:before,.nav dd a.manage-icon-a3:before, .nav dd a.manage-icon-a4:before, .nav dd a.manage-icon-a5:before, .nav dd a.manage-icon-a6:before, .nav dd a.manage-icon-a7:before, .nav dd a.manage-icon-a8:before, .nav dd a.manage-icon-a9:before, .nav dd a.manage-icon-a10:before, .manage-icon-recycle:before { background:url(../images/ico-menu.png) center 0 no-repeat; }
.nav dd a.manage-icon-a1:before { background-position:center -40px; }
.nav dd a.manage-icon-a2:before { background-position:center -200px; }
.nav dd a.manage-icon-a3:before { background-position:center -160px; }
.nav dd a.manage-icon-a4:before { background-position:center -240px; }
.nav dd a.manage-icon-a5:before { background-position:center -480px; }
.nav dd a.manage-icon-a6:before { background-position:center -360px; }
.nav dd a.manage-icon-a7:before { background-position:center -320px; }
.nav dd a.manage-icon-a8:before { background-position:center -80px; }
.nav dd a.manage-icon-a9:before { background-position:center -280px; }
.nav dd a.manage-icon-a10:before { background-position:center -400px; }
.nav dd a.manage-icon-recycle:before { background-position:center -522px; }


/* 主区域 */
.wrapper { position: absolute; z-index: 99; left: 180px; top: 50px; right: 0; bottom: 0; overflow: hidden; background: #f0f0f0; }
.wrapper-max { left: 40px; }
.menubar { position: absolute; left: 0; top: 0; z-index: 99; bottom: 0; width: 130px; background: #eff4f5; }
.menubar .main { width: 130px; overflow: hidden; }
.menubar .boxo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; }
.menubar .boxi { position: absolute; left: 0; top: 0; right: -20px; bottom: 0; overflow: hidden; overflow-y: scroll; }


.topclass { height: 70px; line-height: 70px; background: #dbe1e6; text-align: center; }
.menu { width: 100%; }
.menu dd { height: 40px; }
.menu dd a { display: block; height: 40px; line-height: 40px; text-align: center; color: #666; }
.menu dd:hover { background: #ddeaec; }
.menu dd.current { background: #fff; }
.menu-pointer { position: absolute; right: 0; top: 50%; margin-top: -25px; width: 19px; height: 50px; background: url(../images/ico.png) 0 -126px no-repeat; cursor: pointer; opacity: 0.8; }
.menu-pointer:hover { opacity: 1; }
.menubar-mini { width: 0; }
.menubar-mini .menu-pointer { right: -19px; background-position: -41px -126px; }
.container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; overflow: hidden; overflow-y: auto; background: #FFF; font-family: "SimSun", "Microsoft Yahei", "sans-serif"; font-size: 12px; min-width: 1000px; }
.container-max { left: 0px; }

/* 底部版权 */
.footer { position: fixed; left: 180px; bottom: 0; right: 0; height: 40px; line-height: 40px; text-align: center; color: #999; display: none; }


/******************************
 **  基本页面
 ******************************/

.index-page { position: absolute; left: 20px; top: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: auto; padding: 20px 20px 0 0; }
.index-head { height: 25px; line-height: 25px; font-size: 20px; color: #b1191a; font-weight: 700; margin-bottom: 15px; }
.filter-date { padding: 0 0 0 40px; height: 24px; overflow: hidden; position: relative; margin-bottom: 15px; }
.filter-date span { float: left; width: auto; height: 24px; line-height: 24px; text-align: center; padding: 0 20px; cursor: pointer; }
.filter-date span:hover { color: #2679D8; }
.filter-date span.cur { background: #2679D8; color: #FFF; }
.filter-date:before { content: ""; position: absolute; left: 10px; top: 2px; width: 20px; height: 20px; background: url(../images/ico.png) -240px -80px no-repeat; }

.index-money { width: 100%; height: 270px; background: #2679D8; color: #FFF; border-radius: 10px; margin-bottom: 20px; }
.index-money .head { font-size: 24px; height: 70px; line-height: 70px; padding: 0 0 0 40px; }
.index-money .money { height: 120px; padding: 0 0 0 40px; position: relative; left: -10px; }
.index-money .money .row, .index-money .money em { float: left; }
.index-money .money .row { width: 80px; height: 80px; background: url(../images/ico.png) -320px -180px no-repeat; line-height: 66px; text-align: center; color: #cecece; font-size: 50px; font-weight: 700; }
.index-money .money .d { color: #000; }
.index-money .money em { width: 20px; height: 20px; background: url(../images/ico.png) -380px -40px no-repeat; margin-top: 55px; }
.index-money .money .con { width: 100%; height: 68px; overflow: hidden; position: relative; }
.index-money .money dl { position: relative; }
.index-money .money dd { width: 100%; height: 68px; }


.index-money .number { line-height: 24px; padding: 0 0 0 40px; font-size: 18px; }

.index-msg { width: 100%; margin-bottom: 3%; }
.index-msg .row { float: left; width: 31.3333333333333333%; margin-left: 3%; background: #FFF; border-radius: 5px 5px 0 0; }
.index-msg .row:first-child { margin-left: 0; }
.index-msg .head { height: 40px; background: #e6e6e6; border-radius: 5px 5px 0 0; position: relative; }
.index-msg .head .ico { position: absolute; top: 15px; left: 50%; margin-left: -40px; width: 80px; height: 110px; line-height: 30px; text-align: center; font-size: 16px; }
.index-msg .head .ico:before { content: ""; display: block; width: 80px; height: 80px; background: url(../images/ico.png) 0 -180px no-repeat; }
.index-msg .head .ico:after { content: ""; position: absolute; left: 50%; margin-left: -6px; top: 70px; width: 12px; height: 12px; background: url(../images/ico.png) -264px -45px no-repeat; }
.index-msg .head .ico-user:before { background-position: -160px -180px; }
.index-msg .head .ico-order:before { background-position: -80px -180px; }

.index-msg .number { height: 60px; padding: 75px 0 0; text-align: center; font-size: 36px; font-weight: 700; color: #333; }
.index-msg .list { height: 100px; border-top: 1px solid #ddd; margin: 0 30px; padding: 10px 0; }
.index-msg .list dd { height: 24px; line-height: 24px; position: relative; }
.index-msg .list span { position: absolute; right: 0; top: 0; height: 20px; line-height: 20px; padding: 0 10px; background: #2679D8; color: #FFF; border-radius: 3px; font-size: 12px; }
.index-msg .list dd:nth-child(even) span { background: #2679BD; }

.index-chart { width: 100%; padding-bottom: 3%; }
.index-chart .row { float: right; width: 48.5%; height: 360px; background: #FFF; border-radius: 5px 5px 0 0; }
.index-chart .row:first-child { float: left; }
.index-chart .head { height: 40px; line-height: 40px; background: #2679D8; color: #FFF; border-radius: 5px 5px 0 0; }
.index-chart .head:before { content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url(../images/ico.png) 0 0 no-repeat; margin-left: 10px; }
.index-chart .head.ico-order:before { background-position: -120px -40px; }
.index-chart .head.ico-user:before { background-position: -200px -40px; }
.index-chart .main { margin: 0 10px; }
.index-chart .tab { width: 100%; padding: 30px 0 0; height: 24px; margin: 0 0 20px; overflow: hidden; }
.index-chart .tab dd { float: left; width:; height: 24px; line-height: 24px; padding: 0 10px; cursor: pointer; }
.index-chart .tab dd.cur { background: #2679D8; color: #FFF; }
.index-chart .chart { width: 100%; height: 200px; }
.index-chart .title { height: 34px; line-height: 34px; text-align: center; color: #2679D8; font-weight: 700; }








/******************************
 **  商品分类
 ******************************/

.classify-menu { width: 100%; height:; overflow: hidden; margin-bottom: 10px; }
.classify-menu dd { float: left; width: 90px; height: 30px; line-height: 30px; text-align: center; margin: 0 20px 0 0; cursor: pointer; background: #e64652; color: #FFF; display: none; }
.classify-menu dd.add { display: block; }
.classify-menu dd.add:hover { background: #ca3440; }

.classify-column { width: 100%; padding: 10px 0 10px 15px; }
.classify-column .sub { float: left; width: 20px; height: 20px; background: url(../images/ico.png) 0 0 no-repeat; cursor: pointer; margin-right: 10px; _display: inline; }
.classify-column .sub-show { background-position: -300px -60px; }
.classify-column .sub-show:hover { background-position: -300px -40px; }
.classify-column .sub-hide { background-position: -280px -60px; }
.classify-column .sub-hide:hover { background-position: -280px -40px; }
.classify-column .title { float: left; width: 150px; height: 20px; line-height: 20px; }
.classify-column .subtitle { margin-left: 35px; padding-left: 60px; background: url(../images/rep-sub.png) left center no-repeat; }
.classify-column .order { float: left; width: 50px; height: 18px; line-height: 18px; text-align: center; border: 1px dashed #cecece; }
.classify-column .order:focus { border: 1px solid #2b88f2; }

/*新增12.14*/
.product-list .order { float: left; width: 50px; height: 18px; line-height: 18px; text-align: center; border: 1px dashed #cecece; }
.product-list .order:focus { border: 1px solid #2b88f2; }

.tab-title { height: 39px; width: auto; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; margin: 40px 50px -1px 50px; }
.tab-title span { width: 80px; float: left; height: 38px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; line-height: 38px; font-size: 14px; color: #666; cursor: pointer; }
.tab-title a { display: block; }
.tab-title span.cur { border-top: 2px solid #00A3C8; background-color: #fff; }

.path-title { height: 40px; margin: 0 50px -1px 50px; overflow: hidden; }
.path-title h2 { height: 16px; line-height: 16px; border-left: 3px solid #e64652; padding: 0 0 0 10px; margin: 12px 0 0 0; float: left; }

.product-list .link { color: #ddd; }
.product-list .link a { color: #2679D8; margin: 0 3px; }
.product-list .link a:hover { text-decoration: underline; }
.form_reset { width: 200px; height: 40px; background: #999; color: #fff; display: block; /* margin: 0 auto 0 270px; */ border: 0; font-size: 16px; cursor: pointer; position: relative; top: 50px; float: left; }
.form_reset:hover { background: #666; }

/******************************
 **  商品类型
 ******************************/

.form-tag { display: inline-block; border: 1px solid #F00; color: #F00; padding: 5px 15px 5px 5px; font-size: 12px; margin: 0 0 20px 90px; }
.form-tag:before { content: ""; width: 20px; height: 20px; background: url(../images/ico.png) -240px -20px no-repeat; display: inline-block; vertical-align: -5px; margin-right: 5px; }
.ig-colink { padding: 5px 10px; color: #c81623; }
.ig-colink:hover { text-decoration: underline; color: #b1191a; }
.ig-sort-up, .ig-sort-down { display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url(../images/ico.png) -160px -80px no-repeat; overflow: hidden; text-indent: -99em; }
.ig-sort-down { background-position: -200px -80px; }
.ig-sort-up:hover, .ig-sort-down:hover { opacity: 0.8; }
.ig-txt { width: 100px; padding: 0 5px; height: 28px; line-height: 28px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; text-align: center; }
.ig-txt:focus { border-color: #c81623; background: #fefefe; box-shadow: 0 1px 1px rgba(0,0,0,0) inset; }
.ig-group-del { width: 100%; padding: 10px 0 0; }
.ig-group-del .item { float: left; height: 28px; line-height: 28px; border: 1px dashed #ddd; background: #FFF; padding: 0 30px 0 10px; margin: 0 10px 10px 0; position: relative; }
.ig-group-del a { position: absolute; right: 4px; top: 4px; width: 20px; height: 20px; background: url(../images/ico.png) -280px -80px no-repeat; cursor: pointer; overflow: hidden; text-indent: -99em; }
.ig-group-del a:hover { background-position: -280px -100px; }
.ig-group-del .item:hover { border-color: #c81623; color: #c81623; }

.type-add { width: auto; padding: 20px; }
.type-add > .head { width: 160px; height: 40px; line-height: 40px; background: #b1191a; color: #FFF; border-radius: 3px; font-size: 16px; text-align: center; margin-bottom: 20px; }
.type-add .submit { height: 30px; background: #e64652; color: #FFF; border-radius: 1px; font-size: 13px; border: 0; padding: 0 10px; cursor: pointer; }
.type-add .submit:hover { background: #ca3440; }

/******************************
 **  商品列表
 ******************************/

.product-filter { width: auto; margin-bottom: 10px; float: right; }
.product-filter dd { float: left; height: 30px; line-height: 30px; margin: 0 20px 10px 0; padding: 0 0 0 0; position: relative; _display: inline; }
.product-filter dd .head { float: left; height: 30px; line-height: 30px; text-align: right; }
.product-filter dd .txt { float: left; width: 100px; padding: 0 5px; height: 28px; line-height: 28px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; }
.product-filter dd .select { float: left; max-width: 150px; padding: 0 5px; height: 28px; line-height: 28px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; }
.product-filter dd .txt:focus, .product-filter dd .select:focus { border-color: #aaa; background: #fefefe; box-shadow: 0 1px 1px rgba(0,0,0,0) inset; }
.product-filter dd .tp { float: left; }
.product-filter dd span.tp { padding: 0 5px; }
.product-filter dt { float: left; }
.product-filter dt .submit { width: 80px; height: 30px; border: 0; background: #f7f5fa; border-radius: 1px; color: #666; font-size: 12px; cursor: pointer; border: 1px solid #ddd; }
.product-filter dt .submit:hover { background: #044fa5; color: #fff; }
.product-filter dt a.submit { display: inline-block; line-height: 30px; text-align: center; }

table.product-list { width: 100%; background: #FFF; text-align: center; }
table.product-list thead { background: #F6F7FC; overflow: hidden; color: #666; font-size: 14px; border: 1px solid #ddd; }
table.product-list thead td { height: 36px; padding: 0 5px; }
table.product-list tbody tr { border: 1px solid #ddd; }
table.product-list tbody td { height: 30px; line-height: 20px; padding: 3px 5px; }
table.product-list tbody td img { width: 60px; }
table.product-list tfoot tr { border: 1px solid #ddd; line-height: 30px; }
table.product-list tbody tr:hover { background: #f9f9f9; }
table.product-list tfoot { background: #fff; }
table.product-list .txt { width: 100px; padding: 0 5px; height: 28px; line-height: 28px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; }
table.product-list .txt.s_txt { width: 50px; }
table.product-list .txt.s_txt.s_txt_readonly { border-right: none; margin-right: 0; background-color: #ddd; }

.scan-img { width: 80px; height: 60px; overflow: hidden; border: 1px solid #d0d0d0; margin: 0 auto; }
.scan-img img { width: 100%; height: 100%; }
.ico-scan { width: 40px; height: 40px; background: url(../images/ico.png) -120px -80px no-repeat; overflow: hidden; text-indent: -99em; cursor: pointer; }
.ico-scan:hover { opacity: 0.5; }
table.product-list tbody tr:hover .link { text-decoration: none; color: #2679D8; }
table.product-list tbody tr:hover .scan-img { border-color: #2679D8; }

table.product-list .button { float: left; height: 30px; padding: 15px 0 10px 10px; }
table.product-list tfoot .ig-checkbox { float: left; margin: 0 10px 0 6px; }
table.product-list .button-1 { float: left; height: 28px; line-height: 28px; padding: 0 15px; background: #FFF; border: 1px solid #ddd; border-radius: 1px; margin-right: 5px; }
table.product-list .button-1:hover { border-color: #b1191a; }
table.product-list .button-2 { float: left; height: 28px; line-height: 26px; padding: 0 15px; background: #BBB; border: 1px solid #BBB; margin-right: 5px; color: #FFF; cursor: pointer; }
table.product-list .button-2:hover { box-shadow: 0 0 0 1000px #888 inset; border-color: #888; }
table.product-list .button-3 { float: left; height: 28px; line-height: 26px; padding: 0 15px; background: #2679D8; border: 1px solid #2679D8; margin-right: 5px; color: #FFF; cursor: pointer; }
table.product-list .button-3:hover { box-shadow: 0 0 0 1000px rgba(0,0,0,0.2) inset; border-color: #2679D8; }



.pager { float: right; height: 38px; padding: 10px 10px 10px 0; }
.pager span, .pager a { float: left; height: 34px; line-height: 34px; border: 1px solid #ddd; margin-right: -1px; _display: inline; padding: 0 15px; position: relative; z-index: 1; }
.pager select { height: 36px; border: 1px solid #ddd; padding: 0 15px; }
.pager span { cursor: no-drop; }
.pager span:first-child { border-color: #FFF; cursor: default; }
.pager span.cur { border: 1px solid #2679D8; background: #2679D8; color: #FFF; }
.pager span.cur + * { border-left-color: #2679D8; }
.pager a:hover { border-color: #2679D8; z-index: 2; }

.ig-checkbox { display: inline-block; width: auto; height: 30px; line-height: 30px; padding-left: 20px; cursor: pointer; position: relative; vertical-align: middle; }
.ig-checkbox input { border: 1px solid #ddd; background: #FFF; opacity: 0; filter: Alpha(opacity=0); position: absolute; left: 0; top: 10px; }
.ig-checkbox:before { content: ""; width: 14px; height: 14px; background: url(../images/ico.png) -263px -23px no-repeat #FFF; box-shadow: 0 0 1px #666 inset; position: absolute; left: 0; top: 8px; cursor: pointer; }
.ig-checkbox.checked, .ig-checkbox:hover { color: #2679D8; }
.ig-checkbox:hover:before { background-position: -283px -23px; }
.ig-checkbox.checked:before { background-position: -303px -23px; }

/** 顶部按钮组 **/
.add-button { right: 50px; top: 50px; height: 30px; float: left; margin-bottom: 15px; }
.add-button a { display: inline-block; margin: 0 10px 0 0; width: 80px; height: 30px; line-height: 30px; vertical-align: middle; background: #2679D8; color: #FFF; text-align: center; font-size: 12px; border-radius: 2px; }
.add-button a:hover { box-shadow: 0 0 0 1000px rgba(0,0,0,0.2) inset; }








/******************************
 **  添加商品
 ******************************/

.product-container { width: auto; margin: 0 50px 0 50px; padding: 40px 0 50px; }
.product-container-border { border: 1px solid #ddd; padding: 40px 50px 90px 50px; }
.product-container-border:after { content: ''; display: block; clear: both; }
.product-row { /*border-left:4px solid #f0f0f0; padding:0 0 30px 40px;*/ /*padding: 0 0 30px 0;*/ position: relative;display:none; }
.product-row:first-child { display: block; }
.product-row:last-child { border-color: #fff; }
.product-tip { width: 64px; height: 64px; line-height: 64px; text-align: center; position: absolute; left: -32px; top: -8px; background: url(../images/ico.png) -248px -189px no-repeat; font-family: "Agency FB"; font-size: 40px; color: #333; }
.product-head { height: 60px; line-height: 50px; font-size: 18px; padding-left: 50px; font-weight: bold; }
.product-head a { font-size: 14px; }
.product-main { width: 100%; font-size: 12px; }
.product-main .change-std-value { width: 50px; height: 18px; line-height: 18px; text-align: center; border: 1px dashed #cecece; }
.product-main .change-std-value:focus { border: 1px solid #c81623; }


/***********
 * form-row        : 单项目
 * form-group      : 项目组
 * form-upload     : 图片上传
 * form-colpick    : 颜色选择器
 * form-submit     ： 确认按钮
 * form-checkbox   ： 多选块
 **********/

.form-row { float: left; min-height: 30px; line-height: 30px; padding: 0 0 0 90px; position: relative; margin-bottom: 10px; clear: both; }
.form-row:after { content: ''; display: block; clear: both; }
.form-row .head { position: absolute; left: -10px; top: 0; width: 80px; text-align: right; white-space: nowrap; }
.form-row .txt, .form-row .text { float: left; width: 250px; padding: 0 5px; height: 28px; line-height: 28px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; margin-right: 10px; }
.form-row textarea.txt { line-height: 16px; }
.form-row .txt.s_txt, .form-row .text.s_txt { width: 111px; }
.form-row .text { height: 80px; line-height: 20px; }
.form-row .select, .form-row select { float: left; width: 200px; padding: 0 5px; height: 28px; line-height: 28px; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; }
.form-row .txt:focus, .form-row .text:focus, .form-row .select:focus { border-color: #aaa; background: #fefefe; box-shadow: 0 1px 1px rgba(0,0,0,0) inset; }
.form-row .icon { float: left; margin-right: 10px; }
.form-row table input + label { margin-right: 15px; }
.form-row > span { float: left; margin-right: 10px; }

.product-row[md='order-cell-1'] .form-row { margin-bottom: 0; }
.product-row[md='order-cell-2'] .form-row { float: left; clear: none; min-width: 300px; margin-bottom: 0; }
/* 订单栏目 */

/* 订单栏目 退款中订单提示 */
.form-foot .refund-notice { width: 100%; height: 20px; line-height: 20px; }
.form-foot .refund-notice .red { display: inline-block; border: 1px solid #f00; color: #f00; padding: 0 5px; font-size: 12px; }
.form-foot .refund-notice a.link { color: #2679d8; }
.form-foot .refund-notice a.link:hover { text-decoration: underline; }

.form-foot { height: 50px; background: none; padding: 0 !important; margin: 0 50px 0 190px; !important; position: relative; top: -75px; }
.form-foot .form-submit, .form-foot .form-cancel { float: left; margin: 10px 20px 0 0 !important; }
.form-submit, .form-cancel { width: 80px; height: 30px; background: #2679D8; color: #fff; border-radius: 1px; display: block; border: 0; font-size: 13px; cursor: pointer; }
.form-submit:hover { box-shadow: 0 0 0 1000px rgba(0,0,0,0.2) inset; }
.form-cancel { background: #999; text-align: center; line-height: 30px; }
.form-cancel:hover { background: #2679d8; color: #fff; }


.form-colpick { width: 100px; text-align: center; border-radius: 3px; color: #FFF; cursor: pointer; }
.form-colpick:hover { }

.form-upload { float: left; width: 80px; height: 30px; border-radius: 3px; background: #ddd; cursor: pointer; position: relative; overflow: hidden; margin-right: 10px; }
.form-upload iframe { width: 280px; height: 30px; opacity: 0; filter: Alpha(opacity=0); cursor: pointer; position: relative; left: -90px; z-index: 2; }
.form-upload:before { content: '图片上传'; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; }
.form-upload-product:before { content: '上传文件'; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; }
.form-upload:hover { background: #2679D8; color: #FFF; }
.form-file { height: 30px; cursor: pointer; }

.form-cut { width: 64px; height: 30px; overflow: hidden; display: inline-block; position: relative; cursor: pointer; background: #2679D8; border: 1px solid #2679D8; border-radius: 3px; color: #FFF; vertical-align: middle; margin-right: 10px; }
.form-cut:hover { box-shadow: 0 0 0 1000px rgba(0,0,0,0.2) inset; }

.form-group { width: 600px; }
.form-group > * { float: left; width: 190px; clear: none; }

.form-checkbox { margin-bottom: 20px; }
.form-checkbox .head { height: 30px; line-height: 30px; border-bottom: 2px solid #aaa; font-size: 14px; font-weight: 700; }
.form-checkbox .title { height: 30px; line-height: 30px; }
.form-checkbox .main { margin-bottom: 10px; }
.form-checkbox .ig-checkbox { display: inline-block; min-width: 50px; height: 30px; line-height: 30px; margin-right: 20px; padding-left: 20px; cursor: pointer; position: relative; }

/*权限*/
.form-checkbox .power-channel { font-size:14px; font-weight:bold; border-bottom:2px solid #336699; padding-bottom: 5px; }
.form-checkbox .power-block { font-weight: bold; padding: 10px 0 5px 0; }

.form-button > a { display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; padding: 0 20px; background: #ddd; border-radius: 3px; margin: 0 10px 10px 0; }
.form-button > a:hover { background: #aaa; color: #FFF; }

.content-page { position: absolute; left: 606px; top: 64px; }
.content-page input[type=button] { background-color: #fff; border: 1px solid #555; padding: 3px; border-radius: 5px; cursor: pointer; }

.content-box { width: 100%; }
.content-box .tab { float: left; width: auto; position: relative; z-index: 1; margin-bottom: 10px; border-radius: 3px; }
.content-box .tab li { float: left; padding: 0 30px; height: 30px; line-height: 30px; background: #FFF; border: 1px solid #ddd; cursor: pointer; font-size: 12px; margin-right: -1px; }
.content-box .tab li:first-child { border-radius: 3px 0 0 3px; }
.content-box .tab li:last-child { border-radius: 0 3px 3px 0; }
.content-box .tab li:hover { background: #f9f9f9; }
.content-box .tab li.cur { background: #f0f0ee; }
.content-box .main { width: 100%; min-height: 400px; clear: both; border: 1px solid #ddd; }



.upload-tag { width: 100%; height: 20px; line-height: 20px; margin-bottom: 20px; }
.upload-tag.auto-height { height: auto; margin-bottom: 0; }
.upload-tag span.red { display: inline-block; border: 1px solid #F00; color: #F00; padding: 0 5px; font-size: 12px; }

.form-table { background: #FFF; text-align: center; }
.form-table thead { background: #aaa; border: 1px solid #aaa; border-radius: 3px 3px 0 0; overflow: hidden; color: #FFF; font-size: 14px; }
.form-table tbody tr, .form-table tfoot tr { border: 1px solid #ddd; line-height: 25px; }
.form-table tbody tr:hover { background: #f9f9f9; }

.form-relink { width: 720px; clear: both; padding: 10px 0 0; }
.form-relink .all, .form-relink .select { float: left; width: 280px; height: 300px; font-size: 12px; padding: 0 5px; border: 1px solid #e5e5e5; }
.form-relink .select { float: right; }
.form-relink .button { float: left; width: 120px; padding: 0 20px; }
.form-relink .button a { display: block; width: 100%; background: #ddd; text-align: center; height: 30px; line-height: 30px; border-radius: 3px; margin-bottom: 10px; position: relative; top: 80px; font-size: 12px; }
.form-relink .button a:hover { background: #e64652; color: #FFF; }
.form-relink .button font { font-family: "宋体"; }

.form-nohead { padding-left: 0; }

.form-select-txt { float: left; width: 200px; height: 26px; line-height: 26px; border: 1px solid #ddd; padding: 0 5px; margin: 0 30px 0 0; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; }
.form-select-submit, .form-button2, .form-button3 { float: left; width: 118px; height: 28px; line-height: 28px; border: 0; background: #ddd; border-radius: 3px; cursor: pointer; font-size: 14px; }
.form-button2 { float: none; width: 88px; display: inline-block; text-align: center; margin-left: 10px; }
.form-button3 { float: left; width: 88px; text-align: center; margin: 0 12px 0 90px; }
.form-select-submit:hover, .form-button2:hover, .form-button3:hover { background: #e64652; color: #FFF; }
.form-select-txt:focus, .form-text .text:focus, .form-select2 .select:focus, .form-select .select:focus, .form-txt .txt:focus, .form-txt2 .txt:focus, .form-text .txt:focus { border-color: #999; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0) inset; }


/* 推荐管理 */
.recommend-name { border: 1px solid #ddd; border-bottom: none; background: #f5f5f5; padding-left: 10px; line-height: 35px; font-size: 14px; font-weight: bold; font-family: 'Microsoft YaHei'; color: #333; }
.recommend-add a.ease { display: block; background-color: #f5f5f5; color: #333; font-weight: bold; font-size: 14px; font-family: 'Microsoft Yahei'; }
.recommend-add a.ease:hover { background-color: #e6e6e6; }

/* 回收站 */
.add-button.recycle a { background: #bbb; border: 1px solid #bbb; height: 28px; }
.add-button.recycle a:hover { box-shadow: 0 0 0 1000px #888 inset; border-color: #888; }

/* 开发者中心 - FAQ */
.web-faq .web-faq-name { border: 1px solid #ddd; border-bottom: none; background: #f5f5f5; padding-left: 10px; line-height: 35px; font-size: 14px; font-weight: bold; font-family: 'Microsoft YaHei'; color: #333; }
.web-faq td { text-align: left; text-indent: 5px; }
.web-faq .web-faq-example .syntaxhighlighter { padding: 5px 0; }
.web-faq .web-faq-note { padding: 10px 2px; font-weight: bold; }
.web-faq-nav { background-color: #2b2b2b; position: fixed; right: 78px; top: 170px; z-index: 100; width: 150px; }
.web-faq-nav li { height: 25px; line-height: 25px; padding: 0 5px; border-bottom: 1px solid #474646; }
.web-faq-nav li a { font-size: 13px; color: #fff; display: block; }
.web-faq-nav li a:hover { font-weight: bold; }

/* Install */
body.install-page { min-width: 100%; min-height: 400px; }
.install-container { width: 900px; margin: 100px auto 0; }
.install-head { padding: 0 0 20px 120px; }
.install-head h2 { font-size: 20px; }
.install-row { padding-bottom: 10px; }
.install-name { float: left; font-size: 14px; line-height: 30px; width: 120px; text-align: right; }
.install-input { float: left; }
.install-input input { height: 30px; width: 300px; text-indent: 5px; }
.install-input select { height: 30px; width: 304px; text-indent: 5px; }
.install-input .exp { font-size: 13px; padding-top: 5px; }
.install-submit { padding: 20px 0 0 120px; }
.install-submit input[type=submit] { height: 30px; width: 200px; font-weight: bold; }
.install-error { padding: 20px 0 0 120px; font-size: 14px; color: #c81623; }


/* 弹出层 */
.layer-container { padding: 15px; }
.layer-container .form-foot { top: 0; clear: both; margin: 0 0 0 90px; }
.layer-container .form-row-word { margin-bottom: 0; }

/*
.form-select, .form-select2, .form-txt, .form-txt2 { float:left; width:300px; line-height:40px; padding:0 0 0 90px; position:relative; margin-bottom:10px; }
.form-select-line, .form-select2-line, .form-txt-line, .form-txt2-line { float:left; width:auto; height:auto; line-height:40px; padding:0 0 0 110px; position:relative; margin-bottom:10px; }
.form-checkbox .head, .form-select .head, .form-txt .head, .form-txt2 .head, .form-text .head, .form-text .head2 { position:absolute; left:-10px; top:0; width:80px; text-align:right; }
.form-select-line .head,.form-txt-line .head{ position:absolute; left:-10px; top:0; width:120px; text-align:right; }
.form-text .head2 { line-height:20px; }
.form-txt .txt, .form-txt2 .txt, .form-select .txt,.form-select-line .txt,.form-txt-line .txt { width:250px; padding:0 5px; height:28px; line-height:28px; border:1px solid #ddd; box-shadow:0 1px 1px rgba(0,0,0,0.075) inset; }



.form-txt2 { float:none; width:600px; }
.form-txt2 .txt { float:left; width:400px; }
.form-txt2 .txt.txt-100 { width:100px; }
.form-txt2 .txt.txt-200 { width:200px; }
.form-txt2 .txt.txt-250 { width:250px; }
.form-txt2 .txt.txt-300 { width:300px; }
.form-txt2 .txt.txt-400 { width:400px; }
.form-txt2 .txt.txt-500 { width:500px; }
.form-txt2 .txt.txt-600 { width:600px; }
.form-text { width:600px; height:auto; line-height:40px; padding:0 0 0 90px; position:relative; margin-bottom:10px; clear:both; }
.form-text .text { width:250px; padding:5px; height:160px; line-height:20px; border:1px solid #ddd; box-shadow:0 1px 1px rgba(0,0,0,0.075) inset; }
.form-text .text-600 { width:620px; }

.form-select select, .form-select2 select,.form-select-line select { width:200px; padding:0 5px; height:28px; line-height:28px; border:1px solid #ddd; box-shadow:0 1px 1px rgba(0,0,0,0.075) inset; }
.form-select .select-160 { width:160px; }
.form-select span { margin-left:5px; }
.form-select2 { width:180px; height:30px; line-height:30px; padding-left:0; }
.form-select2 .select { width:162px; }







.upload-img { width:100%; overflow:hidden; }
.upload-img .row, .upload-img .button { float:left; width:133px; height:100px; border:1px solid #ddd; overflow:hidden; margin:0 15px 15px 0; _display:inline; cursor:pointer; position:relative; }
.upload-img .row img { display:block; width:100%; height:100%; background:#f9f9f9; }
.upload-img .button:before { content:""; width:20px; height:20px; background:url(../images/ico.png) -260px -80px no-repeat; display:block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px; }
.upload-img .row:hover, .upload-img .button:hover { border-color:#c81623; background:#fefefe; }


*/

/*2016-3-8*/

/******************************
 ** 图标类
 ******************************/
.manage-icon { background: url(../images/manage-icon.png) no-repeat; }
.manage-icon-14, .manage-icon-15, .manage-icon-16, .manage-icon-17, .manage-icon-18, .manage-icon-19, .manage-icon-20 { background: url(../images/manage-icon.png) no-repeat; display: block; }
.manage-icon-14 { height: 17px; width: 17px; background-position: -25px 0; }
.manage-icon-15 { height: 63px; width: 63px; background-position: -654px 0; }
.manage-icon-16 { height: 63px; width: 63px; background-position: -717px 0; }
.manage-icon-17 { height: 63px; width: 63px; background-position: -780px 0; }
.manage-icon-18 { height: 63px; width: 63px; background-position: -465px 0; }
.manage-icon-19 { height: 63px; width: 63px; background-position: -528px 0; }
.manage-icon-20 { height: 63px; width: 63px; background-position: -591px 0; }
.manage-icon-10 { display: block; float: left; margin-right: 5px; background: url(../images/manage-icon.png) no-repeat; height: 20px; width: 20px; background-position: -42px 0; }
.message-num { display: inline-block; height: 24px; line-height: 24px; text-align: center; font-style: normal; margin-left: -6px; width: 15px; background: url(../images/manage-icon.png) no-repeat; background-position: -10px 0; }
.manage-icon-1:before, .manage-icon-2:before, .manage-icon-3:before, .manage-icon-4:before, .manage-icon-5:before, .manage-icon-6:before, .manage-icon-7:before, .manage-icon-8:before, .manage-icon-9:before { background-image: url(../images/manage-icon.png); background-repeat: no-repeat; }
.manage-icon-1:before { background-position: -142px 0; }
.manage-icon-2:before { background-position: -262px 0; }
.manage-icon-3:before { background-position: -222px 0; }
.manage-icon-4:before { background-position: -182px 0; }
.manage-icon-5:before { background-position: -382px 0; }
.manage-icon-6:before { background-position: -342px 0; }
.manage-icon-7:before { background-position: -302px 0; }
.manage-icon-8:before { background-position: -62px 0; }
.header .manage-icon-9:before { content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background-position: -102px 0; }



/******************************
 ** 后台首页
 ******************************/
.home-container { width: 100%; height: 100%; overflow: auto; }
.home-container .home-top { /*width: 100%;*/ height：400px; background-color: #f8f8f8; padding-left: 60px; padding-right: 30px; background: url(../images/manage-index.jpg) right 30px no-repeat #f8f8f8; overflow: hidden; }
.home-container .home-bottom { /*width: 100%;*/ height：400px; padding-left: 60px; padding-right: 30px; background-color: #f0f0f0; overflow: hidden; }
.home-top .home-welcome { padding-top: 30px; height: 20px; line-height: 20px; text-align: left; font-size: 12px; color: #0057bb; }
.home-top .hnjing-logo { height: 40px; margin-top: 18px; margin-bottom: 18px; }
.home-top .update-date { height: 20px; line-height: 20px; text-align: left; font-size: #333333; font-weight: bold; }
.home-top .site-info { margin-top: 15px; padding-top: 10px; width: 320px; border-top: 1px solid #cccccc; }
.site-info p { height: 30px; line-height: 30px; background: url(../images/i-m-12.png) left center no-repeat; padding-left: 20px; font-size: 12px; color: #333; }
.site-info p a { color: #333; }
.site-info p span { font-weight: bold; color: #ff8a00; }
.home-bottom .bottom-title { padding-top: 28px; height: 20px; line-height: 20px; text-align: left; font-size: 14px; font-weight: bold; color: #2b88f2; }
.home-bottom .bottom-title .edit-btn { font-size: 12px; color: #999999; font-weight: normal; text-decoration: underline; padding-left: 20px; cursor: pointer; /*font-weight: normal;*/ }
.home-bottom .bottom-title .save-btn { display: inline-block; height: 20px; width: 43px; margin-left: 20px; background: url(../images/manage-icon.png) no-repeat; background-position: -422px 0; text-align: center; color: #fff; cursor: pointer; font-weight: normal; }
.quick-nav-list { padding: 10px; }
.quick-nav-list .quick-nav-item { width: 63px; height: 90px; margin: 30px; float: left; position: relative; z-index: 1; }
.quick-nav-list .quick-nav-item i { display: block; width: 63px; height: 63px; border-radius: 50%; overflow: hidden; border: 2px solid #2b88f2; -webkit-transition: all 0.5s linear; }
.quick-nav-list .quick-nav-item:hover i { box-shadow: 0 0 0 4px rgba(43, 136, 242, 0.2); -webkit-transform: rotate(360deg); }
.quick-nav-list .quick-nav-item .close-item { background: url(../images/manage-icon.png) no-repeat; display: block; height: 17px; width: 17px; background-position: -25px 0; position: absolute; z-index: 2; top: 1px; right: 1px; cursor: pointer; }
.quick-nav-list .quick-nav-item p { line-height: 37px; height: 37px; text-align: center; color: #2b88f2; }
.quick-nav-add { float: left; width: 59px; height: 59px; border-radius: 50%; border: 2px solid #bebebe; background: none; position: relative; top: 30px; left: 30px; cursor: pointer; }
.quick-nav-add:before { content: ""; width: 28px; height: 4px; position: absolute; left: 50%; top: 50%; margin: -2px 0 0 -14px; background: #bebebe; }
.quick-nav-add:after { content: ""; width: 4px; height: 28px; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -2px; background: #bebebe; }
.quick-nav-add:hover { border-color: #ff8a00; box-shadow: 0 0 50px rgba(255,255,255,0.5) inset; }
.quick-nav-add:hover:before, .quick-nav-add:hover:after { background: #ff8a00; }




/* 帮助中心 */

.helper-container { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; overflow: hidden; }
.helper-main { position: absolute; left: 0; top: 0; right: -30px; bottom: 0; background: #fff; }

.help-title { margin-bottom: 50px; }
.help-list { margin: 0 50px 20px 50px; }
.help-list dt { height: 30px; line-height: 30px; font-size: 16px; position: relative; margin-bottom: 10px; }
.help-list dt span { margin-right: 10px; }
.help-list dt .video { position: absolute; right: 0; top: 0; font-size: 14px; background: #2084e0; color: #FFF; line-height: 30px; padding: 0 10px; border-radius: 5px; }
.help-list dt .video:hover { box-shadow: 0 0 1000px rgba(0,0,0,0.2) inset; }
.help-list dd { height: 32px; line-height: 32px; border-bottom: 1px dashed #aaa; }
.help-list dd span { margin-right: 10px; color: #999; }
.help-list dd a { color: #333; }
/* 帮助中心 V2 */
.blogList { width: auto; clear: both; margin: 0 50px 0 50px; }
.blogListTitle { width: 100%; height: 38px; line-height: 38px; margin-top: 7px; }
.blogListTitle .titleLeft { float: left; width: 5px; height: 100%; }
.blogListTitle .titleMiddle { float: left; width: 477px; height: 100%; font-weight: 700; }
.blogListTitle font { float: left; color: #e7161a; font-size: 14px; margin-right: 3px; }
.blogListTitle .titleMiddle a { display: block; color: #333b41; text-decoration: none; font-size: 16px; }
.blogListTitle .titleRight { float: left; width: 5px; height: 100%; }
.blogListIntro { clear: both; width: auto; height: auto; line-height: 22px; padding: 0 7px 13px 3px; border-bottom: 1px solid #ccc; }
.blogListIntro a { color: #0178de; }

/* 数据统计 */
/*
.layout-cnzz-bottom, .layout-cnzz-top { position:fixed; left:180px; top:50px; right:0; height:135px; background:#fcfdff; z-index:999; }
.layout-cnzz-bottom { top:255px; bottom:0; height:auto; }
.layout-cnzz-right, .layout-cnzz-left { position:fixed; left:180px; top:185px; width:100px; height:70px; background:#fcfdff; z-index:999; }
.layout-cnzz-right { left:1030px; width:100%; }
*/

/* 帮助中心详情页 */
.page-help { width: 100%; height: 100%; position: relative; background: #FFF; overflow: hidden; overflow-y: auto; }

.help-article { padding: 15px 15px 15px 30px; margin-right: 335px; border-right: 1px solid #ddd; }
.help-head { border-bottom: 2px solid #e5e5e5; position: relative; margin-bottom: 20px; }
.help-head h1 { font-size: 24px; font-weight: 400; line-height: 30px; padding: 5px 0; }
.help-head .ins { height: 35px; line-height: 30px; }
.help-head .ins span { color: #666; margin-right: 15px; }
.help-head .share { position: absolute; right: 0; bottom: 5px; height: 30px; line-height: 30px; overflow: hidden; }
.help-head .share > div { position: relative; left: 35px; -webkit-transform: scale(0.65,0.65); -moz-transform: scale(0.65,0.65); -ms-transform: scale(0.65,0.65); transform: scale(0.65,0.65); }

.help-content { padding-bottom: 40px; }
.help-keywords { line-height: 20px; padding: 5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: -1px; }
.help-keywords span { margin: 0 15px 0 0; }
.help-relink { height: 80px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.help-relink .link { margin: 0 220px 0 0; padding: 10px 0; height: 80px; }
.help-relink .link dd { height: 30px; line-height: 30px; }
.help-relink .link a { }
.help-relink .share { float: right; width: 190px; height: 65px; padding: 15px 0 0 15px; border-left: 1px solid #ddd; }

.help-adv { width: 100%; overflow: hidden; margin-bottom: 20px; }
.help-adv img { width: 100%; }

.help-more { border-top: 5px solid #000; padding: 10px 0 0; }
.help-more h2 { font-size: 18px; line-height: 30px; color: #000; margin-bottom: 10px; }
.help-more .list { line-height: 30px; }
.help-more .list dd { height: 30px; overflow: hidden; }
.help-more .list a { padding-left: 15px; background: url(../images/ico-news.png) 2px center no-repeat; color: #000; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.help-more .list span { font-size: 12px; color: #999; -webkit-transform: scale(0.7,0.7); margin-left: 10px; }
.help-more .list a:hover { background: none; padding-left: 0; font-weight: 700; }

.help-sidebar { float: right; width: 320px; height: auto; border-left: 1px solid #ddd; margin-right: 15px; }
.help-os { border-bottom: 1px solid #ddd; padding: 15px 0 15px 15px; }
.help-os:last-child { border-bottom: 0; }
.help-os h2 { font-size: 18px; line-height: 30px; color: #000; margin-bottom: 10px; }
.help-os .adv { width: 100%; overflow: hidden; margin-bottom: 10px; }
.help-os .adv img { display: block; width: 100%; }
.help-os .list { line-height: 30px; }
.help-os .list dd { height: 30px; overflow: hidden; }
.help-os .list a { width: 100%; padding-left: 15px; background: url(../images/ico-news.png) 2px center no-repeat; color: #000; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.help-os .list a:hover { background: none; padding-left: 0; font-weight: 700; }

.help-os .list2 { line-height: 30px; }
.help-os .list2 dd { height: 36px; line-height: 36px; overflow: hidden; position: relative; border-bottom: 1px solid #ddd; }
.help-os .list2 dd:last-child { border-bottom: 0; }
.help-os .list2 a { display: block; width: 200px; padding-left: 30px; color: #000; }
.help-os .list2 span { font-size: 12px; color: #910000; position: absolute; right: 0; top: 0; }
.help-os .list2 dd:before { content: "1"; width: 22px; height: 22px; line-height: 22px; text-align: center; background: #cacaca; position: absolute; left: 0; top: 7px; border-radius: 50%; color: #FFF; }
.help-os .list2 dd:nth-child(1):before { content: "1"; background: #910000; }
.help-os .list2 dd:nth-child(2):before { content: "2"; background: #910000; }
.help-os .list2 dd:nth-child(3):before { content: "3"; background: #910000; }
.help-os .list2 dd:nth-child(4):before { content: "4"; }
.help-os .list2 dd:nth-child(5):before { content: "5"; }
.help-os .list2 dd:nth-child(6):before { content: "6"; }
.help-os .list2 dd:nth-child(7):before { content: "7"; }
.help-os .list2 dd:nth-child(8):before { content: "8"; }
.help-os .list2 dd:nth-child(9):before { content: "9"; }
.help-os .list2 dd:nth-child(10):before { content: "10"; }
.help-os .list2 a:hover { text-decoration: underline; color: #910000; }


/******************************
 ** 组件类
 ******************************/

/* 工具 */
.ig-tooltip { width: auto; height: 14px; line-height: 14px; white-space: nowrap; padding: 5px 10px; border-radius: 3px; background: #333; color: #FFF; position: absolute; left: 50px; z-index: 100; visibility: hidden; }
.ig-tooltip:before { content: ""; width: 0; height: 0; border: 5px solid transparent; border-right-color: #333; position: absolute; left: -10px; top: 7px; }

/* 上传按钮 */
.ig-file-button { width: 64px; height: 30px; overflow: hidden; display: inline-block; position: relative; cursor: pointer; vertical-align:middle; margin-right:10px; }
.ig-file-button:before { content: "点击上传"; width: 62px; height: 28px; line-height: 28px; text-align: center; position: absolute; left: 0; top: 0; background: #f1f1f1; border: 1px solid #ddd; border-radius: 3px; z-index: 1; }
.ig-file-button:hover:before { background:#e1e1e1; }
.ig-file-button iframe { opacity: 0; filter: Alpha(opacity=0); position: absolute; left: -90px; top: 0; z-index: 2; cursor: pointer; }

/* 剪裁按钮 */
.ig-cut-button { width: 64px; height: 30px; overflow: hidden; display: inline-block; position: relative; cursor: pointer; background: #2b88f2; border: 1px solid #2b88f2; border-radius: 3px; color: #FFF; vertical-align:middle; margin-right:10px; }
.ig-cut-button:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; }

/* 步骤提示 */
.ig-step { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,0.85) !important; background: url(../images/blank.png) center center repeat; overflow: hidden; }
.ig-step .row { display: none; }
.ig-step .row-1 { position: absolute; right: 328px; top: 0; display: block; }
.ig-step .row-2 { position: absolute; left: 0; top: 80px; }
.ig-step .row-3 { position: absolute; left: 180px; top: -2px; }
.ig-step .button { position: absolute; width: 200px; height: 70px; top: 400px; left: 50%; margin-left: -100px; cursor: pointer; }
.ig-step .button:hover { opacity: 0.5; }

/* 通用按钮 */
.ig-button { height: auto; margin: 0 25px 0 115px; padding: 0 0; clear: both; }
.ig-button .button { display: inline-block; width: 90px; height: 34px; line-height: 34px; text-align: center; background: #ddd; border: 0; vertical-align: middle; margin-right: 10px; cursor: pointer; font-size: 14px; }
.ig-button .submit, .ig-button .reset { width: 90px; height: 34px; line-height: 34px; text-align: center; background: #b1191a; vertical-align: middle; margin-right: 10px; border: 0; color: #FFF; cursor: pointer; font-size: 15px; }
.ig-button .reset { background: #999; }
.ig-button > *:hover { box-shadow: 0 0 0 1000px rgba(0,0,0,0.2) inset; }
.ig-button .reset:hover { background: #2a86f0; }
/* 多图上传 */
.form-images { width: auto; padding: 0 0 0 90px; position: relative; margin-bottom: 10px; overflow: hidden; }
.form-images .head { position: absolute; left: -10px; top: 0; width: 90px; text-align: right; line-height: 40px; }

/* 富文本区域 */
.form-content { width: auto; padding: 0 0 0 90px; position: relative; margin-bottom: 10px; overflow: hidden; }
.form-content .head { position: absolute; left: -10px; top: 0; width: 90px; text-align: right; line-height: 40px; }
.form-content .main { margin: 0 20px 0 0; }

/* 弹出框 */
#alertMsg { position:fixed; left:50%; top:50%; z-index:1000; width:400px; min-height:90px; margin:-50px 0 0 -200px; background:#FFF; border:1px solid #ddd; border-radius:3px; padding:10px; display:none; }
#alertMsg .Msg_head { height:30px; border-bottom:1px solid #ddd; margin-bottom:10px; }
#alertMsg .Msg_head h1 { height:24px; line-height:24px; font-size:15px; position:absolute; left:10px; top:10px; font-weight:400; }
#alertMsg .Msg_head [type='button'] { position:absolute; right:10px; top:10px; width:24px; height:24px; background:url(../images/ico-close-gray.png) center center no-repeat; text-indent:-99em; overflow:hidden; border:0; cursor:pointer; }
#alertMsg .Msg_head [type='button']:hover { background-image:url(../images/ico-close-red.png); }
#alertMsg .Msg_main { min-height:40px; }
#alertMsg .Msg_main strong { font-size:16px; font-weight:400; color:#666; }
#alertMsg .Msg_main .select { width:260px; height:34px; margin-right:30px; }
#alertMsg .Msg_main [type='button'] { width:105px; height:34px; background:#2b88f2; color:#FFF; font-size:16px; border:0; border-radius:3px; cursor:pointer; }
#alertMsg .Msg_main [type='button']:hover { background:#0d70e0; }
#alertMsg .Msg_tip { font-size: 12px; color: #f00; }
#alertMsg .Msg_foot { text-align:right;  }
#alertMsg .Msg_foot a { margin-left:10px; color:#2b88f2; }
#alertMsg .Msg_foot a:hover { text-decoration:underline; }

#mybg { background: #666; display: none; filter: Alpha(opacity=50); opacity: 0.5; -ms-filter: "alpha(opacity=50)"; top: 0; left: 0; height: 100%; width: 100%;
z-index: 999; position: fixed; }

.ig-multigraph { width: 100%; overflow: hidden; }
.ig-multigraph .search { width: 100%; }
.ig-multigraph .productPhoto { float: left; width: 75px; height: 75px; border: 1px solid #ddd; overflow: hidden; margin: 0 5px 5px; position: relative; }
.ig-multigraph .productPhoto:first-child { margin-left: 0; }
.ig-multigraph .productPhoto:hover { border-color: #2679D8; }
.ig-multigraph .productPhoto img { display: block; }
.ig-multigraph .opr { width: 100%; height: 15px; padding: 5px 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.85); color: #FFF; display: none; }
.ig-multigraph .opr > * { width: 15px; height: 15px; float: right; overflow: hidden; text-indent: -99em; cursor: pointer; margin-right: 5px; }
.ig-multigraph .opr > *:hover { opacity: 0.5; }
.ig-multigraph .opr .delete { background: url(../images/ico-delete.png) center center no-repeat; }
.ig-multigraph .opr .cut { background: url(../images/ico-cut.png) center center no-repeat; }
.ig-multigraph .productPhoto:hover .opr { display: block; }
.ig-multigraph .add { float: left; width: 75px; height: 75px; border: 1px solid #ddd; overflow: hidden; position: relative; cursor: pointer; margin-bottom: 10px; }
.ig-multigraph .add:hover { border-color: #bbb; }
.ig-multigraph .add:hover iframe { opacity: 0.5; }
.ig-multigraph-button { display: block; width: 90px; height: 90px; position: relative; }
.ig-multigraph-button:before { content: ""; display: block; width: 90px; height: 90px; position: relative; z-index: 1; background: url(../images/i-m-20.png) center center no-repeat; background-size: 40px; }
.ig-multigraph-button [name="UploadFile"] { position: absolute; left: 0; top: 0; width: 90px; height: 90px; z-index: 2; opacity: 0; filter: Alpha(opacity=0); cursor: pointer; }

/* 单选 */
.og-radio { margin: 0 0 0 1px; height: 30px; position: relative; top: 2px; }
.og-radio .item { float: left; border: 1px solid #ddd; height: 28px; line-height: 28px; padding: 0 20px; margin: 0 0 0 -1px; background: #FFF; cursor: pointer; }
.og-radio .item input { opacity: 0; filter: Alpha(opacity=0); position: absolute; left: 0; top: 0; }
.og-radio .item:first-child { border-radius: 2px 0 0 2px; }
.og-radio .item:last-child { border-radius: 0 2px 2px 0; }
.og-radio .item:hover { background: #f1f1f1; }
.og-radio .item.checked { background: #f1f1f1; border-color: #ddd; position: relative; z-index: 1; cursor: no-drop; }
.og-radio .item.checked:hover { background: #e1e1e1; }

/* 多选 */
.og-checkbox { margin: 0 0 0 1px; }
.og-checkbox .item { float: left; border: 1px solid #ddd; height: 38px; line-height: 38px; padding: 0 20px; margin: 0 0 0 -1px; background: #FFF; cursor: pointer; }
.og-checkbox .item input { opacity: 0; filter: Alpha(opacity=0); position: absolute; left: 0; top: 0; }
.og-checkbox .item:first-child { border-radius: 2px 0 0 2px; }
.og-checkbox .item:last-child { border-radius: 0 2px 2px 0; }
.og-checkbox .item:hover { background: #f1f1f1; }
.og-checkbox .item.checked { background: #c81623; border-color: #c81623; border-left-color: #fff; border-right-color: #fff; position: relative; z-index: 1; color: #FFF; }
.og-checkbox .item.checked:hover { background: #056ce0; }

/* 富文本 */
.ig-formate { overflow: hidden; font-family: "Microsoft Yahei" !important; line-height: 2; }
.ig-formate img { max-width: 100%; }

/* 通用按钮 */
.btn-button { height: 28px; line-height: 26px; padding: 0 15px; background: #2679D8; border: 1px solid #2679D8; margin-right: 5px; color: #FFF; cursor: pointer; }
.btn-cancel { height: 28px; line-height: 26px; padding: 0 15px; background: #BBB; border: 1px solid #BBB; margin-right: 5px; color: #FFF; cursor: pointer; }


/* ao.css */
.nopostion { position: static; margin: 0; }
body { min-height:100%; min-width:1160px; }   /* 2016.3.22 jack */
hr { height: 0; border: 0; border-bottom: 1px dotted #ddd; margin-bottom: 10px; }
.num.ico  { height: 24px; line-height: 24px; margin-top: 2px; display: inline-block; width: 24px; border: 1px solid #d3d3d3; text-align: center; line-height: 24px; font-size: 18px; border-radius: 2px; }





/******************************
 ** 动画类
 ******************************/

@-webkit-keyframes toolTipLeft {
    0% { opacity: 0; -webkit-transform: translate(-10px, 0); }
    100% { opacity: 1; -webkit-transform: translate(0, 0); }
}