/**
*作者：蓝优
*时间：2020-7-7
**/
body,html{height:100%;}
body{min-height:100%;background-color:#f2f2f2;color:#333;font:14px/20px STHeiti,sans-serif;font-size-adjust:none;-webkit-text-size-adjust:none;word-break:break-all;}
*{margin:0;padding:0;}
*,:after,:before{box-sizing:border-box;}
button,input{outline:0;}
a{color:#333;text-decoration:none;}
img{max-width:100%;border:0;}
.header,.logo-header{height:45px;color:#fff;line-height:45px;}
.header .logo-header{position:relative;padding:0 15px;background-color:rgba(0,206,225,0);}
.header .logo-header img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:auto;height:26px;background:center no-repeat;}
.home_container{position:relative;min-height: calc(100vh - 156px);}
.home_container .wrap{position:relative;}
.home_container .wrap_background{position:relative;margin-top:-55px;height:180px;background-image:url(../public/background.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;}
.wrap .wrap_search{position:absolute;right:8px;bottom:20px;left:8px;z-index:2;display:flex;height:40px;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.2);text-indent:8px;font-size:16px;line-height:40px;}
.wrap .wrap_search input{padding:0 15px;width:100%;height:40px;border:1px solid transparent;border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;background-color:hsla(0,0%,100%,.9);line-height:40px;}
.wrap .wrap_search button{width:80px;height:100%;border:1px solid transparent;border-left:1px solid #e91e63;border-radius:5px;border-bottom-left-radius:0;border-top-left-radius:0;color:#fff;cursor:pointer;background-color: #e91e63;}
.page_list{display:flex;overflow:hidden;padding:10px;background-color:#fff;border-bottom: 1px solid #eee;}
.page_list .list_box{overflow:hidden;width:25%;text-align:center;}
.list_box .list_ico i{display:inline-block;width:40px;height:40px;border:1px solid #00bcd4;border-radius:100%;background-color:#00bcd4;color:#fff;font-size:20px;line-height:40px;}
.page_list .list_box+.list_box i{border:1px solid #ffca7f;background-color:#ffca7f;}
.page_list .list_box+.list_box+.list_box i{border:1px solid #ff7fa4;background-color:#ff7fa4;}
.page_list .list_box:last-child .list_ico i{border:1px solid #9edb98;background-color:#9edb98;}
.list_box .list_title{margin-top:5px;color:#666;}
.home_page .page_notice{overflow:hidden;margin-bottom:15px;padding:10px;background-color:#fff;}
.home_page .page_notice span{color:#555;}
.watermark{overflow:hidden;background-color:#fff;margin-bottom: 20px;}
.watermark .mark_content,.watermark .mark_title{padding:10px;}
.watermark .mark_title{border-bottom:1px solid #eee;font-size:16px;}
.watermark .mark_content p{color:#555;line-height:1.5;}
.watermark .mark_content p+p{padding-top:10px;}
.watermark .mark_content p em{position:relative;display:inline-block;margin-right:5px;width:9px;height:9px;border-radius:50%;background-color:#ff7fa4;}
.watermark .water_content{overflow:hidden;padding:10px;}
.water_content .video{overflow:hidden;margin:10px auto;width:100%;height:260px;}
.water_content .download{overflow:hidden;text-align:center;}
.water_content .download a{position:relative;display:inline-block;width:100px;height:35px;border:1px solid #4caf50;border-radius:5px;background-color:#4caf50;color:#fff;text-align:center;font-size:14px;line-height:35px;}
.water_content .download a+a{margin-left:15px;border:1px solid #f44336;background-color:#f44336;}
.footer{overflow:hidden;width:100%;}
.footer .link{overflow:hidden;margin-bottom:15px;background-color:#fff;}
.link .link_title{padding:10px;border-bottom:1px solid #eee;font-size:16px;}
.link .link_content{overflow:hidden;padding:5px;}
.link .link_content a{float:left;margin:5px;color:#555;}
.footer .footer_content{overflow:hidden;padding:10px;background-color:#fff;color:#555;text-align:center;}
.footer_content p a{color:#555;}
.footer_content p a+a{margin-left:10px;}
.footer_content p+p{margin-top:10px;}
/*自定义*/
.preloader{position:fixed;top:0;left:0;z-index:3;width:100%;height:100%;background-color:rgba(55,58,71,.8);}
.loader{position:relative;top:50%;left:50%;display:block;margin:-75px 0 0 -75px;width:150px;height:150px;border:3px solid transparent;border-radius:50%;border-top-color:#9370db;animation:spin 2s linear infinite;}
.loader:before{top:5px;right:5px;bottom:5px;left:5px;border-top-color:#ba55d3;animation:spin 3s linear infinite;}
.loader:after,.loader:before{position:absolute;border:3px solid transparent;border-radius:50%;content:"";}
.loader:after{top:15px;right:15px;bottom:15px;left:15px;border-top-color:#f0f;animation:spin 1.5s linear infinite;}
@keyframes spin{0%{transform:rotate(0);-ms-transform:rotate(0);}
to{transform:rotate(360deg);-ms-transform:rotate(360deg);}
}