.reference{
	width:100%;
}
.reference .reference_nav{
	width:100%;
	height:30px;
}
.reference .reference_nav li{
	height:28px;
	float: left;
	padding:0 15px;
	border-bottom:2px solid transparent;
	box-sizing: border-box;
	font-size: 15px;
	color: #2d2d2d;
	cursor: pointer;
}
.reference .reference_nav li span{
	margin-left:5px;
	font-weight: bold;
}
.reference .reference_nav .active{
	border-bottom:2px solid #27AAA3;
}

.reference .reference_nav li .reference_img{
	width:116px;
	height:20px;
}
.reference #site_review{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin:3px 0;
	display: none;
}
.reference #site_review p{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width:100px;
	height:30px;
	line-height: 30px;
	background: #27aaa3;
	color:#ffffff;
	font-size: 15px;
	border-radius: 3px;
	cursor: pointer;
}
.reference #site_review p img{
	display: block;
	width:24px;
	height:24px;
	margin-top:3px;
	margin-right:6px;
}
.reference .reference_content{
	width:100%;
	max-height:1000px;
	overflow-y: scroll;
	display: none;
	margin-top:10px;
	background: #fff;
}
.reference  #reference_active{
	display: block;
}
.reference .reference_content .reference_innbox{
	width:100%;
	padding:18px 10px;
	box-sizing: border-box;
	border:1px solid #d1d1d1;
}

