*{
	padding: 0px;
	margin:0px;
	font-family: Microsoft YaHei, STHeitiSC-Light;
}
@font-face {
  font-family: 'icomoon';
  src: url(../font/icomoon.ab2f15ea.eot);
  src: url(../font/icomoon.ab2f15ea.eot#iefix) format('embedded-opentype'), url(../font/icomoon.663737e7.ttf) format('truetype'), url(../font/icomoon.675d2788.woff) format('woff'), url(../font/icomoon.4031e99f.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.header ul.user-info-nav>li .logoutBtn li a:hover {
  background: #d0d0d0;
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  box-sizing: border-box;
  background: #fff;
  z-index: 999;
}

.header .container1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1430px;
  height: 60px;
  text-align: center;
}
@media (min-width: 1400px){
.header .container {
   width:1430px;
}
}
@media (min-width: 992px){
.header .container {
      width: 1000px;
}
}
.header .wrapper a {
  color: #394046;
  text-decoration: none;
}
.header .logo {
  float: left;
  height: 60px;
  width: 106px;
  font-size: 106px;
  line-height: 60px;
  text-align: left;
}
.header ul.nav {
  width: auto;
  float: left;
  margin: 0;
  padding-left: 50px;
}
.header ul.nav li {
  float: left;
  width: 110px;
  line-height: 52px;
  border-top: solid 5px rgba(0,0,0,0);
  text-align: center;
  list-style: none;
  box-sizing: border-box;
}
.header ul.nav li a, .header ul.nav li a:link, .header ul.nav li a:visited {
  color: #394046;
  text-decoration: none;
  font-size: 14px;
  display: block;
}
.header ul.nav li a:hover, .header ul.nav li a:link:hover, .header ul.nav li a:visited:hover {
  color: #42c2b3;
}
.header .wrapper a:hover{
	color: #42c2b3;
}

.nav-head{
  /* position: fixed; */
  top: 0;
  width: 100%;
  z-index: 1000;
  pointer-events: none;
}
.nav-head .container {
  margin-left: auto;
  margin-right: auto;
  min-width: 1230px;
  text-align: center;
}
.nav-posi{
  float: right;
  pointer-events: auto;
  position: relative;
}
.nav-posi ul {
  margin: 0;
  padding: 0;
}
.nav-link {
  color: #394046;
  text-decoration: none;
  font-size: 14px;
  display: block;
}
.nav-posi li {
  float: left;
  width: 90px;
  line-height: 60px;
  text-align: center;
  list-style: none;
  cursor: pointer;
}
.nav-posi .login {
  cursor: pointer;
  background: #fff;
  border: solid 1px #18ccc0;
  border-radius: 4px;
  width: 80px;
  height: 35px;
  margin-top: 12px;
  text-align: center;
  line-height: 35px;
}

 .swiper-container {
        width: 100%;
        height: 350px;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
#main{
    margin-top: 60px;
}

