:root{font-size:18px;--page-width:1000px;--page-color:#333;--link-color:#09c;--h1-color:#e80;--h2-color:#357;--hl-margin-top:0.5rem;--hl-margin-bottom:0.1rem}/*可选--link-color:#37a。ie11不兼容变量用法*/
body{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color:#333;background-color:#fff;line-height:1.62;margin:0.5rem 0}

div.mainbox{position:relative;background-color:#fafafc}
@media screen and (max-width:1200px){
div.mainbox{width:100%;}
}
@media screen and (min-width:1201px){
div.mainbox{width:1200px;margin:0 auto}
}

.dodge{position:absolute;top:0px;pointer-events:none;z-index:1}
.hd-dodge{width:1rem;height:2.5rem}
.hd-dodge.left{left:0px;background:linear-gradient(to left,rgba(0,0,0,0),rgba(51,85,119,1))}
.hd-dodge.right{right:0px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(51,85,119,1))}

.horizontal-roll{overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.horizontal-roll::-webkit-scrollbar{display:none}
.ht-style{background:#357;color:#ccc;padding:0.5rem 1rem}
.header{list-style-type:none;margin:0}
.header li{display:inline-block;margin-right:2%}
.header a:link,.header a:visited,.header a:active{color:#ccc;}.header a:hover{color:#fff;background:none}
@media screen and (min-width:700px){
.header .right{float:right}
.tail{text-align:right}
table.data {width:90%}
}

.content{margin-bottom:1rem;padding:0 0.5rem}
.clear{clear:both}
table{border-collapse:collapse;line-height:inherit;margin:0.5rem auto}
table.messagebox{width:40%;background:#eef6ff}
table.data tr.head,table.data tr:hover{background-color:#eef6ff}
table.data tr.head td{font-weight:bold}
table.data td{border:1px solid #333}
a{text-transform:none;text-decoration:none}
a:link{color:#09c}
a:visited{color:#68a}
a:hover,a:active{color:#fff;background:#09c}
a.incimg:hover,a.incimg:active{background:none}
a img:hover{filter:brightness(120%)}
img{margin-right:0.5rem}
div.headline{text-align: center}
h1,h2,h3{color:#e71;margin:2rem 0 0.5rem}
h1{font-size:1.5rem;text-align:center}
h2{font-size:1.3rem}
h3{font-size:1.0rem}
.h1-bgcolor{position:relative;left:-0.5rem;background-color:#eef6ff;text-align:left;width:calc(100% + 0.5rem * 2);padding-left:1rem;box-sizing:border-box}
.h1-bgcolor span,.h1-bgcolor a{margin-right:5%}
.pin{position:relative}
.h1-dodge{width:1rem;height:calc(1rem * 1.5 * 1.5)}
.h1-dodge.left{left:-0.5rem;background:linear-gradient(to left,rgba(0,0,0,0),rgba(238,246,255,1))}
.h1-dodge.right{right:-0.5rem;background:linear-gradient(to right,rgba(0,0,0,0),rgba(238,246,255,1))}

p{margin:0.5rem 0}
span.hint{color:crimson}
span.nowrap{white-space:nowrap}
input.bttn{position:relative;left:20%;padding:2px;cursor:pointer;color:#fff;background-color:#e80;border-color:#f70;text-align:center;border-width:2px}
input.box,textarea{outline:none;border:1px solid #333}
label{display:inline-block;width:8em;text-align:right}
form[action*="paypal"] input[type="image"]{display:block}/*inline-block属性元素：input、button、textarea、select、img，因line-height下边会有空白，将其转为：display:block。[]选择符需要html5支持*/

.thum-img{width:200px;cursor:pointer}
#bgImg{display:none;position:absolute;top:0px}

/*谷歌广告*/
ins[data-ad-format*="rectangle"]{display:block;margin:0.5rem auto}
@media (max-width:600px){
 ins[data-ad-format*="rectangle"]{width:100%}
}
@media (min-width:601px){
 ins[data-ad-format*="rectangle"]{float:right;min-width:250px;max-width:600px;width:60%}
}

ins[data-ad-format*="horizontal"]{clear:both;display:block;width:100%;margin:0.5rem auto}