/* base */
* {padding: 0; margin: 0; border: 0;}
body {color: #444; font-size: 12px; letter-spacing: 1px; font-family: "Microsoft Yahei";}
table {border-spacing: 0;}
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit;}
a {text-decoration: none; outline: none; color: #444;}
a:hover {text-decoration: underline;}
h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 12px;}
ol, ul {list-style: none;}
ol li, ul li {line-height: 24px;}
p {margin: 0 0 10px 0; line-height: 20px;}

/* 浮动 */
.inline {display: inline-block;}
/*向左浮动*/
.left {float: left;}
/*向右浮动*/
.right {float: right;}
/*清除浮动*/
.clear {clear: both;}
/*清除浮动并设置高度为10*/
.clear-10, .blank {clear: both; height: 10px;}
.clear-fix {zoom:1}
.clear-fix:after {display: block; clear: both; content: ""; visibility: hidden;}

/* text */
/*30号字体*/
.text-40 {font-size: 40px;}
.text-36 {font-size: 36px;}
.text-30 {font-size: 30px;}
.text-27 {font-size: 27px;}
.text-24 {font-size: 24px;}
.text-20 {font-size: 20px;}
.text-17 {font-size: 17px;}
.text-14 {font-size: 14px;}
.text-12 {font-size: 12px;}
/*粗体字*/
.text-bold {font-weight: bold;}
/*正常字体*/
.text-normal {font-weight: normal;}
/*文字向左*/
.text-left {text-align: left;}
/*文字向右*/
.text-right {text-align: right;}
/*文字居中*/
.text-center {text-align: center;}
/*文字垂直居中*/
.text-middle {vertical-align: middle;}
/*文字颜色*/
.text-light-red {color: #FF6A6A;}
.text-red {color: #FF3030;}
.text-dark-red {color: #8B2323;}
.text-light-blue {color: #4CC3EA;}
.text-blue {color: #3F9BF1;}
.text-dark-blue {color: #4A708B;}
.text-light-yellow {color: #FFEC8B;}
.text-yellow {color: #EEB422;}
.text-dark-yellow {color: #EE7600;}
.text-light-green {color: #00FF7F;}
.text-green {color: #32CD32;}
.text-dark-green {color: #006400;}
.text-light-orange {color: #F58220;}
.text-orange {color: #EA5404;}
.text-dark-orange {color: #843900;}
.text-light-purple {color: #DA70D6;}
.text-purple {color: #A020F0;}
.text-dark-purple {color: #D02090;}
.text-white {color: #FFFFFF;}
.text-black {color: #000000;}
.text-light-gray {color: #DEDEDE;}
.text-gray {color: #A5A5A5;}
.text-dark-gray, .text-dark {color: #555555;}

/* 行高 */
.line-height-20 {line-height: 20px;}
.line-height-22 {line-height: 22px;}
.line-height-24 {line-height: 24px;}
.line-height-26 {line-height: 26px;}
.line-height-28 {line-height: 28px;}
.line-height-30 {line-height: 30px;}
.line-height-35 {line-height: 35px;}
.line-height-40 {line-height: 40px;}
.line-height-45 {line-height: 45px;}

/* 背景色 */
/*白色*/
.background-white {background-color: #FFFFFF;}
/*黑色*/
.background-black {background-color: #000000;}
/*淡红*/
.background-light-red {background-color: #FF6A6A;}
/*红*/
.background-red {background-color: #FF3030;}
/*深红*/
.background-dark-red {background-color: #8B2323;}
.background-light-blue {background-color: #B2DFEE;}
/*蓝*/
.background-blue {background-color: #6495ED;}
.background-dark-blue {background-color: #4A708B;}
.background-light-yellow {background-color: #FFEC8B;}
/*黄*/
.background-yellow {background-color: #EEB422;}
.background-dark-yellow {background-color: #EE7600;}
.background-light-green {background-color: #00FF7F;}
/*绿*/
.background-green {background-color: #32CD32;}
.background-dark-green {background-color: #006400;}
.background-light-orange {background-color: #F58220;}
/*橙*/
.background-orange {background-color: #F47920;}
.background-dark-orange {background-color: #843900;}
.background-light-purple {background-color: #DA70D6;}
/*紫*/
.background-purple {background-color: #A020F0;}
.background-dark-purple {background-color: #D02090;}
.background-light-gray {background-color: #F2F2F2;}
/*灰*/
.background-gray {background-color: #A5A5A5;}
.background-dark-gray {background-color: #555555;}

/* 外边距 */
.alone {margin-left: 5px; margin-right: 5px;}
.margin-center {margin-left: auto; margin-right: auto;}
.margin-5 {margin: 5px;}
.margin-10 {margin: 10px;}
.margin-15 {margin: 15px;}
.margin-20 {margin: 20px;}
.margin-25 {margin: 25px;}
.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-25 {margin-left: 25px;}
.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}
.margin-right-20 {margin-right: 20px;}
.margin-right-25 {margin-right: 25px;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-25 {margin-top: 25px;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-auto-5 {margin: auto 5px;}
.margin-auto-10 {margin: auto 10px;}
.margin-auto-15 {margin: auto 15px;}
.margin-auto-20 {margin: auto 20px;}
.margin-auto-25 {margin: auto 25px;}
.margin-5-auto {margin: 5px auto;}
.margin-10-auto {margin: 10px auto;}
.margin-15-auto {margin: 15px auto;}
.margin-20-auto {margin: 20px auto;}
.margin-25-auto {margin: 25px auto;}

/* 内补丁 */
.padding-5 {padding: 5px;}
.padding-10 {padding: 10px;}
.padding-15 {padding: 15px;}
.padding-20 {padding: 20px;}
.padding-25 {padding: 25px;}
.padding-left-5 {padding-left: 5px;}
.padding-left-10 {padding-left: 10px;}
.padding-left-15 {padding-left: 15px;}
.padding-left-20 {padding-left: 20px;}
.padding-left-25 {padding-left: 25px;}
.padding-right-5 {padding-right: 5px;}
.padding-right-10 {padding-right: 10px;}
.padding-right-15 {padding-right: 15px;}
.padding-right-20 {padding-right: 20px;}
.padding-right-25 {padding-right: 25px;}
.padding-top-5 {padding-top: 5px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-15 {padding-top: 15px;}
.padding-top-20 {padding-top: 20px;}
.padding-top-25 {padding-top: 25px;}
.padding-bottom-5 {padding-bottom: 5px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-15 {padding-bottom: 15px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-25 {padding-bottom: 25px;}
.padding-0-5 {padding: 0 5px;}
.padding-2-0 {padding: 2px 0;}

/* 容器 */
.container {width: 960px; margin: 0 auto;}
.container-ex {width: 1210px; margin: 0 auto;}
.container-fix {margin-left: 5px; margin-right: 5px;}
.container-xsmall {width: 940px; margin: 0 auto;}
.container-small {width: 1024px; margin: 0 auto;}

/* 栏 */
.col {float: left;}
.col-fix {margin-left: 5px; margin-right: 5px;}
.full {width: 100%;}
.col-1-2 {width: 50%;}
.col-1-3 {width: 33.33333%;}
.col-2-3 {width: 66.66667%;}
.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}
.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}
.col-1-6 {width: 16.66667%;}
.col-5-6 {width: 83.33333%;}
.col-1-7 {width: 14.28571%}
.col-2-7 {width: 28.57142%}
.col-3-7 {width: 42.85714%}
.col-4-7 {width: 57.14285%}
.col-5-7 {width: 71.42857%}
.col-6-7 {width: 85.71428%}
.col-1-8 {width: 12.5%;}
.col-3-8 {width: 37.5%;}
.col-5-8 {width: 62.5%;}
.col-7-8 {width: 87.5%;}
.col-1-9 {width: 11.11111%;}
.col-2-9 {width: 22.22222%;}
.col-4-9 {width: 44.44444%;}
.col-5-9 {width: 55.55556%;}
.col-6-9 {width: 66.66667%;}
.col-7-9 {width: 77.77778%;}
.col-8-9 {width: 88.88889%;}
.col-1-10 {width: 10%;}
.col-3-10 {width: 30%;}
.col-7-10 {width: 70%;}
.col-9-10 {width: 90%;}
.col-1-11 {width: 9.09091%;}
.col-2-11 {width: 18.18182%;}
.col-3-11 {width: 27.27273%;}
.col-4-11 {width: 36.36364%;}
.col-5-11 {width: 45.45455%;}
.col-6-11 {width: 54.54545%;}
.col-7-11 {width: 63.63636%;}
.col-8-11 {width: 72.72727%;}
.col-9-11 {width: 81.81818%;}
.col-10-11 {width: 90.90909%;}
.col-1-12 {width: 8.33333%;}
.col-5-12 {width: 41.66667%;}
.col-7-12 {width: 58.33333%;}
.col-9-12 {width: 75%;}
.col-11-12 {width: 91.66667%;}

/* 边框 */
.border {border: #DEDEDE 1px solid;}
.border-dark {border: #6B6B6B 1px solid;}
.border-white {border: #FFF 1px solid;}
.border-bottom {border-bottom: #DEDEDE 1px solid;}
.border-bottom-dashed {border-bottom: #CECECE 1px dashed;}
.border-top {border-top: #DEDEDE 1px solid;}
.border-left {border-left: #DEDEDE 1px solid;}
.border-right {border-right: #DEDEDE 1px solid;}

/* 按钮 */
.button, button {outline: 0; padding: 3px 15px; display: inline-block; cursor: pointer;}
a.button:hover {text-decoration: none;}

.button-red {background: #FF3030; color: #fff;}
.button-red:hover {background: #8B2323;}

.button-green {background: #32CD32; color: #fff;}
.button-green:hover {background: #006400;}

.button-blue {background: #379DEB; color: #fff;}
.button-blue:hover {background: #288CD9;}

.button-orange {background: #EA5404; color: #fff;}
.button-orange:hover {background: #CF5717;}

.button-gray {background: #DFDFDF; color: #777;}
.button-gray:hover {background: #C2C2C2;}

/* 表格 */
.table {width: 100%;}
.table thead {background: #efefef;}
.table th, .table td {padding: 8px 6px; text-align: left;}
.table th {font-weight: bold;}
.table td {border-top: 1px #DEDEDE solid;}
.table-unline td {border-top: none;}
.table-border {border-width: 1px 0 1px 1px; border-style: solid; border-color: #ccc;}
.table-border-dashed td {border-bottom: 1px #DEDEDE dashed;}
.table-border th, .table-border td {border-right: 1px #ccc solid;}

/* 表单 */
.input-text, textarea, select {display: inline-block; padding: 2px; color: #4d4d4d; border: 1px solid #c9c9c9; outline: 0;}
.input-text:hover, textarea:hover, select:hover {border: 1px solid #A4A4A4;}
/*.input-text:focus, textarea:focus, select:focus {border: 1px solid #CACACA;}*/
input[type="radio"], input[type="checkbox"] {display: inline-block; margin: 2px 6px 0 0; line-height: normal;}
select {height: 30px; display: inline-block; padding: 5px;}
.mini-input-text {width: 40px; padding: 3px; outline: 0;}

.form .form-line {line-height: 28px; margin-bottom: 8px;}
.form .form-horizontal .form-line {clear: both;}
.form label, .form .label {display: inline-block; color: #333; margin-right: 8px;}

/* 列表 */
ul.ul-horizontal li {float: left; margin-right: 10px;}
.list {margin: 0;}
.list li {display: list-item; line-height: 30px;}
.list li.border {border-bottom: #CDCDCD 1px solid;}
.list li.border-dashed {border-bottom: #CECECE 1px dashed;}
.list li i {width: 10px; height: 10px; display: block; float: left; margin: 9px 5px 0 0;}
.list li .dot {background: url("/images/li_dot.gif") no-repeat center;}
.list li.square {list-style: square;}
.list li.circle {list-style: circle;}
.list li a {line-height: 30px; display: inline-block;}

/* 面包屑 */
.breadnav {margin: 15px auto;}
.breadnav ul li {float: left; margin-right: 10px;}
.breadnav ul li, .breadnav ul li a {color: #444;}
.breadnav ul.white li, .breadnav ul.white li a {color: #fff;}

/* 其他 */
.relative {position: relative;}/* 相对 */
.absolute {position: absolute;}/* 绝对 */
.fixed {position: fixed;}

.hidden {display: none;}
.inline-block {display: inline-block;}

.pointer {cursor: pointer;}

.over-hidden {overflow: hidden;}
.over-scroll {overflow: scroll;}
.over-x-scroll {overflow-x: scroll;}
.over-y-scroll {overflow-y: scroll;}
.last-child {margin-right: 0;}