/* 预定义样式开始 */
body,
div,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
fieldset,
legend,
input {
  margin: 0;
  padding: 0;
}
h1,
h2,
h6 {
  font-size: 100%;
}
ol,
ul {
  list-style: none;
}
img,
fieldset {
  border: 0 none;
  display: block;
}
* {
  padding: 0rem;
  margin: 0rem;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
em {
  font-style: normal;
}
input {
  outline: none;
}
textarea {
  resize: none;
}
body {
  background-color: #fff;
  width: 10rem;
  line-height: 1.5;
  margin: 0 auto;
  background: url(../image/pt1.png);
}
html,
body {
  line-height: 1.5;
  font-family: "Microsoft Yahei", "微软雅黑", arial, "\5b8b\4f53";
}
i {
  font-style: normal;
}
.headtop {
  height: 2.2rem;
  position: absolute;
  top: 0;
  z-index: 999;
  left: 50%;
  transform: translate(-50%);
}
.headtop .headcont {
  width: 9.4667rem;
  height: 2.2rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headtop .headcont .leicon {
  width: 3.4133rem;
  height: 1.2933rem;
}
.headtop .headcont .leicon img {
  width: 3.4133rem;
  height: 1.2933rem;
}
.headtop .headcont .reicon {
  width: 0.6rem;
  height: 0.6rem;
}
.headtop .headcont .reicon img {
  width: 0.6rem;
  height: 0.6rem;
}
.headimg {
  width: 100%;
  height: 8.04rem;
}
.headimg img {
  width: 100%;
  height: 8.04rem;
}
.conte {
  width: 100%;
}
.conte ul {
  width: 9.16rem;
  margin: 0 auto;
  margin-top: 0.4533rem;
}
.conte ul li {
  width: 9.16rem;
  border: 0.0133rem solid #e6e6e6;
  display: flex;
  padding: 0.1333rem 0;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2667rem;
  background: #fff;
}
.conte ul li .contlit {
  width: 8.92rem;
  border: 0.0133rem solid #e6e6e6;
  padding-bottom: 0.7333rem;
}
.conte ul li .contlit .contop {
  width: 100%;
  height: 1.2rem;
  background-color: #f7f7f7;
  height: 2.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.conte ul li .contlit .contop .titlea {
  color: #333333;
  font-size: 0.7333rem;
  font-weight: bold;
  text-align: center;
  display: block;
  position: relative;
  margin-top: 0.2667rem;
}
.conte ul li .contlit .contop .titlea .tinum {
  color: #333333;
  position: absolute;
  top: -0.96rem;
  font-weight: bold;
  font-size: 1.68rem;
  opacity: 0.2;
  left: 50%;
  transform: translateX(-50%);
}
.conte ul li .contlit .contop i {
  font-size: 0.2933rem;
  color: #333;
  display: block;
  text-align: center;
}
.conte ul li .contlit .contccon {
  font-size: 0.3467rem;
  color: #333;
  margin: 0 auto;
  text-align: center;
}
.conte ul li .contlit .contccon span {
  display: block;
  margin-top: 0.3333rem;
}
.conte ul li .contlit .bt {
  width: 2.92rem;
  height: 0.72rem;
  background: #f7f7f7;
  border: 0.0267rem solid #f0f0f0;
  border-radius: 1.3067rem;
  margin: 0 auto;
  margin-top: 0.4933rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conte ul li .contlit .bt a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.conte ul li .contlit .bt a .iconr {
  width: 0.1867rem;
  height: 0.16rem;
  margin-right: 0.1467rem;
}
.conte ul li .contlit .bt a .iconr img {
  width: 0.1867rem;
  height: 0.16rem;
}
.conte ul li .contlit .bt a .ribak {
  color: #637490;
  text-shadow: 0.5px 0.87px 2px 1px rgba(0, 0, 0, 0.05);
  font-size: 0.32rem;
  font-weight: bold;
}
.conte ul li:first-child .contop {
  background: linear-gradient(91deg, #fa01fd 0%, #807db2 39%, #34cb86 74%);
}
.conte ul li:first-child .titlea {
  color: #fff !important;
}
.conte ul li:first-child .tinum {
  color: #fff !important;
}
.conte ul li:first-child i {
  color: #fff !important;
}
.conte ul li:first-child .bt {
  background: linear-gradient(91deg, #fa01fd 0%, #807db2 39%, #34cb86 74%) !important;
}
.conte ul li:first-child .ribak {
  color: #fff !important;
}
.conte .brtn {
  width: 100%;
  height: 3.84rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  padding-top: 0.8rem;
}
.conte .brtn a {
  font-size: 0.6667rem;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.conte .brtn span {
  color: #B5B5B5;
  font-size: 0.4rem;
}
.list {
  width: 100%;
  background: #000;
  padding-top: 0.7733rem;
}
.list .list_cont {
  width: 9.0933rem;
  margin: 0 auto;
}
.list .list_cont .list_t {
  width: 4.3867rem;
  height: 0.76rem;
}
.list .list_cont .list_t img {
  width: 4.3867rem;
  height: 0.76rem;
}
.list .list_cont .list_s {
  color: #858585;
  font-size: 0.4533rem;
  margin-top: 0.2rem;
}
.list .list_cont .listname {
  color: #9E9E9E;
  font-size: 0.4rem;
  margin-top: 0.64rem;
}
.list .list_cont .listul ul {
  margin-top: 0.4667rem;
}
.list .list_cont .listul ul li {
  color: #747474;
  font-size: 0.32rem;
  margin-top: 0.0667rem;
}
.list .list_cont .ares {
  width: 4.9333rem;
  height: 0.6267rem;
}
.list .list_cont form {
  margin-top: 0.6667rem;
}
.list .list_cont form input[type="text"] {
  width: 9.0933rem;
  background: transparent;
  height: 1rem;
  color: #747474;
  font-size: 0.32rem;
  border: 0;
  border-bottom: 0.0133rem solid #747474;
}
.list .list_cont form textarea {
  width: 9.0933rem;
  height: 2.1067rem;
  border: 0;
  border-bottom: 0.0133rem solid #747474;
  background: transparent;
  outline: none;
  color: #747474;
  font-size: 0.32rem;
  padding-top: 0.36rem;
  font-family: 微软雅黑;
}
.list .list_cont form button {
  width: 9.0933rem;
  height: 1.04rem;
  background: #fff;
  border-radius: 0.52rem;
  margin-top: 0.7467rem;
  font-size: 0.4rem;
  color: #111111;
  border: none;
}
.list .last_btn {
  width: 6.8933rem;
  margin: 0 auto;
  margin-top: 1.1067rem;
  color: #747474;
  font-size: 0.32rem;
  text-align: center;
  padding-bottom: 0.64rem;
}
.list .last_btn a {
  color: #747474;
  font-size: 0.32rem;
}
.social-share {
  justify-content: space-between !important;
}
.navMenu-rect {
  background: #fff !important;
}