*{
	padding: 0;
	margin: 0;
}
html,body{
    font-family: "微软雅黑";
    font-size: 62.5%;
    max-width: 640px;
    margin: 0 auto;
}
body{
  background-color: transparent!important;
}
.content66{
  background:#f4b800!important;
}
a{
	text-decoration: none;
}
ul,li{
	list-style: none;
} 
input{
	border: none;
}
input,textarea:focus{
	outline: none;
}
textarea{
	resize: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
input{ border-radius: 0; } 
input {-webkit-appearance:none; /*去除input默认样式*/}
.clear:after{
	display: block;
  overflow: hidden;
	clear: both;
  content: '';
  height: 0;
  font-size: 0;
  line-height: 0;
} 
.fl{
	float: left;
}
.fr{
	float: right;
}
.tc{
	text-align: center;
}
.df{
  display: flex;
  align-items: center;
}
.link_index{
  position: fixed;
  right: 3%;
  top: 40px;
  width: 70px;
}



/* .real_items>input::-webkit-input-placeholder,.real_items>textarea::-webkit-input-placeholder{
  font-size: 1.4rem;
  color: #999;
} */
.undertaking_question{
  width: 100%;
}
.undertaking_question_ul{
  padding-top: 180px;
  margin: 0 auto;
  width: 77%;
}
.undertaking_question_ul>li{
  margin-bottom: 15px;
  background: #ffdb67;
  border-radius: 5px;
}
.undertaking_question_ul>li>a{
  display: block;
  padding: 20px 2% 20px 8%;
  font-size: 1.5rem;
  color: #802f06;
  background: url(../images/pic5.png) no-repeat 3% center;
  background-size: 3%;
}

.middle_img{
  /* margin: 0 auto; */
  width: 100%;
}
.middle_img>img{
  width: 100%;
}
.click_next{
  margin: 0 auto 30px;
  width: 90%;
}
.click_next>a>img{
  width: 100%;
}

.user_comment{
  margin: 30px auto 0;
  width: 90%;
  height: 410px;
  border: 3px solid #b5640d;
  border-radius: 5px;
  background-color: #fffbce;
  /* background: url(../images/bg2.png) no-repeat; */
  background-size: 100% 100%;
}
.symbol{
  padding: 40px 0 100px;
  margin: 0 auto;
  width: 40%;
  text-align: center;
}
.symbol>img{
  width: 100%;
}



/* 内页 */
.head_top{
  position: relative;
  padding: 66px 0;
  text-align: center;
  background: url(../images/pic7.png) no-repeat center;
  background-size: 100%;
}
.head_top>p{
  position: absolute;
  top: 59px;
  margin: 0 15%;
  width: 70%;
  font-size: 2rem;
  color: #ede327;

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

  -webkit-line-clamp: 1; /** 显示的行数 **/

  overflow: hidden;  /** 隐藏超出的内容 **/
}
.sy_inner{
  position: relative;
  height: 850px;
  font-size: 1.6rem;
  color: #732804;
  background: url(../images/pic10.png) no-repeat;
  background-size: 100%;
}
.my_info{
  padding-top: 160px;
  font-weight: bold;
  margin: 0 auto;
  width: 70%;
  text-align: center;
}
.if_buy>img{
  margin-bottom: 30px;
  width: 80%;
}
.if_buy{
  margin: 30px auto 30px;
  width: 59%;
  text-align: center;
}
.if_buy>p{
  font-size: 1.6rem;
  line-height: 26px;
  font-weight: bold;
}
.answer_center>input{
  margin-top: 13px;
  width: 65%;
}
.already_buy{
  
  height: 230px;
  margin: 30px auto 30px;
  width: 70%;
  overflow: scroll;
  text-align: justify;
}
.year_btn{
  width: 70%;
  margin: 10px 15%;
  /*position: absolute;
  bottom: 80px;*/
}
.year_btn>li{width: 35%;}
.year_btn>li>a{display: block;width: 100%;}
.year_btn>li>a>img{width: 100%;}

.go_reward{
  text-align: center;
}
.go_reward>div{
  margin: 15px auto;
  width: 50%;
  font-size: 1.3rem;
  color: #7E090B;
  height: 25px;
  line-height: 25px;
  border-radius: 15px;
  background: #FDD3AD;
}
.go_reward>div>span{
  font-size: 1.2rem;
}
.go_reward>a{
  font-size: 1.5rem;
  color: #36130E;
  text-decoration: underline;
}

.index_middle_input {
  margin: 30px 15% 0;
}
.index_middle_input>a>input {
  margin-bottom: 10px;
  width: 100%;
}


.top_pic{
    display: block;
    width: 10%;
    position: absolute;
    right: 3%;
    top: 20px;
}
.top_pic>img{
    width: 100%;
}
.to_index{
  position: fixed;
  right: 0;
  bottom: 200px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFD200;
  text-align: center;
}
.to_index>a{
  font-size: 1.3rem;
  color: #802f06;
  line-height: 50px;
}
.ds_box {
  background: #ffffbf;
}
.sy_p{
  font-size: 1.5rem;
  text-align: center;
}
.shoucang>p{
  color: #FFD200;
}


@media (max-width:640px){
  .top_pic{width: 17%; right: 10px;top: 20px;}
}
@media(max-width:414px){
  .undertaking_question_ul{padding-top: 110px;}
  .undertaking_question_ul>li{margin-bottom: 10px;}
  .undertaking_question_ul>li>a{padding: 10px 2% 10px 8%;font-size: 1.3rem;}
  .top_pic{top: 16px;}
  .link_index{top: 30px;}
}
@media(max-width:375px){
  .symbol{padding: 20px 0 80px;}
  .undertaking_question_ul>li>a {padding: 6px 2% 6px 8%;}
}
@media(max-width:360px){
  .symbol{padding: 20px 0 70px;}
}
@media(max-width:320px){
  .undertaking_question_ul {padding-top: 85px;}
  .undertaking_question_ul>li{margin-bottom: 5px;}
  .undertaking_question_ul>li>a{background-size: 4%;padding: 5px 3% 5px 8%;}
  .top_pic{top: 15px;}
}