@import "../dati/common/common.wxss";
.waper{
   background: #fff;
  border-radius: 8rpx;
  position: fixed;
  left: 20rpx;
  bottom: 20rpx;
  top: 20rpx;
  right: 20rpx;
  overflow: hidden;
}
.con_2 {
  height: 520rpx;
  /* background: #eaeaea; *//* width: 100%; */
}

.cir {
  top: 560rpx;
}

.line {
  top: 576rpx;
}

.list {
  height: 393rpx;
  margin-top: 30rpx;
  /* border: 1px solid red; */
  width: 630rpx;
  box-sizing: border-box;
  overflow: hidden;
}

.list image {
  width: 630rpx;
  height: 393rpx;
}

/* .imgList{
  margin: 0 11.5rpx;
}
.list .imgList:nth-child(1){
  margin-left: 0;
}
.list .imgList:nth-child(4){
  margin-right: 0;
} */

.answer {
  width: 100%;
  margin: -30rpx auto;
  overflow: hidden;
}

.answer .item {
  width: 156rpx;
  height: 98rpx;
  overflow: hidden;
  /* border: 1px solid red; */
  margin: 40rpx;
  float: left;
  text-align: center;
  /* box-sizing: border-box; */
}

.answer1 {
  width: 670rpx;
  margin: -31rpx auto;
  /* overflow: hidden; */
}

/* .pho6 {
  width: 156rpx;
  height: 98rpx;
} */

.answer1 .item1 {
  width: 120rpx;
  height: 80rpx;
  overflow: hidden;
  /* border: 1px solid red; */
  margin: 49rpx 24rpx;
  float: left;
  text-align: center;
  /* box-sizing: border-box; */
}

.answer1 .item1:nth-child(4) {
  float: right;
  margin-right: 20rpx;
}

.answer1 .item1:nth-child(8) {
  float: right;
  margin-right: 20rpx;
}

.answer1 .item1 image {
  width: 108rpx;
  height: 70rpx;
  margin-top: 6rpx;
}

.answer image {
  margin-top: 5rpx;
  width: 150rpx;
  height: 90rpx;
  /* display: none; */
}



.answer .backe {
   background: url(https://static.xiaodongai.com/xiaodongai/xinli/Public/public/images/60/raven_answer/border.png); 
  background-size: 156rpx 98rpx;
  width: 156rpx;
  height: 98rpx;
}
.answer1 .backe1 {
   background: url(https://static.xiaodongai.com/xiaodongai/xinli/Public/public/images/60/raven_answer/border.png); 
  background-size: 120rpx 80rpx;
  width: 120rpx;
  height: 80rpx;
}
.btn1{
  /* background: #fff; */
  height: 88rpx;
  width: 630rpx;
  /* margin: 30rpx auto; */
  /* margin-top: 30rpx; */
  margin: 0;
  position: absolute;
  bottom: 30rpx;
  left: 50%;
  margin-left: -315rpx;
  /* position: absolute;
  left: 50%;
  margin-left: -345rpx;
  bottom: 80rpx; */
}
.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;
}