.container{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.funDescribe-2 {
  background: #fff;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 550px;
  background:url('../images/bg_1.png') no-repeat;
  background-size:100% 550px;
}
.funDescribe-2 .contentLayout{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
}
.funDescribe-2 .contentLayout .titleIcon {
  font-size: 46px;
  line-height: 60px;
  height: 60px;
  margin-top: 60px;
  margin-bottom: 35px;
}
.funDescribe-2 .contentLayout .titleIcon .icon-ic_operation {
  display: inline-block;
  background: #fff;
  color: #e27213;
  border: 1px solid #ebebeb;
  width: 69px;
  height: 69px;
  line-height: 69px;
  border-radius: 100%;
}
.funDescribe-2 .contentLayout .title {
  color:#5A5858;
  margin-top:50px;
  font-size: 28px;
  line-height: 58px;
  height: 58px;
}
.funDescribe-2 .contentLayout .discription {
  font-size: 20px;
  line-height: 30px;
  color: #B6F2E4;
}
.funDescribe-2 .contentLayout .dotline {
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  height: 36px;
}

.funDescribe-2 .contentLayout .points-y{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1230px;
  margin: 0 auto;
  position: relative;
  top: 80px;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}
.container {
  margin-left: auto;
  margin-right: auto;
  min-width: 980px;
  text-align: center;
}
.funDescribe-2 .contentLayout .points-y .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.funDescribe-2 .contentLayout .points-y .item .item-title{
  font-size: 24px;
  line-height: 40px;
}
.funDescribe-2 .contentLayout .points-y .item .item-descript{
  font-size: 18px;
  line-height: 36px;
  color: #838383;
}
.funDescribe-2 .contentLayout .points-y .item .item-title {
  font-size: 24px;
  line-height: 40px;
}
.funDescribe-2 .contentLayout .points-y .item .itemMargintop{
  margin-top: 60px;
}
.funDescribe-2 .contentLayout .points-y .item .animateShow {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.funDescribe-2 .contentLayout .points-y .item .animateShow .itemanimate {
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 60px;
  height: auto;
  text-align: center;
}
img {
  border: 0;
}
.funDescribe-2 .contentLayout .points-y .item .animateShow .itemanimate>span{
  display: block;
  line-height: 20px;
  height: 20px;
  color:#5E5D5D;
}
.funDescribe-2 .contentLayout .points-y .item .animateShow .itemanimate .a{
  font-size:18px;
  font-weight:600;
}
.funDescribe-2 .contentLayout .points-y .item .animateShow .itemanimate .b{
  font-size:14px;
}
.points-y .item .animateShow img {
  margin:0px;
  width:100px;
}
.funDescribe-2 .contentLayout .points-y .item .viewer-phone{
  width: 540px;
  height: 600px;
  background-image: url(../images/viewer-phone.81304411.png);
  background-size: cover;
  background-position: center;
}

.funDescribe-3 {
  background: #fff;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 550px;
}

.funDescribe-3 .contentLayout .titleIcon .icon-ic_template {
  display: inline-block;
  background: #fff;
  color: #f1ba59;
  border: 1px solid #ebebeb;
  width: 69px;
  height: 69px;
  line-height: 69px;
  border-radius: 100%;
}
.funDescribe-3 .contentLayout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
}
.funDescribe-3 .contentLayout .titleIcon {
  font-size: 46px;
  line-height: 60px;
  height: 60px;
  margin-top: 100px;
  margin-bottom: 35px;
}
.funDescribe-3 .contentLayout .title {
  font-size: 28px;
  line-height: 50px;
  height: 50px;
  color:#5A5858;
  margin-top:70px;
}
.funDescribe-3 .contentLayout .content {
  font-size: 20px;
  line-height: 48px;
  color: #B6F2E4;
}
.funDescribe-3 .contentLayout .points-y .item .animateShow {
      margin-top: 30px;
          display: -webkit-box;
	      display: -webkit-flex;
	          display: -ms-flexbox;
		      display: flex;
		      width:55%;
		      margin:0 auto;
		      line-height:40px;
    }
.funDescribe-3 .contentLayout .points-y .item .animateShow .itemanimate{
      font-size: 12px;
          -webkit-box-flex: 1;
	      -webkit-flex: 1;
	          -ms-flex: 1;
		      flex: 1;
		          width: 60px;
			      height: auto;
			          text-align: center;
}
.funDescribe-3 .contentLayout .points-y .item .animateShow .itemanimate>span {
      display: block;
          line-height: 20px;
	      height: 20px;
	          color: #535B68;
		  font-weight:600;
		  font-size:13px;
		}
.funDescribe-3 .contentLayout .dotline {
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  height: 36px;
}
.funDescribe-3 .contentLayout .bgLeft {
  background-image: url(../images/3bg.f02bdaf4.png);
  background-size: cover;
  background-position: center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 328px;
  bottom: 0;
  width: 100%;
  height: 512px;
}

.funDescribe-3 .contentLayout .points-y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin: 0 auto;
  position: relative;
  top: 30px;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.funDescribe-3 .contentLayout .points-y .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.funDescribe-4 {
  background: #fff;
  display: inline-block;
  position: relative;
}
@media (min-width: 0) {
  .funDescribe-4 {
    width: 100%;
    height:600px;
  }
}
@media (min-width: $screen-xs-min) {
  .funDescribe-4 {
    width: 100%;
    height: 600px;
  }
}
@media (min-width: 0px) {
  .funDescribe-4 {
    width: 100%;
    height: 600px;
  }
}
@media (min-width: 1400px) {
  .funDescribe-4 {
    width: 100%;
    height: 600px;
  }
}
.funDescribe-4 .contentLayout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
}
.funDescribe-4 .contentLayout .titleIcon {
  font-size: 46px;
  line-height: 60px;
  height: 60px;
  margin-top: 100px;
  margin-bottom: 35px;
}
.funDescribe-4 .contentLayout .titleIcon .icon-ic_pc {
  display: inline-block;
  background: #fff;
  color: #55bd67;
  border: 1px solid #ebebeb;
  width: 69px;
  height: 69px;
  line-height: 69px;
  border-radius: 100%;
}
.funDescribe-4 .contentLayout .title {
  margin-top:40px;
  font-size: 28px;
  line-height: 60px;
  height: 58px;
  color:#5A5858;
}
.funDescribe-4 .contentLayout .content {
  font-size: 20px;
  line-height: 38px;
  color: #B6F2E4;
}
.funDescribe-4 .contentLayout .discription {
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  color:#5A5858;
}
.funDescribe-4 .contentLayout {
  background-image: url(../images/bg_2.png);
  background-size: cover;
  background-position: center;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 610px;
}
.funDescribe-4 .contentLayout .points-y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 62%;
  margin: 0 auto;
  position: relative;
  top: 15%;
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
	  
}
.funDescribe-4 .contentLayout .points-y .item .item-title {
  font-size: 20px;
  line-height: 50px;
  text-align: left;
  color:#595858;
}
.funDescribe-4 .contentLayout .points-y .item .item-descript {
  font-size: 16px;
  line-height: 36px;
  color: #595858;
  text-align: justify;
}
.funDescribe-4 .contentLayout .points-y .item .chooseTemplate{
  margin:0 auto;
  margin-top:40px;
  background: #18ccc0;
  border-radius: 3px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.funDescribe-4 .contentLayout .points-y .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 512px;
}
.funDescribe-5 {
  background-image: url(../images/datareport-bg.39ac7eb7.png);
  background-size: cover;
  background-position: center;
  display: inline-block;
  position: relative;
}
@media (min-width: 0) {
  .funDescribe-5 {
    width: 100%;
    height: 600px;
  }
}
@media (min-width: $screen-xs-min) {
  .funDescribe-5 {
    width: 100%;
    height: 600px;
  }
}
@media (min-width: 0px) {
  .funDescribe-5 {
    width: 100%;
    height: 600px;
  }
}
@media (min-width: 1400px) {
  .funDescribe-5 {
    width: 100%;
    height: 600px;
  }
}
.funDescribe-5 .contentLayout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.funDescribe-5 .contentLayout .titleIcon {
  font-size: 46px;
  line-height: 60px;
  height: 60px;
  margin-top: 100px;
  margin-bottom: 35px;
}
.funDescribe-5 .contentLayout .titleIcon .icon-sale {
  display: inline-block;
  background: #fff;
  color: #2295ea;
  border: 1px solid #ebebeb;
  width: 69px;
  height: 69px;
  line-height: 69px;
  border-radius: 100%;
}
.funDescribe-5 .contentLayout .title {
  margin-top:80px;
  font-size: 28px;
  line-height: 58px;
  height: 58px;
}
.funDescribe-5 .contentLayout .content {
  font-size: 24px;
  line-height: 48px;
}
.funDescribe-5 .contentLayout .dotline {
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  height: 36px;
}
.funDescribe-5 .contentLayout .points {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 72%;
  margin: 0 auto;
  position: relative;
  top: 10%;
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.funDescribe-5 .contentLayout .points .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.funDescribe-5 .contentLayout .points .item .itemIcon {
  font-size: 60px;
  line-height: 60px;
  height: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}
.funDescribe-5 .contentLayout .points .item .itemIcon .icon-ic_spread,
.funDescribe-5 .contentLayout .points .item .itemIcon .icon-ic_user,
.funDescribe-5 .contentLayout .points .item .itemIcon .icon-ic_data {
  display: inline-block;
}
.funDescribe-5 .contentLayout .points .item .item-title {
  font-size: 24px;
  line-height: 30px;
}
.funDescribe-5 .contentLayout .points .item .item-splitline span {
  display: inline-block;
  border: 1px solid #ededef;
  width: 68%;
}
.funDescribe-5 .contentLayout .points .item .item-descript {
  font-size: 14px;
  line-height: 30px;
}
.footer {
  position: relative;
  margin-top:-20px;
}
.foot {
  background: #f5f5f5;
  width: 100%;
  text-align:center;
}
.foot ul{
  margin:0 auto;
  width:630px;
  overflow:hidden;
}
.foot li{
  float:left;
  margin:20px;
}
.links {
  height: 200px;
}
.list-container .list-item {
  float: left;
  list-style: none;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #000;
  line-height: 35px;
}
.list-container {
  width: 980px;
  margin: 0 auto;
  position: relative;
  top: 20px;
  height: 100%;
}
.list-item {
  margin: 21px;
}
@media (max-width: 1000px) {
  .list-item {
    margin: 9px;
  }
}
a {
  color: #000;
  text-decoration: none;
}
.line {
  width: 100%;
  height: 90px;
  position: relative;
  top: 80px;
}
hr {
  opacity: 0.2;
  border: 1px solid #666;
  width: 500px;
  height: 1px;
  margin:0 auto;
}
.record {
  clear:both;
  height: 65px;
  width: 860px;
  margin: 0 auto;
  opacity: 0.5;
  font-family: Helvetica;
  font-size: 14px;
  color: #000;
  line-height: 65px;
  text-align: center;
}
@media (max-width: 480px) {
  .record {
    width: 100%;
  }
}
.record span {
  padding: 0 5px;
}
li {
  list-style-type: none;
}

.contact-logo {
  margin-top: 34px;
}
img {
  margin-right: 20px;
}
.weibo {
  text-decoration: none;
  opacity: 1;
}
.composition {
  background: #afafaf;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 20px;
}
#wechat:hover .code {
  display: block;
}
#wechat {
  position: relative;
  cursor: pointer;
}
#wechat span {
  position: absolute;
  bottom: -10px;
  left: 90px;
  border-bottom: 0px;
  border-top: 10px solid #fff;
  border-right: 10px solid rgba(0,0,0,0);
  border-left: 10px solid rgba(0,0,0,0);
}
.code {
  position: absolute;
  width: 200px;
  height: 200px;
  display: none;
  top: -210px;
  left: -85px;
}
.code-img {
  width: 100%;
}
.logo {
  margin: 5px auto;
  height: 32px;
  line-height: 32px;
  width: 22px;
  color: #fff;
  font-size: 22px;
}
.logo:hover {
  opacity: 0.8;
}
.weixinQrBox[_v-f5fb3cc4] {
  background: url(../images/qricon.89e1d56b.png);
  width: 55px;
  height: 55px;
  background-size: 100% 100%;
  position: fixed;
  bottom: 312px;
  right: 36px;
  cursor: pointer;
}
.weixinQrBox .weixinQr[_v-f5fb3cc4] {
  position: relative;
  height: 48px;
}
.weixinQrBox .weixinQr[_v-f5fb3cc4]:hover {
  padding-left: 10px;
  margin-left: -10px;
}
.weixinQrBox .weixinQr:hover .inner[_v-f5fb3cc4] {
  display: block;
}
.weixinQrBox .weixinQr .inner[_v-f5fb3cc4] {
  background: url(../images/qr.08fbbba9.png);
  position: absolute;
  display: none;
  background-size: 100% 100%;
  width: 216px;
  height: 214px;
  top: -80px;
  left: -208px;
}
.returntop {
  position: fixed;
  width: 48px;
  height: 48px;
  bottom: 260px;
  right: 40px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAQlBMVEUAAAD8/Pzv7+9wcHA5OTkZGRnf39+8vLwAAAAAAAAAAAAAAAAAAAAAAADV1dVWVlbU1NSqqqqcnJyFhYUxMTH///+E1zs7AAAAFXRSTlN/+u+ij4XiyAB5ZF8zDdmZ2b63rIxpDu1LAAAAw0lEQVRo3u3aywGCQAAD0aigy7KAP/pvVW65wmEOal4BmQaiUkqrgwBDbdu4yjQKM05bgNh3oagJ1VSFqhqEGhQRERERP25eD5rpwF0Rf6O7CNWdT0jB++uKFLx/vbmA7PdygdmXC8y+C8y+C9C+C9S+C8A+U/A+U/A+U/A+U/A+U/A+U/A+U/A+U/A+U/A+U/A+U/A+U/A+Vnh7f09h0VFP7+8pPHRU/+q136KIiIiIb0efBvDbA37coK8n/HkGv/98AGU6EOTbfq2NAAAAAElFTkSuQmCC) no-repeat center;
  background-size: cover;
}
.weixinQrBox {
  background: url(../images/qricon.89e1d56b.png);
  width: 55px;
  height: 55px;
  background-size: 100% 100%;
  position: fixed;
  bottom: 312px;
  right: 36px;
  cursor: pointer;
}
.weixinQrBox .weixinQr {
  position: relative;
  height: 48px;
}
.weixinQrBox .weixinQr:hover {
  padding-left: 10px;
  margin-left: -10px;
}
.weixinQrBox .weixinQr:hover .inner {
  display: block;
}
.weixinQrBox .weixinQr .inner {
  background: url(../images/qr.08fbbba9.png);
  position: absolute;
  display: none;
  background-size: 100% 100%;
  width: 216px;
  height: 214px;
  top: -80px;
  left: -208px;
}

