body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td, form,span,img{ margin: 0; padding:0;}
fieldset,img {border:0 none;}
body,button, input, select, textarea{line-height:1.8;color:#888888; font-size:15px; font-family: Verdana,Arial,"Microsoft Yahei","微软雅黑"; }
input, select{ vertical-align:middle;}
ul, ol ,li { list-style: none outside none;}
h1,h2,h3,h4{ font-size:100%; font-weight:bold;}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{color:#03a4eb;text-decoration:none;}
.divclear{ width:100%; clear:both; height:100px;}
.divclear.t1{height:270px;}
.divclear.t2{height:190px;}
.divclear.t3{height:32px;}
.indexdiv1{ font-size:16px; text-align:center; padding:42px 0px;}
.indexdiv2{ text-align:center; display:flex;align-items: flex-end;}
.indexdiv2 img{ width:325px; margin-top: 45px;}
.indexdiv2 .a1{ color:#03a4eb; font-size: 22px;line-height: 24px;font-weight: bold;text-align: right;}
.indexdiv3{display:flex;}
.indexdiv3 div a{border:4px solid #03a4eb;border-radius:20px; display:block; width:90%; height:100%;box-shadow: 0 0 0 12px #f5f5f5; padding:16px; padding-left:30px;}
.indexdiv3 div a *{ display:block;}
.indexdiv3 div a b{font-size:20px; color:red; line-height:40px;}
.indexdiv3 div a em{	font-style: normal;}
.indexdiv3 div a i{	font-style: normal;color:red; }
.indexdiv4 *{ text-align:center;}
.indexdiv4 h3{ font-size:32px;margin-bottom:20px; color:#465469;}
.indexdiv4 h4{ font-size:26px; color:#03a4eb;}
.indexdiv4 hr{ margin:18px auto; width:100%; color:#6d6866;border-top:2px solid #6d6866;}
.indexdiv4 p{font-size:12px;}
.indexdiv4 p a{color:#888888;}
.lshow {
    position: relative; /* 为伪元素定位做准备 */
    padding: 15px;
    border: 2px solid #CCC;
    overflow: hidden; /* 隐藏超出部分 */
}

.lshow::before {
    content: "";
    position: absolute;
    top: -500%;
    left: -500%;
    right: 0;
    bottom: 0;
    background: url(/template/image/zbg.png) repeat;
    
    /* 旋转45度 */
    transform: rotate(-20deg);
    
    /* 调整旋转中心点 */
    transform-origin: center center;
    /* 半透明效果 */
    opacity: 1;
    
    /* 确保水印在内容之下 */
    z-index: -1;
    
    /* 错开排列的另一种实现方式 */

	width: 1000%;
    height: 1000%;
}
.lshow .lshow_1{    padding-left: 0;}
.lshow .lshow_1 img{width: 150px;margin-top: 23px;    margin-bottom: 5px;}
.lshow .lshow_1 p{ display:block;border-top:2px solid #333333; font-size:16px; color:#333333;font-weight: bold;}
.lshow .lewm{ text-align:right;}
.lshow .lshow_2{}
.lshow .lshow_2 p{ display:block; margin:0 auto; width:120px; height:160px; background:url() no-repeat center center; background-size:contain;}
.lshow .lshow_3{ font-size:10px; line-height:13px;color:#333333;}
.lshow .lshow_3 p{font-size:15px; color:#03a4eb; font-weight:bold;text-decoration: underline;margin-top: 14px; line-height: 16px;}
.lshow_4{font-size: 24px;    font-weight: bold;    color: #03a4eb;    text-align: center;    line-height: 120px;}
.lshow_5 .scrollable-div{ height:500px; overflow-y: scroll; }
.lshow_5 .scrollable-div img{ max-width:calc(100% - 48px); margin:24px auto; display:block;}
.lvideo{width:calc(100% - 48px);margin:24px; height:auto;}
#extend .msg-box{line-height:1.5px;}
#extend .a0615{ display:block; color:#ff0000; clear:both;    font-size: 14px;}
/* 视频弹窗专属样式 */
.layui-layer.video-popup-skin {
    /* 保持原有布局结构 */
    display: flex !important;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
.layui-layer.video-popup-skin{

}

/* 内容区域调整 */
.video-popup-skin .layui-layer-content {
    padding: 0 !important;
    overflow: visible !important;
    display: flex;
    justify-content: center;
}

/* 视频容器 */
.video-popup-skin .video-popup-wrapper {
    width: 60vw;
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto;
}

/* 按钮位置修正 */
.video-popup-skin .layui-layer-btn {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
}
@media (min-width: 768px) {
    .container {
        width: 768px;
    }
}
@media (max-width:830px) {
.indexdiv2{ display:block;}
.indexdiv3{ display:block;}
.indexdiv3 div a {margin-bottom: 40px;width: 100%;}
.indexdiv2 img{ margin-bottom:30px;}
.divclear.t2{height: 100px;}
.divclear {height: 100px;}
main.content{ min-height:auto;}
    .video-popup-skin .video-popup-wrapper {
        width: 95vw !important;
    }
    .video-popup-skin .layui-layer-btn {
        padding: 10px 0 5px;
}

@media (max-width:500px) {
.divclear {    height: 50px;}
.indexdiv1 {    font-size: 14px;padding: 20px 0px;}
.divclear.t1 {    height: 100px;}
.indexdiv4 h3 {    font-size: 24px;}
.indexdiv4 h4 {   font-size: 18px;    margin-bottom: 15px;}
.divclear.t2{ height:10px;}
   .lshow { margin: -8px;
    padding: 5px;}
.lshow .lshow_1 *{margin-left: 10px;}
.lshow .lshow_1 img {margin-top: 8px;}
.lshow .lshow_1 p{ font-size:11px;}
.lshow .lewm img{ width:80px;}
.divclear.t3 { height: 16px;}
.lshow_4 {font-size: 20px;    line-height: 100px;}
.lshow_5 .scrollable-div{ height:auto; overflow-y:unset;}
.panel-user h4 {  margin-top: 10px;}
}