@charset "utf-8";
/* CSS Document */




.document_content{ width: 100%; overflow: hidden; background-color: #f7f7f7;}
.document_content_box{ width:1280px; overflow: hidden; margin: 0 auto;}
.document_content_left{ width:300px; height: 100%; margin:0 0 20px 0; float: left;}
.document_content_left ul{ width:100%; overflow: hidden;}
.document_content_left ul li:hover{ color: #3896e9; font-weight: bold; cursor: pointer;}
.document_content_left ul ol{ width:100%; overflow: hidden; background-color: #fff; border: 1px #eaeaea solid; margin-bottom: 20px; border-radius: 4px;}
.document_title_content{ margin-bottom: 20px;}
.document_content_left ul ol li{ width: 100%; line-height: 30px; text-align: left; color: #7b8a97; padding: 0 10%; float: none;}
.document_title{ width: 300px; margin-bottom: 10px; line-height: normal; padding: 10px; font-size: 16px; font-weight: bold; color: #fff; background: #66acf2; background: -moz-linear-gradient(top, #66acf2, #3595e9); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66acf2), to(#3595e9)); background: -o-linear-gradient(top, #66acf2, #3595e9);}

.document_content_right{ width:960px; margin:0 0 20px 0; overflow: hidden; float: right; background-color: #fff; border: 1px #eaeaea solid; border-radius: 4px; font-size: 16px; color: #000; line-height: 30px;}
.path_ul{ width: 1280px; height: 40px; margin: 0 auto; margin-top: 10px;}
.path_ul li{ width:auto; float: left; margin-right: 12px; line-height: 40px; font-size: 12px; color: #666;}
.document_text_title{ width: 880px; margin: 0 auto; font-size: 28px; color: #000; font-weight: bold; line-height: 60px; margin-top: 20px;}
.document_text_time{ width: 880px; margin: 0 auto; font-size: 14px; font-weight: 400; color: #999; margin-bottom: 20px;}
.document_text_time span{ float: right;}
.document_text_content{ width: 880px; margin: 0 auto; overflow: hidden;}
.document_text_grade{ width:90%; height: 80px; border: 1px #f0f0f0 solid; margin: 20px auto; border-radius: 4px;}
.document_text_grade span{ width: 200px; height: 80px; margin: 0 0 0 20px; display: inline-block; line-height: 80px; float: left; font-size: 14px;}
.document_text_grade ul{ width: 160px; height: 80px; float: left;}
.document_text_grade ul li{ font-size:18px; color: #3997ea; float: left; width: 26px; line-height: 80px; text-align: center;}
.document_text_grade ul li i{ font-weight: bold;}

.document_text_correlation{ width: 880px; overflow: hidden; margin: 0 auto;}
.correlation_title{ width: 100%; font-size: 16px; color: #000; border-bottom: 1px #f0f0f0 solid; line-height: 40px; font-weight: bold;}
.document_text_correlation li{ width: 30%; line-height: 40px; float: left; margin: 0 1.6%; text-align: left; color: #666;}
.comment_box{ width:90% !important; overflow: hidden; margin: 0 auto; margin-bottom: 100px;}
.comment_box ul{ width:100%; overflow: hidden;}
.comment_box ul ol{ width:100%; overflow: hidden; margin: 10px 0; border-bottom: 1px #e2e2e2 dotted; padding-bottom: 15px;}
.comment_photo{ width:60px; height: 60px; float: left; overflow: hidden; border-radius: 4px;}
.comment_photo img{ width:100%;}
.comment_content{ width: 90% !important; margin-left: 20px; float: left; overflow: hidden;}
.comment_texts{ text-align: left; font-size: 14px; color: #444; line-height: normal;}
.comment_time{ color: #ccc; text-align: left; line-height: normal; margin-top: 5px;}
.comment_time span{color: #ccc; margin: 0 20px;}
.comment_time span i{ margin-right: 5px;}
.comment_time button{ width: 48px; height: 22px; border: 0; background-color: #f2f3f7; font-size: 12px; border-radius: 2px; color: #444;}
.re_comment_box{ width:100%; overflow: hidden; margin-top: 20px;}
.re_comment_box input{ width:90%; height: 35px; border: 0; background-color: #f2f3f7; padding: 0 20px; color: #333; float: left;}
.comment_buttonss{ width: 10% !important; height: 34px !important; background-color: #3997ea !important; color: #fff !important; border-radius: 0 30px 30px 0 !important; line-height: 34px; border: 0;}

.re_comment_list{ display: none;}
.re_comment_list ul{ width:100%; overflow: hidden;}
.re_comment_list ul ol{ width:100%; overflow: hidden; margin: 10px 0; }
.comment_photos{ width:40px; height: 40px; float: left; overflow: hidden; border-radius: 4px;}
.comment_photos img{ width:100%;}
.comment_contents{ width: 740px; margin-left: 20px; float: left; overflow: hidden;} 
.comment_texts_two{text-align: left; font-size: 12px; color: #444; line-height: normal;}

.comment_buttons{ width: 80px; height: 30px; background-color: #3997ea; border: 0; color: #fff; margin-top: 24px; border-radius: 2px; display: none;}

.comment_number{ width:90%; margin: 0 auto; overflow: hidden;}
.comment_number li{ padding: 10px 0; border-bottom: 1px #f0f0f0 dotted;}
.numbers_photo{ width:40px; height: 40px; border-radius: 2px; overflow: hidden; float: left; margin-right: 10px;}
.numbers_photo img{ width: 100%;}
.comment_number_list{ overflow: hidden;}
.numbers_name{ text-align: left; font-size: 14px; color: #000;}
.numbers_top{ font-size: 18px; color: #3997ea; text-align: right; font-weight: bold;}
.numbers_top span{ font-size: 12px; color: #c9c9c9; float: left; font-weight: normal;}
.document_comment{ min-width: 60px; height: 25px; padding: 0 10px; background-color: #3997ea; border: 0; border-radius: 2px; float: right; color: #fff; margin-top: 10px; font-size: 12px;}
.document_alert{ width: 880px; margin: 0 auto; color: #000;}
.document_alert a{ color: #3997ea; font-weight: bold; margin: 0 5px;}

.document_first_class_list{ width: 100%; padding: 0 5%; cursor: pointer; line-height: 40px; color: #000; font-size: 14px;}
.document_first_class_list i{ float: right; margin-top: 13px; margin-right: 5px;}
.document_first_class_list:hover{ background-color: #f7f7f7;}
.document_two_class_list{ width:80%; margin: 0 auto; color: #444; font-size: 12px; display: none;}
.document_two_class_list span{ display: block; line-height: 30px;}
.thisText{ color: #3b9ff3; font-weight: bold;}
.xiangguan{ width: 90%; margin: 0 auto; margin-bottom: 40px;}
.xiangguan ul{ width:100%; overflow: hidden; margin-top: 10px;}
.xiangguan ul li{ margin: 2px auto; font-size: 14px; color: #ff6969; text-align: left;}
.xiangguan ul li:hover{ font-weight: bold;}