.login-mask[_v-76fb67eb] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  /*width: 100%;*/
  /*height: 100%;*/

  display: table;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.login-wrapper[_v-76fb67eb] {
    width: 500px;
    height: 400px;
    display: table-cell;
    /*vertical-align: middle;*/
}
.login-container[_v-76fb67eb] {
  position: relative;

  margin: 0px auto;
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}
.login-container a[_v-76fb67eb] {
  text-decoration: none;
  color: inherit;
}
.login-header[_v-76fb67eb] {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login-title[_v-76fb67eb] {
  width: 50%;
  height: 36px;
  font-family: MicrosoftYaHei;
  font-size: 18px;
  color: #a6a6a6;
  line-height: 24px;
  text-align: center;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
  font-weight: 600;
}
.login-title.login-on[_v-76fb67eb] {
  color: #4a4a4a;
  border-bottom: 2px solid #6cf;
}
.login-form[_v-76fb67eb] {
  position: relative;
  margin-top: 18px;
}
.login-form .login-lable[_v-76fb67eb] {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #83817b;
  line-height: 16px;
  display: inline-block;
  width:20%;
}
.login-form .login-input[_v-76fb67eb] {
  background: #fff;
  border: 1px solid #ececec;
  width: 78%;
  height: 35px;
  margin-top: 6px;
  font-size: 18px;
  color: #4a4a4a;
}
.login-form .login-fromwran[_v-76fb67eb] {
  position: absolute;
  top: 23px;
  right: 5px;
  font-size: 12px;
  color: #ff596e;
}
.login-form .login-fromwran30[_v-76fb67eb] {
  right: 30px !important;
}
.login-form .login-fromwran80[_v-76fb67eb] {
  right: 80px !important;
}
.login-form .login-fromwran110[_v-76fb67eb] {
  right: 110px !important;
}
.login-form .login-fromwran125[_v-76fb67eb] {
  right: 125px !important;
}
.login-form .login-tipe[_v-76fb67eb] {
  position: absolute;
  top: 22px;
  right: 30px;
  font-size: 13px;
  color: #8e8d8d;
}
.login-form .lgin-tipewran10[_v-76fb67eb] {
  right: 10px !important;
}
.login-form input[_v-76fb67eb]:focus {
  outline: none;
}
.login-warning[_v-76fb67eb] {
  color: #ff566b;
  font-size: 12px;
  margin-bottom: -15px;
}
.login-button[_v-76fb67eb] {
  margin-top: 30px;
  background: #6cf;
  border: 1px solid #6cf;
  width: 100%;
  height: 42px;
  font-size: 15px;
  color: #fff;
  line-height: 19px;
  font-weight: 800;
}
.login-button[_v-76fb67eb]:hover {
  background: #6cf;
}
.login-way[_v-76fb67eb] {
  margin-top: 20px;
  font-size: 12px;
  height: 50px;
}
.login-lable2[_v-76fb67eb] {
  color: #b7b7b7;
  line-height: 33px;
  float: left;
  margin-right: 10px;
}
.login-lable3[_v-76fb67eb] {
  font-size: 12px;
  color: #5398c0;
  line-height: 20px;
  font-family: MicrosoftYaHei;
}
.login-clear[_v-76fb67eb] {
  clear: both;
}
.login-img[_v-76fb67eb] {
  height: 33px;
  width: 33px;
  display: block;
  float: left;
  margin-left: 10px;
}
.login-img-src1[_v-76fb67eb] {
  background: url(../images/sigup-weibo.4eb33064.png);
  background-size: cover;
}
.login-img-src1[_v-76fb67eb]:hover {
  background: url(../images/weibo_hover.4d3610f3.png);
  background-size: cover;
}
.login-img-src2[_v-76fb67eb] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAilBMVEUAAAAPr/8mw/8lw/8jwP8lwv8lwv8kwf8evf8lw/8lw/8lw/8lw/8iwf8hv/8lw/8lwv8lw/8kw/8lw/8lw/8kwP8iwv8kwv8kwv8cvf8mwv8lwv8lwv8jwv8kwv8mw/8mwv8lwv8kwv8mwv8jwf8lwv8lw/8lw/8lw/8lwv8cuf8lwf8lwv8mw/9yLSdwAAAALXRSTlMABfrkHPH8NQ7ZpoCWJSGczbOO3IlGQ1wxE+zIuFAq7d+EcVg61MFmq24JdFOCbQemAAACe0lEQVRYw7WYaZOiMBCGTULCKbcHHuM16szuvv//7y1lsbUOvGF0Uj4f0CLQ6XQ6fTB5Md4pjvL9SsrVPo/ik/e8hHkSokeYzJ/SoVYAdHFY+GkjRJP6i0OhAaj6UX2mmQSq2Bdfbws/rgCZTR8QEZQSJnrng++RgSyD72RsFUyW2sfTzEBtR0WIBFgvx6dZroFEjBg0hzlOvuVokFsN/KagZ5MHmGmoNz7k7xBOH9zAEDuf6rHDhtidE2ywI7p4ChtqLo7YQHmDmzlCooedIETenzSBpvawM9VIej4GM5s8ycxg+0U3hePkaY5Q9xYosZ78gDXKu+VJs+TuF19CrcPi6vETYOR/Q2bI6GG7oKN3dNmLnjQpd+47qimbxsh/OtaI+Bbew90oQt39UyAxSJzRo2RRCqqLyajI8BV9ZEMeqzDvnDWmowOu5LG4c9sQPokLGFKw+IHwtjfQ5PQuMESz06zhtT8nOkMCAvPIAqfbqg5kTIPAPOFws2iEBcmiYEi27pvonNm1BCVgls3b6x4p80TGimiSYt9eV2iIIpzfQyENVu1VYiC/hgXtDfcYkgqZw0rChNDlnGFFBmQ5zLA+RlgQw7ItjjFCSbaYOVuGET6IszG3j1DFoFwkSuL27AB+Kr/RYCxrbMkBZKFAiFYQaDwRMxYKrEHpAwOUx4OSNTz++qPQJ/R5eLQG6jUYNQ3UtpSRgjMlKaOXvGjSqZKNREchSPKyp1Fx/Thro8/FZ9AaaBZHl0tRz2kaJXn5MciLvLTg2EsL9yLHvdxyL/zcS9BXFMPuZbl7g+Deqrg3Te7tm3sj6d7SujfXL2/z3T84uH/6cP8I485fSNejjr9j0loAAAAASUVORK5CYII=);
  background-size: cover;
}
.login-img-src2[_v-76fb67eb]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAnFBMVEUAAAAmw/8lw/8jwf8lwv8lwv8lw/8mw/8mwv8mwv8mw/8kw/8mw/8mwv8mwv8jwv8iwv8kwv8jv/8Vv/8ktv8mwv8mw//////0/P8rxP++7f+k5v+d5P8yx//5/f/e9v9Rz//L8f/h9/+Q4P+E3f9f0//r+v/Y9P+16v+x6f952v9l1f9Izf9Dy/86yf8ow//F7/992/9v1//m+P/d8YCAAAAAFnRSTlMA+uQc3c2W7eyonIyIgVhQQyokDAc22/ET3QAAAhBJREFUWMO12NdWwkAQBmB3UySBAKLObAopFMWCWN7/3Yweacm/IWHlu8vNnNmd2ZarC7OGgefYPSF6tuMFQ6t7hLFrU4XtjjvlMJAEyUHbfCa+IC3hT1qEuO0LaiT6t6dijCSdJEeNIe5casW9a5hQh1pytBN8I6k1eYNj3F9TB9f3MA8cQx8F5GJJ6khatbo41JlTrZFLZ3ArPUZnGR31uqSzyMMV0Kcz9Q/WrSDsdV5kSmXRxxthYr+mfYLWBW+l8ZQgf9ciOJEXxQdma5zKtlkGeCiKj2Q4l8FfEFiaMOOKBBfob08m5JmrUpzKuKFZZ1zz0dC2NgE510WE2L+10YymThH0U58hITEDOSHDMkhAiGLgiZCgDOIRsGQkDQnwyiAOAQlDsMiOrjhPjDxsdOXpwWnFFgT0yiACDgZTb2gNwiBL1opREDicR9ZKp3g4Nuh4vU8wsajEc24Q4xJ7oDR6K9xsQb1HZppkihTtTAFagIuHfKoYyRN+AQsQbQXhpgzEQEQbEIMs7aYUgabHh4+t3R7Dzy+uynJCXO1GXTCSwI1ad2SsGXvFRwY+vMJ958/i93Q3syE4vPTHaPi8yhSrx2gxLT+W89V7ESVLeIyCA70rH1wtuhKT/73kmF+3zC9+5ldQ88vwJa7l5g8E86eK+aPJ/Plm/pA0f9KaP67Nn/nmPxzMf32Y/4S5rG8BFSnfIMN8YgAAAABJRU5ErkJggg==);
  background-size: cover;
}
.login-img-src3[_v-76fb67eb] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAw1BMVEUAAAB+0iB50xp90yB90yB+0iB+0iF90yF+0yF+0yB+0yF+0iB+0iF+0SF+0iB90iB90SB80iB+0R55zh54zRxqvxVttgB70Bx+0yH////9/vyB1CbH7KCa3FHn99a96Y6J1zPz++rv+eTq+NvM7af5/fXR77HB6pW15oCx5Hit43Gg31yS2kOP2T33/PHf9MfZ8r2M2Dn7/vnx+uft+N/j9s/b8sG454ak4GOe3liD1Cr1++7h9Mrd88TU8LWn4WmW20sEbGVOAAAAGHRSTlMA5Bzt3c37+vmonJiUjIiBWFBDKiQMBzb5baJ2AAACt0lEQVRYw7WY6XKqMBSALwit+9btACIuKAruu7Yu7/9UlwlaySGhYNrvj0wcvok5SxL//TFytZJTlUw2m1HUXKUqpzfUCwoglEI91RzKEjCRyknn85p/Bi7P+dcEirfSE8TyVHr7yVGT4EekWqzivQiJKL7HLKgKCVG5C/wiQWKkF7bjIwMpyHww50EcKSyMucgSpESSI3FRITUqjlERHqCIcgweokbluvSYRApXQAkwLdeyN9N+YzCKtZRCdYtqznBnC+3GymnFVOO9pvNAcWlqFBPrwLXkv1OE7h+OrmFWY25/uSVLmRpuaAzaJs9Svkqo0FgakwlvLtK1J4fH9uQV3fIcjdDbejZ5+AIOQfcuhIem5I0GAKzJkwVgfJKnAUdSIBIFTYQj6XIkCokNY1V1Z2cHTwtrd9ICLhyL7Euq4YEje1Xt4X5k8nK36ksq4YElQ9EZttzZUvfn1+nvjKik4kty4YFe1NFvOaHR9hAwOV9CdaNuxDEw0dhxjnsTCg7MsKNhRibXmUfDQ/XnIXrha/SpRejSZZ3xJdnwwGGiUeyPgatP5qOfNqQ4bUqSRRJcOk3zlmc7ssYADkmeMZag7WZKrWqffCyN4HduAOxgpfDPUVBf7IQkXvMa2Otn9/rlFC+sCsiyvktGC41JG4c4BwjjHue5zukuVLKhtMe9zVyxJWuc9lXALP35nsjr7owtaeAClLHD1NpbA+Bw8bz5menQx7gV4PDA1lfwiymSbApuj1E8xtI2jWh7rEMcbrS/jHGjxltGlGEPzYMuPwltXhzGU0qCumQZbaNczEY7iEqzibeOZxlt6HHMzfPZPAC4nQ3a0NHRIhHGwEBHC3TISU/pt49b4gc/8SOo+GFY/FgufkH47auK+KVJ/PomfpEUv9KKX67Fr/nifziI//Uh/ifM3/IfI0NN+aE9mR4AAAAASUVORK5CYII=);
  background-size: cover;
}
.login-img-src3[_v-76fb67eb]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAw1BMVEUAAAB+0iB50xp90yB90yB+0iB+0iF90yF+0yF+0yB+0yF+0iB+0iF+0SF+0iB90iB90SB80iB+0R55zh54zRxqvxVttgB70Bx+0yH////9/vyB1CbH7KCa3FHn99a96Y6J1zPz++rv+eTq+NvM7af5/fXR77HB6pW15oCx5Hit43Gg31yS2kOP2T33/PHf9MfZ8r2M2Dn7/vnx+uft+N/j9s/b8sG454ak4GOe3liD1Cr1++7h9Mrd88TU8LWn4WmW20sEbGVOAAAAGHRSTlMA5Bzt3c37+vmonJiUjIiBWFBDKiQMBzb5baJ2AAACt0lEQVRYw7WY6XKqMBSALwit+9btACIuKAruu7Yu7/9UlwlaySGhYNrvj0wcvok5SxL//TFytZJTlUw2m1HUXKUqpzfUCwoglEI91RzKEjCRyknn85p/Bi7P+dcEirfSE8TyVHr7yVGT4EekWqzivQiJKL7HLKgKCVG5C/wiQWKkF7bjIwMpyHww50EcKSyMucgSpESSI3FRITUqjlERHqCIcgweokbluvSYRApXQAkwLdeyN9N+YzCKtZRCdYtqznBnC+3GymnFVOO9pvNAcWlqFBPrwLXkv1OE7h+OrmFWY25/uSVLmRpuaAzaJs9Svkqo0FgakwlvLtK1J4fH9uQV3fIcjdDbejZ5+AIOQfcuhIem5I0GAKzJkwVgfJKnAUdSIBIFTYQj6XIkCokNY1V1Z2cHTwtrd9ICLhyL7Euq4YEje1Xt4X5k8nK36ksq4YElQ9EZttzZUvfn1+nvjKik4kty4YFe1NFvOaHR9hAwOV9CdaNuxDEw0dhxjnsTCg7MsKNhRibXmUfDQ/XnIXrha/SpRejSZZ3xJdnwwGGiUeyPgatP5qOfNqQ4bUqSRRJcOk3zlmc7ssYADkmeMZag7WZKrWqffCyN4HduAOxgpfDPUVBf7IQkXvMa2Otn9/rlFC+sCsiyvktGC41JG4c4BwjjHue5zukuVLKhtMe9zVyxJWuc9lXALP35nsjr7owtaeAClLHD1NpbA+Bw8bz5menQx7gV4PDA1lfwiymSbApuj1E8xtI2jWh7rEMcbrS/jHGjxltGlGEPzYMuPwltXhzGU0qCumQZbaNczEY7iEqzibeOZxlt6HHMzfPZPAC4nQ3a0NHRIhHGwEBHC3TISU/pt49b4gc/8SOo+GFY/FgufkH47auK+KVJ/PomfpEUv9KKX67Fr/nifziI//Uh/ifM3/IfI0NN+aE9mR4AAAAASUVORK5CYII=);
  background-size: cover;
}
.disable[_v-76fb67eb] {
  background: #afafaf !important;
  border: 1px solid #ddd !important;
}
.login-assist[_v-76fb67eb] {
  margin-top: 15px;
  font-size: 12px;
  color: #83817b;
  line-height: 12px;
  width: 420px;
  height: 12px;
}
.to-inner-button[_v-76fb67eb] {
  cursor: pointer;
}
.forget-password[_v-76fb67eb] {
  margin-top: 0px;
}
.login-checkbox[_v-76fb67eb] {
  width: 50%;
  height: 12px;
  line-height: 12px;
  float: left;
}
.login-checkbox a[_v-76fb67eb] {
  color: #5398c0;
}
.change-to-email[_v-76fb67eb] {
  width: 50%;
  height: 12px;
  line-height: 12px;
  text-align: right;
  float: left;
  color: #4a4a4a;
}
.login-close[_v-76fb67eb] {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.login-close img[_v-76fb67eb] {
  width: 14px;
}

.header ul.user-info-nav {
  width: 115px;
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-right: 30px;
}
.header ul.user-info-nav>li {
  float: left;
  height: 55px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  position: relative;
}
.header ul.user-info-nav>li .logoutBtn {
  position: absolute;
  width: 115px;
  height: auto;
  line-height: 40px;
  top: 100%;
  left: -30px;
  font-size: 1pc;
  background: #fff;
  cursor: pointer;
  padding: 0;
  display: none;
}
.header ul.user-info-nav>li .logoutBtn li {
  list-style: none;
  width: 100%;
  height: 43px;
  line-height: 38px;
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}
.header ul.user-info-nav>li .logoutBtn li a {
  line-height: 38px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  display: inline-block;
  color: #394046;
  background-color: #fff;
  text-decoration: none;
}

.forget-title[_v-4aba51d4] {
  width: 50%;
  height: 36px;
  font-family: MicrosoftYaHei;
  font-size: 18px;
  color: #a6a6a6;
  line-height: 24px;
  text-align: center;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
  font-weight: 600;
}
.forget-title.forget-on[_v-4aba51d4] {
  color: #4a4a4a;
  border-bottom: 2px solid #18ccc0;
}
.forget-form[_v-4aba51d4] {
  position: relative;
  margin-top: 18px;
}
.forget-form .form-label[_v-4aba51d4] {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #83817b;
  line-height: 16px;
}
.forget-form .forget-input[_v-4aba51d4] {
  background: #fff;
  border: 1px solid #ececec;
  width: 100%;
  height: 35px;
  margin-top: 6px;
  font-size: 18px;
  color: #4a4a4a;
}
.forget-form .forget-fromwran[_v-4aba51d4] {
  position: absolute;
  top: 23px;
  right: 5px;
  font-size: 12px;
  color: #ff596e;
}
.forget-form .forget-fromwran30[_v-4aba51d4] {
  right: 30px !important;
}
.forget-form .forget-fromwran80[_v-4aba51d4] {
  right: 80px !important;
}
.forget-form .forget-fromwran110[_v-4aba51d4] {
  right: 110px !important;
}
.forget-form .forget-fromwran120[_v-4aba51d4] {
  right: 120px !important;
}
.forget-form .forget-tipe[_v-4aba51d4] {
  position: absolute;
  top: 22px;
  right: 30px;
  font-size: 13px;
  color: #8e8d8d;
}
.forget-form .forget-tipewran10[_v-4aba51d4] {
  right: 10px !important;
}
.forget-form input[_v-4aba51d4]:focus {
  outline: none;
}
.form-warning[_v-4aba51d4] {
  color: #ff566b;
  font-size: 12px;
  margin-bottom: -15px;
}
.form-button[_v-4aba51d4] {
  margin-top: 30px;
  background: #6cf;
  border: 1px solid #6cf;
  width: 100%;
  height: 42px;
  font-size: 15px;
  color: #fff;
  line-height: 19px;
  font-weight: 800;
}
.form-button[_v-4aba51d4]:hover {
  background: #6cf;
}
.forget-way[_v-4aba51d4] {
  margin-top: 20px;
  font-size: 12px;
  height: 50px;
}
.form-label2[_v-4aba51d4] {
  color: #b7b7b7;
  font-size: 12px;
  line-height: 20px;
  font-family: MicrosoftYaHei;
}
.form-label[_v-4aba51d4] {
  font-size: 12px;
  color: #5398c0;
  line-height: 20px;
  font-family: MicrosoftYaHei;
}
.forget-clear[_v-4aba51d4] {
  clear: both;
}
.forget-img[_v-4aba51d4] {
  height: 33px;
  width: 33px;
  display: block;
  float: left;
  margin-left: 10px;
}
.forget-img-src1[_v-4aba51d4] {
  background: url(../images/sigup-weibo.4eb33064.png);
  background-size: cover;
}
.forget-img-src1[_v-4aba51d4]:hover {
  background: url(../images/weibo_hover.4d3610f3.png);
  background-size: cover;
}
.forget-img-src2[_v-4aba51d4] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAilBMVEUAAAAPr/8mw/8lw/8jwP8lwv8lwv8kwf8evf8lw/8lw/8lw/8lw/8iwf8hv/8lw/8lwv8lw/8kw/8lw/8lw/8kwP8iwv8kwv8kwv8cvf8mwv8lwv8lwv8jwv8kwv8mw/8mwv8lwv8kwv8mwv8jwf8lwv8lw/8lw/8lw/8lwv8cuf8lwf8lwv8mw/9yLSdwAAAALXRSTlMABfrkHPH8NQ7ZpoCWJSGczbOO3IlGQ1wxE+zIuFAq7d+EcVg61MFmq24JdFOCbQemAAACe0lEQVRYw7WYaZOiMBCGTULCKbcHHuM16szuvv//7y1lsbUOvGF0Uj4f0CLQ6XQ6fTB5Md4pjvL9SsrVPo/ik/e8hHkSokeYzJ/SoVYAdHFY+GkjRJP6i0OhAaj6UX2mmQSq2Bdfbws/rgCZTR8QEZQSJnrng++RgSyD72RsFUyW2sfTzEBtR0WIBFgvx6dZroFEjBg0hzlOvuVokFsN/KagZ5MHmGmoNz7k7xBOH9zAEDuf6rHDhtidE2ywI7p4ChtqLo7YQHmDmzlCooedIETenzSBpvawM9VIej4GM5s8ycxg+0U3hePkaY5Q9xYosZ78gDXKu+VJs+TuF19CrcPi6vETYOR/Q2bI6GG7oKN3dNmLnjQpd+47qimbxsh/OtaI+Bbew90oQt39UyAxSJzRo2RRCqqLyajI8BV9ZEMeqzDvnDWmowOu5LG4c9sQPokLGFKw+IHwtjfQ5PQuMESz06zhtT8nOkMCAvPIAqfbqg5kTIPAPOFws2iEBcmiYEi27pvonNm1BCVgls3b6x4p80TGimiSYt9eV2iIIpzfQyENVu1VYiC/hgXtDfcYkgqZw0rChNDlnGFFBmQ5zLA+RlgQw7ItjjFCSbaYOVuGET6IszG3j1DFoFwkSuL27AB+Kr/RYCxrbMkBZKFAiFYQaDwRMxYKrEHpAwOUx4OSNTz++qPQJ/R5eLQG6jUYNQ3UtpSRgjMlKaOXvGjSqZKNREchSPKyp1Fx/Thro8/FZ9AaaBZHl0tRz2kaJXn5MciLvLTg2EsL9yLHvdxyL/zcS9BXFMPuZbl7g+Deqrg3Te7tm3sj6d7SujfXL2/z3T84uH/6cP8I485fSNejjr9j0loAAAAASUVORK5CYII=);
  background-size: cover;
}
.forget-img-src2[_v-4aba51d4]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAnFBMVEUAAAAmw/8lw/8jwf8lwv8lwv8lw/8mw/8mwv8mwv8mw/8kw/8mw/8mwv8mwv8jwv8iwv8kwv8jv/8Vv/8ktv8mwv8mw//////0/P8rxP++7f+k5v+d5P8yx//5/f/e9v9Rz//L8f/h9/+Q4P+E3f9f0//r+v/Y9P+16v+x6f952v9l1f9Izf9Dy/86yf8ow//F7/992/9v1//m+P/d8YCAAAAAFnRSTlMA+uQc3c2W7eyonIyIgVhQQyokDAc22/ET3QAAAhBJREFUWMO12NdWwkAQBmB3UySBAKLObAopFMWCWN7/3Yweacm/IWHlu8vNnNmd2ZarC7OGgefYPSF6tuMFQ6t7hLFrU4XtjjvlMJAEyUHbfCa+IC3hT1qEuO0LaiT6t6dijCSdJEeNIe5casW9a5hQh1pytBN8I6k1eYNj3F9TB9f3MA8cQx8F5GJJ6khatbo41JlTrZFLZ3ArPUZnGR31uqSzyMMV0Kcz9Q/WrSDsdV5kSmXRxxthYr+mfYLWBW+l8ZQgf9ciOJEXxQdma5zKtlkGeCiKj2Q4l8FfEFiaMOOKBBfob08m5JmrUpzKuKFZZ1zz0dC2NgE510WE2L+10YymThH0U58hITEDOSHDMkhAiGLgiZCgDOIRsGQkDQnwyiAOAQlDsMiOrjhPjDxsdOXpwWnFFgT0yiACDgZTb2gNwiBL1opREDicR9ZKp3g4Nuh4vU8wsajEc24Q4xJ7oDR6K9xsQb1HZppkihTtTAFagIuHfKoYyRN+AQsQbQXhpgzEQEQbEIMs7aYUgabHh4+t3R7Dzy+uynJCXO1GXTCSwI1ad2SsGXvFRwY+vMJ958/i93Q3syE4vPTHaPi8yhSrx2gxLT+W89V7ESVLeIyCA70rH1wtuhKT/73kmF+3zC9+5ldQ88vwJa7l5g8E86eK+aPJ/Plm/pA0f9KaP67Nn/nmPxzMf32Y/4S5rG8BFSnfIMN8YgAAAABJRU5ErkJggg==);
  background-size: cover;
}
.forget-img-src3[_v-4aba51d4] {
  background: url(../images/sigup-wechat.c7d9a368.png);
  background-size: cover;
}
.forget-img-src3[_v-4aba51d4]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAw1BMVEUAAAB+0iB50xp90yB90yB+0iB+0iF90yF+0yF+0yB+0yF+0iB+0iF+0SF+0iB90iB90SB80iB+0R55zh54zRxqvxVttgB70Bx+0yH////9/vyB1CbH7KCa3FHn99a96Y6J1zPz++rv+eTq+NvM7af5/fXR77HB6pW15oCx5Hit43Gg31yS2kOP2T33/PHf9MfZ8r2M2Dn7/vnx+uft+N/j9s/b8sG454ak4GOe3liD1Cr1++7h9Mrd88TU8LWn4WmW20sEbGVOAAAAGHRSTlMA5Bzt3c37+vmonJiUjIiBWFBDKiQMBzb5baJ2AAACt0lEQVRYw7WY6XKqMBSALwit+9btACIuKAruu7Yu7/9UlwlaySGhYNrvj0wcvok5SxL//TFytZJTlUw2m1HUXKUqpzfUCwoglEI91RzKEjCRyknn85p/Bi7P+dcEirfSE8TyVHr7yVGT4EekWqzivQiJKL7HLKgKCVG5C/wiQWKkF7bjIwMpyHww50EcKSyMucgSpESSI3FRITUqjlERHqCIcgweokbluvSYRApXQAkwLdeyN9N+YzCKtZRCdYtqznBnC+3GymnFVOO9pvNAcWlqFBPrwLXkv1OE7h+OrmFWY25/uSVLmRpuaAzaJs9Svkqo0FgakwlvLtK1J4fH9uQV3fIcjdDbejZ5+AIOQfcuhIem5I0GAKzJkwVgfJKnAUdSIBIFTYQj6XIkCokNY1V1Z2cHTwtrd9ICLhyL7Euq4YEje1Xt4X5k8nK36ksq4YElQ9EZttzZUvfn1+nvjKik4kty4YFe1NFvOaHR9hAwOV9CdaNuxDEw0dhxjnsTCg7MsKNhRibXmUfDQ/XnIXrha/SpRejSZZ3xJdnwwGGiUeyPgatP5qOfNqQ4bUqSRRJcOk3zlmc7ssYADkmeMZag7WZKrWqffCyN4HduAOxgpfDPUVBf7IQkXvMa2Otn9/rlFC+sCsiyvktGC41JG4c4BwjjHue5zukuVLKhtMe9zVyxJWuc9lXALP35nsjr7owtaeAClLHD1NpbA+Bw8bz5menQx7gV4PDA1lfwiymSbApuj1E8xtI2jWh7rEMcbrS/jHGjxltGlGEPzYMuPwltXhzGU0qCumQZbaNczEY7iEqzibeOZxlt6HHMzfPZPAC4nQ3a0NHRIhHGwEBHC3TISU/pt49b4gc/8SOo+GFY/FgufkH47auK+KVJ/PomfpEUv9KKX67Fr/nifziI//Uh/ifM3/IfI0NN+aE9mR4AAAAASUVORK5CYII=);
  background-size: cover;
}
.forget-assist[_v-4aba51d4] {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #83817b;
  line-height: 12px;
  width: 420px;
  height: 12px;
}

