﻿/*form*/
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;} 
.basic-form-group {overflow:hidden;*zoom:1;}
.basic-form-group:before,.basic-form-group:after{clear:both;height:0;content: " ";display: table;}
.basic-form-group label{margin:0;padding:0;font-weight:normal;}
.basic-form-group .control-label{float:left;line-height:32px;}
.basic-form-group .basic-input{float:left;position:relative;width:300px;height:32px;}
.basic-input .form-control{position:absolute;height:22px;font-size:12px;padding:5px 5px 5px 10px;}
.basic-input  .plr-input{padding:5px 30px 5px 10px;}
.basic-input .input-notice{position:absolute;top:6px;left:10px;height:20px;font-size:12px;line-height:20px;color:#a8a8a8;text-indent:0;}
.basic-input .input-notice-on{color:#dbdbdb;}
.basic-input .input-tab{position:absolute;top:5px;right:8px;z-index:4;font-size:16px;display:none;}
.basic-has-alert .input-tab,.basic-has-error .input-tab,.basic-has-sucess .input-tab{display:block;}
.basic-input .i-alert{color:#f6cf36;}
.basic-input .i-error{color:#FF2D55;}
.basic-input .i-sucess{color:#53cf8e;}
.basic-text-default{
    border: solid 1px #bbb;
    color: #a8a8a8;
    box-shadow: none;
	 -webkit-box-shadow: 0 0 0 1000px white inset;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
.basic-text-default:hover{
    border: solid 1px #999;
    color: #a8a8a8;
}
.basic-text-default:focus{
    border: solid 1px #999;
    color: #666;
	-webkit-box-shadow: 0 0 0 1000px white inset;	
}
.basic-text-default[disabled],.basic-text-default[disabled]:hover {
    border: solid 1px #bbb;
    color: #999;
    background-color: #eee;
}
.basic-has-alert .basic-text-default,
.basic-has-alert .basic-text-default:hover,
.basic-has-alert .basic-text-default:focus{
	border:1px solid #f5cf35;
	color:#f5cf35;
	}
.basic-has-alert .form-control{color:#f5cf35;}
.basic-has-error .basic-text-default,
.basic-has-error .basic-text-default:hover,
.basic-has-error .basic-text-default:focus{
	border:1px solid #FF2D55;
	color:#FF2D55;
	} 
.basic-has-sucess .basic-text-default,
.basic-has-sucess .basic-text-default:hover,
.basic-has-sucess .basic-text-default:focus{
	border:1px solid #53cf8e;
	color:#53cf8e;
	}

.basic-has-text{
	 border: solid 1px #bbb;
    color: #323232;
	}
.basic-has-text:hover,
.basic-has-text:focus
{
	 border: solid 1px #999;
    color: #323232;
	}
.basic-switch-default {
    display: inline-block;
    width: 60px;
    height: 25px;
    border-radius: 25px;
    background-color: #eeeeee;
    position: relative;
    cursor: pointer;
}

.basic-switch-default span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    left: 3px;
    top: 2px;
}
.basic-switch-default.basic-switch-lg {
    width: 80px;
    height: 30px;
    border-radius: 30px;
}
.basic-switch-default.basic-switch-lg span {
    width: 26px;
    height: 26px;
    border-radius: 26px;
    left: 3px;
    top: 2px;
}

.basic-switch-default.basic-switch-sm {
    width: 50px;
    height: 20px;
    border-radius: 20px;
}

.basic-switch-default.basic-switch-sm span {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    left: 3px;
    top: 2px;
}

.basic-switch-default.on {
    background-color: #ff6a0d;
}
.basic-switch-default.on span {
    right: 3px;
!important;
    left: inherit;
!important;
}
.basic-select{
    height: 32px;
    line-height: 32px;
    border: solid 1px #bbb;
    color: #a8a8a8;
    font-size: 12px;
    padding-left: 10px;
    position: relative;
    width: 160px;
    border-radius: 2px;
    background-color: #fff;
}
.basic-select:hover{border: solid 1px #999;
    color: #a8a8a8;}
.basic-select.selected{
    border: solid 1px #bbb;
    color: #323232;
}

.basic-select select {
    display: none;
}

.basic-select-toggle{
    display: inline-block;
    width: 100%;
    position: relative;

}

.basic-select-toggle i {
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url("../images/style_icon.png") no-repeat;
    background-position: -7px -26px;
    position: absolute;
    top: 7px;
    right: 5px;
}

.basic-select:hover .basic-select-toggle i,.basic-select.selected .basic-select-toggle i {
    background-position: -28px -26px;
}

.basic-select-list {
    display: none;
    min-width: 80px;
    max-height:300px;
    overflow-y:auto;
    border: solid 1px #bbb;
    position: absolute;
    left: 0px;
    top: 34px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 12;
    background-color: #fff;
}

.basic-s-open .basic-select-list {
    display: block;
}

.basic-select-list li {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
	color:#666;
    cursor: pointer;
}

.basic-select-list li:hover {
    background-color: #a9daf8;
}
.basic-glyphicon-ok {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/style_icon.png") no-repeat;
    background-position: -160px -30px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.basic-glyphicon-warning {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/style_icon.png") no-repeat;
    background-position: -118px -30px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.basic-glyphicon-error {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/style_icon.png") no-repeat;
    background-position: -139px -30px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}
.basic-search {
    color: #bbb;
    position: relative;
    z-index: 999;
}

.basic-search-form {
    border: solid 1px #e0e0e0;
    min-width: 150px;
    height: 30px;
}

.basic-search:hover .basic-search-form {
    border: solid 1px #bbb;
}

.basic-search.on .basic-search-form {
    
    color: #666;
}
input.basic-search-input
{
	color: #666;
}

.basic-search-input {
    width: 80%;
    height: 28px;
    line-height: 28px;
    border: none;
    padding-left: 10px;
    position: absolute;
    left: 0px;
    top: 1px;
}

input[type='text'].basic-search-input:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

.select-form .form-header em{color: #FF2D55;padding:0 2px;}
.form-box{width:840px;margin:30px auto 0 auto;}
.form-box .form-group{float:left;margin:0 30px 0 0;}
.form-box .basic-input{width:200px;border-radius:2px;}
.form-box .code110{width:110px;}
.form-box .btn-p{float:left;width:96px;height:32px;font-size:14px;color:#fff;line-height:32px;text-align:center;border:0;border-radius:2px;cursor:pointer;}
.form-box .btn-c{color:#bbb;font-size:12px;margin-right:30px;}
.errorText{height:20px;line-height:20px;font-size:12px;color:#FF643B;}
.basic-size{width:100%;height:20px;}
@font-face {
  font-family: 'iconfont';  /* project id 274560 */
  src: url('../fonts/font_274560_hhztenxu0yt.eot');
  src: url('../fonts/font_274560_hhztenxu0yt.eot') format('embedded-opentype'),
  url('../fonts/font_274560_hhztenxu0yt.woff') format('woff'),
  url('../fonts/font_274560_hhztenxu0yt.ttf') format('truetype'),
  url('../fonts/font_274560_hhztenxu0yt.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
