/*
*housc
*2021-08-24
*pc公共样式库
*/

/* 在 PC 端应用表单设计时统一使用四川政务服务网 PC 端的通用头部、通用底部 banner 和面包屑，应用表单设计要求如下： 
1､内容到边框的间距上、左、右为：30px;  
2､搜索框，高：45px，边框 1px,背景色：#fafafa,提示文字：15px #999999; 
3､查询按钮,高：50px,背景色：#c40311,圆角大小：3px,字型：微软雅黑，字号：19px，颜色：#ffffff;  
4､重置按钮,高：50px,背景色：#dfdfdf,圆角大小：3px,字型：微软雅黑，字号：19px，颜色：#333333; 
5､查询结果：用于显示应用搜索结果，上下间距 25px，左右间距30px；  
6､应用服务出处：用于显示此应用服务是由哪里提供，上下间距 30px。 */
.main-container{
	margin: 0;
	min-height: calc(100vh - 120px);
}
.pc-banner-bg{
	width: 100%;
	height: 180px;
	background: url(../img/bjjd_bg01.png) no-repeat center top;
	background-size: 100%;
}
.pc-bg-txt{
	display: block;  
	padding: 50px;
	color: #ffffff;
	text-align: left;
	/* padding-left: 12%; */
	padding-left: calc((100vw - 1200px)/2 + 30px);
	font-size: 30px;
}
.pc-content{
	margin: 0 auto;
	border: 1px solid #fff;
	box-shadow: 1px 1px 5px #888888;
	background-color: #fff;
	border-radius: 6px;
	padding: 30px;
	position: relative;
	top: -40px;
	min-height: calc(100vh - 140px);
	/* max-width: 1200px; */
	width: 1200px;
}

.search-input{
	width:455px;
	height:45px;
	border: 1px solid #d4d4d4;
}
 .search-input::-webkit-input-placeholder {
          /* WebKit browsers */
			font-size: 15px;
			color: #999999;
        }
        .search-input::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          font-size: 15px;
			color: #999999;
        }
        .search-input:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          font-size: 15px;
			color: #999999;
        }

.search-btn{
	/* width:210px;
	height:50px;
	background-color: #ffffff;
	border-radius: 3px;
	font-family: "微软雅黑";
	font-size: 19px;
	color: #ffffff;
	letter-spacing: 5px; */
	
	height: 50px;
	width: 210px;
	line-height: 50px;
	text-align: center;
	background-color: #c40311;
	font-size: 19px;
	border-radius: 3px;
	cursor: pointer;
	letter-spacing: 5px;
	border: none;
}
.search-btn:hover{
	/* background-color: #c40311; */
	color: #fff !important;
	transition: 0.2s;
}
.reset-btn{
	height: 50px;
	width: 210px;
	line-height: 50px;
	text-align: center;
	background-color: #dfdfdf;
	font-size: 19px;
	border-radius: 3px;
	cursor: pointer;
	letter-spacing: 5px;
	border: none;
}
.reset-btn:hover{
	color: #fff !important;
	transition: 0.2s;
}
.query-result-box{
	margin: 25px 30px;
	}
/* 居中样式 */
.content-center{
	text-align: center;
	align-items: center;
	align-content: center;
}

.content-btns{
	text-align: center;
	align-items: center;
	align-content: center;
	letter-spacing: 30px;
	margin: 28px auto;
}

.copy-button{
	text-align: center;font-size: 18px;color: #333333;margin: 30px 0;
}
.content-title{
	font-family: "微软雅黑";
	font-size: 18px;
	color: #333333;
	line-height: 42px;
}
/*表格翻转样式开始*/
.tab-verticl{
	height: auto;
	position: relative;
}
/* .tab-verticl{
	-webkit-writing-mode: vertical-lr;
	-moz-window-dragging: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
} */
.tab-verticl th *,
.tab-verticl td *{
	-webkit-writing-mode: horizontal-tb;
	-moz-writing-mode : horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-lr;
}
.tab-verticl th > div.layui-table-cell  {
   /*margin-top:calc(50%-20px);*/
   width: 120px;
}
.tab-verticl td > div.layui-table-cell  {
   width: 160px;
}

/* ..1 aYu.i- table-view. vertical . l.aYiti-table-total, */
/* .layui-table-view.vertical .layui-table-fixed {
   display: none !important;
} */

.layui-table-view.vertical .layui-table-box > .layui-table-main {
   height: auto !important;
   margin-right: 160px;
}

.layui-table-view.vertical .layui-table-box > .layui-table-header {
   position: absolute;
   display: grid;
}

.layui-table-view.vertical .layui-table-total  {
   position: absolute;
   right: -1px;
   border-left-width: 1px;
   display: grid;
}
/*表格翻转样式结束*/

/* 吸底 */
.footer{
	height: 260px;
	position:relative;
	bottom: 0;
}

/* 下拉框样式 */
.select-iput-select{
	width: 100%;
	height: 100%;
}

.cursor{
	cursor: pointer;
}
/* 使select只向下弹出,添加一段代码覆盖原样式即可 */
.layui-form-selectup dl {
    top: 42px;
    bottom: unset;
}
/* 修改下拉框选中样式 */
.layui-form-select dl dd.layui-this {
    background-color: #9ba59e;
    color: #fff;
}

/* pc提示内容框 */
.pc-alert-msg{
	position: relative;
	padding: 15px 15px 15px 64px;
	color: rgba(0,0,0,.65);
	line-height: 1.5;
	border-radius: 4px;
	background-color: #fffbe6;
	border: 1px solid #ffe58f;
}
.pc-alert-msg h3{
	display: block;
	color: rgba(0,0,0,.85);
}

.pc-alert-msg .app-sty{
	font-size: 1.5rem;
	line-height: 16px;
	color: #ffcb50;
	font-weight: 700;
	margin-bottom: -14px;
	margin-left: -32px;
	margin-right: 10px;
}

/* 查询无内容提示组件 */
.pc-none-msg{
	margin: 0 40%;
}
.pc-none-msg span::before {
	content: " ";
	display: block;
	height: 18.75rem;
	width: 12.5rem;
	background: url(../img/none.data.png) no-repeat;
	background-size: 100%;
}

.disabled{
	cursor:not-allowed;
}

.pc-inpu-btn{
	width: 12.5rem;
}
.layui-textarea {
    min-height: 50px !important
}

.pc-search-area{
	display: block;
	text-align: center;
}

.pc-filed{
	width: 845px;
	margin: 28px auto;
}

.pc-filed-label{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	text-align: right;
	margin-right: 20px;
	font-size: 16px;
	color: #222;
	width: 150px;
}
.pc-filed-value,.pc-filed-value input{
	display: inline-block;
	width: 534px;
	height: 45px;
	line-height: 45px;
	border: none;
	background-color: #fafafa;
	color: #333;
	border-radius: 6px;
	font-size: 16px;
}
.pc-filed-value input{
	 
	margin: 0 10px;
	
}
 
.pc-filed-value input::-webkit-input-placeholder { /* WebKit browsers */ 
	font-size: 15px;
	color: #999999;
}
.pc-filed-value input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	font-size: 15px;
	color: #999999;
}
.pc-filed-value input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	font-size: 15px;
	color: #999999;
}
.pc-filed-value sinput:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	font-size: 15px;
	color: #999999;
}