.wx-dialog {
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 z-index:9999;
 -webkit-box-orient:horizontal;
 -webkit-box-pack:center;
 -webkit-box-align:center;
 background:rgba(0,0,0,0.4);
 display:none
}
.wx-dialog.show {
 display:-webkit-box
}
.wx-dialog-cnt {
 border-radius:3px;
 width:296px;
 -webkit-background-clip:padding-box;
 pointer-events:auto;
 background-color:#fff;
 position:relative;
 /* border-top:4px solid #12B7F5; */
 -webkit-box-sizing:border-box;
 color:#000
}
.wx-dialog-hd {
 width:100%;
 text-align:center;
 min-height:45px;
 display:-webkit-box;
 -webkit-box-pack:center;
 -webkit-box-align:center;
 overflow:hidden;
 border-top-left-radius:3px;
 border-top-right-radius:3px
}
.wx-dialog-bd {
 min-height:46px;
 border-top-left-radius:3px;
 border-top-right-radius:3px;
 padding:18px 28px 18px 28px;
 display:-webkit-box;
 -webkit-box-pack:center;
 -webkit-box-align:center;
 -webkit-box-orient:vertical
}
.wx-dialog-bd h2,
.wx-dialog-bd h3 {
 font-size:20px;
 width:auto;
 margin:1px auto 5px
}
.wx-dialog-bd>p {
 font-size:13px;
 width:auto;
 margin:2px auto
}
.wx-dialog-ft {
 border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 display:-webkit-box;
 width:100%;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-box-align:center;
 border-top:1px solid #e9e9e9;
 height:45px;
 line-height:45px
}
.wx-dialog-ft button {
 font-size:18px;
 text-align:center;
 width:100%;
 line-height:44px;
 display:block;
 margin:0;
 border-right:1px solid #e0e0e0;
 -webkit-box-flex:1;
 color: #000;
}
.wx-dialog-ft button:active {
 background-color:rgba(0,0,0,0.1)
}
.wx-dialog-ft button:first-child {
 border-bottom-left-radius:3px
}
.wx-dialog-ft button:last-child {
 border-bottom-right-radius:3px;
 border-right:0;
}
.wx-dialog-ft button:first-child:nth-last-child(2) {
 position:relative
}
.wx-dialog-ft button:first-child:nth-last-child(2):after {
 content:"";
 position:absolute;
 right:0;
 top:0;
 display:block;
 width:1px;
 height:100%;
 border-right:1px #e9e9e9 solid
}
/* @media screen and (-webkit-min-device-pixel-ratio: 2) {
 .wx-dialog-ft {
  position:relative;
  border:0;
  background-position:left top;
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e9e9e9));
  background-repeat:repeat-x;
  -webkit-background-size:100% 1px
 }
 .wx-dialog-ft button:first-child:nth-last-child(2):after {
  content:"";
  position:absolute;
  right:0;
  top:0;
  display:block;
  width:1px;
  height:100%;
  border-right:0;
  background-position:right top;
  background-image:-webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e9e9e9));
  background-repeat:repeat-y;
  -webkit-background-size:1px 100%
 }
} */
.wx-dialog-function .wx-dialog-bd {
 padding:18px 20px 24px;
 -webkit-box-align:inherit
}
.wx-dialog-function .wx-dialog-item {
 margin-top:6px;
 background-color:#fff;
 width:100%;
 display:-webkit-box
}
.wx-dialog-function .wx-img {
 width:70px;
 height:70px;
 padding-top:0;
 margin-right:10px
}
.wx-dialog-function .wx-dialog-info {
 -webkit-box-flex:1;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-box-pack:center
}
.wx-dialog-function .wx-dialog-info>p {
 color:#777
}
.wx-dialog-function .wx-dialog-info>span {
 display:block;
 font-size:14px;
 color:#777
}
.wx-dialog-operate .wx-dialog-ft button:first-child:nth-last-child(2):after {
 content:"";
 position:absolute;
 top:-7px;
 bottom:-7px;
 left:0;
 right:0;
 width:auto;
 height:auto;
 border:0;
 background-image:none !important
}
.wx-dialog-operate .wx-dialog-cnt {
 width:320px;
 border-radius:3px;
 border:0;
 margin-top:-30px
}
.wx-dialog-operate .wx-img {
 width:100%;
 height:150px;
 padding-top:0
}
.wx-dialog-operate .wx-dialog-bd {
 padding:19px 16px;
 min-height:0
}
.wx-dialog-operate h3 {
 margin:0
}
.wx-dialog-operate h3+p {
 margin-top:7px
}
.wx-dialog-operate p {
 margin:0 auto
}
.wx-dialog-operate .wx-dialog-ft {
 padding:0 16px 16px 16px;
 border:none;
 height:auto;
 line-height:auto;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
.wx-dialog-operate .wx-dialog-ft button {
 height:40px;
 line-height:40px;
 border:0;
 background-color:#fff;
}
.wx-dialog-operate .wx-dialog-ft .wx-btn:first-child {
 margin-right:5px
}
.wx-dialog-operate .wx-dialog-ft .wx-btn:last-child {
 margin-left:5px
}
.wx-dialog-operate-icon .wx-dialog-hd {
 padding:30px 0 23px 0
}
.wx-dialog-operate-icon .wx-dialog-bd {
 padding-top:0;
 min-height:0
}
.wx-dialog-operate-icon .wx-img {
 width:210px;
 height:110px;
 margin:0 auto
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
 .wx-dialog-operate .wx-dialog-ft {
  background-image:none
 }
}
.wx-dialog-close {
 position:absolute;
 bottom:-80px;
 left:50%;
 width:40px;
 height:40px;
 margin-left:-20px
}
.wx-dialog-close:before {
 font-family:"icon-min" !important;
 font-size:32px;
 line-height:46px;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -webkit-text-stroke-width:0.2px;
 display:block;
 color:rgba(0,0,0,0.5);
 font-size:38px;
 content:"";
 color:#fff;
 display:block;
 line-height:40px;
 position:absolute;
 bottom:0;
 left:0
}
.wx-dialog-close.active,
.wx-dialog-close:active {
 opacity:.5
}
@media screen and (max-width: 320px) {
 .wx-dialog-operate .wx-dialog-cnt {
  width:270px;
  margin-top:-24px
 }
 .wx-dialog-operate .wx-img {
  height:127px
 }
 .wx-dialog-operate .wx-dialog-bd {
  padding:12px 16px
 }
 .wx-dialog-operate h3 {
  font-size:13px
 }
 .wx-dialog-operate h3+p {
  margin-top:5px
 }
 .wx-dialog-operate p {
  font-size:14px
 }
 .wx-dialog-operate .wx-dialog-ft button {
  font-size:13px
 }
 .wx-dialog-close {
  bottom:-48px
 }
 .wx-dialog-operate-icon .wx-img {
  height:110px
 }
 .wx-dialog-operate-icon .wx-dialog-hd {
  padding:18px 0 15px 0
 }
 .wx-dialog-operate-icon .wx-dialog-bd {
  padding-top:0;
  padding-bottom:16px
 }
}