@charset "utf-8";
/* Author: lucy of wisdom
 * Copyright 2017 Admin Designs
===================================================
   Web of Contents
===================================================
  A. Typography
  B. Padding Helpers
  C. Margin Helpers
  D. LineHeight Helpers
  E. Height 
  F. Font Size Helpers
  G. Text Colors
  H. Border Colors
  I. Background Colors
  J. Float
  K. Ellipsis
  L. Width
  M. Position
  N. Box

===================================================
  layout
=================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { width: 100%; margin: 0; padding: 0; font-family: "Microsoft YaHei","arial","verdana"; color: #666; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%; font-size-adjust: 100%; font-weight: 400; font-size: 12px; line-height: 1.475; background-color: #fff; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
ol, ul li, dl, dt, dd, form, img, p, form { margin: 0; padding: 0; border: none; list-style-type: none; vertical-align: top; font-weight: normal; }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, button, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; word-wrap: break-word; word-break: break-all; font-style: normal; }
i, em, ins { font-style:normal;text-decoration:none; }
select, input { vertical-align: middle; }
button { font-family: "Microsoft YaHei"; cursor: pointer; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*===============================================
  A. Typography
================================================= */
a { text-decoration: none; cursor: pointer; }
a:focus { outline: none; }

p img { max-width: 100%; max-height: 100%;}
 
.clearfix { *zoom: 1;}
.clearfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; content: "."; font-size: 0; }

