* {
    box-sizing: border-box;
}
html {
    height: 100%;
	width: 100%;
}
body {
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-family: "Microsoft YaHei","微软雅黑",STXihei,"华文细黑";
	overflow-y: scroll;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #fff;
    min-width: 1300px;
    min-height: 100%;
}
a {
    text-decoration: none;
    outline: none !important;
    color: #333;
}
img{
    max-width: 100%;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
input, textarea {
    outline: none;
}
input::-webkit-input-placeholder {/*谷歌*/
    color: #ddd;
}
input:-moz-placeholder {/*火狐*/
    color: #ddd;
}
input::-moz-placeholder {/*火狐*/
    color: #ddd;
}
input:-ms-input-placeholder {/*IE*/
    color: #ddd;
}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
input::-o-clear{display: none;}
.clear::before, .clear::after {
    display: block;
    content: "";
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
.hide {
    display: none;
}
.cur_point {
    cursor: pointer;
}
.oneline {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.layui-layer-page {
	background-image: none!important;
	box-shadow: none!important;
}
/*.layui-layer-msg {
	background: url('../images/msg_bag.png') center center no-repeat !important;
    background-size: 100% 100% !important;
    min-width: 300px !important;
}
.layui-layer-msg .layui-layer-content {
    padding: 20px 25px !important;
    font-size: 16px !important;
}*/
#main_content, #main_content > div {
    min-height: 100%;
}
#main_content .mCSB_scrollTools {
    right: 2px;
}
.no_content {
    min-height: 500px;
    background: url("../images/no_content.png") center center no-repeat;
}
.no_content_j {
    background: url("../images/no_content_j.png") center center no-repeat;
}
.no_content_m {
    background: url("../images/no_content_m.png") center center no-repeat;
}
.pop_page {
    display: none;
    background-color: #fff;
}
.hover_btn:hover {
    opacity: 0.7;
}
.layui-layer-page .layui-layer-content {
    overflow: hidden!important;
}
/*下拉框*/
.bui_sele_warp {
    position: absolute;
    right: 16px;
    top: 6px;
}
.sele_style {
    height: 30px;
    padding-left: 10px;
    line-height: 15px;
    border-radius: 0;
    border-radius: 4px;
    border: 1px solid #dedede;
    background-color: #fff;
}
.sele_style:hover, .sele_style:focus {
    border-color: #1ca6fe;
    color: #1ca6fe;
}
.bootstrap-select > .sele_style:focus, .bootstrap-select > .sele_title:focus {
    outline: none !important;
}
/* .sele_style .caret {
    border-top-color: #94adbe;
    border-bottom-color: #94adbe;
} */
/*.bootstrap-select.btn-group .dropdown-menu {
    background-color: #fff;
    color: #5180f3;
}*/
.dropdown-menu li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
    background-color: #1ca6fe;
    color: #fff;
}
/*end下拉框*/
.set_t_switch {
    position: relative;
    width: 48px;
    height: 20px;
    margin-top: 5px; 
    border-radius: 23px;
    background-color: #d6e6f4;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    cursor: pointer;
}
.set_t_switch > div {
    position: absolute;
    top: 0;
    left: 28px;
    width: 20px;
    height: 100%;
    border-radius: 50%;
    background-color: #1ca6fe;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.set_t_switch > span {
    height: 100%;
    padding: 0 5px;
    line-height: 20px;
    text-align: center;
    color: #7c98b3;
    font-size: 12px;
    opacity: 0.8;
}
.set_t_s_close {
    background-color: #acacac;
    background-color: rgba(172, 172, 172, 0.3);
}
.set_t_s_close > div {
    left: 0;
    background-color: #b5b5b5;
}
.pop_page .search_input_warp {
    width: 180px;
}
.pop_page .search_input {
    width: 120px;
}
.pop_page .bootstrap-select {
    margin-right: 10px;
}
/*end弹出框公共*/
/*输入框*/
.search_input_warp {
    height: 30px;
    width: 230px;
    padding-left: 8px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    border: 1px solid #42bafb;
    color: #666;
    font-size: 14px;
}
.search_input_warp:hover {
    border-color: #1ca6fe;
}
/*.search_input_warp:hover{
    border-color: #a4beff;
}*/
.search_input {
    width: 170px;
    height: 28px;
    /* background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3); */
    background: none;
    color: #fff;
    box-shadow: none;
}
.search_input, .search_input:hover, .search_input:focus {
    border: none !important;
}
.search_dele {
    height: 30px;
    width: 20px;
    background: url("../images/search_dele_s.png") center 8px no-repeat;
    cursor: pointer;
}
.search_dele:hover {
    background-position: center -18px;
}
.search_btn {
    height: 28px;
    width: 30px;    
    background: url("../images/search_btn.png") center 7px no-repeat;
    cursor: pointer;
}
.search_btn:hover {
    background-position: center -18px;
}
/*end输入框*/
/*页码工具*/
.hp_page_warp_f {
    text-align: center;
}
.hp_page_warp_f > div {
    display: inline-block;
}
.hp_pre, .hp_page_n, .hp_pre_node, .hp_next_node, .hp_next, .hp_text, .hp_page_go, .hp_input {
    display: block;
    float: left;
    box-sizing: border-box;
    font-size: 13px;
    font-family: "微软雅黑";
    color: #1898ff;
    border-radius: 3px;
}
.hp_text, .hp_input {
    color: #1898ff;
}
.hp_pre, .hp_page_n, .hp_next, .hp_page_go, .hp_input {
    border: solid 1px #1898ff;
}
.hp_pre_node, .hp_next_node {
    width: 27px;
    margin-left: -8px;
    box-sizing: border-box;
    font-family: "楷体";
    color: #1898ff;
    letter-spacing: -0.6em;
}
.hp_pre, .hp_page_n, .hp_pre_node, .hp_next_node, .hp_next, .hp_text, .hp_page_go {
    line-height: 25px;
    color: #1898ff;
}
.hp_pre, .hp_next {
    color: #2f84d8;
}
.hp_pre:hover, .hp_page_n:hover, .hp_next:hover, .hp_page_go:hover {
    /* background-color: rgba(28, 166, 254, 0.2); */
    background-color: #fff;
}
.hp_pre, .hp_next {
    font-family: "宋体";
    font-size: 16px;
    border: 0;
    font-weight: bolder;
    width: 27px;
}
.hp_page_n, .hp_page_go {
    min-width: 27px;
}
.hp_page_n, .hp_pre, .hp_next, .hp_page_go {
    height: 27px;
    text-align: center;
    margin: 0 3px;
    cursor: pointer;
    border: solid 1px #1898ff;
}
.hp_input {
    width: 46px;/*特殊修改*/
    height: 27px;
    margin: 0 3px;
    text-align: center;
    border: solid 1px #1898ff;
}
.hp_cur_page {
    color: #fff;
	background-image: linear-gradient(60deg, 
        #1898ff 0%, 
		#00c0ff 100%), 
	linear-gradient(
		#a1adb4, 
		#a1adb4);
    border-color: #00c0ff;
    cursor: default;
}
.hp_ban_btn, .hp_ban_btn:hover {
    color: #999!important;
    cursor: default!important;
    background-color: #eaeaea;
    border-color: #bebebe;
}
.hp_cur_page:hover {
    /* color: #fff !important;
    border-color: #2f84d8;
    background-color: #2f84d8; */
}
.hp_hide {
    display: none!important;
}
/*end页码工具*/
/*设置门禁*/
.set_door_content {
    height: 290px;
    width: 662px;
}
.set_attr {
    float: left;
    width: 321px;
    color: #fff;
    margin: 15px 0;
}
.set_cho_bar {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    background: url("../images/radio_s.png") left 7px no-repeat;
    cursor: default;
}
.set_cho_bar > a {
    color: #fff;
    text-decoration: underline;
}
.set_cho_bar_no {
    background-position: left -17px;
    cursor: pointer;
}
.set_attr > a {
    color: #00ccd9;
    line-height: 26px;
    font-size: 26px;
    cursor: pointer;
}
.set_attr > a:hover, .set_cho_bar_no:hover {
    color: #0ff;
    text-decoration: none;
}
.set_cho_bar:hover > a {
    color: #fff000;
}
.set_attr > a.a_ban, .set_attr > a.a_ban:hover {
    color: #999;
    cursor: default;
}
.switch_ti_input {
    height: 28px;
    line-height: 28px;
    width: 30px;
    padding: 0 5px;  
    background-color: #173e71;
    border: 1px solid #0bc4ce;
    color: #fff;
    text-align: center;
}
.switch_ti_input:hover {
    border-color: #0ff;
}
.switch_ti_input:focus {
    outline: none;
}
.set_num {
    height: 30px;
    padding: 0 10px;
    line-height: 28px;
    background-color: #173e71;
    border: 1px solid #0bc4ce; 
}
.set_num > a {
    color: #fff;
    font-size: 20px;
    text-decoration: none!important;
    cursor: pointer;
}
.set_num > a:hover {
    color: #e9fe03;
}
.set_num > a.a_ban, .set_num > a.a_ban:hover {
    color: #777;
    cursor: default;
}
.set_num > input {
    width: 40px;
    height: 28px;
    background: none;
    border: none;
    color: #fff;
    cursor: default;
    text-align: center;
}
.set_door_all {
    width: 642px;
    padding-top: 15px;
    background-color: rgba(3, 48, 85, 0.5);
}
.test_door_item {
    width: 50%;
    height: 30px;
    margin-bottom: 15px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
}
.test_door_i_name {
    max-width: 150px;
}
.test_door_i_btn {
    width: 90px;
    margin-left: 8px;
    border-radius: 5px;
    text-align: center;
    background-color: #27a5fd;
    cursor: pointer;
}
.test_door_i_btn:hover {
    background-color: #7fb527;
}
.set_attr_cho_btn {
    padding-left: 22px;
    height: 30px;
    line-height: 30px;
    background: url("../images/radio_s1.png") left 6px no-repeat;
    color: #fff;/*#008fec;*/
    cursor: pointer;
}
.set_attr_cho_btn:hover {
    color: #0ff;
}
.set_attr_cho_btn_h {
    background-position: left -26px;
}
/*end设置门禁*/
/* 公共按钮 */
.search_input_warp {
    float: right;
    margin-top: 10px;
}
/* .content_item {
    padding: 10px 0 0;
} */
.sele_warp {
    float: right;
    margin: 10px 10px 0 0;
}
.sele_warp_left {
    float: left;
    margin: 10px 0 0 10px;
}
.handle_btn {
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.green_btn {
	background-image: linear-gradient(90deg, 
		#00d86b 0%, 
		#10bf36 62%, 
		#1fa500 100%), 
	linear-gradient(
		#a1adb4, 
		#a1adb4);
}
.bule_btn {
	background-image: linear-gradient(90deg, 
		#39d7ff 0%, 
		#009cff 100%), 
	linear-gradient(
		#a1adb4, 
		#a1adb4);
}
.handle_btn:hover {
    opacity: 0.8;
}
.page_top .handle_btn, .hendle_right .handle_btn {
    margin: 10px 0 0 10px;
}
.upload_btn, .download_btn  {
    width: 80px;
    padding-left: 18px; 
}
.upload_btn > div {
    background: url("../images/pagre_btn_upload.png") left center no-repeat;
}
.download_btn > div {
    background: url("../images/pagre_btn_download.png") left center no-repeat;
}
/* end公共按钮 */
/* 弹窗输入框 */
.pop_page_attr {
    margin-bottom: 20px;
}
.pop_page_attr_name {
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding-right: 5px;
    text-align: right;
    color: #666;
}
.pop_page_attr > input {
    width: 190px;
    height: 30px;
    padding: 0 5px;
	border-radius: 3px;
	border: solid 1px #dedede;
}
.pop_page_attr > input:hover, .pop_page_attr > input:focus {
    border-color: #00a0ff;
}
/* end弹窗输入框 */



/* 附件相关 */
.page_content_file{
    margin-top:10px;
}
.pop_page_file_title{
    font-size: 20px;
    /* color: #036fb3; */
    line-height: 35px;
}
.page_content_file_item{
    font-size: 17px;
    cursor: pointer;
    color: #0280ce;
}
.page_content_file_item:hover{
    text-decoration: underline;
    color: #0074bd;
}

.pop_check_detail_file_warp{
    width: 60%;
    margin-top: 20px;
    border-radius: 10px;
}
.pop_check_detail_file_title{
    width: 100%;
    /* line-height: 30px; */
    height: 35px;
    line-height: 25px;
    padding:5px 10px 5px 35px;
    box-sizing: border-box;
    background:#e4e4e4 url('../images/type2/file_title.png') left 15px center/15px 15px no-repeat;
    color:#2e2e2e;
    font-size: 16px;
}
.pop_check_detail_file_content{
    width: 100%;
    border-left:2px solid #e4e4e4;
    border-right:2px solid #e4e4e4;
    border-bottom:2px solid #e4e4e4;
    box-sizing: border-box;
    padding:10px 15px;
}
.pop_check_detail_file_item{
    font-size: 15px;
    color: #383838;
    background:url('../images/type2/file_item.png') left center/12px 14px no-repeat;
    /* padding:15px 0; */
    padding-left: 20px;
    line-height: 20px;
}
.pop_check_detail_file_size{
    font-size: 12px;
    margin-left: 10px;
    line-height: 22px;
    color:#bdbdbd;
}
.pop_check_detail_file_handle{
    font-size: 13px;
    cursor: pointer;
    margin-left: 50px;
    line-height: 22px;
    color: #3288ce;
    text-decoration: underline;
}
.pop_check_detail_file_handle:hover{
    color: #1ca6fe ;
}


.c2_friend_l_right {
    margin-top: 20px;
    text-align: center;
    color:#cccccc;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.c2_friend_l_right > span{
    margin:0 5px;
}
.c2_friend_l_right > img{
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.c2_friend_l_right1 {
    color: #8a8a8a;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.c2_friend_l_right1 > span{
    margin:0 5px;
}
.c2_friend_l_right1 > img{
    width: 20px;
    height: 20px;
    cursor: pointer;
}