@charset "utf-8";
/*初始化*/
* { margin: 0; padding: 0; list-style: none; border: none; box-sizing: border-box; font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; }
body { font-size: 14px; color: #333; background: #fff; }
img { border: 0; vertical-align: bottom; }
h1, .h1 { font-size: 36px; padding: 18px 0; }
h2, .h2 { font-size: 28px; padding: 14px 0;}
h3, .h3 { font-size: 22px; padding: 11px 0;}
h4, .h4 { font-size: 18px; padding: 9px 0;}
h5, .h5 { font-size: 14px; padding: 7px 0;}
h6, .h6 { font-size: 12px; padding: 6px 0;}
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 10px 0; border: none; -moz-box-sizing: content-box; box-sizing: content-box; }
a { color: #333; text-decoration: none; }
a:focus, a:hover { color: #ff0000; }
p { line-height: 26px;}
/*矩形*/
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #000; text-align: center; white-space: nowrap; vertical-align: baseline;  border-radius: 2em; }
.badge1 { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline;  border-radius: 2em; }
.badge2 { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #000; text-align: center; white-space: nowrap; vertical-align: baseline;  border-radius: 2em; }
/*布局部分*/
.container { width: 1200px; margin: 0 auto; }
.container-m { max-width: 640px; margin: 0 auto; overflow: hidden; }
.line-large { margin-left: -20px; margin-right: -20px; overflow: hidden; }
.line-large .x1, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .x10, .line-large .x11, .line-large .x12 { position: relative; min-height: 1px; padding-right: 20px; padding-left: 20px; }
.line-big { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.line-middle { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.line-middle .x1, .line-middle .x2, .line-middle .x3, .line-middle .x4, .line-middle .x5, .line-middle .x6, .line-middle .x7, .line-middle .x8, .line-middle .x9, .line-middle .x10, .line-middle .x11, .line-middle .x12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.line-small { margin-left: -2px; margin-right: -2px; overflow: hidden; }
.line-small .x1, .line-small .x2, .line-small .x3, .line-small .x4, .line-small .x5, .line-small .x6, .line-small .x7, .line-small .x8, .line-small .x9, .line-small .x10, .line-small .x11, .line-small .x12 { position: relative; min-height: 1px; padding-right: 2px; padding-left: 2px; }
.line { overflow: hidden; }

.x1, .x2, .x3, .x33, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 { float: left; position: relative; min-height: 1px; }
.x1 { width: 8.33333333%; }
.x2 { width: 16.66666667%; }
.x3 { width: 25%; }
.x33 { width: 25%; }
.x4 { width: 50%; }
.x5 { width: 41.66666667%; }
.x6 { width: 50%; }
.x7 { width: 58.33333333%; }
.x8 { width: 50%; }
.x9 { width: 75%; }
.x10 { width: 83.33333333%; }
.x11 { width: 91.66666667%; }
.x12 { width: 100%; }
.x0-move { margin-left: 0; }
.x1-move { margin-left: 8.33333333%; }
.x2-move { margin-left: 16.66666667%; }
.x3-move { margin-left: 25%; }
.x4-move { margin-left: 33.33333333%; }
.x5-move { margin-left: 41.66666667%; }
.x6-move { margin-left: 50%; }
.x7-move { margin-left: 58.33333333%; }
.x8-move { margin-left: 66.66666667%; }
.x9-move { margin-left: 75%; }
.x10-move { margin-left: 83.33333333%; }
.x11-move { margin-left: 91.66666667%; }
.x12-move { margin-left: 100%; }
.line-big .a1, .line-big .a2, .line-big .a3, .line-big .a4, .line-big .a5, .line-big .a6, .line-big .a7, .line-big .a8, .line-big .a9, .line-big .a10, .line-big .a11, .line-big .a12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.line-middle .a1, .line-middle .a2, .line-middle .a3, .line-middle .a4, .line-middle .a5, .line-middle .a6, .line-middle .a7, .line-middle .a8, .line-middle .a9, .line-middle .a10, .line-middle .a11, .line-middle .a12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.line-small .a1, .line-small .a2, .line-small .a3, .line-small .a4, .line-small .a5, .line-small .a6, .line-small .a7, .line-small .a8, .line-small .a9, .line-small .a10, .line-small .a11, .line-small .a12 { position: relative; min-height: 1px; padding-right: 2px; padding-left: 2px; }
.a1, .a2, .a3, .a4, .a5, .a6, .a7, .a8, .a9, .a10, .a11, .a12 { float: left; position: relative; min-height: 1px; }
.a1 { width: 100%; }
.a2 { width: 50%; }
.a3 { width: 33.33333333%; }
.a4 { width: 25%; }
.a5 { width: 20%; }
.a6 { width: 16.66666666%; }
.a7 { width: 14.28571428%; }
.a8 { width: 12.5%; }
.a9 { width: 11.11111111%; }
.a10 { width: 10%; }
.a11 { width: 9.09090909%; }
.a12 { width: 8.33333333%; }
/*表格部分*/
.table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; }
.table th {text-align:center; border:1px solid #c4d8ed; background:url(images/th_bg.jpg) repeat-x; padding:0 5px; color:#135294; height:26px; line-height:26px; }
.table td { border:1px solid #c4d8ed; padding: 8px; }
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
.table-bordered th, .table-bordered td { border: solid 1px #ddd; }
.table-bordered th { border-bottom: 2px solid #ddd; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }
.table-condensed th, .table-condensed td { padding: 5px; }
/*表单部分*/
.btn { border: solid 1px #ddd; cursor: pointer; background: transparent; padding: 6px 15px; margin: 0; display: inline-block; line-height: 20px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.btn:hover { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.btn-block { display: block; width: 100%; }
.btn-large { padding: 15px 20px; font-size: 24px; line-height: 24px; }
.btn-big { padding: 10px 15px; font-size: 18px; line-height: 22px; }
.btn-small { padding: 5px 10px; font-size: 14px; font-weight: normal; line-height: 18px; }
.btn-little { padding: 3px 5px; font-size: 12px; font-weight: normal; line-height: 16px; }
.btn.bg-black { border-color: #000; color: #fff; }
.btn.bg-gray { border-color: #999; color: #fff; }
.btn.bg-white { border-color: #fff; color: #000; }
.btn.bg-red { border-color: #e33; color: #fff; }
.btn.bg-yellow { border-color: #f60; color: #fff; }
.btn.bg-blue { border-color: #0ae; color: #fff; }
.btn.bg-green { border-color: #2c7; color: #fff; }
.btn.bg-main { background-color: #8b0000;   color: #fff; }
.btn.bg-sub { border-color: #0ae; color: #fff; }
.btn.bg-back { border-color: #efe; color: #fff; }
.btn.bg-mix { border-color: #aed; color: #fff; }
.btn.bg-dot { border-color: #e33; color: #fff; }
.btn.border-main:hover, .btn.border-main:focus, .btn.bg-main:hover, .btn.bg-main:focus { color: #fff;  background-color: #000000; }
.btn.border-sub:hover, .btn.border-sub:focus, .btn.bg-sub:hover, .btn.bg-sub:focus { color: #fff; border-color: #09f; background-color: #09f; }
.btn.border-back:hover, .btn.border-back:focus, .btn.bg-back:hover, .btn.bg-back:focus { color: #333; border-color: #cec; background-color: #cec; }
.btn.border-mix:hover, .btn.border-mix:focus, .btn.bg-mix:hover, .btn.bg-mix:focus { color: #333; border-color: #cec; background-color: #cec; }
.btn.border-dot:hover, .btn.border-dot:focus, .btn.bg-dot:hover, .btn.bg-dot:focus { color: #fff; border-color: #000; background-color: #000; }
.btn.border-black:hover, .btn.border-black:focus, .btn.bg-black:hover, .btn.bg-black:focus { color: #fff; border-color: #666; background-color: #666; }
.btn.border-gray:hover, .btn.border-gray:focus, .btn.bg-gray:hover, .btn.bg-gray:focus { color: #fff; border-color: #aaa; background-color: #aaa; }
.btn.border-white:hover, .btn.border-white:focus, .btn.bg-white:hover, .btn.bg-white:focus { color: #333; border-color: #f5f5f5; background-color: #f5f5f5; }
.btn.border-red:hover, .btn.border-red:focus, .btn.bg-red:hover, .btn.bg-red:focus { color: #fff; border-color: #f00; background-color: #f00; }
.btn.border-yellow:hover, .btn.border-yellow:focus, .btn.bg-yellow:hover, .btn.bg-yellow:focus { color: #fff; border-color: #f90; background-color: #f90; }
.btn.border-blue:hover, .btn.border-blue:focus, .btn.bg-blue:hover, .btn.bg-blue:focus { color: #fff; border-color: #3bd; background-color: #3bd; }
.btn.border-green:hover, .btn.border-green:focus, .btn.bg-green:hover, .btn.bg-green:focus { color: #fff; border-color: #5d8; background-color: #5d8; }
.input { padding: 6px; border: solid 1px #ddd; width: 100%; height: 34px; line-height: 20px; display: block; }
.input:focus { border-color: #09c; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.label { padding-bottom: 7px; display: block; line-height: 20px; }
.label label { font-weight: bold; }
.input-note { color: #999; font-size: 12px; padding-top: 2px; line-height: 18px; }
.field { position: relative; }
.form-group { padding-bottom: 10px; overflow: hidden; }
textarea.input { border: solid 1px #ddd; height: auto; width: 100%; }
.form-x .form-group .label { float: left; width: 15%; text-align: right; padding: 7px 7px 7px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.form-x .form-group .field { float: left; width: 85%; }
.form-x .form-button { margin-left: 15%; }
.form-auto .input { width: auto; display: inline-block; }
.form-auto textarea.input { width: 100%; }
/*面板*/
.panel { border: solid 1px #ddd; }
.panel-hd { background-color: #f5f5f5; padding: 10px 15px; border-bottom: solid 1px #ddd; }
.panel-ft { background-color: #f5f5f5; padding: 10px 15px; border-top: solid 1px #ddd; }
.panel-bd { padding: 15px; }
/*列表组*/
.list-group {  }
.list-group li { padding: 10px 15px; display: block; border-bottom: solid 1px #ddd; background:url(images/ul_left_common.jpg) left no-repeat;  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.list-group li:last-child { border-bottom: 0 none; }
/*引用*/
.quote { padding: 15px; border: solid 1px #ddd; border-left-width: 6px; }
/*背景*/
.bg-black { background-color: #000; }
.bg-gray { background-color: #999; }
.bg-white { background-color: #fff; }
.bg-red { background-color: #e33; }
.bg-yellow { background-color: #f60; }
.bg-blue { background-color: #0ae; }
.bg-green { background-color: #2c7; }
.bg-main { background-color: #0a8; }
.bg-sub { background-color: #0ae; }
.bg-back { background-color: #efe; }
.bg-mix { background-color: #aed; }
.bg-dot { background-color: #e33; }
/*颜色*/
.color-black { color: #000; }
.color-gray { color: #999; }
.color-white { color: #fff; }
.color-red { color: #e33; }
.color-yellow { color: #f60; }
.color-blue { color: #0ae; }
.color-green { color: #2c7; }
.color-main { color: #0a8; }
.color-sub { color: #0ae; }
.color-back { color: #efe; }
.color-mix { color: #aed; }
.color-dot { color: #e33; }
.color-dot1 { color: #fff; }
/*边框*/
.border { border: solid 1px #EEE; }
.border-black { border-color: #000; }
.border-gray { border-color: #999; }
.border-white { border-color: #fff; }
.border-red { border-color: #e33; }
.border-yellow { border-color: #f60; }
.border-blue { border-color: #0ae; }
.border-green { border-color: #2c7; }
.border-main { border-color: #0a8; }
.border-sub { border-color: #0ae; }
.border-back { border-color: #efe; }
.border-mix { border-color: #aed; }
.border-dot { border-color: #e33; }
/*圆角*/
.radius-none { border-radius: 0; }
/*间距*/
.padding { padding: 10px; }
.padding-top { padding-top: 10px; }
.padding-bottom { padding-bottom: 10px; }
.padding-left { padding-left: 10px; }
.padding-right { padding-right: 10px; }
.padding-big { padding: 20px; }
.padding-top-big { padding-top: 20px; }
.padding-bottom-big { padding-bottom: 20px; }
.padding-left-big { padding-left: 20px; }
.padding-right-big { padding-right: 20px; }
.margin { margin: 10px; }
.margin-top { margin-top: 10px; }
.margin-bottom { margin-bottom: 10px; }
.margin-left { margin-left: 10px; }
.margin-right { margin-right: 10px; }
.margin-big { margin: 20px; }
.margin-top-big { margin-top: 20px; }
.margin-bottom-big { margin-bottom: 20px; }
.margin-left-big { margin-left: 20px; }
.margin-right-big { margin-right: 20px; }

.fr { float: right; }
.fl { float: left; }
.fc { clear: both; }
.show { display: block }
.hide { display: none; }
.ac { text-align: center; }
.ar { text-align: right;}
.al { text-align: left; }
.ft { position: fixed; top: 0; }
.fb { position: fixed; bottom: 0; }
.oh { overflow: hidden;}
.ov { overflow: visible;}
.oa { overflow: auto;}
.os { overflow: scroll;}
.cut { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cut1 { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center; }