#app {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 表单 */
}
#app mask {
  color: #8e1537;
}
#app header {
  width: 100%;
  /* height: 1.866667rem /* 70/37.5 */; */
  /* background-color: #9f2241; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  /* padding: 0 0.4rem /* 15/37.5 */; */
  cursor: pointer;
  position: relative;
  /* border-bottom: 0.026667rem /* 1/37.5 */ solid #fff; */
  box-sizing: border-box;
  overflow: hidden;
}
#app header .title {
 width: 100%;
}
#app header img {
 width: 100%;
}
#app header .yibao {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: #fefefe;
}
#app header .yibao img {
  width: 0.933333rem /* 35/37.5 */;
  margin-bottom: 0.16rem /* 6/37.5 */;
}
#app header .yibao p {
  font-size: 0.293333rem /* 11/37.5 */;
  line-height: 0.4rem /* 15/37.5 */;
}
#app header .logo-box {
  width: 1.333333rem /* 50/37.5 */;
  height: 1.333333rem /* 50/37.5 */;
}
#app header .logo-box .logo {
  width: 1.333333rem /* 50/37.5 */;
  height: 1.333333rem /* 50/37.5 */;
}
#app .banner {
  width: 100%;
}
#app .banner .swiper-slide {
  width: 100%;
  padding: 0.4rem /* 15/37.5 */;
  padding-bottom: 0.8rem /* 30/37.5 */;
  box-sizing: border-box;
}
#app .banner .swiper-slide img {
  width: 100%;
}
#app .theme-pic {
  margin-bottom: 0.8rem /* 30/37.5 */;
  width: 100%;
}
#app nav {
  width: 92%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1.2rem /* 45/37.5 */;
  margin-top: 0.666667rem /* 25/37.5 */;
}
#app nav .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app nav .nav-item img {
  width: 50%;
  margin-bottom: 0.4rem /* 15/37.5 */;
}
#app nav .nav-item p {
  font-size: 0.373333rem /* 14/37.5 */;
  line-height: 0.533333rem /* 20/37.5 */;
}
#app .new-top-adv {

  width: 90%;
  display: block;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app .new-top-adv img {
  width: 100%;
}
#app .adv-1,
#app .adv-2 {
  width: 92%;
  margin: 0 auto;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app .part {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: .66667rem /* 40/37.5 */;
}
#app .part .part-title {
  width: 100%;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app .part .contact p {
  color: #9f2241;
  margin-bottom: 0.266667rem /* 10/37.5 */;
  text-align: center;
  font-size: 0.346667rem /* 13/37.5 */;
  font-weight: bold;
}
#app .part .contact .box {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: #f4f4f4;
  height: 0.96rem /* 36/37.5 */;
  border-radius: 0.48rem /* 18/37.5 */;
  box-shadow: 0.053333rem /* 2/37.5 */ 0.053333rem /* 2/37.5 */ 0.106667rem /* 4/37.5 */ 0.026667rem /* 1/37.5 */ #ddd;
}
#app .part .contact .box .phone {
  display: inline-block;
  padding: 0 0.266667rem /* 10/37.5 */;
  padding-left: 0.533333rem /* 20/37.5 */;
  height: 100%;
  line-height: 0.96rem /* 36/37.5 */;
  font-size: 0.4rem /* 15/37.5 */;
  color: #ff9501;
  text-align: center;
}
#app .part .contact .box .btn {
  display: inline-block;
  height: 0.96rem /* 36/37.5 */;
  background: #ff9501;
  padding: 0 0.4rem /* 15/37.5 */;
  color: #fff;
  text-align: center;
  border-radius: 0.48rem /* 18/37.5 */;
  line-height: 0.96rem /* 36/37.5 */;
  font-size: 0.373333rem /* 14/37.5 */;
}
#app .part1 {
  width: 90%;
  margin-bottom: 0;
}
#app .part1 .part-title {
  width: 100%;
  font-size: 0.4rem /* 15/37.5 */;
  color: #333;
  line-height: 1.066667rem /* 40/37.5 */;
  border-bottom: 1px dotted #ccc;
  padding: 0 0.266667rem /* 10/37.5 */;
  box-sizing: border-box;
  margin-bottom: 0;
}
#app .part1 .content {
  width: 100%;
  padding: 0.533333rem /* 20/37.5 */ 0;
}
#app .part1 .content .title {
  text-align:center;
  width: 100%;
  font-size: 0.426667rem /* 16/37.5 */;
  margin-bottom: 0.266667rem /* 10/37.5 */;
  color: #333;
  font-weight:bold;
}
#app .part1 .content .writerAddwatch {
  height: 1.066667rem /* 40/37.5 */;
  line-height: 1.066667rem /* 40/37.5 */;
  width: 100%;
  display: flex;
  align-items: center;
  color: #909090;
  font-size: 0.373333rem /* 14/37.5 */;
}
#app .part1 .content .writerAddwatch .writer{
	margin-left:1rem;
}
#app .part1 .content .detail {
  margin: 0.266667rem /* 10/37.5 */ 0;
  font-size: 0.373333rem /* 14/37.5 */;
  color: #666;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app .part1 .content .detail /deep/ p {
  font-size: 0.373333rem /* 14/37.5 */;
  line-height: 0.64rem /* 24/37.5 */;
  text-indent: 1em;
}
#app .part1 .content .detail img {
  max-width: 100%;
  width: 100%;
  margin: 0.266667rem /* 10/37.5 */ 0;
}
#app .part1 .content .opr {
  text-align: center;
}
#app .part1 .content .opr .item {
  width: 90%;
  margin: 0 auto;
  font-size: 0.373333rem /* 14/37.5 */;
  margin-bottom: 0.533333rem /* 20/37.5 */;
  text-align: left;
  line-height: 0.533333rem /* 20/37.5 */;
}
#app .part1 .content .opr .item .opr-title {
  color: #f89007;
}
#app .part3 .text {
  width: 90%;
  text-align: left;
  font-size: 0.373333rem /* 14/37.5 */;
  line-height: 0.533333rem /* 20/37.5 */;
  margin-bottom: 0.533333rem /* 20/37.5 */;
  text-indent: 1em;
}
#app .part3 .text mask {
  color: #ff0000;
}
#app .part3 .dongtai {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.8rem /* 30/37.5 */;
}
#app .part3 .dongtai .title {
  background: #FE9B11;
  width: 5.333333rem /* 200/37.5 */;
  text-align: center;
  height: 0.8rem /* 30/37.5 */;
  line-height: 0.8rem /* 30/37.5 */;
  color: #fff;
  font-size: 0.373333rem /* 14/37.5 */;
  border-top-left-radius: 0.4rem /* 15/37.5 */;
  border-top-right-radius: 0.4rem /* 15/37.5 */;
}
#app .part3 .dongtai .gif {
  width: 100%;
}
#app .part3 .tab-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app .part3 .tab-box .tab-name-box {
  display: flex;
  align-items: center;
}
#app .part3 .tab-box .tab-name-box .tab-name {
  width: 2.666667rem /* 100/37.5 */;
  text-align: center;
  height: 0.8rem /* 30/37.5 */;
  line-height: 0.8rem /* 30/37.5 */;
  background: #DADADA;
  color: #fff;
  font-size: 0.373333rem /* 14/37.5 */;
}
#app .part3 .tab-box .tab-name-box .tab-name.active {
  background: #FE9B11;
}
#app .part3 .tab-box .tab-name-box .tab-name:nth-child(1) {
  border-top-left-radius: 0.4rem /* 15/37.5 */;
}
#app .part3 .tab-box .tab-name-box .tab-name:nth-child(2) {
  border-top-right-radius: 0.4rem /* 15/37.5 */;
}
#app .part3 .tab-box .tab-content {
  margin: 0.266667rem /* 10/37.5 */ 0;
  width: 100%;
}
#app .part3 .tab-box .tab-content #part1-swiper,
#app .part3 .tab-box .tab-content #part3-swiper {
  text-align: center;
}
#app .part3 .tab-box .tab-content #part1-swiper .swiper-wrapper,
#app .part3 .tab-box .tab-content #part3-swiper .swiper-wrapper {
  width: 100%;
  text-align: center;
}
#app .part3 .tab-box .tab-content #part1-swiper .swiper-wrapper .swiper-slide,
#app .part3 .tab-box .tab-content #part3-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  text-align: center;
}
#app .part3 .tab-box .tab-content .item-content {
  width: 90%;
  margin: 0 auto;
}
#app .part3 .tab-box .tab-dot-box {
  display: flex;
  align-items: center;
}
#app .part3 .tab-box .tab-dot-box .tab-dot {
  width: 1.2rem /* 45/37.5 */;
  height: 0.106667rem /* 4/37.5 */;
  border-radius: 0.053333rem /* 2/37.5 */;
  background: #DADADA;
  margin: 0 0.133333rem /* 5/37.5 */;
}
#app .part3 .tab-box .tab-dot-box .tab-dot.active {
  background: #FE9B11;
}
#app .part3 .tab-box .tab-zuoyou {
  font-size: 0.373333rem /* 14/37.5 */;
  height: 1.333333rem /* 50/37.5 */;
  line-height: 1.333333rem /* 50/37.5 */;
}
#app .tongku-box {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 0.666667rem /* 25/37.5 */;
}
#app .tongku-box .title {
  width: 100%;
  text-align: center;
  font-size: 0.373333rem /* 14/37.5 */;
  height: 1.333333rem /* 50/37.5 */;
  line-height: 1.333333rem /* 50/37.5 */;
  background: #2E2D2D;
  color: #fff;
}
#app .tongku-box .title .icon {
  width: 0.666667rem /* 25/37.5 */;
  height: 0.666667rem /* 25/37.5 */;
  display: inline-block;
  vertical-align: middle;
}
#app .tongku-box .content {
  background: #CC0000;
  width: 100%;
}
#app .tongku-box .content .row {
  width: 100%;
  display: flex;
  align-items: center;
  height: 1.066667rem /* 40/37.5 */;
  line-height: 1.066667rem /* 40/37.5 */;
  justify-content: space-between;
  padding: 0 0.4rem /* 15/37.5 */;
  box-sizing: border-box;
}
#app .tongku-box .content .row .value {
  color: #FEF0B4;
  font-size: 0.346667rem /* 13/37.5 */;
}
#app .part2 {
  width: 90%;
}
#app .part2 .content {
  width: 100%;
  margin-bottom: 0.266667rem /* 10/37.5 */;
}
#app .part2 .content .tab-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#app .part2 .content .tab-box .tab-name-box {
  display: flex;
  align-items: center;
}
#app .part2 .content .tab-box .tab-name-box .tab-name {
  width: 2.666667rem /* 100/37.5 */;
  text-align: center;
  height: 0.8rem /* 30/37.5 */;
  line-height: 0.8rem /* 30/37.5 */;
  background: #DADADA;
  color: #fff;
  font-size: 0.373333rem /* 14/37.5 */;
}
#app .part2 .content .tab-box .tab-name-box .tab-name.active {
  background: #FE9B11;
}
#app .part2 .content .tab-box .tab-name-box .tab-name:nth-child(1) {
  border-top-left-radius: 0.4rem /* 15/37.5 */;
}
#app .part2 .content .tab-box .tab-name-box .tab-name:nth-child(2) {
  border-top-right-radius: 0.4rem /* 15/37.5 */;
}
#app .part2 .content .tab-box .tab-content {
  margin: 0.266667rem /* 10/37.5 */ 0;
  width: 100%;
}
#app .part2 .content .tab-box .tab-content #part1-swiper,
#app .part2 .content .tab-box .tab-content #part3-swiper {
  text-align: center;
}
#app .part2 .content .tab-box .tab-content #part1-swiper .swiper-wrapper,
#app .part2 .content .tab-box .tab-content #part3-swiper .swiper-wrapper {
  width: 100%;
  text-align: center;
}
#app .part2 .content .tab-box .tab-content #part1-swiper .swiper-wrapper .swiper-slide,
#app .part2 .content .tab-box .tab-content #part3-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  text-align: center;
}
#app .part2 .content .tab-box .tab-content .item-content {
  width: 100%;
  margin: 0 auto;
}
#app .part2 .content .tab-box .tab-dot-box {
  display: flex;
  align-items: center;
}
#app .part2 .content .tab-box .tab-dot-box .tab-dot {
  width: 0.213333rem /* 8/37.5 */;
  height: 0.213333rem /* 8/37.5 */;
  border-radius: 50%;
  background: #DADADA;
  margin: 0 0.133333rem /* 5/37.5 */;
}
#app .part2 .content .tab-box .tab-dot-box .tab-dot.active {
  background: #9f2241;
}
#app .part2 .content .tab-box .tab-zuoyou {
  font-size: 0.346667rem /* 13/37.5 */;
  height: 1.333333rem /* 50/37.5 */;
  line-height: 1.333333rem /* 50/37.5 */;
}
#app .part2 .content .tip {
  width: 100%;
  font-size: 0.32rem /* 12/37.5 */;
  line-height: 0.533333rem /* 20/37.5 */;
  text-indent: 1em;
  margin: 0.4rem /* 15/37.5 */ 0;
}
#app .part2 .content .tip .icon {
  width: 0.426667rem /* 16/37.5 */;
  vertical-align: middle;
}
#app .part2 .content .tip span {
  vertical-align: middle;
}
#app .part2 .part2swiper-pagination {
    text-align: center;

}
#app .part3 {
  width: 90%;
  /* 用绝对定位使按钮脱离文档流，透明度设置为0将其隐藏 */
  /* 利用选择器实现  tab切换 */
  /* 当radio为选中状态时设置它的test-label兄弟元素的属性 */
  /* 当radio为选中状态时设置与它同级的tab-box元素的显示层级 */
}
#app .part3 .opr {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 0.5rem;
}
#app .part3 .opr .item {
  width: 2.4rem /* 90/37.5 */;
  height: 0.8rem /* 30/37.5 */;
  border-radius: 0.4rem /* 15/37.5 */;
  line-height: 0.8rem /* 30/37.5 */;
  text-align: center;
  background: #fd5a4e;
  color: #fff;
  font-size: 0.346667rem /* 13/37.5 */;
}
#app .part3 .content {
  width: 100%;
  height: 7.1rem /* 250/37.5 */;
  border: 1px solid #f0ebeb;    
  border-radius: 0.2rem /* 18/37.5 */;
  box-shadow: 0.053333rem /* 2/37.5 */ 0.053333rem /* 2/37.5 */ 0.106667rem /* 4/37.5 */ 0.026667rem /* 1/37.5 */ #ddd;
}
#app .part3 .tab-list {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
      margin-top: 0.5rem;
}
#app .part3 .tab-list .tab-itom {
  list-style: none;
  margin-right: 3px;
}
#app .part3 .tab-list .tab-itom .test-label {
  position: relative;
  display: block;
  height: 0.8rem /* 30/37.5 */;
  border: 1px solid transparent;
  line-height: 0.8rem /* 30/37.5 */;
  text-align: center;
  background: #30969c;
  color: #fff;
  font-size: 0.346667rem /* 13/37.5 */;
  padding: 0 0.32rem /* 12/37.5 */;
}
#app .part3 .tab-list .tab-itom .tab-box {
  /* 设置绝对定位方便定位相对于tab-list栏的位置，同时为了可以使用z-index属性 */
  position: absolute;
  left: 0;
  top: 1.066667rem /* 40/37.5 */;
  width: 100%;
  height: 5.333333rem /* 200/37.5 */;
  overflow: hidden;
  background: #fff;
  /* 设置层级最低方便选中状态遮挡 */
  z-index: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 .5rem;
    border-radius: 0.48rem;
}
#app .part3 .tab-list .tab-itom .tab-box .poster {
  width: 40%;
  margin: 0;
  margin-right: 0.433333rem /* 20/37.5 */;
}
#app .part3 .tab-list .tab-itom .tab-box .info {
  flex: 1;
}
#app .part3 .tab-list .tab-itom .tab-box .info .name {
  font-size: 0.426667rem /* 16/37.5 */;
  color: #666;
  font-weight: bold;
  line-height: 0.586667rem /* 22/37.5 */;
  margin-bottom: 0.133333rem /* 5/37.5 */;
}
#app .part3 .tab-list .tab-itom .tab-box .info .job {
  font-size: 0.346667rem /* 13/37.5 */;
  color: #832c41;
  line-height: 0.8rem /* 30/37.5 */;
  margin-bottom: 0.16rem /* 6/37.5 */;
  position: relative;
}
#app .part3 .tab-list .tab-itom .tab-box .info .job:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28%;
  background: #9f2241;
  height: 0.053333rem /* 2/37.5 */;
}
#app .part3 .tab-list .tab-itom .tab-box .info .instro {
  font-size: 0.32rem /* 12/37.5 */;
  color: #909090;
  line-height: 0.48rem /* 18/37.5 */;
  margin-bottom: 0.133333rem /* 5/37.5 */;
}
#app .part3 .tab-list .tab-itom .tab-box .info .instro .item {
  line-height: 0.48rem /* 18/37.5 */;
}
#app .part3 .tab-list .tab-itom .tab-box .info .goodAt {
  font-size: 0.32rem /* 12/37.5 */;
  color: #909090;
  line-height: 0.48rem /* 18/37.5 */;
}
#app .part3 input[type="radio"] {
  position: absolute;
  opacity: 0;
}
#app .part3 input[type="radio"]:checked + .test-label {
  /* 为了修饰存在的边框背景属性 */
  background: #ff9501;
  /* 为了修饰存在的层级使下边框遮挡下方div的上边框 */
  z-index: 10;
  position: relative;
}
#app .part3 input[type="radio"]:checked + .test-label:after {
  display: block;
  content: "";
  background: url(../../images/arrow_down_yellow.png) no-repeat;
  width: 0.32rem /* 12/37.5 */;
  height: 0.24rem /* 9/37.5 */;
  background-size: 100%;
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
}
#app .part3 input[type="radio"]:checked ~ .tab-box {
  /* 选中时提升层级，遮挡其他tab页达到选中切换的效果 */
  z-index: 5;
}
#app .advertisement {
  margin-bottom: 0.8rem /* 30/37.5 */;
  display: block;
}
#app .part4 {
  width: 90%;
}
#app .part4 .content {
  width: 100%;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app .part4 .content .list {
  border: 1px solid #eee;
  box-shadow: 2px 1px 4px #ddd;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#app .part4 .content .list .item {
  display: block;
  width: 33.3%;
}
#app .part5 {
  width: 90%;
}
#app .part5 .content {
  width: 100%;
  padding: 0.266667rem /* 10/37.5 */;
  box-sizing: border-box;
  box-shadow: 0px 0px 2px 1px #eee;
  border-radius: 0.266667rem /* 10/37.5 */;
}
#app .part5 .list {
  width: 100%;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app .part5 .list .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.64rem /* 24/37.5 */;
  line-height: 0.64rem /* 24/37.5 */;
  font-size: 0.346667rem /* 13/37.5 */;
  margin-bottom: 0.106667rem /* 4/37.5 */;
}
#app .part5 .list .item .left {
  width: 40%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f89007;
}
#app .part5 .list .item .right {
  width: 58%;
  text-align: left;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #8a8a8a;
}
#app .part5 .list .item .right mask {
  color: #ff9501;
  font-size: 0.373333rem /* 14/37.5 */;
  margin: 0 0.053333rem /* 2/37.5 */;
}
#app .part5 .table {
  width: 100%;
  display: flex;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app .part5 .table .cow {
  width: 50%;
}
#app .part5 .table .cow .cow-title {
  width: 100%;
  height: 0.96rem /* 36/37.5 */;
  background: #9f2241;
  color: #fff;
  font-size: 0.4rem /* 15/37.5 */;
  line-height: 0.96rem /* 36/37.5 */;
  text-align: center;
  border-bottom: 1px solid #fff;
}
#app .part5 .tab-list .tab-itom .test-label {
  width: 100%;
  position: relative;
  display: inline-block;
  height: 0.8rem /* 36/37.5 */;
  border: 1px solid transparent;
  line-height: 0.8rem /* 36/37.5 */;
  letter-spacing:0.2rem;
  text-align: center;
  background: #b88347;
  color: #fff;
  font-size: 0.4373333rem /* 14/37.5 */;
  font-weight:bold;
  padding: 0 0.32rem /* 12/37.5 */;
  margin: 0;
  margin-bottom: 0.2rem;
}
#app .part5 .table .cow .table-content {
  height: 4.8rem /* 180/37.5 */;
  overflow: hidden;
}
#app .part5 .table .cow .table-content .img-box {
  width: 100%;
  position: relative;
}
#app .part5 .table .cow .table-content .img-box img {
  width: 100%;
  height: 100%;
}
#app .part5 .table .cow .table-content .img-box .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.8rem /* 30/37.5 */;
  line-height: 0.8rem /* 30/37.5 */;
  background: #f3f3f3;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app .part5 .table .cow .project-content .img-box {
  height: 50%;
}
#app .part5 .table .cow .new-content .img-box {
  height: 100%;
}
#app .part5 .table .cow:first-child {
  border-right: 1px solid #fff;
}
#app .footer-banner {
  width: 100%;
}
#app form {
  margin: 0.533333rem /* 20/37.5 */ auto;
  background: #e8e8e8;
  width: 90%;
  text-align: center;
  border: 0.026667rem /* 1/37.5 */ solid #e1e1e1;
  border-radius: 0.266667rem /* 10/37.5 */;
}
#app form .form-header {
  width: 50%;
  height: auto;
  padding-top: 0.533333rem /* 20/37.5 */;
  margin-bottom: 0.533333rem /* 20/37.5 */;
}
#app form .input-box {
  height: 0.933333rem /* 35/37.5 */;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.266667rem /* 10/37.5 */;
}
#app form .input-box img {
  height: 40%;
  margin-right: 0.533333rem /* 20/37.5 */;
  margin-left: 0;
}
#app form .input-box input {
  width: 50%;
  border: 0.026667rem /* 1/37.5 */ solid #362e2b;
  border-radius: 0.133333rem /* 5/37.5 */;
  background: #e8e8e8;
  height: 80%;
  padding: 0 0.266667rem /* 10/37.5 */;
  font-size: 0.32rem /* 12/37.5 */;
}
#app form .opr {
  display: flex;
  align-content: center;
  justify-content: center;
  margin-top: 0.533333rem /* 20/37.5 */;
}
#app form .opr .submit {
  width: 3.333333rem /* 125/37.5 */;
  height: 0.96rem /* 36/37.5 */;
  line-height: 0.96rem /* 36/37.5 */;
  margin: 0 0.266667rem /* 10/37.5 */;
  background: #f89007;
  color: #fff;
  border-radius: 0.48rem /* 18/37.5 */;
  font-size: 0.373333rem /* 14/37.5 */;
  cursor: pointer;
}
#app form .opr .goutong {
  width: 3.333333rem /* 125/37.5 */;
  height: 0.96rem /* 36/37.5 */;
  line-height: 0.96rem /* 36/37.5 */;
  display: block;
  background: #006e63;
  color: #fff;
  margin: 0 0.266667rem /* 10/37.5 */;
  border-radius: 0.48rem /* 18/37.5 */;
  font-size: 0.373333rem /* 14/37.5 */;
  cursor: pointer;
}
#app form .tip {
  display: flex;
  font-size: 0.266667rem /* 10/37.5 */;
  color: #999;
  line-height: 0.48rem /* 18/37.5 */;
  margin: 0.533333rem /* 20/37.5 */ 0;
  justify-content: center;
}
#app form .tip img {
  margin: 0;
  width: 0.266667rem /* 10/37.5 */;
  height: 0.293333rem /* 11/37.5 */;
  margin-right: 0.133333rem /* 5/37.5 */;
  margin-top: 0.08rem /* 3/37.5 */;
}
#app footer {
  background: #fff;
  padding: 0;
  margin: 0;
}
#app footer .lianxi {
  width: 100%;
  height: 1.466667rem /* 55/37.5 */;
  background: #303030;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#app footer .lianxi img {
  margin: 0;
  width: 0.933333rem /* 35/37.5 */;
  height: 0.933333rem /* 35/37.5 */;
  margin-right: 0.4rem /* 15/37.5 */;
}
#app footer .lianxi p {
  color: #fff;
}
#app footer .lianxi .phone {
  text-align: left;
  font-size: 0.48rem /* 18/37.5 */;
  margin-bottom: 0.266667rem /* 10/37.5 */;
}
#app footer .lianxi .tip {
  font-size: 0.32rem /* 12/37.5 */;
  letter-spacing: 0.133333rem /* 5/37.5 */;
  text-align: left;
  color: #b5b5b5;
}
#app footer .foot-nav {
  width: 100%;
  height: 1.386667rem /* 52/37.5 */;
  background: #f89007;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#app footer .foot-nav .nav {
  display: block;
  width: 25%;
  height: 100%;
  line-height: 1.386667rem;
  /* 52/37.5 */
  color: #fff;
  font-size: 0.346667rem /* 13/37.5 */;
  position: relative;
}
#app footer .foot-nav .nav:after {
  content: " ";
  display: block;
  width: 0.026667rem /* 1/37.5 */;
  height: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#app footer .foot-nav .nav:last-child:after {
  content: " ";
  display: block;
  width: 0;
}
#app footer .info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.266667rem /* 10/37.5 */;
  box-sizing: border-box;
  background: #f6f6f6;
}
#app footer .info .left {
  flex: 1;
}
#app footer .info .left .common {
  margin-bottom: 0.266667rem /* 10/37.5 */;
}
#app footer .info .left .common img {
  width: 0.32rem /* 12/37.5 */;
  height: 0.32rem /* 12/37.5 */;
  margin-right: 0.266667rem /* 10/37.5 */;
}
#app footer .info .left .common span {
  line-height: 0.48rem /* 18/37.5 */;
  font-size: 0.32rem /* 12/37.5 */;
  color: #c19247;
}
#app footer .info .erweima {
  width: 1.733333rem /* 65/37.5 */;
  height: 1.733333rem /* 65/37.5 */;
  margin-left: 0.4rem /* 15/37.5 */;
}
#app footer .beian {
  width: 100%;
  background: #fff;
  text-align: center;
  font-size: 0.293333rem /* 11/37.5 */;
  line-height: 1.333333rem /* 50/37.5 */;
  height: 1.333333rem /* 50/37.5 */;
  color: #646464;
}