body{background: #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(/uploads/image/simages/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; } }