body{background: url("../images/bg.jpg") #F5F5F5 repeat center 100px;}
/* 头部信息 */
.layui-header{height: 90px;background: #fff;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;padding-top:10px;}
.layui-header .layui-logo img{margin-top: -10px;max-height:60px;max-width:200px;}
.layui-header .layui-logo span {height: 42px;border-left: 1px solid #ddd;margin-left:20px;padding-left:20px;color: #666666;font-size: 28px;margin-top: 10px;display:inline-block;}
nav.layui-header .layui-nav{background-color: transparent;}
nav.layui-header .layui-nav li{border-right:1px solid #ccc;line-height: 20px;margin-top:20px;display:inline-block;padding: 0 10px;}
nav.layui-header .layui-nav li:last-of-type{border-right:0;padding-right:0;}
nav.layui-header .layui-nav li a:hover{color: #2eafbb;}

/*底部*/
footer {background-color: #fff;padding: 25px 0;color:#C0C0C0;text-align: center;border-top:1px solid rgba(34, 34, 34, 0.1);}
footer p {font-size: 12px;line-height:22px;}
footer p a{padding:0 5px; color: #333;}

/* 内容 */
.dm-main{margin-top:20px;margin-bottom:20px;}
.layui-table,.layui-table-view{margin:0;}
#banner img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-height:150px;
}

/* 列表 */
.tb-lists-title {width: 190px;height: 36px;font-size: 18px;line-height: 36px;color: #fff;background: #1db278;background: -moz-linear-gradient(left, #2eafbb 0%, #51CBD5 100%);background: -webkit-linear-gradient(left, #2eafbb 0%, #51CBD5 100%);background: linear-gradient(to right, #2eafbb 0%, #51CBD5 100%);text-align: center;border-radius: 0 38px 0 18px;margin-bottom:20px;}
.tb-lists li a {display: block;padding: 10px 15px;background-color: #fff;color: #2b2b2b;border-radius: 2px;transition: all .3s;-webkit-transition: all .3s;text-decoration: none;font-size:14px;height:108px;}
.tb-lists li  a:hover {background-color:#FCFCFC;color:#333333}
.tb-lists li a h3 {display: block;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tb-lists li a h5 {
	padding-top:4px;font-size:14px;color: #737373;height:40px;
	text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;white-space : normal;
}
.tb-lists li a .tb-time {margin-top:8px;color: #A7A7A7;font-size:12px;}
.layui-flow-more{clear: both; *zoom: 1;padding-top: 10px;}
.layui-clear:after{content:'\20'; clear:both; *zoom:1; display:block; height:0;}


.dm_pay_wechat_layer{
	background-image: url(../../../../static/images/pay_weixin.jpg);
	height: 300px;
	width: 250px;
	padding: 20px 20px 70px 20px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dm_pay_wechat_button{
	width: 200px;
	margin: 50px 50px 10px 50px;
	background: #3AB741;
	border-radius: 6px;
	display:none;
}


/* 表单 */
.dm-main .tips-err-box{ text-align:center;padding-top:100px;padding-bottom:100px;font-size:26px;display:flex; justify-content: center; align-items: center;}
.dm-main .tips-err-box i{color:#ec5151;font-size:80px;margin-right:20px;}
.dm-main .tips-box {background: #2FAFBC;padding: 15px 100px;color: #fff;line-height: 1.8;}
.dm-main .tips-box h2 {font-size: 18px;text-align: left;font-weight: 400;}
.dm-main .tips-box .regist-tip-detail {margin-top: 5px;font-size: 14px;text-align: justify;}
.dm-main .tips-box .regist-tip-detail a {color: #fff;}


.dm-main .layui-form{margin:0 auto;width:900px;margin-top: 10px;}

/* 一排显示 */
.dm-main .layui-form[wid100] .layui-form-label {width: 130px;}
.dm-main .layui-form[wid100] .layui-input-block {margin-left: 130px;}
.dm-main .layui-form[wid100] .layui-form-item .layui-input-inline {min-width:40px;}
.dm-main .layui-form[wid100] .layui-form-checkbox i{height:30px;line-height:30px;}

/* 横排显示*/
.dm-main .layui-form[wid100] .layui-form-card .layui-form-label {width:100%;padding-left:0;text-align:left;float:none;}
.dm-main .layui-form[wid100] .layui-form-card  .layui-input-block {margin-left: 0;}
.dm-main .layui-form[wid100] .layui-form-card  .layui-input-inline {margin-left: 0;width:100% !important;}
.dm-main .layui-form[wid100] .layui-form-card  .layui-form-radio {display: block;}


.dm-main .layui-form[wid100] .layui-form-card  .update_images,.dm-main .layui-form[wid100] .layui-form-item .update_images{width: 82px !important;height: 82px;overflow: hidden;cursor: pointer;border-radius: 3px;padding-top:0px;border: 1px solid #cecece;line-height: 82px;text-align:center;}
.dm-main .layui-form[wid100] .update_images img{max-width: 82px;max-height: 82px;}




/* 适配*/
@media screen and (max-width: 768px) { 
	nav.layui-header{height:60px;padding-top: 0px;}
	.layui-header .layui-logo img{max-height: 50px;}
	nav.layui-header .layui-logo{padding-left:10px;padding-top:13px;max-height: 50px;}
	nav.layui-header .layui-logo span{display:none;}
	nav.layui-header .menuIcon{width: 30px;display: block;height: 30px;padding-right: 10px;padding-top: 10px;position: absolute;top: 16px;right: 20px;}
	nav.layui-header .menuIcon span:before{top: -6px;}
	nav.layui-header .menuIcon span:after{bottom: -6px;}
	nav.layui-header .menuIcon span,
	nav.layui-header .menuIcon span:before,
	nav.layui-header .menuIcon span:after{position: absolute;display: block;width: 25px;height: 2px;cursor: pointer;content: '';background-color: #4A4A4A;border-radius: 1px;-webkit-transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);-o-transition:transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
	nav.layui-header .menuIcon span{height: 0;}
	nav.layui-header.menuOpen{background:#fff;z-index:17666669;}
	nav.layui-header.menuOpen .menuIcon span:before{-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
	nav.layui-header.menuOpen .menuIcon span:after{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
	nav.layui-header.menuOpen .menuIcon span:before,
	nav.layui-header.menuOpen .menuIcon span:after {top: 0;}

	nav.layui-header .layui-nav{background:#fff;position: fixed !important;top: 50px;left: 0;border-radius:0;padding: 0 20px;height:calc(100% - 50px );bottom: 0;overflow: hidden;display:none;z-index:17666669;}
	nav.layui-header .layui-nav li{display: block;border-bottom:1px solid #F6F6F6;line-height: 50px;border-right:0;}
	nav.layui-header .layui-nav li a{display: block;}

	.layui-main {width: 100%; margin: 0;}
	.dm-main{border:0 !important;}
	.dm-main .layui-form{width: 96%; margin: 0 auto;padding: 0 20px;}
	.dm-main .layui-form-item{margin-bottom:10px;}
	.dm-main .tips-box {padding: 15px 20px;}
	.dm-main .layui-form[wid100] .layui-form-label {width: 92px;padding: 9px 5px;}
	.dm-main .layui-form[wid100] .layui-input-inline + .layui-form-mid { margin-left: 95px;padding:0 !important;}
	.dm-main .layui-form[wid100] .layui-input-inline {margin-left: 97px;}
	.dm-main .layui-form[wid100] .layui-input-block {margin-left: 97px;padding: 5px 0px;}
	.dm-main .layui-form[wid100] .layui-input-block {width: auto !important;left: -3px;}
	.dm-main .layui-form-checkbox i{height:30px;}
	.dm-main .layui-form-item .layui-input-inline.update_images{width:82px !important;}
	.dm-main .layui-form[wid100] .layui-form-card .layui-input-inline + .layui-form-mid { margin-left: 0;padding:0 !important;}
	.dm-main .layui-form[wid100] .layui-form-item .layui-form-label {
		text-overflow: ellipsis;
		overflow: auto;
		white-space: normal;
	}

	.layui-form-mid{
		float:none;
	}
}

.mian .introduce {
    width: 100%;
    text-align: center;
}
.mian .introduce .introduce-col {
    width: 100%;
    max-width: 1140px;
    border: 1px solid #8a8a8a;
    min-height: 100px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 25px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 40px;
}
.mian .introduce .introduce-col .introduce-title {
    width: 100%;
    height: 60px;
    border-bottom: 6px solid #3784d1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.mian .introduce .introduce-col .introduce-title .introduce-title-img {
    width: 66px;
    height: 60px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
img {
    border: none;
    vertical-align: middle;
        margin: 0;
    padding: 0;
    word-wrap: break-word;
}
.mian .introduce .introduce-col .introduce-title .introduce-title-img:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: #174fbf;
}
.mian .introduce .introduce-col .introduce-title .introduce-title-txt {
    margin: 0;
    padding-left: 12px;
    color: #3784d1;
    font-size: 18px;
}
.mian .introduce .introduce-col .introduce-inform {
    width: 100%;
    display: table;
    min-height: 100px;
    padding-top: 30px;
}
@media (min-width: 1200px) {
    .col-lg-5 {
        width: 41.66666667%;
    }
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:before {
    display: table;
    content: " ";
}
.mian .introduce .introduce-col .introduce-inform .introduce-inform-box {
    width: 100%;
    display: table;
    min-height: 60px;
    text-align: left;
}
.mian .introduce .introduce-col .introduce-inform .introduce-inform-box h4 {
    line-height: 26px;
    font-size: 16px;
    color: #3784d1;
}
.mian .introduce .introduce-col .introduce-inform .introduce-inform-box p {
    line-height: 22px;
    font-size: 14px;
    color: #444;
    text-align: justify;
}
.row:after {
    clear: both;
}
@media (min-width: 1200px) {
    .col-lg-7 {
        width: 58.33333333%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }
}
.mian .introduce .introduce-col .introduce-inform .introduce-inform-box {
    width: 100%;
    display: table;
    min-height: 60px;
    text-align: left;
}
.mian .query {
    width: 100%;
    display: table;
    width: 100%;
    text-align: center;
}
.mian .query .query-col {
    width: 100%;
    max-width: 1140px;
    border: 1px solid #8a8a8a;
    min-height: 100px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 25px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 40px;
}
.mian .query .query-col .query-title {
    width: 100%;
    height: 60px;
    border-bottom: 6px solid #3784d1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.mian .query .query-col .query-title .query-title-img {
    width: 66px;
    height: 60px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.fl {
    float: left;
}
.mian .query .query-col .query-title .query-title-img:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: #174fbf;
}
.mian .query .query-col .query-title .query-title-txt {
    margin: 0;
    padding-left: 12px;
    color: #3784d1;
    font-size: 18px;
}
.mian .query .query-inform {
    width: 100%;
    display: table;
    text-align: left;
    padding: 10px 0;
    padding-top: 30px;
}
.mian .query .query-inform p {
    line-height: 22px;
    font-size: 14px;
    color: #444;
    margin-bottom: 20px;
    text-align: justify;
}