@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
:focus{ outline:none;}
body { color:#333; font:13px 'Microsoft Yahei',Tahoma, Geneva, sans-serif; }
input,textarea,select{font-size:12px;font-family:'Microsoft Yahei', Verdana, Geneva, sans-serif ;*font-size:100%}
ul,ol,li { list-style:none;}
/**clearfix**/
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;} 
  .clearfix {display: block;} 
  /* End hide from IE-mac */
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both;}
/**End clearfix***/
/* a{ text-decoration:none; color:#333;} */
a{ text-decoration:none;}
a:hover { color:#666;}

/*wp_guestbook_form*/
.wp_guestbook_form { width:100%;}
.post_item { margin-bottom: 10px; height:auto; line-height:30px; color:#000; ;border: none;background: none;margin-right: 20px;display: flex;float: left;font-size: 14px;}
.select2-container .select2-selection--single .select2-selection__rendered{color:#282828 !important}
.form-must{color:#811c22;line-height: 36px;}
.item_content { height:auto;}
.post_item label { display:inline-block; width: auto; height:30px; line-height:30px; float:none; cursor:pointer; text-align: center; padding-right:5px;}
/*.post_item span { vertical-align:top; }*/
.post_item .need { color:#a4303c; margin-right:5px; font-family:'\5B8B\4F53';}
.post_item .input {display:inline-block;width: 250px !important;border: none;float: none;margin-left: 10px;}
.post_item .input2 { display:inline-block; width:186px; border:1px solid #d9d9d9;}

/*.item_title .input { width:200px;}*/
.post_item .input input {border:0;width: calc(100% - 13px) ! important;background: none !important;color:#787878;height:30px;line-height:30px;}
/*.item_title .input input { width:200px;}*/
.post_item .ex_item { display:inline-block; height:30px; color:#999;margin-left:10px;}
.post_item .item_anon { color:#999; cursor:pointer;}
.post_item .check {display:inline-block; width:16px; height:16px; background:url(../../_images/messageboard/check.png) no-repeat 0 0; margin-right:5px;margin-top:7px; overflow:hidden; float:left;}
.anon { color:#e5e5e5;}
.anon .input { border-color:#e9e9e9;}
.anon .input input { cursor:not-allowed;}
.anon .item_anon { color:#000;}
.anon .item_anon .check { background-position:0 -16px;}
.post_item .text { height:auto;  }
.post_item .text textarea { width:248px; height:96px; border:1px; padding:3px 2px;border:1px solid #d9d9d9;resize:none;}
.item_handle { height:29px; line-height:29px; margin-bottom:0;}
.item_handle .msg_handle { float:left; display:inline;}
.item_handle .handle_post { margin-left:100px;_margin-left:83px;}
.item_handle .handle_reset { margin-left:10px;}
.item_handle input { width:61px; height:29px; border:0; background:url(../../_images/messageboard/btn.png) no-repeat 0 0; cursor:pointer;}
.item_handle .handle_post_en { width:61px; height:29px; border:0; background:url(../../_images/messageboard/btn_en.png) no-repeat 0 0; cursor:pointer;}
.handle_post input:hover { background-position:0 -29px;}
.handle_reset input { background-position:0 -58px;}
.handle_reset .handle_post_en { background-position:0 -58px;}
.handle_reset input:hover { background-position:0 -87px;}
/*验证�?/
#msg_code_img { display:inline-block; height:20px; margin-top:5px;}
#msg_code_img img { height:20px; vertical-align:top;}


html .mobile .post_item label { width:24%; padding-right:0px;}
html .mobile .item_title .input {width: 40%;}
html .mobile .item_title .input input { width: 40%;}
html .mobile .post_item .text textarea {width: 40%;}
html .mobile .post_item .input {width: 40%;}
html .mobile .post_item .input input {width: 80%;}
html .mobile .post_item .options{  display: inline-block;border: 1px solid #d9d9d9;height: 28px;}
html .mobile .combo-text{padding-left:2px;padding-top:2px}

div#validateCode {width: 100px;}
.panel {
    width: auto ! important;
}
@media screen and (max-width: 767px){
#resultListDiv{height: 600px;overflow-y: scroll;}
.sudy-tab .tab-menu div{font-size: 18px;padding-bottom: 5px;}
.post_item{width: 100%;float: none;}
.post_item .input{width: auto;display: block !important;margin-left: 0 !important;}
}