/* CSS reset */
html{color:#000;background:#FFF;font-family:Arial,'Microsoft Yahei';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:Arial,'Microsoft Yahei';}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; color:inherit; outline:none;}/*此处待添加默认链接颜色*/
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{-webkit-text-size-adjust:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix:after{content:'\200B';display: block;height: 0;clear: both;overflow: hidden;}
.clearfix {*zoom: 1}
.margin-bottom-20{margin-bottom: 20px;}
.font12{font-size: 12px;}

/* 公共 */
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-box-sizing: border-box;-moz-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box;tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;}
html,body{height: 100%;}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.tip-main {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
}
.tip-main .mask-box {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  position: absolute;
  left: 0;
  top: 0;
}
.tip-main .hint {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40%;
  margin-top: -60px;
  width: 80%;
  height: 160px;
  background-color: #fff;
  border-radius: 5px;
}
.tip-main .hint .txt {
  text-align: center;
  color: #717171;
  padding: 30px 10px;
}
.tip-main .hint .txt1 {
  height: 80px;
  line-height: 35px;
  text-align: center;
  color: #717171;
  padding: 10px 10px;
}
.tip-main .hint .btn {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.tip-main .hint .btn span {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #F8F9F8;
  color: #3399cc;
  display: inline-block;
  text-align: center;
  border-top: 1px #F0F1F0 solid;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
}
.icp {
  width: 100%;
  height: 30px;
  margin-top: 10px;
}
.icp p {
  text-align: center;
  color: #8d8d8d;
  font-size: 12px;
  position: relative;
  top: 9px;
}
.warning {
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 30px;
}
.warning p {
  text-align: center;
  color: #8d8d8d;
  font-size: 12px;
  position: relative;
  top: 9px;
}

@media screen and (min-width: 640px) {
  .tip-main {
    width: 720px;
    left: 50%;
    margin-left: -360px;
  }
  .icp {
    width:720px;
  }
  .warning {
    width:720px;
  }
}