@charset "UTF-8";
.wapper{
	width: 1200px;
	margin:0 auto;
}
.rows {
  display: block;
  position: relative;
  width: 1200px;
  margin: 0 auto; }

.clearflex:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.hide {
  display: none !important; }
/*  问答详情*/
.wendainfocss {
  margin-top: 22px;
  padding-bottom: 20px;
}
.wendainfocss .backs {
  padding-left: 30px;
  height: 60px;
  background-color: #f3f3f3; }
.wendainfocss .infomain {
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 3px;
}
.wendainfocss .infomain .issuetxt{
  width: 870px;
  padding-top: 30px;
  float: left;
  /* padding:  0 20px; */
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff;
  position: relative;
}
.wendainfocss .infomain .issuetxt .top_xin{
  width: 870px;
  height:auto;
  overflow: hidden;
}
.wendainfocss .infomain .issuetxt .top_xin>img{
  float: left;
  width: 60px;
  height:60px;
  border-radius: 30px;
}
.wendainfocss .infomain .issuetxt .top_xin>.answer_top{
  float: left;
  width: 780px;
  margin-left:10px;
  display: inline-block;

}


.wendainfocss .infomain .issuetxt .top_xin>.answer_top h5 {
  color: #8590a6;
  font-size: 14px;
  line-height: 18px;}
  .wendainfocss .infomain .issuetxt .top_xin>.answer_top  .ptxts {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  /* overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4; */
}
.wendainfocss .infomain .issuetxt .imgroom {
  display: block;
  padding:10px;
  text-align: center;
  /* overflow: hidden; */
 }
.imgroom.conlistcss {
  margin-top: 8px; }
.imgroom.conlistcss .parentCls {
  margin-bottom: 0; }
.imgroom.conlistcss .wntimg {
  display: inline-block;
  /* width: 100%; */
  height:auto;
  /* width: 100px;
  height: 60px;  */
}
.imgroom .parentCls {
  position: relative;
  display: inline-block;
  width: 100%;
  height:auto;
  padding: 0;
  border: none;
}
.imgroom .tool {
  text-align: center;
  padding: 10px 0; }
.imgroom .tool a {
  padding: 0 10px;
  color: #2d64b3; }
.imgroom .tool a:hover {
  text-decoration: underline; }
.imgroom .wntimg {
  display: inline-block;
  width: 100%;
  height: auto;
  text-align: center;
}
.imgroom .parentCls.gai{
  text-align: center;
}
.imgroom .wntimg img {
  max-width: 100%;
  height: 100%; 
}
.issuetxt .lookmore{
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 50px;
  background: -webkit-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,1)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,1)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,1)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,1)); /* 标准的语法（必须放在最后） */
  cursor: pointer;
}
.issuetxt .lookmore img{
  margin-right: 5px;
  width:14px;
  height:7px;
  position:absolute;
  top:50%;
  margin-top:-3.5px;
  left:50%;
  margin-left:-50px;
}
/* 关于提问者 */
.tiwenzhe{
  width: 280px;
  height: 280px;
  float: right;
  margin-right: 5px;
  margin-top: 30px;
  /* -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; */
  background: url(../img/tiwen_back.png) no-repeat top center;
  background-size: contain;
  box-shadow: #d8d8d8 0 0 3px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.tiwenzhe .tiwen-top{
  width: 240px;
  height: 280px;
  padding:0 20px;
}
.t-mes{
  padding-top: 65px;
  height:135px;
  border-bottom:1px solid #f5f5f5;
  text-align: center;
  
}
.t-mes img{
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
}
.t-mes p{
  font-size: 20px;
  color: #2c3e50;
  overflow: hidden
}
.t-tt{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 80px;
}
.t-tt::before{
  content: "";
  width:1px ;
  height:30px;
  background-color: #7fb9e5;
  position: absolute;
  left:50%;
  top:25px;
}
.t-tt>div{
  width: 50%;
  text-align: center;
  padding: 22px 0 16px;
}
.t-s{
  color: #777777;
  font-size: 14px;
  margin-bottom: 5px;
}
.t-x{
  color: #2c3e50;
  font-size: 16px;
  font-weight: bold;
}



/* 2019-07-13添加css */
.imgroom .parentCls.gai .thisbigpic img{
  height: auto;
  max-width: 100%;
}
.han_zan{
  color: #bd0000 !important;
}
.decks{
	border-top: 1px solid transparent;
background-color: #ececec;
  padding-top: 20px;
 }
