@charset "UTF-8";
body {
  font-family: '微软雅黑';
  line-height: 0.31111rem;
  position: relative;
  margin: 0 auto;
  margin: 0 0;
  padding: 0 0;
  color: #555;
  background: #eee;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  text-decoration: none;
  color: #555;
  outline-width: medium;
  outline-style: none;
  outline-color: invert; }

a:link {
  text-decoration: none; }

a:hover {
  color: #ea005f; }

a img {
  border: 0; }

a {
  blr: expression(this.onFocus=this.blur()); }

a {
  outline: none; }

a:focus {
  outline: none; }

input {
  -webkit-appearance: none; }

h1,
h2,
h3,
h4,
ul,
li,
div,
p,
span,
b,
i,
input,
select {
  margin: 0;
  padding: 0; }

ul,
li,
dl,
dd,
dt {
  margin: 0;
  padding: 0;
  list-style: none; }

em {
  font-style: normal; }

a img {
  border: none; }

.clear {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0; }

.blue {
  color: #006ea5; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.songti {
  font-family: '宋体'; }

.wrap {
  position: relative;
  display: none;
  overflow: hidden;
  width: 16rem;
  min-height: 25.35556rem;
  margin: 0 auto;
  background: #fff; }

.header {
  position: relative;
  height: 2.62222rem;
  text-align: center;
  background-color: #f9c700; }

.logo {
  position: relative;
  top: 0.48889rem;
  left: 2.46667rem;
  overflow: hidden;
  width: 4.15556rem;
  height: 1.64444rem;
  background-position: -6.82222rem 0;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.ad-word {
  font-size: 0.48889rem;
  font-weight: 500;
  line-height: 1rem;
  position: absolute;
  top: 0.86667rem;
  right: 2.15556rem;
  width: 6.88889rem;
  height: 1rem;
  color: #000; }

.ad-word span {
  font-size: 0.55556rem;
  font-weight: bold;
  color: #df008f; }

/*DIY图*/
.diy {
  position: relative;
  height: 8.95556rem; }

.diy-panel {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 16rem;
  height: 8.95556rem; }

.diy-brand-name {
  font-size: 0.88889rem;
  font-weight: bold;
  line-height: 2.13333rem;
  position: relative;
  z-index: 2;
  top: 0.8rem;
  overflow: hidden;
  max-width: 12rem;
  max-height: 2.13333rem;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.22222rem;
  color: #fff; }

.brand-size {
  position: relative;
  height: 1.37778rem;
  background: #f9c700; }

.brand-size-icon {
  position: absolute;
  top: 0.31111rem;
  left: 1.51111rem;
  width: 0.68889rem;
  height: 0.68889rem;
  background-position: -6.6rem -11.51111rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.brand-size-tip {
  font-size: 0.48889rem;
  line-height: 1.37778rem;
  position: absolute;
  left: 2.4rem;
  color: #000; }

.brand-size-con {
  position: absolute;
  top: 0.22222rem;
  right: 1.22222rem;
  width: 7.42222rem;
  height: 0.91111rem; }

.brand-size-input {
  position: relative;
  float: left;
  width: 3.22222rem;
  height: 0.91111rem;
  background: #fff;
  -webkit-border-radius: 0.66667rem;
  -moz-border-radius: 0.66667rem;
  -ms-border-radius: 0.66667rem;
  -o-border-radius: 0.66667rem;
  border-radius: 0.66667rem; }

.size-input {
  font-size: 0.44444rem;
  line-height: 0.46667rem;
  float: left;
  width: 1.73333rem;
  height: 0.46667rem;
  padding: 0.22222rem 0.24444rem;
  text-align: center;
  color: #000;
  border: none;
  outline: none;
  background: none; }

.unit {
  font-size: 0.44444rem;
  line-height: 0.64444rem;
  float: left;
  width: 0.86667rem;
  height: 0.64444rem;
  margin-top: 0.11111rem;
  text-align: center;
  color: #000;
  border-left: 0.02222rem solid #b2b2b2; }

.mulpti-icon {
  font-size: 0.53333rem;
  float: left;
  width: 0.53333rem;
  height: 0.62222rem;
  margin: 0 0.22222rem;
  margin-top: 0.33333rem;
  margin-right: 0.06667rem;
  color: #fff; }

/*选项卡*/
.tab-icon {
  font-size: 0;
  position: relative;
  width: 12.48889rem;
  height: 2.84444rem;
  margin: 0 auto;
  padding-top: 0.71111rem; }

.tab-icon .icon-list {
  font-size: 0.46667rem;
  display: inline-block;
  width: 2.08889rem;
  height: 2.84444rem;
  margin: 0 1.55556rem;
  cursor: pointer;
  text-align: center;
  color: #000; }

.tab-icon-sign {
  display: block;
  width: 1.86667rem;
  height: 1.86667rem;
  margin: 0 auto;
  margin-bottom: 0.35556rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.tab-icon .icon-list:nth-child(1) {
  margin-left: 0; }

.tab-icon .icon-list:nth-child(3) {
  position: relative;
  margin-right: 0; }
  .tab-icon .icon-list:nth-child(3):after {
    font-size: 0.33333rem;
    line-height: 0.44444rem;
    position: absolute;
    z-index: 99;
    top: 0;
    right: -0.22222rem;
    width: 0.88889rem;
    height: 0.44444rem;
    content: '估价';
    border: 0.02222rem solid #000;
    background-color: yellow;
    -webkit-border-radius: 0.11111rem;
    -moz-border-radius: 0.11111rem;
    -ms-border-radius: 0.11111rem;
    -o-border-radius: 0.11111rem;
    border-radius: 0.11111rem; }

.tab-icon .icon-list:nth-child(1) .tab-icon-sign {
  background-position: 0 0; }
  .tab-icon .icon-list:nth-child(1) .tab-icon-sign.active {
    background-position: 0rem -2.08889rem; }

.tab-icon .icon-list:nth-child(2) .tab-icon-sign {
  background-position: -2.08889rem 0; }
  .tab-icon .icon-list:nth-child(2) .tab-icon-sign.active {
    background-position: -2.08889rem -2.08889rem; }

.tab-icon .icon-list:nth-child(3) .tab-icon-sign {
  background-position: -4.15556rem 0; }
  .tab-icon .icon-list:nth-child(3) .tab-icon-sign.active {
    background-position: -4.15556rem -2.08889rem; }

/*面板材料*/
.panel-con {
  width: 13.77778rem;
  height: 6.82222rem;
  margin: 0 auto;
  margin-top: 0.68889rem; }

.panel-list {
  font-size: 0;
  height: 4.08889rem;
  border-bottom: 0.06667rem solid #b3b3b4; }

.panel-list li {
  font-size: 0.46667rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
  overflow: hidden;
  width: 2.8rem;
  height: 4.08889rem;
  margin: 0 0.8rem;
  cursor: pointer;
  color: #000; }

.panel-sign-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 2.8rem;
  background-color: #b3b3b3;
  -webkit-border-radius: 90%;
  -moz-border-radius: 90%;
  -ms-border-radius: 90%;
  -o-border-radius: 90%;
  border-radius: 90%; }
  .panel-sign-bg.active {
    background-color: #d11677; }

.panel-icon-sign {
  position: relative;
  z-index: 2;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  margin-bottom: 0.31111rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.panel-list li:nth-child(1) {
  width: 4.11111rem;
  margin-left: 0; }
  .panel-list li:nth-child(1) .panel-icon-sign {
    width: 4.11111rem;
    background-position: 0 -8.57778rem; }
  .panel-list li:nth-child(1) .panel-icon-name {
    margin-left: 0.55556rem; }

.panel-list li:nth-child(2) {
  width: 3.33333rem; }
  .panel-list li:nth-child(2) .panel-icon-sign {
    width: 3.33333rem;
    background-position: -4.8rem -8.57778rem; }
  .panel-list li:nth-child(2) .panel-icon-name {
    margin-left: 0.53333rem; }

.panel-list li:nth-child(3) {
  width: 2.8rem;
  margin-right: 0; }
  .panel-list li:nth-child(3) .panel-icon-sign {
    background-position: -9.17778rem -8.57778rem; }
  .panel-list li:nth-child(3) .panel-icon-name {
    margin-left: 0.55556rem; }

.color {
  width: 14.13333rem;
  height: 2.71111rem;
  margin: 0 auto;
  margin-top: 0.28889rem; }

.color-title {
  font-size: 0.46667rem;
  line-height: 0.6rem;
  height: 0.6rem;
  text-align: center;
  color: #000; }

.color-list {
  font-size: 0;
  width: 14.13333rem;
  height: 1.44444rem;
  margin-top: 0.26667rem; }

.color-list a {
  display: inline-block;
  width: 1.44444rem;
  height: 1.44444rem;
  margin: 0 0.53333rem;
  border: 0.06667rem solid #fff;
  -webkit-border-radius: 0.33333rem;
  -moz-border-radius: 0.33333rem;
  -ms-border-radius: 0.33333rem;
  -o-border-radius: 0.33333rem;
  border-radius: 0.33333rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .color-list a.active {
    border: 0.06667rem solid #e2007f; }

.color-list a:nth-child(1) {
  margin-left: 0;
  background: #e40012; }

.color-list a:nth-child(2) {
  background: #ffef00; }

.color-list a:nth-child(3) {
  background: #182986; }

.color-list a:nth-child(4) {
  background: #8cc11f; }

.color-list a:nth-child(5) {
  background: #000; }

.color-list a:nth-child(6) {
  margin-right: 0;
  background: #fff; }

.color-list a.six {
  border: 0.06667rem solid #b4b4b5; }
  .color-list a.six.active {
    border: 0.06667rem solid #e2007f; }

/*可选配件*/
.fitting {
  display: none;
  width: 14.44444rem;
  height: 6.17778rem;
  margin: 0 auto;
  margin-top: 1.28889rem;
  font-size: 0; }

.fitting-list li {
  font-size: 0.46667rem;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 3.82222rem;
  height: 6.17778rem;
  margin: 0 0.73333rem;
  cursor: pointer;
  text-align: center;
  color: #000; }

.fitting-sign-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 3.77778rem;
  height: 3.77778rem;
  background-color: #b3b3b3;
  -webkit-border-radius: 90%;
  -moz-border-radius: 90%;
  -ms-border-radius: 90%;
  -o-border-radius: 90%;
  border-radius: 90%; }
  .fitting-sign-bg.active {
    background-color: #d11677; }

.fitting-icon-sign {
  position: relative;
  z-index: 2;
  display: block;
  width: 3.8rem;
  height: 4.02222rem;
  margin-bottom: 0.88889rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.fitting-list li:nth-child(1) {
  margin-left: 0; }

.fitting-list li:nth-child(3) {
  margin-right: 0; }

.fitting-list li .O {
  background-position: 0rem -4.26667rem; }

.fitting-list li .I {
  background-position: -4.46667rem -4.26667rem; }

.fitting-list li .H {
  background-position: -8.91111rem -4.26667rem; }

.fitting-list li .X {
  background-position: -12.68889rem -4.26667rem; }

/*文字输入*/
.enter-word {
  display: none;
  width: 14.13333rem;
  height: 7.11111rem;
  margin: 0 auto;
  margin-top: 0.44444rem; }

.enter-word-input {
  font-size: 0.75556rem;
  line-height: 1.31111rem;
  width: 13.53333rem;
  height: 1.31111rem;
  margin: 0 auto;
  padding: 0.22222rem 0.22222rem;
  text-align: center;
  border: 0.04444rem solid #f9c700;
  outline: none;
  -webkit-border-radius: 0.44444rem;
  -moz-border-radius: 0.44444rem;
  -ms-border-radius: 0.44444rem;
  -o-border-radius: 0.44444rem;
  border-radius: 0.44444rem; }

.enter-phone-input {
  font-size: 0.75556rem;
  line-height: 1.31111rem;
  width: 13.53333rem;
  height: 1.31111rem;
  margin: 0 auto;
  padding: 0.22222rem 0.22222rem;
  text-align: center;
  border: 0.04444rem solid #f9c700;
  outline: none;
  -webkit-border-radius: 0.44444rem;
  -moz-border-radius: 0.44444rem;
  -ms-border-radius: 0.44444rem;
  -o-border-radius: 0.44444rem;
  border-radius: 0.44444rem; }


.evaluate {
  display: block;
  width: 6.08889rem;
  height: 1.93333rem;
  margin: 0 auto;
  margin-top: 0.22222rem;
  cursor: pointer;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #fff;
  background-position: 0 -11.53333rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.mask-closed {
  position: absolute;
  top: -0.93333rem;
  right: -0.93333rem;
  width: 1.88889rem;
  height: 1.88889rem;
  cursor: pointer;
  text-align: center;
  border: 0.11111rem solid #f9c700;
  background: #fff;
  -webkit-border-radius: 90%;
  -moz-border-radius: 90%;
  -ms-border-radius: 90%;
  -o-border-radius: 90%;
  border-radius: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mask-closed span {
  position: relative;
  top: 0.35556rem;
  display: block;
  width: 0.82222rem;
  height: 0.82222rem;
  margin: 0 auto;
  background-color: #fff;
  background-position: -9.13333rem -11.55556rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.mask-win-con {
  width: 11.88889rem;
  margin: 0 auto;
  padding-top: 1.2rem; }

.generate-img {
  width: 100%;
  height: 6.75556rem;
  border: 0.13333rem solid #f9c400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0.44444rem;
  -moz-border-radius: 0.44444rem;
  -ms-border-radius: 0.44444rem;
  -o-border-radius: 0.44444rem;
  border-radius: 0.44444rem; }

.generate-price {
  font-size: 1.08889rem;
  font-weight: bold;
  line-height: 1.28889rem;
  width: 100%;
  height: 1.28889rem;
  margin-top: 1rem;
  text-align: center;
  color: #fac800;
  text-shadow: 4px 0 0 #000; }

.generate-desc {
  font-size: 0.33333rem;
  line-height: 0.46667rem;
  width: 100%;
  height: 1.77778rem;
  text-align: center;
  color: #717071; }

.generate-desc span {
  font-size: 0.46667rem;
  font-weight: bold;
  line-height: 0.8rem;
  display: block;
  height: 0.8rem;
  margin-top: 0.02222rem;
  color: #000; }

.save-your-brand {
  display: block;
  width: 10.11111rem;
  height: 2.43333rem;
  margin: 0 auto;
  margin-top: 0.35556rem;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #fff;
  background-position: 0 -13.43333rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.generate-logo {
  width: 4.46667rem;
  height: 1.93333rem;
  margin: 0 auto;
  margin-top: 1.04444rem;
  background-position: -6.82222rem -2.13333rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

.generate-tel {
  display: block;
  width: 11.644rem;
  height: 1rem;
  margin: 0 auto;
  margin-top: 1rem;
  background-position: 0 -16.26667rem;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  -webkit-background-size: 17.77778rem 17.77778rem;
  -moz-background-size: 17.77778rem 17.77778rem;
  -ms-background-size: 17.77778rem 17.77778rem;
  -o-background-size: 17.77778rem 17.77778rem;
  background-size: 17.77778rem 17.77778rem; }

/*单出窗口*/
.mask-loading {
  position: fixed;
  z-index: 999998;
  top: 0;
  display: none;
  width: 4.44444rem;
  height: 1.22222rem;
  margin-left: 5.77778rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0.22222rem;
  -moz-border-radius: 0.22222rem;
  -ms-border-radius: 0.22222rem;
  -o-border-radius: 0.22222rem;
  border-radius: 0.22222rem; }
  .mask-loading:before {
    font-size: 0.51111rem;
    line-height: 1.22222rem;
    padding-left: 1.11111rem;
    content: '正在估价中...';
    background: url("../images/loading.gif") no-repeat;
    background-position: 0.33333rem 0.04444rem;
    background-size: auto 90%; }

.mask-layer {
  position: fixed;
  z-index: 999997;
  top: 0;
  display: none;
  width: 16rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.mask-win {
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 14.06667rem;
  height: 21.28889rem;
  margin-left: 0.97778rem;
  border: 0.22222rem solid #f9c700;
  background: #fff;
  -webkit-border-radius: 0.44444rem;
  -moz-border-radius: 0.44444rem;
  -ms-border-radius: 0.44444rem;
  -o-border-radius: 0.44444rem;
  border-radius: 0.44444rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mask-win-scale {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.mask-win-show {
  -webkit-animation-name: enlarge;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-nimation-name: enlarge;
  -moz-animation-duration: 0.7s;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-name: enlarge;
  -ms-animation-duration: 0.7s;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-name: enlarge;
  -o-animation-duration: 0.7s;
  -o-animation-timing-function: ease-in-out;
  animation-name: enlarge;
  animation-duration: 0.7s;
  animation-timing-function: ease-in-out; }

.mask-win-shrink {
  -webkit-animation-name: shrink;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-nimation-name: shrink;
  -moz-animation-duration: 0.7s;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-name: shrink;
  -ms-animation-duration: 0.7s;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-name: shrink;
  -o-animation-duration: 0.7s;
  -o-animation-timing-function: ease-in-out;
  animation-name: shrink;
  animation-duration: 0.7s;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes 'enlarge' {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes 'shrink' {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); } }

/*底部*/
.footer {
  position: relative;
  height: 1.33333rem;
  margin-top: 1.82222rem;
  background: #f9c700; }

.tel {
  font-size: 0.64444rem;
  font-style: italic;
  line-height: 1.33333rem;
  position: absolute;
  top: 0;
  left: 2.17778rem;
  height: 1.33333rem;
  color: #000; }
  .tel a {
    color: #000; }

.tel-btn {
  font-size: 0.44444rem;
  line-height: 0.84444rem;
  position: absolute;
  top: 0.24444rem;
  right: 1.66667rem;
  width: 2rem;
  height: 0.84444rem;
  padding-left: 0.11111rem;
  background-color: #ffd940;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  border-radius: 0.2rem; }
  .tel-btn:before {
    display: block;
    float: left;
    width: 0.64444rem;
    height: 0.64444rem;
    margin-top: 0.04444rem;
    margin-left: 0.11111rem;
    content: '';
    background-position: -8rem -11.64444rem;
    background-image: url("../images/icon.png");
    background-repeat: no-repeat;
    -webkit-background-size: 17.77778rem 17.77778rem;
    -moz-background-size: 17.77778rem 17.77778rem;
    -ms-background-size: 17.77778rem 17.77778rem;
    -o-background-size: 17.77778rem 17.77778rem;
    background-size: 17.77778rem 17.77778rem; }
  .tel-btn:after {
    float: right;
    margin-right: 0.22222rem;
    content: '拨打'; }

/*广告页*/
.ad {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 50%;
  width: 16rem;
  height: 100%;
  margin-left: -8rem;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

.ad-href {
  position: absolute;
  z-index: 999;
  display: block;
  width: 16rem;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ad-href img {
  position: absolute;
  top: 0;
  left: 0;
  width: 16rem;
  height: auto;}

.ad-hide {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3); }

.ad-time {
  font-size: 0.53333rem;
  line-height: 1.22222rem;
  position: absolute;
  z-index: 9999;
  top: 0.44444rem;
  right: 0.44444rem;
  width: 3.11111rem;
  height: 1.22222rem;
  cursor: pointer;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 0.22222rem;
  -moz-border-radius: 0.22222rem;
  -ms-border-radius: 0.22222rem;
  -o-border-radius: 0.22222rem;
  border-radius: 0.22222rem; }

.ad-time span {
  display: inline-block;
  width: 0.44444rem; }

.msg-con {
  font-size: 0.73333rem;
  line-height: 2.66667rem;
  position: fixed;
  z-index: 99999999;
  top: 50%;
  margin: 0 auto;
  display: none;
  min-width: 4.44444rem;
  max-width: 14.22222rem;
  height: 2.66667rem;
  margin-top: -1.33333rem;
  padding: 0 0.44444rem;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0.22222rem;
  -moz-border-radius: 0.22222rem;
  -ms-border-radius: 0.22222rem;
  -o-border-radius: 0.22222rem;
  border-radius: 0.22222rem;  }