body {
    width: 100%;
    height: 13.34rem;
    background: linear-gradient(59deg, #4859f9 0%, #575af8 32%, #6876fb 71%, #3597fb 100%);
  }
  
  body .logo img {
    display: block;
    margin: 0.54rem auto 0;
    width: 2.14rem;
    height: 0.64rem;
  }
  
  body .title {
    margin-top: 0.55rem;
  }
  
  body .title p {
    text-align: center;
    font-size: 0.64rem;
    font-weight: bold;
    color: #ffffff;
  }
  
  body .box {
    margin: 0.66rem auto 0;
    width: 4.89rem;
    height: 0.69rem;
    background: #ffffff;
    border: 0.03rem solid #5255f3;
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  body .box .left {
    height: 0.69rem;
    display: flex;
    align-items: center;
  }
  
  body .box .left img {
    margin-left: 0.23rem;
    width: 0.31rem;
    height: 0.3rem;
  }
  
  body .box .left p {
    margin-left: 0.13rem;
    font-size: 0.28rem;
    font-weight: 400;
    color: #333333;
  }
  
  body .box .right {
    margin-right: -0.015rem;
    width: 2.84rem;
    height: 0.63rem;
    background: #f94c71;
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
  }
  
  body .box .right img {
    margin-left: 0.23rem;
    width: 0.31rem;
    height: 0.3rem;
  }
  
  body .box .right p {
    margin-left: 0.16rem;
    font-size: 0.28rem;
    font-weight: 400;
    color: #ffffff;
  }
  
  body .box1 {
    padding: 0 0.23rem;
    margin: 0.4rem auto 0;
    width: 6.5rem;
    height: 5.96rem;
    background: #ffffff;
    border-radius: 0.2rem;
  }
  
  body .box1 p {
    padding-top: 0.39rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 500;
    color: #333333;
  }
  
  body .box1 .one {
    margin-top: 0.41rem;
    display: flex;
    justify-content: space-between;
  }
  
  body .box1 .one .yxBox {
    display: flex;
    align-items: center;
    width: 2.88rem;
    height: 0.66rem;
    background: #f5f5f5;
    border-radius: 0.1rem;
    position: relative;
  }

  body .box1 .one .yxBox:hover .xueli {
    display: block;
    /* box-shadow: 1px 1px 1px 1px #000; */
  }
  
  body .box1 .one .yxBox img {
    margin-left: 0.21rem;
    width: 0.27rem;
    height: 0.31rem;
  }
  
  body .box1 .one .yxBox input {
    color: #333333;
    padding-left: 0.16rem;
    font-size: 0.28rem;
  }
  
  body .box1 .one .yxBox ::placeholder {
    font-size: 0.28rem;
    font-weight: 400;
    color: #999999;
  }

  body .box1 .one .yxBox .xueli {
    margin-top: 10px;
    width: 100%;
    position: absolute;
    top: 0.66rem;
    background: #f5f5f5;
    padding-left: .2rem;
    padding-bottom: .1rem;
    display: none;
  }

  body .box1 .one .yxBox .xueli li {
    margin-top: .1rem;
  }

  body .box1 .one .yxBox .xueli li a {
    color: #333;
    font-size: .18rem;
  }
  
  body .box1 .one .mxBox {
    width: 2.88rem;
    height: 0.66rem;
    background: #f5f5f5;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
    position: relative;
  }

  .zhanwei {
    width: 100%;
    height: .1rem;
    position: absolute;
    top: 0.66rem;
  }

  body .box1 .one .mxBox:hover .jinyan {
    display: block;
  }
  
  body .box1 .one .mxBox img {
    margin-left: 0.19rem;
    width: 0.31rem;
    height: 0.31rem;
  }
  
  body .box1 .one .mxBox input {
    color: #333333;
    margin-left: 0.13rem;
    font-size: 0.28rem;
  }
  
  body .box1 .one .mxBox ::placeholder {
    font-size: 0.28rem;
    font-weight: 400;
    color: #999999;
  }

  body .box1 .one .mxBox .jinyan {
    margin-top: .1rem;
    width: 100%;
    position: absolute;
    top: 0.66rem;
    background: #f5f5f5;
    padding-left: .2rem;
    padding-bottom: .1rem;
    display: none;
  }

  body .box1 .one .mxBox .jinyan li {
    margin-top: .1rem;
  }

  body .box1 .one .mxBox .jinyan li a {
    color: #333;
    font-size: .18rem;
  }


  
  body .box1 .two {
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-between;
  }
  
  body .box1 .two .number {
    width: 1.11rem;
    height: 0.66rem;
    background: #f5f5f5;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.66rem;
    font-size: 0.28rem;
    font-weight: 400;
    color: #999999;
  }
  
  body .box1 .two .sjBox {
    width: 4.73rem;
    height: 0.66rem;
    background: #f5f5f5;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
  }
  
  body .box1 .two .sjBox img {
    margin-left: 0.41rem;
    width: 0.25rem;
    height: 0.37rem;
  }
  
  body .box1 .two .sjBox input {
    color: #333333;
    padding-left: 0.27rem;
    font-size: 0.28rem;
  }
  
  body .box1 .two .sjBox ::placeholder {
    font-size: 0.28rem;
    font-weight: 400;
    color: #999999;
  }
  
  body .box1 .two .yzBox {
    width: 3.42rem;
    height: 0.66rem;
    background: #f5f5f5;
    border-radius: 0.1rem;
    display: flex;
    align-items: center;
  }
  
  body .box1 .two .yzBox img {
    margin-left: 0.4rem;
    width: 0.33rem;
    height: 0.35rem;
  }
  
  body .box1 .two .yzBox input {
    color: #333333;
    padding-left: 0.26rem;
    font-size: 0.28rem;
  }
  
  body .box1 .two .yzBox ::placeholder {
    font-size: 0.28rem;
    font-weight: 400;
    color: #999999;
  }
  
  body .box1 .two .huoqu button {
    background: #f5f5f5;
    border-radius: 0.1rem;
    width: 2.42rem;
    height: 0.66rem;
    border: none;
    display: block;
    text-align: center;
    line-height: 0.66rem;
    font-size: 0.28rem;
    font-weight: 400;
    color: #999999;
  }
  
  body .box1 .read {
    margin-top: 0.4rem;
  }
  
  body .box1 .read a {
    display: block;
    text-align: center;
    font-size: 0.24rem;
    font-weight: 400;
    color: #999999;
  }
  
  body .box1 .submit {
    border: none;
    display: block;
    margin: 0.4rem auto 0;
    width: 5rem;
    height: 0.76rem;
    background: linear-gradient(90deg, #ff7747, #ff3e18);
    border-radius: 0.38rem;
    text-align: center;
    line-height: 0.76rem;
    font-size: 0.3rem;
    font-weight: 500;
    color: #ffffff;
  }
  
  body .box2 {
    margin: 0.4rem auto 0;
    width: 6.5rem;
    height: 1.16rem;
    background: #ffffff;
  }
  
  body .box3 {
    display: flex;
    justify-content: space-between;
    margin-top: 0.4rem;
  }
  
  body .box3 .left {
    margin-left: 0.5rem;
    width: 3.15rem;
    height: 1.16rem;
    background: #ffffff;
  }
  
  body .box3 .right {
    margin-right: 0.5rem;
    width: 3.15rem;
    height: 1.16rem;
    background: #ffffff;
  }

  .fidexbox{
	width:100%;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	z-index:99999;
	display: none;
	background:rgba(0,0,0,0.5);
}
.minkrand{
	width:500px;
	max-width:90%;
	position: absolute;
	left:50%;
	height: 400px;
	top:50%;
	padding:0 40px;
	background:#fff;
	z-index: 999;
	margin-top:-200px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.tjiao h3{
	text-align: center;
	font-size:36px;
	color:#0986dc;
	line-height:56px;
	padding:20px 0;
}
.duluobox p{
	font-size:18px;
	color:#333333;
	line-height:32px;
}
.picmik{
	text-align: center;
}
.picmik img{
	display: block;
	width:170px;
	height:170px;
	margin:0 auto;
}
.picmik p{
	font-size:18px;
	color:#333;
	line-height:30px;
}
.colosebut{
	cursor: pointer;
	width:27px;
	height:27px;
	position: absolute;
	right: 20px;
	top:20px;
	z-index: 99;
}