﻿* {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
  background-color: #fff;
  font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}
img {
  vertical-align: middle;
}
.clear {
  clear: both;
}
.main {
  position: relative;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  background: url(../images/m-03.png) no-repeat;
  background-size: 100%;
  background-color: #edf4fa;
}
.cityhide {
  width: 100%;
  height: auto;
}
.cityhide img {
  max-width: 100%;
}
.top {
  width: 100%;
  background-color: #41c3fd;
  height: 48px;
}
.top .lf {
  height: 48px;
  line-height: 48px;
  float: left;
  margin-left: 10px;
}
.top .lf img {
  max-height: 36px;
}
.top .rf {
  height: 48px;
  line-height: 48px;
  float: right;
  margin-right: 10px;
}
.top .rf img {
  max-height: 30px;
  border-radius: 3px;
}
.item {
  border-radius: 10px;
  margin: 0px 12px 12px 12px;
  padding: 10px 0px;
  width: auto;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 0px 8px #cbcbcb
}
.user {
  width: 100%;
  height: 50px;
  overflow: hidden;
  padding-bottom: 8px;
}
.user .photo {
  width: 45px;
  height: 45px;
  text-align: center;
  float: left;
  margin-left: 15px;
}
.user .photo img {
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
.user .info {
  float: left;
  overflow: hidden;
  line-height: 20px;
  color: #333;
  font-size: 16px;
  margin: 5px 0px 0px 8px;
}
.djbg {
  width: auto;
  height: auto;
  margin: 0px 10px;
  overflow: hidden;
}
.djbg .djimg {
  width: 100%;
}
.djbg .djimg img {
  max-width: 100%;
}
.title {
  background-color: #f2f2f2;
  margin: 0px 10px;
  font-size: 16px;
  font-weight: bold;
  width: auto;
  height: auto;
}
.title p {
  padding: 10px 15px;
  line-height: 26px;
}
.cxinfo {
  width: 100%;
  height: 28px;
  color: #555;
  overflow: hidden;
}
.cxinfo .cxtype {
  float: left;
  height: 28px;
  line-height: 28px;
  margin-left: 20px;
  max-width: 18%;
  overflow: hidden;
}
.cxinfo .cxtype img {
  max-width: 28px;
  vertical-align: middle;
}
.cxinfo .cxtext {
  float: left;
  width: auto;
  height: 28px;
  line-height: 28px;
  max-width: 30%;
  overflow: hidden;
}
.option {
  margin: 0px 10px;
  height: 40px;
  width: auto;
  border-top: 1px #ececec solid;
}
.option .items {
  padding: 10px 0px 0px 10px;
  height: 28px;
  line-height: 28px;
  color: #999;
}
.option .items img {
  max-width: 28px;
}
.youjitb {
  margin: 16px 20px;
  color: #333;
  width: auto;
  height: auto;
}
.youjitb .youjicontent {
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  height: auto;
  overflow: hidden;
}
.youjitb .youjicontent .weixincode {
  max-width: 220px;
  display: block;
  margin: 0 auto;
}
.youjitb .youjicontent img {
  max-width: 100%;
}
.youjitb .youjicontent video {
  max-width: 100%;
}
.replytb {
  margin: 16px 20px;
  color: #333;
  width: auto;
  height: auto;
}
.reply {
  width: 100%;
  height: auto;
  position: relative;
}
.reply .tag {
  position: absolute;
  right: 0;
  top: -30px;
  transform: rotate(30deg);
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 16px;
  color: #f9626c;
  background: url(../images/tag.png);
  background-size: 100% 100%;
}
.reply .repUser {
  width: 100%;
  height: 50px;
}
.reply .repUser img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left;
  vertical-align: middle;
  margin-right: 6px;
}
.reply .repUser .text {
  float: left;
  line-height: 20px;
  margin-left: 10px;
}
.reply .repUser .text .t1 {
  font-weight: bold;
}
.reply .repUser .text .t2 {
  color: #b5b5b5;
}
.reply .repUser .text .bestrep {
  background: url(../images/best.png) no-repeat left;
  background-size: contain;
  padding-left: 20px;
  height: 40px;
  line-height: 20px;
  color: #ffa800;
  margin-left: 10px;
}
.reply .content {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.reply .content p {
  font-size: 16px;
  line-height: 30px;
}
.reply .content p img {
  max-width: 100%;
}
.reply .content .weixincode {
  max-width: 220px;
  display: block;
  margin: 0 auto;
}
.reply .discuss {
  width: auto;
  height: 30px;
  line-height: 30px;
  margin: 10px 0px 8px 0px;
  font-size: 16px;
}
.reply .discuss .t {
  color: #fa7041 !important;
  padding: 5px 15px;
  background: #FFF2E5;
  border-radius: 10PX;
}
.reply .discusstb {
  background-color: #fafafa;
  border: solid 1px #ededed;
  border-bottom-width: 1px;
  padding: 0px 15px;
  margin-bottom: 50px;
  margin-top: 20px;
}
.reply .discusstb .discussitem {
  border-bottom: solid 1px #ededed;
  width: 100%;
  padding: 20px 0px;
}
.reply .discusstb .discussitem .discussuser {
  width: 100%;
  height: 50px;
  border-radius: 25px;
}
.reply .discusstb .discussitem .discussuser img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
}
.reply .discusstb .discussitem .discussuser .name {
  font-weight: bold;
}
.reply .discusstb .discussitem .discusscont {
  font-size: 14px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.reply .discusstb .discussitem .discusscont .text {
  color: #444;
  line-height: 24px;
}
.reply .discusstb .discussitem .discusscont .text p {
  font-size: 14px;
  line-height: 24px;
}
.reply .discusstb .discussitem .discusscont .text p img {
  max-width: 100%;
}
.reply .discusstb .discussitem .discusscont .text .weixincode {
  max-width: 220px;
  display: block;
  margin: 0 auto;
}
.reply .discusstb .discussitem .discusscont .time {
  color: #888;
}
.visitortb {
  margin: 16px 20px;
  width: auto;
  height: auto;
}
.visitortb .pucont {
  height: auto;
}
.visitortb .pubtn {
  color: #999;
  font-size: 12px;
  line-height: 38px;
  height: 38px;
}
.visitortb .pubtn .plf {
  float: left;
}
.visitortb .pubtn .prf {
  float: right;
}
.foot {
  width: 100%;
  text-align: center;
  padding: 20px 0px 10px 0px;
  height: auto;
  color: #868686;
  background-color: #edf4fa;
}
.foot img {
  margin-top: 10px;
  max-height: 50px;
}
.footfixed {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 42px;
  background: url(../images/tc01.png);
  background-size: 100% 100%;
  z-index: 9999;
}
.footfixed .openbtn {
  margin: 0px auto;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.footfixed .openbtn img {
  max-height: 32px;
}
.openlay {
  background: transparent;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  position: fixed;
  margin: auto;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.openlay .toast {
  width: 350px;
  height: 531px;
  overflow: hidden;
  text-align: center;
  margin: -60px auto 0px auto;
  background: url(../images/tc03.png) no-repeat center;
  background-position: center top;
  background-size: contain;
}
.openlay .toast .name {
  width: 100%;
  height: 30px;
  padding-top: 210px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.openlay .toast .LineKefu {
  width: 100%;
  text-align: center;
  margin-top: 3px;
  color: #fff;
  font-size: 18px;
}
.openlay .toast .photo {
  margin-top: 15px;
  width: 100%;
  height: 115px;
}
.openlay .toast .photo img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.openlay .toast .text {
  font-size: 12px;
  margin-top: 3px;
  text-align: center;
}
.openlay .toast .addbtn {
  width: 180px;
  height: 35px;
  margin: 0px auto;
  line-height: 35px;
  font-size: 16px;
  margin-top: 5px;
  text-align: center;
  color: #fff;
  background: url(../images/tc05.png);
  background-size: 100% 100%;
}
.openlay .toast .close {
  width: 300px;
  height: 100px;
  margin: 0px auto;
  margin-top: 20px;
  text-align: center;
}
.openlay .copyok {
  width: 340px;
  height: 531px;
  overflow: hidden;
  text-align: center;
  margin: 45px auto 0px auto;
  background: url(../images/tc06.png) no-repeat center;
  background-position: center top;
  background-size: contain;
}
.openlay .copyok .tip {
  color: #fff;
  font-size: 20px;
  padding: 140px 0px 0px 100px;
}
.openlay .copyok .okbtn {
  width: 180px;
  height: 35px;
  margin: 76px auto 0px auto;
  line-height: 35px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: url(../images/tc07.png);
  background-size: 100% 100%;
}
.openlay .copyok .text {
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
}
.wei_xin {
  cursor: pointer;
}
#tk {
  position: fixed;
  z-index: 99;
  transition: all 0.5s;
  border-radius: 18px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -250px;
  overflow: hidden;
  background: #F9F9F9;
  width: 90%;
}
#tk div {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #D1D1D3;
  text-align: center;
  font-size: 18px;
  font-family: 微软雅黑;
  line-height: 56px;
  color: #0876FB;
}
#tk div:hover {
  background: #eee;
}
#tk a:last-child div {
  border-bottom: none !important;
}
#closetk {
  position: fixed;
  transition: all 0.5s;
  z-index: 99;
  width: 90%;
  height: 56px;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -300px;
  font-size: 18px;
  font-family: 微软雅黑;
  font-weight: bold;
  line-height: 56px;
  background: #fff;
  color: #0876FB;
  border-radius: 15px;
  cursor: pointer;
}
#tck {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.8s;
}
.selLanguage {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 48px;
  border-radius: 30px;
  right: 10px;
  background: #41c3fd;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  filter: alpha(Opacity=80);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.selLanguage A {
  color: #fff;
  font-size: 12px;
}

.bigwx {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 320px;
    height: 280px;
    margin: auto;
    text-align: center;
    overflow: hidden;
	-webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
	border-radius: 15px;
}
.bigwx .close {
	position: absolute; top:10px; right: 10px;
    cursor: pointer;
}
.success_icon{text-align: center; padding-top: 30px;}
.success_icon img{width:60px; height: auto;}
.bigx_tit{text-align:center; padding-top: 10px; font-size: 22px; color: #000; font-weight: bold;}
.bigx_ftit{text-align:center; padding-top: 10px; font-size: 14px; color: #666;}
.qwx {
    background-color: #1aad17;
    border-radius: 0.50951087rem;
    width:30%;
	padding:10px 0;
	text-align: center;
    margin:10px auto;
    cursor: pointer;
}
.qwx a{color:#FFF; font-size: 18px; text-decoration: none;}

