@charset "utf-8";
/* ------------------------------------------------------------------------
Global Normalizing Styles
------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, abbr,
acronym, address, cite, code, del, dfn, em, img,
ins,strike, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, object,
table, col, colgroup, caption, summary, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; background:transparent;}
input, button {margin:0; padding:0;}
body {color:#666; font-size:12px; font-family:Arial,Helvetica,sans-serif;line-height:24px; text-align:center; margin:0 auto; background:#fff url(../images/sgbg.jpg) top center no-repeat; text-align:center; font-family:"宋体"; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl,input,select {text-align:left;font-weight:normal; font-family:Arial,Helvetica,sans-serif;}
ol, ul {list-style:none;}
select,input[type="submit"] {cursor:pointer;}
*+html img {margin-bottom:0!important;} /* Fix IE7 */
/* @media all and (min-width: 0px){img {margin-bottom:-2px!important;}}  Fix Opera */
textarea {overflow:auto;}
.hidden{display:none;}
.center{ text-align:center; }
.left,.sub_left{ float:left; }
.right,.sub_right{ float:right; }
img{vertical-align:middle;}
.mo{position:absolute;right:0;bottom:0; color:#999}
*{box-sizing: border-box;margin:0;padding:0;}
body{padding:0;margin:0;}

/* ------------------------------------------------------------------------
Custom
------------------------------------------------------------------------- */
/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
abbr {cursor:help; border-bottom:1px dotted #999;}
acronym {cursor:help; border-bottom:1px dotted #999;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}

/* ------------------------------------------------------------------------
Links
------------------------------------------------------------------------- */

a:link { color:#666; text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #666; }
a:active { text-decoration: none; color: #666; }



/* ------------------------------------------------------------------------
Hacks
------------------------------------------------------------------------- */
/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */
/* without this class applied, a float might hang over the bottom border of it's container */
.clear {height:0; clear:both; line-height:0; font-size:0;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.more{ position:absolute;right:25px; }
* html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
* html .clear {margin:0 0 -2px;}
/* same top*/

.slts{

}
#slts{
  position: absolute; left: 2vw; top: 200px;background:url(/images/slts.png) no-repeat;display:block;width:68px;height:85px;
  cursor: pointer;
}
.ck_hidden{display:none;}
.slts_close{
  position: absolute;
  right: 8px;
  top: 4px;
  background: url(/images/close.png) no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.slts_con{display: none; }
.slts_content{
  position: fixed;
  width: 700px;
  z-index: 999;
  margin: 0 auto;
  top: 252px;
  left: calc(50vw - 350px);
  background: #0f0e0e;
  padding: 27px;
  font-size: 1.2em;
  border-radius: 10px;
  opacity: 0;
  line-height: 1.5em;
}
.slts_content p{
  padding: 8px;
  color: white;
}
.slts_content h2{
  padding: 8px 0 10px 0;
  text-align:center;
  color: red;
}


.slts_fade{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 990;
  background: #000000ad;
  top: 0;
}

.ck_hidden:checked ~ .slts_con{
  display: block;
}
.ck_hidden:checked ~ .slts_con>.slts_content{
  opacity: 1;
}
.flex{display: flex;justify-content: center; align-items: center;  }
.fixed{position: fixed; top: 0px; height: 100%; width: 100%; }
.close_target{position: absolute; top:10px; right: 10px; width: 70px;height: 70px;display: block;}