/*!
 * Creator: wkg(QQ:562153916)
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;vertical-align: baseline; font-style:normal; border:none;}
ol, ul {list-style: none outside none;}
input, button {font-family: "Microsoft Yahei","微软雅黑";display: inline-block;vertical-align: middle;}
input, input:focus, button, button:focus, select, textarea, textarea:focus, select:focus {outline: medium none;}
select {font-family: "Microsoft Yahei","微软雅黑";}
textarea {font-family: "Microsoft Yahei","微软雅黑";resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
th, td {vertical-align: middle;}
/**{ transition: all 0.1s linear 0.1s;}*/
.clearfix:before, .clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom:1}
.clear15{clear:both; height: 15px;overflow: hidden;}
.clear_ie67{clear:both; *height:1px; *overflow:hidden; *font-size:0px;}
.none{display:none;}
.absolute{position:absolute;}
.relative{ position:relative;}
.cursor{ cursor:pointer;}
.overflow-h { overflow:hidden;}
.dp-i-b { display:inline-block;}
.dp-b { display:block;}
.l {text-align: left !important;}
.fl { float:left;}
.fr { float:right;}
.boxshadow{ box-shadow:0px 1px 2px #cccccc;}
.vam {vertical-align: middle;}



/*边距属性控制---上*/
.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.mt-1{margin-top:-1px;}
.mt1{margin-top:1px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

/*边距属性控制---下*/
.pb2{padding-bottom:2px;}
.pb3{padding-bottom:3px;}
.pb4{padding-bottom:4px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}

/*边距属性控制---左*/
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

/*边距属性控制---右*/
.pr2{padding-right:2px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr9{padding-right:9px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.mr5{margin-right:5px;}
.mr9{margin-right:9px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

/*边距属性控制*/
.p1{padding:1px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p4{padding:4px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

/*对象背景属性控制*/
.bg1{background:#fff;}
.bg2{background:#2f7163;}
.bg3{background:#8c6a5e;}
.bg4{background:#f7669d;}
.bg3{background:#2f2f2f;}
.bg5{background:#860410;}
.bg6{background:#39b1af;}
.bg-gray{background:#f0f0f0;}
/*商城对象背景属性控制*/
.bg7{background:#f3f7fa;}
.bg8{background:#f9f5f2;}
.bg9{background:#e2e0e1;}
.bg10{background:#ff6d00;}

/*对象边框属性控制*/
.b1{border:1px solid #e0e0e0;}
.b2{border:1px solid #cdcdcd;}
.b3{border:1px solid #ee9f98; border-top:0;}
.b4{border:1px solid #ee9f98;}
.b5{border:1px solid #f0a099;}
.b6{border:1px solid #e0e0e0; border-top:0;}
.b7{border-top:2px solid #c2c2c2;}
.b8{border-bottom:1px solid #d9d9d9;}
.b9{border-bottom:1px solid #d95701;}
.b10{border-top:1px solid #fe802b;}
.b11{border:1px solid #eaeaea; border-top:2px solid #ff6d00;}

/*圆角控制*/
.br3 { border-radius:3px;}
.br5 { border-radius:5px;}

/*对象宽度控制*/
.w1124{width:1124px;margin:0 auto;}
.w1000{width:1000px;margin:0 auto;}
.w1190{width:1190px;margin:0 auto;}
.w1020{width:1020px;margin:0 auto;}
.w980{width:980px;margin:0 auto;}
.w978{width:978px;margin:0 auto;}
.w968{width:968px;margin:0 auto;}
.w960{width:960px;margin:0 auto;}
.w958{width:958px;margin:0 auto;}
.w930{width:930px;margin:0 auto;}
.w990{width:990px;margin:0 auto;}
.w900{width:900px;margin:0 auto;}
.w20{width:20px;}
.w94{width:94px;}
.w160{width:160px;}
.w180{width:180px;}
.w183{width:183px;}
.w190{width:190px;}
.w200{width:200px;}
.w202{width:202px;}
.w210{width:210px;}
.w220{width:220px;}
.w225{width:225px;}
.w232{width:232px;}
.w235{width:235px;}
.w245{width:245px;}
.w240{width:240px;}
.w244{width:244px;}
.w247{width:247px;}
.w248{width:248px;}
.w752{width:752px;}
.w250{width:250px;}
.w260{width:260px;}
.w268{width:268px;}
.w270{width:270px;}
.w280{width:280px;}
.w286{width:286px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w313{width:313px;}
.w320{width:320px;}
.w330{width:330px;}
.w324{width:324px;}
.w329{width:329px;}
.w335{width:335px;}
.w340{width:340px;}
.w345{width:345px;}
.w348{width:348px;}
.w358{width:358px;}
.w359{width:359px;}
.w364{width:364px;}
.w413{width:413px;}
.w450{width:450px;}
.w474{width:474px;}
.w422{width:422px;}
.w485{width:485px;}
.w498{width:498px;}
.w500{width:500px;}
.w535{width:535px;}
.w580{width:580px;}
.w630{width:630px;}
.w640{width:640px; margin:auto;}
.w680{width:680px;}
.w690{width:690px;}
.w700{width:700px;}
.w710{width:710px;}
.w713{width:713px;}
.w728{width:728px;}
.w730{width:730px;}
.w738{width:738px;}
.w740{width:740px;}
.w748{width:748px;}
.w750{width:750px;}
.w758{width:758px;}
.w760{width:760px;}
.w790{width:790px;}

.height418 { height:418px;}



/*标题样式*/
.title-01 {}



/*面包屑*/
.gdCrumb {color: #ffffff;font-family: 微软雅黑;padding: 15px 0 14px;}
.gdCrumb a { color:#ffffff;}
.gdCrumb a:hover {color:#fffc00;}


/*翻页*/
.pager { height:27px; line-height:27px; padding:30px 0px; text-align:center;}
.pager span, .pager a { display:inline-block; height:27px; text-align:center; color:#4e8ece; width:27px; border-radius:3px;}
.pager span { background:#69c0ed; color:#FFFFFF;}
.pager a:hover { background:#69c0ed; color:#FFFFFF;}
.pager a.prevpage { width:40px;background:url(../images/l-h-icon.gif) no-repeat 5px center #efefef; padding-left:20px; padding-right:5px; }
.pager a.nextpage { width:40px;background:url(../images/r-h-icon.gif) no-repeat 45px center #efefef; padding-right:20px; padding-left:5px; }
.pager a.prevpage:hover, .pager a.nextpage:hover { color:#666666;}
.pager a.prevpage:hover {background:url(../images/l-l-icon.gif) no-repeat 5px center #efefef;}
.pager a.nextpage:hover {background:url(../images/r-l-icon.gif) no-repeat 45px center #efefef;}

/*翻页*/
.wkg-page {margin: 20px 0;padding: 0 20px;}
.wkg-page span, .wkg-page a { display:inline-block; min-width:34px; height:34px; line-height:34px; text-align:center; background:#fafafa; border:1px solid #f3f3f3; font-size:14px; color:#999798; margin-left:4px;}
.wkg-page a:hover, .wkg-page span.hover { background:#ff8d62; border:1px solid #ed825e; color:#ffffff; text-decoration:none;}


/*返回顶部*/
.fix-area {bottom: 40px;left: 50%;margin-left: 505px;position: fixed;}
a.go-top-btn, a.feedback-btn {display: block;margin-bottom: 5px;text-indent: -9999px;width: 50px;}
.fix-area .go-top-btn {background: url(../images/go-top-btn.png) repeat;height: 50px;visibility: hidden;}
.fix-area .go-top-btn:hover {background: url(../images/go-top-btn-h.png) repeat;height: 50px;visibility: hidden;}
.fix-area .feedback-btn {background: url(../images/feedback-btn.png) repeat;height: 50px;width: 50px;}



/*树形菜单*/
.wkg-tree-wrap {}
.wkg-tree-wrap ul { margin-bottom:-1px;}
.wkg-tree-wrap ul li { border-bottom:1px solid #dddddd; display:block; width:100%; position: relative; z-index: 10; *float:left;}
.wkg-tree-wrap ul li .selected { background-color:#8caf00;  background-position:200px -9px; color:#fff; }
.wkg-tree-wrap ul li h4 { cursor:pointer; background:url(../images/shop/icon.png) no-repeat -305px -543px #f5f5f5; padding-left:15px; text-decoration:none; font-size:14px; color:#000000; display:block;  line-height:33px; font-weight:bold; }
.wkg-tree-wrap ul li.noline { border-bottom:none; }
.wkg-tree-wrap ul li h4:hover { color:#ff6d00; }
.wkg-tree-wrap ul li.selected h4 { background-position:-305px -499px; border-bottom:1px solid #dddddd;color:#ff6d00; }
.wkg-tree-wrap ul li.selected h4 a { color:#ff6d00;}
.wkg-tree-wrap li .list-item { background-color:#ffffff; padding:10px 0 10px 15px;}
.wkg-tree-wrap li .list-item span {  color: #555;display: inline-block;height: 22px;overflow: hidden;vertical-align: top;width: 88px;}
.wkg-tree-wrap li .list-item .url {border: 1px solid #fff;color: #666;display: inline-block;height: 18px;line-height: 18px;overflow: hidden;padding: 1px 2px;vertical-align: top;word-break: break-all;word-wrap: break-word;}
.wkg-tree-wrap li .list-item .url:hover { background:#ff6d00; color:#ffffff; text-decoration:none;}
.wkg-tree-wrap li .list-item .current {border: 1px solid #f76300;display: inline-block;font-style: normal;}
.wkg-tree-wrap li .list-item .current .url { border:0 none;}
.wkg-tree-wrap li .list-item .current .close {background:url(../images/shop/icon.png) no-repeat -487px -596px #af0000;color: #fff;display: inline-block;height: 13px;line-height: 13px;text-align: center;vertical-align: top;width: 13px; margin:3px 2px 0 0;}
.wkg-tree-wrap li .list-item .current .url:hover { background:none; color:#666;}

/*半透明背景*/
.ol_box_mask {background: url(../images/shop/png.png) repeat;height: 100%;left: 0;position:fixed;top: 0;width: 100%;z-index: 11000;}

/*按钮样式*/
.a-btn-blue {border-radius: 2px;cursor: pointer;display: inline-block;line-height: 1;padding: 8px 12px;text-align: center;background-color: #66b6ff;font-weight: 700; color:#ffffff; margin-bottom:4px;}
.a-btn-blue:hover { color:#FFFFFF;}
.a-btn-green {border-radius: 2px;cursor: pointer;display: inline-block;line-height: 1;padding: 8px 12px;text-align: center;background-color: #64ccb5;font-weight: 700; color:#ffffff; margin-bottom:4px;}
.a-btn-green:hover { color:#FFFFFF;}
.a-btn-gray {border-radius: 2px;cursor: pointer;display: inline-block;line-height: 1;padding: 8px 12px;text-align: center;background-color: #e8e8e8;font-weight: 700; color:#878787; margin-bottom:4px;}
.a-btn-gray:hover { color:#878787;}
.a-btn-red {border-radius: 2px;cursor: pointer;display: inline-block;line-height: 1;padding: 8px 12px;text-align: center;background-color: #d10000;font-weight: 700; color:#ffffff; margin-bottom:4px;}
.a-btn-red:hover { color:#ffffff;}
.a-btn-orange {border-radius: 2px;cursor: pointer;display: inline-block;line-height: 1;padding: 8px 12px;text-align: center;background-color: #ff8400;font-weight: 700; color:#ffffff; margin-bottom:4px;}
.a-btn-orange:hover { color:#ffffff;}