/**



 * 描    述：		定义常用组件样式



 * 作用范围: 		公共，组件模块



 * 默认包含组件：	表单，表格，按钮，标签页导航，面包屑，分页，分类管理树形菜单



 * 模块搜索关键字： =



 */







/* = 表单



------------------------------------------ */



/* 表单组件 */



.text,.textarea {



	padding: 4px;



	border: 1px solid #eeeeee;



	background-color: #fff;



	transition: all .3s linear;



}



.text {



	width: 220px;



	height: 20px;



	vertical-align: middle;



}



.focus {



	border: 1px solid #a6e1f3;



	box-shadow: 0 0 12px #baf7ff;



}



.textarea {



	display: block;



}



.textarea textarea {



	width: 100%;



	height: 100px;



	border: 0 none;



}



.checkbox + .checkbox,



.radio + .radio {



	margin-left: 15px;



}



.checkbox, .radio {



	display: inline-block;



	height: 20px;



	line-height: 20px;



}



.checkbox input,



.radio input {



	margin-right: 5px;



	*margin-right: 1px;



	vertical-align: -1px;



}



select {



	padding: 2px;



	height: 27px;



	line-height: 27px;



	border: 1px solid #ccc;



	border-radius: 3px;



}



select[multiple] {



	height: 200px;



}







/* 普通表单 */



.form-horizontal .form-item {



	margin-bottom: 5px;



}



.form-horizontal .item-label {



	display: block;



	margin-right: 5px;



	height: 30px;



	line-height: 30px;



	font-weight: bold;



}



.form-horizontal .item-label .check-tips {



	margin-left: 8px;



	color: #aaa;



	font-weight: normal;



}



.form-horizontal .controls {



	overflow: hidden;



	padding: 5px 5px 5px 0;



}



.form-horizontal .controls label + label {



	margin-left: 15px;



}



.form-horizontal .controls .check-tips {



	margin-left: 20px;



	color: #999;



}



label.textarea ~ .check-tips {



	margin-left: 0;



}



.form-horizontal .controls .block.check-tips,



.form-horizontal .controls .block.textarea {



	display: block;



	margin-left: 0;



	margin-bottom: 10px;



}







/* 搜索表单 */



.search-form .sleft {



	margin-right: 10px;



	float: left;



	border: 1px solid #ebebeb;



	background-color: #fff;



}



.search-form .drop-down {



	float: left;



	width: 81px;



	height: 28px;



	line-height: 28px;



}



.search-form .sort-txt {



	display: inline-block;



	margin: 0 2px 0 4px;



	padding-left: 6px;



	width: 45px;



	cursor: pointer;



}



.search-form .drop-down ul {



	position: absolute;



	margin-left: -1px;



	background-color: #fff;



	border: 1px solid #ebebeb;



}



.search-form .drop-down ul li {



	border-top: 1px solid #ebebeb;



}



.search-form .drop-down ul li:first-child {



	border-top-width: 0;



}



.search-form .drop-down ul a {



	padding: 0 10px;



	height: 30px;



	line-height: 30px;



	width:60px;



	color: #404040;



}



.search-form .drop-down ul a:hover {



	background-color: #f0f0f0;



	border:none;



}



.search-form .search-input {



	float: left;



	padding: 2px 4px;



	width: 180px;



	height: 24px;



	line-height: 26px;



	border: 0 none;



}



.search-form .sch-btn {



	float: left;



	margin: 2px 2px 0 0;



	padding: 0 10px;



	height: 26px;



	line-height: 26px;



	vertical-align: middle;



}



.search-form .sch-btn:hover {



	color: #fff;



	text-decoration: none;



	border-bottom: 0 none;



}



.btn-search {



	display: inline-block;



	margin-top: 5px;



	width: 16px;



	height: 16px;



	background: url("bg_icon.png")/*tpa=http://www.gytdjx.com/Public/Home/images/bg_icon.png*/ no-repeat -50px 0;



}







