﻿/*QA*/
.qa-search {background:#eaeaea;text-align:center;font-size:18px;color:#000;padding:10px;margin:15px 0;display: flex;flex-wrap: nowrap;justify-content: center;align-content: center;}
.qa-search span {display: block;width:120px;min-width:120px;height: 35px; line-height: 35px;}
.qa-search-text { border:1px solid #bfbfbf;width:100%;max-width:440px;height:35px;margin:0 20px;font-size:16px; flex: auto;}
@media screen and (max-width:425px){
	.qa-search {position: relative;padding-top: 40px;}
	.qa-search span {position: absolute;top:5px;left:10px;}
	.qa-search-text {margin-left: 0;margin-right: 10px;}
}

.qa-title {background:#f2f2f2;text-align:center;font-size:24px;padding:10px 0}
.qa-list-q-item {border:1px solid #ddd;margin-top:10px;color:#000;padding:10px 40px 10px 80px;background:url(../gif/bg-q.gif) 20px 20px no-repeat;}
.qa-list-q-item2 {background:url(../gif/bg-q2.gif) 20px 20px no-repeat;}
.qa-list-q-info,.qa-list-a-info {color:#999;padding:5px 0}
.qa-list-q-info span {width:75px;height:26px;float:right;right:40px;top:20px; cursor:pointer; color:#0071DB; }
.qa-list-q-info span * {vertical-align:middle; margin:0px 5px; }
.qa-list-q-info span:hover {text-decoration:underline;}
.qa-list-q-title {font-size:20px}
.qa-list-q-content {padding:10px 0}

.qa-list-a-title {padding:10px 0;font-size:20px;color:#0071DB}
.qa-list-a-item {background:url(../gif/bg-a.gif) 0 20px no-repeat;border-top:1px dashed #adc2d7;padding:10px 0 10px 60px;margin-top:5px}
.qa-list-a-item2 {background:url(../png/bg-a2.png) 0 20px no-repeat;}
.qa-list-a-info div {float:right;right:60px;top:20px;color:#0071DB}
.qa-list-a-info div * {vertical-align:middle;margin:0 5px;cursor:pointer}
.qa-list-a-info div *:hover {text-decoration:underline;}

.qa-more {margin: 20px auto;text-align: right;}
.qa-more a {display: inline-block; padding: 10px 20px 10px 50px;border-radius: 5px; background: #F0F3F6 url(../png/59.png) 13px no-repeat;}

.qa-form {border:1px solid #ddd;margin-top:20px}
.qa-form-title {background:#f2f2f2;padding:10px 10px 10px 30px;font-size:24px;text-align:center;}
.qa-form form {padding:10px 20px}
.qa-form div {padding-top:10px}
.qa-form-input {width:100%;height:40px;font-size:inherit;border:1px solid #ccc;padding:0 4px; box-sizing:border-box;}
.qa-form-content {width:100%;height:150px;font-size:inherit;border:1px solid #ccc;line-height:150%;padding:4px; box-sizing:border-box;}
.qa-form-ctrl *:not(img) {cursor: pointer; border: none; margin-top: 5px;}
.btn-qa-submit-reply {width:94px !important;height:35px;border:none;cursor:pointer;background:url(../png/btn-qa-submit-2023.png) left center no-repeat}
.btn-qa-submit{width:261px;height:44px;cursor:pointer;border:none;background:url("../png/btn-answers-submit-2023.png") left center no-repeat;}
.btn-qa-reset{width:94px;height:35px;background:url(../png/btn-qa-reset.png) left center no-repeat}

.qa-form #say {display: block; height: 0; overflow: hidden;}

#replyBox {z-index:9999;position:absolute;width:750px;background:#f2f2f2;border:1px solid #ccc;padding:10px 15px}
#replyBox div {margin-top:10px}
#replyBox * {font-family:Verdana, Geneva, sans-serif}
#replyBox textarea {font-size:inherit;width:98%;border:1px solid #ccc;height:150px}
#replyBox .replyBox-title {font-size:20px;color:#c75000;text-align:center}
.qa-form-content-a {line-height:150%;padding:4px;}
.replyBox-close {background: url("../png/icon-close01.png") no-repeat;color:#517A81;cursor:pointer;display:block;font-size:16px;height:50px;line-height:50px;position:absolute;right:-15px;text-align:center;top:-15px;width:50px;}

.qaResultBox {position:absolute;width:90%;max-width: 700px;background:#f2f2f2;text-align:center;padding:20px 0;z-index:9999;left:30%;top:30%}
.qaResultBox a {color:#36C;text-decoration:none}
.qaResultBox a:hover {color:#c75000;}
.qaResultBox-msg {display: inline-block; margin:0 auto;min-height:80px; padding: 15px 20px 0 100px;text-align:left;}
.qaResultBox-icon-ok {background:url(../png/icon-yes-2.png) 5px 0 no-repeat;}
.qaResultBox-icon-faild {background:url(../png/icon-no.png) 5px 0 no-repeat;}

/*qa专用*/
.qa-user span {display:inline-block; margin: 5px 0;}
.qa-user span i {display: inline-block;width:65px; text-align: center;}
.qa-user input {width:180px;height: 40px;font-size:inherit; border: 1px solid #ccc;padding: 0 4px;margin: 0 10px 0 5px;box-sizing: border-box;}

.loading{width:160px;height:56px;position: absolute;top:40%;left:30%;line-height:56px;color:#fff;padding-left:60px;background: #000 url(../gif/ajaxloading_blue.gif) no-repeat 10px 50%;opacity: 0.7;z-index:19999;border-radius:20px;}

/*国家列表*/
.ac_results { background-color:#FFFFFF;border:1px solid black;overflow:hidden;padding:0;z-index:99999;}
.ac_results ul { list-style:none outside none;margin:0;padding:0;width:100%;}
.ac_results li { cursor:default;display:block;margin:0;overflow:hidden;padding:2px 5px;}
.ac_loading { background:url("../gif/ico_loading.gif") no-repeat scroll right center white;}
.ac_odd { background-color:#EEEEEE;}
.ac_over { background-color:#8EC2F5;color:#FFFFFF;}

@media screen and (max-width:768px){
	#replyBox div {margin-top:10px}
	#replyBox {width:90%;padding: 10px;}
	#replyBox textarea {width: 100%;}

	.replyAction .good {display: none;}
	.replyAction .bad {display: none;}

	.qa-user span {display:block; margin: 0 5px 10px; position: relative; padding-left: 70px;}
	.qa-user i {display: block; width:60px; text-align: right; position: absolute; left: 0; top: 0; line-height: 30px;}
	.qa-user input {width:100%!important; }

	.qa-form-ctrl{text-align: center;}
}
@media screen and (max-width:640px){
	.qa-list-q-item {background:none; padding:10px;}
	.qa-list-q-info {position: relative; line-height: normal; margin-bottom: 10px; background:url(../png/bg-q-mobile.png) 5px 5px no-repeat; padding:5px 80px 5px 40px;min-height:50px;}
	.qa-list-q-info span {position: absolute;top:5px;right:0;}
	.qa-list-q-content {text-align: justify;}

	.qa-list-a-item {background:none; padding:10px 0px;}
	.qa-list-a-info {position: relative; line-height: normal; margin-bottom: 10px; padding:5px 80px 5px 0;}
	.qa-list-a-info div {position: absolute;top:5px;right:0;}
	.qa-list-a-info br+br {display: none;}
	.qa-list-a-content {text-align: justify;word-break:break-all;}
	.qa-form form {padding:10px;}
}