/*
* @Author: jason
* @Date:   2017-06-12 20:06:55
* @Last Modified by:   jason
* @Last Modified time: 2019-01-04 17:04:33
*/
@charset "utf-8";

body {
  margin-top: 46px;
  background-color: #fff;
  -webkit-transition: 500ms;
          transition: 500ms;
}
body,
.w {
  width: 100%;
  min-width: 320px;
  max-width: 100%;
}
.footer {
  background: #fafafa;
}

/* openapp */
.openapp {
  position: fixed;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid #efefef;
  background-color: #fafafa;
  -webkit-transition: 500ms;
          transition: 500ms;
}
.openapp .wrap {
  position: relative;
  padding: 5px 40px 5px 10px;
}
.openapp .logo {
  height: 36px;
  background: url('../../../images/wslf/wap/openapp_logo.png') no-repeat;
  background-size: auto 100%;
}
.openapp .btn {
  position: absolute;
  top: 50%;
  right: 32px;
  padding: 5px 12px;
  font-size: 16px;
  color: #fff;
  border-radius: 50px;
  background-color: #e64a46;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.openapp .active { background-color: #dd3732; }
.openapp .close {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: 12px;
  height: 12px;
  text-indent: -999em;
}
.openapp .close:before,
.openapp .close:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #3d5070;
}
.openapp .close:before {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.openapp .close:after {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}