@charset "utf-8";
/***********************************************************
	Filename: szphp.css
	Note	: 服务器提示页
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2023.12.06
***********************************************************/
@import "https://cos.szphp.cn/plugin/bootstrap/v4.3.1/bootstrap.min.css";
@import "https://cos.szphp.cn/font-icon/font-awesome-v4/css/font-awesome.min.css";
@import "https://cos.szphp.cn/font/noto_sans_sc/noto_sans_sc.css?family=Noto+Sans+SC:wght@300,400,500,700&display=swap";
@font-face {
    font-family: 'poppins-regular';
    src: url('https://cos.szphp.cn/font/poppins/poppins-regular/poppins-regular-webfont.woff2') format('woff2'),
        url('https://cos.szphp.cn/font/poppins/poppins-regular/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.szphp-font-noto-sans-sc{font-family:'Noto Sans SC'}
.szphp-font-poppins{font-family:'poppins-regular'}
/* 综合 */
::after,::before{box-sizing:border-box}
body,html{margin:0;padding:0;height:100%}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{background:#000;color:#fff;letter-spacing:0;font-weight:400;font-size:1rem;font-family:"pingfang SC","Helvetica Neue","Open Sans","Microsoft YaHei","Hiragino Sans GB",Arial;line-height:1.6}
[tabindex="-1"]:focus{outline:0!important}
hr{overflow:visible;box-sizing:content-box;height:0}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:600}
p{margin-top:0;margin-bottom:1.5rem}
abbr[data-original-title],abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted;cursor:help;-webkit-text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:600}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
small{font-size:100%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
b,strong{font-weight:600}
a{outline:0;background-color:transparent;color:#fff;text-decoration:none}
a:hover{text-decoration:none}
a:not([href]):not([tabindex]){color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
code,kbd,pre,samp{font-size:1rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
pre{overflow:auto;margin-top:0;margin-bottom:1rem}
figure{margin:0 0 1rem}
img{border-style:none;vertical-align:middle}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom;text-align:left}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0;-webkit-tap-highlight-color:transparent}
:focus{outline:0}
button:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font-size:inherit;font-family:inherit;line-height:inherit}
button,input{overflow:visible;-webkit-appearance:none}
button,select{text-transform:none}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical;-webkit-appearance:none}
fieldset{margin:0;padding:0;min-width:0;border:0}
legend{display:block;margin-bottom:.5rem;padding:0;width:100%;max-width:100%;color:inherit;white-space:normal;font-size:1.5rem;line-height:inherit}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
template{display:none}
[hidden]{display:none!important}
.btn.focus,.btn:focus{box-shadow:none}
@media screen and (max-width:576px){
    body{line-height:1.5}
    .family-noto{font-family:"pingfang SC","Helvetica Neue","Open Sans","Microsoft YaHei","Hiragino Sans GB",Arial}
}
/* 背景 */
#expired{background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:linear-gradient(50deg,rgba(0,0,0,.8) 20%,rgba(0,0,0,.4) 100%)}
@media screen and (max-width:960px){
	#expired{background-attachment:local}
}
/* 头部 */
header{position:fixed;z-index:9991;padding-top:25px;width:100%;color:rgba(255,255,255,.7)}
header .logo{display:flex;height:100%;align-items:flex-start;justify-content:flex-start}
header .logo img{width:200px;height:auto;opacity:.7}
header .publicize{display:flex;height:100%;align-items:flex-end;justify-content:flex-end;flex-direction:column}
header .publicize h1{font-weight:400;font-size:1.75rem}
header .publicize .fa{font-size:80%}
header .publicize .fa-quote-left{margin-right:.5rem}
header .publicize .fa-quote-right{margin-left:.5rem}
header .publicize h2{font-weight:400;font-size:15px}
@media screen and (max-width:960px){
	header .logo{padding-top:15px;padding-bottom:25px;justify-content:center}
	header .publicize{text-align:center;align-items:center}
}
@media screen and (max-width:576px){
	header .publicize h1{font-size:15px}
	header .publicize h2{font-size:12px}
	header .publicize .fa{display: none;}
}
/* 内容 */
.warning{position:relative;left:0;z-index:9990;display:flex;height:100%;color:#fff;align-items:center;justify-content:flex-start}
.warning .icon{text-align:right}
.warning .icon .fa{color:#ffeb3b;font-size:5rem}
.warning h1{font-weight:300;font-size:2.25rem}
.warning h2{color:#eee;text-transform:capitalize;font-weight:400;font-size:1.25rem}
.warning .button{margin-top:2rem}
.warning .online,.warning .website,.warning .wechat{display:inline-block;padding:3px 2rem;border:1px solid #fff;color:#000;vertical-align:top;text-align:center;font-size:14px;line-height:40px;transition:all .5s ease 0s}
.warning .fa{margin-right:.2rem;font-size:14px}
.warning .website{color:#fff}
.warning .online,.warning .wechat{background:#fff;cursor:pointer}
.warning .website:hover{background:#fff;color:#000}
.warning .online:hover,.warning .wechat:hover{border:1px solid #2f5fee;background:#2f5fee;color:#fff}
@media screen and (max-width:960px){
	.warning .icon{padding-bottom:25px;text-align:center}
	.warning h1,.warning h2{text-align:center}
	.warning .button{text-align:center}
}
@media screen and (max-width:576px){
	.warning .icon .fa{font-size:3rem}
	.warning h1{font-size:1rem}
	.warning h2{font-size:12px}
	.warning .website{margin-bottom:5px;width:calc(90% + 5px)}
	.warning .online,.warning .wechat{width:45%}
}
/* 底部 */
footer{position:fixed;bottom:15px;left:0;z-index:9991;color:rgba(255,255,255,.7);font-size:12px}
footer a{color:rgba(255,255,255,.7)}
footer a:hover{color:#fff}
footer p{margin-bottom:.5rem}
footer span{margin-right:8px;padding-right:8px;border-right:1px solid rgba(255,255,255,.2)}
footer span:last-child{border-right:0 solid rgba(255,255,255,.1)}
@media screen and (max-width:960px){
	footer{text-align:center}
	footer span{margin-right:3px;padding-right:3px}
}
/* 微信弹出 */
.hw-overlay{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.8)}
.hw-layer-wrap{position:absolute;top:50%;left:50%;box-sizing:border-box;padding:5px;border-radius:3px;background-color:#fff;transform:translate(-50%,-50%)}
.hw-layer-wrap span{display:block;margin:10px 0;color:#333;text-align:center;font-size:14px}
.hw-layer-wrap img{width:200px;height:200px}
@media (max-width:575.98px){
	.hw-layer-wrap img{width:150px;height:150px}
}