.reference_innbox_item{
	width:100%;
	margin-bottom:10px;
}
.reference_innbox_item .item_top{
	width:100%;
	background-color: #f6f6f6;
	border-radius: 4px;
	padding-left:10px;
	box-sizing: border-box;
	overflow: hidden;
}
.reference_innbox_item .item_top li{
	float: left;
	line-height: 50px;
	margin-right:15px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.reference_innbox_item .item_top li img{
	vertical-align: middle;
	
}
.reference_innbox_item .item_top li span{
	font-size: 12px;
	color: #727272;
	margin-left:5px;
}
.reference_innbox_item .item_top li span{
	color: #424242;
	margin-left:5px;
}
.reference_innbox_item .item_top li strong{
	color: #424242;
	margin-left:3px;
	font-size: 12px;
	font-weight: bold;
}
.reference_innbox_item .item_content{
	width:100%;
	background: #fff;
	padding-left:15px;
	box-sizing: border-box;
}
.reference_innbox_item .item_content .item_content_inn{
	width:100%;
	border-bottom:2px solid #e3e3e3;
	padding:10px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.reference_innbox_item .item_content .item_content_inn .inn_img{
	width:10%;
	height:100px;
	border-right:1px solid #e3e3e3;
	text-align: center;
	font-size: 12px;
	color: #747474;
}
.reference_innbox_item .item_content .item_content_inn p{
	margin-top:8px;
}
.reference_innbox_item .item_content .item_content_inn .inn_img img{
	width:55px;
	height:55px;
}
.reference_innbox_item .item_content .item_content_inn .inn_content{
	width:88%;
	padding-left:20px;
	padding-bottom:20px;
	box-sizing: border-box;
	position: relative;
}
.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text{
	width:93%;
	max-height:100px;
	overflow: hidden;
}
.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .the_text{
	width:100%;
	font-size: 13px;
	color: #747474;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .img_list{
	width:100%;
	margin:10px 0;
	overflow: hidden;
}
.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .img_list:after{
	content:"";
}
.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .img_list img{
	display: block;
	float: left;
	margin:5px;
	height:75px;
	cursor: pointer;
}
.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .inn_text_more{
	position: absolute;
	top:8px;
	right:5px;
	font-size:14px;
	color:#069;
	cursor:pointer;
}
.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .inn_text_more:hover{
	border-bottom:1px solid #069;
}
.reference_innbox_item .item_content .item_content_inn .inn_content .review_time{
	position: absolute;
	right:10%;
	bottom:0;
	font-size: 12px;
	color: #989898;
}

.review_trip{
	width:100%;
	padding:26px 15px;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
}
.review_trip .review_trip_item{
	width:100%;
	padding:20px 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	border-bottom: 1px solid #dddddd;
	position: relative;
}
.review_trip .review_trip_item .item_left{
	width:12%;
}

.review_trip .review_trip_item .item_left .left_img{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	overflow: hidden;
}
.review_trip .review_trip_item .item_left .left_img img{
	width:75px;
	height:75px;
	border-radius: 50%;
}
.review_trip .review_trip_item .item_left .left_name{
	width:100%;
	margin:10px 0 3px 0;
	font-size: 11px;
    color: #4a4a4a;
    text-align: center;
    word-break: break-word;
}
.review_trip .review_trip_item .item_left .left_position{
	width:100%;
	margin:2px 0 0 0;
	font-size: 11px;
    color: #4a4a4a;
    text-align: center;
	font-weight: bold;
	word-break: break-word;
}
.review_trip .review_trip_item .item_right{
	width:83%;
	margin-left:10px;
}


.review_trip .review_trip_item .item_right .top_item{
	float: left;
	width:16px;
	height:16px;
	border:2px solid #27aaa3;
	border-radius: 50%;
	overflow: hidden;
	padding:2px;
	box-sizing: border-box;
	margin-left:2px;
}
.review_trip .review_trip_item .item_right .right_top{
	overflow: hidden;
}
.review_trip .review_trip_item .item_right .right_top .top_item span{
	display: block;
	width:100%;
	height:100%;
	background: #27AAA3;
	border-radius: 50%;
}
.review_trip .review_trip_item .item_right .right_top .right_date{
	float: left;
	color: #4a4a4a;
    font-size: 12px;
    margin-left: 10px;
}
.review_trip .review_trip_item .item_right .right_title{
	font-size: 20px;
    color: #000a12;
    font-weight: normal;
    cursor: pointer;
    line-height: 30px;
    margin:10px 0;
}

.review_trip .review_trip_item .item_right .right_text{
	width:100%;
	position: relative;
}
.review_trip .review_trip_item .item_right .right_text .text_content{
	width:100%;
	margin:0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
    word-wrap: break-word;
    text-indent: 20px;
}
.review_trip .review_trip_item .item_right .right_text .right_more{
	position: absolute;
	bottom:0;
	right:-40px;
	color: #069;
    cursor: pointer;
    font-size:14px;
}
.review_trip .review_trip_item .item_right .right_text .text_content .right_show_less{
	display: none;
	color: #069;
    cursor: pointer;
    font-size:14px;
    text-indent: 0;
    padding:10px 0;
}
.review_trip .review_trip_item .item_right .right_thumb{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin:15px 0;
}
.review_trip .review_trip_item .item_right .right_thumb .thumb{
	display: inline-block;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
    padding: 0 6px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: inline-block;
    background: #fff;
    color: #4a4a4a;
    cursor:pointer;
}
.review_trip .review_trip_item .item_right .right_thumb .thumb img{
	vertical-align: middle;
}
.review_trip .review_trip_item .item_right .right_thumb .thumb:hover{
	border: 1px solid #27aaa3;
}
.review_trip .review_trip_item .flag{
	height:20px;
	position: absolute;
	bottom:15px;
	right:20px;
}
.review_trip .review_trip_item .flag img{
	float: right;
	height:20px;
}

#paging_trip{
	margin:20px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
}




/*问答*/
.answer_question{
	width:100%;
}
.answer_question .answer_title{
	font-size: 30px;
	color: #1a1a1e;
	text-align: center;
	margin-bottom:20px;
}
.answer_question .answer_list{
	width:100%;
	margin:0 auto;
	border:1px solid #dddddd;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}
.answer_question .answer_list .answer_list_inn{
	width:100%;
	height:100%;
	max-height:760px;
	overflow-y: scroll;
}
.answer_question .answer_list .answer_item{
	padding:30px 0 6px 0;
	border-bottom:1px solid #e7e7e7;
	overflow: hidden;
}
.answer_question .answer_list .answer_item .answer_item_left{
	width:11%;
	text-align: center;
	float: left;
}
.answer_question .answer_list .answer_item .answer_item_right{
	width:86%;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 10px;
	float: left;
	min-height:120px;
	padding:20px 0;
	box-sizing:border-box;
}
.answer_question .answer_list .answer_item .answer_item_right .answer_item_inn{
	width:100%;
	max-height: 300px;
	padding:0 20px;
	box-sizing: border-box;
	overflow-y: scroll;
}
.answer_question .answer_list .answer_item .answer_item_right .answer_item_inn .inn_right_item{
	margin-bottom:20px;
}
.answer_question .answer_list .answer_item .answer_item_left img{
	width:46px;
	height:46px;
	text-align: center;
}
.answer_question .answer_list .answer_item .answer_item_left .answer_name{
	font-size: 16px;
	color: #767676;
	margin-top:6px;
}
.answer_question .answer_list .answer_item .answer_item_left .answer_time{
	font-size: 14px;
	color: #c6c6c6;
	margin-top:6px;
}
.answer_question .answer_list .answer_item .answer_item_right .the_answer{
	font-size: 14px;
	color: #747474;
	line-height: 22px;
}
.answer_question .answer_list .answer_item .answer_item_right .the_questioner{
	width:100%;
	margin-top:20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.answer_question .answer_list .answer_item .answer_item_right .the_questioner .questioner_avatar{
	float: left;
	width:40px;
	
}
.answer_question .answer_list .answer_item .answer_item_right .the_questioner .questioner_avatar img{
	width:36px;
	height:36px;
}
.answer_question .answer_list .answer_item .answer_item_right .the_questioner .questioner_text{
	float: left;
	width:90%;
	background:#f7f6f6;
	border-radius: 10px;
	min-height: 50px;
	padding:15px;
	box-sizing: border-box;
	font-size: 14px;
	color: #9e9e9e;
	line-height: 20px;
}
.answer_question .ask_box{
	width:100%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:15px;
	background: #f5f5f5;
	padding:20px;
	box-sizing: border-box;
}
.answer_question .ask_box .name_and_mail input{
	width: 283px;
	height: 42px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #e6e7e8;
	margin-right:30px;
	padding-left:10px ;
	box-sizing: border-box;
}
.answer_question .ask_box .ask_text{
	display: block;
	width:100%;
	height:175px;
	border: solid 1px #e6e7e8;
	margin-top:15px;
	box-sizing:border-box ;
	padding:10px;
}
.answer_question .ask_box .to_submit{
	width:100%;
	height:48px;
	background: #fff;
	border: solid 1px #e6e7e8;
	border-top:none;
	box-sizing:border-box ;
	position: relative;
	padding-right:96px;
	box-sizing: border-box;
}
#faq_save_box{
	width:100%;
	height:100%;
	padding-left:50px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#faq_save_box .save_check{
	position: absolute;
	width:26px;
	height:26px;
	left:10px;
	top:50%;
	margin-top:-13px;
	border:1px solid #dddddd;
	padding:4px;
	box-sizing: border-box;
	background: #ffffff;
	cursor:pointer;
}
#faq_save_box .save_check img{
	display: block;
	width:100%;
	height:100%;
	display: none;
}
#faq_save_box .text{
	width:100%;
	line-height: 18px;
	font-size: 14px;
	color:#333333;
}
.answer_question .ask_box .to_submit .submit_ask{
	display: inline-block;
	position: absolute;
	right:10px;
	top:7px;
	width: 74px;
	height: 32px;
	line-height: 32px;	
	text-align: center;
	background-color: #27aaa3;
	border-radius: 2px;
	color:#fff;
	cursor:pointer;
}

