.col-1{width: 100% !important;}
.col-2{width: 49% !important;}
.col-3{width: 33.3% !important;}
.col-4{width: 25% !important;}
.col-5{width: 20% !important;}

input[type=checkbox],
input[type=radio]{border: 1px solid rgba(221, 221, 221,1);-webkit-appearance: none;display: inline-block; width: 16px;height: 16px;outline: none;vertical-align: middle; background: #fff; margin-top: 0px;}
input[type=radio]{ border-radius: 50%; position: relative;}
input[type=radio]:after{ width: 8px; height: 8px; background:#1fb2f5; content: ""; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; display: none;border-radius: 50%;}
input[type=checkbox]:checked{ background:url(../images/checked.png) no-repeat;border-color: rgba(198, 206, 212,1);outline: none;border:none;}
input[type=radio]:checked{border-color: #1fb2f5;outline: none;}
input[type=radio]:checked:after{ display: block;}

.arrow-down { border-width: 5px 5px 0 5px; border-color: #fff transparent #fff transparent; }

.arrow-left { border-width: 5px 5px 5px 0px; border-color: transparent #fff transparent transparent; }

.arrow-up { border-width: 0px 5px 5px 5px; border-color: #fff transparent transparent transparent; }

.arrow-right { border-width: 5px 0px 5px 5px; border-color: transparent transparent transparent #fff; }

/*button styles*/
.hs-ui-btn { height: 32px;line-height: 30px;text-align: center; border-width: 1px; border-style: solid; cursor: pointer; border-radius: 4px; padding: 0 16px; font-size: 12px; overflow: visible; text-decoration: none; display: inline-block; vertical-align: middle;box-sizing: border-box; }

.hs-ui-btn a{display: block;}

.hs-ui-btn[disabled] { background: #f1f1f1 !important; border-color: #f1f1f1 !important; color: #999 !important; cursor: not-allowed; }

.hs-ui-btn.big{width: 200px;}

button.hs-ui-btn { height: 32px; line-height: 30px;}

button.hs-ui-btn.disabled { background: #c0cad2; border-color: #c0cad2; cursor: default; }

.hs-ui-btn:active { box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset; }

a.hs-ui-btn { line-height: 30px; height: 32px; }

.hs-ui-btn:hover { text-decoration: none; }

.hs-ui-btn-small { height: 26px; padding: 0 10px; font-size: 12px; }

button.hs-ui-btn-small { height: 26px; }

a.hs-ui-btn-small { line-height: 24px; height: 24px; }

.hs-ui-btn-long { padding: 0 30px; }

.hs-border-btn { border: 1px solid #E0E0E0; color: #333333; background: transparent; border-radius: 3px; }

.hs-border-btn:hover { background: #fff; color: #3393ff;border-color:#3393ff; }

.hs-border-btn.blue { border-color: #5093e1; color: #5093e1; height: 25px; }

.hs-gray-btn { background: #98a3be; border-color: #98a3be; color: #fff; }

.hs-default-btn { background: #fff; border-color: #ccc; color: #666; }

.hs-default-btn:hover { color: #238de7; border-color: #49a6fc; }

.hs-default-btn:active { color: #238de7; border-color: #238de7; }

.hs-blue-btn {background: #3393ff;  color: #fff; border:1px solid  #3393ff;}

.hs-blue-btn[disabled]{background: #CCCCCC !important;border-color: #CCCCCC !important;color: #fff !important;cursor: not-allowed;}

.hs-blue-btn a{color: #fff;}

.hs-blue-btn:hover { background:  #1f76d8; border-color:#1f76d8; }

.hs-blue-btn:active { background: #1f76d8; border-color:#1f76d8; }

.hs-red-btn { background: #ff665d; color: #fff; }

.hs-red-btn:hover{box-shadow:0px 0px 4px rgba(224,91,83,0.3);}

.hs-red-btn:active { background: #ff4b3f; }

.hs-red-border-btn { background: #fff; color: #ff665d;border-color: #ff665d; }

.hs-red-border-btn:hover{background: #ff4b3f;color: #fff; }

.hs-red-border-btn:active { background: #ff4b3f;color: #fff; }

.hs-green-btn { background: #4cc3a5; border-color: #4cc3a5; color: #fff; }

.hs-green-btn:hover { background: #30AB8C; border-color: #30AB8C; }

.hs-green-btn:active { background: #30AB8C; border-color: #30AB8C; }

.hs-orange-btn { background: #f78c68; border-color: #f78c68; color: #fff; }

.hs-orange-btn:hover { background: #F37044; border-color: #F37044; }

.hs-orange-btn:active { background: #F37044; border-color: #F37044; }

.hs-border-blue-btn { background: #fff; border: 1px solid #3393ff; color: #3393ff; }

.hs-border-blue-btn:hover { color: #1f76d8; background: #eef5ff; border-color:#1f76d8; }

.hs-border-blue-btn:active { color: #1f76d8; background: #eef5ff; border-color:#1f76d8;}

.hs-border-white-btn { background: inherit; border: 1px solid #fff; color: #fff; }

.hs-not-available-btn { background: #fff; border-color: #cecece; color: #cecece; }

.hs-not-available-btn:hover { color: #cecece; border-color: #cecece; }

.hs-not-available-btn:active { border-color: #cecece; color: #cecece; }

.hs-shadow-btn {background: #3393FF;box-shadow: 0 1px 4px 0 rgba(51,147,255,0.32);border-color: #3393FF;color: #fff;height: 38px;line-height: 38px;}

.hs-shadow-btn a{color: #fff;}

.hs-shadow-btn:hover{background-color:#1871D5;color: #fff;box-shadow: 0 1px 4px 0 rgba(0,21,41,0.32);border-color: #1871D5;}

.hs-shadow-btn:hover a{color: #fff;}

.hs-border-radius-btn {width: 122px;color:#3984E8;border: 1px solid #3984E8;border-radius: 20px;}

.hs-border-radius-btn:hover{background: #3984E8;color: #fff;}

.hs-border-radius-btn[disabled]{border: 1px solid #CCCCCC !important;color: #999 !important;background: inherit !important;}

.hs-border-radius-btn.blue{background: #3984E8;color: #fff; }

.hs-border-radius-btn.blue:hover { background:  #1f76d8; border-color:#1f76d8; }

.hs-border-radius-btn.blue:active { background: #1f76d8; border-color:#1f76d8; }

/*input styles*/
.hs-ui-input {border: 1px solid #E0E0E0;background: #fff; height: 32px; line-height: 32px;font-size: 12px; padding-left: 10px; width: 100%; vertical-align: middle; border-radius: 4px;box-sizing: border-box; }

.hs-ui-input.small { height: 24px; line-height: 24px\9; }

.hs-ui-input:focus { box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1); -webkit-transition: all .3s; transition: all .3s; border-color: #45A5FD; }

.hs-ui-input[readonly] { background-color: #eee !important; border-color: #eaedf4 !important; color: #8e979e !important; cursor: not-allowed; }

.hs-ui-input[readonly]:focus { box-shadow: none; }


/*select styles*/
.hs-ui-select { border: 1px solid #E0E0E0; background: #fff; height: 32px;padding-left: 10px; width: 100%;font-size: 12px; box-sizing: border-box;border-radius: 5px;}

.hs-ui-select.long{width: 248px}

.hs-ui-select.small { height: 24px; }

.hs-ui-input.long{width: 248px;}

/*textarea styles*/
.hs-ui-textarea { width: 100%;border: 1px solid #E0E0E0; padding: 5px 10px; font-size: 12px; background: #fff; min-height: 80px;border-radius: 5px;box-sizing:border-box; }

.hs-ui-textarea:focus { box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1); -webkit-transition: all .3s; transition: all .3s; border-color: #45A5FD; }

/*tabs styles*/
.hs-ui-tab-items { background: #F4F4F4; position: relative; height: 48px; margin-bottom: 15px; }

.hs-ui-tab-items ul { position: absolute; left: 0; top: 0; z-index: 10;}

.hs-ui-tab-items ul { overflow: hidden; zoom: 1; }

.hs-ui-tab-items ul li { float: left; white-space: nowrap; display: inline; cursor: pointer;border-right:1px solid #E0E0E0;box-sizing: border-box;}

.hs-ui-tab-items ul li:last-child{border-right: none;}

.hs-ui-tab-items ul li span { float: left; }

.hs-ui-tab-items ul li a { float: left; min-width: 104px;padding: 0 10px; height: 48px; outline: none; line-height: 46px; font-size: 14px; text-align: center; color: #333; border-top: 2px solid transparent;box-sizing: border-box; }

.hs-ui-tab-items ul li a:hover { text-decoration: none; }

.hs-ui-tab-items ul li.ui-tab-on{position: relative;border-right:none;z-index: 1;}

.hs-ui-tab-items ul li.ui-tab-on:after{content:"";position: absolute;top: 0;bottom: 0;left: -1px; width: 1px;background: #fff;}

.hs-ui-tab-items ul li.ui-tab-on a { background: #fff; border-color: #3393FF; color: #3393FF; }

.hs-ui-tab-box { display: none; }

.hs-ui-tab-box-show { display: block; }

.hs-ui-tab-content-hide { display: none; }

/*pop styles*/
.hs-ui-pop { position: absolute; border: 1px solid #cfd5e5; border-radius: 2px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); min-height: 290px; min-width: 190px; display: none; }

.hs-ui-pop-arrow { position: absolute; right: 45px; top: -14px; }

.hs-ui-pop-arrow i, .hs-ui-pop-arrow b { position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0px 14px 14px 14px; border-color: transparent transparent #cfd5e5 transparent; left: 0px; }

.hs-ui-pop-arrow b { border-color: transparent transparent #fff transparent; z-index: 1; top: 1px; }

/*page styles*/
.hs-ui-pages { position: relative; color: #666; padding: 20px 0; }

.hs-ui-pages .page-start, .hs-ui-pages .page-end, .hs-ui-pages .page-back, .hs-ui-pages .page-forward, .hs-ui-pages .page-jump-btn { vertical-align: middle; background: #eaedf4; border-radius: 3px; height: 25px; line-height: 25px; text-align: center; display: inline-block; min-width: 29px; color: #8b96a8; }

.hs-ui-pages .page-jump-btn { min-width: 48px; }

.hs-ui-pages-jump-input { height: 23px; line-height: 23px; width: 46px; text-align: center; border: 1px solid #cfd5e5; border-radius: 3px; margin: 0 3px; }

.hs-ui-pages .page-back, .hs-ui-pages .page-forward { font-size: 16px; line-height: 24px; }

.hs-ui-pages .page-start, .hs-ui-pages .page-end { font-size: 12px; line-height: 22px; }

.hs-ui-pages .page-total-count { margin: 0 5px; }

.hs-ui-pages .page-total-data { position: absolute; right: 0px; top: 20px; }

.hs-ui-pages .disabled { color: #cdd3dd; }

/*list styles*/
.hs-ui-data-list li a.item-link { border-left: 2px solid #8b96a8; padding-left: 12px; }

.hs-ui-data-list li { background: url(images/point-line.png) repeat-x 12px bottom; padding: 13px 0; position: relative; }

.hs-ui-data-list li .go-right { position: absolute; right: 5px; top: 12px; }

/*table styles*/
.hs-ui-table > table { width: 100%; }

.hs-ui-table > table > th { background: #f2f2f2; height: 32px; border-bottom: 1px solid #e5e5e5; font-weight: normal; font-size: 12px; white-space: nowrap; }

.hs-ui-table > table > td { font-size: 14px; text-align: center; height: 70px; border-bottom: 1px solid #e5e5e5; }

.hs-ui-table > table .col-align-left { text-align: left; }

.hs-ui-table > table .col-align-right { text-align: right; }

.hs-ui-table > table .col-align-center { text-align: center; }

/*select list styles*/
.hs-ui-select-list { margin: 0px 0; padding-bottom: 20px; border-bottom: 1px solid #ddd; }

.hs-ui-select-list dd { padding: 8px 0; }

.hs-ui-select-list dd * { vertical-align: middle; }

.hs-ui-select-list .select-label { display: inline-block; text-align: right; width: 107px; }

.hs-ui-select-list .select-option-content { display: inline-block; }

.hs-ui-select-list .select-option { padding: 3px 15px; margin: 0 10px 0px -3px; display: inline-block; }

.hs-ui-select-list .select-option a { color: #333; text-decoration: none; outline: none; display: inline-block; }

.hs-ui-select-list .select-option-selected { background: #45a5fd; }

.hs-ui-select-list .select-option-selected a { color: #fff; }

/* switch开关 */
.hs-ui-switch .switch {position: relative;display: inline-block;width: 40px;height: 20px;}
.hs-ui-switch .switch input {opacity: 0;width: 0;height: 0;}
.hs-ui-switch .switch input:disabled ~ .slider {cursor: not-allowed;opacity: .8;}
.hs-ui-switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #99999a;-webkit-transition: .4s;transition: .4s;border-radius: 10px;}
.hs-ui-switch .slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;border-radius: 50%;}
.hs-ui-switch input:checked + .slider {background-color: #3393ff;}
.hs-ui-switch input:focus + .slider {box-shadow: 0 0 1px #3393ff;}
.hs-ui-switch input:checked + .slider:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}

/*form layout styles*/
.hs-ui-form { position: relative; z-index: 2; }

.hs-ui-form + .hsui-form { z-index: 1; }

.hs-ui-form-flieds:after { clear: both; overflow: hidden; zoom: 1; height: 0px; font-size: 0; line-height: 0; content: "."; display: block; }

.hs-ui-form-item {  margin-bottom: 9px; width: 33.33%; display: table; }

.hs-ui-form-flieds {zoom: 1; }

.hs-ui-form-flieds.no-submit { margin-right: 0; }

/*.hs-ui-form-item dl>dt { width: 110px; padding-right: 10px; height: 30px; text-align: right; display: table-cell; vertical-align: middle; line-height: 1.1; }
.hs-ui-form-item dl>dt.text-left{text-align: left;padding-left: 10px;}
.hs-ui-form-item dl>dt.text-center{text-align: center}
.hs-ui-form-item dl>dd { display: table-cell; vertical-align: middle; }
*/

.hs-ui-form-title h2{font-size: 16px;color: #333;line-height: 24px;font-weight: bold;}
.hs-ui-form-title h2 span{font-size: 12px;font-weight: normal;margin-left: 10px;}
.hs-ui-form-item .hs-ui-form-label{width: 80px; padding-right: 10px; height: 30px;font-size: 12px;color: #333; text-align: right; display: table-cell; vertical-align: middle; line-height: 32px;}
.hs-ui-form-item .hs-ui-form-label.text-left{text-align: left;padding-left: 10px;}
.hs-ui-form-item .hs-ui-form-label.text-center{text-align: center;}
.hs-ui-form-item .hs-ui-form-img-label{width: 90px; padding-right: 10px; height: 30px;font-size: 12px; text-align: right; display: table-cell; vertical-align: top; line-height: 1.4;}
.hs-ui-form-item .hs-ui-form-content .img-placeholder{font-size: 12px;color: #666;}
.hs-ui-form-item .hs-ui-form-content .hs-ui-form-radio-container{margin-right: 18px;line-height: 32px}
.hs-ui-form-item .hs-ui-form-content .hs-ui-form-radio-text{padding-left: 8px;}
.hs-ui-form-item .hs-ui-form-content .hs-ui-form-addinfo{width: 72px;height: 30px;background: #FAFAFA;border: 1px dashed #DDDDDD;border-radius: 4px;}
.hs-ui-form-item .hs-ui-form-content .add-label-input{width: 100%;min-height: 32px;border: 1px solid #E0E0E0;border-radius: 4px;box-sizing: border-box;}
.hs-ui-form-item .hs-ui-form-content .add-label-input .sel-label{height: 24px;line-height: 24px;padding: 0 5px;font-size: 12px;color: #333;background: #F4F4F4;border-radius: 2px;}
.hs-ui-form-item .hs-ui-form-content .add-label-input ul{padding-left: 4px;}
.setlabel-dialog li {float: left;width: 25%;margin-bottom: 8px;padding: 0 8px;box-sizing: border-box;}
.setlabel-dialog li .sel-label {height: 24px;padding: 0 8px;background: #F4F4F4;border-radius: 4px;}
.hs-ui-form-info-dialog{min-width: 360px}
.hs-ui-form-item .hs-ui-form-nodata-label{vertical-align: top;padding-top: 50px;}
.hs-ui-form-item .no-data-panel .preview-img{width: 300px}

.hs-ui-form .no-dt-float dt { display: block; text-align: left; margin-bottom: 2px; height: 20px; }

.hs-ui-form .no-dt-float dd { display: block; }

.hs-ui-form-submit .submit-warp{text-align: center;padding: 10px 0;}
.hs-ui-form-submit.text-left .submit-warp{text-align: left}
.hs-ui-form-submit.text-right .submit-warp{text-align: right}

.review-fix{
    position: fixed;
    right:30px;
    width:110px;
    top:150px;
    min-height:130px;
}
.review-fix-div{
    background: #fff;
    position: relative;
    border-left: 2px solid #d9d9d9;
    width:110px;
    min-height:100px;
    padding:15px 0px;
}
.review-fix-top{
    position: absolute;
    top:-5px;
    left:-5px;
    width:8px;
    height: 8px;
    background: url(../images/review-fixed-icon.png) no-repeat;
}
.review-fix-bottom{
    position: absolute;
    bottom:-5px;
    left:-5px;
    width:8px;
    height: 8px;
    background: url(../images/review-fixed-icon.png) no-repeat;
}
.review-fix-div ul{
    border-bottom: 1px dotted #e0e0e0;
}
.review-fix-div ul>li{
    color:#999;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 10px;
}
.review-fix-div ul>li:hover{
    cursor: pointer;
}
.review-fix-div ul>li.on{
    color:#2b93ed;
    position: relative;
}
.review-fix-div ul>li.on:before{
    content:"";
    position:absolute;
    left:-5px;
    width:8px;
    top:6px;
    height:8px;
    background: url(../images/review-fixed-icon.png) no-repeat 0px -13px;
}
.review-fix-div ul>li.choosed:after{
    content:"";
    position:absolute;
    right:4px;
    width:14px;
    top:4px;
    height:14px;
    background: url(../images/deal.png) no-repeat 0px 0px;
}
.review-fix .online-review-p{
    border:none;
}
.review-fix .online-review-p a{
    font-size: 14px;
    color: #2b93ed;
}
.delete-one{
    display: none;
    float:right;
    width:14px;
    height:14px;
    background: url(../images/deal.png) no-repeat 0px -114px;
    margin-top: 10px;
}
.condition-choose-search{
    float: right;
    width:16px;
    height:16px;
    background:url(../images/set-condition-search.png) no-repeat;
    margin-top: 14px;
}
.datagrid-cell.datagrid-cell-c1-coperate a{
    color:#2b93ed;
    font-size: 14px;
}
.hs-ui-btn.hs-white-btn{
    border: 1px solid #ddd;
    background: #fff;
    color:#333;
}
.hs-ui-btn.hs-white-btn:hover,.hs-ui-btn.hs-white-btn:active{
    border-color:#1f76d8;
    background:#eef5ff;
    color: #1f76d8;
}
.hs-ui-btn.hs-blue-btn:hover{
    //box-shadow: 0px 0px 4px rgba(43,147,237,0.7);
}

.common-link{
    font-size: 12px;
    border-radius: 40px;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    min-width: 54px;
    text-align: center;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    color: #8e7e5d;
    border:1px solid #8e7e5d;;
}

.common-link:hover{
    background: #8e7e5d;
    color:#fff;
    text-decoration: none;
}

.common-link{
    font-size: 12px;
    border-radius: 40px;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    min-width: 54px;
    text-align: center;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    color: #2b93ed;
    border:1px solid #2b93ed;
}

.common-link:hover{
    background: #2b93ed;
    color:#fff;
    text-decoration: none;
}
.check-file{
    display: inline-block;
    width:90px;
    height:28px;
    line-height: 28px;
    border-radius: 2px;
    background: #2b93ed;
    color:#fff;
    box-shadow: 0px 0px 4px rgba(43,147,237,0.3);
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
}
.dlshouwen-grid-headers{
    background:#f2f4fa;
}
.dlshouwen-grid-container .table-bordered>thead>tr>th,
.dlshouwen-grid-container .table-bordered>tbody>tr>th,
.dlshouwen-grid-container .table-bordered>tfoot>tr>th,
.dlshouwen-grid-container .table-bordered>thead>tr>td,
.dlshouwen-grid-container .table-bordered>tbody>tr>td,
.dlshouwen-grid-container .table-bordered>tfoot>tr>td{
    border:none;
}
.dlshouwen-grid-row.odd{
    background:#f7f9ff;
}
.batch-account .table-operate .search-icon{
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/set-condition-search.png) no-repeat;
    right:8px;
    bottom:8px;
}
.form-title:before{
    content: "";
    position: absolute;
    left:0px;
    height:15px;
    width:4px;
    top:7px;
    background:#2b93ed;
}