html{ font-family: sans-serif; } html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{ margin:0; border:0; padding:0; font-style:normal; } ol,ul{ list-style:none; } a:active, a:hover { outline: 0; } a, a:visited{ text-decoration:none; } input::-webkit-input-placeholder { color: rgba(255,255,255,.9); } .mr10{margin-right: 10px;} .mr15{margin-right: 15px;} .ml10{margin-left: 10px;} .ml15{margin-left: 15px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mb10{margin-bottom: 10px;} .mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;} .f12{font-size: 12px;} .f13{font-size: 13px;} .f14{font-size: 14px;} .f15{font-size: 15px;} .f16{font-size: 16px;} .tc{text-align: center;} /*滚动条样式*/ ::-webkit-scrollbar{ width: 2px; } ::-webkit-scrollbar-thumb{ border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.2); background: rgba(255,255,255,.3); } ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2); border-radius: 0; background: rgba(0,0,0,.1); } /*提示样式*/ #hit{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(0,0,0,.3); display: flex; align-items: center; justify-content: center; z-index: 999; } .hit-wrap{ max-width: 80%; background: rgba(255,255,255,1); padding: 0 10px; display: flex; flex-direction: row; align-items: center; font-size: 0; border-radius: 5px; } .hit-wrap img{ vertical-align: middle; width: 30px; height: 30px; -moz-user-select: none; -khtml-user-select: none; user-select: none; } .hit-wrap .hit-text{ flex: 1; padding: 5px 0; -moz-user-select: none; -khtml-user-select: none; user-select: none; } #win{ background: url(../img/timg_5.png) no-repeat; background-size: cover; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; margin: auto; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; }