* added 'templates/search/search.html'

* updated haystack settings
* updated 'static' files settings
* added 'search function' for 'apps/indicator': IndicatorCategory, Indicator
* merged static files of '97suifang-front' by 'mjymjydark'
* merged pages of '97suifang-front' by 'mjymjydark'
* updated pages to use 'django templates syntax' for the static links

TODO:
to fix the 'static links' of 'indicator/static/javascripts/*.js'

7 files changed, 1784 insertions, 0 deletions

diff --git a/97suifangqa/apps/indicator/static/css/delete_card_tip.css b/97suifangqa/apps/indicator/static/css/delete_card_tip.css
new file mode 100644
index 0000000..89eee88
--- /dev/null
+++ b/97suifangqa/apps/indicator/static/css/delete_card_tip.css
@@ -0,0 +1,52 @@
+#delete_card_tip_container {
+	width: 588px;
+	height: 164px;
+	background-color: #FFFFFF;
+	border: 1px solid #94C721;
+	padding: 0 20px 0 20px;
+}
+.delete_card_tip_title_line {
+	height: 42px;
+	line-height: 42px;
+	border-bottom: 1px solid #D6D0D6;
+	width: 588px;
+}
+.delete_card_tip_title_line .delete_card_tip_title {
+	font-weight: bold;
+	color: #4A4A4A;
+	font-size: 18px;
+	float: left;
+}
+.delete_card_tip_title_line .delete_card_tip_close {
+	float: right;
+	background: url('../images/closed.png') no-repeat;
+	height: 11px;
+	width: 11px;
+	margin: 15px 0 0 0;
+	cursor: pointer;
+}
+.delete_card_tip_content {
+	height: 55px;
+	line-height: 55px;
+	color: #4A4A4A;
+	font-size: 14px;
+}
+.delete_card_tip_action {
+	height: 67px;
+}
+.delete_card_tip_action .action_confirm_cancel, .delete_card_tip_action .action_confirm_ignore {
+	background-color: #99CC33;
+    border-radius: 2px;
+    width: 75px;
+    color: white;
+    cursor: pointer;
+    height: 22px;
+    line-height: 22px;
+    display: inline-block;
+    text-align: center;
+    margin-top: 13px;
+    text-decoration: none;
+}
+.delete_card_tip_action .action_confirm_cancel {
+	margin: 0 11px 0 213px;
+}
\ No newline at end of file
diff --git a/97suifangqa/apps/indicator/static/css/edit_history_data.css b/97suifangqa/apps/indicator/static/css/edit_history_data.css
new file mode 100644
index 0000000..12bf73b
--- /dev/null
+++ b/97suifangqa/apps/indicator/static/css/edit_history_data.css
@@ -0,0 +1,102 @@
+#edit_history_data_container {
+	width: 588px;
+	height: 164px;
+	background-color: #FFFFFF;
+	border: 1px solid #94C721;
+	padding: 0 20px 0 20px;
+}
+.edit_history_data_title_line {
+	height: 42px;
+	line-height: 42px;
+	border-bottom: 1px solid #D6D0D6;
+	width: 588px;
+}
+.edit_history_data_title_line .edit_history_data_title {
+	font-weight: bold;
+	color: #4A4A4A;
+	font-size: 18px;
+	float: left;
+}
+.edit_history_data_title_line .edit_history_data_close {
+	float: right;
+	background: url('../images/closed.png') no-repeat;
+	height: 11px;
+	width: 11px;
+	margin: 15px 0 0 0;
+	cursor: pointer;
+}
+.edit_history_data_content {
+	color: #4A4A4A;
+	font-size: 14px;
+}
+.edit_history_data_content .date_time {
+	height: 55px;
+	line-height: 55px;
+}
+.edit_history_data_content .date_time .time {
+	margin-left: 27px;
+}
+.edit_history_data_content .refer_range {
+	height: 38px;
+	line-height: 38px;
+	margin-top: -6px;
+}
+.edit_history_data_content .edit_data #edit_btn, .edit_history_data_content .editing_data #save_btn {
+	float: right;
+	height: 24px;
+	line-height: 22px;
+	padding: 1px 26px;
+}
+.edit_history_data_content .editing_data {
+	height: 25px;
+	display: none;
+}
+.edit_history_data_content .editing_data .input_container {
+	float: left;
+}
+.edit_history_data_content .editing_data .input_container label {
+	position: relative;
+	top: -1px;
+}
+.edit_history_data_content .editing_data .input_container input {
+	color: #5C5C5C;
+	background-color: #FFFFFF;
+	border: 1px solid #9C9C9C;
+}
+.edit_history_data_content .editing_data .input_container .error {
+	border: 1px solid red;
+}
+.edit_history_data_content .editing_data .input_container .edit_input_main {
+	width: 42px;
+	height: 17px;
+	line-height: 17px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.edit_history_data_content .editing_data .input_container .edit_input_sub {
+	width: 17px;
+	height: 17px;
+	line-height: 17px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.edit_history_data_content .editing_data .add_minus_icon {
+	float: left;
+	margin-right: 8px;
+}
+.edit_history_data_content .editing_data .add_minus_icon .add_icon {
+	background:url(../images/add.png) no-repeat;
+	width: 15px;
+	height: 11px;
+	border-right: 1px solid #9C9C9C;
+	cursor: pointer;
+}
+.edit_history_data_content .editing_data .add_minus_icon .minus_icon {
+	background:url(../images/minus.png) no-repeat;
+	width: 15px;
+	height: 10px;
+	border-bottom: 1px solid #9C9C9C;
+	border-right: 1px solid #9C9C9C;
+	margin-top: 1px;
+	cursor: pointer;
+}
diff --git a/97suifangqa/apps/indicator/static/css/index_desc.css b/97suifangqa/apps/indicator/static/css/index_desc.css
new file mode 100644
index 0000000..ab042d4
--- /dev/null
+++ b/97suifangqa/apps/indicator/static/css/index_desc.css
@@ -0,0 +1,56 @@
+#index_desc_container {
+	width: 588px;
+	height: 349px;
+	background-color: #FFFFFF;
+	border: 1px solid #94C721;
+	padding: 0 20px 0 20px;
+}
+.index_desc_title_line {
+	height: 42px;
+	line-height: 42px;
+	border-bottom: 1px solid #D6D0D6;
+	width: 588px;
+}
+.index_desc_title_line .index_desc_title {
+	font-weight: bold;
+	color: #4A4A4A;
+	font-size: 18px;
+	float: left;
+}
+.index_desc_title_line .index_desc_close {
+	float: right;
+	background: url('../images/closed.png') no-repeat;
+	height: 11px;
+	width: 11px;
+	margin: 15px 0 0 0;
+	cursor: pointer;
+}
+.index_desc_content {
+	margin-top: 8px;
+	height: 223px;
+	line-height: 20px;
+	color: #4A4A4A;
+	font-size: 14px;
+	letter-spacing: 1px;
+	overflow: auto;
+}
+.collection {
+	background-color: #F7F7F7;
+	height: 38px;
+	line-height: 38px;
+	text-align: center;
+	cursor: pointer;
+}
+.go_library {
+	padding-top: 8px;
+	height: 28px;
+}
+.go_library .go_library_btn {
+	float: right;
+	height: 25px;
+	line-height: 21px;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-bottom: 2px;
+	padding-top: 2px;
+}
\ No newline at end of file
diff --git a/97suifangqa/apps/indicator/static/css/new_delete_index.css b/97suifangqa/apps/indicator/static/css/new_delete_index.css
new file mode 100644
index 0000000..aaee1a6
--- /dev/null
+++ b/97suifangqa/apps/indicator/static/css/new_delete_index.css
@@ -0,0 +1,192 @@
+#new_delete_container {
+	float: left;
+	margin-left: 37px;
+}
+.new_delete_title {
+	width: 596px;
+	height: 26px;
+}
+.new_delete_title .content {
+	float: left;
+	font-weight: bold;
+	font-size: 20px;
+	color: #4A4A4A;
+	height: 26px;
+	line-height: 26px;
+}
+.new_delete_title .search {
+	float: right;
+	height: 26px;
+	line-height: 26px;
+	position: relative;
+}
+.new_delete_title .search input {
+	float: left;
+	height: 20px;
+	width: 127px;
+	border: 1px solid #CACACA;
+	background-color: #FFFFFF;
+	padding: 0;
+	border-radius: 2px;
+	color: #000000;
+	position: relative;
+	top: 2px;
+	margin-right: 2px;
+}
+.new_delete_title .search input::-moz-placeholder {
+	color: #9D9D9D;
+	font-weight: bold;
+}
+.new_delete_title .search img {
+	float: right;
+	position: relative;
+	top: 2px;
+	cursor: pointer;
+}
+.index_navigation {
+	margin: 10px 0;
+}
+.index_navigation .index_type {
+	float: left;
+	width: 63px;
+	height: 20px;
+	text-align: center;
+	border: 1px solid #B5B5B5;
+	border-radius: 2px;
+	margin-right: 11px;
+}
+.index_navigation .index_type a{
+	color: #7E7E7E;
+	cursor: pointer;
+	text-decoration: none;
+}
+.index_navigation #index_all {
+	margin-right: 0;
+}
+.index_navigation .selected {
+	background-color: #99CC33;
+	border: 1px solid #CCE69C;
+}
+.index_navigation .selected a {
+	color: #FFFFFF;
+}
+.show_indexes {
+	position: relative;
+}
+.show_indexes .index_container {
+	float: left;
+	width: 252px;
+	height: 437px;
+	border: 1px solid #b6b6b6;
+	z-index: 1;
+	position: relative;
+	padding: 6px 12px 0 12px;
+	overflow: hidden;
+}
+.show_indexes .add_concerned_icon {
+	float: left;
+	height: 0;
+	width: 0;
+	border-width: 20px;
+	border-style: solid;
+	border-color: #FFFFFF #FFFFFF #FFFFFF #BFBFBF;
+	overflow: hidden;
+	margin-top: 191px;
+	position: relative;
+	left: 10px;
+	z-index: 0;
+}
+.show_indexes .index_container .index_title_container {
+	border-bottom: 1px solid #BFBFBF;
+	height: 26px;
+	line-height: 26px;
+	margin-bottom: 5px;
+}
+.show_indexes .index_container .index_title_container .index_title {
+	font-weight: bold;
+	font-size: 19px;
+	color: #4A4A4A;
+	float: left;
+}
+.show_indexes .index_container .index_title_container .example_sheet {
+	float: right;
+	color: #4A4A4A;
+	margin-top: 4px;
+}
+.show_indexes .index_container .index_title_container .index_btn {
+	float: right;
+}
+.show_indexes .index_container .index_title_container .index_btn input{
+	width: 72px;
+	height: 24px;
+	line-height: 24px;
+	vertical-align: baseline;
+}
+.index_line {
+	margin-top: 3px;
+}
+.index_line .index_name, .index_line .index_category {
+	float: left;
+	font-size: 14px;
+	height: 20px;
+	line-height: 20px;
+	color: #4A4A4A;
+	font-weight: bold;
+	cursor: pointer;
+}
+.index_lines .add .icon {
+	width: 20px;
+	height: 20px;
+	float: right;
+	background: url("../images/addicon.png");
+	margin-right: 2px;
+	cursor: pointer;
+}
+.index_lines .add .index_name, .index_lines .add .index_category, .index_lines .minus .index_name {
+	color: #FFFFFF;
+}
+.index_lines .minus .icon {
+	width: 20px;
+	height: 20px;
+	float: right;
+	background: url("../images/minusicon.png");
+	margin-right: 2px;
+	cursor: pointer;
+}
+.index_lines .add, .index_lines .minus {
+	background: #8FC31F;
+}
+.index_line .index_name {
+	width: 185px;
+}
+
+.all_condition .index_all_title {
+	font-weight: bold;
+	font-size: 19px;
+	color: #4A4A4A;
+	height: 24px;
+	line-height: 24px;
+	margin-bottom: 3px;
+}
+.all_condition .index_all_letter {
+	margin-bottom: 10px;
+	line-height: 20px;
+	height: 40px;
+}
+.all_condition .index_all_letter div {
+	float: left;
+	color: #8F8F8F;
+	font-size: 15px;
+	margin-right: 4px;
+	cursor: pointer;
+}
+.index_letter_container .index_lines {
+	margin-bottom: 46px;
+}
+.index_letter_container .index_lines .letter_title {
+	font-weight: bold;
+	font-size: 32px;
+	color: #4A4A4A;
+	border-bottom: 1px solid #BFBFBF;
+	height: 24px;
+}
\ No newline at end of file
diff --git a/97suifangqa/apps/indicator/static/css/normalize.css b/97suifangqa/apps/indicator/static/css/normalize.css
new file mode 100644
index 0000000..ab1eadb
--- /dev/null
+++ b/97suifangqa/apps/indicator/static/css/normalize.css
@@ -0,0 +1,817 @@
+/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
+/* =============================================================================
+   Normalize.css is intended to be used as an alternative to CSS resets.
+
+   It is suggested that you read through the normalize.css file and customise it
+   to meet the design requirements of a project rather including it as a "black
+   box". @see http://nicolasgallagher.com/about-normalize-css/
+
+   Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
+         @see http://snook.ca/archives/html_and_css/no_css_reset/
+   ========================================================================== */
+/* =============================================================================
+   HTML5 display definitions
+   ========================================================================== */
+/*
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
+/* line 36, ../../../sass/sass/normalize.scss */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/*
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
+/* line 46, ../../../sass/sass/normalize.scss */
+audio,
+canvas,
+video {
+  display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying 'audio' without controls
+ * Remove excess height in iOS5 devices
+ */
+/* line 59, ../../../sass/sass/normalize.scss */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/*
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+ * Known issue: no IE6 support
+ */
+/* line 69, ../../../sass/sass/normalize.scss */
+[hidden] {
+  display: none;
+}
+
+/* =============================================================================
+   Base
+   ========================================================================== */
+/* Instead of relying on the fonts that are available on a user's computer, you
+   can use web fonts which, like images, are resources downloaded to the user's
+   browser. Because of the bandwidth and rendering resources required, web fonts
+   should be used with care.
+
+   Numerous resources for web fonts can be found on Google. Here are a few
+   websites where you can find Open Source fonts to download:
+   - http://www.fontsquirrel.com/fontface
+   - http://www.theleagueofmoveabletype.com
+
+   In order to use these fonts, you will need to convert them into formats
+   suitable for web fonts. We recommend the free-to-use Font Squirrel's
+   Font-Face Generator:
+     http://www.fontsquirrel.com/fontface/generator
+
+   The following is an example @font-face declaration. This font can then be
+   used in any ruleset using a property like this:  font-family: Example, serif;
+
+   Since we're using Sass, you'll need to declare your font faces here, then you
+   can add them to the font variables in the _base.scss partial.
+*/
+/*
+@font-face {
+  font-family: 'Example';
+  src: url('../fonts/example.eot');
+  src: url('../fonts/example.eot?iefix') format('eot'),
+    url('../fonts/example.woff') format('woff'),
+    url('../fonts/example.ttf') format('truetype'),
+    url('../fonts/example.svg#webfontOkOndcij') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+*/
+/*
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+ *    http://clagnut.com/blog/348/#c790
+ * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
+/* line 120, ../../../sass/sass/normalize.scss */
+html {
+  font-size: 87.5%;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  /* Establishes a vertical rhythm unit using $base-line-height. */
+  color: #5c5c5c;
+  line-height: 1.42857em;
+}
+
+/*
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
+ */
+/* line 137, ../../../sass/sass/normalize.scss */
+html,
+button,
+input,
+select,
+textarea {
+  font-family: "TIBch", "ClassicGrotesqueW01-Rg", "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", "Microsoft YaHei", SimSun, sans-serif;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE6/7
+ */
+/* line 145, ../../../sass/sass/normalize.scss */
+body {
+  margin: 0;
+}
+
+/* =============================================================================
+   Links
+   ========================================================================== */
+/*
+ * The order of link states are based on Eric Meyer's article:
+ * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
+ */
+/* line 162, ../../../sass/sass/normalize.scss */
+a {
+  color: #006699;
+  text-decoration: none;
+}
+
+/* line 167, ../../../sass/sass/normalize.scss */
+a:visited {
+  color: #006699;
+}
+
+/* line 172, ../../../sass/sass/normalize.scss */
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
+
+/*
+ * Addresses outline displayed oddly in Chrome
+ */
+/* line 184, ../../../sass/sass/normalize.scss */
+a:focus {
+  outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers
+ * people.opera.com/patrickl/experiments/keyboard/test
+ */
+/* line 194, ../../../sass/sass/normalize.scss */
+a:hover,
+a:active {
+  outline: 0;
+}
+
+/* =============================================================================
+   Typography
+
+   To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
+   so that the line height of our base font becomes the basic unit of vertical
+   measurement. We use multiples of that unit to set the top and bottom margins
+   for our block level elements and to set the line heights of any fonts.
+   For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
+   ========================================================================== */
+/*
+ * Addresses font sizes and margins set differently in IE6/7
+ * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
+ */
+/* line 214, ../../../sass/sass/normalize.scss */
+h1 {
+  /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
+  font-size: 1.57143em;
+  line-height: 1.36364em;
+  /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
+  margin-top: 0.45455em;
+  margin-bottom: 0.72727em;
+}
+
+/* line 223, ../../../sass/sass/normalize.scss */
+h2 {
+  font-size: 1.4em;
+  line-height: 2.04082em;
+  margin-top: 0.5102em;
+  margin-bottom: 0.30612em;
+}
+
+/* line 229, ../../../sass/sass/normalize.scss */
+h3 {
+  font-size: 1.17em;
+  line-height: 2.442em;
+  margin-top: 1.221em;
+  margin-bottom: 0.3663em;
+}
+
+/* line 235, ../../../sass/sass/normalize.scss */
+h4 {
+  font-size: 1em;
+  line-height: 1.42857em;
+  margin-top: 1.14286em;
+  margin-bottom: 0.57143em;
+}
+
+/* line 241, ../../../sass/sass/normalize.scss */
+h5 {
+  font-size: 0.83em;
+  line-height: 1.72117em;
+  margin-top: 0.51635em;
+  margin-bottom: 0.86059em;
+}
+
+/* line 247, ../../../sass/sass/normalize.scss */
+h6 {
+  font-size: 0.75em;
+  line-height: 1.90476em;
+  margin-top: 0.57143em;
+  margin-bottom: 0.95238em;
+}
+
+/* Thematic break */
+/* line 254, ../../../sass/sass/normalize.scss */
+hr {
+  height: 1px;
+  border: 1px solid #666;
+  padding-bottom: -1px;
+  margin: 1.42857em 0;
+}
+
+/*
+ * Addresses styling not present in IE7/8/9, S5, Chrome
+ */
+/* line 265, ../../../sass/sass/normalize.scss */
+abbr[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+  white-space: nowrap;
+}
+
+/*
+ * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+*/
+/* line 276, ../../../sass/sass/normalize.scss */
+b,
+strong {
+  font-weight: bold;
+}
+
+/* line 280, ../../../sass/sass/normalize.scss */
+blockquote {
+  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
+  margin: 1.42857em 30px;
+}
+
+/*
+ * Addresses styling not present in S5, Chrome
+ */
+/* line 289, ../../../sass/sass/normalize.scss */
+dfn {
+  font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE6/7/8/9
+ */
+/* line 297, ../../../sass/sass/normalize.scss */
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE6/7
+ */
+/* line 307, ../../../sass/sass/normalize.scss */
+p,
+pre {
+  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
+  margin-bottom: 0.71429em;
+  margin-top: 0;
+}
+
+/*
+ * Corrects font family set oddly in IE6, S4/5, Chrome
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+ */
+/* line 323, ../../../sass/sass/normalize.scss */
+pre,
+code,
+kbd,
+samp,
+tt,
+var {
+  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif, "STHeiti", "WenQuanYi Micro Hei", "Microsoft YaHei", SimSun, sans-serif;
+  /* The $font-monospace value ends with ", serif". */
+  font-size: 1em;
+  line-height: 1.42857em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers
+ */
+/* line 335, ../../../sass/sass/normalize.scss */
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+/*
+ * 1. Addresses CSS quotes not supported in IE6/7
+ * 2. Addresses quote property not supported in S4
+ */
+/* 1 */
+/* line 348, ../../../sass/sass/normalize.scss */
+q {
+  quotes: none;
+}
+
+/* 2 */
+/* line 355, ../../../sass/sass/normalize.scss */
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+/* @todo Determine how big element affects vertical rhythm. */
+/* line 361, ../../../sass/sass/normalize.scss */
+small {
+  font-size: 75%;
+}
+
+/*
+ * Prevents sub and sup affecting line-height in all browsers
+ * gist.github.com/413930
+ */
+/* line 371, ../../../sass/sass/normalize.scss */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+/* line 378, ../../../sass/sass/normalize.scss */
+sup {
+  top: -0.5em;
+}
+
+/* line 382, ../../../sass/sass/normalize.scss */
+sub {
+  bottom: -0.25em;
+}
+
+/* =============================================================================
+   Lists
+   ========================================================================== */
+/*
+ * Addresses margins set differently in IE6/7
+ */
+/* line 399, ../../../sass/sass/normalize.scss */
+dl,
+menu,
+ol,
+ul,
+.item-list ul {
+  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
+  margin: 1.42857em 0;
+}
+
+/* line 404, ../../../sass/sass/normalize.scss */
+.item-list ul li {
+  /* Drupal override */
+  margin: 0;
+}
+
+/* line 408, ../../../sass/sass/normalize.scss */
+dd {
+  margin: 0 0 0 30px;
+  /* LTR */
+}
+
+/* line 413, ../../../sass/sass/normalize.scss */
+ul ul, ul ol, ol ul, ol ol, .item-list ul ul, .item-list ul ol, .item-list ol ul, .item-list ol ol {
+  margin: 0;
+  /* Turn off margins on nested lists. */
+}
+
+/*
+ * Addresses paddings set differently in IE6/7
+ */
+/* line 425, ../../../sass/sass/normalize.scss */
+menu,
+ol,
+ul,
+.item-list ul {
+  padding: 0 0 0 30px;
+  /* LTR */
+}
+
+/*
+ * Corrects list images handled incorrectly in IE7
+ */
+/* line 434, ../../../sass/sass/normalize.scss */
+nav ul,
+nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+
+/* =============================================================================
+   Embedded content
+   ========================================================================== */
+/*
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+ * 2. Improves image quality when scaled in IE7
+ *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+/* line 450, ../../../sass/sass/normalize.scss */
+img {
+  border: 0;
+  /* 1 */
+  -ms-interpolation-mode: bicubic;
+  /* 2 */
+  /* vertical-align: bottom; */
+  /* Suppress the space beneath the baseline */
+  /* Responsive images */
+  /* @todo Add responsive embedded video. */
+  max-width: 100%;
+  height: auto;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9
+ */
+/* line 466, ../../../sass/sass/normalize.scss */
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* =============================================================================
+   Figures
+   ========================================================================== */
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11
+ */
+/* line 479, ../../../sass/sass/normalize.scss */
+figure {
+  margin: 0;
+}
+
+/* =============================================================================
+   Forms
+   ========================================================================== */
+/*
+ * Corrects margin displayed oddly in IE6/7
+ */
+/* line 492, ../../../sass/sass/normalize.scss */
+form {
+  margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding
+ */
+/* line 500, ../../../sass/sass/normalize.scss */
+fieldset {
+  border-color: #c0c0c0;
+  margin: 0 2px;
+  /* Apply borders and padding that keep the vertical rhythm. */
+  border-top-style: solid;
+  border-top-width: 0.07143em;
+  padding-top: 0.42857em;
+  border-bottom-style: solid;
+  border-bottom-width: 0.07143em;
+  padding-bottom: 0.85714em;
+  border-left-style: solid;
+  border-left-width: 0.07143em;
+  padding-left: 0.85714em;
+  border-right-style: solid;
+  border-right-width: 0.07143em;
+  padding-right: 0.85714em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE6/7/8/9
+ * 2. Corrects text not wrapping in FF3
+ * 3. Corrects alignment displayed oddly in IE6/7
+ */
+/* line 516, ../../../sass/sass/normalize.scss */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  white-space: normal;
+  /* 2 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers
+ * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
+ * 3. Improves appearance and consistency in all browsers
+ */
+/* line 534, ../../../sass/sass/normalize.scss */
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  vertical-align: baseline;
+  /* 3 */
+}
+
+/*
+ * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+ */
+/* line 548, ../../../sass/sass/normalize.scss */
+button,
+input {
+  line-height: normal;
+  /* 1 */
+}
+
+/*
+ * 1. Improves usability and consistency of cursor style between image-type 'input' and others
+ * 2. Corrects inability to style clickable 'input' types in iOS
+ * 3. Removes inner spacing in IE7 without affecting normal text inputs
+ *    Known issue: inner spacing remains in IE6
+ */
+/* line 562, ../../../sass/sass/normalize.scss */
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer;
+  /* 1 */
+  -webkit-appearance: button;
+  /* 2 */
+}
+
+/* line 574, ../../../sass/sass/normalize.scss */
+.button,
+button,
+input[type="submit"],
+input[type="button"],
+input[type="reset"] {
+  cursor: pointer;
+  -webkit-appearance: none;
+  background-color: #99cc33;
+  border: 1px solid #f3f2f0;
+  -webkit-box-shadow: 0px 0px 2px white;
+  -moz-box-shadow: 0px 0px 2px white;
+  box-shadow: 0px 0px 2px white;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  color: white;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
+  height: 2.1em;
+  line-height: 2.1em;
+  vertical-align: middle;
+}
+/* line 588, ../../../sass/sass/normalize.scss */
+.button:hover,
+button:hover,
+input[type="submit"]:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover {
+  background-color: #93c431;
+}
+/* line 591, ../../../sass/sass/normalize.scss */
+.button:active,
+button:active,
+input[type="submit"]:active,
+input[type="button"]:active,
+input[type="reset"]:active {
+  background-color: #8ab82e;
+  -webkit-box-shadow: inset 0px 0px 10px rgba(85, 85, 85, 0.5);
+  -moz-box-shadow: inset 0px 0px 10px rgba(85, 85, 85, 0.5);
+  box-shadow: inset 0px 0px 10px rgba(85, 85, 85, 0.5);
+}
+/* line 595, ../../../sass/sass/normalize.scss */
+.button.disabled,
+button.disabled,
+input[type="submit"].disabled,
+input[type="button"].disabled,
+input[type="reset"].disabled {
+  cursor: default;
+}
+/* line 598, ../../../sass/sass/normalize.scss */
+.button.disabled:active, .button.disabled:hover,
+button.disabled:active,
+button.disabled:hover,
+input[type="submit"].disabled:active,
+input[type="submit"].disabled:hover,
+input[type="button"].disabled:active,
+input[type="button"].disabled:hover,
+input[type="reset"].disabled:active,
+input[type="reset"].disabled:hover {
+  background-color: #99cc33;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+/* line 611, ../../../sass/sass/normalize.scss */
+a.button,
+a.button:hover,
+a.button:active,
+a.button:visited {
+  text-decoration: none;
+}
+
+/* line 615, ../../../sass/sass/normalize.scss */
+.button {
+  text-align: center;
+}
+
+/* line 619, ../../../sass/sass/normalize.scss */
+input[type="text"] {
+  background-color: #8b8885;
+  border: 1px solid white;
+  -webkit-box-shadow: 0px 0px 2px white;
+  -moz-box-shadow: 0px 0px 2px white;
+  box-shadow: 0px 0px 2px white;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  padding-top: 0;
+  padding-bottom: 0;
+  line-height: 1.95em;
+  height: 1.95em;
+  color: white;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+input[type="text"].placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+input[type="text"]:focus.placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+input[type="text"].input-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+input[type="text"]:focus.input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+input[type="text"]:-moz-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+input[type="text"]:focus:-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+input[type="text"]::-webkit-input-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+input[type="text"]:focus::-webkit-input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+input[type="text"]::-moz-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+input[type="text"]:focus::-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+input[type="text"]:-ms-input-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+input[type="text"]:focus:-ms-input-placeholder {
+  color: transparent;
+}
+
+/*
+ * Re-set default cursor for disabled elements
+ */
+/* line 641, ../../../sass/sass/normalize.scss */
+button[disabled],
+input[disabled] {
+  cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE8/9
+ * 2. Removes excess padding in IE8/9
+ * 3. Removes excess padding in IE7
+      Known issue: excess padding remains in IE6
+ */
+/* line 653, ../../../sass/sass/normalize.scss */
+input[type="checkbox"],
+input[type="radio"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+}
+
+/*
+ * 1. Addresses appearance set to searchfield in S5, Chrome
+ * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
+ */
+/* line 667, ../../../sass/sass/normalize.scss */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  /* 2 */
+}
+
+/*
+ * Removes inner padding and search cancel button in S5, Chrome on OS X
+ */
+/* line 677, ../../../sass/sass/normalize.scss */
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in FF3+
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+ */
+/* line 687, ../../../sass/sass/normalize.scss */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE6/7/8/9
+ * 2. Improves readability and alignment in all browsers
+ */
+/* line 697, ../../../sass/sass/normalize.scss */
+textarea {
+  overflow: auto;
+  /* 1 */
+  vertical-align: top;
+  /* 2 */
+}
+
+/* =============================================================================
+   Tables
+   ========================================================================== */
+/*
+ * Remove most spacing between table cells
+ */
+/* line 711, ../../../sass/sass/normalize.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  /* width: 100%; */
+  /* Prevent cramped-looking tables */
+  /* Add vertical rhythm margins. */
+  margin-top: 1.42857em;
+  margin-bottom: 1.42857em;
+}
+
+/*
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+/* line 725, ../../../sass/sass/normalize.scss */
+th {
+  text-align: left;
+  /* LTR */
+  padding: 0;
+  border-bottom: none;
+}
+
+/* line 731, ../../../sass/sass/normalize.scss */
+tbody {
+  border-top: none;
+}
\ No newline at end of file
diff --git a/97suifangqa/apps/indicator/static/css/sheet_default.css b/97suifangqa/apps/indicator/static/css/sheet_default.css
new file mode 100644
index 0000000..aca021c
--- /dev/null
+++ b/97suifangqa/apps/indicator/static/css/sheet_default.css
@@ -0,0 +1,359 @@
+#right_container {
+	width: 596px;
+	float: left;
+	margin-left: 457px;
+}
+#index_status_container {
+	width: 596px;
+}
+.index_title {
+	color: #4a4a4a;
+	font-size: 20px;
+	letter-spacing: 2px;
+	font-weight: bold;
+}
+.index_sub_title {
+	margin-top: 9px;
+	height: 25px;
+	line-height: 25px;
+	background-color: #f3f3f1;
+}
+.index_sub_title .content {
+	color: #737173;
+	float: left;
+}
+.index_sub_title .close_icon {
+	background: url('../images/closed.png') no-repeat;
+	float: right;
+	height: 11px;
+	width: 11px;
+	margin: 7px 7px 0 0;
+	cursor: pointer;
+}
+.detail_card_info {
+	width: 562px;
+	border: 1px solid #CACACA;
+	position: relative;
+	float: left;
+	margin-top: 9px;
+	padding: 0 14px 6px 20px;
+	display: none;
+}
+.detail_card_info .card_title {
+	height: 32px;
+	line-height: 32px;
+	color: #4b4a48;
+	font-weight: bold;
+	font-size: 18px;
+	padding-bottom: 10px;
+	border-bottom: 1px solid #CACACA;
+}
+.detail_card_info .card_title .collapse_btn {
+	width: 80px;
+	height: 23px;
+	line-height: 23px;
+	font-size: 14px;
+	vertical-align: baseline;
+	position: relative;
+	bottom: -10px;
+	float: right;
+}
+.detail_card_info .search_data_div {
+	margin-top: 9px;
+	margin-bottom: 17px;
+	width: 562px;
+}
+.detail_card_info .search_data_div input[type='button'] {
+	width: 80px;
+	height: 23px;
+	line-height: 23px;
+	float: left;
+}
+.detail_card_info .search_data_div .recent_two_week {
+	margin-left: 4px;
+}
+.detail_card_info .search_data_div .unselected {
+	border: 1px solid #9F9F9F;
+	background: #FFFFFF;
+	border-radius: 0;
+	color: #5C5C5C;
+}
+.detail_card_info .search_data_div .datepicker_container {
+	position: relative;
+	float: right;
+}
+.detail_card_info .search_data_div .end_date_container {
+	margin-left: 10px;
+}
+.detail_card_info .search_data_div .datepicker_container .datepicker {
+	background: #FFFFFF;
+	border: 1px solid #9C9C9C;
+	color: #B9B9B9;
+	width: 107px;
+	height: 17px;
+	line-height: 17px;
+	position: relative;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.detail_card_info .search_data_div .datepicker_container .ui-datepicker-trigger {
+	position: absolute;
+	top: 2px;
+	right: 8px;
+}
+.detail_card_info .table_div table {
+	margin-bottom: 0;
+}
+.detail_card_info .table_div table tr {
+	height: 34px;
+}
+.detail_card_info .table_div table tr td {
+	border: 1px solid #CACACA;
+	text-align: center;
+}
+.detail_card_info .table_div table .first_line {
+	background: #99CC33;
+	height: 29px;
+	color: #FFFFFF;
+}
+.detail_card_info .see_more {
+	margin-top: 5px;
+}
+.detail_card_info .see_more .see_more_btn {
+	float: right;
+	width: 107px;
+	height: 24px;
+	line-height: 24px;
+}
+.index_card {
+	width: 278px;
+	height: 375px;
+	border: 1px solid #CACACA;
+	margin-top: 9px;
+	border-radius: 2px;
+	padding: 5px 5px 0 8px;
+	position: relative;
+}
+.index_card_fir {
+	float: left;
+}
+.index_card_sec {
+	float: right;
+}
+.index_card .card_title {
+	height: 40px;
+	line-height: 40px;
+	color: #7D7D7D;
+	font-weight: bold;
+	font-size: 18px;
+}
+.index_card .refer_range {
+	color: #4B4B4B;
+}
+.index_card .refer_range .refer_text {
+	margin-right: 5px;
+}
+.index_card .edit_data, .index_card .editing_data {
+	height: 25px;
+	margin-top: 7px;
+}
+.index_card .edit_data .explain_icon {
+	margin-right: 2px;
+	float: right;
+}
+.index_card .edit_data .small_edit_icon {
+	float: right;
+	cursor: pointer;
+}
+.index_card .edit_data .last_edit_data {
+	float: left;
+}
+.index_card .editing_data {
+	display: none;
+}
+.index_card .editing_data .input_container {
+	float: left;
+}
+.index_card .editing_data .input_container input {
+	color: #5C5C5C;
+	background-color: #FFFFFF;
+	border: 1px solid #9C9C9C;
+}
+.index_card .editing_data .input_container .error {
+	border: 1px solid red;
+}
+.index_card .editing_data .input_container .edit_input_main {
+	width: 42px;
+	height: 17px;
+	line-height: 17px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.index_card .editing_data .input_container .edit_input_sub {
+	width: 17px;
+	height: 17px;
+	line-height: 17px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.index_card .editing_data .add_minus_icon {
+	float: left;
+	margin-right: 8px;
+}
+.index_card .editing_data .add_minus_icon .add_icon {
+	background:url(../images/add.png) no-repeat;
+	width: 15px;
+	height: 11px;
+	border-right: 1px solid #9C9C9C;
+	cursor: pointer;
+}
+.index_card .editing_data .add_minus_icon .minus_icon {
+	background:url(../images/minus.png) no-repeat;
+	width: 15px;
+	height: 10px;
+	border-bottom: 1px solid #9C9C9C;
+	border-right: 1px solid #9C9C9C;
+	margin-top: 1px;
+	cursor: pointer;
+}
+.index_card .editing_data .cancel_edit_icon {
+	float: right;
+	background:url(../images/cancel_edit.png) no-repeat;
+	width: 23px;
+	height: 23px;
+	margin-right: 2px;
+	cursor: pointer;
+}
+.index_card .editing_data .confirm_edit_icon {
+	float: right;
+	background:url(../images/confirm_edit.png) no-repeat;
+	width: 23px;
+	height: 23px;
+	cursor: pointer;
+}
+.index_card .refresh_data {
+	height: 23px;
+	line-height: 23px;
+	margin-top: 3px;
+}
+.index_card .refresh_data .refresh_text {
+	float: left;
+	color: #B9B9B9;
+}
+.index_card .refresh_data .refresh_icon {
+	float: right;
+	background: url("../images/refresh.png") no-repeat;
+	width: 23px;
+	height: 23px;
+	cursor: pointer;
+}
+.index_card .select_date {
+	width: 148px;
+	height: 23px;
+	position: relative;
+	margin-top: 3px;
+	display: none;
+}
+.index_card .select_date .datepicker {
+	background: #FFFFFF;
+	border: 1px solid #9C9C9C;
+	color: #B9B9B9;
+	width: 131px;
+	height: 17px;
+	line-height: 17px;
+	position: relative;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+.index_card .select_date .ui-datepicker-trigger {
+	position: absolute;
+	top: 2px;
+	right: 8px;
+}
+.index_card .edit_icon_container .edit_icon {
+	background: url("../images/pen_large.png") no-repeat;
+	height: 85px;
+	width: 85px;
+	float: left;
+	margin: 40px 0 0 95px;
+	cursor: pointer;
+}
+.index_card .edit_icon_container .curve_icon {
+	background: url("../images/curve.png") no-repeat;
+	height: 125px;
+	width: 97px;
+	float: left;
+}
+.index_card .edit_text {
+	color: #4B4B4B;
+	text-align: center;
+	height: 20px;
+	line-height: 20px;
+	margin-top: 11px;
+	margin-bottom: 100px;
+}
+.index_card .chart {
+	height: 230px;
+}
+.index_card .card_bottom {
+	height: 30px;
+	width: 596px;
+}
+.index_card .card_bottom .understand_index, .index_card .card_bottom .simulation_sheet, .index_card .card_bottom .detail_history {
+	float: left;
+}
+.index_card .card_bottom .understand_index a, .index_card .card_bottom .simulation_sheet a, .index_card .card_bottom .detail_history a {
+	color: #B9B9B9;
+	cursor: pointer;
+	text-decoration: none;
+}
+.index_card .card_bottom .understand_index {
+	width: 99px;
+}
+.index_card .card_bottom .simulation_sheet {
+	width: 96px;
+}
+.index_card .card_delete {
+	background: url('../images/closed.png') no-repeat;
+	width: 11px;
+	height: 11px;
+	position: absolute;
+	top: 0;
+	right: 0;
+	margin: 5px 5px 0 0;
+	cursor: pointer;
+}
+.index_card .card_delete_hover {
+	background: url('../images/closed_hover.png') no-repeat;
+	width: 15px;
+	height: 15px;
+	position: absolute;
+	top: -3px;
+	right: -2px;
+	margin: 5px 5px 0 0;
+	cursor: pointer;
+}
+.act_card_container {
+	width: 293px;
+	height: 380px;
+}
+.act_card{
+	width: 290px;
+	height: 96px;
+	line-height: 96px;
+	text-align: center;
+	border: 2px dashed #A0A0A0;
+	margin-top: 9px;
+	border-radius: 2px;
+}
+.act_card a{
+	color: #7D7D7D;
+	text-decoration: none;
+	font-weight: bold;
+	font-size: 17px;
+	letter-spacing: 1px;
+	cursor: pointer;
+}
+.move_div_2_left {
+	float: left;
+}
\ No newline at end of file
diff --git a/97suifangqa/apps/indicator/static/css/sidebar.css b/97suifangqa/apps/indicator/static/css/sidebar.css
new file mode 100644
index 0000000..39a6ce0
--- /dev/null
+++ b/97suifangqa/apps/indicator/static/css/sidebar.css
@@ -0,0 +1,206 @@
+.clear {
+	clear: both;
+}
+#sidebar_container{
+	padding: 1.5em 0;
+    z-index: 10;
+    width: 420px;
+    height: 720px;
+    background-color: #F3F3F1;
+}
+
+/* 导航样式 */
+#nav_container {
+	/*position: absolute;*/
+	font-size: 1.07143em;
+	margin-bottom: 24px;
+}
+#nav_container .hidden_navs {
+	width: 174px;
+	overflow: hidden;
+}
+#nav_container .hidden_navs, #nav_container .default_nav .tail, #nav_container .head-background, #nav_container .head-background, #nav_container .default_nav .curr_nav {
+	background-color: #0063A8;
+	height: 33px;
+	line-height: 33px;
+	float: left;
+}
+#nav_container .hidden_navs ul {
+ display: block;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+}
+#nav_container .hidden_navs ul li {
+    display: block;
+    float: left;
+    padding: 0;
+    text-align: center;
+}
+#nav_container .default_nav .tail a, #nav_container .hidden_navs ul li a {
+	color: #FFF;
+	display: block;
+	text-decoration: none;
+}
+#nav_container .hidden_navs ul li a {
+	border-right: 1px solid #267AB5;
+    width: 86px;
+}
+#nav_container .hidden_navs ul li a:hover {
+	background-color: #00497F;
+}
+#nav_container .default_nav {
+	left: 20px;
+	/* 导航的宽度(86+1)*2 */
+	width: 174px;
+	position: absolute;
+	background-color: #F3F3F1;
+}
+#nav_container .default_nav .tail a {
+	text-align: center;
+	width: 50px;
+}
+#nav_container .default_nav .tail-cut {
+	background: url("../images/nav-ribbon-tail-cut.png") repeat scroll 0 0 transparent;
+    height: 33px;
+    width: 19px;
+    float: left;
+}
+#nav_container .default_nav .curr_nav {
+	background-color: #F3F3F1;
+	margin-left: 12px;
+}
+#nav_container .head-background {
+	box-shadow: 20px 0 20px -20px inset;
+    width: 20px;
+    color: #FFF;
+}
+
+/* 对比容器样式 */
+#compare_container {
+	margin-top: 26px;
+	padding-left: 18px;
+	width: 383px;
+}
+#compare_container .post-question .searchdiv .question {
+	width: 289px;
+	height: 29px;
+	border: 1px solid #c1b59d;
+}
+#compare_container .post-question .searchdiv .submit {
+	width: 72px;
+	height: 31px;
+	border: 1px solid #cce79a;
+	vertical-align: baseline;
+	float: right;
+}
+#compare_container .similar_container {
+	margin-top: 14px;
+	margin-left:15px;
+}
+.vertical_bar_component {
+	position: relative;
+	width: 12px;
+	height: 400px;
+	float: left;
+}
+.vertical_bar_component .v_b_c_top {
+	height: 0;
+	width: 0;
+	border-width: 3px;
+	border-style: solid;
+	border-color: #898989 #898989 #F3F3F1 #898989;
+	overflow: hidden;
+	position: absolute;
+	z-index: 100;
+}
+.vertical_bar_component .v_b_c_middle {
+	position: relative;
+	top: 3px;
+	z-index: 99;
+}
+.vertical_bar_component .v_b_c_middle .v_b_c_middle_top {
+	height: 0;
+	width: 0;
+	border-width: 3px;
+	border-style: solid;
+	border-color: #F3F3F1 #F3F3F1 #898989 #F3F3F1;
+	overflow: hidden;
+}
+.vertical_bar_component .v_b_c_middle .v_b_c_middle_middle {
+	width: 6px;
+	height: 382px;
+    filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#898989,endcolorstr=#dbdbdb,gradientType=0); 
+    -ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#898989,endcolorstr=#dbdbdb,gradientType=0);/*IE8*/ 
+    background:-moz-linear-gradient(top,#898989,#dbdbdb);/*Firefox*/ 
+    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#898989), to(#dbdbdb)));/*chrome Safari*/ 
+    background:-o-linear-gradient(top, #898989,#dbdbdb);/*Opera11*/
+}
+.vertical_bar_component .v_b_c_middle .v_b_c_middle_bottom {
+	height: 0;
+	width: 0;
+	border-width: 3px;
+	border-style: solid;
+	border-color: #dbdbdb #F3F3F1 #F3F3F1 #F3F3F1;
+	overflow: hidden; 
+}
+.vertical_bar_component .v_b_c_bottom {
+	height: 0;
+	width: 0;
+	border-width: 3px;
+	border-style: solid;
+	border-color: #F3F3F1 #dbdbdb #dbdbdb #dbdbdb;
+	overflow: hidden;
+	position: absolute;
+	z-index: 100;
+}
+#compare_container .similar_container .similar_content {
+	margin-left: 15px;
+	float: left;
+	padding-top: 10px;
+}
+#compare_container .similar_container .similar_content .similar_title {
+	color: #a0a0a0;
+	font-size: 14px;
+	margin-bottom: 25px;
+}
+#compare_container .similar_container .similar_content .specifix_content {
+	background: url("../images/dialog-default.png") no-repeat;
+	height: 47px;
+	width: 343px;
+	margin-left: -10px;
+	margin-bottom: 35px;
+	line-height:47px;
+}
+.specifix_content .specifix_text {
+	padding-left: 25px;
+	font-size: 15px;
+}
+#compare_container .compare_btn {
+	border: 1px solid #7da625;
+	width: 380px;
+	height: 37px;
+	border-radius: 3px;
+	margin-top: 8px;
+}
+#compare_container .compare_btn .compare_btn_in{
+	border: 1px solid #b8db71;
+	border-bottom: none;
+   	background: #8bb830;
+   	background: -webkit-gradient(linear, left top, left bottom, from(#99cc33), to(#8bb830));
+   	background: -webkit-linear-gradient(top, #99cc33, #8bb830);
+   	background: -moz-linear-gradient(top, #99cc33, #8bb830);
+   	background: -ms-linear-gradient(top, #99cc33, #8bb830);
+   	background: -o-linear-gradient(top, #99cc33, #8bb830);
+   	width: 378px;
+   	height: 36px;
+   	line-height: 36px;
+   	color: #FFF;
+   	font-size: 18px;
+   	text-align: center;
+   	border-radius: 3px;
+}
+#compare_container .logo_container {
+	margin-top: 30px;
+	text-align: center;
+}
\ No newline at end of file