/* 高级搜索 */



.search-form .adv-sch-pannel {



	margin-right: 0;



}



.search-form .adv-sch-pannel .dropdown {



	right: 0;



	left: auto;



	padding: 15px 0 15px 15px;



	white-space: nowrap;



}



.adv-sch-pannel .row {



    display: inline-block;



    *display: inline;



    margin-right: 15px;



}



.adv-sch-pannel label{



    width:70px;



    display:inline-block;



}



.adv-sch-pannel .row{



    margin-bottom:6px;



}







/* 表单宽度预设 */



.input-large {



	width: 390px;



}



.input-mid {



	width: 150px;



}



.input-small {



	width: 100px;



}



.input-mini {



	width: 50px;



}



.input-8x {



	width: 400px;



}



.input-7x {



	width: 350px;



}



.input-6x {



	width: 300px;



}



.input-5x {



	width: 250px;



}



.input-4x {



	width: 200px;



}



.input-3x {



	width: 150px;



}



.input-2x {



	width: 100px;



}



.input-x {



	width: 50px;



}



.must {



	margin: 3px;



	color: #f00;



	font-style: normal;



	font-weight: normal;



	vertical-align: middle;



}







/* 获得焦点边框 */



.focus{



	border: 1px solid #d1d1d1;



	box-shadow: 0 0 12px #ECECEC;



}







/* = 表格（默认有斑马条纹）



------------------------------------------ */



.data-table {



	margin: 10px 0;



}



.data-table table {



    width: 100%;



    border-collapse: collapse;



}



.data-table caption {



    height: 30px;



    line-height: 30px;



    font-weight: 700;



}



.data-table thead th,



.data-table tbody td {



    padding:8px;



    height: 19px;



    line-height: 19px;



    font-weight: 400;



}



.data-table thead th {



    text-align: left;



    color:#fff;



    background-color: #353535;



}



.data-table tbody tr {



	background-color: #fefefe;



	color: #686868;



}



.data-table tbody tr:nth-child(even) {



	background-color: #f2f2f2;



}







/* 复选框的列宽 */



.row-selected {



    width: 15px;



}







/* = 按钮



------------------------------------------ */



/* 常规按钮 */



.btn {



    display: inline-block;



    margin-right: 5px;



    padding: 6px 16px;



    font-size: 14px;



    line-height: 18px;



    color: #edffd1;



    text-align: center;



    vertical-align: middle;



    cursor: pointer;



    border: 0 none;



	background-color: #4bbd00;



	*outline: 0 none;



}



.btn:hover {



    color: #ffffff;



    text-decoration: none;



    background-color: #4cdb00;



    border-bottom: 0 none;



}



.submit-btn,



.btn-return {



    padding: 10px 50px;



    color: #fff;



    font-weight: bold;



    border-color: transparent;



}



.submit-btn {



    background-color: #CC3900;



}



.submit-btn:hover {



    color: #fff;



    background-color: #ff2610;



}



.btn[disabled],



.btn.disabled,



.btn[disabled]:hover,



.btn.disabled:hover {



    background-color: #8d8d8d;



}



.save-btn {



    padding: 10px 30px;



    background-color: #3737BC;



}



.btn-mini {



    padding: 4px 10px;



}



.btn-xlarge {



    padding: 10px 30px;



}







/* 按钮组 */



.btn-toolbar .btn {



	float: left;



	margin-left: -1px;



	border-radius: 0;



}



.btn-toolbar .btn:first-child {



	border-radius: 3px 0 0 3px;



}



.btn-toolbar .btn:last-of-type {



	border-radius: 0 3px 3px 0;



}







/* 带下拉框的按钮组 */



.btn-group,



.btn-group-click {



	display: inline-block;



    *display: inline;



	position: relative;



    margin-right: 5px;



    vertical-align: middle;



}



.btn-group .btn,



.btn-group-click .btn {



    margin-right: 0;



}