/*===============================================
  B. Padding Helpers
================================================= */
.pn { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.ptn { padding-top: 0 !important; }
.pt3 { padding-top: 3px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.prn { padding-right: 0 !important; }
.pr3 { padding-right: 3px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pbn { padding-bottom: 0 !important; }
.pb3 { padding-bottom: 3px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pln { padding-left: 0 !important; }
.pl3 { padding-left: 3px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/*===============================================
  C. Margin Helpers
================================================= */
.mn { margin: 0 !important; }
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m8 { margin: 8px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.mtn { margin-top: 0 !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt17 { margin-top: 17px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mrn { margin-right: 0 !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mbn { margin-bottom: 0 !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mln { margin-left: 0 !important; }
.ml3 { margin-left: 3px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
/*===============================================
  D. LineHeight Helpers
================================================= */
.h0 { height: 0 !important; }
.h1 { height: 1px !important; }
.h2 { height: 2px !important; }
.h3 { height: 3px !important; }
.h4 { height: 4px !important; }
.h5 { height: 5px !important; }
.h6 { height: 6px !important; }
.h7 { height: 7px !important; }
.h8 { height: 8px !important; }
.h9 { height: 9px !important; }
.h10 { height: 10px !important; }
.h11 { height: 11px !important; }
.h12 { height: 12px !important; }
.h13 { height: 13px !important; }
.h14 { height: 14px !important; }
.h15 { height: 15px !important; }
.h16 { height: 16px !important; }
.h17 { height: 17px !important; }
.h18 { height: 18px !important; }
.h19 { height: 19px !important; }
.h20 { height: 20px !important; }
.h21 { height: 21px !important; }
.h22 { height: 22px !important; }
.h23 { height: 23px !important; }
.h24 { height: 24px !important; }
.h25 { height: 25px !important; }
.h26 { height: 26px !important; }
.h27 { height: 27px !important; }
.h28 { height: 28px !important; }
.h29 { height: 29px !important; }
.h30 { height: 30px !important; }
.h31 { height: 31px !important; }
.h32 { height: 32px !important; }
.h33 { height: 33px !important; }
.h34 { height: 34px !important; }
.h35 { height: 35px !important; }
.h36 { height: 36px !important; }
.h37 { height: 37px !important; }
.h38 { height: 38px !important; }
.h39 { height: 39px !important; }
.h40 { height: 40px !important; }
.h41 { height: 41px !important; }
.h42 { height: 42px !important; }
.h43 { height: 43px !important; }
.h44 { height: 44px !important; }
.h45 { height: 45px !important; }
.h46 { height: 46px !important; }
.h47 { height: 47px !important; }
.h48 { height: 48px !important; }
.h49 { height: 49px !important; }
.h50 { height: 50px !important; }
.h102{ height: 102px;}
.h180{height: 180px !important; }
/*===============================================
  E. LineHeight Helpers
================================================= */
.lh0 { line-height: 0 !important; }
.lh12 { line-height: 12px !important; }
.lh13 { line-height: 13px !important; }
.lh14 { line-height: 14px !important; }
.lh15 { line-height: 15px !important; }
.lh16 { line-height: 16px !important; }
.lh17 { line-height: 17px !important; }
.lh18 { line-height: 18px !important; }
.lh19 { line-height: 19px !important; }
.lh20 { line-height: 20px !important; }
.lh21 { line-height: 21px !important; }
.lh22 { line-height: 22px !important; }
.lh23 { line-height: 23px !important; }
.lh24 { line-height: 24px !important; }
.lh25 { line-height: 25px !important; }
.lh26 { line-height: 26px !important; }
.lh27 { line-height: 27px !important; }
.lh28 { line-height: 28px !important; }
.lh29 { line-height: 29px !important; }
.lh30 { line-height: 30px !important; }
.lh31 { line-height: 31px !important; }
.lh32 { line-height: 32px !important; }
.lh33 { line-height: 33px !important; }
.lh34 { line-height: 34px !important; }
.lh35 { line-height: 35px !important; }
.lh36 { line-height: 36px !important; }
.lh37 { line-height: 37px !important; }
.lh38 { line-height: 38px !important; }
.lh39 { line-height: 39px !important; }
.lh40 { line-height: 40px !important; }
.lh41 { line-height: 41px !important; }
.lh42 { line-height: 42px !important; }
.lh43 { line-height: 43px !important; }
.lh44 { line-height: 44px !important; }
.lh45 { line-height: 45px !important; }
.lh46 { line-height: 46px !important; }
.lh47 { line-height: 47px !important; }
.lh48 { line-height: 48px !important; }
.lh49 { line-height: 49px !important; }
.lh50 { line-height: 50px !important; }
.lh118 { line-height: 118px !important; }
/*===============================================
  F. Font Size Helpers
================================================= */
.fs3 { font-size: 3px !important; }
.fs4 { font-size: 4px !important; }
.fs5 { font-size: 5px !important; }
.fs6 { font-size: 6px !important; }
.fs7 { font-size: 7px !important; }
.fs8 { font-size: 8px !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs35 { font-size: 35px !important; }
.fs36 {font-size: 36px !important;;} 
.fs40 { font-size: 40px !important; }
.fs45 { font-size: 45px !important; }
.fs50 { font-size: 50px !important; }
.fw-no { font-weight: normal;}
.fw-bold { font-weight: bold; }
.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
/*===============================================
  G. Text Colors
================================================= */
.c-fff { color: #fff!important; }
.c-000 { color: #000!important; }
.c-333 { color: #333!important; }
.c-666 { color: #666!important; }
.c-999 { color: #999!important; }
.c-ccc { color: #ccc!important; }
.c-bbb { color: #bbb!important; }
.c-f80 { color: #ff8800;}
.c-ff0 {color: #ff0000;}
.c-blue{color: #0042ff;}
.c-aaa{color: #aaa;}
.c-red { color: #be1818!important;}
.c-primary { color: #2e6da4!important; } /*** {选中状态信息字体颜色-深蓝} ***/
.c-success { color: #4cae4c!important; } /*** {绿色成功信息字体颜色-绿色} ***/
.c-info { color: #46b8da!important; } /*** {一般信息字体颜色-浅蓝} ***/
.c-warning { color: #eea236!important; } /*** {警告信息字体颜色-橙色} ***/
.c-danger { color: #d43f3a!important; } /*** {危险操作信息字体颜色-红色} ***/
.c-ec701e { color: #ec701e!important; } /*** {本案字体颜色-橙色} ***/

.c-b73{color: #b7325f;}
.c-c92{color: #c9285e;}
.c-075{color: #075e9c;}
.c-98b{color: #98B2CC;}

.c-e50{color: #e5003b!important;}
.c-2b2{color: #2b2b2b!important;}
.c-565{color: #565656!important;}

.text-none:hover,.text-none:focus { text-decoration: none;}
.text-through {text-decoration: line-through;} 
.text-uppercase { text-transform: uppercase; }
/*===============================================
  H. Border Colors of style
================================================= */
.border-eee { border-color: #eee; }
.border-ccc { border-color: #ccc; }
.border-dedede { border-color: #dedede; }
.border-ededed { border-color: #ededed; }
.border-f80 { border-color: #f80; }
.border-red { border-color: #be1818;}
.border-primary { border-color: #2e6da4; } /*** {选中状态信息边框-深蓝} ***/
.border-success { border-color: #4cae4c; } /*** {绿色成功信息边框-绿色} ***/
.border-info { border-color: #46b8da; } /*** {一般信息边框-浅蓝} ***/
.border-warning { border-color: #eea236; } /*** {警告信息边框-橙色} ***/
.border-danger { border-color: #d43f3a; } /*** {危险操作信息边框-红色} ***/
/* Border Width */
.bw1 { border-width: 1px !important; }
.bw2 { border-width: 2px !important; }
.bw3 { border-width: 3px !important; }
.bw4 { border-width: 4px !important; }
.bw5 { border-width: 5px !important; }
/* Border Style */
.bs-dashed { border-style: dotted !important; }
.bs-dotted { border-style: dashed !important; }
.bs-solid { border-style: solid !important; }
/* Disable Border */
.border-left-none { border-left: none !important; }
.border-right-none { border-right: none !important; }
.border-top-none { border-top: none !important; }
.border-bottom-none { border-bottom: none !important; }
.border-none { border: none !important; }
/*===============================================
  I. Background Colors
================================================= */
.bg-fff { background-color: #fff !important; }
.bg-000 { background-color: #000; }
.bg-f2f2f2 { background-color: #f2f2f2; }
.bg-f5f5f5 { background-color: #f5f5f5; }
.bg-f8f8f8 { background-color: #f8f8f8; }
.bg-eee { background-color: #eee; }
.bg-red { background-color: #be1818;}
.bg-primary { background-color: #337ab7; } /*** {选中状态信息背景-深蓝} ***/
.bg-success { background-color: #5cb85c; } /*** {绿色成功信息背景-绿色} ***/
.bg-info { background-color: #5bc0de; } /*** {一般信息背景-浅蓝} ***/
.bg-warning { background-color: #f0ad4e; } /*** {警告信息背景-橙色} ***/
.bg-danger { background-color: #d9534f; } /*** {危险操作信息背景-红色} ***/
.bg-f7f{background-color: #f7f7f7;}
.bg-232f3e { background: #232f3e;}  /*** {本案背景-深蓝色} ***/
.bg-ec701e { background: #ec701e;}  /*** {本案背景-橙色} ***/
.bg-f7fafd{background-color: #f7fafd;}
.bg-b7325f{background-color: #b7325f;}
/*===============================================
   J. Float and text-align
================================================= */
.pull-left { float: left; display: inline-block; }
.pull-right { float: right; display: inline-block; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/*===============================================
   K. Ellipsis
================================================= */
.word-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.word-ellipsis-2 {overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis}display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.word-ellipsis-4 {overflow: hidden; -webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis}display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
/*===============================================
   L. Width
================================================= */
.wd5{width: 5%;}
.wd10 { width: 10%; }
.wd15 { width: 15%; }
.wd20 { width: 20%; }
.wd25 { width: 25%; }
.wd30 { width: 30%; }
.wd35 { width: 35%; }
.wd40 { width: 40%; }
.wd45 { width: 45%; }
.wd50 { width: 50%; }
.wd55 { width: 55%; }
.wd60 { width: 60%; }
.wd65 { width: 65%; }
.wd70 { width: 70%; }
.wd75 { width: 75%; }
.wd80 { width: 80% !important; }
.wd85 { width: 85%; }
.wd90 { width: 90%; }
.wd95 { width: 95%; }
.wd100 { width: 100%; }
.min-w1200 { min-width: 1200px;}
/*===============================================
   M. Position
================================================= */
.p-r { position: relative; }
.p-a { position: absolute; }
.p-f { position: fixed; }
.t-0 { top: 0;}
.r-0 { right: 0;}
.b-0 { bottom: 0;}
.l-0 { left: 0;}
/*===============================================
   N. Box
================================================= */
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.over { overflow: hidden; }
.dis-none { display: none;}
.dis-block { display: block;}
.dis-inline-blcok { display: inline-block;}
.dis-inherit { display: inherit;}
.mar-auto { margin:auto;}
.cursor { cursor: pointer;}
.bra0{border-radius:0!important;}

/*Format Css*/
.container-fluid { padding-left: 0; padding-right: 0;}
.container { width: 1200px !important; padding-left: 0; padding-right: 0;}
.row { margin-left: 0; margin-right: 0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 0; padding-right: 0;}


/*header*/
.head {height: 37px; border-bottom: 1px solid #f5f5f5;}
.head > .container > span > a { color: #999;}
.icon-down { width:9px; height: 6px; margin-left: 3px; background: url(../images/layout-pic.png) no-repeat -32px -48px;}
.icon-up { width: 9px; height: 6px; margin-left: 3px; background: url(../images/layout-pic.png) no-repeat -32px -38px; }

.logo { display: inline-block; height:100px;padding: 2px 0;}
.logo a { display: table-cell; vertical-align: middle; height: 100px;}
.logo a img{max-height: 100px;max-width: 120px;display: block;}

.head-menu { height: 137px;width: 225px;-webkit-box-shadow: 0 6px 12px rgba(204,204,204,.3); box-shadow: 0 6px 12px rgba(204,204,204,.3);}
.head-cate { width: 225px;height:33px;line-height:33px;background: #b7325f;color: #fff;position: relative;}
.head-cate .caret { border-width: 7px 7px 0; color: #ccc;}
.shopping-ico{width: 24px;height: 16px;background: url(../images/layout-pic.png) no-repeat;background-position: -55px -281px;display: inline-block;}
.header-logo{width:225px; text-align: center;}

.head-nav span { float: left; margin: 0 20px;}
.head-nav span a { display: block; padding: 0 20px; line-height: 40px; font-size: 16px; color: #333;}
.head-nav .active a { color: #b7325f;}

.header-search { width: 290px; height: 38px;}
.header-search .search-inp { width: 290px; height: 38px; padding: 8px 44px 8px 20px; font-size: 14px; border: 1px solid #ddd; border-radius: 2px;}
.header-search:hover .search-inp { border-color: #f80;}
.header-search .search-btn { width: 38px; height: 38px; background: url(../images/layout-pic.png) no-repeat 0 0;}
.header-search:hover .search-btn { background: url(../images/layout-pic.png) no-repeat -40px 0;}

.head-group { width: 22px; height: 24px; background: url(../images/layout-pic.png) no-repeat 0px 0px;vertical-align: middle;}
.head-null { padding: 0 4px; height: 18px; line-height: 18px; color: #fff; background: #b7325f; border-radius: 8px; white-space: nowrap;}
.btn-group.open .head-group { -webkit-box-shadow: none; box-shadow: none;}

.mycart-info{ top: 36px; left: -100%;margin-left: -155px; min-width: 310px;border-radius: 0;border:none}
.mycart-info.dropdown-menu:before,
.mycart-info.dropdown-menu:after {
  z-index: 15;content: ""; position: absolute;
  bottom: 100%;right: 23px; width: 0;height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fff; }
.mycart-info li{position: relative;border-bottom: 1px solid #eee;}
.mycart-info li dl{padding: 10px;}
.mycart-info li a{text-decoration: none;color: #333;}
.shop-del{position: absolute;right:10px;bottom: 10px; width: 17px; height: 17px;}
.shop-del .icon-del{display: inline-block; width: 17px; height: 17px;  background: url(../images/layout-pic.png) no-repeat -10px -40px;}
.cart-total{padding:8px 15px;}
.cart-btn{overflow:hidden; padding: 8px 15px 15px 15px;}
.cart-btn a{ display: inline-block;width: 130px;height: 40px;text-align: center;line-height: 40px; text-decoration: none;border-radius: 4px;font-size: 14px;font-weight: bold;}

/*footer*/
.footer-up dl { float: left; width: 20%; height: 100px;}
.footer-up dl dt { display: block; margin: 0 auto; width: 55px; height: 55px;}
.footer-left ul li { float: left; width: 20%;}
.footer-left ul li>span>a{color: #666;}
.footer-left ul li>span>a:hover{color: #b7325f;}

.footer-wx i,.footer-wx i img { width: 113px; height: 113px;}
.footer-down { border-top: 1px solid #eee;}
.footer-link span { display: inline-block; margin: 5px 30px 5px 0;}
.footer-link span a { color: #333;}

/*page-head*/
.page-head { height: 40px;line-height: 40px;}
.page-head ul { display: block; width: 1200px; margin: 0 auto;}
.page-head ul li { float: left; height:40px; line-height: 40px; color: #333;}
.page-head ul li a { color: #999;}
.page-head ul li span { margin: 0 5px; color: #999; font-family: "arial, helvetica, sans-serif"; }

/* page */
.page ul li{ display: inline-block;}
.page ul li a { display: inline-block; border:1px solid #dedede; padding: 6px 10px; color: #333;}
.page ul li a.on { background:#0084ff ; color: #fff; border-color:transparent;}
.page-input { width: 30px; height: 31px; border: 1px solid #dedede; text-align: center;}
.page select{ padding: 0px 5px; height: 28px;}

/*left-mune*/
.nav-menu { position: absolute; top: 137px; left:0px; z-index:201; width: 225px; height: 531px; background: #005d9b url(../images/menu-bg.png) no-repeat top left; box-shadow: 0 0 12px 0 rgba(0,0,0,.2);}
.nav-menu dl dt i{ vertical-align:middle; margin:8px 5px 0 0;}
.nav-menu dl dt .side_bg { width: 43px; height: 43px;}
.nav-menu dl dt .side_bg img{margin-left: -10px;}

.nav-menu .nav_dl { height:60px; line-height:30px;overflow:hidden; padding-left: 20px;margin-left: 1px;
  margin-right: -2px;border:1px solid transparent;margin-top: 20px;}
.nav-menu .nav_dl.on { display:block;text-decoration:none; background:#fff;border:1px solid #eeeeee;}
.nav-menu .nav_dl.on .nav_dt>a{color:#b7325f !important}
.nav-menu .nav_dl.on .nav_dt a,.nav-menu .nav_dl.on .nav_dd a { color: #b7325f;}
.nav-menu .nav_dl.on .nav_dt a>em{color: #b7325f!important;}
.nav-menu .nav_dl .nav_dt { display: block; vertical-align: top;-webkit-transition: -webkit-transform .2s linear;-moz-transition: -moz-transform .2s linear;-o-transition: -o-transform .2s linear; transition: transform .2s linear;}
.nav-menu .nav_dl .nav_dt { height:60px; line-height:30px; overflow:hidden;}
.nav-menu .nav_dl .nav_dt a.class-one {text-decoration:none;color: #fff;display:block;}
.nav-menu .nav_dl .nav_dt a.proclass{color: #98B2CC;}
.nav-menu .nav_dl:last-of-type{border-bottom: 0;}
.nav-menu .list_item { position:absolute; left:225px; top:0px; z-index:202; width:740px;background: #fff;height:531px;  border-left: 0; overflow: hidden; box-shadow: 2px 0px 10px 0px rgba(0,0,0,.1);}
.nav-menu .list_item .item-down { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; height: 480px;}
.nav-menu .list_item .item-left { width:100%; min-height: 480px;padding: 20px;}
.nav-menu .list_item .item-left .item-icon { display: inline-block; margin-top: 6px; width: 10px; height: 13px; background: url(../images/layout-pic.png) no-repeat 0px -366px;}
.nav-menu .list_item .item-right {padding: 20px; width: 300px;background: #fafafa;min-height: 531px;box-shadow:inset 5px -3px 7px -5px rgba(204,204,204,.2)}
.nav-menu .list_item .item-right ul li { float: left; width: 130px; margin: 10px 0; text-align: center;}
.nav-menu .list_item .item-right ul li .nav-img{width: 100px;margin-left: 15px;}
.nav-menu .list_item .item-right ul li a { display: inline-block;width: 100px;height: 100px; vertical-align: middle;border: 1px solid #eee;}
.nav-menu .list_item .item-right ul li p{width: 100px;font-size: 13px;color: #333; text-align: left;line-height: 20px;margin-top: 15px;word-wrap: break-word; word-break: normal; }
.nav-menu .list_item .item-right ul li a img { vertical-align: middle; max-height: 98px; max-width: 98px;}

.list_item .item-left .text-nowrap{padding: 0 20px; line-height: 24px;float:left;}
.text-nowrap a:hover{color: #b7325f !important;text-decoration: none;}

/*head line*/
.order-head-line{webkit-box-shadow: 0 1px 12px rgba(16,16,16,.1);box-shadow: 0 1px 12px rgba(16,16,16,.1);background: #fff;}
.order-foot-line{webkit-box-shadow: 1px 0 12px rgba(16,16,16,.1);box-shadow: 1px 0 12px rgba(16,16,16,.1);background: #fff;}

.search-warp{width:975px;}
.search {width: 528px;}
.search .search-left { width: 83%; height: 38px; border: 2px solid #b7325f; border-right: 0; padding-left: 5px;border-radius: 3px 0 0 3px;}
.search .search-left .search-inp { height: 34px;padding-left: 5px;width:400px;}
.sear-icon{height:28px;width:26px;background: url(../images/layout-pic.png) no-repeat 5px -320px; display: inline-block; vertical-align: middle;}
.search .search-right { width: 17%; height: 38px;}
.search .search-right .bg-red { width: 100%; height: 38px; border-radius: 0; background-color: #b7325f;}
.search .search-right .bg-red:hover { background: #b90c3c;}

.header-code{height:26px;width:22px;background: url(../images/layout-pic.png) no-repeat -95px 4px;vertical-align: middle;}
.header-cart{height: 34px;line-height: 34px;background:#f5f5f5;}
.shopping-ico{height:20px;width:26px;background: url(../images/layout-pic.png) no-repeat -55px 0px;position: absolute;right:0px;top:5px; z-index: 999;}
.wd6em{width:6em;}

#myShoppingCart{
	background: #f5f5f5;
	display: inline-block;
    padding: 0px 10px;
}

.shopTag{background: #f5f5f5;display: inline-block;padding: 0px 10px;float：left;}
.shopTag .head-group {vertical-align: middle;height:40px;line-height:40px;}
.shopTag .head-group.cart{background: url(../images/layout-pic.png) no-repeat 0px 7px;}
.shopTag .head-group.shop{background: url(../images/icon-shop.png) no-repeat 0px 8px;}

.ht30{
	min-height:30px !important;
}
.textScroll{
	width:300px;
}
/*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}

.str_wrap.str_active {
	
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute;