
page {
 padding-bottom: env(safe-area-inset-bottom);
}

.waper {
  background: #fff;
  border-radius: 8rpx;
  position: fixed;
  left: 20rpx;
  bottom: 198rpx;
  top: 20rpx;
  right: 20rpx;
  overflow: hidden;
}

.con {
  width: 630rpx;
  margin: 40rpx auto;
  height: 410rpx;
}

.title {
  font-size: 28rpx;
  color: #1384ff;
}

.con text {
  margin-top: 20rpx;
  font-size: 38rpx;
  color: #333;
}

.answer {
  width: 642rpx;
  margin: 0 auto;
}

.an-btn {
  width: 200rpx;
  height: 88rpx;
  margin: 7rpx;
  line-height: 84rpx;
  text-align: center;
  font-size: 32rpx;
  color: #333;
  background: #f5f5f5;
  border-radius: 6rpx;
  float: left;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  overflow: hidden;
}

.active {
  background: #1384ff;
  color: #fff;
  border: 1px solid #1384ff;
  box-sizing: border-box;
  overflow: hidden;
}

.btn {
  margin: 60rpx auto;
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 32rpx;
  color: #fff;
  background: #1384ff;
  border-radius: 4rpx;
  overflow: hidden;
  width: 630rpx;
  margin-top: 110rpx;
}

/* .none {
  height: 100rpx;
} */


.con_1 {
  height: 300rpx;
  /* border-bottom: 1px dashed #ababab; *//* position: relative; */
}

.line {
  position: fixed;
  top: 344rpx;
  left: 32rpx;
  width: 670rpx;
  height: 2px;
  border-bottom: 1px dashed #ababab;
}

.cir {
  width: 40rpx;
  height: 40rpx;
  position: fixed;
  background: #f0f2f5;
  border-radius: 50%;
  top: 330rpx;
  z-index: 999;
}

.cir_1 {
  left: 0;
}

.cir_2 {
  right: 0;
}

.answer .an-btn-1:nth-child(1) {
  margin-top: 0;
}

.an-btn-1 {
  height: 88rpx;
  color: #555;
  border: 1px solid #555;
  margin-top: 20rpx;
  line-height: 88rpx;
  border-radius: 8rpx;
  padding-left: 40rpx;
}

.an-btn-1 image {
  /* margin: 0 auto; */
  float: right;
  height: 30rpx;
  width: 30rpx;
  /* display: block; */
  margin-top: 27rpx;
  margin-right: 40rpx;
}

.active_1 {
  color: #1384ff;
  border: 1px solid #1384ff;
}

.btn_1 {
  position: absolute;
  /* margin: 20rpx auto 0;
 margin-bottom: 40rpx;  */
  bottom: 0;
  left: 50%;
  margin-left: -305rpx;
}

.btn_2 {
  position: absolute;
  bottom: 30rpx;
  left: 50%;
  margin-left: -305rpx;
}

.tjbtn {
   position: absolute; 
  bottom: 60rpx;
    left: 50%; 
   margin-left: -305rpx;  
  /* margin: 60rpx auto; */
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
  font-size: 32rpx;
  color: #fff;
  /* border-radius: 4rpx; */
  overflow: hidden;
  width: 630rpx;
  /* margin-top: 110rpx; */
  /* border: 1px solid red; */
}

.tjbtn view {
  border-radius: 8rpx;
}

.tjbtn view:nth-child(1) {
  width: 47%;
  float: left;
  background: #1384ff;
}

.tjbtn view:nth-child(2) {
  width: 47%;
  background: #1384ff;
  float: right;
}

.hid {
  display: none;
}

.bloc {
  display: block;
}

/*con_2  */

.con_2 {
  height: 240rpx;
  font-size: 36rpx;
  color: #333;
}

.answer_2 {
  background: #fff;
  height: 860rpx;
  position: relative;
  overflow: hidden;
}

.an-btn-2 {
  margin: 50rpx 30rpx 0 30rpx;
  position: relative;
}