#refresh{
	width:30px;
	height:30px;
	position: fixed;
	z-index: 1010;
	left:50%;
	top:50%;
	margin-left:-15px;
	margin-top:-15px;
	display: none;
}
#comment_mask{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	left:0;
	top:0;
	z-index: 1001;
	display: none;
}


.to_comment_box{
	width: 100%;
	height:430px;
	max-width: 1000px;
	border:1px solid #dddddd;
	margin-top:40px;
	position: fixed;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top: -220px;
	background: #ffffff;
	z-index: 1005;
	display: none;
}
.to_comment_inn{
	width:100%;
	height:100%;
	padding:35px 35px 70px 28px;
	box-sizing: border-box;
	position: relative;
}
.to_comment_inn .to_comment_cancel{
	position: absolute;
	width:30px;
	height:30px;
	right:5px;
	top:5px;
	cursor:pointer;
}

.to_comment{
	width:100%;
	height:100%;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.to_comment_tip{
	padding:10px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 24px;
	color:#333333;
	margin-bottom:10px;
	text-align: center;
}
.to_comment .star_box{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #f6f6f6;
	padding:10px;
	box-sizing: border-box;
}
.to_comment .comment_left{
	width:45%;
}
.to_comment .comment_left .comment_star{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.to_comment .comment_left .comment_star .star_text{
	width:46%;
	height:40px;
}
.to_comment .comment_left .comment_star .star_text p{
	display: table;
	width:100%;
	height:100%;
}
.to_comment .comment_left .comment_star .star_text p span{
	display: table-cell;
	vertical-align: middle;
	line-height: 20px;
	color:#444444;
	font-size:14px;
	text-align: right;
}
.to_comment .comment_left .comment_star .star{
	width:50%;
	height:40px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.to_comment .comment_left .comment_star .star .star_item {
	height:28px;
	margin-top:6px;
	margin-left:10px;
	cursor:pointer;
}
.to_comment .comment_left .comment_star .star .star_item img{
	display: block;
	width:28px;
	height:28px;
}
.to_comment .comment_left .comment_star .star .star_item .img2{
	display: none;
}
.to_comment .comment_right{
	width:54%;
}
.to_comment .comment_right .comment_box{
	width:97%;
	border:1px solid #dddddd;
	background: #ffffff;
	margin-bottom:15px;
}
.to_comment .comment_right .comment_box textarea{
	width:100%;
	height:130px;
	border:none;
	border-bottom:1px solid #dddddd;
	background: #ffffff;
	padding:12px;
	box-sizing: border-box;
}
.to_comment .comment_right .comment_box .comment_upload_img{
	padding:15px;
	box-sizing: border-box;
	position: relative;
}
.to_comment .comment_right .comment_box .comment_upload_img .upload_add_btn{
	position: absolute;
	width:46px;
	height:46px;
	left:15px;
	top:15px;
	opacity: 0;
}
.to_comment .comment_right .comment_box .comment_upload_img .upload_img img{
	display: block;
	width:46px;
	height:46px;
}
.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list{
	padding:10px 0;
	box-sizing: border-box;
	overflow: hidden;
}
.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item{
	float: left;
	margin:10px;
	position: relative;
}
.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item .item_img{
	height:60px;
}
.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item .item_cancel{
	position: absolute;
	display: block;
	width:23px;
	height:23px;
	right:-11px;
	top:-11px;
	background: #ffffff;
	border-radius: 50%;
	display: none;
	cursor: pointer;
}
.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item:hover .item_cancel{
	display: block;
}
.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item .item_cancel img{
	display: block;
	width:100%;
	height:100%;
}
.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item .upload_add_btn{
	width:0;
	height:0;
}

.comment_btn{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:15px 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background: #ffffff;
	border-top:1px solid #dddddd;
}
.comment_btn span{
	display: block;
	width:100px;
	height:34px;
	text-align: center;
	line-height: 34px;
	background: #27aaa3;
	font-size: 16px;
	color:#ffffff;
	border-radius: 2px;
	cursor:pointer;
}

#memeber_mask{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	left:0;
	top:0;
	z-index: 1001;
	display: none;
}

.members_alert{
	position: fixed;
	width:450px;
	height:430px;
	left:50%;
	top:50%;
	margin-left:-225px;
	margin-top:-220px;
	padding:18px 12px;
	box-sizing: border-box;
	background: #ffffff;
	z-index: 1002;
	border-radius: 0.3rem;
	display: none;
}
.members_alert .members_alert_title{
	height:26px;
	position: relative;
}
.members_alert .members_alert_title .logo{
	display: block;
	height:100%;
}
.members_alert .members_alert_title .members_alert_close{
	position: absolute;
	width:30px;
	height:30px;
	top:-6px;
	right:0;
	cursor: pointer;
}
.members_alert .members_alert_content{
	 margin-top:8px;
}
.members_alert .members_alert_content .members_register_login{
	width:100%;
	margin-bottom:20px;
}
.members_alert .members_alert_content .members_register_login span{
	margin:0 8px;
	line-height:32px;
	color:#444444;
	font-size:14px;
	border-bottom:1px solid transparent;
	padding:5px;
	box-sizing: border-box;
	cursor: pointer;
}
.members_alert .members_alert_content .members_register_login #members_active{
	color:#27AAA3;
	border-bottom:1px solid #27AAA3;
}
.members_alert .members_alert_content .members_box_list .members_box_list{
	padding:0 5px;
	box-sizing: border-box;
}
.members_alert .members_alert_content .members_box_list .list_item{
	width:100%;
	display: none;
}
.members_alert .members_alert_content .members_box_list #list_item_act{
	display: block;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg{
	width:100%;
	height:34px;
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin:15px 0 10px 0;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_text{
	width:23%;
	height:100%;
	display: table;
	color:#444444;
	font-size:13px;
	padding-right:12px;
	word-break: break-word;
	text-align: right;
	box-sizing: border-box;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_text span{
	display: table-cell;
	vertical-align: middle;
	line-height: 17px;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input{
	width:69%;
	height:100%;
	position: relative;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input input{
	width:100%;
	height:100%;
	border:1px solid #dddddd;
	border-radius:4px;
	padding-left:8px;
	box-sizing: border-box;
	color:#444444;
	font-size:15px;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input .eye{
	position: absolute;
	right:6px;
	width:22px;
	height:22px;
	top:6px;
	cursor: pointer;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input .img1{
	display: none;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input .code_btn{
	height: 32px;
	width:70px;
	text-align: center;
	line-height: 32px;
	background: #f1f1f1;
	position: absolute;
	right:1px;
	top:1px;
	font-size:14px;
	color:#444444;
	cursor:pointer;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input .code_btn .code_time{
	display: none;
}
.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input .code_register{
	padding-right:78px;
	box-sizing: border-box;
}
.members_alert .members_alert_content .members_box_list .list_item .submit_btn{
	width:100%;
	margin-top:30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.members_alert .members_alert_content .members_box_list .list_item .submit_btn span{
	display: block;
	width:40%;
	height:32px;
	text-align: center;
	line-height: 32px;
	background: #27AAA3;
	color:#fff;
	font-size:15px;
	border-radius:4px;
	cursor:pointer;
}
.members_alert .members_alert_content .members_box_list .list_item .forget_password{
	width:100%;
	text-align: right;
	font-size: 13px;
	color:#2B9DF6;
	padding-right:10px;
	box-sizing: 10px;
	cursor:pointer;
}
.members_alert .members_alert_content .members_box_list .list_item .forget_password span{
	border-bottom:1px solid #2b9df6;
}

#mask2{
	position: fixed;
	left:0;
	top:0;
	background: rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	z-index: 1004;
	display: none;
}

.forget_password_alert{
	position: fixed;
	width:460px;
	height:360px;
	left:50%;
	top:50%;
	margin-top:-180px;
	margin-left:-230px;
	padding:0.8rem 0.6rem;
	box-sizing: border-box;
	background: #fff;
	z-index: 1005;
	border-radius: 0.3rem;
	display: none;
}
.forget_password_alert .forget_password_title{
	width:100%;
	height:32px;
	line-height: 32px;
	border-bottom:1px solid #dddddd;
	color:#444444;
	font-size: 15px;
	position: relative;
	margin-bottom:10px;
}
.forget_password_alert .forget_password_title .forget_password_close{
	position: absolute;
	right:-5px;
	top:-5px;
	width:30px;
	height:30px;
	cursor:pointer;
}
.forget_password_alert .forget_password_content{
	margin-top:18px;
}
.forget_password_alert .forget_password_content .item_msg{
	width:100%;
	height:34px;
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin:16px 0 10px 0;
}
.forget_password_alert .forget_password_content .item_msg .msg_text{
	width:25%;
	height:100%;
	display: table;
	color:#444444;
	font-size:13px;
	padding-right:10px;
	word-break: break-word;
	box-sizing: border-box;
	text-align: right;
}
.forget_password_alert .forget_password_content .item_msg .msg_text span{
	display: table-cell;
	vertical-align: middle;
	line-height:17px;
}
.forget_password_alert .forget_password_content .item_msg .msg_input{
	width:69%;
	height:100%;
	position: relative;
}
.forget_password_alert .forget_password_content .item_msg .msg_input input{
	width:100%;
	height:100%;
	border:1px solid #dddddd;
	border-radius: 4px;
	padding-left:8px;
	box-sizing: border-box;
	color:#444444;
	font-size:14px;
}
.forget_password_alert .forget_password_content .item_msg .msg_input .eye{
	position: absolute;
	right:6px;
	width:22px;
	height:22px;
	top:6px;
}
.forget_password_alert .forget_password_content .item_msg .msg_input .img1{
	display: none;
}
.forget_password_alert .forget_password_content .item_msg .msg_input .code_forget{
	padding-right:78px;
	box-sizing: border-box;
}
.forget_password_alert .forget_password_content .item_msg .msg_input .code_btn{
	height: 32px;
	width:60px;
	text-align: center;
	line-height:32px;
	background: #f1f1f1;
	position: absolute;
	right:1px;
	top:1px;
	font-size: 14px;
	color:#444444;
	cursor: pointer;
}
.forget_password_alert .forget_password_content .item_msg .msg_input .code_btn .code_time{
	display: none;
}

.forget_password_alert .forget_password_content .submit_btn{
	width:100%;
	margin-top:36px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.forget_password_alert .forget_password_content .submit_btn span{
	display: block;
	width:40%;
	height:32px;
	text-align: center;
	line-height:32px;
	background: #27AAA3;
	color:#fff;
	font-size: 14px;
	border-radius: 4px;
}


#reference_self_mask{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 9999;
	background: rgba(0,0,0,0.7);
	padding:60px 100px;
	box-sizing: border-box;
	display: none;
}
#reference_self_mask .reference_self_box{
	width:100%;
	height:100%;
	overflow: hidden;
}
#reference_self_mask .reference_self_box .box_out{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow-x: hidden;
}
#reference_self_mask .reference_self_box .box_inn{
	width:102%;
	max-height:100%;
	text-align: center;
	overflow-y: scroll;
}
#reference_self_mask .reference_self_box img{
	max-width:100%;
}
#reference_self_mask .arrow{
	width:60px;
	height:70px;
	position: absolute;
	top:50%;
	margin-top:-35px;
	cursor: pointer;
	padding:10px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.5);
	border-radius: 6px;
}
#reference_self_mask .arrow img{
	display: block;
	width:100%;
	height:100%;
}
#reference_self_mask .arrow_left{
	left:15px;
}
#reference_self_mask .arrow_right{
	right:15px;
}
#reference_self_mask .reference_self_cancel{
	position: absolute;
	top:20px;
	right:30px;
	width:40px;
	height:40px;
	cursor: pointer;
}