.decks .wrapper{
background-color: #ececec;
 overflow: hidden;
}
.decks  .main_left{
  width: 800px;
  float: left;
  border-radius: 5px;
  padding-bottom: 20px;
}
.decks  .main_left .answer_top{
  font-size: 14px;
  height:60px;
  font-weight: 600;
  line-height: 60px;
  border-bottom: 1px solid #eaeaea;
  text-indent: 15px;
    background-color: #fff;
}
.decks  .main_left .answer_list{
  overflow: hidden;
  padding:20px 0 30px;
  vertical-align: top;
    background-color: #fff;
}
.decks  .main_left .answer_list .img_box{
  display: inline-block;
  padding:0 13px 0 12px;
  vertical-align: top;
}
.decks  .main_left .answer_list .img_box img{
  width: 50px;
  height:50px;
  border-radius: 50%;
}
.decks  .main_left .answer_list .content_list{
  width: 690px;
  vertical-align: top;
  display: inline-block;
}
.decks  .main_left .answer_list .content_list .tit_box{
  width: 690px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.decks  .main_left .answer_list .content_list .tit_box .name_p{
 font-size: 14px;
 color:#999;
 line-height: 18px;
  margin-bottom: 5px;
}
.decks  .main_left .answer_list .content_list .tit_box .starttip_p{
	font-size: 14px;
	color:#666;
  /*color:#bd0000;*/
	line-height: 18px;
	margin-bottom: 15px;
	padding:5px 10px 5px 0;
	/*background-color: #ffece7;*/
}
.decks  .main_left .answer_list .content_list .tit_box .endtip_p{
	font-size: 14px;
	color:#666;
  /*color:#bd0000;*/
	line-height: 18px;
	margin-bottom: 15px;
	padding:5px 10px 5px 0;
/*background-color: #ffece7;*/
}
.decks  .main_left .answer_list .content_list .tit_box .content_p{
  
  padding:0 10px;
  font-size: 14px;
  color:#333;
  line-height: 22px;
  margin-bottom: 10px;
 }
 .decks  .main_left .answer_list .content_list .tit_box .content_img{
   overflow: hidden;
   margin-bottom: 20px;
 }
 .decks  .main_left .answer_list .content_list .tit_box .content_img img{
   width:140px;
   height: 100px;
   float: left;
   margin-right: 20px;
   cursor: pointer;
 }
 .decks  .main_left .answer_list .content_list .next_box{
   background-color: #f0f6fb;
   padding:0px 20px;
 }
 .decks  .main_left .answer_list .content_list .next_box>div{
  padding:20px 0;
  border-bottom: 1px dashed #eaeaea;
}
.decks  .main_left .answer_list .content_list .next_box>div .st_p{
  font-size: 14px;
  color:#666;
  line-height: 20px;
  margin-bottom: 10px;
}
.decks  .main_left .answer_list .content_list .next_box>div .teacher_p{
  word-break: break-all;
}
.decks  .main_left .answer_list .content_list .next_box>div .st_p i{
  width: 13px;
  height: 19px;
  background: url(../images/mimi.png);
  background-size: 100% 100%;
  font-style: normal;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  margin-left: 5px;
  vertical-align: middle;
  margin-top: -10px;
  font-weight: normal;
}
.decks  .main_left .answer_list .content_list .next_box>div .student_img{
  overflow: hidden;
  margin-top: 10px;
}
.decks  .main_left .answer_list .content_list .next_box>div .student_img img{
  width:100px;
   height: 70px;
   float: left;
   margin-right: 20px;
   cursor: pointer;
}

.decks  .main_left .answer_list .content_list .next_box>div .teacher_img{
  overflow: hidden;
  margin-top: 10px;
}
.decks  .main_left .answer_list .content_list .next_box>div .teacher_img img{
  width:100px;
   height: 70px;
   float: left;
   margin-right: 20px;
   cursor: pointer;
}
.decks  .main_left .answer_list .content_list .next_box>div  .st_p i{
 display: inline-block;

}
.decks  .main_left .answer_list .content_list .next_box>div  .st_p .date_span{
  color:#999;
  margin-left: 20px;
}
.decks  .main_left .answer_list .content_list .next_box>div  .st_p .name_span{
 font-weight: 600;
}
.decks  .main_left .answer_list .content_list .next_box>div  .steacher_p{
  font-size: 14px;
  color:#555;
  line-height: 22px;
}
.decks  .main_left .answer_list .last_box{
  width: 550px;
  height:150px;
  margin:80px auto 0;
  background: url(../img/back_last.png) no-repeat center center;
  background-size: 100%;
  font-size: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.decks  .main_left .answer_list .last_box:before{
  content: "";
  width:1px ;
  height:80px;
  background-color: #f34b4b;
  position: absolute;
  left:50%;
  top:35px;
}
.decks  .main_left .answer_list .content_list .last_box>div{
  width: 50%;
  height:150px;
  border-top:1px solid transparent;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.decks  .main_left .answer_list .content_list .last_box>div>p{
  font-size: 14px;
  line-height: 22px;
  color:#333;
  width:170px;
  margin: 20px auto  0;
  text-align: center
}
.decks  .main_left .answer_list .content_list .last_box>div>button{
  padding:0 20px;
  font-size: 14px;
  line-height: 30px;
  color:#fff;
  background-color: #f34b4b;
  border-radius: 5px;
  border:0 none;
  outline: none;
  cursor:pointer;
}
.zz{
    width: 800px;
    height: 660px;
    position: fixed;
    left: calc(50% - 400px);
    top: calc(50% - 330px);
    background: rgba(0,0,0,0.85);
    display: none;
    z-index: 999;
    padding-bottom:60px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.zz p{
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    user-select: none;
    overflow: hidden;
    color: #fff;
    padding: 0 40px 0 15px;
    line-height: 40px;
}
.zz .previewImg{
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 560px;
    overflow-x: scroll;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
}
.zz .previewImg img{
    position: absolute;
    opacity: 0;
    max-width: 100%;
    max-height: 100%;
}
.del{
    position: absolute;
    right: -50px;
    top: 0;
    height: 40px;
    width: 40px;
    z-index: 999;
}
.del:hover{;
    cursor: pointer;
}

.main_right{
    width: 370px;
    min-height: 500px;
    float: right;
}
.hot_anwser{
	margin-top: 20px;
    padding: 0 13px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.hot_anwser h6{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
}
.hot_anwser ul{
    padding-left: 44px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hot_anwser ul li{
    line-height: 20px;
    color: #333;
    font-size: 14px;
    margin: 15px 0;
    position: relative;
}
.hot_anwser ul li::after{
    content: "问";
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #ffece7;
    color: #bd0000;
    position: absolute;
    left: -36px;
    top: 0;
    text-align: center;
}

.hot_anwser ul li a{
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main_right .detailright{
	display: inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	background-color: #fff;
	width:350px;
}
.main_right .detailright>h6{
	background-color: #fff;
	padding:20px 10px;
	font-size: 18px;
	color: #333;
	height: 20px;
	text-align: left;
	border-bottom: 1px solid #ececec;
	position: relative;
}
.main_right .detailright .recommendation{
	padding:0px 10px 30px;
}
.main_right .detailright .recommendation .recomitem{
	margin-top: 20px;
}
.main_right .detailright .recommendation .recomitem>a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
	width: 320px;
	height: 80px;
}
.main_right .detailright .recommendation .recomitem>a>img{
	width: 125px;
	height: 80px;
}
.main_right .detailright .recommendation .recomitem>a>.recomitemtext{
	width: 180px;
	height: 80px;
}
.main_right .detailright .recommendation .recomitem>a>.recomitemtext>h6{
	font-size: 14px;
	line-height: 24px;
	color: #333;
	text-align: left;
	height: 24px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.main_right .detailright .recommendation .recomitem>a>.recomitemtext>p{
	font-size: 14px;
	color: #999;
	line-height: 30px;
	text-align: left;
	height: 30px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.main_right .detailright .recommendation .recomitem>a>.recomitemtext>span{
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 70px;
	height: 25px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
	background-color: #e04946;
	border-radius: 13px;
	cursor: pointer;
}
.imglist img{
    cursor:pointer
}
.transcate {
    display:flex;
    justify-content:space-between;
    flex-direction: row;
    padding:0 240px;
    position:absolute;
    bottom:0;
    width:800px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.transcate div{
    width:110px;
    line-height:60px;
    color:#fff;
    text-align:center;
    font-size: 18px;
    cursor:pointer;
}

/* 评级星星 */
#star_box input {
  display: none;
}

#star_box label {
  cursor: pointer;
  font-size: 20px;
  color: yellow;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 10px;
  float: left;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-shadow: 0 3px 3px #2b3c4e;
}
#star_box label:hover {
  font-size: 24px;
  color: #FFF;
  text-shadow: 0 0 5px #b9c9d8;
}
#star_box label:before {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  margin-top: 0;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f005";
}

#star_box input:checked + label ~ label:before {
  content: "\f006";
}

#star_box {
  /* display: block; */
  text-align: center;
  width: 150px;
  margin:0 auto;
  overflow: hidden;
}
#star_box:hover label:before {
  content: "\f005";
}
#star_box:hover label:hover ~ label:before {
  content: "\f006";
}
/* 评价过的 */
.decks  .main_left .answer_list .ping_box{
  width: 550px;
  height:150px;
  margin:80px auto 0;
  background: url(../img/back_last.png) no-repeat center center;
  background-size: 100%;
  font-size: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.decks  .main_left .answer_list .ping_box h6{
  color:#333;
  font-size: 16px;
  line-height: 30px;
  position: absolute;
  left:20px;
  top:20px;
}
.decks  .main_left .answer_list .ping_box .box{
  width: 100%;
  margin:20px auto;
  text-align: center;
}
.decks  .main_left .answer_list .ping_box .list{
  width: 50%;
  /* float: left; */
  display: inline-block;
  text-align: right;
}
.decks  .main_left .answer_list .ping_box a{
  display: inline-block;
  width: 30px;
  height:30px;
  background: url(../img/20ryicon35.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}
.decks  .main_left .answer_list .ping_box a.star_checked{
  background: url(../img/20ryicon34.png) no-repeat center center;
  background-size: contain;
}
.decks  .main_left .answer_list .ping_box span{
  width: 50%;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  text-indent: 10px;
}





.mask_zhuibox{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1111;
}
/* 追问弹框 */
.zhui_box{
  width: 450px;
  height:430px;
  border-radius: 5px;
  background: url(../img/zhui_wen.png) no-repeat center center;
  background-size: 100% 100%;
  position: fixed;
  left:50%;
  top:50%;
  margin-left:-225px;
  margin-top: -215px;
}
.zhui_box>span{
  position: absolute;
  left:20px;
  top:156px;
 font-size: 14px;
 line-height: 20px;
 text-align: left;
 color:#333;
}
.zhui_box>span.span2{
  top:260px;
}
.zhui_box>textarea{
  width: 330px;
  height:80px;
  position: absolute;
  left:70px;
  top:150px;
  padding:5px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color:#666;
  border:1px solid #999;
  border-radius: 5px;
}
.zhui_box .TestNum{
  left: 335px;
  width: 70px;
  top: 220px;
  text-align: right;
}
textarea::-webkit-input-placeholder {
  color: #666666;
  font-size: 12px;
}
  
.zhui_box>button{
  width: 200px;
  height:35px;
  position: absolute;
  left:50%;
  top:370px;
  margin-left:-100px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color:#fff;
  outline: none;
  border:0 none;
  background:-webkit-linear-gradient(to right, #2295df, #3a63ea); 
  background:linear-gradient(to right,#2295df,#3a63ea);
  border-radius: 5px;
  cursor: pointer;
}
.zhui_box>i{
  width: 35px;
  height:35px;
  position: absolute;
  right:15px;
  top:15px;
  font-style: normal;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color:#fff;
  background-color: #125b81;
  border-radius: 18px;
  cursor: pointer;
  background: url(../img/close1.png);
  background-size: 100% 100%;
}

.mask_evaluate{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1111;
}
/* 评价弹框 */
.evaluate_box{
  width: 450px;
  height:430px;
  border-radius: 5px;
  background: url(../img/ping_wen.png) no-repeat center center;
  background-size: contain;
  position: fixed;
  left:50%;
  top:50%;
  margin-left:-225px;
  margin-top: -215px;
}
.evaluate_box>span{
  position: absolute;
  left:20px;
  top:206px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color:#333;
}
.evaluate_box>textarea{
  width: 330px;
  height:120px;
  position: absolute;
  left:70px;
  top:200px;
  padding:5px;
 font-size: 14px;
 line-height: 20px;
 text-align: left;
 color:#666;
 border:1px solid #999;
 border-radius: 5px;
}
.evaluate_box>button{
  width: 200px;
  height:35px;
  position: absolute;
  left:50%;
  top:375px;
  margin-left:-100px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color:#fff;
  outline: none;
  border:0 none;
  background:-webkit-linear-gradient(to right, #2295df, #3a63ea); 
  background:linear-gradient(to right,#2295df,#3a63ea);
  border-radius: 5px;
  cursor: pointer;;
}
.evaluate_box>i{
  width: 35px;
  height:35px;
  position: absolute;
  right:15px;
  top:15px;
  font-style: normal;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color:#fff;
  background-color: #125b81;
  border-radius: 18px;
  cursor: pointer;
  background: url(../img/close1.png);
  background-size: 100% 100%;
}
.evaluate_box .box{
  width: 100%;
  margin:20px auto;
  text-align: center;
  position: absolute;
  left:0;
  top:130px;
}
.evaluate_box .list{
  width: 50%;
  /* float: left; */
  display: inline-block;
  text-align: center;
}
.evaluate_box .list a{
  display: inline-block;
  width: 30px;
  height:30px;
  background: url(../img/20ryicon34.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
}
.evaluate_box .list a.star_checked{
  background: url(../img/20ryicon34.png) no-repeat center center;
  background-size: contain;
}
.evaluate_box .list span{
  width: 50%;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  text-indent: 10px;
}


.uploadfild {
  overflow: hidden;
  margin-top: 4px;
  position: absolute;
  top: 256px;
  left:70px;
}
.uploadfild .upimgs {
  position: relative;
  float: left;
  width: 80px !important;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
}
.uploadfild .upimgs img {
  width: 80px !important;
  height: 80px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.uploadfild .upimgs .cegjia {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  background: url("../img/icon_delete.png") no-repeat center;
}
.uploadfild .upimgs input {
  opacity: 0;
}
.uploadfild .upimgs:hover .cegjia {
  display: block;
}
.fifles {
  overflow: hidden;
  display: block;
  float: left;
  width: 80px !important;
  height: 80px;
  background: url("../img/a11.png") no-repeat center;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fifles input {
  opacity: 0;
}


.nodecks {
  display: block;
  width: 460px;
  height: 95px;
  margin: 58px auto 74px;
}
@media (max-width: 1200px) {
  .wendainfocss .infomain {
        width: 992px;
    }
    .wendainfocss .infomain .issuetxt {
        width: 705px;
    }
    .wendainfocss .infomain .issuetxt .top_xin {
        width: 100%;
    }
    .wendainfocss .infomain .issuetxt .top_xin>.answer_top {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .decks .main_left .answer_list {
        display: flex;
    }
  .wrapper {
    width: 992px;
  }
  .decks .main_left{
    width: 670px;
  }
  .isuueul li .screenmain{
    width: 560px;
  }
  .main_right{
    width: 300px !important;
  }
  .main_right .cfa_recom ul li .les_info{
    width: 117px !important;
  }
  .main_right .cfa_recom ul li .les_info p{
    margin: 6px 0 5px 0 !important;
  }
}
@media (max-width: 1024px) {
  	 .wendainfocss .infomain {
        width: 720px;
    }
    .wendainfocss .infomain .issuetxt {
        width: 433px;
    }
  .wrapper {
    width: 720px;
  }

  .decks .main_left{
    width: 720px;
  }
  .isuueul li .screenmain{
    width: 620px;
  }
  .main_right{
    width: 720px !important;
  }
  .main_right .hot_anwser ul li::after{
    top: -3px !important;
  }
  .main_right .cfa_recom ul li .les_info{
    width: 520px !important;
  }
  .main_right .detailright{
  	width:100%;
  }
  .main_right .detailright .recommendation .recomitem>a{
   width:100%;
  }
  .main_right .detailright .recommendation .recomitem>a>.recomitemtext{
  	width:380px;
    position:relative;
  }
  .main_right .detailright .recommendation .recomitem>a img{
   margin:0;
  }
  .main_right .detailright .recommendation .recomitem>a>.recomitemtext>h6{
   text-align:right;
  }
  .main_right .detailright .recommendation .recomitem>a>.recomitemtext>p{
  	text-align:right;
  }
  .main_right .detailright .recommendation .recomitem>a>.recomitemtext>span{
  	position:absolute;
    top:auto;
    left:auto;
    bottom:0;
    right:0;
  }
  .main_right .detailright .recommendation .recomitem{
  	    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
}