@charset "utf-8";

/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { padding: 0; margin: 0; }
table { border-collapse: collapse; /*单元格的压缩*/ border-spacing: 0; margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { text-decoration: none; color: inherit; cursor: pointer; }
i { font-style: normal; }
a:link,a:visited,a:hover,a:active { text-decoration: none; color: inherit; }
img{line-height:20px;}

.btn:focus,input:focus {box-shadow: none!important;}

/*定位*/
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }
.dib { display: inline-block; }
.db { display: block; }
.dno { display: none; }
.mc { margin: 0 auto; }
.fl { float: left; }
.zi2{z-index:2;}

/*inline,解决IE6的双外边距*/
.fr { float: right; }

.l0{left: 0px;}
.l30{left: 30px;}
.l5p{left: 5%;}
.l-102{left: -102px;}
.l-150{left: -150px;}
.l-204{left: -204px;}
.l-300{left: -300px;}
.r0{right: 0px;}
.r10{right: 10px;}
.r20{right: 20px;}
.r60{right: 60px;}
.r11p{right: 11%;}
.t0{top: 0 !important;}
.t8{top: 8px !important;}
.t20{top: 20px !important;}
.t17{top: 17px !important;}
.t3{top: 3px !important;}
.t-160{top: -160px;}
.clear:after{clear:both;}
.clear:after, .clear:before{display: table;content: "";}
/*边距*/
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.mlr0 { margin-left: 0px; margin-right: 0px; }
.mlr10 { margin-left: 10px; margin-right: 10px; }
.mlr20 { margin-left: 20px; margin-right: 20px; }
.mlr30 { margin-left: 30px; margin-right: 30px; }
.mtb5{margin-top:5px;margin-bottom:5px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt7 { margin-top: 7px!important; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt10i { margin-top: 10px!important; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt85 { margin-top: 85px; }
.mt90 { margin-top: 90px; }
.mt150 { margin-top: 150px; }
.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb80 { margin-bottom: 80px; }
.mb60 { margin-bottom: 60px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.ml0 { margin-left: 0px; }
.ml10 { margin-left: 10px; }
.ml5 { margin-left: 5px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml-20 { margin-left: -20px; }
.ml-25 { margin-left: -25px; }
.ml-35 { margin-left: -35px; }
.mr-10 { margin-right: -10px; }
.mr-20 { margin-right: -20px; }
.mr-25 { margin-right: -25px; }
.mr0 { margin-right: 0px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.plr0 { padding-left: 0px!important; padding-right: 0px!important; }
.plr5 { padding-left: 5px; padding-right: 5px; }
.plr10 { padding-left: 10px; padding-right: 10px; }
.plr15 { padding-left: 15px; padding-right: 15px; }
.plr20 { padding-left: 20px; padding-right: 20px; }
.plr25 { padding-left: 25px; padding-right: 25px; }
.plr30 { padding-left: 30px; padding-right: 30px; }
.plr40 { padding-left: 40px; padding-right: 40px; }
.plr50 { padding-left: 50px; padding-right: 50px; }
.plr80 { padding-left: 80px; padding-right: 80px; }
.plr90 { padding-left: 90px; padding-right: 90px; }
.plr170 { padding-left: 170px; padding-right: 170px; }
.ptb5{padding-top: 5px;padding-bottom: 5px;}
.ptb10{padding-top: 10px;padding-bottom: 10px;}
.ptb20{padding-top: 20px;padding-bottom: 20px;}
.ptb25{padding-top: 25px;padding-bottom: 25px;}
.ptb50{padding-top: 50px;padding-bottom: 50px;}
.ptb70{padding-top: 70px;padding-bottom: 70px;}
.ptb80{padding-top: 80px;padding-bottom: 80px;}
.ptb110{padding-top: 110px;padding-bottom: 110px;}
.ptb130{padding-top: 130px;padding-bottom: 130px;}
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt170 { padding-top: 170px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb65 { padding-bottom: 65px; }
.pb70 { padding-bottom: 70px; }
.pb75 { padding-bottom: 75px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pb120 { padding-bottom: 120px; }
.pb220 { padding-bottom: 220px; }
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pr0 { padding-right: 0px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.b01{border: 1px solid #f8f8f8;}
.b02{border: 1px solid #ddd;}
.b03{border:solid 3px #9ECC5E;}
.b04{border:solid 1px #e7e7e7;}
.bl04{border-left:solid 1px #e7e7e7;}
.bb0{border-bottom: 0;}
.bt05{border-top: 1px solid #f0f0f0;}
.bb01{border-bottom: solid 1px #464545;}
.bb02{border-bottom: 1px dashed #e0e0e0;}
.bb03{border-bottom: 1px solid #e5e5e5;}
.bb04{border-bottom: 2px solid #575757;}
.bb06{border-bottom: 1px dashed #E7E7E7;}
.bb08{border-bottom: 1px solid #E7E7E7;}
.bb09{border-bottom: 1px solid #222;}
.bb07 {border-bottom: solid 3px #333;}
.bb10{border-bottom: 2px solid #E7E7E7;}
.br01{border-right: dashed 1px #e7e7e7;}

.bb-6F8B8A{border-bottom:solid 1px #6F8B8A;}
.b-b-w1 {
    border-bottom-width: 1px;
}
.b-r50p{border-radius: 50%;}
.b-r10{border-radius: 10px;}
.b-r4{border-radius: 4px;}
.b-r2{border-radius: 2px!important;}
.btb-e7{border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
/*盒子*/
.w20 { width: 20px; }
.w40 { width: 40px; }
.w75 { width: 75px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w175 { width: 175px; }
.w210 { width: 210px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w290 { width: 290px; }
.w320 { width: 320px; }
.w460 { width: 460px; }
.w630 { width: 630px; }
.w660 { width: 660px; }
.w770 { width: 770px; }
.w920 { width: 920px; }
.w100p { width: 100%; }
.w100b{width:100%;}
.w25p { width: 25%!important; }
.mw100b{max-width: 100%;}
.mw576{min-width: 576px;}
.bw250{max-width: 250px;}
.bw255{max-width: 255px;}
.bw400{max-width: 400px;}
.bw615{max-width: 615px;}
.bw640{max-width: 640px;}
.bw820{max-width: 820px;}
.bw930{max-width: 930px;}
.bw1050 { max-width: 1050px; }
.bw1280 { max-width: 1280px; }
.bw1380 { max-width: 1380px; }
.bw1400 { max-width: 1400px; }
.bh60 { max-height: 60px; }
.h100p { height: 100%; }
.h0 { height: 0px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h32 { height: 32px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h100 { height: 100px !important; }
.h120 { height: 120px !important; }
.h130 { height: 130px !important; }
.h150 { height: 150px !important; }
.h185 { height: 185px !important; }
.h100p { height: 100% !important; }
.sh130 { min-height: 130px; }
.sh270 { min-height: 270px; }
.mh384{min-height: 384px;}
/*背景色*/
.bgc00 { background-color: #fff; }
.bgc01 { background-color: #136e42; }
.bgc02 { background-color: #f5f5f5; }
.bgc03 { background-color: #fafafa; }
.bgc04 { background-color: #f7f7f7; }
.bgc05 { background-color: #fcfcfc; }
.bac05 {background-color: #F7F7F7;}
.bac12 {background-color: #f4f4f4;}
.bgc06 { background-color: #f8f8f8; }
.bgc07 { background-color: #9ECC5E;}
.bgc08 { background-color: #6CB4E3;}
.bgc09 { background-color: #0F8353;}
.bgc10 { background-color: #FFE5E5;}
.bgc11 { background-color: #C41B30;}
.bgc12 { background-color: #F0F5F5;}
.bgc13 { background-color: #9AAEAF;}
.bgc14 { background-color: #EFEFEF;}
.bgc15 { background-color: #F4F4F4;}

.bg1-01 {
    background-color: #f6f6f6;
}

/*主题墨绿*/

/*文字排版*/
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs14r { font-size: 1rem!important; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px!important; }
.fs18r { font-size: 1.125rem; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs24r { font-size: 1.5rem; }
.fs26 {
    font-size: 26px;
}
.fs28 { font-size: 28px; }
.fs28r { font-size: 1.75rem; }
.fs30 { font-size: 30px; }
.fs30r { font-size: 1.875rem; }
.fs32 { font-size: 32px; }
.fs32r { font-size: 2rem; }
.fs34 { font-size: 34px; }
.fs36 { font-size: 36px; }
.fs38 { font-size: 38px; }
.fs40 { font-size: 40px; }
.fs45 { font-size: 45px; }
.fs46 { font-size: 46px; }
.fs50 { font-size: 50px; }
.fs60 { font-size: 60px; }
.fs64 { font-size: 64px; }
.fs66 { font-size: 66px; }
.fs120 { font-size: 120px; }
.c01 { color: #9ECC5F; }
.c02 { color: #137646; }
.c03 { color: #c9cacb; }
.c04 { color: #032323; }
.c05 { color: #ff0000; }
.c11 { color: #909090; }
.c12 { color: #222!important; }
.c22 { color: #9ECC5F; }
.ca7 { color: #a7a7a7; }
.ca5 { color: #a5a5a5; }
.cb5 { color: #b5b5b5; }
.cff { color: #fff!important; }
.c17 {color: #a5cf68;}
.c47 { color: #474747; }
.c4f { color: #4f4f4f; }
.c66 { color: #666; }
.c30 {color: #A2CE64;}
.c32 { color: #323232!important; }
.c33 { color: #335352!important; }
.c73 { color: #737373; }
.c89 { color: #898989; }
.c99 { color: #999999!important; }
.c9a { color: #9a9a9a; }
.c8b { color: #8b8b8b; }
.ce0 { color: #e0e0e0; }
.cc0 { color: #c0c0c0; }
.cc7 { color: #c7c7c7; }
.c9d { color: #9D9A96; }
.ce7{color:#e7e7e7;}
.c0f{color:#0F8353;}
.cbf {color:#bfbfbf!important;}
.cc4 {color:#C4172D!important;}
.ccc{color:#cccccc!important;}
.c26{color:#269BFE!important;}
.c56 {color: #565656 !important;}
.c57 {color:#575757!important;}
.c1-02 {color: #72d900;}
.c34 {color: #199ED8;}
.c35 { color: #CE2525; }
.c-ab{color:#ababab!important;}
.c-67{color:#676767!important;}
.c-primary{color:#9AAEAF!important;}
.c567{color:#9ECC5E!important;}
.cb3c{color:#B3C2C2!important;}
.c2d9{color:#FFF2D9!important;}
.c056{color:#056A40;}
.c137{color:#137746;}
.cc4c{color:#c4c4c4;}
.c69{color:#696969;}
.c000{color:#000!important;}
.ca3{color:#a3a3a3;}
.c333{color:#333;}
.fsi {
    font-style: italic;
}
.fwn { font-weight: normal!important; }
.fwb { font-weight: bolder; }
.lh1 { line-height: 1; }
.lh10 { line-height: 10px; }
.lh15 { line-height: 15px; }
.lh16 { line-height: 16px; }
.lh34 { line-height: 34px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh35 { line-height: 35px; }
.lh37 { line-height: 37px; }
.lh40 { line-height: 40px; }
.lh50 { line-height: 50px; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.vtt { vertical-align: text-top; }
.vtb { vertical-align: text-bottom; }
.td-u{text-decoration: underline!important;}
.td-u:hover{text-decoration: underline!important;}
.h-tdu:hover{text-decoration: underline!important;}
.td-n{text-decoration: none;}
.c-h01:hover{color: #9ECC5F;}
.c-h02:hover{color: #9ECC5E!important;}
.c-p{cursor: pointer;}
.ls-35{letter-spacing:35px;}

.nowrap {white-space:nowrap;}/*不允许换行*/
.break-word {word-wrap: break-word;}/*按单词换行*/
/*清除浮动*/
.cb {
    clear: both;
}
.cl { clear: left; }
.cr { clear: right; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.clearfix { display: inline-block; vertical-align: middle; }
html[xmlns] .clearfix { display: block; }
*html .clearfix { height: 0.1%; }
.ofh { overflow: hidden; }
.ofh-x { overflow-x: hidden; }

/*密码小眼睛清除*/
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}

/*按钮*/
/*50高白底绿边大按钮*/
.btn01 { position: relative; display: inline-block; border: 1px solid #9ECC5F; border-radius: 25px; padding: 0 20px; height: 44px; background-color: transparent; line-height: 42px; font-size: 16px; color: #9ECC5F; outline: none; overflow: hidden;}
.btn01:after { position: absolute; top: 0; left: 0; z-index: 0; content: ""; width: 0%; height: 100%; background-color: rgba(19, 111, 66, 0.1); transition: width 0.5s; }
.btn01:hover:after { width: 100%; }
/*32高白底按钮*/
.btn02{position: relative; margin-bottom: 10px; padding: 0 30px; border:1px solid #9ECC5F; border-radius: 4px; height: 32px; background-color:#fff; font-size: 14px; font-weight: bold; line-height: 30px; color: #9ECC5F; outline: none;}
.btn02:after { position: absolute; top: 0; left: 0; z-index: 0; content: ""; width: 0%; height: 100%; background-color: rgba(19, 111, 66, 0.1); transition: width 0.5s; }
.btn02:hover:after { width: 100%; }
/*50透明底白边大按钮*/
.btn03 { position: relative; display: inline-block; border: 1px solid #fff; border-radius: 25px; padding: 0 30px; height: 50px; background-color: rgba(0,0,0,0.1); line-height: 50px; font-size: 16px; color: #fff; outline: none; overflow: hidden;}
.btn03:after { position: absolute; top: 0; left: 0; z-index: 0; content: ""; width: 0%; height: 100%; background-color: rgba(0, 0, 0, 0.1); transition: width 0.5s; }
.btn03:hover:after { width: 100%; }
/*34px高白底绿边大按钮*/
.btn04 { position: relative; display: inline-block; border: 1px solid #9ECC5F; border-radius: 25px; padding: 0 20px; height: 34px; background-color: #fff; line-height: 34px; font-size: 16px; color: #9ECC5F; outline: none; overflow: hidden;}
.btn04:after { position: absolute; top: 0; left: 0; z-index: 0; content: ""; width: 0%; height: 100%; background-color: rgba(19, 111, 66, 0.1); transition: width 0.5s; }
.btn04:hover:after { width: 100%; }
/*无边无底按钮*/
.btn05{border: 0;background-color: transparent;outline: none;}
/*50高绿底白字大按钮*/
.btn06 { position: relative; display: inline-block; border: 1px solid #9ECC5F; border-radius: 0; padding: 0 50px; height: 50px; background-color: #9ECC5F; line-height: 50px; font-size: 16px; color: #fff; outline: none; overflow: hidden;}
.btn06:hover { background-color: #12623b; }
/*35高白底灰边按钮*/
.btn07{display: inline-block; border:1px solid #d4d4d4; border-radius: 20px;padding: 0 25px;height: 35px; background-color: #fff;line-height: 35px; color: #d4d4d4;font-size: 16px;}
.btn07:hover { border-color: #9ECC5F; color: #9ECC5F; }
/*48透明底灰边黑字圆角大按钮*/
.btn08 { position: relative; display: inline-block; border: 1px solid #ccc; border-radius: 25px; padding: 0 68px; height: 48px; background-color: rgba(255,255,255,0.1); line-height: 46px; font-size: 18px; color: #323232; outline: none; overflow: hidden;}
.btn08:after { position: absolute; top: 0; left: 0; z-index: 0; content: ""; width: 0%; height: 100%; background-color: rgba(19, 111, 66, 0.1); transition: width 0.5s; }
.btn08:hover:after { width: 100%; }
/*48白底绿边黑字直角大按钮*/
.btn09 { position: relative; display: inline-block; border: 1px solid #9ECC5F; width: 100%; height: 48px; background-color: rgba(255,255,255,0.1); line-height: 48px; font-size: 18px; color: #9ECC5F; outline: none; overflow: hidden;}
.btn09:after { position: absolute; top: 0; left: 0; z-index: 0; content: ""; width: 0%; height: 100%; background-color: rgba(19, 111, 66, 0.1); transition: width 0.5s; }
.btn09:hover:after { width: 100%; }
/*44白底灰边灰字直角大按钮*/
.btn10 { position: relative; display: inline-block; border: 1px solid #888; padding: 0 15px; min-width: 150px; height: 44px; background-color: rgba(255,255,255,0.1); line-height: 44px; font-size: 16px; color: #323232; outline: none; overflow: hidden;}
.btn10:after { position: absolute; top: 0; left: 0; z-index: 0; content: ""; width: 0%; height: 100%; background-color: rgba(19, 111, 66, 0.1); transition: width 0.5s; }
.btn10:hover:after { width: 100%; }

/*48绿底白字字圆角大按钮*/
.btn11 {padding: 0 12px;height: 48px;color: #fff;background: #9ecc5f;border-color: #9ecc5f;border-radius: 30px;text-align: center;font-size: 16px;}
.btn11-m,a.btn11-m {padding: 0 15px;height: 36px;line-height:34px;color: #fff;background: #9ECC5E;border-color: #9ECC5E;border-radius: 4px;text-align: center;font-size: 14px;}
.btn11-s {padding: 0 15px;height: 32px;line-height:30px;color: #fff;background: #9ECC5E;border-color: #9ECC5E;border-radius: 2px;text-align: center;font-size: 14px;}
.btn11:hover,.btn11-m:hover,.btn11-s:hover{color:#fff;border-color:#B1D67F;background-color: #B1D67F;}

/*48白底绿字圆角大按钮*/
.btn12 {padding: 0 10px;height: 48px;color: #9ECC5E;background: #fff;border-color: #9ECC5E;border-radius: 4px;text-align: center;font-size: 16px;}
.btn12:hover{color:#fff;border-color:#6F8B8A;background-color: #6F8B8A;}

/*45白底绿字圆角大按钮*/
.btn13 {padding: 0 10px;height: 45px;line-height:45px;color: #9ECC5E;background: #fff;border-color: #9ECC5E;border-radius: 4px;text-align: center;font-size: 20px;}
.btn13:hover{color:#9ECC5E;}

/*35白底绿边小按钮*/
.btn14 {width: 100px;height: 35px;line-height:32px;color:#9ECC5E;border: 1px solid #9ECC5E;border-radius: 2px;background: #fff;}
.btn14[disabled]{color:#8B8B8B;border-color:#CDCDCD;background: #F0F5F5;}

/*48灰底白字圆角大按钮*/
.btn15 {padding: 0 10px;height: 48px;color: #fff;background: #676767;border-color: #676767;border-radius: 2px;text-align: center;font-size: 16px;}
.btn.btn15-m {padding: 0 10px;height: 36px;line-height:34px;color: #fff;background: #676767;border-color: #676767;border-radius: 4px;text-align: center;font-size: 14px;}
.btn15:hover{color:#fff;border-color:#777;background-color: #777;}
.btn15-m:hover{color:#fff;opacity:.9;}

/*35浅绿底无边小按钮*/
.btn16 {height: 35px;padding:0;line-height:32px;font-size:14px;border: 1px solid #F0F5F5;border-radius: 2px;background: #F0F5F5;}

/*32浅绿底绿字无边小按钮*/
.btn17 {display:inline-block;height: 32px;padding:0 12px;line-height:30px;font-size:14px;border: 1px solid #E2EDED;border-radius: 4px;color:#9ECC5E;background: #E2EDED;}
.btn17:hover{color:#9ECC5E;}

/*44深绿底白边白字*/
.btn18{height:44px;width:220px;line-height:42px;padding:0;text-align:center;color:#fff;background-color:#496D6D;border:solid 1px #fff;border-radius:4px;}
/*44绿底白字*/
.btn19{height:44px;width:220px;line-height:42px;padding:0;text-align:center;color:#fff;background-color:#056A40;border:solid 1px #056A40;border-radius:4px;}
/*44深绿底绿边白字*/
.btn20{height:44px;width:220px;line-height:42px;padding:0;text-align:center;color:#fff;background-color:#486D6C;border:solid 1px #486D6C;border-radius:4px;}

.btn18:hover,.btn19:hover,.btn20:hover{color:#fff;opacity:.8;}

/*白底无边圆角输入框*/
.input01{border:0; border-radius: 3px; margin-bottom: 10px; padding:0 10px;width: 100%; height: 32px; background-color: #fff; line-height: 32px; color:#323232;}
/*白底灰底边输入框*/
.input02{border:0; border-bottom:1px solid #d9d9d9; border-radius: 0; padding:0 10px;width: 100%; height: 40px; background-color: #fff; line-height: 40px; color:#323232; font-size: 16px; width: calc(100% - 40px);-webkit-box-shadow:none;box-shadow:none;outline: none;}
/*白底灰边输入框*/
.input03{border:1px solid #e0e0e0; margin-top: 10px; padding:0 10px;width: 100%; height: 50px; background-color: #fff; line-height: 50px; color:#323232;}
/*灰底灰边输入框*/
.input04 { position: relative; display: inline-block; border: 1px solid #888; padding: 0 15px; min-width: 150px; height: 44px; background-color: rgba(255,255,255); line-height: 44px; font-size: 16px; color: #323232; outline: none; overflow: hidden;}

/***分离器/横线** <div role="separator" class="divider"></div>
.container-fluid// 整屏显示
.pull-left/.pull-right //向左/向右浮动
*/
.f-c { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.h-m { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.w-c { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }

/*隔离线*/
.line01 { height: 2px; margin-top: 5px; margin-bottom: 5px; /*overflow: hidden;*/ background-color: #e0e0e0; }
.line02 { height: 2px; margin-top: 5px; margin-bottom: 5px; /*overflow: hidden;*/ background-color: #9ECC5F; }

/*按钮长箭头*/
.arrow-right { position: relative; margin-right: -8px; margin-top: 1px; font-family: "iconfont"; color: #9ECC5F; }
.arrow-right:before { position: relative; top: -5px; display: inline-block; content: ""; height: 1px; width: 40px; background-color: #9ECC5F; font-weight: bold; }
.arrow-right:after { position: relative; top: -1px; left: -8px; display: inline-block; content: "\e600"; font-weight: bold; font-size: 12px; }
/*底部线条0-100展开*/
.btm-line{position: relative;}
.btm-line:after{position: absolute; bottom: 0; left: 0; content: "";height: 1px;background-color: #333;width: 0;transition: width 0.5s;}
.btm-line:hover:after{width: 100%;}
/*底部线条收起*/
.btm-line02{position: relative;}
.btm-line02:after{position: absolute; bottom: 0; left: 0; content: "";height: 1px;background-color: #323232;width: 100%;transition: width 0.5s;}
.btm-line02:hover:after{width: 0;}
/*底部线条20-100展开*/
.btm-line03{position: relative;}
.btm-line03:after{position: absolute; bottom: 0; left: 50%; content: ""; margin-left: -10px; height: 2px;background-color: #cccccc;width: 20px;transition: all 0.5s;}
.btm-line03:hover:after{left:0;margin-left: 0px;width: 100%;}
/*底部线条0-100展开,一开始线条存在*/
.bline{border-bottom:2px solid #fff;line-height:24px;}
.bline{position: relative;}
.bline:after{position: absolute; bottom: -2px; left: 0; content: "";height: 2px;background-color: #fff;width: 0;transition: width 0.7s;}
.bline:hover{border-color:transparent;}
.bline:hover:after{width: 100%;}
.bline-primary{border-color:#9ECC5E;}
.bline-primary::after{background-color: #9ECC5E;}
.bline-2d9{border-color:#FFF2D9;}
.bline-2d9::after{background-color: #FFF2D9;}


/*响应图片,.img-responsive.of同时绑定，并在IMG上绑定.img方法*/
.img-responsive { /*display: inline-block;*/ display: block; max-width: 100%; height: auto; }

/*图片放大，外面还要加个.img-responsive.of*/
.img { width: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; overflow: hidden; }
.img:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
/*文字溢出显示省略号*/
.one-line-hide { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.two-line-hide { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.three-line-hide { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.all-hide{padding: 0; margin: 0; height: 1px; width: 100%; overflow: hidden;}
.noclick{opacity: 0.5; cursor: no-drop;}

/*字体*/
@font-face {font-family: "fontCabin";src: url(/font/Cabin/CABIN-CONDENSED.TTF);}
@font-face {font-family: "fontCabinBold";src: url(/font/Cabin/CABINCONDENSED-SEMIBOLD.TTF);}

/*@font-face {font-family: "myFont";src: url(/font/NotoSans/NotoSans-Regular-2.ttf);}
@font-face {font-family: "myFontBold";src: url(/font/NotoSans/NotoSans-Bold-5.ttf);}
@font-face {font-family: "myFontItalic";src: url(/font/NotoSans/NotoSans-Italic-3.ttf);}
@font-face {font-family: "myFontBoldItalic";src: url(/font/NotoSans/NotoSans-BoldItalic-4.ttf);}*/

/*@font-face {font-family: "myFont";src: url(/font/AkzidenzGrotesk-Light.otf);}*/

body {
    font-family: Arial;
    font-size: 14px;
    color: #222;
    background-color: #fff;
}
/*.fwb {
    font-family: "myFontBold";
    font-weight: normal;
}*/
/*.iconfont{font-weight:normal;}

.font-bold{font-family: "myFontBold";}
.font-italic{font-family: "myFontItalic";}
.font-bold-italic{font-family: "myFontBoldItalic";}

.font-cabin{font-family: "fontCabin";}
.font-cabin-bold{font-family: "fontCabinBold";}*/

/*单行省略*/
.ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ells_1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/*多行省略 2行*/
.ells_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*多行省略 3行*/
.ells_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/*多行省略 5行*/
.ells_5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
/*bootstrap自带覆盖*/
.table{
    color:#323232;
}
.table>:not(caption)>*>*{
    border-color:#e7e7e7;
}
.table > :not(:first-child) {
    border-top: none;
}
.table th {
    font-weight: normal;
    line-height: 1;
}
.form-control, .form-select {
    font-size: 14px;
    box-shadow: none !important;
}
.form-check-input:checked {
    background-color: #9ECC5E;
    border-color: #9ECC5E;
}
.form-check-input:checked+label{
    color:#9ECC5E;
}
.sticky-top{
    z-index:1;
}
.offcanvas-backdrop.fade {
    transition: none;
}
.btn.btn-outline-success {color: #9ECC5E;border-color: #9ECC5E;}
.btn.btn-outline-success:hover {background-color: #9ECC5E;border-color: #9ECC5E;color:#fff;}
.btn.btn-outline-secondary {color: #565656;border-color: #565656;}
.btn.btn-outline-secondary:hover {background-color: #f0f5f5;border-color: #565656;color:#565656;}
.btn.btn-outline-danger {color: #C41B30;border-color: #C41B30;}
.btn.btn-outline-danger:hover {background-color: #C41B30;border-color: #C41B30;color:#fff;}

button:disabled,.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events:unset;
    opacity: .65;
    cursor: not-allowed;
}
/*输入框*/
.text01 {
    position: relative;
    font-size: 14px;
}
.text01 input {
    border: 1px solid #9ECC5E;
    border-radius: 2px;
    padding-left: 10px;
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
    outline: none;
}
.text01 input.w225 {
    width: 225px;
}
.text01 input.w210 {
    width: 210px;
}
.text_tit {
    display: block;
    position: absolute;
    top: -8px;
    left: 10px;
    padding: 0 5px;
    color: #666666;
    font-size: 14px;
    background-color: #fff;
}
.text01.focus .text_tit {
    z-index: 9;
    display: block;
    line-height: 16px;
}
.text01.focus input, .text01.focus textarea {
    border-color: #585858;
    outline: none;
}
.login .text_tit {
    color: #9ECC5E;
    background-color: #f3f3f3;
}
.login .text01.focus input, .login .text01.focus textarea {
    border-color: #9ECC5E;
}

/*懒加载*/
img.lazyload, img.lazyloading {
    opacity: 0;
}

img.lazyloaded {
    animation: lazyIn .4s;
    -webkit-animation: lazyIn .4s; /*Safari and Chrome*/
}

@keyframes lazyIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes lazyIn /*Safari and Chrome*/
{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: 0;
    margin-right: 0;
}
.cp {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.a-right {
    display:inline-block;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.a-right:hover {
    -webkit-transform: translateX(5px)!important;
    transform: translateX(5px)!important;
    color: #9ECC5F!important;
}
/*placeholder*/
.container input::-webkit-input-placeholder, .container textarea::-webkit-input-placeholder { /* 使用webkit内核的浏览器 */
    color: #BFBFBF;
}
.container input:-moz-placeholder, .container textarea:-moz-placeholder { /* Firefox版本4-18 */
    color: #BFBFBF;
}
.container input::-moz-placeholder, .container textarea::-moz-placeholder { /* Firefox版本19+ */
    color: #BFBFBF;
}
.container input:-ms-input-placeholder, .container textarea:-ms-input-placeholder { /* IE浏览器 */
    color: #BFBFBF;
}
/*透明*/
body .pla-tra::-webkit-input-placeholder { /* 使用webkit内核的浏览器 */
    color: transparent!important;
}
body .pla-tra:-moz-placeholder{ /* Firefox版本4-18 */
    color: transparent!important;
}
body .pla-tra::-moz-placeholder { /* Firefox版本19+ */
    color: transparent!important;
}
body .pla-tra:-ms-input-placeholder { /* IE浏览器 */
    color: transparent!important;
}   

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
    background: rgba(129, 132, 139, 0.5);
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
    border-radius: 0px;
    background: #eceff5;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(129, 132, 139, 0.8);
}
/*数量增减框*/
.numbox {
    width: 95px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #E1E1E1;
}
.numbox .form-control{
    height:28px;
    line-height:28px;
    border:none;
    padding:0;
    font-size:14px;
}
.numbox .btn{
    min-width:30px!important;
    height:28px;
    line-height:28px;
    padding:0;
    border:none;
    font-size:14px;
}
.numbox .btn:hover{
    background-color:#fff;
    color:#333;
}

.numbox-simple {
    width: 82px;
    border: none;
}
.numbox-simple .btn {
    min-width: 15px !important;
}
.numbox-simple .btn-minus{
    text-align:left;
}
.numbox-simple .btn-plus{
    text-align:right;
}
/*左图片 右信息*/
.info {
	display: flex;
}
.info>a{
	display:block;
	width: 92px;
	height: 92px;
	border:solid 1px #E7E7E7;
	margin-right:20px;
}
.info>a img{
	width:100%;
}
.info>div{
	width: 262px;
}
.info>div>p{
	padding-right:40px;
	line-height:1.2;
}
/*无货状态*/
.state-nostock, .state-invalid {
    position: relative;
}
.state-nostock::after,.state-invalid::after {
    z-index: 9;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.7);
}
.state-nostock a{
    position:relative;
    z-index:10;
    opacity:.3;
}
.state-nostock .numbox::after{
    z-index:10;
    content: 'Out of stock';
    position:absolute;
    left:0;
    bottom:-20px;
    display:inline-block;
    width:100%;
    font-size:12px;
    text-align:center;
    color:#C4172D;
}
/*失效状态*/
.state-invalid .info>a{
    position:relative;
}
.state-invalid .info > a::after {
    z-index: 10;
    content: 'Invalid';
    position: absolute;
    left: 0;
    top: 34px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #323232;
    cursor:default;
}
/*红点*/
.red-dot{
    position:relative;
}
.red-dot::after{
    content:'';
    position:absolute;
    top:-2px;
    right:-2px;
    display:inline-block;
    width:10px;
    height:10px;
    background-color:#C4172D;
    border:solid 1px #fff;
    border-radius:50%;
}
/*多选框*/
input, button:focus, ._panel-box input, .btn-close:focus {
    outline: none;
    box-shadow: none;
}
.checkbox input, .radio input {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    margin-bottom: 3px;
    vertical-align: middle;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    background-size: auto 100%;
    background-position: -12px 0;
}

.checkbox input[type=checkbox]:checked,.radio input[type=checkbox]:checked {
    border-color: #9ECC5E;
    background-color:#9ECC5E;
}

.checkbox input[type=checkbox]:focus,.radio input[type=checkbox]:focus {
    outline: none;
}
/*弹窗*/
.modal-footer{
    border-top: 0;
}
.modal-footer .btn{
    font-size:14px;
}
.modal-footer .btn-primary{
    color:#fff;
    border-color:#9ECC5E;
    background-color:#9ECC5E;
}
.modal-footer .btn-primary:not(:disabled):hover {
    border-color:#6F8B8A;
    background-color: #6F8B8A;
}
/*弹出框 居中*/
.modal-alert .modal-dialog {
    width:430px;
    text-align: center;
    
}
.modal-alert .modal-body {
    padding: 5px 40px 65px 40px;
    font-size:16px;
}
/*确认框*/
.modal-confirm .btn {
    width: 110px;
    height: 34px;
}
.modal-confirm .modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
}
.modal-confirm .modal-dialog {
    max-width: 420px;
}
.modal-confirm .modal-body {
    padding-top: 35px;
    padding-bottom: 30px;
    text-align: center;
}
.modal-confirm .modal-footer {
    justify-content: center;
}
.modal-confirm .btn-light {
    background-color: #f0f5f5;
}
/*放大效果*/
.scale{
	overflow:hidden;
}
.scale img{
	transition:all .5s;
}
.scale:hover img {
	transform: scale(1.1);
}
@media(min-width:1560px){
    .plr90_b {padding-left: 90px!important;padding-right: 90px!important;}
    .plr130_b{padding-left:130px!important;padding-right:130px!important;}
    .ml100_b{margin-left:100px;}
    .d-xxxl-none {display: none !important;}
    .d-xxxl-block {display: block !important;}
    .fs16_b{font-size:16px;}
    .fs20_b{font-size:20px!important;}
    .d-xxxl-flex{display:flex!important;}
    .align-items-xxxl-center{align-items: center!important;}
}
@media(max-width:768px) {
    .fs46{font-size:30px;}
    .fs36{font-size:20px;}
    .fs20{font-size:16px;}
    .fs16{font-size:14px;}
    .mt30{margin-top:15px;}
    .ptb25{padding-top:10px;padding-bottom:10px;}
    .btn13 {padding: 0 5px;height: 25px;line-height: 25px;font-size: 14px;width:80px;margin-left:0;margin-bottom:10px;}
}
@media(max-width:1440px) {
    html{font-size:14px;}

    .plr80{padding-left:40px;padding-right:40px;}
}
.top-notice {
    display: flex;
    align-items: center;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    color: #fff;
    background: #04693F;
}
.top-notice .container{
    position: relative;
    padding-right:30px;
}
.top-notice .iconfont{
    position:absolute;
    top:50%;
    right:0;
    opacity:.7;
    transform:translateY(-50%);
}
.top-notice .iconfont:hover{
    opacity:1;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
    background:none;
}
.eye-area {
    position: relative;
}
.eye-area .icon-see,.eye-area .icon-nosee{
    position:absolute;
    right:10px;
    top:7px;
    cursor:pointer;
    font-size:20px;
    opacity:.8;
}
.eye-area .icon-see:hover,.eye-area .icon-nosee:hover{
    opacity:1;
}
.panel-reg .eye-area .icon-see, .panel-reg .eye-area .icon-nosee {
    top: 47px;
    color: #333;
}
.modal .eye-area .icon-see, .modal .eye-area .icon-nosee {
    top: 4px;
}
.auth-panel .eye-area .icon-see, .auth-panel .eye-area .icon-nosee {
    top: 4px;
}

.icon_suc{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:26px;
    background-color:#9ECC5E;
    color:#fff;
    border-radius:50%;
}

@media(max-width:768px){
    .show_pc{display:none;}
}
@media(min-width:769px){
    .show_mobile{display:none;}
}



/*==========购物车/右侧浮动展开 相关==========*/
/*右侧工具栏*/
.toolbar-tabs{ z-index: 1000; position: fixed; top: 50%; right: 0px; transform: translate(0, -50%); transition: all 0.5s;}
.toolbar-tab { float: right; display: inline-block; margin-bottom: 2px; height: 35px; background-color: #232331; color: #fff; border-radius: 3px; transition: all 0.6s; }
.toolbar-tab:hover, .toolbar-tab.selected { background-color: #8ec243; }
.toolbar-tab i { float: right; display: inline-block; height: 35px; width: 35px; line-height: 35px; text-align: center; }
.toolbar-tab .toolbar-text { display: inline-block; padding: 0; width: 0px; height: 35px; overflow: hidden; font-size: 16px; line-height: 35px; transition: all 0.6s;}
.toolbar-tab:hover .toolbar-text { padding: 0 20px; width: auto; }
.toolbar-footer {z-index: 1000; position: fixed; right: -5px; bottom: 0px; border-right: 5px solid rgba(0,0,0,0.8); height: 100%; transition: all 0.5s;}
.toolbar-footer .toolbar-tab{bottom: 0px;
    right: 0px;
    position: absolute;}
.toolbar-tab-user, .toolbar-tab-cart, .toolbar-tab-inquiry{z-index: 1000!important;display:none; transition: all 0.5; -webkit-animation: toolbar-scaleOut .35s ease-in; animation: toolbar-scaleOut .35s ease-in;}
.toolbar-user .toolbar-tab-user, .toolbar-cart .toolbar-tab-cart, .toolbar-inquiry .toolbar-tab-inquiry{z-index: 1001!important;display:block; -webkit-animation: toolbar-scaleIn .35s ease-in-out; animation: toolbar-scaleIn .35s ease-in-out;}
.sidebg{position: absolute;right: -365px;border-top: 71px solid #333;width: 360px;height: 100%;background: #F2F2F2;}
.toolbar-footer02{height: auto;}
.toolbar-footer02 .toolbar-tab{position: inherit;}
/*右侧购物车选项卡展开*/
@-webkit-keyframes toolbar-scaleIn {
	from { opacity: .7; -webkit-transform: translateX(360px); transform: translateX(360px) }
	to { -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes toolbar-scaleIn {
	from { opacity: .7; -webkit-transform: translateX(360px); transform: translateX(360px) }
	to { -webkit-transform: translateX(0); transform: translateX(0) }
}
/*右侧购物车选项卡收缩*/
@-webkit-keyframes toolbar-scaleOut {
	to { opacity: .5; -webkit-transform: scale(.7) translateX(360px); transform: scale(.7) translateX(360px) }
}
@keyframes toolbar-scaleOut {
	to { opacity: .5; -webkit-transform: scale(.7) translateX(360px); transform: scale(.7) translateX(360px) }
}
/*右侧购物车详情*/
.toolbar-tab-cart .sclist-img{width: 75px;height: 75px;line-height: 75px;}
.toolbar-tab-cart .sclist-tit{width: 210px;padding:10px 0px 10px 5px;}
.toolbar-tab-cart .sclist-tit .link{display: inline-block;width: 175px;}
.toolbar-tab-cart .numbox .form-control, .toolbar-tab-cart .numbox .btn{height: 25px;line-height: 25px;}
.toolbar-tab-cart .panel .sclist-close{opacity: 0; float: right; border: 1px solid #ccc;border-radius: 50%;width: 18px;height: 18px;text-align: center;font-size: 14px;line-height: 16px;transition: all 0.5s;}
.toolbar-tab-cart .panel:hover .sclist-close{opacity: 1;}
.toolbar-tab-cart .panel .j-num-txt, .toolbar-tab-cart .panel:hover .j-numbox{display: table;}
.toolbar-tab-cart .panel:hover .j-num-txt, .toolbar-tab-cart .panel .j-numbox{display: none;}
.toolbar-tab-cart .sidecart-total{background-color: #ececec;}

/*input.input01 {margin: 0; -webkit-appearance: none; width: 15px; height: 15px; vertical-align: middle; background: url(/images/icon-check01.png) no-repeat; outline: none; cursor: pointer; }
input.input01:checked{background: url(/images/icon-check02.png) no-repeat 0 -1px;}
input.input02 {margin: 0; -webkit-appearance: none; width: 34px; height: 34px; vertical-align: middle; background: url(/images/icon-check03.png) no-repeat; outline: none; cursor: pointer; }
input.input02:checked{background: url(/images/icon-check04.png) no-repeat 0 -1px;}
input.input03 {margin: 0; -webkit-appearance: none; width: 20px; height: 24px; vertical-align: middle; background: url(/images/icon-follow.png) no-repeat; outline: none; cursor: pointer; }
input.input03:checked{background: url(/images/icon-follow02.png) no-repeat;}*/
.sidecart .toolbar-tab-inquiry{padding-bottom: 140px;}
.sclist02{font-size: 16px; color: #565656;text-align: center;}
.sclist02 li{position: relative; float: left; margin: 0 2% 4% 0; padding: 0px 10px 5px; width: 48%; background-color: #fff;}
.sclist02 li:nth-child(2n){float: right; margin-right: 0;}
.sclist02 li .sclist02-img{height: 160px;line-height: 160px;}
.sclist02 li .sclist02-img img{width: 100%;}
.sclist02 li .op0{opacity: 0; }
.sclist02 li:hover .op0, .sclist02 li input.op0:checked{opacity: 1; }
.sidecart-total .btn01{display: inline-block;}
.user-box{}
.sidecart .toolbar-tab-user{padding-bottom:0;overflow-y:hidden;}
.toolbar-tab-user .r-user{ margin-bottom: 1px;padding: 15px;background-color: #fff;}
.toolbar-tab-user .r-user .r-user-img{float: left; margin-right: 20px; border-radius: 50%;width: 70px;height: 70px;}
.toolbar-tab-user .r-user .r-user-img img{border-radius:50%; width: 100%;height: 100%;}
.toolbar-tab-user .r-user .r-user-tip{border-radius: 10px; padding: 2px 5px; background-color: #8ec243; font-size: 12px; color: #fff;}
.toolbar-tab-user .r-user-sign{margin-bottom: 10px; padding: 20px 0 20px 35px; background: url(/images/icon-rb.jpg) no-repeat right bottom #fff;}
.toolbar-tab-user .r-user-crnter{margin-bottom: 10px; background-color: #fff; text-align: center;}
.toolbar-tab-user .r-user-manager{background-color: #fff;}
.toolbar-tab-user .r-user-tit{border-bottom: solid 1px #f0f3ef; padding-top: 10px; padding-bottom: 10px;font-size: 16px;text-align: center;text-transform: uppercase;}
.toolbar-tab-cart .empty-cart,.toolbar-tab-inquiry .empty-cart,.toolbar-tab-user .empty-cart{position: relative; top:40%;transform: translate(0,-50%);text-align: center;}

/*加入购物车成功提示*/
.add-success {
    position: fixed;
    right: 35px;
    z-index: 1000;
    display: none;
    width: 0px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    overflow: hidden;
    transition: width 1s;
}

    .add-success:after {
        position: absolute;
        top: 0px;
        right: -0px;
        content: "\e649";
        font-family: "iconfont";
        font-size: 12px;
        color: rgba(226, 226, 226, 0.95);
    }

    .add-success .add-success-txt {
        background-color: rgba(226, 226, 226, 0.95);
        width: 192px;
    }

    .add-success .add-success-tip {
        display: inline-block;
        border: 1px solid #368523;
        border-radius: 50%;
        margin-right: 10px;
        width: 18px;
        height: 18px;
        font-weight: bold;
        line-height: 18px;
        text-align: center;
        font-size: 12px;
        color: #368523;
    }


/*右下角弹出框，提示框*/
body .alert {
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 100;
    border-radius: 2px;
    max-width: 320px; /*width: 200px;*/
}

.alert.alert-success, .alert.alert-danger, .alert.alert-warning {
    padding-left: 60px;
    padding-right: 30px;
}

.alert.alert-success {
    color: #9dcb5e;
    background-color: #f6fee7;
    background-image: none;
    border-color: #9dcb5e;
}

.alert.alert-warning {
    border-color: #f5a225;
    background-color: #fbeedb;
    background-image: none;
    color: #f5a225;
}

.alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    background-image: none;
    border-color: #ebccd1;
}

    .alert.alert-success:before, .alert.alert-danger:before, .alert.alert-warning:before {
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -11px;
        font-family: "iconfont";
        font-size: 30px;
        line-height: 22px;
    }

.alert.alert-success:before {
    content: "\e6ea";
}

.alert.alert-danger:before {
    content: "\e636";
}

.alert.alert-warning:before {
    content: "\e632";
}

.alert-pop {
    left: 50%;
    bottom: 50%;
    margin-top: -145px;
    margin-left: -200px;
    padding: 30px 15px;
    width: 400px;
    background-color: #fff;
}

    .alert-pop:before {
        position: fixed;
        content: '';
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .alert-pop .btn {
        border: 0;
        padding: 6px 30px;
        border-radius: 2px;
        background-image: none;
        border-color: #f5a31d;
        background-color: #f5a31d;
        color: #fff;
    }

    .alert-pop .close {
        position: absolute;
        right: 15px;
    }

.close {
    padding-left: 25px;
    font-size: 26px;
    font-weight: normal;
    line-height: 22px;
}

/*弹出框样式*/
.pop-s, .pop-s-notit {
    top: 50%;
    margin-top: -145px;
}

    .pop-s .modal-content, .pop-s-notit .modal-content {
        border-radius: 0;
    }

        .pop-s .modal-content .modal-header {
            padding: 10px 20px;
            background-color: #efefef;
            color: #666;
        }

            .pop-s .modal-content .modal-header .modal-title {
                font-size: 16px;
                font-weight: normal;
            }

        .pop-s .modal-content .modal-body, .pop-s-notit .modal-content .modal-body {
            font-size: 16px;
            padding: 40px 30px 10px;
        }

            .pop-s .modal-content .modal-body .pop-s-tit {
                font-size: 18px;
                color: #ff6c00;
                font-weight: bold;
            }

    .pop-s .modal-dialog .modal-footer {
        text-align: center;
    }

    .pop-s .modal-footer {
        padding: 30px;
    }

        .pop-s .modal-footer .btn {
            padding: 6px 30px;
            border-radius: 2px;
            background-image: none;
        }

        .pop-s .modal-footer .btn-default {
            border-color: #f1f1f1;
            background-color: #f1f1f1;
        }

        .pop-s .modal-footer .btn-warning {
            border-color: #f5a31d;
            background-color: #f5a31d;
        }

/*警告提示窗*/
.pop-warn .modal-content .modal-body {
    padding-left: 90px;
}

    .pop-warn .modal-content .modal-body:before {
        content: "\e638";
        position: absolute;
        left: 30px;
        top: 50%;
        margin-top: -24px;
        font-family: "iconfont";
        color: #fc0;
        font-size: 50px;
    }

.col-md-9 {
    position: relative;
}