.forget-wrapper[_v-4aba51d4] {
  display: table-cell;
  vertical-align: middle;
}
.form-container[_v-4aba51d4] {
  position: relative;
  width: 420px;
  margin: 0px auto;
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
}
.form-container a[_v-4aba51d4] {
  text-decoration: none;
  color: inherit;
}

.modal-close[_v-4aba51d4] {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.modal-close img[_v-4aba51d4] {
  width: 14px;
}
.divide-line[_v-4aba51d4] {
  border: 1px solid #ececec;
  width: 419px;
  height: 0px;
  margin-top: 13px;
}

.market-text {
  position: relative;
  float: right;
  padding: 24px 24px 50px 24px;
  width: 390px;
  height: 100%;
  border-radius: 5px;
  background: #ededed;
  color: #666;
  font-size: 14px;
  font-family: Microsoft Yahei, Tahoma, Arial, Helvetica, sans-serif !important
}

.market-text .market-forward-view {
  position: relative;
  padding: 20px 20px 10px 125px;
  min-height: 110px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: #fff
}

.market-text .market-forward-view .img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  max-width: 80px;
  max-height: 80px
}

.market-text .market-forward-view .market-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 16px;
  font-family: Microsoft Yahei, Tahoma, Arial, Helvetica, sans-serif !important;
  word-break: break-all
}

