html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
body {width: 100%;height: 100%;font-size: 16px; color: #fff;line-height: 24px;background: #fff;min-height: 100%;font-family: 'microsoft yahei', '微软雅黑', arial, sans-serif;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;width: 100%;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i,strong {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #fff;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.dn{display: none;}
.over{overflow: hidden;border-radius: 10px;}

.footer .link {
  padding: 20px 0;
  background: #f8f8f8;
}

.footer .link .link-box:first-child {
  margin-bottom: 20px;
}

.footer .link .link-box.join {
  padding-left: 80px;
}

.footer .link .link-box.join a {
  font-size: 14px;
  color: #0073dd;
}

.footer .link .link-box span,
.footer .link .link-box a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  color: #404040;
  letter-spacing: 0;
}

.footer .link .link-box span {
  font-weight: bold;
  font-size: 16px;
}

.footer .link .link-box a {
  font-size: 14px;
}

.footer .link .link-box a:last-of-type {
  margin-right: 0;
}

.footer .link .link-box a:hover {
  color: #ef4c21;
}

.footer .bottom {
  background: #333333;
  padding: 14px 0;
  border-top: 1px solid #3d3d3d;
}

.footer .bottom .tip {
  margin-top: 20px;
  color: #e0e0e0;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}

.footer .bottom .tip a {
  font-size: 14px;
  color: #e0e0e0;
  margin: 5px;
}

.footer .bottom .tip img {
  display: block;
  width: 124px;
  height: 47px;
  margin: 0 auto;
}

.toolbar {
  display: none;
  position: fixed;
  padding: 0 6px;
  left: 50%;
  bottom: 200px;
  margin-left: 630px;
  border: 1px solid #dcddde;
  border-radius: 2px;
  background: #fff;
}

.toolbar .h-box {
  position: relative;
  width: 36px;
  height: 54px;
  border-top: 1px solid #dcddde;
  line-height: 54px;
  line-height: 70px;
  text-align: center;
}

.toolbar .h-box i {
  display: inline-block;
}

.toolbar .h-box i:before {
  font-size: 30px;
}

.toolbar .h-box:hover i:before {
  color: #0073dd;
}

.toolbar .h-box.phone {
  border-top: none;
}

.toolbar .h-box.phone:hover .qrcode-box {
  display: block;
}

.toolbar .h-box.phone .qrcode-box {
  display: none;
  position: absolute;
  padding-right: 20px;
  right: 30px;
  top: 0;
}

.toolbar .h-box.phone .qrcode-box .qrcode {
  width: 100px;
  height: 100px;
  border: 1px solid #f2f2f2;
  padding: 10px;
}