@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;text-decoration: none;}
a:hover{color: #0390c3;text-decoration: none;}

p img { max-width: 100%; max-height: 100%;}

.clearfix { *zoom: 1;}
label{
  font-weight: 500;
}
.form-control {
    box-shadow: none;
    border-radius: 2px;
    font-size: 13px;
    border-color: #e8e8e8;
    color: #000;
}
/*===============================================
  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; }
.pt100 { padding-top: 100px !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; }
.mw70 {max-width: 70px !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; }
.mt16 { margin-top: 16px !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; }
.mt85 { margin-top: 85px !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; }
.mr60 { margin-right: 60px !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;}
.h460{ height: 460px !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-f8f { color: #f8f8f8!important;}
.c-ff0 {color: #ff0000;}
.c-blue{color: #0042ff;}
.c-aaa{color: #aaa;}
.c-green{color: #086133;}
.c-red { color: #f43030;}
.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-0fc{color: #0fc135;}
.c-f43{color: #f43030;}

.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;}

.c-039{color: #0390c3;}
.c-ff3{color: #ff3333;}

.c-price{color: #ff6600;}
.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-top-none { border-top: none !important; }
.border-bottom-none { border-bottom: none !important; }
.border-none { border: none !important; }
.bor-none{border-radius: 0;}
/*===============================================
  I. Background Colors
================================================= */
.bg-fff { background-color: #fff; }
.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-green{background-color: #107c47!important;}
.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;}
.bg-f4f4f4{background-color: #f4f4f4!important;}
.bg-0390c3{background-color: #0390c3;}
.bg-e5f4f9{background-color: #e5f4f9;}
/*===============================================
   K. Ellipsis
================================================= */
.word-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.word-ellipsis-2 { -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*===============================================
   L. Width
================================================= */
.wd5{width: 5%;}
.wd10 { width: 10%; }
.wd15 { width: 15%; }
.wd20 { width: 20%; }
.wd25 { width: 25%; }
.wd30 { width: 30%; }
.wd33{ width: 33.3%; }
.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;}
.widthauto{width:auto!important;}
/*===============================================
   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;}
.no-wrap{white-space: nowrap;}

/*Format Css*/
.container-fluid { padding-left: 0!important; padding-right: 0!important;}
.container { width: 1200px !important; padding-left: 0; padding-right: 0;}
.row { margin-left: 0; margin-right: 0;}

.icon-down { width:9px; height: 6px; margin-left: 3px; background: url(../images/layout-pic.png) no-repeat -1px -43px;}
.icon-up { width: 9px; height: 6px; margin-left: 3px; background: url(../images/layout-pic.png) no-repeat -30px -43px; }
/*===============================================
   N. Button
================================================= */
.btn:hover {
    color: #FFF;
    /* background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); */
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}

/*header*/
.head-bg{background: url(../images/headbg.png) no-repeat;height: 110px;width: 100%;padding: 19px 0;}
.head-logo {display: inline-block; height:72px;}
.head-logo a { display: table-cell; vertical-align: middle; height: 72px;width:405px;}
.head-logo a img{max-height: 72px;max-width: 525px;display: block;}
.quit:hover{color: #fbde00;}

.head-menu {width: 240px;height: 50px;}
.head-cate {width: 240px;height:50px;line-height:50px;background: -webkit-linear-gradient(left right, #56c9fd , #1577db); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left right, #56c9fd , #1577db); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left right, #56c9fd , #1577db); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #56c9fd , #1577db); /* 标准的语法 */
  box-shadow: 0 6px 15px #d9e9f9;color: #fff;position: relative;}
.head-cate .caret { border-width: 7px 7px 0; color: #ccc;}
.shopping-ico{position: absolute;top: 14px;right: 15px;width: 24px;height: 16px;background: url(../images/layout-pic.png) no-repeat;display: inline-block;background-position: -48px -3px;}
.header-logo{width:225px; text-align: center;}

.head-nav span { float: left; margin: 0 20px;position: relative;z-index:999}
.head-nav span a{ display: block; padding: 0 20px; line-height: 50px; font-size: 16px;font-weight:600; color: #333;}
.head-nav span a:hover{text-decoration: none;color: #0390c3;}
.head-nav .active a{ color: #0390c3;}

/*===============================================
  S search 搜索
================================================= */
.input-group-btn>.searchBtn{background: -webkit-linear-gradient(left right, #56c9fd , #1577db); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left right, #56c9fd , #1577db); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left right, #56c9fd , #1577db); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #56c9fd , #1577db); /* 标准的语法 */
    box-shadow: 0 6px 15px #d9e9f9;padding:0 40px;border:none;}
.input-group-btn>.cart{background: -webkit-linear-gradient(left right, #56c9fd , #1577db); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left right, #56c9fd , #1577db); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left right, #56c9fd , #1577db); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #56c9fd , #1577db); /* 标准的语法 */
    box-shadow: 0 6px 15px #d9e9f9;padding:0 20px;border:none;}
/*footer*/
.footer-left ul li { float: left; width: 20%;}
.footer-left ul li>span >a{color: #666;font-size: 13px;}
.footer-left ul li>span>a:hover{color: #c90;}
.footer-wx i,.footer-wx i img { width: 116px; height: 116px;}

/* page */
.page ul li{ display: inline-block;}
.page ul li a { display: inline-block; border:1px solid #ddd; padding: 6px 12px;font-size: 14px; color: #333;}
.page ul li:first-child a{color: #ccc;margin-right: 5px;}
.page ul li a:hover{text-decoration: none;}
.page ul li a.on { background:#fbde00 ; color: #333; border-color:transparent;}
.page-input { width: 40px; height: 31px; border: 1px solid #ddd; text-align: center;}
.page-btn{background:#fbde00 ; color: #333;height: 30px;width: 48px; text-align: center;}

/*left-mune*/
.nav-wrap{overflow-y: hidden;position: relative;z-index: 201;width: 1200px;height: 350px;}
.nav-menu { position: absolute; top: 0; left:0px; z-index:201; width: 240px; height: 350px; background: #fff;}
.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 { overflow:hidden; margin-left: 1px;
    border-bottom:1px solid #eee;padding:15px 18px;}
.nav-menu .nav_dl.on { display:block;text-decoration:none;}
.nav-menu .nav_dl.on .nav_dt a,.nav-menu .nav_dl.on .nav_dd a { color: #0390c3;}
.nav-menu .nav_dl.on .nav_dt a>em{color: #0390c3!important;}
.nav-menu .nav_dl.on .nav_dt a>p{color: #0390c3!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.nav-menu .nav_dl .nav_dt { height:40px; line-height:35px; overflow:hidden;}
.nav-menu .nav_dl .nav_dt a {text-decoration:none;color: #fff;}
.nav-menu .nav_dl .nav_dt a>p{color: #000;}
.nav-menu .nav_dl .nav_dt a>em{color: #666;}
.nav-menu .nav_dl:last-of-type{border-bottom: 0;position: absolute;bottom: 0;left: -1px;width: 100%;padding: 0;}
.nav-menu .list_item { position:absolute; left:240px; top:0px; z-index:202; width:960px;background: #F7FCFF;height:350px;  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:320px;}
.nav-menu .list_item .item-left { width:960px; min-height: 320px;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 .nav_dl .nav_dt a .nav_dl_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 12px;
}

.list_item .item-left .text-nowrap{padding: 0 20px; line-height: 24px;float:left;font-size: 14px;}
.text-nowrap a:hover{color: #0390c3 !important;text-decoration: none;}
a:hover span{color: #0390c3 !important;}
/*va-m*/
.va-t{vertical-align: top!important;}
.ht64{height:64px;}
.ht36{height:36px;}
.ib, .inline-object {
    display: inline-block !important;
}
/* no-data */
.cat-content>tr,.cat-content>tr>td{display:inline-block;width:100%;}
.help-content-text p{
    line-height: 25px;
}

/* 登陆弹窗样式重置 */
.panel-body {
    position: relative;
    background: #fff;
    padding: 15px 20px;
}

.panel {
    position: relative;
    margin-bottom: 20px;
    border-radius: 2px;
    box-shadow: none;
}

.center-column {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.checkbox-custom {
    padding-left: 20px;
}

.checkbox-custom {
    position: relative;
    display: inline-block;
}
.text-muted {
    color: #777;
}
.wd32 {
    width: 32% !important;
}
.br4 {
    border-radius: 4px !important;
}
.cursor {
    cursor: pointer !important;
}
.panel-footer{
	background-color: #fff!important;
}

.table>thead>tr>th {
    border-bottom: 1px solid #f1f1f1;
    background: #f7f7f7;
    padding: 11px 8px;
}
.pos-rel{position: relative;}
.w100{width:100px!important;}
.c-ff5000{color:#ff5000;}
.bg-e7f1fb{background: #e7f1fb;}
.bor-b4d9ff{border:1px solid #b4d9ff!important;}
.c-247CB7{color: #247CB7;}
.bor-55C8FC{border:1px solid #55C8FC!important;}


.border-right-none { border-right: none !important; }
.c-1577db{color:#1577db;}
/*===============================================
  J. Radio Style
================================================= */
.checkbox-custom{
    position: relative;
    display: inline-block;
}
.radio-custom {
    position: relative;
    display: inline-block;
    line-height:38px;
    padding-left:20px;
    margin-right: 16px;
}
    
.checkbox-custom label,.radio-custom label {
	width: auto ! important;
    min-height:18px;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer; 
    text-align: left;
}
    
.checkbox-custom input[type=checkbox],.radio-custom input[type=radio] {
    cursor: pointer;
    position:absolute;
    margin-top:0;
    margin-bottom:0;
    margin-left:-14px; }
    
.checkbox-custom.disabled label,.radio-custom.disabled label,fieldset[disabled] .checkbox-custom label,fieldset[disabled] .radio-custom label {
    cursor:not-allowed; }
    
.input-group-addon .checkbox-custom,.input-group-addon .radio-custom {
    margin:0; }
    
.checkbox-custom {
    padding-left:20px; }
    
.checkbox-custom label {
    position:relative;
    display:inline-block;
    padding-left:10px;
    vertical-align:middle;line-height: 16px;font-size:12px;}
    
.checkbox-custom label:empty {
    padding-left:0; }
    
.checkbox-custom label::before {
    position:absolute;
    left:0;
    display:inline-block;
    width:14px;
    height:14px;
    content:"";
    border-radius: 2px;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    background-color: #fff;
    -webkit-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s; }
    
.checkbox-custom label::after {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:14px;
    height:14px;
    padding-top:0;
    font-size:12px;
    line-height:14px;
    color:#76838f;
    text-align:center; }
    
    
.checkbox-custom .noAll+label:after {
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  content: '';
  position: absolute;
  width: 11px;
  height: 5px;
  background: transparent;
  top: 7px;
  left: 3px;
  border: 3px solid #62a8ea;
  border-top: none;
   border-right: none;
  -webkit-transform: rotate(-58deg);
  -moz-transform: rotate(-58deg);
  -o-transform: rotate(-58deg);
  -ms-transform: rotate(-58deg);
  transform: rotate(-58deg); */  }
    
    
    
.checkbox-custom input[type=checkbox],.checkbox-custom input[type=radio] {
    cursor: pointer;
    z-index:1;
    width:20px;
    height:20px;
    opacity:0; }
    
.checkbox-custom input[type=checkbox]:focus+label::before,.checkbox-custom input[type=radio]:focus+label::before {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline:0;
    outline-offset:-2px; }
    
.checkbox-custom input[type=checkbox]:checked+label::before,.checkbox-custom input[type=radio]:checked+label::before {
    border-color:#e4eaec;
    /*border-width:10px;*/
    -webkit-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s; }
    
.checkbox-custom input[type=checkbox]:checked+label::after,.checkbox-custom input[type=radio]:checked+label::after {
    font-family:"FontAwesome";
    content:"\f00c"; }
    
.checkbox-custom input[type=checkbox]:disabled+label,.checkbox-custom input[type=radio]:disabled+label {
    opacity:.65; }
    
.checkbox-custom input[type=checkbox]:disabled+label::before,.checkbox-custom input[type=radio]:disabled+label::before {
    cursor:not-allowed;
    background-color:#f3f7f9;
    border-color:#e4eaec;
    border-width:1px; }
    
.checkbox-custom.checkbox-circle label::before {
    border-radius:50%; }
    
.checkbox-custom.checkbox-inline {
    display:inline-block;
    margin-top:0;
    margin-bottom:0; }
    
.checkbox-inline+.checkbox-inline {
    margin-left:20px; }
    
.checkbox-default input[type=checkbox]:checked+label::before,.checkbox-default input[type=radio]:checked+label::before {
    background-color:#fff;
    border-color:#e4eaec;
    border-width:1px; }
    
.checkbox-default input[type=checkbox]:checked+label::after,.checkbox-default input[type=radio]:checked+label::after {
    color:#62a8ea; }
    
.checkbox-primary input[type=checkbox]:checked+label::before,.checkbox-primary input[type=radio]:checked+label::before {
    background-color:#62a8ea;
    border-color:#62a8ea; }
    
.checkbox-primary input[type=checkbox]:checked+label::after,.checkbox-primary input[type=radio]:checked+label::after {
    color:#fff; }
    
.checkbox-danger input[type=checkbox]:checked+label::before,.checkbox-danger input[type=radio]:checked+label::before {
    background-color:#f96868;
    border-color:#f96868; }
    
.checkbox-danger input[type=checkbox]:checked+label::after,.checkbox-danger input[type=radio]:checked+label::after {
    color:#fff; }
    
.checkbox-info input[type=checkbox]:checked+label::before,.checkbox-info input[type=radio]:checked+label::before {
    background-color:#57c7d4;
    border-color:#57c7d4; }
    
.checkbox-info input[type=checkbox]:checked+label::after,.checkbox-info input[type=radio]:checked+label::after {
    color:#fff;
}
.checkbox-warning input[type=checkbox]:checked+label::before,.checkbox-warning input[type=radio]:checked+label::before {
    background-color:#f2a654;
    border-color:#f2a654;
}
.checkbox-warning input[type=checkbox]:checked+label::after,.checkbox-warning input[type=radio]:checked+label::after {
    color:#fff; }
    
.checkbox-success input[type=checkbox]:checked+label::before,.checkbox-success input[type=radio]:checked+label::before {
    background-color:#46be8a;
    border-color:#46be8a; }
    
.checkbox-success input[type=checkbox]:checked+label::after,.checkbox-success input[type=radio]:checked+label::after {
    color:#fff; }
    
.checkbox-sm {
    padding-left:16px; }
    
.checkbox-sm label {
    padding-left:8px; }
    
.checkbox-sm label:empty {
    padding-left:0; }
    
.checkbox-sm label::after,.checkbox-sm label::before {
    width:14px;
    height:14px;
    margin-left:-14px; }
    
.checkbox-sm label::after {
    font-size:10px;
    line-height:14px; }
    
.checkbox-sm input[type=checkbox],.checkbox-sm input[type=radio] {
    width:14px;
    height:14px; }
    
.checkbox-sm input[type=checkbox]:checked+label::before,.checkbox-sm input[type=radio]:checked+label::before {
    border-width:7px; }
    
.checkbox-lg {
    padding-left:24px;
}
.checkbox-lg label {
    padding-left:12px; }
    
.checkbox-lg label:empty {
    padding-left:0; }
    
.checkbox-lg label::after,.checkbox-lg label::before {
    width:24px;
    height:24px;
    margin-left:-24px; }
    
.checkbox-lg label::after {
    font-size:14px;
    line-height:24px; }
    
.checkbox-lg input[type=checkbox],.checkbox-lg input[type=radio] {
    width:24px;
    height:24px; }
    
.checkbox-lg input[type=checkbox]:checked+label::before,.checkbox-lg input[type=radio]:checked+label::before {
    border-width:12px; }
  
input.noAll+label:after{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  content: '';
  position: absolute;
  width: 11px;
  height: 0;
  background: transparent;
  top: 5px;
  left: 3px;
  border: 3px solid #62a8ea;
  border-top: none;
   border-right: none;
   border-left:none;
  /* -webkit-transform: rotate(-58deg);
  -moz-transform: rotate(-58deg);
  -o-transform: rotate(-58deg);
  -ms-transform: rotate(-58deg);
  transform: rotate(-58deg); */
	
	transform:inherit!important;
	-webkit-transform: inherit!important;
   -moz-transform: inherit!important;
   -o-transform: inherit!important;
   -ms-transform: inherit!important;
}
input.noAll + label:after{
	opacity:1;
}



.checkbox-custom input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }
    
.radio-custom label {
    position:relative;
    display:inline-block;
    padding-left:4px;
    vertical-align:middle; }

.radio-custom label:empty {
    padding-left:0; }
    
.radio-custom label::before {
	content:"";
    position:absolute;
    left:0;
    top:11px;
    display:inline-block;
    width:16px;
    height:16px;
    margin-left:-20px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:50%;
    -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition:border 0.15s ease-in-out, color 0.15s ease-in-out; }
    
.radio-custom label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -24px;
    top: 1px;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 25px;
    color: #fff; }
 

.radio-custom input[type=radio] {
    z-index:1;
    width:16px;
    height:16px;
    opacity:0; }
    
.radio-custom input[type=radio]:disabled+label {
    opacity:.65; }
    
.radio-custom input[type=radio]:disabled+label::before {
    cursor:not-allowed; }
    
.radio-custom.radio-inline {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;}
    
.radio-inline+.radio-inline {
    margin-left:20px; }
    
.radio-default input[type=radio]:checked+label::before {
    background-color:#fff;
    border-color:#e4eaec;
    border-width:1px; }
    
.radio-default input[type=radio]:checked+label::after {
    border-color:#62a8ea; }
    
.radio-primary input[type=radio]:checked+label::before {
    background-color:#62a8ea;
    border-color: #62a8ea! important; }
    
.radio-primary input[type=radio]:checked+label::after {
    border-color:#fff;
    font-family: "iconfont-ok" !important;
    content: "\e6db"; }
    
.radio-danger input[type=radio]:checked+label::before {
    border-color:#f96868; }
    
.radio-danger input[type=radio]:checked+label::after {
    border-color:#fff; }
    
.radio-info input[type=radio]:checked+label::before {
    border-color:#57c7d4; }
    
.radio-info input[type=radio]:checked+label::after {
    border-color:#fff; }
    
.radio-warning input[type=radio]:checked+label::before {
    border-color:#f2a654; }
    
.radio-warning input[type=radio]:checked+label::after {
    border-color:#fff;
}
.radio-success input[type=radio]:checked+label::before {
    border-color:#46be8a; }
    
.radio-success input[type=radio]:checked+label::after {
    border-color:#fff; }
    
.radio-sm {
    padding-left:16px; }
    
.radio-sm label {
    padding-left:8px; }
    
.radio-sm label:empty {
    padding-left:0; }
    
.radio-sm label::before {
    width:16px;
    height:16px;
    margin-left:-20px; }
    
.radio-sm label::after {
    top:6px;
    left:6px;
    width:4px;
    height:4px;
    margin-left:-20px;
    border-width:2px; }
    
.radio-sm input[type=radio] {
    width:16px;
    height:16px; }
    
.radio-sm input[type=radio]:checked+label::before {
    border-width:8px; }
    
.radio-lg {
    padding-left:24px; }
    
.radio-lg label {
    padding-left:12px; }
    
.radio-lg label:empty {
    padding-left:0; }
    
.radio-lg label::before {
    width:24px;
    height:24px;
    margin-left:-20px; }
    
.radio-lg label::after {
    top:8px;
    left:8px;
    width:8px;
    height:8px;
    margin-left:-20px;
    border-width:2px; }
    
.radio-lg input[type=radio] {
    width:24px;
    height:24px; }
    
.radio-lg input[type=radio]:checked+label::before {
    border-width:12px; }
    
/*===============================================
  J. Radio Style
================================================= */
.head-erms{width:482px;}
.bid-step-nav li {
    float: left;
    text-align: center;
    width: 33.3%;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
}
.jc-step-icon {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    margin-left: -10px;
    text-align: center;
    line-height: 20px;
    color:#fff;
}
.bg-light4 {
    background-color: #dddddd !important;
}
.bg-blue0-alt {
    background: #7fca5d;
}
.bg-7fca5d {
    background: #7fca5d!important;
}
.c-7fca5d {
    color: #7fca5d!important;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: none!important;
    text-align: center !important;
}
.jconfirm-buttons button:nth-child(1) {
    background-color: #0390c3;
}
.textarea-border p{
	margin-top: -25px!important;
}
.textarea-border textarea.form-control {
    padding-bottom: 25px;
}
.w850{
	width:850px;
}
.w320{
	width:320px;
}
#scroll-top {
    position: fixed;
    bottom: 26px;
    right: 26px;
    z-index: 10003;
}
#scroll-top a {
    height: 38px;
    width: 38px;
    display: block;
    background: #0390c3!important;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
#scroll-top a:hover {
    color: #fff!important;
}

.top-active-img{
    display: flex;
    width: 1200px;
    margin: auto;
    height: 80px;
}

/*左侧悬浮轮播*/
.wrap{padding:20px;}
.scroll_vertical{position:relative;width:110px;height:360px;background:#fff;}
.scroll_vertical .box{overflow:hidden;position:relative;top:0px;height:355px;}
.scroll_vertical .list{position:absolute;top:0;left:0;}
.scroll_vertical .list li{padding:10px;width:110px;text-align:center;border-bottom:1px solid #ddd;}
.scroll_vertical .prev,
.scroll_vertical .next{
    position:absolute;
    left:20%;
    cursor:pointer;
}
.scroll_vertical .prev{top:-34px;}
.scroll_vertical .next{bottom:-34px;}
.leftProduct{
    position: fixed;
    width: 110px;
    height: auto;
    left: 15px;
    bottom: 200px;
    z-index: 99;
}
.leftProductClose{
    position: absolute;
    right: -27px;
    border: 1px solid #ddd;
    z-index: 99;
    top: -38px;
    cursor: pointer;
}

.top-search-list ul li{
    float: left;
    line-height: 22px;
    height: 22px;
    width: 36px;
    text-align: center;
    margin-right: 4px;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
}
.top-search-list ul .search-active{
    background: linear-gradient(to right, #56c9fd , #1577db);
    color:#fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.top-close{
    position: absolute;
    right: 19%;
    top: 7px;
    background: #2d2d2d;
    opacity: .3;
    cursor: pointer;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.leftside-server{
    position: fixed;
    right: 15px;
    top:60%;
    z-index: 99;
}
.server-scroll{
    width: 60px;
    background: #fff;
    text-align: center;
}
.server-scroll a{
    color: #1577db;
    display: block;
    padding: 10px;
}
.self-supportee {
    padding: 0px 6px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    border-right: 3px;
    background: linear-gradient(to right, #56c9fd , #1577db);
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}