.market-text .market-forward-view .market-dec {
  font-family: Microsoft Yahei, Tahoma, Arial, Helvetica, sans-serif !important;
  line-height: 1.2;
  word-break: break-all
}

.market-text .market-pay {
  margin: 0 auto;
  margin-top: 10px;
  width: 76%;
  height: 50px;
  text-align: center
}

.market-pay input {
  margin-top: 20px;
  padding-left: 5px;
  width: 150px;
  height: 30px;
  outline: medium;
  border: 1px solid #18CCC0;
  border-radius: 3px
}

.xiubi {
  margin-top: 20px
}

.market-pay .jhcode, .market-pay .qita {
  display: inline;
  margin: 0
}

.market-pay li {
  display: inline;
  padding: 3px 20px 3px 20px;
  width: 80px;
  border: 1px solid #18CCC0;
  border-radius: 3px;
  background: #fff;
  cursor: pointer
}

.market-pay .active {
  background: #18CCC0;
  color: #fff
}

.jhcode li {
  margin-right: -2px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.qita li {
  margin-left: -2px;
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.market-text .market-price .ty-price {
  margin-top: 15px;
  margin-bottom: 5px
}

.market-text .market-buy {
  margin-top: 40px
}

.market-text .market-buy a {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 30px;
  border-radius: 3px;
  background: #18CCC0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  cursor: pointer
}

.animation-zoom {
  -webkit-animation: fade-scale-02 450ms backwards
}

@-webkit-keyframes fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}