/**
*Added by liuxiaoxiao 20151211
*/
/*联系我们页面样式*/
html {
  height: 100%;
}
body {
  height: 100%;
}
.float-left {
  float: left;
}
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
.font-blue-contact {
  color: #0099e5;
}
svg path {
  fill: inherit;
}
.font-weight {
  font-weight: bold;
}
.wx-500px {
  margin-top: 20px;
  display: inline-block;
  background-image: url("//cdn-uat.500px.me/contact/imgs/wx_code.png");
  background-size: 84px 84px;
  width: 84px;
  height: 84px;
}
a {
  text-decoration: none;
  color: #000;
}
a:visited,
a:active {
  text-decoration: none;
  color: #000;
}
.content-pc {
  display: block;
}
.content-m {
  display: none;
}
.contact-region {
  text-align: left;
  background-color: #f7f8fa;
  border-bottom: 1px solid #eeeff2;
}
.contact-region .contact-head-region {
  background-image: url("//cdn-uat.500px.me/contact/imgs/head_bg.png");
  background-position: center center;
  height: 335px;
  background-repeat: no-repeat;
}
.contact-region .contact-main-content-region {
  width: 1230px;
  margin: 0 auto;
  padding: 50px 15px 30px 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.contact-region .contact-main-content-region .main-content-download .main-download-title {
  width: 142px;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  line-height: 25px;
}
.contact-region .contact-main-content-region .main-content-download .main-download-text {
  width: 259px;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 17px;
}
.contact-region .contact-main-content-region .main-content-download .main-download-image-container {
  margin-top: 8px;
  margin-bottom: 29px;
  width: 94px;
  height: 94px;
  display: inline-block;
  background-size: 94px 94px;
}
.contact-region .contact-main-content-region .main-content-download .main-download-image-container img {
  width: 94px;
  height: 94px;
}
.contact-region .contact-main-content-region .main-content-region-title {
  font-size: 18px;
  margin-bottom: 35px;
}
.contact-region .contact-main-content-region .main-content-per {
  width: 60%;
}
.contact-region .contact-main-content-region .main-content-per .content-per-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per {
  position: relative;
  margin-bottom: 30px;
  padding-left: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-img-container {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-img-container .contact-img {
  width: 32px;
  height: 32px;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-img-container .contact-img img {
  width: 32px;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-txt-per {
  color: #000;
  font-size: 14px;
  line-height: 22px;
  width: 200px;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-txt-per a {
  color: #000;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-txt-per a:hover,
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-txt-per a:active,
.contact-region .contact-main-content-region .main-content-per .content-per-contacts .contacts-per .contact-txt-per a:visited {
  color: #000;
}
.contact-region .contact-main-content-region .main-content-per .content-per-contacts.contacts-commerce .contacts-per {
  padding: 0;
}
.contact-footer-region {
  width: 1200px;
  height: 244px;
  margin: 0 auto;
  padding: 50px 15px 60px 15px;
  background-color: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.contact-footer-region .contact-logo-container {
  width: 75px;
}
.contact-footer-region .contact-logo-container .contact-500px-logo {
  width: 75px;
  height: 20px;
}
.contact-footer-region .module-per {
  text-align: left;
}
.contact-footer-region .module-per .module-per-title {
  font-size: 16px;
  font-weight: bold;
}
.contact-footer-region .module-per .module-per-content {
  margin-top: 15px;
  font-size: 14px;
  line-height: 25px;
}
.contact-footer-region .module-per .module-per-content .module-content-icp-number {
  display: inline-block;
  margin-top: 20px;
  color: #71767a;
  text-decoration: underline;
}
.contact-footer-region .module-per .module-per-content .com-link-per {
  display: block;
  width: 100%;
}
.contact-footer-region .footer-about {
  width: 370px;
  margin-left: 35px;
  margin-right: 35px;
}
.contact-footer-region .footer-500px-link {
  width: 60px;
  margin-left: 35px;
  margin-right: 60px;
}
.contact-footer-region .footer-500px-link .module-per-content {
  width: 100%;
  line-height: 35px;
}
.contact-footer-region .footer-social-community {
  width: 190px;
  margin-left: 60px;
  margin-right: 65px;
}
.contact-footer-region .footer-social-community .module-per-content {
  width: 100%;
}
.contact-footer-region .footer-social-community .module-per-content .com-per {
  width: 76px;
}
.contact-footer-region .footer-social-community .module-per-content .com-per span {
  padding-left: 6px;
}
.contact-footer-region .footer-social-community .module-per-content .com-per img {
  width: 100%;
}
.contact-footer-region .footer-social-community .module-per-content .com-per.com-weixin-div {
  margin-left: 35px;
}
.contact-footer-region .footer-app-down {
  width: 113px;
  margin-left: 60px;
}
.contact-footer-region .footer-app-down .module-per-content {
  width: 100%;
}
.contact-footer-region .footer-app-down .module-per-content .app_store_img {
  width: 100%;
}
.demo1{
	width: 40% !important;
	float: left;
	/* background-color: red; */
	height: 580px;
}

.demo2{
	/* width: 50% !important; */
	float: left;
	height: 580px;
	background-color: #FFFFFF;
}

 .demo3{
  width: 50%;
  height: 400px;
  /* background-color: green; */
  float: left;
  clear: left;
}

.tuku{
	width: 100%;
	height: 100%;
}

.img-contact_m{
  width: 90%;
  display: none;
}
@media only screen and (max-width: 800px) {
  .contact-region .contact-head-region {
    background-image: url("//cdn-uat.500px.me/contact/imgs/head_bg_m.png");
    height: 292px;
  }
  .contact-region .contact-main-content-region {
    width: 100%;
    padding: 0 !important;
  }
  .contact-region .contact-main-content-region .main-content-per {
    width: 100%;
  }
  .content-pc {
    display: none;
  }
  .content-m {
    display: block;
  }
  img.content-m {
    width: 100%;
  }
  .wx-500px {
    background-size: 110px 110px;
    width: 110px;
    height: 110px;
  }
  .contact-footer-region {
    display: none;
  }
  .demo1{
	  width: 100% !important;
  }
  .demo2{
  	  width: 100% !important;
  	  margin-top: 40px;
  	  height: 600px !important;
  }
  .demo1 .demo-content{
	  height: 400px;
	  width: 100% !important;
	 }
   .demo1 .demo-left{
    width: 100%;
   }

   .img-contact_m{
    display: block;
   }
   .main-app{
    padding-left:20px ;
    padding-top: 20px;
  }

  .img-contact{
    flex-wrap: wrap !important;
  }

  .contact-pc{
    display: inline-block;
    width: 50%;
  }
  .contact-pc img{
    width: 98% !important;
  }
}

.email{
	width: 200px;
	display: inline-block;
}

.weibo{
	width: 200px;
	display: inline-block;
}



.per{
	margin-left: 50px;
}

.space{
	height: 1px;
	background-color: #D7D8DB;
	margin-bottom: 30px;
	width: 95%;
}

.demo-content{
	width: 93%;
	height: 380px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-left: 20px;
}
.demo-left{
	width: 93%;
	height: 180px;
	margin-bottom: 50px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-left: 20px;
}

.demo2-content{
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-left: 20px;
	margin-left: 1;
}
.contact-txt-gg{
	margin-top: 30px;
}

.bold{
	font-weight: bold;
}
.contact-demo-text{
	margin-top: 50px;
}

.img-contact{
  width: 100%;
  display: flex; 
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}