.an-btn-2 image {
  position: absolute;
  left: 0;
  top: 3rpx;
  width: 30rpx;
  height: 30rpx;
  display: block;
  /* float: left; *//* margin-top: 10rpx; *//* margin-right: 20rpx; */
}

.an-btn-2 view {
  /* display: block;
  float: left; */
  margin-left: 50rpx;
}

/*two  */

page {
  background: #f0f2f5;
}

.header {
  width: 92%;
  margin: 40rpx auto;
  text-align: right;
  color: #4c4c4c;
}

.content {
  /* width: 92%; *//* margin:20rpx auto 60rpx; */
  
  margin: 0 20rpx;
  padding: 40rpx;
  padding-bottom: 80rpx;
  font-size: 36rpx;
  color: #333;
  background: #fff;
  border-radius: 10rpx;
  box-sizing: border-box;
}

.content>view {
  width: 100%;
}

.content .bn {
  margin-top: 60rpx;
}

.content .bn>view {
  /* width: 100%; */
  margin-top: 60rpx;
  width: 630rpx;
  height: 78rpx;
  font-size: 36rpx;
  color: #555;
  border-radius: 10rpx;
  box-sizing: border-box;
  
  overflow: hidden;
}

.content .subbn {
  width: 100%;
  overflow: hidden;
  /* padding: 35rpx 0; */
  padding-top: 10rpx;
}

.content .subbn view {
  float: left;
  line-height: 50rpx;
  /* padding: 0 30rpx; *//* padding-left: 30rpx; */
}

.content .subbn view:nth-child(1) {
  width: 86%;
  padding-left: 30rpx;
}

.content .subbn view image {
  height: 30rpx;
  width: 30rpx;
  display: block;
  margin-top: 10rpx;
}

.content .subbn view:nth-child(3) {
  width: 10%;
  text-align: right;
}


.footer {
  width: 630rpx;
  margin: 0 auto;
  margin-top: 100rpx;
  height: 88rpx;
  overflow: hidden;
  line-height: 88rpx;
  text-align: center;
  font-size: 34rpx;
  color: #fff;
  background: #1384ff;
  border-radius: 10rpx;
}

.footer1 {
  width: 630rpx;
  margin: 0 auto;
  margin-top: 80rpx;
  height: 88rpx;
  overflow: hidden;
  line-height: 88rpx;
  text-align: center;
  font-size: 34rpx;
  color: #fff;
  background: #1384ff;
  border-radius: 10rpx;
}

.footer1 button {
  height: 88rpx;
  line-height: 88rpx;
}

.hide {
  display: none;
}

.back {
  width: 100rpx;
  height: 100rpx;
  position: fixed;
  /* right: 5%; *//* bottom: 8%; */
  top: 14rpx;
  left: 0;
  z-index: 999;
}

/*  */

.img_1 {
  width: 100%;
  height: 325rpx;
  text-align: center;
  line-height: 325rpx;
  overflow: hidden;
}

.img_1 image {
  margin-top: 70rpx;
  width: 200rpx;
  height: 180rpx;
}
.btn1{
  height: 88rpx;
  width: 630rpx;
  margin: 0;
  position: absolute;
  bottom: 80rpx;
  left: 50%;
  margin-left: -315rpx;
}
.menuebtn{
    width: 295rpx;  
  /* width: 295rpx; */
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  float: left;
  background: #eaeaea;
  border: 1px solid #e3e3e3;
  /* border-radius: 18rpx; */
  box-sizing: border-box;
  
  font-size:34rpx;
  color: #999;
  /* opacity: 0.9; */
}
.menuebtn1{
   height: 88rpx;
  width: 630rpx;
   line-height: 88rpx;
  text-align: center;
  background: #eaeaea;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  
  font-size:34rpx;
  color: #999;
}
.menuebtn-active{
  background: #1384ff;
  color: #fff;
  border:none;
  opacity: 1;
}
.all-item {
  position: fixed;
  bottom: 14rpx;
  width: 100%;
  text-align: center;
  font-size: 30rpx;
  color: #333;
}