/*-webkit-tap-highlight-color 清除点击高亮*/
*{margin:0;padding:0;box-sizing:border-box;outline:none;border:0;resize:none;-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;}
body{font-family:'microsoft yahei';color:#333;font-size:14px;overflow-x:hidden;}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;color:#333;display:inline-block}
input,textarea{font-family:'microsoft yahei';font-size:14px;color:#333}
input::placeholder,textarea::placeholder{font-family:'microsoft yahei';font-size:14px;color:#999}

.b{font-weight:bold}
.l{font-weight:300}

.click{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}

.width{max-width:1280px;margin:0 auto;width:calc(100% - 100px)}

.img-bg{overflow:hidden;display:flex;justify-content:center;align-items:center}
.bg{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.8s}

.img-div{display:flex;justify-content:center;align-items:center}
.img-div img{max-width:100%;max-height:100%}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}

body::-webkit-scrollbar{width:5px}
body::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.11);background: #ccc}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);background:#eee}

.scroll{overflow: hidden;}

.myscroll::-webkit-scrollbar{width:1px;height:1px}
.myscroll::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.11);background: #014099}
.myscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.1);background:#eee}

.mCSB_inside > .mCSB_container{margin-right:15px}
.mCSB_scrollTools{width:2px}
.mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#999}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{width:2px;background:#f2f2f2}

.my-select{height:50px;border:1px #eee solid;position:relative}
.my-select:after{content:"";display:block;width:10px;height:100%;position:absolute;top:0;right:20px;background:url(../images/arrow.svg) no-repeat center center/10px;z-index:990;transition:.3s;transform:rotate(90deg)}
.my-select p{padding:0 60px 0 20px;line-height:50px;cursor:pointer;color:#666;}
.my-select ul{display:none;background:#f2f2f2;width:100%;overflow-y:auto;position:absolute;top:calc(100% + 10px);left:0;max-height:500px;z-index:991}
.my-select ul li{padding:0 20px;line-height:45px;cursor:pointer;margin-bottom:5px}
.my-select ul li:last-child{margin-bottom:0}
.my-select ul li.selected{background:#014099;color:#fff}
.my-select.on:after{transform:rotate(270deg)}

.layui-layer-hmg{border-radius:5px !important}
.layui-layer-btn .layui-layer-btn0{background:#014099;color:#fff;border-color:#014099}
.layui-layer-btn{padding:0 15px 20px}
.layui-layer-btn .layui-layer-btn0{border-color:#014099 !important;background-color:#014099 !important}

.page{text-align:center;margin:0 auto}
.page a,.page .a_cur{display:inline-block;background:#f5f5f5;width:48px;height:48px;line-height:48px;margin-right:20px;border-radius:50%;text-align: center;}
.page a:last-child{margin-right:0}
.page .a_cur{background:#014099;color:#fff}

.video-popup{display:none;position:fixed;z-index:1001;background:rgba(0,0,0,.7);width:100%;height:100%;top:0;left:0;}
.video-popup .con{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}
.video-popup video{max-width:100%;max-height:100%;}
.video-popup .close{position:absolute;width:40px;height:40px;background:url(../images/close-w.svg) no-repeat center center/40px;right:-40px;top:-40px;cursor:pointer;z-index:1002;transition:.3s}

@media (max-width:1440px){
    
}

@media (max-width:750px){
    .width{width:calc(100% - 40px)}
    .page a,.page .a_cur{width:38px;height:38px;line-height:36px;margin-right:10px}
    .my-select{height:40px}
    .my-select:after{right:20px}
    .my-select p{line-height:40px;font-size:14px;padding:0 40px 0 15px}
    .my-select ul li{padding:0 15px;line-height: 40px;}
    .myscroll::-webkit-scrollbar{height:4px}
    .video-popup .con{width:90%;height:90%}
    .video-popup .close{width:30px;height:30px;background-size:30px;top:0;right:0}
}

@media (any-hover:hover){
    .layui-layer-btn .layui-layer-btn0:hover{color:#fff !important}
	.img-bg:hover .img{transform:scale(1.1)}
    .page a:hover{background:#014099;color:#fff}
    .video-popup .close:hover{transform:rotate(180deg)}
}