.btn-arrowdown,



.btn-arrowup {



    display: inline-block;



    margin-left: 10px;



    width: 10px;



    height: 5px;



    vertical-align: middle;



    background-image: url("bg_icon.png")/*tpa=http://www.gytdjx.com/Public/Home/images/bg_icon.png*/;



    background-repeat: no-repeat;



}



.btn-arrowdown {



    background-position: 0 -25px;



}



.btn-arrowup {



    background-position: -25px -25px;



}



.btn-group .dropdown,



.btn-group-click .dropdown {



    display: none;



	position: absolute;



	top: 30px;



	left: 0;



    margin-top: 3px;



	min-width: 85px;



	border: 1px solid #ccc;



	background-color: #fff;



}



.btn-group .dropdown a,



.btn-group-click .dropdown a {



    padding: 6px 16px;



    height: 18px;



    line-height: 18px;



    white-space: nowrap;



}



.btn-group .dropdown a:hover,



.btn-group-click .dropdown a:hover {



    background-color: #eee;



}







/* = 标签导航



------------------------------------------ */



.tab-wrap {



	margin-top: 10px;



}



.tab-nav {



	margin-bottom: 15px;



	padding-left: 1px;



	border-bottom: 1px solid #e0e0e0;



}



.tab-nav li {



	margin-bottom: -1px;



	margin-left: -1px;



}



.tab-nav li a,



.tab-nav li a:hover {



	padding: 0 20px;



	height: 35px;



	line-height: 35px;



	font-weight: bold;



	font-size: 16px;



	border: 1px solid transparent;



	border-top-width: 2px;



}



.tab-nav .current a,



.tab-nav .current a:hover {



	border-color: #34b4e0 #e0e0e0 #f6f6f6;



}



.tab-content .tab-pane {



	display: none;



}



.tab-content .in {



	display: block;



}







/* = 面包屑导航



------------------------------------------ */



.breadcrumb {



	color: #999;



}



.breadcrumb .home {



	display: inline-block;



	text-align: center;



	line-height: 21px;



}



.breadcrumb .division {



	margin: 0 5px;



}







/* = 分页



------------------------------------------ */



.fenye {



    margin: 10px 0;



    *zoom: 1;



}



.fenye:before,



.fenye:after {



    display: table;



    content: "";



}



.fenye:after {



    clear:both;



}



.fenye a,



.fenye span {



    float: left;



    margin-left: -1px;



    padding: 0 14px;



    height: 30px;



    line-height: 30px;



    color: #000;



    border-top: 1px solid #CCCCCC;



    border-bottom: 1px solid #CCCCCC;



    /*background-color: #4bbd00;*/



}



.fenye a:hover



 {



    text-decoration: none;



    background-color: #387C0B;



}



.fenye .current {



	border-top: 1px solid #387C0B;



}



.fenye .next,



.fenye .prev {



    font-family: "宋体";



    font-weight: bold;



}



.fenye .rows {



	border-right: 1px solid #CCCCCC;



}



/* = 分类管理树形菜单（目前只支持3级）



------------------------------------------ */



.category {



	margin: 10px 0;



	border-bottom-width: 0;



	background-color: #fff;



}



.category .hd {



	font-weight: bold;



	border-bottom: 1px solid #d4d4d4;



	color:#fff;



	background-color: #353535;



}



.category .cate-item dt {



	border-bottom: 1px solid #E7E7E7;



}



.category dl,



.category dd,



.category input {



	margin: 0;



}



.category .check,



.category .fold,



.category .order,



.category .name {



	float: left;



	height: 35px;



	line-height: 35px;



}



.category .opt {



	float: right;



	width: 120px;



	height: 35px;



	line-height: 35px;



	text-align: center;



}



.opt-btn {



	float: right;



	margin: 5px 10px 0 0;



}



.category .check {



	width: 40px;



	text-align: center;



}



.category .fold {



	width: 50px;



	text-align: center;



}