@media only screen and (max-width: 1280px) {
	.review_trip .review_trip_item .item_left{
		width:16%;
	}
	.review_trip .review_trip_item .item_right{
		width:80%;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_img{
		width:12%;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_content{
		width:85%;
	}
}

@media only screen and (max-width: 1150px){
	.review_trip .review_trip_item .item_left{
		width:22%;
	}
	.review_trip .review_trip_item .item_right{
		width:70%;
	}
	.reference_innbox_item .item_top li{
		line-height: 44px;
	}
	.reference_innbox_item .item_top li img{
		height:16px;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text{
		width:88%;
	}
	.to_comment_box{
		width:86%;
		margin-left: 0;
		left:7%;
	}
	.to_comment .comment_left{
		width:55%;
	}
	.to_comment .comment_right{
		width:44%;
	}
}
@media only screen and (max-width: 1025px){
	.review_trip .review_trip_item .item_left .left_img img{
		width:60px;
		height:60px;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_img img{
		width:50px;
		height:50px;
	}
	.answer_question .answer_title{
		font-size: 24px;
	}
}
@media only screen and (max-width: 960px){
	.reference_innbox_item .item_top li{
		line-height:32px;
	}
	.review_trip .review_trip_item .item_right .right_title{
		font-size: 18px;
		line-height:26px;
	}
	.reference_innbox_item .item_top li span{
		display: none;
	}
	.to_comment .comment_left .comment_star .star_text{
		width:44%;
	}
	.to_comment .comment_left .comment_star .star{
		width:53%;
	}
}
@media only screen and (max-width: 860px){
	.reference .reference_content{
		height:auto;
		max-height:initial;
		overflow-y:hidden;
	}
	.review_trip .review_trip_item .item_left{
		width:20%;
	}
	.review_trip .review_trip_item .item_right .right_title{
		font-size: 16px;
		line-height:22px;
	}
	.to_comment .comment_left .comment_star .star_text{
		width:40%;
	}
	.to_comment .comment_left .comment_star .star{
		width:58%;
	}
	#reference_self_mask .arrow{
		width:50px;
		height:60px;
		padding:8px;
	}
	#reference_self_mask .reference_self_cancel{
		right:15px;
		top:15px;
	}
	#reference_self_mask{
		padding:50px 88px;
	}
}
@media only screen and (max-width: 780px){
	.to_comment_box{
		margin-top:-270px;
	}
	.to_comment .star_box{
		display: block;
	}
	.to_comment .comment_left{
		width:100%;
		margin-bottom:15px;
	}
	.to_comment .comment_right{
		width:100%;
	}
	.to_comment .comment_left .comment_star{
		margin:5px 0;
	}
	.to_comment .comment_left .comment_star .star_text{
		width:35%;
	}
	.to_comment .comment_left .comment_star .star{
		width:60%;
	}
	.to_comment .comment_right .comment_box textarea{
		height:150px;
	}
	.comment_btn{
		padding:8px 0;
	}
	.answer_question .answer_list .answer_item .answer_item_left{
		width:15%;
	}
	.answer_question .answer_list .answer_item .answer_item_right{
		width:82%;
	}
	.answer_question .answer_title{
		font-size: 20px;
	}
	.answer_question .answer_list .answer_item .answer_item_left .answer_name{
		font-size: 15px;
	}
	.answer_question .answer_list .answer_item .answer_item_left .answer_time{
		font-size: 13px;
	}
}
@media only screen and (max-width: 700px){
	.review_trip{
		padding:10px 15px;
	}
	.review_trip .review_trip_item{
		display: block;
	}
	.review_trip .review_trip_item .item_left{
		width:100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-bottom:15px;
	}
	.review_trip .review_trip_item .item_left .left_img{
		width:auto;
		margin-right:15px;
	}
	.review_trip .review_trip_item .item_right{
		width:90%;
	}
	.review_trip .review_trip_item .item_right .top_item{
		width:14px;
		height:14px;
		margin-top:2px;
	}
}

@media only screen and (max-width: 680px) {
	.answer_question .ask_box .name_and_mail input{
		width:45%;
		margin:0 2.1%;
	}
	
}

@media only screen and (max-width: 660px){
	.review_trip .review_trip_item .item_left .left_img img{
		width:55px;
		height:55px;
	}
	.to_comment .comment_left .comment_star .star .star_item{
		width:26px;
		height:26px;
		margin-top:7px;
	}
	.to_comment_inn .to_comment_cancel{
		display: none;
	}
	#comment_mask .comment_mask_cancel{
		display: block;
	}
	.to_comment_inn{
		padding:15px 20px 70px 20px;
	}
	
}
@media only screen and (max-width: 600px){
	.reference{
		margin-top:10px;
	}
	.reference_innbox_item .item_content .item_content_inn{
		display: block;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_img{
		width:100%;
		height:auto;
		border-right:none;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-bottom:10px;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_content{
		width:100%;
		padding-left:0;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_img p{
		margin-top:0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-left:15px;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_img p span{
		display: inline-block;
		line-height: 18px;
	}
	.answer_question .answer_list .answer_item{
		padding:20px 0 6px 0;
	}
	
	.answer_question .answer_list .answer_item .answer_item_left{
		width:100%;
		padding:0 10px;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		text-align: left;
	}
	.answer_question .answer_list .answer_item .answer_item_left p{
		margin-right:10px;
	}
	.answer_question .answer_list .answer_item .answer_item_left .answer_name{
		margin-top:0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		line-height: 18px;
		max-width:200px;
	}
	.answer_question .answer_list .answer_item .answer_item_left .answer_time{
		margin-top:0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		line-height: 18px;
		max-width:200px;
	}
	.answer_question .answer_list .answer_item .answer_item_right{
		width:100%;
		padding:12px 0;
	}
	#reference_self_mask .arrow{
		width:40px;
		height:46px;
		padding:5px;
	}
	#reference_self_mask .reference_self_cancel{
		right:15px;
		top:15px;
		width: 34px;
    	height: 34px;
	}
	#reference_self_mask{
		padding:50px 60px;
	}
	#reference_self_mask .arrow_left{
		left:10px;
	}
	#reference_self_mask .arrow_right {
	    right: 10px;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text{
		max-height: 80px;
	}
}
@media only screen and (max-width: 460px){
	.reference .reference_nav li .reference_img{
		width:100px;
		height:16px;
	}
	.reference .reference_nav li{
		font-size: 14px;
	}
	.review_trip .review_trip_item .item_right .right_title{
		font-size: 15px;
		line-height: 20px;
		margin:8px 0;
	}
	.reference_innbox_item .item_top li{
		margin-right:10px;
	}
	.reference_innbox_item .item_top li img{
		height:14px;
		width:18px;
	}
	.to_comment .comment_left .comment_star .star_text{
		width:32%;
	}
	.to_comment .comment_left .comment_star .star{
		width:63%;
	}
	.members_alert{
		width:92%;
		left:4%;
		margin-left:0;
	}
	.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_text{
		width:25%;
		padding-right:8px;
	}
	.forget_password_alert{
		width:94%;
		left:3%;
		margin-left:0;
	}
}
@media only screen and (max-width: 415px){
	.answer_question .ask_box .to_submit .submit_ask{
		width:65px;
	}
	.answer_question .ask_box .to_submit{
		padding-right:80px;
	}
	#faq_save_box{
		padding-left:36px;
	}
	#faq_save_box .save_check{
		left:6px;
		width:24px;
		height:24px;
		margin-top:-12px;
	}
	#faq_save_box .text{
		font-size: 12px;
		line-height: 16px;
	}
	#comment_mask .comment_mask_cancel {
	    right: auto;
	    top: auto;
	    width: 34px;
	    height: 34px;
	    left:50%;
	    bottom:20px;
	    margin-left:-17px;
	    border-radius: 50%;
	    background: #ffffff;
	    overflow: hidden;
	    cursor: pointer;
	}
	.to_comment_inn{
		padding:12px 12px 46px 12px;
	}
	.to_comment_tip{
		padding:0;
		margin-bottom:10px;
		font-size: 15px;
		line-height: 22px;
	}
	.to_comment_box{
		width:92%;
		left:4%;
		height:420px;
		margin-top:-240px;
	}
	.comment_btn span{
		height:30px;
		line-height: 30px;
	}
	.to_comment .comment_left .comment_star .star_text{
		height:36px;
	}
	.to_comment .comment_left .comment_star .star_text p span{
		line-height: 18px;
		font-size: 13px;
	}
	.to_comment .comment_left .comment_star .star{
		height:36px;
	}
	.to_comment .comment_left .comment_star .star .star_item{
		height:26px;
		margin-top:5px;
	}
	.to_comment .comment_left .comment_star .star .star_item img{
		width:26px;
		height:26px;
	}
	.to_comment .comment_right .comment_box{
		margin-bottom:5px;
	}
	.to_comment .comment_right .comment_box textarea{
		height:120px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img{
		padding:12px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_img img{
		width:46px;
		height:40px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_add_btn{
		left:10px;
		top:10px;
	}
	.comment_btn span{
		font-size: 14px;
	}
	
	.reference_innbox_item .item_top li{
		margin-right:8px;
	}
	.reference_innbox_item .item_top li img{
		height:13px;
		width:16px;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .inn_text_more{
		border-bottom:1px solid #069;
	}
	.review_trip .review_trip_item .item_right .right_title{
		font-size: 14px;
	}
	.review_trip .review_trip_item .item_right .right_text .right_more{
		border-bottom:1px solid #069;
	}
	.review_trip .review_trip_item .item_left .left_img img{
		width:50px;
		height:50px;
	}
	.review_trip .review_trip_item{
		padding:15px 8px;
	}
	
	
	.answer_question .ask_box{
		padding:10px;
	}
	
	.answer_question .answer_title{
		font-size: 18px;
		margin-top:15px;
	}
	.answer_question .answer_list .answer_item{
		padding:20px 0 6px 0;
	}
	.answer_question .answer_list .answer_item .answer_item_right .answer_item_inn{
		padding:0 10px;
	}
	.answer_question .answer_list .answer_item .answer_item_left img{
		width:42px;
		height:42px;
	}
	.answer_question .answer_list .answer_item .answer_item_left .answer_name{
		font-size: 14px;
	}
	.answer_question .answer_list .answer_item .answer_item_right .the_questioner .questioner_text{
		padding:8px;
		font-size: 13px;
	}
	.answer_question .answer_list .answer_item .answer_item_right .the_answer{
		font-size: 13px;
	}
	.answer_question .answer_list .answer_item .answer_item_right .answer_item_inn .inn_right_item{
		margin-bottom:12px;
	}
	.answer_question .ask_box .name_and_mail{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		
	}
	.answer_question .ask_box .name_and_mail input{
		margin:0;
		height:34px;
		font-size: 13px;
		color:#444444;
	}
	.answer_question .ask_box .name_and_mail input:nth-child(1){
		width:40%;
	}
	.answer_question .ask_box .name_and_mail input:nth-child(2){
		width:58%;
	}
	.answer_question .ask_box .ask_text{
		height:120px;
		margin-top:8px;
		font-size: 13px;
	}
	.answer_question .ask_box .to_submit{
		height:44px;
	}
	.answer_question .ask_box .to_submit .submit_ask{
		height:28px;
		line-height: 28px;
		font-size: 13px;
	}
	.reference #site_review p{
		width:90px;
		height:26px;
		line-height: 26px;
		font-size: 14px;
	}
	.reference #site_review p img{
		width:20px;
		height:20px;
		margin-top:3px;
	}
	#reference_self_mask .arrow{
		width:36px;
		height:40px;
		padding:3px;
	}
	#reference_self_mask .reference_self_cancel{
		right:15px;
		top:15px;
		width: 34px;
    	height: 34px;
	}
	#reference_self_mask{
		padding:40px 50px;
	}
	#reference_self_mask .arrow_left{
		left:4px;
	}
	#reference_self_mask .arrow_right {
	    right: 4px;
	}
	
}
@media only screen and (max-width: 380px){
	.reference .reference_content .reference_innbox{
		padding:15px 5px;
	}
	.reference_innbox_item .item_top li{
		margin:0 5px;
	}
	.reference_innbox_item .item_top li img{
		height:12px;
		width:13px;
	}
	.reference_innbox_item .item_top li strong{
		font-size: 11px;
	}
	.review_trip .review_trip_item .item_right .right_text .text_content{
		font-size: 13px;
	}
	.to_comment .comment_left .comment_star .star_text p span{
		font-size: 13px;
	}
	.reference_innbox_item .item_top{
		padding-left:0;
	}
	.reference_innbox_item .item_content .item_content_inn .inn_content .inn_text .inn_text_more{
		font-size: 13px;
	}
	.answer_question .answer_list .answer_item .answer_item_left .answer_name{
		font-size: 13px;
	}
	.answer_question .answer_list .answer_item .answer_item_right .the_questioner .questioner_avatar img{
		width:34px;
		height:34px;
	}
	.answer_question .answer_list .answer_item .answer_item_left .answer_time{
		font-size: 11px;
	}
	.to_comment_box{
		height:410px
		margin-top:-205px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item .item_cancel{
		width:24px;
		height:24px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_img img{
		width:50px;
		height:45px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_add_btn{
		width:50px;
		height:45px;
	}
	.comment_btn span{
		height:30px;
		line-height: 30px;
	}
	.reference #site_review p{
		font-size: 13px;
	}
	.forget_password_alert .forget_password_content .item_msg .msg_text{
		width:27%;
		padding-right: 8px;
	}
	.forget_password_alert .forget_password_title{
		font-size: 14px;
	}
}
@media only screen and (max-width: 330px){
	#faq_save_box .text{
		font-size: 11px;
		line-height: 14px;
	}
	.reference_innbox_item .item_top li{
		margin:0 4px;
	}
	.answer_question .answer_title{
		font-size: 15px;
	}
	.answer_question .answer_list .answer_item .answer_item_left img {
	    width: 40px;
	    height: 40px;
	}
	.answer_question .answer_list .answer_item .answer_item_right .the_questioner .questioner_avatar img{
		width:32px;
		height:32px;
	}
	.to_comment_box{
		height:380px
		margin-top:-190px;
	}
	.to_comment_tip{
		font-size: 13px;
		line-height: 20px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_img img{
		width:50px;
		height:45px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_add_btn{
		width:50px;
		height:45px;
	}
	.comment_btn span{
		height:28px;
		line-height: 28px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .comment_img_list .comment_img_item .item_img{
		height:80px;
	}
	.to_comment .comment_left .comment_star .star_text{
		width:36%;
		height:34px;
	}
	.to_comment .comment_left .comment_star .star_text p span{
		line-height: 16px;
		font-size: 12px;
	}
	.to_comment .comment_left .comment_star .star{
		height:34px;
	}
	.to_comment .comment_left .comment_star .star .star_item{
		height:22px;
		margin-left:5px;
		margin-top:6px;
	}
	.to_comment .comment_left .comment_star .star .star_item img{
		width:22px;
		height:22px;
	}
	.to_comment .comment_right .comment_box textarea{
		height:100px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_img img{
		width:40px;
		height:36px;
	}
	.to_comment .comment_right .comment_box .comment_upload_img .upload_add_btn{
		width:40px;
		height:36px;
	}
	.reference #site_review p{
		width:80px;
		height:24px;
		line-height: 24px;
		font-size: 12px;
	}
	.reference #site_review p img{
		width:18px;
		height:18px;
		margin-top:3px;
	}
	.members_alert{
		padding:15px 8px;
		height:400px;
		margin-top:-200px;
	}
	.members_alert .members_alert_title .logo{
		height:90%;
	}
	.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_text{
		width:27%;
		font-size: 12px;
	}
	.members_alert .members_alert_content .members_register_login span{
		font-size: 13px;
	}
	.members_alert .members_alert_content .members_box_list .list_item .item_msg{
		height:32px;
	}
	.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_text span{
		line-height: 16px;
	}
	.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input .code_btn{
		width:60px;
		height:30px;
		line-height: 30px;
	}
	.members_alert .members_alert_content .members_box_list .list_item .item_msg .msg_input .code_btn{
		font-size: 13px;
	}
	.members_alert .members_alert_content .members_box_list .list_item .submit_btn span{
		height:28px;
		line-height: 28px;
		font-size: 13px;
	}
	.forget_password_alert .forget_password_content .item_msg .msg_text{
		font-size: 12px;
	}
	.forget_password_alert .forget_password_content .item_msg{
		height:32px;
	}
	.forget_password_alert .forget_password_content .item_msg .msg_text span{
		line-height: 16px;
	}
	.forget_password_alert .forget_password_content .item_msg .msg_input .code_btn{
		font-size: 13px;
		height:30px;
		line-height: 30px;
	}
	.forget_password_alert .forget_password_content .submit_btn span{
		height:28px;
		line-height: 28px;
		font-size: 13px;
	}
}