@charset "UTF-8";

/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption {font-size: 1em; font-weight: normal; font-style: normal;}
fieldset,iframe,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display: block;}
ul,li,ol,dl,dt,dd {list-style: none;}

/*scrollbar*/

html {scrollbar-face-color:#97aac1;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#97aac1;
scrollbar-darkshadow-color:#97aac1;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#d7e0eb;}
::-webkit-scrollbar {width: 5px;height: 5px;}                        
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {border-radius: 999px;border:0px solid transparent;}
::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(100,100,100,.7) inset;}
::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(100,100,100,.5) inset;}
::-webkit-scrollbar-corner {background:;transparent}

/*baes*/

body {font-family:tahoma,"\5B8B\4F53"; font-size:12px;color:#555;}
h1,h2,h3,h4,h5,h6 {font-family:tahoma,"\5FAE\8F6F\96C5\9ED1";}
img {border: none;}
a {text-decoration: none;color: #f60;font-weight: bold;}
a:hover {text-decoration: underline;color: #06f;}
a:focus,input:focus {outline:none;}
a * {cursor: pointer;}
.gehang {height: 20px;width: 20px;clear: both;}
/* 网站局中盒子样式 */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}



#main {width: 500px;margin: 100px auto;user-select:none;}
#bar_bg {height: 14px;width: 500px;border-radius:7px;background: #e8e8e8;position: relative;}
#bar_click {height: 20px;width: 20px;border-radius: 10px;background: #06f;
margin-left: -10px;position: absolute;top: -3px;left: 0;cursor: pointer;box-shadow: 0 0 4px #000;border: 1px solid #5c9dff;}
#bar_percent {height: 14px;border-radius: 7px;background: #f60;width: 0;}
#bar_input {padding-top: 20px;font-size: 18px;}

.main {width: 600px;margin: auto;}
.main h1 {text-align: center;font-size: 24px;padding: 20px 0;color: #f60;}
.main p {text-indent: 2em;line-height: 2;padding: 5px 0;}
#copy {width: 600px;margin: auto;text-align: center;}