.category .fold i {



	display: inline-block;



	vertical-align: middle;



	width: 17px;



	height: 17px;



	background-repeat: no-repeat;



}



.category .fold .icon-fold,



.category .fold .icon-unfold {



	cursor: pointer;



	background: url("bg_icon.png")/*tpa=http://www.gytdjx.com/Public/Home/images/bg_icon.png*/ no-repeat;



}



.category .fold .icon-fold {



	background-position: -100px -25px;



}



.category .fold .icon-unfold {



	background-position: -125px -25px;



}



.category .order,



.category .order input {



	text-align: center;



}



.category .order {



	width: 90px;



}



.category .order input {



	margin-bottom: 2px;



	width: 40px;



}



.category .name input {



	margin-bottom: 2px;



}



.category .add-sub-cate {



	margin-left: 10px;



}



.category .add-sub-cate:hover {



	text-decoration: none;



	border-bottom: 0 none;



}



.category .btn-mod {



	margin-left: 15px;



}



.category .root {



	font-weight: bold;



}



.category .tab-sign {



	display: inline-block;



	margin-left: 15px;



	height: 21px;



	vertical-align: middle;



	background-image: url("tab_sign.png")/*tpa=http://www.gytdjx.com/Public/Home/images/tab_sign.png*/;



	background-repeat: no-repeat;



}



.category .name .msg {



	vertical-align: top;



	font-weight: normal;



}



.category .name .error {



	color: #B94A48;



}



.category .name .success {



	color: #468847;



}



/* 顶级分类 */



.category > dl > dt .tab-sign {



	display: none;



}







/* 二级分类 */



.category > dl > dd > dl > dt .tab-sign {



	width: 55px;



	background-position: 0 0;



}



.category > dl > dd > dl:last-child > dt .tab-sign {



	background-position: -55px 0;



}







/* 三级分类 */



.category > dl > dd > dl > dd > dl > dt  .tab-sign {



	width: 110px;



	background-position: 0 -30px;



}



.category > dl > dd > dl > dd > dl:last-child > dt .tab-sign {



	background-position: 0 -60px;



}







.category > dl > dd > dl:last-child > dd > dl > dt .tab-sign {



	background-position: 0 -90px;



}



.category > dl > dd > dl:last-child > dd > dl:last-child > dt .tab-sign {



	background-position: 0 -120px;



}



.category > dl > dd > dl:last-child > dd > dl:last-child > dt .add-sub-cate{



    display: none;



}



.category input{



	height: 16px;



}



.icon-add {



	display: inline-block;



	width: 16px;



	height: 16px;



	vertical-align: middle;



	background: url("bg_icon.png")/*tpa=http://www.gytdjx.com/Public/Home/images/bg_icon.png*/ no-repeat 0 0;



}



.add-on {



	width: 20px;



	height: 20px;



	display: inline-block;



	position: relative;



	top: 7px;



	right: 25px;



}



.sort_bottom {



	margin-top: 105px;



}



.sort_option select {



	height: 250px;



	width: 220px;



}



.sort_top {



	margin-bottom: 10px;



}



.sort_top input {



	height: 24px;



	line-height: 26px;



	margin-right: 30px;



	border: 1px solid #ccc;



	padding-left:5px;



}



.sort_btn button{



	display: block;



	margin-bottom: 15px;



}



.sort_option {



	float: left;



	margin-right: 16px;



}



.sort_confirm {



	float: left;



}



.update-version {



	font-size: 18px;



    line-height: 3;



    text-align: center;



    width: 85%;



}



.update-version .error {



    color: #B94A48;



}



.update-version .success {



    color: #468847;



}



.fenye a,

.fenye span {

    color: #686868;

    border: 1px solid #CCCCCC;

}

.fenye a:hover

{

    background: #E1E1E1;

}

.fenye .current {

	border-top: 3px solid #4BBD00;

	height: 28px;

	line-height: 26px;

}