/*
全局css，适合所有页面
*/

* { margin: 0px;padding: 0px; }
body { font-size: 14px;font-family:"微软雅黑";margin:0;padding: 0; color: #333; box-sizing: border-box;}
ul,p { margin: 0;padding: 0; }
a { text-decoration: none;outline: 0; color: #000;}
input,select { outline: 0; }
li { list-style-type: none;list-style: none; }
img { border: 0px; }

/* 高度 */
.bg-h0{ height: 0px!important;}
.bg-h1{ height: 1px!important;}
.bg-h2{ height: 2px!important;}
.bg-h5{ height: 5px!important;}
.bg-h10{ height: 10px!important;}
.bg-h11{ height: 11px!important;}
.bg-h12{ height: 12px!important;}
.bg-h13{ height: 13px!important;}
.bg-h14{ height: 14px!important;}
.bg-h15{ height: 15px!important;}
.bg-h16{ height: 16px!important;}
.bg-h17{ height: 17px!important;}
.bg-h18{ height: 18px!important;}
.bg-h19{ height: 19px!important;}
.bg-h20{ height: 20px!important;}
.bg-h25{ height: 25px!important;}
.bg-h30{ height: 30px!important;}
.bg-h35{ height: 35px!important;}
.bg-h40{ height: 40px!important;}
.bg-h45{ height: 45px!important;}
.bg-h50{ height: 50px!important;}
.bg-h55{ height: 55px!important;}
.bg-h60{ height: 60px!important;}
.bg-h65{ height: 65px!important;}
.bg-h70{ height: 70px!important;}
.bg-h75{ height: 75px!important;}
.bg-h80{ height: 80px!important;}
.bg-h85{ height: 85px!important;}
.bg-h90{ height: 90px!important;}
.bg-h95{ height: 95px!important;}
.bg-h100{ height: 100px!important;}
.bg-h200{ height: 200px!important;}
.bg-h300{ height: 300px!important;}
.bg-h400{ height: 400px!important;}
.bg-h500{ height: 500px!important;}
.bg-h600{ height: 600px!important;}

/* 宽度 */
.bg-w0{ width: 0px!important;}
.bg-w1{ width: 1px!important;}
.bg-w2{ width: 2px!important;}
.bg-w3{ width: 3px!important;}
.bg-w4{ width: 4px!important;}
.bg-w5{ width: 5px!important;}
.bg-w10{ width: 10px!important;}
.bg-w15{ width: 15px!important;}
.bg-w20{ width: 20px!important;}
.bg-w25{ width: 25px!important;}
.bg-w30{ width: 30px!important;}
.bg-w35{ width: 35px!important;}
.bg-w40{ width: 40px!important;}
.bg-w45{ width: 45px!important;}
.bg-w50{ width: 50px!important;}
.bg-w55{ width: 55px!important;}
.bg-w60{ width: 60px!important;}
.bg-w65{ width: 65px!important;}
.bg-w70{ width: 70px!important;}
.bg-w75{ width: 75px!important;}
.bg-w80{ width: 80px!important;}
.bg-w85{ width: 85px!important;}
.bg-w90{ width: 90px!important;}
.bg-w95{ width: 95px!important;}
.bg-w100{ width: 100px!important;}
.bg-w150{ width: 150px!important;}
.bg-w200{ width: 200px!important;}
.bg-w250{ width: 250px!important;}
.bg-w300{ width: 300px!important;}
.bg-w350{ width: 350px!important;}
.bg-w400{ width: 400px!important;}
.bg-w450{ width: 450px!important;}
.bg-w500{ width: 500px!important;}
.bg-w550{ width: 550px!important;}
.bg-w600{ width: 600px!important;}
.bg-w1200{ width: 1200px!important;}
.bg-w1300{ width: 1300px!important;}
.bg-wp1{ width: 1%!important;}
.bg-wp2{ width: 2%!important;}
.bg-wp3{ width: 3%!important;}
.bg-wp4{ width: 4%!important;}
.bg-wp5{ width: 5%!important;}
.bg-wp6{ width: 6%!important;}
.bg-wp7{ width: 7%!important;}
.bg-wp8{ width: 8%!important;}
.bg-wp9{ width: 9%!important;}
.bg-wp10{ width: 10%!important;}
.bg-wp11{ width: 11%!important;}
.bg-wp12{ width: 12%!important;}
.bg-wp13{ width: 13%!important;}
.bg-wp14{ width: 14%!important;}
.bg-wp15{ width: 15%!important;}
.bg-wp16{ width: 16%!important;}
.bg-wp17{ width: 17%!important;}
.bg-wp18{ width: 18%!important;}
.bg-wp19{ width: 19%!important;}
.bg-wp20{ width: 20%!important;}
.bg-wp21{ width: 21%!important;}
.bg-wp22{ width: 22%!important;}
.bg-wp23{ width: 23%!important;}
.bg-wp24{ width: 24%!important;}
.bg-wp25{ width: 25%!important;}
.bg-wp26{ width: 26%!important;}
.bg-wp27{ width: 27%!important;}
.bg-wp28{ width: 28%!important;}
.bg-wp29{ width: 29%!important;}
.bg-wp30{ width: 30%!important;}
.bg-wp31{ width: 31%!important;}
.bg-wp32{ width: 32%!important;}
.bg-wp33{ width: 33.33%!important;}
.bg-wp34{ width: 34%!important;}
.bg-wp35{ width: 35%!important;}
.bg-wp36{ width: 36%!important;}
.bg-wp37{ width: 37%!important;}
.bg-wp38{ width: 38%!important;}
.bg-wp39{ width: 39%!important;}
.bg-wp40{ width: 40%!important;}
.bg-wp41{ width: 41%!important;}
.bg-wp42{ width: 42%!important;}
.bg-wp43{ width: 43%!important;}
.bg-wp44{ width: 44%!important;}
.bg-wp45{ width: 45%!important;}
.bg-wp46{ width: 46%!important;}
.bg-wp47{ width: 47%!important;}
.bg-wp48{ width: 48%!important;}
.bg-wp49{ width: 49%!important;}
.bg-wp50{ width: 50%!important;}
.bg-wp51{ width: 51%!important;}
.bg-wp52{ width: 52%!important;}
.bg-wp53{ width: 53%!important;}
.bg-wp54{ width: 54%!important;}
.bg-wp55{ width: 55%!important;}
.bg-wp56{ width: 56%!important;}
.bg-wp57{ width: 57%!important;}
.bg-wp58{ width: 58%!important;}
.bg-wp59{ width: 59%!important;}
.bg-wp60{ width: 60%!important;}
.bg-wp61{ width: 61%!important;}
.bg-wp62{ width: 62%!important;}
.bg-wp63{ width: 63%!important;}
.bg-wp64{ width: 64%!important;}
.bg-wp65{ width: 65%!important;}
.bg-wp66{ width: 66%!important;}
.bg-wp67{ width: 67%!important;}
.bg-wp68{ width: 68%!important;}
.bg-wp69{ width: 69%!important;}
.bg-wp70{ width: 70%!important;}
.bg-wp71{ width: 71%!important;}
.bg-wp72{ width: 72%!important;}
.bg-wp73{ width: 73%!important;}
.bg-wp74{ width: 74%!important;}
.bg-wp75{ width: 75%!important;}
.bg-wp76{ width: 76%!important;}
.bg-wp77{ width: 77%!important;}
.bg-wp78{ width: 78%!important;}
.bg-wp79{ width: 79%!important;}
.bg-wp80{ width: 80%!important;}
.bg-wp81{ width: 81%!important;}
.bg-wp82{ width: 82%!important;}
.bg-wp83{ width: 83%!important;}
.bg-wp84{ width: 84%!important;}
.bg-wp85{ width: 85%!important;}
.bg-wp86{ width: 86%!important;}
.bg-wp87{ width: 87%!important;}
.bg-wp88{ width: 88%!important;}
.bg-wp89{ width: 89%!important;}
.bg-wp90{ width: 90%!important;}
.bg-wp91{ width: 91%!important;}
.bg-wp92{ width: 92%!important;}
.bg-wp93{ width: 93%!important;}
.bg-wp94{ width: 94%!important;}
.bg-wp95{ width: 95%!important;}
.bg-wp96{ width: 96%!important;}
.bg-wp97{ width: 97%!important;}
.bg-wp98{ width: 98%!important;}
.bg-wp99{ width: 99%!important;}
.bg-wp100{ width: 100%!important;}

/* max-width */
.bg-mwp100{ max-width: 100% !important; }
.bg-mhp100{ max-height: 100% !important; }

/* margin&padding */
.bg-auto{ margin: 0 auto;}
.bg-m-auto{ margin: auto;}
.bg-m0{ margin: 0 !important;}
.bg-m5{ margin: 5px !important;}
.bg-m10{ margin: 10px !important;}
.bg-m15{ margin: 15px !important;}
.bg-m20{ margin: 20px !important;}
.bg-m30{ margin: 30px !important;}
.bg-m40{ margin: 40px !important;}
.bg-m50{ margin: 50px !important;}
.bg-p0{ padding: 0 !important;}
.bg-p5{ padding: 5px !important;}
.bg-p10{ padding: 10px !important;}
.bg-p15{ padding: 15px !important;}
.bg-p20{ padding: 20px !important;}
.bg-p30{ padding: 30px !important;}
.bg-p40{ padding: 40px !important;}
.bg-p50{ padding: 50px !important;}

.bg-mt0{ margin-top: 0 !important;}
.bg-mt5{ margin-top: 5px !important;}
.bg-mt10{ margin-top: 10px !important;}
.bg-mt15{ margin-top: 15px !important;}
.bg-mt20{ margin-top: 20px !important;}
.bg-mt30{ margin-top: 30px !important;}
.bg-mt40{ margin-top: 40px !important;}
.bg-mt50{ margin-top: 50px !important;}

.bg-mb0{ margin-bottom: 0 !important;}
.bg-mb5{ margin-bottom: 5px !important;}
.bg-mb10{ margin-bottom: 10px !important;}
.bg-mb15{ margin-bottom: 15px !important;}
.bg-mb20{ margin-bottom: 20px !important;}
.bg-mb30{ margin-bottom: 30px !important;}
.bg-mb40{ margin-bottom: 40px !important;}
.bg-mb50{ margin-bottom: 50px !important;}

.bg-ml0{ margin-left: 0 !important;}
.bg-ml2{ margin-left: 2px !important;}
.bg-ml5{ margin-left: 5px !important;}
.bg-ml10{ margin-left: 10px !important;}
.bg-ml15{ margin-left: 15px !important;}
.bg-ml20{ margin-left: 20px !important;}
.bg-ml30{ margin-left: 30px !important;}
.bg-ml40{ margin-left: 40px !important;}
.bg-ml50{ margin-left: 50px !important;}

.bg-mr0{ margin-right: 0 !important;}
.bg-mr2{ margin-right: 2px !important;}
.bg-mr5{ margin-right: 5px !important;}
.bg-mr10{ margin-right: 10px !important;}
.bg-mr15{ margin-right: 15px !important;}
.bg-mr20{ margin-right: 20px !important;}
.bg-mr30{ margin-right: 30px !important;}
.bg-mr40{ margin-right: 40px !important;}
.bg-mr50{ margin-right: 50px !important;}

.bg-mv0{ margin-top:0!important;margin-bottom:0!important;}
.bg-mv5{ margin-top:5px!important;margin-bottom:5px!important;}
.bg-mv10{ margin-top:10px!important;margin-bottom:10px!important;}
.bg-mv15{ margin-top:15px!important;margin-bottom:15px!important;}
.bg-mv20{ margin-top:20px!important;margin-bottom:20px!important;}
.bg-mv30{ margin-top:30px!important;margin-bottom:30px!important;}
.bg-mv40{ margin-top:40px!important;margin-bottom:40px!important;}
.bg-mv50{ margin-top:50px!important;margin-bottom:50px!important;}

.bg-mh0{ margin-left:0!important;margin-right:0!important;}
.bg-mh5{ margin-left:5px !important;margin-right:5px!important;}
.bg-mh10{ margin-left:10px !important;margin-right:10px!important;}
.bg-mh15{ margin-left:15px !important;margin-right:15px!important;}
.bg-mh20{ margin-left:20px !important;margin-right:20px!important;}
.bg-mh30{ margin-left:30px !important;margin-right:30px!important;}
.bg-mh40{ margin-left:40px !important;margin-right:40px !important;}
.bg-mh50{ margin-left:50px !important;margin-right:50px !important;}

.bg-pt0{ padding-top: 0 !important;}
.bg-pt5{ padding-top: 5px !important;}
.bg-pt10{ padding-top: 10px !important;}
.bg-pt15{ padding-top: 15px !important;}
.bg-pt20{ padding-top: 20px !important;}
.bg-pt30{ padding-top: 30px !important;}
.bg-pt40{ padding-top: 40px !important;}
.bg-pt50{ padding-top: 50px !important;}

.bg-pb0{ padding-bottom: 0 !important;}
.bg-pb5{ padding-bottom: 5px !important;}
.bg-pb10{ padding-bottom: 10px !important;}
.bg-pb15{ padding-bottom: 15px !important;}
.bg-pb20{ padding-bottom: 20px !important;}
.bg-pb30{ padding-bottom: 30px !important;}
.bg-pb40{ padding-bottom: 40px !important;}
.bg-pb50{ padding-bottom: 50px !important;}

.bg-pl0{ padding-left: 0 !important;}
.bg-pl5{ padding-left: 5px !important;}
.bg-pl10{ padding-left: 10px !important;}
.bg-pl15{ padding-left: 15px !important;}
.bg-pl20{ padding-left: 20px !important;}
.bg-pl30{ padding-left: 30px !important;}
.bg-pl40{ padding-left: 40px !important;}
.bg-pl50{ padding-left: 50px !important;}

.bg-pr0{ padding-right: 0 !important;}
.bg-pr5{ padding-right: 5px !important;}
.bg-pr10{ padding-right: 10px !important;}
.bg-pr15{ padding-right: 15px !important;}
.bg-pr20{ padding-right: 20px !important;}
.bg-pr30{ padding-right: 30px !important;}
.bg-pr40{ padding-right: 40px !important;}
.bg-pr50{ padding-right: 50px !important;}

.bg-pv0{ padding-top:0 !important;padding-bottom:0 !important;}
.bg-pv5{ padding-top:5px !important;padding-bottom:5px!important;}
.bg-pv10{ padding-top:10px !important;padding-bottom:10px!important;}
.bg-pv15{ padding-top:15px !important;padding-bottom:15px!important;}
.bg-pv20{ padding-top:20px !important;padding-bottom:20px!important;}
.bg-pv30{ padding-top:30px !important;padding-bottom:30px!important;}
.bg-pv40{ padding-top:40px !important;padding-bottom:40px !important;}
.bg-pv50{ padding-top:50px !important;padding-bottom:50px !important;}

.bg-ph0{ padding-left:0 !important;padding-right:0 !important;}
.bg-ph5{ padding-left:5px !important;padding-right:5px!important;}
.bg-ph10{ padding-left:10px !important;padding-right:10px!important;}
.bg-ph15{ padding-left:15px !important;padding-right:15px!important;}
.bg-ph20{ padding-left:20px !important;padding-right:20px!important;}
.bg-ph30{ padding-left:30px !important;padding-right:30px!important;}
.bg-ph40{ padding-left:40px !important;padding-right:40px !important;}
.bg-ph50{ padding-left:50px !important;padding-right:50px !important;}

/*行间距*/
.bg-lh20{ line-height: 20px; }
.bg-lh21{ line-height: 21px; }
.bg-lh22{ line-height: 22px; }
.bg-lh23{ line-height: 23px; }
.bg-lh24{ line-height: 24px; }
.bg-lh25{ line-height: 25px; }
.bg-lh26{ line-height: 26px; }
.bg-lh27{ line-height: 27px; }
.bg-lh28{ line-height: 28px; }
.bg-lh29{ line-height: 29px; }
.bg-lh30{ line-height: 30px; }
.bg-lh31{ line-height: 31px; }
.bg-lh32{ line-height: 32px; }
.bg-lh33{ line-height: 33px; }
.bg-lh34{ line-height: 34px; }
.bg-lh35{ line-height: 35px; }
.bg-lh36{ line-height: 36px; }
.bg-lh37{ line-height: 37px; }
.bg-lh38{ line-height: 38px; }
.bg-lh39{ line-height: 39px; }
.bg-lh40{ line-height: 40px; }
.bg-lh45{ line-height: 45px; }

/* 浮动 */
.bg-fleft,.bg-fl{ float: left!important; }
.bg-fright,.bg-fr{ float: right!important; }
.bg-clear{ clear:both!important; }

/* 对齐 */
.bg-c{ margin-left: auto; margin-right: auto;}
.bg-center{ text-align:center!important; }
.bg-left{ text-align:left!important; }
.bg-right{ text-align:right!important; }
.bg-vm { vertical-align: middle!important;}

/* 显示方式 */
.bg-inline,.bg-in { display: inline!important;}
.bg-inlineblock, .bg-inb { display: inline-block!important;}
.bg-blk, .block { display: block!important;}
.bg-hide, .bg-none, .none .bg-collapse { display: none!important;}
.bg-over-hide{ overflow: hidden; }

/* 粗体、斜体 */
.bg-italic{font-style: italic!important;}
.bg-noitalic{font-style: normal!important;}
.bg-bold{font-weight: bold!important;}
.bg-nobold{font-weight: normal!important;}

/* 划线 */
.bg-lineth{ text-decoration: line-through; }
.bg-lineun{ text-decoration: underline; }

/* 圆角 */
.bg-circle, .bg-radius-50{ border-radius:50%!important; }
.bg-round, .bg-radius-100{ border-radius:1000px; }
.bg-radius-2{border-radius: 2px;}
.bg-radius-3{border-radius: 3px;}
.bg-radius-4{border-radius: 4px;}
.bg-radius-5{border-radius: 5px;}
.bg-radius-6{border-radius: 6px;}
.bg-radius-7{border-radius: 7px;}
.bg-radius-8{border-radius: 8px;}
.bg-radius-9{border-radius: 9px;}
.bg-radius-10{border-radius: 10px;}

/* Color */
.bg-red { color: red!important; }
.bg-f00 { color: #f00!important; }
.bg-green { color: green!important; }
.bg-0f0 { color: #0f0!important; }
.bg-blue { color: blue!important; }
.bg-00f { color: #00f!important; }
.bg-white, .bg-fff { color: #fff!important; }
.bg-orange { color: orange!important; }
.bg-f80 { color: #f80!important; }
.bg-000 { color: #000!important; }
.bg-111 { color: #111!important; }
.bg-222 { color: #222!important; }
.bg-333 { color: #333!important; }
.bg-444 { color: #444!important; }
.bg-4c { color: #4c4c4c!important; }
.bg-555 { color: #555!important; }
.bg-666 { color: #666!important; }
.bg-777 { color: #777!important; }
.bg-888 { color: #888!important; }
.bg-999 { color: #999!important; }
.bg-aaa { color: #aaa!important; }
.bg-bbb { color: #bbb!important; }
.bg-ccc { color: #ccc!important; }
.bg-ddd { color: #ddd!important; }
.bg-eee { color: #eee!important; }
.bg-fff { color: #fff!important; }

/* 背景色Color */
.bg-bg-red { background-color: red!important; }
.bg-bg-fff, .bg-bg-white { background-color: #fff!important; }
.bg-bg-ccc { background-color: #ccc!important; }
.bg-bg-eee { background-color: #eee!important; }
.bg-bg-999 { background-color: #999!important; }
.bg-bg-333 { background-color: #333!important; }
.bg-bg-f8 { background-color: #f8f8f8!important; }
.bg-bg-f7 { background-color: #f7f7f7!important; }
.bg-bg-f6 { background-color: #f6f6f6!important; }
.bg-bg-f5 { background-color: #f5f5f5!important; }
.bg-bg-f4 { background-color: #f4f4f4!important; }
.bg-bg-ef { background-color: #efefef!important; }

/*边框*/
.bg-border-eee { border: 1px solid #eee; }
.bg-border-ddd { border: 1px solid #ddd; }
.bg-border-f1 { border: 1px solid #f1f1f1; }
.bg-border-b-eee {border-bottom: 1px solid #eee;}
.bg-border-b-ddd {border-bottom: 1px solid #ddd;}
.bg-border-b-f1 {border-bottom: 1px solid #f1f1f1;}
.bg-border-t-eee { border-top: 1px solid #eee; }
.bg-border-t-ddd { border-top: 1px solid #ddd; }
.bg-border-t-f1 { border-top: 1px solid #f1f1f1; }
.bg-noborder { border: none !important; }
.bg-last-child:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }

.bg-row2:nth-child(2n){ margin-right: 0 !important; }
.bg-row3:nth-child(3n){ margin-right: 0 !important; }
.bg-row4:nth-child(4n){ margin-right: 0 !important; }
.bg-row5:nth-child(5n){ margin-right: 0 !important; }

/* 字体 */
.bg-f-geo { font-family: "Georgia"!important;}
.bg-f-yahei { font-family: "微软雅黑"!important;}

/*字号*/
.bg-fs0{font-size:0!important;}
.bg-fs10{font-size:10px!important;}
.bg-fs11{font-size:11px!important;}
.bg-fs12{font-size:12px!important;}
.bg-fs13{font-size:13px!important;}
.bg-fs14{font-size:14px!important;}
.bg-fs15{font-size:15px!important;}
.bg-fs16{font-size:16px!important;}
.bg-fs17{font-size:17px!important;}
.bg-fs18{font-size:18px!important;}
.bg-fs19{font-size:19px!important;}
.bg-fs20{font-size:20px!important;}
.bg-fs21{font-size:21px!important;}
.bg-fs22{font-size:22px!important;}
.bg-fs23{font-size:23px!important;}
.bg-fs24{font-size:24px!important;}
.bg-fs25{font-size:25px!important;}
.bg-fs26{font-size:26px!important;}
.bg-fs27{font-size:27px!important;}
.bg-fs28{font-size:28px!important;}
.bg-fs29{font-size:29px!important;}
.bg-fs30{font-size:30px!important;}
.bg-fs31{font-size:31px!important;}
.bg-fs32{font-size:32px!important;}
.bg-fs33{font-size:33px!important;}
.bg-fs34{font-size:34px!important;}
.bg-fs35{font-size:35px!important;}
.bg-fs36{font-size:36px!important;}
.bg-fs37{font-size:37px!important;}
.bg-fs38{font-size:38px!important;}
.bg-fs39{font-size:39px!important;}
.bg-fs40{font-size:40px!important;}
.bg-fs50{font-size:50px!important;}
.bg-fs60{font-size:60px!important;}

/*响应式*/
.bg-resps{max-width: 100%;}

/* flex 栅格 */
/*
bg-flex-hv 水平/垂直
flex-start\flex-end\center\space-between\space-around
h：s\e\c\b\a
flex-start\flex-end\center\stretch\baseline
v:s\e\c\t\b
*/
.bg-flex{ display: flex; }
.bg-flex-v{ flex-direction: column; }

.bg-flex-ss{ display: flex;justify-content: flex-start; align-items: flex-start;}
.bg-flex-se{ display: flex;justify-content: flex-start; align-items: flex-end;}
.bg-flex-sc{ display: flex;justify-content: flex-start; align-items: center;}
.bg-flex-st{ display: flex;justify-content: flex-start; align-items: stretch;}
.bg-flex-sb{ display: flex;justify-content: flex-start; align-items: baseline;}

.bg-flex-es{ display: flex;justify-content: flex-end; align-items: flex-start;}
.bg-flex-ee{ display: flex;justify-content: flex-end; align-items: flex-end;}
.bg-flex-ec{ display: flex;justify-content: flex-end; align-items: center;}
.bg-flex-et{ display: flex;justify-content: flex-end; align-items: stretch;}
.bg-flex-eb{ display: flex;justify-content: flex-end; align-items: baseline;}

.bg-flex-cs{ display: flex;justify-content: center; align-items: flex-start;}
.bg-flex-ce{ display: flex;justify-content: center; align-items: flex-end;}
.bg-flex-cc{ display: flex;justify-content: center; align-items: center;}
.bg-flex-ct{ display: flex;justify-content: center; align-items: stretch;}
.bg-flex-cb{ display: flex;justify-content: center; align-items: baseline;}

.bg-flex-bs{ display: flex;justify-content: space-between; align-items: flex-start;}
.bg-flex-be{ display: flex;justify-content: space-between; align-items: flex-end;}
.bg-flex-bc{ display: flex;justify-content: space-between; align-items: center;}
.bg-flex-bt{ display: flex;justify-content: space-between; align-items: stretch;}
.bg-flex-bb{ display: flex;justify-content: space-between; align-items: baseline;}

.bg-flex-as{ display: flex;justify-content: space-around; align-items: flex-start;}
.bg-flex-ae{ display: flex;justify-content: space-around; align-items: flex-end;}
.bg-flex-ac{ display: flex;justify-content: space-around; align-items: center;}
.bg-flex-at{ display: flex;justify-content: space-around; align-items: stretch;}
.bg-flex-ab{ display: flex;justify-content: space-around; align-items: baseline;}

.bg-flex-wrap { flex-wrap: wrap; }
.bg-flex-nowrap { flex-wrap: nowrap; }
.bg-flex-grow{ flex-grow: 1; }
.bg-flex-1{ flex: 1; width: 0; }
/*在flex布局中，定义元素自身的对齐方式，可防止元素高度被拉伸*/
.align-self-b { align-self: baseline; }

/*单行超出省略*/
.bg-elps{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bg-elps-r2{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bg-elps-r3{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bg-elps-r4{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.bg-elps-r5{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/*其他*/
.bg-uppercase { text-transform: uppercase; }
.bg-break-all { word-break: break-all; }
.bg-indent-1 { text-indent: 10px; }
.bg-box-shadow { box-shadow: 0 0 5px #ccc; }
.bg-relative { position: relative; }
.bg-cursor, .bg-link, [bg-link] { cursor: pointer; }

/*input输入框*/
.bg-input { padding: 0 5px;font-size:14px;color: #666;background: #fff;border: 1px solid #eee;border-radius: 0;outline: none;height:35px;line-height:35px; }
/*placeholder*/
.bg-input::-webkit-input-placeholder { color: #808080;font-size: 14px; }
.bg-input::-moz-placeholder { color: #808080;font-size: 14px; }
.bg-input:-ms-input-placeholder { color: #808080;font-size: 14px; }

/*复杂*/
/* 内容 */
.bg-content { overflow:hidden;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto; }
.bg-content img { max-width: 100% !important;height: auto !important; }

/*标题前的竖线*/
.bg-vl { margin-right: 10px;height: 16px;width: 4px;background: #f80; }

/*swiper*/
.swiper-pagination-bullet { width: 15px;height: 15px;background: none;border: 2px solid #aaa;border-radius: 100px;opacity: 1;box-sizing: border-box; }
.swiper-pagination-bullet-active { background: #f80;border: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url(../images/jt-l.png) no-repeat center;outline: 0; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(../images/jt-r.png) no-repeat center;outline: 0; }

/*wdcms分页*/
.wdcms-page { width: 100%;margin: 20px auto;text-align: center;height: 40px;line-height: 40px; }
.wdcms-page .pre-page:first-child { /*display: none;*/ }
.wdcms-page .next-page:last-child { /*display: none;*/ }
.wdcms-page .number-page { display: none; }
.wdcms-page a { color: #666;background: #f5f5f5;border-radius: 2px;padding: 6px 12px;margin: 0 5px; }
.wdcms-page a:hover { background: #f80;color: #fff;margin: 0 5px; }
.wdcms-page span { background: #f80;color: #fff;padding: 6px 12px;border-radius: 2px;margin: 0 5px; }