﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0;max-width:100%!important;word-wrap:break-word;word-break:break-all}
body{font-family:微软雅黑,Helvetica,"Microsoft YaHei",sans-serif;font-size:.6725rem;line-height:1.6;color:#000;background:#fff;letter-spacing:1px}
blockquote{padding:0 15px;color:#666;border-left:4px solid #ddd}
pre{background:#f7f7f7;margin:1.25rem 0;padding:.9375rem;overflow:auto;color:#4d4d4c;line-height:1.75}
pre code{background:0 0;text-shadow:none;padding:0;margin:0}
code{background:#eee;text-shadow:0 1px #fff;padding:0 .25rem;margin:0 .25rem;color:#555}
embed{display: none;}
hr{margin:40px 0;height:1px;background-color:#ddd}
ol,ul{list-style:none}
a{color:#000;text-decoration:none}
a.active,a:hover{color:#666;outline:0;transition:.2s ease-in-out}
p{margin:0 0 15px 0}
h1,h3,h4,h5,h6{font-weight:400;margin:.75rem 0 .625rem}
h1{font-size:1.125rem;line-height: 0.25;margin:0}
h2{font-size:1.175rem}
h3{font-size:1.1875rem}
h4{font-size:1rem;border-left:3px solid #777;padding-left:8px}
#h{height:124px;width:100%;background:#f5f5f5;border-bottom:1px solid #e1e2e3;font-size:.8125rem;margin:0 auto}
#comments,.p{padding:0 1.25rem}
.w1{width:777px}
#nav{margin:auto;position:relative;height:100%}
#nav::after{clear:both;content:"";display:block}
.x{display:none}
.logo{position:absolute;top:42px;left:18px;font-size:1.5rem;font-weight:700;bottom:auto}
.logo a:hover{text-decoration:none}
#nav ul{position:absolute;right:10px;top:51px}
#nav ul li{display:inline-block;float:left}
#nav ul a{display:block;padding:2px .625rem}
#nav ul a:hover{background:#ddd;text-decoration:none}
#m{margin:auto;padding-top:.125rem}
.p{margin:1.2rem 0}
.p ol,.p ul{list-style-type:circle;padding-left:1.5rem;margin-bottom:1.25rem}
.p ol{list-style-type:decimal;padding-left:2rem}
.p u{color:#b00}
.s .pt{text-align:center;margin:3.75rem 0 3.25rem 0}
.pm,.pm a,small{font-size:.6rem;text-align:center;}
.pm{margin-top:.75rem}
.pp{margin:0.25rem 0;text-align:center;}
.pp img{display:block;margin:.875rem 0;max-width:100%;height:auto}
.pp h2,.pp h3,.pp h4{padding:.625rem 0 .9375rem}
.s .pp a:before{vertical-align:super;color:#b00;font-size:.5625rem}
.s .pp a{border-bottom:1px dashed #c00}
.s .pp a:hover{border-bottom:1px solid #aaa}
.album img{display:block;max-width:75%;width:75%;margin:.875rem auto}
.ptg{margin:2rem 0 1rem 0}
.ptg a{font-size:.8125rem;margin-right:10px;background:#f5f5f5;line-height:2.75}
.ptg a:before{content:'# '}
.ptg a:hover{background:#ccc}
.pnv{overflow:hidden;margin-top:60px;padding:10px;white-space:nowrap;border-top:1px solid #eee}
.pnv a:hover{font-weight:700}
.pnv .next,.pnv .prev{display:inline-block;width:50%;white-space:normal}
.pnv .prev{text-align:left}
.pnv .next{text-align:right}
.page-navigator{text-align:center;margin-bottom:3.2rem}
.page-navigator li{display:inline-block;margin-right:1px}
.page-navigator li a{padding:5px 1rem}
.page-navigator li a:hover,.page-navigator li.current a{background:#ddd;text-decoration:none;border-bottom:1px solid #aaa}
#f{border-top:1px solid #e1e2e3;padding:3.5rem 0;text-align:center;background:#f5f5f5;font-size:.8125rem}
.guanggao{padding:15px 0px;width:100%;}
.input {
  border: 1px solid #ddd;
  padding: 0 10px;
  width: 66%;
  height: 40px;
  transition: 0.3s;
  font-weight: normal;
  box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  outline: none;
}
.input:valid {
  padding-left: 42px;
  border-color: green;
}
.input:valid + label {
  color: green;
}
.button {
  border: 2px solid #5B8888;
  padding: 0 10px;
  width: 45%;
  height: 42px;
  border-radius: 4px;
  padding:10px 2px;
  outline: none;border-color: #113333;
background:#009999;color:#FFFFFF;font-weight:500;font-size:.7525rem;
}
.button:hover {
    background-color: #113333;
    color: #AACCCC;font-weight:700;
}
.button:focus {
  padding-left: 30px;
}

.button:focus + label:before {
  transform: rotateY(0deg);
}
.input[type='number']::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
.input[type="number"]{-moz-appearance:textfield;}
.jieguo {
color:#FFD700;font-size:.7625rem;background:#121212;text-align:center;line-height:3;width: 86%;margin:0 auto;letter-spacing:0.1px;padding:0 2px;
}
.waihui1 {color:#FF4500;}
.waihui2 {color:#8A2BE2;}
@media only screen and (max-width:767px){.pm{margin-top:1.1rem}
h1{font-size:.675rem}
h2{font-size:1.125rem}
h3{font-size:1.125rem}
.logo{top:7px;font-weight:normal;}
.w1{width:auto}
#m{margin:0}
#h{height:45px}
#nav ul{z-index:2;display:none;top:45px;left:0;width:100%;box-shadow:0 10px 10px rgba(0,0,0,.2)}
#nav ul li{display:block;float:none}
.x{display:block;position:absolute;right:20px;top:10px;width:22px;height:22px;padding:0}
.x div{position:relative}
.x span{display:block;position:absolute;background-color:#25283D;height:2px;width:22px;transition:transform .2s;top:10px}
.x .t{top:4px}
.x .b{top:16px}
.o .t{top:10px;transform:rotate(45deg)}
.o .b{top:10px;transform:rotate(-45deg)}
.o .m{background:0}
.o #nav ul{display:block;background:#fff}
.o #nav ul li a{text-align:center;padding:6px 0;border-top:1px solid #f2f2f2}
.p{margin:1rem 0}
.page-navigator{margin-bottom:0.2rem}
.pt{text-align:center}
.s .pt{margin:0}
.album img{display:block;width:auto!important}
#f{padding:1.7rem 0}
}
@media screen and (min-width:800px){html{font-size:100%}
.pm,.pm a,small{font-size:.675rem;text-align:center;}
.pp{font-size:1.025rem!important;margin:0 5px!important;}
.pt{margin:0 5px!important;}
.ptg{margin:0 5px!important;}
.ptg a{line-height:1.15!important;}
.w1{width:66%}
.logo{position:absolute;top:15px;left:18px;font-size:1.5rem;font-weight:700;bottom:auto}
#h{height:70px}
#nav ul{top:20px}
#nav ul a{display:block;padding:2px 15px}
}
@media screen and (min-width:1580px){html{font-size:110%}.pm,.pm a,small{font-size:.75rem;color:#888;}
.pp{font-size:1.125rem!important;margin:0 5px!important;}
.pt{margin:0 5px!important;}
.ptg{margin:0 5px!important;}
.ptg a{line-height:1.15!important;}
.w1{width:66%}
.logo{position:absolute;top:15px;left:18px;font-size:1.5rem;font-weight:700;bottom:auto}
#h{height:80px}
#nav ul{top:25px}
#nav ul a{display:block;padding:2px 15px}
}