/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: text-top;
}
:root sub,
:root sup {
  vertical-align: baseline;
  /* for ie9 and other mordern browsers */
}
sup {
  top: -0.5em;
}
sub {
  bottom: 0;
}
.font_simsun {
  font-family: SimSun;
}
.ov_visibel {
  overflow: visible !important;
}
.ov_hide {
  overflow: hidden !important;
}
.ws_normal {
  white-space: normal !important;
}
.ws_break {
  word-wrap: break-word !important;
  word-break: normal !important;
}
.ws_prewrap {
  white-space: pre-wrap !important;
}
.ws_hide {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t_l {
  text-align: left !important;
}
.t_c {
  text-align: center !important;
}
.t_r {
  text-align: right !important;
}
.block {
  display: block !important;
  visibility: visible;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.fl_l {
  float: left !important;
}
.fl_r {
  float: right !important;
}
.fl_n {
  float: none !important;
}
.mar0 {
  margin: 0;
}
.mar_auto {
  margin: auto;
}
.mar10 {
  margin: 10px;
}
.mar20 {
  margin: 20px;
}
.mt_5 {
  margin-top: 5px;
}
.mt_10 {
  margin-top: 10px;
}
.mt_20 {
  margin-top: 20px;
}
.mt_30 {
  margin-top: 30px;
}
.mt_35 {
  margin-top: 35px;
}
.mb_5 {
  margin-bottom: 5px;
}
.mb_10 {
  margin-bottom: 10px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_30 {
  margin-bottom: 30px;
}
.ml_4 {
  margin-left: 4px;
}
.ml_5 {
  margin-left: 5px;
}
.ml_10 {
  margin-left: 10px;
}
.ml_20 {
  margin-left: 20px;
}
.ml_30 {
  margin-left: 30px;
}
.mr_5 {
  margin-right: 5px;
}
.mr_10 {
  margin-right: 10px;
}
.mr_20 {
  margin-right: 20px;
}
.mr_30 {
  margin-right: 30px;
}
.po_ab {
  position: absolute;
}
.po_re {
  position: relative;
}
.col1 {
  display: inline;
  float: left;
  width: 100%;
}
.col1 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  margin-bottom:5px
}
.col1 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col2 {
  display: inline;
  float: left;
  width: 50%;
}
.col3 {
  display: inline;
  float: left;
  width: 33.33333333%;
}
.col4 {
  display: inline;
  float: left;
  width: 25%;
}
.col5 {
  display: inline;
  float: left;
  width: 20%;
}
.col6 {
  display: inline;
  float: left;
  width: 16.66666667%;
}
.col7 {
  display: inline;
  float: left;
  width: 14.28571429%;
}
.col8 {
  display: inline;
  float: left;
  width: 12.5%;
}
.col9 {
  display: inline;
  float: left;
  width: 11.11111111%;
}
.fixed-top {
  position: fixed;
  bottom: auto;
  top: 0px;
}
.fixed-bottom {
  position: fixed;
  bottom: 0px;
  top: auto;
}
.fixed-left {
  position: fixed;
  right: auto;
  left: 0px;
}
.fixed-right {
  position: fixed;
  right: 0px;
  left: auto;
}
#ie6,
#ie6 body {
  background-image: url(about:blank);
  background-attachment: fixed;
}
#ie6 .fixed-top {
  position: absolute;
  bottom: auto;
  top: expression(eval(document.documentElement.scrollTop));
}
#ie6 .fixed-right {
  position: absolute;
  right: auto;
  left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}
#ie6 .fixed-bottom {
  position: absolute;
  bottom: auto;
  top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#ie6 .fixed-left {
  position: absolute;
  right: auto;
  left: expression(eval(document.documentElement.scrollLeft));
}
.stars {
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  line-height: 16px;
  background: url('../images/star.gif') repeat-x;
  overflow: hidden;
  vertical-align: text-bottom;
}
.stars .star_selected {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/star.gif') repeat-x left -32px;
}
.stars.sred .star_selected {
  background-position: left -16px;
}
.stars.a3 {
  width: 48px;
}
.stars.a5 {
  width: 80px;
}
.stars.a8 {
  width: 128px;
}
.stars.a10 {
  width: 160px;
}
.stars.s0 .star_selected {
  width: 0;
}
.stars.s0d5 .star_selected {
  width: 8px;
}
.stars.s1d5 .star_selected {
  width: 24px;
}
.stars.s2 .star_selected {
  width: 32px;
}
.stars.s2d5 .star_selected {
  width: 40px;
}
.stars.s3 .star_selected {
  width: 48px;
}
.stars.s3d5 .star_selected {
  width: 56px;
}
.stars.s4 .star_selected {
  width: 64px;
}
.stars.s4d5 .star_selected {
  width: 72px;
}
.stars.s5 .star_selected {
  width: 80px;
}
.stars.s5d5 .star_selected {
  width: 88px;
}
.stars.s6 .star_selected {
  width: 96px;
}
.stars.s6d5 .star_selected {
  width: 104px;
}
.stars.s7 .star_selected {
  width: 112px;
}
.stars.s7d5 .star_selected {
  width: 120px;
}
.stars.s8 .star_selected {
  width: 128px;
}
.stars.s8d5 .star_selected {
  width: 136px;
}
.stars.s9 .star_selected {
  width: 144px;
}
.stars.s9d5 .star_selected {
  width: 152px;
}
.stars.sall .star_selected {
  width: 100%;
}
.list {
  border: 1px solid #ccc;
}
.list dt {
  text-align: center;
  font-weight: bold;
  background: #fff;
  color: #EEE;
  line-height: 30px;
}
.list dd {
  clear: both;
  padding: 10px;
}
.list dd .tags {
  height: 25px;
  padding: 0 10px;
  background: hsl(var(--my_color_d), 0%, 96%);
  line-height: 25px;
  color: #666;
}
.list dd.odd {
  background: #EEE;
}
.list li {
  display: inline;
  float: left;
  width: 100%;
}
.list li.wd5 {
  width: 8%;
  overflow: hidden;
  
}
.list li.w1 {
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
}
.list li.w1d5 {
  width: 14%;
  overflow: hidden;
}
.list li.w15{
  width: 14%;
  overflow: hidden;  
}
.list li.w2 {
  width: 40%;
  overflow: hidden;
  white-space: nowrap;
}
.list li.w2 .fa{
  margin-right: 5px;
}
.list li.w2d5 {
  width: 25%;
  overflow: hidden;
}
.list li.w3 {
  width: 100%;
  overflow: hidden;
  line-height:19px;
}
.list li.w3d5 {
  width: 35%;
  overflow: hidden;
}
.list li.w4d5 {
  width: 45%;
  overflow: hidden;
}
.list li.w5 {
  width: 50%;
  overflow: hidden;
}
.list li.w5d5 {
  width: 55%;
  overflow: hidden;
}
.list li.w6 {
  width: 60%;
  overflow: hidden;
}
.list li.w6d5 {
  width: 65%;
  overflow: hidden;
}
.list li.w7 {
  width: 70%;
  overflow: hidden;
}
.list li.w7d5 {
  width: 75%;
  overflow: hidden;
}
.list li.w8 {
  width: 80%;
  overflow: hidden;
}
.list li.w8d5 {
  width: 85%;
  overflow: hidden;
}
.list li.w9 {
  width: 90%;
  overflow: hidden;
}
.list li.w9d5 {
  width: 95%;
  overflow: hidden;
}
.list li.w100 {
  width: 100%;
  overflow: hidden;
}
.goodslist-body{
  width: 100%;
  height: auto;
  padding:0 0 30px;
  overflow: hidden;
  background: #EEE;
}
.goodslist-body li.goodslist-item{
  width: 202px;
  padding: 10px;
  background: #EEE;
  border: solid 1px #ccc;
  float: left;
  margin-left: 28px;
  margin-top: 30px;  
  position: relative;
}
.goodslist-item-pic{
  display: inline-block;
  width: 180px;
  height: 180px;
  border: none;
}
.goodslist-item-detail{
  font-size: 12px;
}
.goodslist-item-name{
  font-size:12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f30));
  margin-bottom: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
.goodslist-item-name:hover{
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.goodslist-item-name .fa{
  margin-right: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.goodslist-item-money{
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.goodslist-item-txt{
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.goodslist-item-txt span{
  display: inline-block;
  padding-right:6px;
}
.goodslist-item-dtlFooter{
  border-top: 1px solid #ccc;
  margin: 10px -10px -10px;
  overflow: hidden;
}
.goodslist-item-dtlFooter span.goodslist-item-city{
  display: inline-block;
  float: left;
  width: 70%;
  padding:10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.goodslist-item-dtlFooter span.goodslist-item-user{
  display: inline-block;
  float: left;
  width: 30%;
  padding:10px;
  border-left: solid 1px #ccc;  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;  
}
.goodslist-item-btnBox{
  display: none;
  width: 100%;
  padding: 10px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: hsl(var(--my_color_d), 0%, 96%);
}
.goodslist-body li.goodslist-item:hover .goodslist-item-btnBox{
  display: block;
}
.top-nav {
  font-size:12px;
  color: #EEE;
  min-height: 38px;
  width: 100%;
  background: hsl(var(--my_color_d), 0%, 89%);
			     background: -moz-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			     background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), 0%, 97%)), to(hsl(var(--my_color_d), 0%, 89%)));
			     background: -webkit-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			     background: -o-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			     background: linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
box-shadow:0 0px 12px 1px rgba(0,0,0,.2);
}
.top-nav .ul {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
}
.top-nav a {
  color: #666;
  display: inline-block;
  font: 13px/45px "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans GB";
  text-align: center;
  padding: 0px 13px;
  
}
.top-nav a:hover {
  position: relative;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55));
}
.top-nav a:active {
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.5);
}
.top-nav a.selected,
.top-nav a.selected:hover,
.top-nav a.selected:visited {
  position: relative;
  z-index: 1;
}
.top-nav .menu {
  margin: 0;
  padding: 0;
}
.top-nav .menu li {
  float: left;
  position: relative;
  z-index: 1;
  list-style: none;
  border-right:.1px solid #ddd;
  height:38px;
}
.top-nav .menu li.line {
  border-left: 1px solid #000;
  border-right: 1px solid #EEE;
  opacity: 0.2;
  filter: alpha(opacity=20);
  height: 42px;
  vertical-align: middle;
  margin: 0 -1px;
}
#ie6 .top-nav {
  height: expression( this.scrollHeight < 30 ? "30px" : "auto" );
}
.primary_nav ul {
  margin: 0;
}
.primary_nav ul li {
  display: inline;
  float: left;
  text-align: center;
  min-width: 83px;
}
.primary_nav ul li .icon32 {
  display: block;
  margin: 5px auto;
  float: none;
  font-size: 2em;
}
.primary_nav ul li em {
  font-style: normal;
}
.primary_nav ul li a {
  display: inline-block;
  _width: 68px;
  color: #333;
  position: relative;
  padding: 0 10px;
  margin: 10px 5px;
  border: 1px solid hsl(var(--my_color_d), 0%, 96%);
}
.primary_nav ul li a .badge {
  position: absolute;
  top: 0;
  right: 0;
  background: #c00;
  font: 10px/15px Verdana, Geneva, sans-serif, sans-serif;
  color: #EEE;
  display: inline-block;
  padding: 0 3px;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
.primary_nav ul li a:hover {
  background: #EEE;
  border-color: #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.primary_nav ul li a.selected {
  background: #EEE;
  color: #000;
  border-color: #ccc;
}
.primary_nav ul li a:active {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.primary_nav ul li a.selected:hover {
  background: #EEE;
}

.container {
  padding-left: 0;
  padding-right: 0;
  max-width: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
textarea {
  resize: vertical;
}
.min-title {
  font-size:12px;
  line-height: 35px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.money {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  display: inline-block;
}
.money-sm {
  font-size:12px;
}
.money-lg {
  font-size: 24px;
}
.marked {
  display: inline-block;
  font-size: 10px;
  padding: 0px 6px 2px;
  line-height: 19px;
  height:16px;
  font-weight:normal;
}
.marked.marked-task {
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f40));
  color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f40));
}
.marked.marked-shop {
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, 93%);
}
.marked.marked-speed {
  background: red;
  border-color: red;
  color: hsl(var(--my_color_d), 0%, 93%);
  text-align:center;
}
.marked.marked-hot {
  background: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.marked.marked-map {
  background: blue;
  border-color: blue;
  text-align:center;
  color: hsl(var(--my_color_d), 0%, 93%);
}
.marked.marked-spread {
  background: green;
  border-color:green;
  color: hsl(var(--my_color_d), 0%, 93%);
  text-align:center;
}
.marked.marked-see {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.marked.marked-tags {
  background: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.tags-box {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tags-box a {
  display: inline-block;
  font-size: 12px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 0 5px;
  line-height: 18px;
  background: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  text-decoration: none;
  font-size:12px;
  line-height: 25px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tags-box a.marked-task {
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f40));
  color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f40));
}
.tags-box a.marked-shop {
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f50));
  color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f50));
}
.tags-box a.marked-speed {
  background: hsl(var(--my_color_d), var(--my_color_e45), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e45), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-hot {
  background: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-map {
  background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-spread {
  background: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
  border-color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-see {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.tags-box a.marked-tags {
  background: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.tags-box a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.for-city {
  width: 240px;
}
.for-city li {
  float: left;
  display: inline;
  margin-bottom: 5px;
}
.for-city li a {
  clear: none;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
.for-advertise {
  display: block;
  clear: both;
  margin: 0 auto 10px;
}
.for-advertise img {
  display: block;
  max-width: 100%;
  height: auto;
}
.no-data {
  text-align: center;
  height: 180px;
  padding-top: 80px;
  background: #fff;
}
.pagination {
  display: inline-block;
  padding-right: 5px;
  margin: 20px 0 0 -50px;
  border-radius: 4px;
  max-width:110%;
  overflow:right;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #666;
  border: 1px solid hsl(var(--my_color_d), 0%, 95%);
  margin:0px 0px 5px -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f35));
  background-color: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 87%);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f50));
  background-color: hsl(var(--my_color_d), 0%, 100%);
  border-color: hsl(var(--my_color_d), 0%, 87%);
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 4px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination a {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.pager > li > a:empty {
  display: none;
}
.show-msg {
  width: 950px;
  margin: 40px auto;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
#fix-box {
  position: fixed;
  bottom: 100px;
  left: 50%;
  margin-left: 500px;
}
#fix-box #top {
  display: block;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 40px;
  height: 40px;
  text-align: center;
  color: hsl(var(--my_color_d), 0%, 93%);
}
#fix-box #top i {
  font-size: 30px;
  margin-top: 3px;
}
@media (min-width: 240px) and (max-width: 640px) {
  #fix-box {
    z-index: 90;
    left: inherit;
    margin-left: auto;
    right: 10px;
  }
}
#tasklist,
#goodslist,
#sellerlist,
#case,
#articlelist{
  background: hsl(var(--my_color_d), 0%, 94%);
}

.header {
    margin-top: 15px;
    margin-bottom: 0;
}
.header-top {
  background: hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  font-size: 12px;
  line-height: 30px;
}
.header-top:before,
.header-top:after {
  content: "";
  display: table;
}
.header-top:after {
  clear: both;
}
#ie6 .header-top,
#ie7 .header-top {
  zoom: 1;
}
.header-top:before,
.header-top:after {
  content: "";
  display: table;
}
.header-top:after {
  clear: both;
}
#ie6 .header-top,
#ie7 .header-top {
  zoom: 1;
}
.header-top .left-nav {
  float: left;
  margin-left: 5px;
}
.header-top .left-nav .nav-item {
  float: left;
  margin-right: 10px;
}
.header-top .left-nav .nav-item-sub {
  left: 0;
}
.header-top .color-selected {
  float: right;
  margin-right: 5px;
}
.header-top .color-selected .nav-item {
  float: left;
  margin-left: 10px;
}
.header-top .color-selected .nav-item-sub {
  left: inherit;
  right: 0;
  white-space: nowrap;
  width: 100px;
}
.header-top .color-selected .nav-item-sub > li {
  float: left;
  display: inline;
}
.header-top .color-selected .nav-item-sub > li > a {
  clear: inherit;
}
.header-top .style-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-indent: -999em;
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.header-top .style-color.keke-blue {
  background-color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f40));
}
.header-top .style-color.android {
  background-color: hsl(var(--my_color_d), var(--my_color_e45), var(--my_color_f50));
}
.header-top .style-color.font_as {
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f35));
}
.header-top .style-color.google {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.header-top .style-color.skype {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.header-top .style-color.taobao {
  background-color: hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50));
}
.header-top .style-color.wordpressgrey {
  background-color: hsl(var(--my_color_d), 0%, var(--my_color_f25));
}
.header-top .style-color.yahoo {
  background-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f30));
}
.header-top .style-color.zbj {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.header-top .right-nav {
  float: right;
  margin-right: 5px;
}
.header-top .right-nav .nav-item {
  float: left;
  margin-left: 10px;
}
.header-top .right-nav .nav-item-sub {
  left: inherit;
  right: 0;
}
.header-top .nav-item {
  position: relative;
  z-index: 199;
}
.header-top .nav-item.nav-static {
  margin-left: 0;
  margin-right: 0;
}
.header-top .has-sub:hover {
  z-index: 200;
}
.header-top .has-sub:hover .nav-item-link {
  background: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), 0%, 93%);
  bottom: -1px;
}
.header-top .has-sub:hover .nav-item-sub {
  display: block;
}
.header-top .nav-item-link {
  margin-top: -1px;
  display: inline-block;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  position: relative;
  z-index: 2;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: hsl(var(--my_color_d), 0%, 93%);
}
.header-top .nav-item-link:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.header-top .nav-item-link.active {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.header-top .nav-item-sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
  min-width: 160px;
}
.header-top .nav-item-sub .line {
  height: 0;
  line-height: 0;
  overflow: hidden;
  font-size: 0;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.header-top .nav-item-sub > dl {
  padding: 5px 0;
}
.header-top .nav-item-sub > dl > dt {
  line-height: 25px;
  padding-left: 10px;
}
.header-top .nav-item-sub > dl > dd {
  overflow: hidden;
}
.header-top .nav-item-sub > dl > dd > ul {
  line-height: 22px;
}
.header-top .nav-item-sub > dl > dd > ul > li {
  display: inline;
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-indent: 10px;
}
.header-top .nav-sub-list a {
  display: block;
  clear: both;
  padding: 5px 10px;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
}
.header-top .nav-sub-list a:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.header-top .nav-sub-list a > .badge {
  font-weight: normal;
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
  float: right;
  padding: 2px 5px;
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
#ie6 .header,
#ie7 .header {
  zoom: 1;
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
#ie6 .header,
#ie7 .header {
  zoom: 1;
}
.header-website {
  float: left;
  position: relative;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.header-function {
  float: right;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 0;
}
.brand-logo {
  margin-right: 0px;
}
.header-location {
  position: absolute;
  bottom: 0;
  left: 100%;
  white-space: nowrap;
}
.localtion-layer {
  position: relative;
  display: inline-block;
}
.header-search {
  font-size: 12px;
  margin-bottom: 10px;
  width: 390px;
}
.header-search .btn-group > .btn {
  width: 80px;
}
.header-search .search-input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: 78%;
}
.header-keywords {
  clear: both;
}
/* 搜索 */
.ui-header-search{
  margin-right: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  width: 720px;
  height: 45px;
}
.search-selectBtn{
  width: 85px;
  height: 45px;
  background: #fff;
  border: 3px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-radius: 0;
  border-right: none;
  color: #ccc;
}
.search-selectBtn .fa{
  margin-left: 10px;
}
.search-selectMenu{
  min-width: 85px;
}
.search-selectMenu > .active > a, 
.search-selectMenu > .active > a:hover, 
.search-selectMenu > .active > a:focus {
    color: hsl(var(--my_color_d), 0%, 93%);
    text-decoration: none;
    outline: 0;
    background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

.input-search{
  height: 45px;
  border-radius: 0;
  border: none;
  border-top: 3px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-bottom: 3px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  background: #fff;
  margin-left: -10px;
}
.input-search:focus{
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(47, 84, 159, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(47, 84, 159, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(47, 84, 159, 0.6);  
}
.btn-search,
.btn-search:hover,
.btn-search:focus,
.btn-search:active{
  width: 78px;
  height: 45px;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-radius: 0;
  font-size:12px;
  color: #EEE;
  margin-left: -20px;
}
.hot-search-box{
  margin-top: 10px;
}

.header-or{
  margin-top: 14px;
  color: #CCC;
}
/*发布按钮*/
.release-btnBox{
  margin-left: 10px;
}
.release-btnBox:hover .release-select{
  display: block;
}
.release-btnSelect-box{
  width: 130px;
  height: 45px;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  text-align: center;
  border-radius: 0;
  color: #EEE;
  font-size:12px;
  font-weight: 500;
  box-shadow: 2px 2px 2px hsl(var(--my_color_d), 0%, var(--my_color_f5))
}
.release-btnSelect-box a{
  padding:10px 10px 10px 5px;
  color: hsl(var(--my_color_d), 0%, 100%);
  text-decoration: none;
}
.release-btnSelect-box:hover,
.release-btnSelect-box:visited,
.release-btnSelect-box:active{
  color: #EEE;
}
.release-btnSelect-box a:hover
.release-btnSelect-box a:visited,
.release-btnSelect-box a:active{
  color: #EEE;
  text-decoration: none;
}
.release-btnSelect-box .caret{
  margin-left: 15px;
}
.release-select{
  min-width: 130px;
  border-radius:0;
  display: none;
}
.release-select > .active > a, 
.release-select > .active > a:hover, 
.release-select > .active > a:focus {
    color: hsl(var(--my_color_d), 0%, 93%);
    text-decoration: none;
    outline: 0;
    background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
/* .site-nav {
  margin-bottom: 10px;
  margin-top: 10px;
} */
.site-themeNav {
  margin-bottom: 10px;
  margin-top: 19px;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  height: 40px;
  border-bottom:none;
}
.site-nav {
  margin-bottom: 10px;
  margin-top: 10px;
}
.site-nav + .bread-nav {
  margin-top: -10px;
}
.site-nav .navbar-primary {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
  min-height: 40px;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  color: hsl(var(--my_color_d), 0%, 93%);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-nav .navbar-primary .navbar-nav {
  margin-left: -5px;
  font-size: 12px;
}
.site-nav .navbar-primary .navbar-nav > li > a {
  padding: 10px;
  color: hsl(var(--my_color_d), var(--my_color_e), 97%);
  text-shadow: 0 1px 0 hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
}
.site-nav .navbar-primary .navbar-nav > li > a:hover,
.site-nav .navbar-primary .navbar-nav > li > a:focus {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
}
.site-nav .navbar-primary .navbar-nav > .active > a,
.site-nav .navbar-primary .navbar-nav > .active > a:hover,
.site-nav .navbar-primary .navbar-nav > .active > a:focus {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
}
.site-nav .navbar-primary .navbar-nav > .disabled > a,
.site-nav .navbar-primary .navbar-nav > .disabled > a:hover,
.site-nav .navbar-primary .navbar-nav > .disabled > a:focus {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25));
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.site-nav .navbar-primary .navbar-nav > .open > a,
.site-nav .navbar-primary .navbar-nav > .open > a:hover,
.site-nav .navbar-primary .navbar-nav > .open > a:focus {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-nav .navbar-primary .nav-primary {
  font-size:12px;
  font-weight: bold;
}
.site-nav .navbar-primary .navbar-actived {
  display: inline-block;
  line-height: 30px;
  padding: 10px;
  display: none !important;
}
@media (max-width: 767px) {
  .site-nav .navbar-primary .navbar-actived {
    display: block !important;
  }
  table.site-nav .navbar-primary .navbar-actived {
    display: table;
  }
  tr.site-nav .navbar-primary .navbar-actived {
    display: table-row !important;
  }
  th.site-nav .navbar-primary .navbar-actived,
  td.site-nav .navbar-primary .navbar-actived {
    display: table-cell !important;
  }
}
.site-nav .navbar-primary .navbar-toggle {
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
}
.site-nav .navbar-primary .navbar-toggle:hover,
.site-nav .navbar-primary .navbar-toggle:focus {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
}
.site-nav .navbar-primary .navbar-toggle .icon-bar {
  background-color: hsl(var(--my_color_d), 0%, 93%);
}
@media (min-width: 240px) and (max-width: 768px) {
  .site-nav .navbar-primary .dropdown-menu {
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
  }
  .site-nav .navbar-primary .dropdown-menu .divider {
    background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f55));
  }
  .site-nav .navbar-primary .dropdown-menu > li > a {
    color: hsl(var(--my_color_d), var(--my_color_e), 97%);
  }
  .site-nav .navbar-primary .dropdown-menu > li > a:hover,
  .site-nav .navbar-primary .dropdown-menu > li > a:focus {
    background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
    color: hsl(var(--my_color_d), 0%, 93%);
  }
}
@media (min-width: 240px) and (max-width: 768px) {
  .site-nav .navbar-primary .dropdown-header {
    color: hsl(var(--my_color_d), 0%, 93%);
  }
}
.all-tasktype-header {
  width: 230px;
  padding: 0px 0px;
  height: 44px;
  color: #EEE;
  font-size:12px;
  text-align: end;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  line-height: 2.6;
  float: left;
}
/*  导航 */
.site-themeNav .navbar{
  min-height: 45px;
  border: none;
}
.site-themeNav .navbar-kppwdefault {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0;

  color: hsl(var(--my_color_d), 0%, 93%);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.all-tasktype-header{
  width: 230px;
  padding: 0 0px;
  height: 42px;
  color: #EEE;
  font-size:12px;
  text-align: end;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f35));
  line-height: 2.6;
  float: left;
}
@media (min-width: 240px) and (max-width: 768px) {
  .all-tasktype-header{
    display: none;
  }
}
.all-tasktype-header .fa-exchange{
  margin: 17px 20px 0 50px ;
  cursor: pointer;
}
.all-tasktype-header .fa-exchange:focus,
.all-tasktype-header .fa-exchange:active,
{
  cursor: pointer;
}
.site-themeNav .navbar-kppwdefault .navbar-nav {
  margin-left: 21px;
  font-size:12px;
}
@media (min-width: 240px) and (max-width: 768px) {
.site-themeNav .navbar-kppwdefault .navbar-nav > li > a {
  padding: 9px 12px 8px 62px;
  color: hsl(var(--my_color_d), 0%, 93%);
  background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border: solid 2px hsl(var(--my_color_d), 0%, 80%);
  text-shadow: 0 1.5px 0 hsl(var(--my_color_d), 0%, var(--my_color_f5));  
}
}
@media (min-width: 768px) {
.site-themeNav .navbar-kppwdefault .navbar-nav > li > a {
  padding: 10px 18px 8px;
  color: hsl(var(--my_color_d), 0%, 93%);
  background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  text-shadow: 0 2px 0 hsl(var(--my_color_d), 0%, var(--my_color_f5));
}
}

.site-themeNav .navbar-kppwdefault .navbar-nav > li > a:hover,
.site-themeNav .navbar-kppwdefault .navbar-nav > li > a:focus {
  color: hsl(var(--my_color_d), 0%, 93%);
  background:url(../images/icon-nav-active.png) no-repeat bottom center;
}
.site-themeNav .navbar-kppwdefault .navbar-nav > .active > a,
.site-themeNav .navbar-kppwdefault .navbar-nav > .active > a:hover,
.site-themeNav .navbar-kppwdefault .navbar-nav > .active > a:focus {
  color: hsl(var(--my_color_d), 0%, 93%);
  background: url(../images/icon-nav-active.png) no-repeat bottom center;;
}
.site-themeNav .navbar-kppwdefault .navbar-nav > .disabled > a,
.site-themeNav .navbar-kppwdefault .navbar-nav > .disabled > a:hover,
.site-themeNav .navbar-kppwdefault .navbar-nav > .disabled > a:focus {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30));
  background-color: hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50));
}
@media (min-width: 240px) and (max-width: 768px) {
  .site-themeNav .navbar-kppwdefault .navbar-nav > li > a:hover,
  .site-themeNav .navbar-kppwdefault .navbar-nav > li > a:focus {
    color: hsl(var(--my_color_d), 0%, 93%);
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  }
  .site-themeNav .navbar-kppwdefault .navbar-nav > .active > a,
  .site-themeNav .navbar-kppwdefault .navbar-nav > .active > a:hover,
  .site-themeNav .navbar-kppwdefault .navbar-nav > .active > a:focus {
    color: hsl(var(--my_color_d), 0%, 93%);
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  }
}
.site-themeNav .navbar-kppwdefault .navbar-nav > .open > a,
.site-themeNav .navbar-kppwdefault .navbar-nav > .open > a:hover,
.site-themeNav .navbar-kppwdefault .navbar-nav > .open > a:focus {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-themeNav .navbar-kppwdefault .navbar-kppwdefault {
  font-size:12px;
} 
.site-themeNav .navbar-kppwdefault .navbar-actived {
  display: inline-block;
  line-height: 30px;
  padding: 10px;
  display: none !important;
}
@media (max-width: 767px) {
  .site-themeNav .navbar-kppwdefault .navbar-actived {
    display: block !important;
  }
  table.site-themeNav .navbar-kppwdefault .navbar-actived {
    display: table;
  }
  tr.site-themeNav .navbar-kppwdefault .navbar-actived {
    display: table-row !important;
  }
  th.site-themeNav .navbar-kppwdefault .navbar-actived,
  td.site-themeNav .navbar-kppwdefault .navbar-actived {
    display: table-cell !important;
  }
}
.site-themeNav .navbar-kppwdefault .navbar-toggle {
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.site-themeNav .navbar-kppwdefault .navbar-toggle:hover,
.site-themeNav .navbar-kppwdefault.navbar-toggle:focus {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.site-themeNav .navbar-kppwdefault .navbar-toggle .icon-bar {
  background-color: hsl(var(--my_color_d), 0%, 93%);
}
@media (min-width: 240px) and (max-width: 768px) {
  .site-themeNav .navbar-kppwdefault .dropdown-menu {
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  }
  .site-themeNav .navbar-kppwdefault .dropdown-menu .divider {
    background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f60));
  }
  .site-themeNav .navbar-kppwdefault .dropdown-menu > li > a {
    color: hsl(var(--my_color_d), 0%, 93%);
  }
  .site-themeNav .navbar-kppwdefault .dropdown-menu > li > a:hover,
  .site-themeNav .navbar-kppwdefault .dropdown-menu > li > a:focus {
    background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
    color: hsl(var(--my_color_d), 0%, 93%);
  }
}
@media (min-width: 240px) and (max-width: 768px) {
  .site-themeNav .navbar-kppwdefault .dropdown-header {
    color: hsl(var(--my_color_d), 0%, 93%);
  }
}
.bread-nav {
  margin-bottom: 10px;
}
.bread-nav:before,
.bread-nav:after {
  content: "";
  display: table;
}
.bread-nav:after {
  clear: both;
}
#ie6 .bread-nav,
#ie7 .bread-nav {
  zoom: 1;
}
.bread-nav:before,
.bread-nav:after {
  content: "";
  display: table;
}
.bread-nav:after {
  clear: both;
}
#ie6 .bread-nav,
#ie7 .bread-nav {
  zoom: 1;
}
.bread-nav .breadcrumb {
  font-size: 12px;
  background: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.footer {
  clear: both;
  border-top: 1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  background: #fff;
  padding-top: 10px;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
#ie6 .footer,
#ie7 .footer {
  zoom: 1;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
#ie6 .footer,
#ie7 .footer {
  zoom: 1;
}
.footer-link {
  text-align: center;
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  margin-bottom: 10px;
}
.footer-link > li {
  display: inline;
}
.footer-link > li + li:before {
  content: "|";
  padding: 0 5px;
  margin-left: -3px;
  color: hsl(var(--my_color_d), 0%, 80%);
}
.footer-link > li a {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.footer-link > li a:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.footer-copyright {
  text-align: center;
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.footer-copyright > p {
  margin-bottom: 5px;
}
.friend-link {
  padding-bottom: 10px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 15px;
  font-size: 12px;
}
.friend-link:before,
.friend-link:after {
  content: "";
  display: table;
}
.friend-link:after {
  clear: both;
}
#ie6 .friend-link,
#ie7 .friend-link {
  zoom: 1;
}
.friend-link:before,
.friend-link:after {
  content: "";
  display: table;
}
.friend-link:after {
  clear: both;
}
#ie6 .friend-link,
#ie7 .friend-link {
  zoom: 1;
}
.friend-link > li {
  display: inline;
  float: left;
  margin-right: 10px;
  white-space: nowrap;
}
.friend-link > li > a {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.friend-link > li > a:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.map-box {
  border: 1px solid #eee;
  background: #EEE;
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  font-size: 12px;
  overflow: hidden;
  margin: 0px 5px 10px;
  position: relative;
}
.map-box .map_left {
  padding: 10px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  height: 150px;
  margin-top: -70px;
}
.map-box .map_left .left-body-i {
  font-size: 60px;
  line-height: 60px;
}
.map-box .map_left .left-body-tilte {
  font-size: 24px;
}
.map-box .map_right {
  padding: 10px;
  border-left: 1px solid #eee;
  margin-left: 180px;
  overflow: hidden;
  min-height: 150px;
}
.map-box .map_right li {
  float: left;
  line-height: 28px;
  overflow: hidden;
  padding: 10px 0;
  width: 50;
}
.map-box .map_right li a {
  color: #666;
  text-decoration: none;
  margin-right: 5px;
  display: block;
  width: 8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.map-box .map_right li a:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.map-box .map_right li b {
  color: #333;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  text-align: right;
  vertical-align: top;
  width: 100px;
  margin-top: 3px;
}
.map-box .map_right li span {
  display: inline-block;
  font-size:12px;
  padding-left: 10px;
  width: 365px;
}
.map-box .map_right li.clear {
  font-size: 0;
  height: 0;
  line-height: 0;
  padding: 0;
  visibility: hidden;
  width: 100%;
}



/* 页面副导航 */
.tab {
  position: relative;
  top: 4px;
  height:38px;
  margin-left:0px;
  margin-bottom:5px;
}
.tab a {
    background: #fff;
    margin: 10px 8px 10px 0px;
    border-color: #ccc;
    border:solid 1px #ddd;
	padding:4px 10px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	box-shadow:  0px 5px 0px 0px #999, 0px 8px 5px #aaa;
	font-size:13px;
}

.tab a .arrow {
  border-color: #999 hsl(var(--my_color_d), 0%, 95%) hsl(var(--my_color_d), 0%, 95%);
  border-width: 4px;
  border-style: solid ;
  display: inline-block;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  margin-left: 5px;
  display: none;
}
.tab a:hover {
  background: #EEE;
  text-decoration: none;
}
.tab a:hover .arrow {
  border-color: #EEE;
  border-top-color: #666;
}
.tab a.selected {background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
			background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
    color:#fff;
    border:1px solid transparent;
	letter-spacing:1px!important;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #aaa;
}

/* 页面副导航2 */
.tab_pink {
  position: relative;
  top: 4px;
  height:45px;
  margin-left:-5px;
  margin-bottom:5px;
}
.tab_pink a {
    background: #fff;
    margin: 6px 1px 4px 5px;
    border-color: #ccc;
    border:solid 1px #ddd;
	padding:4px 10px;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	box-shadow:  0px 5px 0px 0px #999, 0px 8px 5px #aaa;
	font-size:11px;
}

.tab_pink a .arrow {
  border-color: #999 hsl(var(--my_color_d), 0%, 95%) hsl(var(--my_color_d), 0%, 95%);
  border-width: 4px;
  border-style: solid ;
  display: inline-block;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  margin-left: 5px;
  display: none;
}
.tab_pink a.selected {background: hsl(var(--my_color_d), 90%,60%);
			background: -moz-linear-gradient(hsl(var(--my_color_d), 90%,70%), var(--my_color_f5),60%));
			background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), 90%,70%)), var(--my_color_f5),60%)));
			background: -webkit-linear-gradient(hsl(var(--my_color_d), 90%,70%), var(--my_color_f5),60%));
			background: -o-linear-gradient(hsl(var(--my_color_d), 90%,70%), var(--my_color_f5),60%));
			background: linear-gradient(hsl(var(--my_color_d), 90%,80%), var(--my_color_f5),60%));
    color:#fff;
    border:1px solid transparent;
	letter-spacing:1px!important;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), 90%,35%), 0px 10px 5px #aaa;
}

.tab a.selected .arrow {
  display: inline-block;
  border-color: #EEE;
  border-top-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.tab_detail {
  background: #fff;
}
body {
  -webkit-font-smoothing: antialiased;
}

.tab:before,
.tab:after {
  content: "";
  display: table;
}
.tab:after {
  clear: both;
}
#ie6 .tab,
#ie7 .tab {
  zoom: 1;
}
.tab:before,
.tab:after {
  content: "";
  display: table;
}
.tab:after {
  clear: both;
}
#ie6 .tab,
#ie7 .tab {
  zoom: 1;
}
.tab > li {
  display: inline;
  float: left;
  margin: -1px -3px -1px -1px;
  position: relative;
}
.tab > li a {
  margin: 0;
}
.tab > li.active a {
  background: hsl(var(--my_color_d), 0%, 93%);
  font-weight: bold;
  padding-bottom: 1px;
  border-color: hsl(var(--my_color_d), 0%, 93%);
  border-top-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-bottom: none;
  cursor: default;
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}

.tab.tab-darken {
  border-bottom: 1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.tab.tab-article-nav{
  padding: 16px 10px 0;
  background: #fff;
}
.tab.tab-darken a {
  min-width: 96px;
  margin: 0 6px;
}
.tab.tab-darken a.selected {
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.tab.tab-darken .badge {

  padding-top: 1px;
  padding-bottom: 1px;
}
.tab .tab-group {
  display: inline-block;
  position: relative;
  z-index: 10;
}
.tab_detail {
  border-color: hsl(var(--my_color_d), 0%, 93%);
}
.category-list {
  position: relative;
  z-index: 10;
  top: 1px;
}
.category-list.category-xs {
  float: left;
  margin-right: 2px;
}
.category-list.category-lg {
  display: block;
  margin-bottom: 10px;
}
.category-list.category-lg .category-title {
  display: block;
  text-align: left;
  color: hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-bottom: 3px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
/* .category-list.category-lg .category-down {
  display: block;
  position: static;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
} */
.category-list > a {
  text-decoration: none;
}
.category-list a {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
.category-list a.category-title {
  min-width: 100px;
  line-height: 35px;
  padding: 0 15px;
  cursor: default;
  text-align: center;
}
.category-list a.action {
  color: hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.category-list:hover .category-title {
  color: hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
@media (min-width: 240px) and (max-width: 768px) {
.navbar-header:focus .category-down {
  display: block;
}
}
@media (min-width: 768px) {
.navbar-header:hover .category-down {
  display: block;
}
}
.category-down {
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
  color: #EEE;
  top: 95%;
  border: none;
  background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f30));
  width: 230px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.category-down a {
  line-height: 30px;
  color: #EEE;
}
.category-down a.hot {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));
}
.category-down .category-item {
  position: relative;
  z-index: 1;
  border: none;
  border-width: 0 0 1px;
 
}
.category-down .category-item:hover {
  background: #EEE;
  border-right-color: hsl(var(--my_color_d), 0%, 93%);
}
.category-down .category-item:hover .category-inner {
  display: block;
}
.category-down .category-item:hover .category-top {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-right-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  right: 0;
}
.category-down .category-item .fa-angle-right {
  position: absolute;
  right: 10px;
  top: 15%;
  margin-top: -0px;
  cursor: default;

}
.category-down .category-item .category-top {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 230px;
  white-space: pre-line;

  text-overflow: ellipsis;
  padding-left: 16px;
  line-height: 24px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 80%);
}
.category-down .category-item .category-top a {
  display: inline;
}
.category-inner {
  display: none;
  position: absolute;
  z-index: 2;
  background: hsl(var(--my_color_d), 0%, 89%);
  border: none;
  top: 0;
  left: 100%;
  min-width: 680px;
  padding: 22px 18px 43px 18px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.category-inner a {
  font-size: 12px;
  line-height: 26px;
  padding: 3px 25px;
  color: #333;
  border-right: none;
  margin: 5px 8px 5px 0;
  white-space: nowrap;
}
.category-inner-title {
  font-size:12px;
  border-bottom: 1px solid #666;
  height: 35px;
  line-height: 35px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  margin-bottom: 5px;
  position: relative;
}
.category-inner-title>a{
  position: absolute;
  border-bottom: solid 2px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  top: -3px;
  left: 0;
  bottom: -6px;
}
.second-nav {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 25px;
}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus
{color: hsl(var(--my_color_d), 0%, 93%);background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;padding:0px 6px;font-size:11px;line-height:20px;}
.box-header {
  border: 1px solid #EEE;
  background: #EEE;
  height: 35px;
  margin-bottom: -1px;
}
.box-header:before,
.box-header:after {
  content: "";
  display: table;
}
.box-header:after {
  clear: both;
}
#ie6 .box-header,
#ie7 .box-header {
  zoom: 1;
}
.box-header:before,
.box-header:after {
  content: "";
  display: table;
}
.box-header:after {
  clear: both;
}
#ie6 .box-header,
#ie7 .box-header {
  zoom: 1;
}
.box-header > .min-title {
  margin-left: 10px;
  border-left: none;
  padding-left: 5px;
  line-height: 15px;
  margin-top: 8px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f35));
}
.box-body {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid #EEE;
  overflow: hidden;
}
.box-body:before,
.box-body:after {
  content: "";
  display: table;
}
.box-body:after {
  clear: both;
}
#ie6 .box-body,
#ie7 .box-body {
  zoom: 1;
}
.box-body:before,
.box-body:after {
  content: "";
  display: table;
}
.box-body:after {
  clear: both;
}
#ie6 .box-body,
#ie7 .box-body {
  zoom: 1;
}
#side .box-body {
  margin-bottom: 10px;
}
.record-list {
  padding: 0 10px;
  position: relative;
  height: 2000%;
}
.record-list > li {
  border-top: 1px dashed hsl(var(--my_color_d), 0%, 80%);
  padding: 10px 0;
  font-size: 12px;
  line-height: 20px;
}
.record-list > li:first-child{
  border-top: none;
}
.record-list > li:before,
.record-list > li:after {
  content: "";
  display: table;
}
.record-list > li:after {
  clear: both;
}
#ie6 .record-list > li,
#ie7 .record-list > li {
  zoom: 1;
}
.record-list > li:before,
.record-list > li:after {
  content: "";
  display: table;
}
.record-list > li:after {
  clear: both;
}
#ie6 .record-list > li,
#ie7 .record-list > li {
  zoom: 1;
}
.record-list.img .avatar {
  float: left;
  display: inline;
  margin-right: 10px;
}
.record-list.img .avatar > img {
  width: 50px;
  height: 50px;
}
.record-list.img .avatar-detail {
  overflow: hidden;
}
.record-list.img .record-list-title {
  margin-bottom: 2px;
}
.record-list.img .avatar-detail p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.record-list time {
  float: right;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.record-list-title {
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.record-list-title:before,
.record-list-title:after {
  content: "";
  display: table;
}
.record-list-title:after {
  clear: both;
}
#ie6 .record-list-title,
#ie7 .record-list-title {
  zoom: 1;
}
.record-list-title:before,
.record-list-title:after {
  content: "";
  display: table;
}
.record-list-title:after {
  clear: both;
}
#ie6 .record-list-title,
#ie7 .record-list-title {
  zoom: 1;
}
.record-list-title img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.record-list-title > a {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  text-decoration: none;
}
.record-list-title > a:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.record-list-meta {
  margin-bottom: 4px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f65));
}
.record-list-meta > span {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.record-list-tags {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list {
  border: none;
}
.list.list-dl .list-item-footer {
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -10px;
}
.list.list-img {
  overflow: hidden;
}
.list.case-list{
  padding: 0px 0;
}
.list.list-img:before,
.list.list-img:after {
  content: "";
  display: table;
}
.list.list-img:after {
  clear: both;
}
#ie6 .list.list-img,
#ie7 .list.list-img {
  zoom: 1;
}
.list.list-img:before,
.list.list-img:after {
  content: "";
  display: table;
}
.list.list-img:after {
  clear: both;
}
#ie6 .list.list-img,
#ie7 .list.list-img {
  zoom: 1;
}
.list.list-img .list-body {
  width: 105%;
}
.list.list-img .list-title {
  line-height: 35px;
}
.list.list-img .list-item {
  width: 182px;
  margin: 0 10px 10px 0;
  padding: 0 10px;
}
.list.list-img .case-list-item {
  width: 182px;
  margin: 0 10px 10px 0;
  padding: 0;
}
/* .list.list-img .case-list-item:hover .case-list-detailBox{
  display: block;
} */
.list.list-img .list-item:hover .action-collect {
  display: block;
}
.list.list-img .list-item-img {
  width: 160px;
  height: 160px;
  position: relative;
  z-index: 1;
}
.list.list-img .list-item-img img {
  max-width: 100%;
}
.list.list-img .list-item-img .action-collect {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  background: hsl(var(--my_color_d), 0%, 93%);
  padding: 2px 5px;
}
.list.list-img .list-item-img .marked-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.list.list-img .list-item-footer .poster {
  display: inline;
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list.list-img .list-item-footer .money {
  display: inline;
  float: left;
  width: 50%;
  float: right;
  text-align: right;
}
.list.list-img .poster {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  text-decoration: none;
}
.list.list-img .poster:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.list.list-img .avatar {
  display: inline-block;
  margin-right: 3px;
  width: 20px;
  height: 20px;
  line-height: 35px;
  vertical-align: middle;
}
.list.list-img .avatar img {
  width: 20px;
  height: 20px;
  display: block;
}
.list.list-img .list-item-type {
  display: inline-block;
  font-weight: normal;
}
.list .article-list-body {
  background: #fff;
  padding: 0 16px;
}
.list .list-body:before,
.list .list-body:after {
  content: "";
  display: table;
}
.list .list-body:after {
  clear: both;
}
#ie6 .list .list-body,
#ie7 .list .list-body {
  zoom: 1;
}
.list .list-body:before,
.list .list-body:after {
  content: "";
  display: table;
}
.list .list-body:after {
  clear: both;
}
#ie6 .list .list-body,
#ie7 .list .list-body {
  zoom: 1;
}
.list .list-item-footer {
  line-height: 30px;
}
.list .list-item-footer:before,
.list .list-item-footer:after {
  content: "";
  display: table;
}
.list .list-item-footer:after {
  clear: both;
}
#ie6 .list .list-item-footer,
#ie7 .list .list-item-footer {
  zoom: 1;
}
.list .list-item-footer:before,
.list .list-item-footer:after {
  content: "";
  display: table;
}
.list .list-item-footer:after {
  clear: both;
}
#ie6 .list .list-item-footer,
#ie7 .list .list-item-footer {
  zoom: 1;
}
.list .list-label {
  background: #fff;
  line-height: 30px;
  border: none;
  margin-bottom: -1px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  text-align: left;
  padding-left: 10px;
}
.list .list-label:before,
.list .list-label:after {
  content: "";
  display: table;
}
.list .list-label:after {
  clear: both;
}
#ie6 .list .list-label,
#ie7 .list .list-label {
  zoom: 1;
}
.list .list-label:before,
.list .list-label:after {
  content: "";
  display: table;
}
.list .list-label:after {
  clear: both;
}
#ie6 .list .list-label,
#ie7 .list .list-label {
  zoom: 1;
}

.list .list-item:hover .list-visible {
  display: block;
}
.list .list-item-body {
  display: block;
}
.list .list-item-body:before,
.list .list-item-body:after {
  content: "";
  display: table;
}
.list .list-item-body:after {
  clear: both;
}
#ie6 .list .list-item-body,
#ie7 .list .list-item-body {
  zoom: 1;
}
.list .list-item-body:before,
.list .list-item-body:after {
  content: "";
  display: table;
}
.list .list-item-body:after {
  clear: both;
}
#ie6 .list .list-item-body,
#ie7 .list .list-item-body {
  zoom: 1;
}
.list .list-item-min {
  border-bottom: 1px dashed hsl(var(--my_color_d), 0%, 84%);
  margin-left: -10px;
  padding-left: 10px;
  line-height: 30px;
}
.list .list-item-min .list-title {
  font-size: 12px;
  font-weight: normal;
}

.list .list-title span.fa{
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  margin-right: 5px;
}

.list .list-title:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.list .list-visible {
  display: none;
  margin-top: 10px;
}
.list .list-desc {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  min-height: 15px;
  width: 85%;
  overflow: hidden;
  max-height: 60px;
  word-wrap: break-word !important;
  word-break: normal !important;
}
.list .list-pic {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
  display: inline;
}
.list .list-pic img {
  width: 100px;
  height: 100px;
}
.list .list-obj {
  overflow: hidden;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.list .list-obj-item {
  line-height: 25px;
}
.list .list-obj-item a {
  white-space: nowrap;
  display: inline-block;
  margin-right: 5px;
}
.list .list-obj-item a.btn-orange{
  background: hsl(var(--my_color_d), var(--my_color_e), 87%);
  border: solid 1px hsl(var(--my_color_d), var(--my_color_e), 74%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f35));
}
.list .list-obj-item a.btn-orange:hover{
  background: hsl(var(--my_color_d), var(--my_color_e), 87%);
  border: solid 1px hsl(var(--my_color_d), var(--my_color_e), 74%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f35));
}
.list .list-obj-item a.btn-default{
  background: hsl(var(--my_color_d), 0%, 96%);
  border: solid 1px hsl(var(--my_color_d), 0%, 83%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f35));
}
.list .list-obj-item a.btn-default:hover{
  background: hsl(var(--my_color_d), 0%, 96%);
  border: solid 1px hsl(var(--my_color_d), 0%, 83%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f35));
}
.case-list-page{
  padding:0 29px;
}
.list-page:before,
.list-page:after {
  content: "";
  display: table;
}
.list-page{
}
.list-page:after {
  clear: both;
}
#ie6 .list-page,
#ie7 .list-page {
  zoom: 1;
}
.list-page:before,
.list-page:after {
  content: "";
  display: table;
}
.list-page:after {
  clear: both;
}
#ie6 .list-page,
#ie7 .list-page {
  zoom: 1;
}
.list-page .page-tips {
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  line-height: 30px;
}
.list-page .pagination {
  margin-top: 0;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.action-collect {
  font-size:12px;
  color: rgba(102, 102, 102, 0.6);
}
.action-collect.on,
.action-collect:hover {
  color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50));
  text-decoration: none;
}
.action-report {
  font-size: 12px;
  color: rgba(102, 102, 102, 0.6);
}
.action-report.on,
.action-report:hover {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  text-decoration: none;
}
.step {
  padding-top: 20px;
  font-size: 10px;
  padding-bottom: 5px;
  padding-left: 0;
}
.step:before,
.step:after {
  content: "";
  display: table;
}
.step:after {
  clear: both;
}
#ie6 .step,
#ie7 .step {
  zoom: 1;
}
.step:before,
.step:after {
  content: "";
  display: table;
}
.step:after {
  clear: both;
}
#ie6 .step,
#ie7 .step {
  zoom: 1;
}
.step .step-item {
  position: relative;
  float: left;
  display: inline;
  width: 10%;
  border-top: 1px solid hsl(var(--my_color_d), 0%, 84%);
}
.step .step-item.action {
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.step .step-item.action .step-num {
  color: hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.step .step-item.action .step-title {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.step .step-num {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -12.5px;
  background: hsl(var(--my_color_d), 0%, 84%);
  line-height: 25px;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.step .step-text {
  text-align: center;
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.step .step-text.step-bottom {
  margin-top: 15px;
}
.step .step-text.step-top {
  position: absolute;
  bottom: 140%;
  width: 100%;
  margin-bottom:8px;
}
.step .step-title {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.step.step1 .step-item {
  width: 100%;
}
.step.step2 .step-item {
  width: 50%;
}
.step.step3 .step-item {
  width: 33.33333333%;
}
.step.step4 .step-item {
  width: 25%;
}
.step.step5 .step-item {
  width: 20%;
}
.step.step6 .step-item {
  width: 16.66666667%;
}
.step.step7 .step-item {
  width: 14.28571429%;
}
.step.step8 .step-item {
  width: 12.5%;
}
.step.step9 .step-item {
  width: 11.11111111%;
}
.method {
  display: inline-block;
  border: 1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  background: hsl(var(--my_color_d), 0%, 93%);
  font-size: 12px;
  line-height: 25px;
}
.method > a {
  display: inline-block;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
  padding: 0 8px;
}
.method > span {
  display: inline-block;
  padding: 0 8px;
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.user-atten:before,
.user-atten:after {
  content: "";
  display: table;
}
.user-atten:after {
  clear: both;
}
#ie6 .user-atten,
#ie7 .user-atten {
  zoom: 1;
}
.user-atten:before,
.user-atten:after {
  content: "";
  display: table;
}
.user-atten:after {
  clear: both;
}
#ie6 .user-atten,
#ie7 .user-atten {
  zoom: 1;
}
.user-atten li {
  float: left;
  display: inline;
  width: auto;
  text-align: center;
  padding: 0 5px;
}
.list .user-atten {
  padding-top: 30px;
}
.list .user-prize{
  width: 94%;
  height: 115px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  padding: 10px;
  position: relative;
}
.list .user-prize .label-l{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-width: 25px;
  border-radius: 4px;
  border-style: solid solid dashed dashed;
  border-color: hsl(var(--my_color_d), 0%, 90%) transparent transparent hsl(var(--my_color_d), 0%, 90%);
}
.user-prize-name{
  color: hsl(var(--my_color_d), 0%, var(--my_color_f35));
  margin: -5px;
  text-align: left;
  position: relative;
  z-index: 4;
}
.list .user-prize .user-num{
  font-size: 20px;
  font-weight: 600;
}
.user-prize-borb{
  padding: 6px 0;
  border-bottom: dashed 1px #ccc; 
}
.user-prize-txt{
  padding: 6px 0;
}
.user-prize .user-prize-txt .user-num{
  font-weight: normal;
  font-size:12px;
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.login-and-register-container{
    background: #fff;
}
.login-and-register-container .page-header h1 {
  font-size: 18px;
}
.login-and-register-container .register-box {
  display: none;
}
.login-and-register-footer {
  border-top: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding-top: 10px;
  padding-bottom: 10px;
    background: #fff;
}
.show-register .login-box {
  display: none;
}
.show-register .register-box {
  display: block;
}
.code-group {

}
.code-img img {
  height: 34px;
}
.password_strength {
  font-size: 12px;
  text-align: center;
}
.password_strength:before,
.password_strength:after {
  content: "";
  display: table;
}
.password_strength:after {
  clear: both;
}
#ie6 .password_strength,
#ie7 .password_strength {
  zoom: 1;
}
.password_strength:before,
.password_strength:after {
  content: "";
  display: table;
}
.password_strength:after {
  clear: both;
}
#ie6 .password_strength,
#ie7 .password_strength {
  zoom: 1;
}
.password_strength > span {
  display: inline-block;
  float: left;
  margin-right: 1%;
  width: 32%;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.password_strength > span.selected {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.welcome-img {
  margin-top: 40px;
  width: 90%;
}
.welcome-img .caption {
  line-height: 25px;
  font-size: 12px;
}
.welcome-img .caption h3 {
  font-size:12px;
  margin-bottom: 10px;
}
.get-pw-box {
  clear: both;
}
.get-pw-box .page-header h1 {
  font-size: 18px;
}
.verification .min-title {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding-left: 10px;
  background: hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.verification .verification-body {
  min-height: 260px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
}
.detail {
  background: #fff;
  padding-top: 2px;
  margin-bottom: 10px;
}
.detail-top {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.detail-top:before,
.detail-top:after {
  content: "";
  display: table;
}
.detail-top:after {
  clear: both;
}
#ie6 .detail-top,
#ie7 .detail-top {
  zoom: 1;
}
.detail-top:before,
.detail-top:after {
  content: "";
  display: table;
}
.detail-top:after {
  clear: both;
}
#ie6 .detail-top,
#ie7 .detail-top {
  zoom: 1;
}
.detail-top .detail-thumbnail {
  margin-bottom: 0;
  background: hsl(var(--my_color_d), 0%, 93%);
  border: none;
}
.detail-top .detail-header {
  border: none;
  background: hsl(var(--my_color_d), 0%, 93%);
  padding-bottom: 0;
}
.detail-top .detail-ctrl {
  margin-top: 10px;
  margin-right: 10px;
}
.detail-top .detail-obj-item {
  margin-bottom: 5px;
}
.detail-top .action-collect {
  font-size:12px;
}
.detail-top-body {
  overflow: hidden;
  background: hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  font-size: 12px;
}
.detail-top-body:before,
.detail-top-body:after {
  content: "";
  display: table;
}
.detail-top-body:after {
  clear: both;
}
#ie6 .detail-top-body,
#ie7 .detail-top-body {
  zoom: 1;
}
.detail-top-body:before,
.detail-top-body:after {
  content: "";
  display: table;
}
.detail-top-body:after {
  clear: both;
}
#ie6 .detail-top-body,
#ie7 .detail-top-body {
  zoom: 1;
}
.detail-top-footer {
  margin-bottom: 10px;
  padding-top: 10px;
  line-height: 28px;
  border-top: 2px solid hsl(var(--my_color_d), 0%, 93%);
}
.detail-top-footer:before,
.detail-top-footer:after {
  content: "";
  display: table;
}
.detail-top-footer:after {
  clear: both;
}
#ie6 .detail-top-footer,
#ie7 .detail-top-footer {
  zoom: 1;
}
.detail-top-footer:before,
.detail-top-footer:after {
  content: "";
  display: table;
}
.detail-top-footer:after {
  clear: both;
}
#ie6 .detail-top-footer,
#ie7 .detail-top-footer {
  zoom: 1;
}
.detail-top-meta {
  padding: 0 10px;
  margin-bottom: 10px;
  line-height: 30px;
}
.detail-top-meta:before,
.detail-top-meta:after {
  content: "";
  display: table;
}
.detail-top-meta:after {
  clear: both;
}
#ie6 .detail-top-meta,
#ie7 .detail-top-meta {
  zoom: 1;
}
.detail-top-meta:before,
.detail-top-meta:after {
  content: "";
  display: table;
}
.detail-top-meta:after {
  clear: both;
}
#ie6 .detail-top-meta,
#ie7 .detail-top-meta {
  zoom: 1;
}
.detail-top-meta .for-top-item {
  float: left;
  margin-right: 10px;
}
.detail-top-meta .for-top-item.fl_r {
  margin-right: 0;
}
.detail-header {
  background: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
  margin-bottom: -1px;
}
.detail-header:before,
.detail-header:after {
  content: "";
  display: table;
}
.detail-header:after {
  clear: both;
}
#ie6 .detail-header,
#ie7 .detail-header {
  zoom: 1;
}
.detail-header:before,
.detail-header:after {
  content: "";
  display: table;
}
.detail-header:after {
  clear: both;
}
#ie6 .detail-header,
#ie7 .detail-header {
  zoom: 1;
}
.detail-header-pic {
  float: left;
  display: inline-block;
  margin-right: 10px;
}
.detail-header-pic a {
  display: block;
}
.detail-header-pic img {
  width: 60px;
  height: 60px;
  display: block;
  margin-bottom: 5px;
}
.detail-ctrl {
  float: right;
}
.detail-min-ctrl {
  margin-bottom: 10px;
}
.detail-header-body {
  overflow: hidden;
}
.detail-title {
  font-size: 17px;
  font-weight: normal;
  color:#333;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 0;
}
.detail-title-min {font-size:18px;border-left:solid 4px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35));padding-left: 10px;margin-bottom: 10px;margin-top:5px;
}
.detail-title-min time {
  font-size: 12px;
  font-weight: normal;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.detail-obj:before,
.detail-obj:after {
  content: "";
  display: table;
}
.detail-obj:after {
  clear: both;
}
#ie6 .detail-obj,
#ie7 .detail-obj {
  zoom: 1;
}
.detail-obj:before,
.detail-obj:after {
  content: "";
  display: table;
}
.detail-obj:after {
  clear: both;
}
#ie6 .detail-obj,
#ie7 .detail-obj {
  zoom: 1;
}
.detail-obj-item {
  line-height: 30px;
}
.detail-obj-item.line {
  border-width: 1px 0;
  border-style: dashed;
  border-color: hsl(var(--my_color_d), 0%, 93%);
}
.detail-progress {
  background: #fff;
  padding: 10px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.detail-thumbnail {
  background: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
}
.detail-thumbnail:hover .detail-thumbnail-pv {
  display: block;
}
.detail-thumbnail:hover .detail-thumbnail-nx {
  display: block;
}
.detail-thumbnail-body {
  width: 2000%;
  position: relative;
  height: 280px;
}
.detail-thumbnail-inner {
  overflow: hidden;
  margin: 10px ;
}
.detail-thumbnail-item {
  float: left;
  height: 280px;
  margin-right: 10px;
}
.detail-thumbnail-item img {
  width: 280px;
  height: 280px;
  display: block;
}
.detail-thumbnail-pv {
  display: none;
  padding: 0;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 10px;
  bottom: 10px;
  line-height: 280px;
  text-align: center;
  width: 25px;
}
.detail-thumbnail-nx {
  display: none;
  padding: 0;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
  bottom: 10px;
  line-height: 280px;
  text-align: center;
  width: 25px;
}
.inactive {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.detail-body {
  background: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px 10px 0;
  margin-bottom: -1px;
}
.detail-body img {
  max-width: 100%;
}
.detail-tab-body {
  background: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px 10px 0;
  margin-bottom: 10px;
}
.detail-tab-body img {
  max-width: 100%;
}
.detail-img {
  margin-bottom: 10px;
  width: 102%;
}
.detail-img:before,
.detail-img:after {
  content: "";
  display: table;
}
.detail-img:after {
  clear: both;
}
#ie6 .detail-img,
#ie7 .detail-img {
  zoom: 1;
}
.detail-img:before,
.detail-img:after {
  content: "";
  display: table;
}
.detail-img:after {
  clear: both;
}
#ie6 .detail-img,
#ie7 .detail-img {
  zoom: 1;
}
.detail-img .detail-img-item {
  height: 180px;
  display: inline-block;
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
  background: #fff;
}
.detail-img .detail-img-item img {
  max-height: 180px;
  max-width: 100%;
}
.detail-desc {
  line-height: 25px;
  margin-bottom: 10px;
  word-wrap: break-word !important;
  word-break: normal !important;
}
.detail-desc table{border:0px solid #999;table-layout:fixed!important;line-height:18px;margin-bottom:20px;border-spacing: 0;width:100%!important;display:block!important;}
.detail-desc table>tbody{width:92%!important;overflow-x:scroll;display:block;margin:10px 0 20px; padding:15px;
box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-ms-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;-o-box-shadow:0 0px 12px 1px rgba(0,0,0,.2) inset;
}
.detail-desc tr{width:1080px!important;table-layout:fixed!important;display: block!important;line-height:16px;}
.firstRow{line-height:16px;float:left;}
.de-feature{padding:0px!important;width:220px!important;}
.de-value{padding:0px!important;width:450px!important;}
.detail-desc pre{width:100%!important;overflow:scroll;font-size:12px!important;padding:0px!important;margin:0px!important;}
.detail-desc tbody:after {width:100%!important;margin-bottom:60px;content:'.';color:#fff;}
.detail-desc table:before {width:100%!important;table-layout:fixed; border-bottom:3px solid #ddd;margin:30px 0;padding:20px 0px 3px 0px;content:'\4ea7\54c1\53c2\6570';line-height:30px;}
.detail-desc table:after {width:100%!important;table-layout:fixed; border-bottom:3px solid #ddd;margin:30px 0;padding:30px 0px 3px 0px!important;content:'\4ea7\54c1\4ecb\7ecd';height:30px;}
.detail-desc span{overflow:scroll;font-size:12px!important;}
.detail-desc p{width:100%!important;overflow:hidden;font-size:12px!important;}
.detail-desc img{max-width:100%!important;width:100%!important;margin-bottom:15px!important;height:auto!important;}

.detail-additional {
  padding: 10px;
  background: hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 10px;
}
.detail-affix {
  margin-bottom: 10px;
}
.detail-affix:before,
.detail-affix:after {
  content: "";
  display: table;
}
.detail-affix:after {
  clear: both;
}
#ie6 .detail-affix,
#ie7 .detail-affix {
  zoom: 1;
}
.detail-affix:before,
.detail-affix:after {
  content: "";
  display: table;
}
.detail-affix:after {
  clear: both;
}
#ie6 .detail-affix,
#ie7 .detail-affix {
  zoom: 1;
}
.detail-affix-item {
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.detail-footer {
  background: #fff;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  font-size: 12px;
  line-height: 30px;
  padding: 0 10px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.detail-footer:before,
.detail-footer:after {
  content: "";
  display: table;
}
.detail-footer:after {
  clear: both;
}
#ie6 .detail-footer,
#ie7 .detail-footer {
  zoom: 1;
}
.detail-footer:before,
.detail-footer:after {
  content: "";
  display: table;
}
.detail-footer:after {
  clear: both;
}
#ie6 .detail-footer,
#ie7 .detail-footer {
  zoom: 1;
}
.detail-footer .for-poster {
  float: left;
  display: inline;
}
.detail-footer .for-poster .for-poster-item {
  display: inline;
  float: left;
  margin-right: 10px;
}
.detail-footer .for-user {
  float: right;
  display: inline;
}
.detail-footer .for-user .for-user-item {
  display: inline;
  float: left;
  margin-left: 10px;
  white-space: nowrap;
}
.detail-footer .for-user .action-collect {
  font-size: 12px;
}
.detail-map {
  margin-bottom: 10px;
}
.detail-custom {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
  margin-bottom: -1px;
}
.detail-custom:before,
.detail-custom:after {
  content: "";
  display: table;
}
.detail-custom:after {
  clear: both;
}
#ie6 .detail-custom,
#ie7 .detail-custom {
  zoom: 1;
}
.detail-custom:before,
.detail-custom:after {
  content: "";
  display: table;
}
.detail-custom:after {
  clear: both;
}
#ie6 .detail-custom,
#ie7 .detail-custom {
  zoom: 1;
}
.detail-custom ul > li {
  float: left;
  display: inline;
  width: 295px;
  max-width: 100%;
  font-size: 12px;
  margin-top: 10px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-custom ul > li.custom-item-sm {
  width: 600px;
}
.detail-custom ul > li.custom-item-md {
  width: 905px;
}
.detail-custom ul > li.custom-item-lg {
  width: 100%;
}
.winners {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.winners:before,
.winners:after {
  content: "";
  display: table;
}
.winners:after {
  clear: both;
}
#ie6 .winners,
#ie7 .winners {
  zoom: 1;
}
.winners:before,
.winners:after {
  content: "";
  display: table;
}
.winners:after {
  clear: both;
}
#ie6 .winners,
#ie7 .winners {
  zoom: 1;
}
.winners .user-pic {
  float: left;
  position: relative;
  z-index: 1;
  width: 180px;
  height: 180px;
}
.winners .user-pic img {
  width: 180px;
  height: 180px;
}
.winners .user-pic .marked {
  position: absolute;
  z-index: 1;
  left: -1px;
  bottom: -1px;
  right: 0;
  text-align: center;
  background: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
  font-size:12px;
  line-height: 35px;
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
}
.winners .user-pic .for-arrow {
  font-size: 4.6em;
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  position: absolute;
  z-index: 1;
  right: -22px;
  top: -14px;
}
.winners .user-info {
  overflow: hidden;
  background: hsl(var(--my_color_d), 0%, 96%);
  line-height: 35px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  font-size: 12px;
  padding-left: 25px;
}
.winners .user-info > li {
  display: inline;
  float: left;
  margin-right: 15px;
}
.winners .user-name {
  font-size:12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.winners .user-poster {
  font-size:12px;
  margin-bottom: 10px;
}
.winners .winners-body {
  overflow: hidden;
}
.winners .other-ctrl {
  float: right;
  display: inline;
  margin-right: 15px;
  margin-top: 15px;
}
.winners-body .tips {
  padding: 15px;
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f55));
  height: 12em;
  overflow: hidden;
  word-wrap: break-word !important;
  word-break: normal !important;
}
.winners-body .tips p {
  margin-bottom: 5px;
}
.poster-ctrl {
  margin-bottom: 10px;
}
.poster-ctrl:before,
.poster-ctrl:after {
  content: "";
  display: table;
}
.poster-ctrl:after {
  clear: both;
}
#ie6 .poster-ctrl,
#ie7 .poster-ctrl {
  zoom: 1;
}
.poster-ctrl:before,
.poster-ctrl:after {
  content: "";
  display: table;
}
.poster-ctrl:after {
  clear: both;
}
#ie6 .poster-ctrl,
#ie7 .poster-ctrl {
  zoom: 1;
}
.poster-card .detail-title-min {
  margin-bottom: 0;
}
.post-avatar {
  width: 200px;
  height: 200px;
  margin: 10px auto;
  display: block;
}
.post-avatar img {
  width: 200px;
  height: 200px;
}
.post-content {
  font-size: 12px;
  line-height: 25px;
}
.post-content .media-heading {
  font-size:12px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.poster-top {
  clear: both;
  padding: 10px;
}
.poster-top p {
  margin-bottom: 5px;
}
.poster-num {
  overflow: hidden;
  border-top: 1px dashed hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
  line-height: 20px;
  font-size: 12px;
}
.poster-ctrl {
  padding-left: 10px;
  padding-right: 10px;
}
.poster-meta {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
}
.poster-meta-item {
  white-space: nowrap;
}
.record:before,
.record:after {
  content: "";
  display: table;
}
.record:after {
  clear: both;
}
#ie6 .record,
#ie7 .record {
  zoom: 1;
}
.record:before,
.record:after {
  content: "";
  display: table;
}
.record:after {
  clear: both;
}
#ie6 .record,
#ie7 .record {
  zoom: 1;
}
.manuscripts:before,
.manuscripts:after {
  content: "";
  display: table;
}
.manuscripts:after {
  clear: both;
}
#ie6 .manuscripts,
#ie7 .manuscripts {
  zoom: 1;
}
.manuscripts:before,
.manuscripts:after {
  content: "";
  display: table;
}
.manuscripts:after {
  clear: both;
}
#ie6 .manuscripts,
#ie7 .manuscripts {
  zoom: 1;
}
.manuscript-item {
  background: #fff;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.manuscript-item:before,
.manuscript-item:after {
  content: "";
  display: table;
}
.manuscript-item:after {
  clear: both;
}
#ie6 .manuscript-item,
#ie7 .manuscript-item {
  zoom: 1;
}
.manuscript-item:before,
.manuscript-item:after {
  content: "";
  display: table;
}
.manuscript-item:after {
  clear: both;
}
#ie6 .manuscript-item,
#ie7 .manuscript-item {
  zoom: 1;
}
.manuscript-status {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
}
.manuscript-status:before,
.manuscript-status:after {
  content: "";
  display: table;
}
.manuscript-status:after {
  clear: both;
}
#ie6 .manuscript-status,
#ie7 .manuscript-status {
  zoom: 1;
}
.manuscript-status:before,
.manuscript-status:after {
  content: "";
  display: table;
}
.manuscript-status:after {
  clear: both;
}
#ie6 .manuscript-status,
#ie7 .manuscript-status {
  zoom: 1;
}
.manuscript-status .status-item {
  text-align: center;
  background-color: hsl(var(--my_color_d), 0%, 93%);
  cursor: default;
  min-width: 95px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  font-size:12px;
  border-radius:20px;
  padding:2px;
}
.manuscript-status .status-item.status-0 {
  background-color: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.manuscript-status .status-item.status-1 {
  background-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.manuscript-status .status-item.status-2 {
  background-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.manuscript-status .status-item.status-3 {
  background-color: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.manuscript-status .status-item.status-4 {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.manuscript-item-pic {
  float: left;
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.manuscript-item-pic img {
  margin-bottom: 10px;
  width: 100px;
}
.manuscript-item-content {
  overflow: hidden;
}
.manuscript-item-title {
  margin-bottom: 10px;
  font-size:12px;
}
.manuscript-item-body {
  overflow: hidden;
  padding: 10px 10px 0;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.manuscript-item-body img {
  max-width: 100%;
}
.manuscript-item-footer {
  clear: both;
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  font-size: 12px;
  line-height: 30px;
  padding: 0 10px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.manuscript-item-footer:before,
.manuscript-item-footer:after {
  content: "";
  display: table;
}
.manuscript-item-footer:after {
  clear: both;
}
#ie6 .manuscript-item-footer,
#ie7 .manuscript-item-footer {
  zoom: 1;
}
.manuscript-item-footer:before,
.manuscript-item-footer:after {
  content: "";
  display: table;
}
.manuscript-item-footer:after {
  clear: both;
}
#ie6 .manuscript-item-footer,
#ie7 .manuscript-item-footer {
  zoom: 1;
}
.manuscript-meta {
  float: left;
}
.manuscript-meta .manuscript-meta-item {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.manuscript-meta .action-collect {
  font-size: 12px;
}
.manuscript-meta.for-user {
  float: right;
}
.manuscript-meta.for-user .manuscript-meta-item {
  margin-left: 10px;
  margin-right: 0;
}
.manuscript-img {
  width: 102%;
}
.manuscript-img:before,
.manuscript-img:after {
  content: "";
  display: table;
}
.manuscript-img:after {
  clear: both;
}
#ie6 .manuscript-img,
#ie7 .manuscript-img {
  zoom: 1;
}
.manuscript-img:before,
.manuscript-img:after {
  content: "";
  display: table;
}
.manuscript-img:after {
  clear: both;
}
#ie6 .manuscript-img,
#ie7 .manuscript-img {
  zoom: 1;
}
.manuscript-img .manuscript-img-item {
  display: inline-block;
  float: left;
  margin-right: 3px;
  margin-bottom: 10px;
}
.manuscript-img .manuscript-img-item img {
  height: 150px;
}
.manuscript-desc {
  line-height: 25px;
  margin-bottom: 10px;
}
.manuscript-ctrl {
  margin-bottom: 10px;
}
.manuscript-comment {
  font-size: 12px;
}
.manuscript-comment:before,
.manuscript-comment:after {
  content: "";
  display: table;
}
.manuscript-comment:after {
  clear: both;
}
#ie6 .manuscript-comment,
#ie7 .manuscript-comment {
  zoom: 1;
}
.manuscript-comment:before,
.manuscript-comment:after {
  content: "";
  display: table;
}
.manuscript-comment:after {
  clear: both;
}
#ie6 .manuscript-comment,
#ie7 .manuscript-comment {
  zoom: 1;
}
.manuscript-comment .manuscript-comment-item {
  border-left: 2px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 10px;
  padding: 10px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.manuscript-comment .manuscript-comment-item-title {
  margin-bottom: 5px;
}
.manuscript-comment .manuscript-comment-item-body {
  font-size:12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.manuscript-detail {
  margin-bottom: 10px;
}
.manuscript-detail .buy-user-info {
  margin-bottom: 10px;
}
.manuscript-title {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
  font-size: 18px;
  line-height: 35px;
  margin-bottom: -1px;
  padding-left: 10px;
}
.manuscript-body {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
  margin-bottom: -1px;
  position: relative;
}
.release {
  margin-bottom: 10px;
}
.release:before,
.release:after {
  content: "";
  display: table;
}
.release:after {
  clear: both;
}
#ie6 .release,
#ie7 .release {
  zoom: 1;
}
.release:before,
.release:after {
  content: "";
  display: table;
}
.release:after {
  clear: both;
}
#ie6 .release,
#ie7 .release {
  zoom: 1;
}
.release-msg {
  margin-bottom: 10px;
}
.release-msg .alert {
  padding: 5px 10px;
  margin-bottom: 0;
}
.release-progress {
  clear: both;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.release-body:before,
.release-body:after {
  content: "";
  display: table;
}
.release-body:after {
  clear: both;
}
#ie6 .release-body,
#ie7 .release-body {
  zoom: 1;
}
.release-body:before,
.release-body:after {
  content: "";
  display: table;
}
.release-body:after {
  clear: both;
}
#ie6 .release-body,
#ie7 .release-body {
  zoom: 1;
}
.release-nav {
  font-size: 18px;

  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  text-align: center;
  margin-bottom: -1px;
}
.release-nav ul {
  margin: 0;
}
.release-nav ul li {
  display: inline;
  float: left;
  text-align: center;
  min-width: 83px;
}
.release-nav ul li .icon32 {
  display: block;
  margin: 5px auto;
  float: none;
  font-size: 2em;
}
.release-nav ul li em {
  font-style: normal;
}
.release-nav ul li a {
  display: none;
  _width: 68px;
  color: #333;
  position: relative;
  padding: 0 10px;
  margin: 10px 5px;
  border: 1px solid hsl(var(--my_color_d), 0%, 96%);
}
.release-nav ul li a .badge {
  position: absolute;
  top: 0;
  right: 0;
  background: #c00;
  font: 10px/15px Verdana, Geneva, sans-serif, sans-serif;
  color: #EEE;
  display: inline-block;
  padding: 0 3px;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
.release-nav ul li a:hover {
  background: #EEE;
  border-color: #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.release-nav ul li a.selected {
  background: #EEE;
  color: #000;
  border-color: #ccc;
}
.release-nav ul li a:active {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.release-nav ul li a.selected:hover {
  background: #EEE;
}
.release-nav:before,
.release-nav:after {
  content: "";
  display: table;
}
.release-nav:after {
  clear: both;
}
#ie6 .release-nav,
#ie7 .release-nav {
  zoom: 1;
}
.release-nav:before,
.release-nav:after {
  content: "";
  display: table;
}
.release-nav:after {
  clear: both;
}
#ie6 .release-nav,
#ie7 .release-nav {
  zoom: 1;
}
.release-nav ul li {
  margin-right: 10px;
  margin-bottom: 10px;
  width: auto;
  float: none;
  display: inline-block;
}
.release-nav ul li a {
  margin: 0;
  width: 4em;
  padding: 5px 10px;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.release-nav ul li .arrow_b {
  position: absolute;
  top: 100%;
  left: 50%;
  border-width: 8px;
  margin-left: -8px;
  visibility: hidden;
}
.release-nav ul li.selected a,
.release-nav ul li.selected a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
  cursor: default;
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  font-weight: bold;
}
.release-nav ul li.selected .arrow_b {
  visibility: visible;
  border-color: hsl(var(--my_color_d), 0%, 93%);
  border-top-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.release-help {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: #fff;
  padding: 10px;
  margin-bottom: -1px;
}
.release-help-ctrl {
  text-align: center;
  border-left: 1px solid hsl(var(--my_color_d), 0%, 93%);
  border-right: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.release-help-ctrl a {
  display: inline-block;
  padding: 5px 10px;
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  border-top-color: hsl(var(--my_color_d), 0%, 93%);
}
.release-help-title {
  margin-bottom: 10px;
  font-size:12px;
}
.release-form {
  background: #fff;
  border-top: none;
  padding-top: 5px;
  min-height: 335px;
  margin-bottom: -1px;
}
.release-agreement {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 100%);
  padding: 10px;
  margin: -1px;
  text-shadow: 0 0px 0 hsl(var(--my_color_d), 0%, var(--my_color_f5));
}
.release-agreement .agreement-header {
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.release-agreement .agreement-title {
  font-size: 18px;
}
.release-statistics {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: #fff;
}
.release-statistics .statistics-title {
  padding-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size:12px;
}
.release-statistics .statistics-body {
  line-height: 25px;
}
.release-statistics .statistics-body .panel-heading {
  border-top: 1px solid hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
}
.release-statistics .statistics-body .panel-title {
  font-size: 18px;
}
.release-statistics .release-detail {
  max-height: 12.5em;
  overflow: hidden;
}
.release-statistics .release-detail img {
  display: none;
}
.release-meta {
  padding-bottom: 5px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 5px;
}
.release-meta:before,
.release-meta:after {
  content: "";
  display: table;
}
.release-meta:after {
  clear: both;
}
#ie6 .release-meta,
#ie7 .release-meta {
  zoom: 1;
}
.release-meta:before,
.release-meta:after {
  content: "";
  display: table;
}
.release-meta:after {
  clear: both;
}
#ie6 .release-meta,
#ie7 .release-meta {
  zoom: 1;
}
.release-meta .release-meta-item {
  float: left;
  display: inline;
  margin-right: 15px;
  white-space: nowrap;
}
.statistics-all {
  margin: 20px 0;
  padding: 10px 0;
  border-top: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
  text-align: right;
  line-height: 25px;
}
.statistics-all:before,
.statistics-all:after {
  content: "";
  display: table;
}
.statistics-all:after {
  clear: both;
}
#ie6 .statistics-all,
#ie7 .statistics-all {
  zoom: 1;
}
.statistics-all:before,
.statistics-all:after {
  content: "";
  display: table;
}
.statistics-all:after {
  clear: both;
}
#ie6 .statistics-all,
#ie7 .statistics-all {
  zoom: 1;
}
.statistics-all .statistics-title {
  margin: 0;
}
.statistics-all .money {
  padding-right: 15px;
  font-size:12px;
}
.statistics-footer {
  padding: 0 15px 10px;
  text-align: right;
}
.appreciation.table td {
  line-height: 30px;
  padding-left: 15px;
}
.appreciation .form-control {
  display: inline;
  width: auto;
}
.appreciation .form-group {
  margin: 0;
}
.payfor {
  margin-bottom: 10px;
}
.payfor:before,
.payfor:after {
  content: "";
  display: table;
}
.payfor:after {
  clear: both;
}
#ie6 .payfor,
#ie7 .payfor {
  zoom: 1;
}
.payfor:before,
.payfor:after {
  content: "";
  display: table;
}
.payfor:after {
  clear: both;
}
#ie6 .payfor,
#ie7 .payfor {
  zoom: 1;
}
.payfor-progress {
  clear: both;
  border: 0px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.payfor-body {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.payfor-body:before,
.payfor-body:after {
  content: "";
  display: table;
}
.payfor-body:after {
  clear: both;
}
#ie6 .payfor-body,
#ie7 .payfor-body {
  zoom: 1;
}
.payfor-body:before,
.payfor-body:after {
  content: "";
  display: table;
}
.payfor-body:after {
  clear: both;
}
#ie6 .payfor-body,
#ie7 .payfor-body {
  zoom: 1;
}
.payfor-nav {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  border-bottom: none;
  margin-bottom: -1px;
}
.payfor-nav li {
  margin: -1px;
}
.payfor-nav li.active a {
  border-color: hsl(var(--my_color_d), 0%, 93%);
  border-bottom-color: #EEE;
}
.payfor-selecter {
  margin: 20px;
}
.payfor-selecter .btn {
  height: 70px;
}
.buy {
  margin-bottom: 10px;
}
.buy:before,
.buy:after {
  content: "";
  display: table;
}
.buy:after {
  clear: both;
}
#ie6 .buy,
#ie7 .buy {
  zoom: 1;
}
.buy:before,
.buy:after {
  content: "";
  display: table;
}
.buy:after {
  clear: both;
}
#ie6 .buy,
#ie7 .buy {
  zoom: 1;
}
.buy-progress {
  clear: both;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.buy-user-info {
  background: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.buy-user-info .avatar {
  float: left;
  margin-right: 10px;
}
.buy-user-info .avatar img {
  width: 50px;
  height: 50px;
}
.buy-user-info .meida-heading {
  font-size: 18px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.user-meta {
  margin-top: 5px;
}
.user-meta:before,
.user-meta:after {
  content: "";
  display: table;
}
.user-meta:after {
  clear: both;
}
#ie6 .user-meta,
#ie7 .user-meta {
  zoom: 1;
}
.user-meta:before,
.user-meta:after {
  content: "";
  display: table;
}
.user-meta:after {
  clear: both;
}
#ie6 .user-meta,
#ie7 .user-meta {
  zoom: 1;
}
.user-meta > li {
  display: inline;
  float: left;
  margin-right: 10px;
}
.user-desc {
  margin-top: 10px;
}
.btn-ctrl {
  margin-top: 10px;
}
.buy-body {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px 15px;
}
.order {
  margin-bottom: 10px;
}
.order:before,
.order:after {
  content: "";
  display: table;
}
.order:after {
  clear: both;
}
#ie6 .order,
#ie7 .order {
  zoom: 1;
}
.order:before,
.order:after {
  content: "";
  display: table;
}
.order:after {
  clear: both;
}
#ie6 .order,
#ie7 .order {
  zoom: 1;
}
.order-progress {
  clear: both;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: -1px;
}
.order-body {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
}
.order-body .panel-heading {
  border-top: 1px solid hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.order-body .panel-title {
  font-size: 18px;
}
.order-body .release-detail {
  line-height: 25px;
}
.deliver {
  margin-bottom: 10px;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.deliver:before,
.deliver:after {
  content: "";
  display: table;
}
.deliver:after {
  clear: both;
}
#ie6 .deliver,
#ie7 .deliver {
  zoom: 1;
}
.deliver:before,
.deliver:after {
  content: "";
  display: table;
}
.deliver:after {
  clear: both;
}
#ie6 .deliver,
#ie7 .deliver {
  zoom: 1;
}
.deliver .buy-user-info {
  margin-left: 5px;
  margin-right: 5px;
}
.deliver-progress {
  clear: both;
  margin-bottom: 10px;
  padding:0px 10px 15px 10px; 
}
.deliver-self,
.deliver-other-side {
  display: inline;
  float: left;
  width: 150px;
  margin: 0 5px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 10px;
}
.deliver-self > img,
.deliver-other-side > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.deliver-self .user-name,
.deliver-other-side .user-name {
  border-bottom: 2px solid hsl(var(--my_color_d), 0%, 93%);
  text-align: center;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.deliver-self > ul,
.deliver-other-side > ul {
  font-size: 12px;
  padding: 10px;
  line-height: 20px;
}
.deliver-self > ul > li,
.deliver-other-side > ul > li {
  margin-bottom: 5px;
}
.deliver-self > ul > li span,
.deliver-other-side > ul > li span {
  color: hsl(var(--my_color_d), var(--my_color_e40), var(--my_color_f50));
  display: inline-block;
}
.deliver-content {
  display: inline;
  float: left;
  width: 630px;
  margin: 0 5px;
  margin-bottom: 10px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.deliver-content > form {
  padding: 15px;
}
.deliver-agreement {
  background: hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
  line-height: 25px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.deliver-footer {
  padding: 10px;
  text-align: center;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.reply {
  clear: both;
  border-bottom: none;
}
.evaluate:before,
.evaluate:after {
  content: "";
  display: table;
}
.evaluate:after {
  clear: both;
}
#ie6 .evaluate,
#ie7 .evaluate {
  zoom: 1;
}
.evaluate:before,
.evaluate:after {
  content: "";
  display: table;
}
.evaluate:after {
  clear: both;
}
#ie6 .evaluate,
#ie7 .evaluate {
  zoom: 1;
}
.evaluate-content {
  margin: 10px 0;
}
.evaluate-meta {
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.evaluate-meta:before,
.evaluate-meta:after {
  content: "";
  display: table;
}
.evaluate-meta:after {
  clear: both;
}
#ie6 .evaluate-meta,
#ie7 .evaluate-meta {
  zoom: 1;
}
.evaluate-meta:before,
.evaluate-meta:after {
  content: "";
  display: table;
}
.evaluate-meta:after {
  clear: both;
}
#ie6 .evaluate-meta,
#ie7 .evaluate-meta {
  zoom: 1;
}
.evaluate-meta-item {
  float: left;
  margin-right: 10px;
  white-space: nowrap;
}
.evaluate-avatar {
  width: 50px;
  height: 50px;
  margin: auto;
}
.evaluate-avatar img {
  display: block;
  width: 50px;
  height: 50px;
}
.evaluate-username {
  font-size: 12px;
  display: block;
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 98%;
  text-align: center;
}
.evaluate-time {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  font-size: 12px;
  float: right;
}
.single {
  margin-bottom: 10px;
  background: #fff;
}
.single:before,
.single:after {
  content: "";
  display: table;
}
.single:after {
  clear: both;
}
#ie6 .single,
#ie7 .single {
  zoom: 1;
}
.single:before,
.single:after {
  content: "";
  display: table;
}
.single:after {
  clear: both;
}
#ie6 .single,
#ie7 .single {
  zoom: 1;
}
.single-body {
  padding-top: 20px;
}
.single-body img {
  max-width: 100%;
}
.single-body .jumbotron {
  font-size: 12px;
  padding: 30px;
  position: relative;
}
.single-body .jumbotron h1 {
  font-size: 18px;
  margin-bottom: 15px;
}
.single-body .jumbotron p {
  line-height: 20px;
  margin-bottom: 10px;
  text-indent: 2em;
}
.single-intro {
  width: 60%;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.single-img {
  position: absolute;
  right: 20px;
  top: -10px;
  width: 310px;
}
.single-detail {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  font-size: 12px;
  line-height: 23px;
}
.single-detail p {
  margin-bottom: 15px;
}
.single-detail h1,
.single-detail h2,
.single-detail h3,
.single-detail h4,
.single-detail h5,
.single-detail h6,
.single-detail strong {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f30));
  font-size: 1.2em;
}
.article {
  margin-bottom: 10px;
}
.article:before,
.article:after {
  content: "";
  display: table;
}
.article:after {
  clear: both;
}
#ie6 .article,
#ie7 .article {
  zoom: 1;
}
.article:before,
.article:after {
  content: "";
  display: table;
}
.article:after {
  clear: both;
}
#ie6 .article,
#ie7 .article {
  zoom: 1;
}
.article-meta {
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.article-meta:before,
.article-meta:after {
  content: "";
  display: table;
}
.article-meta:after {
  clear: both;
}
#ie6 .article-meta,
#ie7 .article-meta {
  zoom: 1;
}
.article-meta:before,
.article-meta:after {
  content: "";
  display: table;
}
.article-meta:after {
  clear: both;
}
#ie6 .article-meta,
#ie7 .article-meta {
  zoom: 1;
}
.article-meta > li {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}
.article-header {
  margin-top: 0;
  margin-bottom: -1px;
  text-align: center;
  padding: 10px;
}
.article-header:before,
.article-header:after {
  content: "";
  display: table;
}
.article-header:after {
  clear: both;
}
#ie6 .article-header,
#ie7 .article-header {
  zoom: 1;
}
.article-header:before,
.article-header:after {
  content: "";
  display: table;
}
.article-header:after {
  clear: both;
}
#ie6 .article-header,
#ie7 .article-header {
  zoom: 1;
}
.article-header h1 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 15px;
}
.article-body {
  padding: 30px;
  margin-bottom: -1px;
  line-height: 23px;
}
.article-body:before,
.article-body:after {
  content: "";
  display: table;
}
.article-body:after {
  clear: both;
}
#ie6 .article-body,
#ie7 .article-body {
  zoom: 1;
}
.article-body:before,
.article-body:after {
  content: "";
  display: table;
}
.article-body:after {
  clear: both;
}
#ie6 .article-body,
#ie7 .article-body {
  zoom: 1;
}
.article-body p {
  margin-bottom: 15px;
}
.article-share {
  padding: 10px;
  font-size: 12px;
  margin-bottom: -1px;
}
.article-share:before,
.article-share:after {
  content: "";
  display: table;
}
.article-share:after {
  clear: both;
}
#ie6 .article-share,
#ie7 .article-share {
  zoom: 1;
}
.article-share:before,
.article-share:after {
  content: "";
  display: table;
}
.article-share:after {
  clear: both;
}
#ie6 .article-share,
#ie7 .article-share {
  zoom: 1;
}
.article-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  clear: both;
  border-top: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.article-footer:before,
.article-footer:after {
  content: "";
  display: table;
}
.article-footer:after {
  clear: both;
}
#ie6 .article-footer,
#ie7 .article-footer {
  zoom: 1;
}
.article-footer:before,
.article-footer:after {
  content: "";
  display: table;
}
.article-footer:after {
  clear: both;
}
#ie6 .article-footer,
#ie7 .article-footer {
  zoom: 1;
}
.case {
  margin-left: 5px;
  margin-right: 5px;
}
.case:before,
.case:after {
  content: "";
  display: table;
}
.case:after {
  clear: both;
}
#ie6 .case,
#ie7 .case {
  zoom: 1;
}
.case:before,
.case:after {
  content: "";
  display: table;
}
.case:after {
  clear: both;
}
#ie6 .case,
#ie7 .case {
  zoom: 1;
}
.case .list-img {
  margin-top: 10px;
}
.case .list-img .list-item {
  padding-top: 10px;
}
.case .list-img .list-item-img {
  width: 160px;
  height: 160px;
  overflow: hidden;
}
.case .list-img .list-item-footer .money {
  float: left;
  text-align: left;
}
.case .list-img .list-item-footer .poster {
  width: 100%;
}
.case .list-img .nums {
  display: inline;
  float: left;
  width: 50%;
}

.helper .content-panel {
  display: inline;
  float: left;
  width: 710px;
  margin: 0 5px;
  margin-bottom: 10px;
  min-height: 710px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.helper .content-panel .horizontal-row {
  display: block;
  width: 730px;
  margin: 0 -5px;
}
.helper .content-panel .horizontal-row:before,
.helper .content-panel .horizontal-row:after {
  content: "";
  display: table;
}
.helper .content-panel .horizontal-row:after {
  clear: both;
}
#ie6 .helper .content-panel .horizontal-row,
#ie7 .helper .content-panel .horizontal-row {
  zoom: 1;
}
.helper .content-panel .horizontal-row:before,
.helper .content-panel .horizontal-row:after {
  content: "";
  display: table;
}
.helper .content-panel .horizontal-row:after {
  clear: both;
}
#ie6 .helper .content-panel .horizontal-row,
#ie7 .helper .content-panel .horizontal-row {
  zoom: 1;
}
.helper-search {
  margin:-5px -2px 10px -5px;
}
.helper-search:before,
.helper-search:after {
  content: "";
  display: table;
}
.helper-search:after {
  clear: both;
}
#ie6 .helper-search,
#ie7 .helper-search {
  zoom: 1;
}
.helper-search:before,
.helper-search:after {
  content: "";
  display: table;
}
.helper-search:after {
  clear: both;
}
#ie6 .helper-search,
#ie7 .helper-search {
  zoom: 1;
}
.helper-fresh {
  padding: 10px;
  margin-bottom: 10px;
}
.helper-fresh:before,
.helper-fresh:after {
  content: "";
  display: table;
}
.helper-fresh:after {
  clear: both;
}
#ie6 .helper-fresh,
#ie7 .helper-fresh {
  zoom: 1;
}
.helper-fresh:before,
.helper-fresh:after {
  content: "";
  display: table;
}
.helper-fresh:after {
  clear: both;
}
#ie6 .helper-fresh,
#ie7 .helper-fresh {
  zoom: 1;
}
.helper-fresh .line {
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 10px;
}
.helper-box {
  margin-bottom: 10px;
}
.helper-box .min-title {
  padding-left: 10px;
  margin-bottom: -1px;
}
.helper-box .min-list {
  padding: 10px;
  font-size: 12px;
}
.helper-box .min-list a {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.helper-detail .min-title {
  padding-left: 10px;
  margin-bottom: -1px;
}
.helper-detail-body {
  padding: 10px;
  font-size: 12px;
}
.helper-item {
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.helper-item dt {
  line-height: 35px;
  font-size:12px;
}
.helper-item dd {
  padding: 0 10px 10px;
  line-height: 20px;
  word-wrap: break-word !important;
  word-break: normal !important;
}
.helper-item p {
  margin-bottom: 10px;
}
.turnaround {
  margin-bottom: 10px;
}
.turnaround:before,
.turnaround:after {
  content: "";
  display: table;
}
.turnaround:after {
  clear: both;
}
#ie6 .turnaround,
#ie7 .turnaround {
  zoom: 1;
}
.turnaround:before,
.turnaround:after {
  content: "";
  display: table;
}
.turnaround:after {
  clear: both;
}
#ie6 .turnaround,
#ie7 .turnaround {
  zoom: 1;
}
.turnaround .min-title {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
  padding-left: 10px;
  margin-bottom: -1px;
  font-size: 18px;
}
.turnaround .turnaround-body {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 93%);
}
.turnaround .turnaround-body:before,
.turnaround .turnaround-body:after {
  content: "";
  display: table;
}
.turnaround .turnaround-body:after {
  clear: both;
}
#ie6 .turnaround .turnaround-body,
#ie7 .turnaround .turnaround-body {
  zoom: 1;
}
.turnaround .turnaround-body:before,
.turnaround .turnaround-body:after {
  content: "";
  display: table;
}
.turnaround .turnaround-body:after {
  clear: both;
}
#ie6 .turnaround .turnaround-body,
#ie7 .turnaround .turnaround-body {
  zoom: 1;
}
.turnaround .turnaround-form {
  margin: 15px;
}
.turnaround .turnaround-form label {
  margin-bottom: 5px;
}
.turnaround .buy-user-info {
  margin-bottom: 10px;
}
.site-security {
  text-align: center;
}
.site-security .min-title {
  margin-bottom: 10px;
  font-size:12px;
  font-weight: normal;
}
.site-security ul {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.site-security ul > li + li:before {
  content: " ";
  display: block;
  float: left;
  height: 50px;
  width: 0;
  overflow: hidden;
  border-left: none;
}
.site-security ul > li p {
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.apply-for-vip {
  padding: 10px;
}
.apply-for-vip > dl > dt {
  margin-bottom: 10px;
}
.apply-for-vip > dl > dd {
  margin-bottom: 10px;
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  padding-left: 1em;
  word-wrap: break-word !important;
  word-break: normal !important;
}
.apply-for-service {
  padding: 10px 10px 0;
}
.apply-for-service > dl {
  border-bottom: 1px dashed hsl(var(--my_color_d), 0%, 93%);
  margin-bottom: 10px;
}
.apply-for-service > dl > dt {
  margin-bottom: 10px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.apply-for-service > dl > dd {
  margin-bottom: 10px;
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  word-wrap: break-word !important;
  word-break: normal !important;
}
.same-type .min-list {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 30px;
}
.same-type .min-list a {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.same-type .min-list.img {
  padding: 10px 10px 0;
}
.same-type .min-list.img > li {
  margin-bottom: 10px;
}
.same-type .min-list.img .min-list-img {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: hsl(var(--my_color_d), 0%, 93%);
  border: 1px solid hsl(var(--my_color_d), 0%, 87%);
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  margin: 0 auto;
  position: relative;
}
.same-type .min-list.img .min-list-img > img,
.same-type .min-list.img .min-list-img a > img {
  margin-left: auto;
  margin-right: auto;
}
a.same-type .min-list.img .min-list-img:hover,
a.same-type .min-list.img .min-list-img:focus,
a.same-type .min-list.img .min-list-img.active {
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.same-type .min-list.img .min-list-img .caption {
  padding: 9px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.same-type .min-list.img .min-list-img .money {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px;
  width: 100%;
  background: #EEE;
  background: rgba(255, 255, 255, 0.9);
}
.same-type .min-list.img .min-list-title {
  display: block;
  text-align: center;
  line-height: 30px;
  clear: both;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#case .case-search {
  padding: 10px;
}
#case .case-search .case-search-bg {
  margin-bottom: 10px;
}
#case .advantage,
#articlelist .advantage {
  padding-bottom: 20px;
}
#case .advantage .advantage-title,
#articlelist .advantage .advantage-title{
  font-size: 24px;
  text-align: center;
  margin: 10px 0 2px 0;
}
#case .advantage .advantage-text,
#articlelist .advantage .advantage-text {
  font-size:12px;
  text-align: center;
  margin-bottom: 10px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
#case .advantage li,
#articlelist .advantage li{
  line-height: 25px;
}
#case .advantage .advantage-img,
#articlelist .advantage .advantage-img{
  width: 30px;
  float: left;
  margin: 10px 5px 0 10px;
}
#case .advantage .advantage-body,
#articlelist .advantage .advantage-body {
  width: 75%;
  float: left;
}
#case .advantage .advantage-body .small_p,
#articlelist .advantage .advantage-body .small_p{
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  line-height: 25px;
}
#case .case-btn,
#tasklist .case-btn,
#goodslist .case-btn,
#sellerlist .case-btn,
#articlelist .case-btn {
  padding: 10px 15px;
  text-align: center;
}
#case .case-btn a,
#tasklist .case-btn a,
#goodslist .case-btn a,
#sellerlist .case-btn a,
#articlelist .case-btn a{
  margin-bottom: 5px;
}
#case .case-btn .case-btn-title,
#tasklist .case-btn .case-btn-title,
#goodslist .case-btn .case-btn-title,
#sellerlist .case-btn .case-btn-title,
#articlelist .case-btn .case-btn-title {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  font-size:12px;
  margin-bottom: 15px;
}
#case .case-btn .case-btn-text,
#tasklist .case-btn .case-btn-text,
#goodslist .case-btn .case-btn-text，
#sellerlist .case-btn .case-btn-text,
#articlelist .case-btn .case-btn-text{
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  font-size: 12px;
  margin-bottom: 10px;
}
#case .list .list-body {
  background: none;
}
#case .list .list-item {
  background: hsl(var(--my_color_d), 0%, 93%);
  width: 470px;
  position: relative;
}
#case .list .list-title {
  width: 95%;
}
#case .list .list-item-img {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
  width: 230px;
  height: 160px;
}
#case .list .list-item-img img {
  width: 230px;
  height: 160px;
}
#case .list .list-item-footer span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
#case .list .list-item-footer .money {
  float: none;
}
#case .case-users {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
#case .tag-r {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  color: #EEE;
  width: 35px;
  margin: auto;
  line-height: 30px;
  font-size:12px;
}
#case .label-r {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  border-width: 30px;
  border-style: solid solid dashed dashed;
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)) transparent transparent;
}
#case .tag-l {
  position: absolute;
  top: 0;
  left: 0;
}
#case .case-list .case-list-item{
  width: 262px;
  height: 222px;
  border: solid 1px hsl(var(--my_color_d), 0%, 90%);
  margin: 25px 0 0 29px;
  position: relative;
}
#case .case-list .case-list-img{
  display: block;
  width: 260px;
  height: 180px;
  position: relative;
}
#case .case-list .case-list-img .case-pic{
  display: inline-block;
  width: 100%;
  height: 180px;
}
#case .case-list .case-list-title{
  font-size:12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f50));
  padding: 0 10px;
  text-align: center;
  line-height: 40px;
  border-top: solid 1px #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;

}
.case-list-detailBox{
  display: inline-block;
  display: none;
  width: 100%;
  padding: 10px;
  background: rgba(255, 254, 242, 1);
  position: absolute;
  left: 0;
  bottom: 0;
}
/* #case .case-list .case-list-img:hover .case-list-detailBox{
 display: block;
} */
#case .case-list .case-list-detailBox p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  padding: 3px 0;
}
#case .case-list .case-list-detailBox .case-collect{
  display: inline-block;
  padding-right: 10px;
}
#case .case-list .marked-case{
  border:dashed 1px hsl(var(--my_color_d), 0%, 86%);
  background: hsl(var(--my_color_d), 0%, 97%);
  color: hsl(var(--my_color_d), 0%, 70%);
  font-size: 12px;
  margin-right: 6px;
  padding: 3px 6px;
}
#oauthregister .control-span {
  padding-top: 6px;
}
#oauthregister .control-span .control-label-span {
  color: #999;
}
#oauthregister .control-span .control-label-text {
  margin-left: 20px;
  font-weight: normal;
}
#addcontent {
  height: 130px;
}
#main {
  display: inline;
  float: left;
  width: 950px;
  margin: 0 5px;
}
#case-main{
  width: 1190px;
  margin: 0 5px;
  background: #EEE;  
}
#main img {
  max-width: 100%;
}
#side {
  display: inline;
  float: left;
  width: 230px;
  margin: 0 5px;
  display: none;
}
#side img {
  max-width: 100%;
}
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  white-space: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}
.datetimepicker.days div.datetimepicker-days {
  display: block;
}
.datetimepicker.months div.datetimepicker-months {
  display: block;
}
.datetimepicker.years div.datetimepicker-years {
  display: block;
}
.datetimepicker table {
  margin: 0;
}
.datetimepicker table tr td.minute:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td.day:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datetimepicker table tr td span:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.datetimepicker table tr td span.old {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}
.datetimepicker th.switch {
  width: 145px;
}
.datetimepicker-inline {
  width: 220px;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}
[class*="datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
[class*="datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid hsl(var(--my_color_d), 0%, 93%);
  position: absolute;
}
[class*="datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
[class*="datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}
.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}
.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}
.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}
.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}
.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 80%);
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e85), 80%)), to(hsl(var(--my_color_d), var(--my_color_e85), 80%)));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), 80%), hsl(var(--my_color_d), var(--my_color_e85), 80%));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e85), 80%)', endColorstr='hsl(var(--my_color_d), var(--my_color_e85), 80%)', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e85), 80%) hsl(var(--my_color_d), var(--my_color_e85), 80%) hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 80%);
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e85), 70%) \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', endColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #EEE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30)) \9;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
  background-image: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))));
  background-image: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', endColorstr='hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40))', GradientType=0);
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40)) hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f25));
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #EEE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30)) \9;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}
@media (min-width: 240px) and (max-width: 640px) {
  #im {
    display: none;
  }
}
.loading-img {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.loading-img table {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.site-im {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 230px;
  overflow: hidden;
  z-index: 999;
  background: hsl(var(--my_color_d), 0%, 93%);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-main-button {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
}
.site-im-main-button .inner {
  position: relative;
  z-index: 1;
}
.site-im-main-button .inner:before,
.site-im-main-button .inner:after {
  content: "";
  display: table;
}
.site-im-main-button .inner:after {
  clear: both;
}
#ie6 .site-im-main-button .inner,
#ie7 .site-im-main-button .inner {
  zoom: 1;
}
.site-im-main-button .inner:before,
.site-im-main-button .inner:after {
  content: "";
  display: table;
}
.site-im-main-button .inner:after {
  clear: both;
}
#ie6 .site-im-main-button .inner,
#ie7 .site-im-main-button .inner {
  zoom: 1;
}
.site-im-main-button a {
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-brand {
  color: hsl(var(--my_color_d), 0%, 93%);
  float: left;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 32px;
}
.site-im-brand .fa {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.site-im-count {
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 35px;
  text-align: center;
}
.site-im-count strong {
  margin-left: 4px;
  margin-right: 4px;
}
.site-im-arrow {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 8px;
  font-size: 24px;
  line-height: 20px;
}
.site-im-inner {
  height: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-inner:before,
.site-im-inner:after {
  content: "";
  display: table;
}
.site-im-inner:after {
  clear: both;
}
#ie6 .site-im-inner,
#ie7 .site-im-inner {
  zoom: 1;
}
.site-im-inner:before,
.site-im-inner:after {
  content: "";
  display: table;
}
.site-im-inner:after {
  clear: both;
}
#ie6 .site-im-inner,
#ie7 .site-im-inner {
  zoom: 1;
}
.show-im {
  height: 465px;
}
.site-im-header {
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-header:before,
.site-im-header:after {
  content: "";
  display: table;
}
.site-im-header:after {
  clear: both;
}
#ie6 .site-im-header,
#ie7 .site-im-header {
  zoom: 1;
}
.site-im-header:before,
.site-im-header:after {
  content: "";
  display: table;
}
.site-im-header:after {
  clear: both;
}
#ie6 .site-im-header,
#ie7 .site-im-header {
  zoom: 1;
}
.site-im-body {
  background: hsl(var(--my_color_d), 0%, 93%);
  height: 400px;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.im-user-avatar {
  width: 65px;
  height: 65px;
  float: left;
}
.im-user-avatar img {
  display: block;
  max-width: 100%;
  height: auto;
}
.im-user-info {
  overflow: hidden;
  padding: 10px;
}
.im-user-name {
  font-size: 12px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.site-im-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.site-im-ctrl a {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: hsl(var(--my_color_d), var(--my_color_e), 77%);
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  line-height: 22px;
}
.site-im-ctrl a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item {
  padding: 8px 10px;
  background: hsl(var(--my_color_d), 0%, 93%);
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  cursor: pointer;
}
.im-pep-item:before,
.im-pep-item:after {
  content: "";
  display: table;
}
.im-pep-item:after {
  clear: both;
}
#ie6 .im-pep-item,
#ie7 .im-pep-item {
  zoom: 1;
}
.im-pep-item:before,
.im-pep-item:after {
  content: "";
  display: table;
}
.im-pep-item:after {
  clear: both;
}
#ie6 .im-pep-item,
#ie7 .im-pep-item {
  zoom: 1;
}
.im-pep-item:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item.offline .im-pep-item-img > img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.im-pep-item.offline strong {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.im-pep-item-img {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.im-pep-item-img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.im-pep-item-img .status {
  position: absolute;
  padding: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  bottom: -3px;
  right: -3px;
  font-size: 10px;
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.im-pep-item-img .status:empty {
  display: none;
}
.im-pep-item-body {
  overflow: hidden;
  padding: 10px;
  font-size: 12px;
}
.im-pep-item-body strong {
  font-weight: normal;
}
.site-im-dialog {
  overflow: hidden;
  position: fixed;
  z-index: 999;
  right: 240px;
  bottom: 0;
  width: 500px;
  height: 0;
  background: hsl(var(--my_color_d), 0%, 93%);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.show-dialog {
  height: 500px;
}
.site-im-dialog-nav {
  float: left;
  width: 0;
  height: 500px;
  overflow: hidden;
  background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-dialog-nav > li {
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  display: list-item;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav > li > a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  padding: 10px;
  color: hsl(var(--my_color_d), 0%, 93%);
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav > li.active {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-nav > li.active:hover {
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-nav > li.active > a {
  background: hsl(var(--my_color_d), 0%, 93%);
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.site-im-dialog-nav > li img {
  width: 20px;
  height: 20px;
}
.site-im-dialog-nav > li:hover {
  background: rgba(255, 255, 255, 0.2);
}
.site-im-dialog-nav > li:hover .close-nav {
  display: block;
}
.site-im-dialog-nav a.close-nav {
  display: none;
  position: absolute;
  z-index: 1;
  right: -15px;
  top: 8px;
  padding: 0 2px 3px;
  line-height: 16px;
  font-size: 20px;
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.site-im-dialog-nav a.close-nav:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.show-nav {
  width: 120px;
}
.site-im-dialog-body {
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out 0.1s;
  -o-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}
.site-im-dialog-body .im-pep-item {
  display: block;
  background: hsl(var(--my_color_d), 0%, 93%);
  cursor: default;
}
.site-im-dialog-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.site-im-dialog-ctrl a {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f65));
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  line-height: 22px;
}
.site-im-dialog-ctrl a:hover {
  background: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  color: hsl(var(--my_color_d), 0%, 93%);
}
.dialog-comment-list-box {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: 300px;
  border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
}
.dialog-comment-list {
  line-height: 25px;
  padding: 10px 5px 0 10px;
}
.dialog-comment-list:before,
.dialog-comment-list:after {
  content: "";
  display: table;
}
.dialog-comment-list:after {
  clear: both;
}
#ie6 .dialog-comment-list,
#ie7 .dialog-comment-list {
  zoom: 1;
}
.dialog-comment-list:before,
.dialog-comment-list:after {
  content: "";
  display: table;
}
.dialog-comment-list:after {
  clear: both;
}
#ie6 .dialog-comment-list,
#ie7 .dialog-comment-list {
  zoom: 1;
}
.dialog-comment-list-item {
  white-space: pre-wrap;
  word-wrap: break-word !important;
  word-break: normal !important;
  display: block;
  max-width: 80%;
  line-height: 18px;
  margin-bottom: 10px;
  float: left;
  clear: both;
  background: hsl(var(--my_color_d), var(--my_color_e55), 86%);
  padding: 5px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog-comment-list-item.reply {
  float: right;
  clear: both;
  background: hsl(var(--my_color_d), var(--my_color_e30), 79%);
  -webkit-border-radius: 5px 5px 0 5px;
  -moz-border-radius: 5px 5px 0 5px;
  border-radius: 5px 5px 0 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog-comment-list-item img {
  display: block;
  max-width: 100%;
  height: auto;
}
.dialog-comment-edit {
  width: 100%;
  height: 105px;
}
.dialog-comment-edit textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 10px;
}
.site-im-dialog-header {
  height: 55px;
  background: hsl(var(--my_color_d), 0%, 93%);
}
.site-im-dialog-header:before,
.site-im-dialog-header:after {
  content: "";
  display: table;
}
.site-im-dialog-header:after {
  clear: both;
}
#ie6 .site-im-dialog-header,
#ie7 .site-im-dialog-header {
  zoom: 1;
}
.site-im-dialog-header:before,
.site-im-dialog-header:after {
  content: "";
  display: table;
}
.site-im-dialog-header:after {
  clear: both;
}
#ie6 .site-im-dialog-header,
#ie7 .site-im-dialog-header {
  zoom: 1;
}
.site-im-dialog-footer {
  background: hsl(var(--my_color_d), 0%, 93%);
  padding: 5px;
}
.site-im-dialog-footer:before,
.site-im-dialog-footer:after {
  content: "";
  display: table;
}
.site-im-dialog-footer:after {
  clear: both;
}
#ie6 .site-im-dialog-footer,
#ie7 .site-im-dialog-footer {
  zoom: 1;
}
.site-im-dialog-footer:before,
.site-im-dialog-footer:after {
  content: "";
  display: table;
}
.site-im-dialog-footer:after {
  clear: both;
}
#ie6 .site-im-dialog-footer,
#ie7 .site-im-dialog-footer {
  zoom: 1;
}
.site-im-dialog-footer .for-post {
  float: right;
}
.site-im-dialog-footer .for-post kbd {
  padding: 2px 4px;
}
.box_flashing .flashing-text {
  -webkit-animation: flashing 1.5s linear infinite;
  -o-animation: flashing 1.5s linear infinite;
  animation: flashing 1.5s linear infinite;
}
@-webkit-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@-moz-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@-o-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: red;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: hsl(var(--my_color_d), 0%, 97%);
  position: relative;
}
.jspDrag {
  background: hsl(var(--my_color_d), 0%, 80%);
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: hsl(var(--my_color_d), 15%, var(--my_color_f35));
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: hsl(var(--my_color_d), 5%, var(--my_color_f50));
}
.jspVerticalBar .jspArrow {
  height: 8px;
}
.jspHorizontalBar .jspArrow {
  width: 8px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: hsl(var(--my_color_d), 21%, 95%);
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
#goodslist .list .list-pic {
  width: 120px;
  height: 120px;
}
#goodslist .list .list-pic img {
  width: 120px;
  height: 120px;
}
#goodslist .list .list-title {
  margin-bottom: 10px;
}
#goodslist .list .money {
  margin-bottom: 10px;
}
@media (min-width: 240px) and (max-width: 640px) {
  body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container {
    width: 100%;
  }  
}
@media (min-width:768px) and (max-width: 1024px) {
  .ui-header-search{
    width: 345px;
  }
  .header-search .search-input{
    width: 57.5%;
  }  
}
@media (min-width: 641px) and (max-width: 980px) {
  .container {
    width: 720px;
  } 
}
@media (min-width: 981px) and (max-width: 1280px) {
  .container {
    width: 960px;
  }
  .category-list.category-xs {
    display: none;
  }  
}
@media (min-width: 1280px) {
  .container {
    width: 1200px;
  }
  .category-list.category-xs {
    display: none;
  }  
}
@media (min-width: 240px) and (max-width: 640px) {
  .tab {
    white-space: nowrap;
  }
  .tab.tab-darken {
    border-width: 0 0 2px 0;
  }
  .tab.tab-darken a {
    min-width: 80px;
  }
}
@media (min-width: 1280px) {
  #fix-box {
    margin-left: 620px;
  }
}
@media (min-width: 240px) and (max-width: 980px) {
  .list-dl {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .list-dl .list-body {
    width: 100%;
    white-space: wrap;
  }
  .list-dl .list-item:hover .list-visible {
    display: none;
  }
}
@media (min-width: 240px) and (max-width: 640px) {
  #main {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
    float: inherit;
  }
  #case-main{
    width: 98.5%;
  }
  #case .case-list .case-list-item {
      width: 44%;
      height: 222px;
      border: solid 1px hsl(var(--my_color_d), 0%, 90%);
      margin: 0px 0 20px 10px;
      position: relative;
  }    
}
@media (min-width: 641px) and (max-width: 980px) {
  #main {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    float: inherit;
  }
}
@media (min-width: 1280px) {
  #pubtask #main,
  #pubgoods #main,
  #single #main,
  #taskhandle #main,
  #order #main,
  #recharge #main,
  #gy #main,
  #main #pay,
  #oauthregister #main {
    width: auto;
    display: block;
    float: inherit;
  }
  #side {
    display: block;
  }  
}
@media (min-width: 240px) and (max-width: 640px) {
  .site-nav {
    position: relative;
    z-index: 199;
    margin-top: 0;
  }
  .site-nav .navbar-toggle {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .site-nav .navbar-primary {
    margin-left: 0;
    margin-right: 0;
  }
  .site-nav .navbar-primary .navbar-actived {
    padding: 5px 10px;
  }
  .site-nav .navbar-collapse {
    position: absolute;
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
    left: -1px;
    right: -1px;
  }  
  .top-nav {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }  
  .bread-nav .breadcrumb {
    margin-left: 0;
    margin-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }  
  .header-top {
    margin-left: -10px;
    margin-right: -10px;
  }
  .header-top .left-nav {
    margin-left: 10px;
  }
  .header-top .right-nav {
    display: none;
    margin-right: 0;
    width: 100%;
    position: fixed;
    z-index: 200;
    bottom: 0;
    border-top: 1px solid hsl(var(--my_color_d), 0%, 84%);
    padding-top: 1px;
    background: hsl(var(--my_color_d), 0%, 93%);
  }
  .header-top .right-nav .nav-item-link {
    border-width: 0 1px 1px;
    border-color: hsl(var(--my_color_d), 0%, 93%);
  }
  .header-top .right-nav .has-sub .nav-item-link {
    border-width: 0 1px 1px;
    bottom: 1px;
  }
  .header-top .right-nav .has-sub .nav-item-sub {
    bottom: 100%;
    top: inherit;
    left: 0;
    right: inherit;
  }
}
@media (min-width: 240px) and (max-width: 320px) {
  .header-search .search-input {
    width: 53%;
  }
}
@media (min-width: 240px) and (max-width: 640px) {
  .header-website {
    margin-left: inherit;
    float: inherit;
    margin-bottom: 10px;
  }
  .header-website:before,
  .header-website:after {
    content: "";
    display: table;
  }
  .header-website:after {
    clear: both;
  }
  #ie6 .header-website,
  #ie7 .header-website {
    zoom: 1;
  }
  .header-website:before,
  .header-website:after {
    content: "";
    display: table;
  }
  .header-website:after {
    clear: both;
  }
  #ie6 .header-website,
  #ie7 .header-website {
    zoom: 1;
  }  
  .brand-logo {
    width: 100px;
    margin: auto;
  }
  .brand-logo img {
    display: block;
    max-width: 100%;
    height: auto;
  }  
  .header-location {
    position: static;
    float: right;
    left: inherit;
    margin-top: 10px;
  }  
  .header-function {
    float: none;
    clear: both;
    margin: 0;
    top: -5px;
    position: relative;
    z-index: 1;
  }
  .header-function:before {
    display: block;
    color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    bottom: 100%;
  }
  .header-function:hover {
    z-index: 200;
  }
  .header-function:hover .header-search {
    height: 47px;
    padding-top: 10px;
    overflow: visible;
  }  
  .header-search {
    position: absolute;
    background: hsl(var(--my_color_d), 0%, 93%);
    height: 0;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    white-space: nowrap;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
  .header-search .search-input {
    width: 78.5%;
  }  
  .header-keywords {
    visibility: hidden !important;
    display: none !important;
    visibility: hidden;
  }  
  .list-filter {
    display: none;
  }
  .tool-bar {
    margin-top: -10px;
  }
  .tool-bar .actions {
    position: static;
  }
  .case .list-img .list-item {
    width: 46%;
  }
  .case .list-img .list-item-img {
    width: 100%;
    height: 100%;
  }   
}
@media (min-width: 641px) and (max-width: 980px) {
  .case .list-img .list-item {
    width: 170px;
  }
  .case .list-img .list-item-img {
    width: 148px;
    height: 148px;
  }
}
@media (min-width: 1280px) {
  .case .list-img .list-item {
    width: 190px;
  }
  .case .list-img .list-item-img {
    width: 168px;
    height: 168px;
  }
  .helper .content-panel {
    display: inline;
    float: left;
    width: 950px;
    margin: 0 5px;
  }  
}
@media (min-width: 240px) and (max-width: 640px) {
  .helper .nav-action {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .helper .content-panel {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .for-city {
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 130px;
    width: auto;
    overflow: auto;
  }
  .for-city:before {
    display: block;
    text-align: center;
    color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
    font-size:12px;
    padding: 5px;
    content: '选择地区';
  }
  .for-city li {
    width: 33%;
  }  
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size:12px;
  text-align: left;
  background-color: hsl(var(--my_color_d), 0%, 100%);
  border: 1px solid hsl(var(--my_color_d), 0%, 80%);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: hsl(var(--my_color_d), 0%, 90%);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f15));
  background-color: hsl(var(--my_color_d), 0%, 96%);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: hsl(var(--my_color_d), 0%, 100%);
  text-decoration: none;
  outline: 0;
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f50));
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f50));
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
@media (min-width: 240px) and (max-width: 640px) {
  .for-city {
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 130px;
    width: auto;
    overflow: auto;
  }
  .for-city:before {
    display: block;
    text-align: center;
    color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
    font-size:12px;
    padding: 5px;
    content: '选择地区';
  }
  .for-city li {
    width: 33%;
  }
}
@media (min-width: 240px) and (max-width: 640px) {
  .dropdown-backdrop {
    background-color: rgba(0,0,0,0.7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2000000',endColorstr='#b2000000');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2000000',endColorstr='#b2000000');
  }  
  .show-msg {
    width: 100%;
  }  
  .single-nav {
    width: 100%;
  }
  .single-nav > li {
    float: none;
  }
  .single-nav > li > a {
    text-align: center;
    margin-bottom: 5px;
  }
  .single-nav > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
}
@media (min-width: 240px) and (max-width: 640px) and (min-width: 768px) {
  .single-nav > li {
    display: table-cell;
    width: 1%;
  }
  .single-nav > li > a {
    margin-bottom: 0;
  }
}
@media (min-width: 240px) and (max-width: 640px) {
  .detail-header-pic {
    visibility: hidden !important;
    display: none !important;
    visibility: hidden;
  }
  .detail-header-pic img {
    width: 55px;
    height: 55px;
  }  
  .detail-header-body {
    overflow: inherit;
  }  
  .detail-ctrl {
    margin-left: -5px;
    float: inherit;
    
    z-index: 201;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
  }
  .detail-ctrl .btn-group,
  .detail-ctrl .input-group {
    float: left;
  }
  .detail-ctrl > .btn,
  .detail-ctrl > .btn-group,
  .detail-ctrl > .input-group {
    margin-left: 5px;
  }
  .detail-ctrl .btn-group .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
  }
  .detail-ctrl .btn-group .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
  }
  .detail-ctrl .action-collect,
  .detail-ctrl .action-report {
    font-size: 18px;
  }
}
@media (min-width: 240px) and (max-width: 320px) {
  .detail-ctrl .btn {
    padding: 10px;
  }
  .detail-ctrl .btn .bdsharebuttonbox {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 4px 0 3px;
  }
  .detail-ctrl .btn .bds_more {
    margin: 0 !important;
    width: 16px;
    height: 16px;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
  }
}
@media (min-width: 240px) and (max-width: 640px) {
  .detail-obj .detail-obj-item:nth-child(2) {
    display: none;
  }  
  .detail-progress {
    overflow-x: auto;
  }
  .detail-progress .step {
    width: 780px;
  }  
  .detail-img {
    overflow-x: auto;
  }
  .detail-img .detail-img-item {
    float: inherit;
  }
  .detail-footer-meta.for-user {
    visibility: hidden !important;
    display: none !important;
    visibility: hidden;
  }  
}
@media (min-width: 240px) and (max-width: 640px) {
  .detail-affix-item {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: inherit;
  }  
  .manuscript-item {
	width:100%;
  }  
  .manuscript-item-pic {
    width: 100%;
    float: inherit;
    display: block;
    margin-bottom: 0;
    margin-right: 0;
    padding: 10px;
    border-bottom: 1px solid hsl(var(--my_color_d), 0%, 93%);
  }
  .manuscript-item-pic:before,
  .manuscript-item-pic:after {
    content: "";
    display: table;
  }
  .manuscript-item-pic:after {
    clear: both;
  }
  #ie6 .manuscript-item-pic,
  #ie7 .manuscript-item-pic {
    zoom: 1;
  }
  .manuscript-item-pic:before,
  .manuscript-item-pic:after {
    content: "";
    display: table;
  }
  .manuscript-item-pic:after {
    clear: both;
  }
  #ie6 .manuscript-item-pic,
  #ie7 .manuscript-item-pic {
    zoom: 1;
  }
  .manuscript-item-pic img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .manuscript-item-pic .btn {
    width: 100px;
    overflow: hidden;
  }
}
@media (min-width: 240px) and (max-width: 640px) {
  .manuscript-img {
    overflow-x: auto;
    white-space: nowrap;
  }
  .manuscript-img .manuscript-img-item {
    float: inherit;
  }
  .manuscript-item-content {
    overflow: inherit;
  }  
}
@media (min-width: 240px) and (max-width: 640px) {
  .manuscript-item-body {
    overflow: inherit;
    border: none;
  }  
  #goodslist .list-img .list-item {
    width: 46%;
  }
  #goodslist .list-img .list-item-img {
    width: 100%;
    height: 100%;
  }
  .goodslist-body li.goodslist-item {
    width: 184px;
    padding: 10px;
    background: #EEE;
    border: solid 1px #ccc;
    float: left;
    margin-left: 9px;
    margin-top: 9px;
    position: relative;
  }  
}
@media (min-width: 240px) and (max-width: 640px) {
  .page-header {
    margin-top: 0;
  }  
  .article-body {
    padding: 0px;
  }  
  .pager li > a {
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .release-nav {
    white-space: nowrap;
    overflow: auto;
  }
  .release-nav ul li a {
    width: 6em;
  }  
}
.release-form form {
  padding: 10px;
  margin-top:-15px;
}
@media (min-width: 240px) and (max-width: 640px) {
  .friend-link {
    display: none;
  }
  .footer-copyright > p:not( :nth-child(1)) {
    display: none;
  }
  .header {
    margin-top: 10px;
    margin-bottom: -10px;
  }
  .ui-header-search{
    margin-right: 0;
    width: auto;
    max-width: 690px;
  } 
  .header-or{
    display: none;
  }
  .navbar-header{
    height: 45px;
  }  
  .release-btnBox{
    display: none;
  }
  .navbar-toggle {
      padding: 5px 10px;
  }    
}
@media (min-width: 980px) and (max-width: 1280px){
  .ui-header-search {
      width: 700px;
  }
  .header-search .search-input {
      width: 72%;
  }
}
@media (min-width: 768px) and (max-width: 979px){
  .ui-header-search {
    width: 285px;
  }
  .header-search .search-input {
      width: 48%;
  }
  .all-tasktype-header{
    display: inline-block;
    width: 200px;
    text-align: left;
  }
  .all-tasktype-header .fa-exchange{
    margin: 0 10px 0 20px;
  } 
  .category-list.category-xs{
    display: none;
  }
  #tasklist .list-filter label.col-xs-1,
  #goodslist .list-filter label.col-xs-1,
  #sellerlist .list-filter label.col-xs-1,
  #case .list-filter label.col-xs-1{
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-top: -10px;
    text-align: left;
  }         
}
@media (min-width: 640px) and (max-width: 767px){
  .site-themeNav{
    height: 50px;
  }
  .ui-header-search {
    width: 285px;
  }
  .header-search .search-input {
      width: 48%;
  }
  .all-tasktype-header{
    display:none;
  }
  .category-xs:hover .category-down{
    display: block;
  }
  #tasklist .list-filter label.col-xs-1,
  #goodslist .list-filter label.col-xs-1,
  #sellerlist .list-filter label.col-xs-1,
  #case .list-filter label.col-xs-1{
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-top: -10px;
    text-align: left;
  } 
}
@media (min-width: 240px) and (max-width: 767px){
  .category-list.category-xs{
    display: inline-block;
    margin-bottom: 10px;
  }
  .category-xs:hover .category-down{
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;    
  }    
  .list-filter{
    display: block;
  }
  #tasklist .list-filter label.col-xs-1,
  #goodslist .list-filter label.col-xs-1,
  #sellerlist .list-filter label.col-xs-1,
  #case .list-filter label.col-xs-1{
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-top: -10px;
    text-align: left;
  }   
}
@media (min-width: 240px) and (max-width: 767px) {
  .category-list{
    position: relative;
    z-index: 8;
    top: 11px;
  }
  .category-list a.category-title {
    min-width: 100px;
    line-height: 25px;
    padding-left:10px;
    cursor: default;
    text-align: center;
    color: #000;
  }
  .category-list:hover .category-title{
    background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
    color: #EEE;
  }  
  .category-list.category-xs + .tab {
    overflow: visible;
  }  
  .category-list:hover .category-down {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  .category-list .category-down {
    width: auto;
    min-width: 230px;
    position: fixed;
    left: 0;
    top: 146px;
    right: 0;
    bottom: 0;
    padding-bottom: 120px;
    overflow: auto;
    border: none;
    border-top: 2px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
    display: block;
    opacity: 0;
    background-color: rgba(0,0,0,0.7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2000000',endColorstr='#b2000000');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2000000',endColorstr='#b2000000');
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
  .category-list .category-down:before {
    display: block;
    text-align: center;
    color: hsl(var(--my_color_d), 0%, 93%);
    font-size:12px;
    padding: 15px;
    content: '选择分类';
  } 
  .category-list .category-item {
    margin: 10px;
  }
  .category-list .category-top {
    display: none;
  }
  .category-list .category-inner {
    display: block;
    position: static;
    border: none;
    background: hsl(var(--my_color_d), 0%, 93%);
  }
  .category-list .category-inner a {
    width: 30%;
    margin-left: 0;
    margin-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .category-list .category-inner-title {
    line-height: 50px;
  }
}
@media (min-width: 641px) and (max-width: 980px){
  .goodslist-body li.goodslist-item {
    width: 202px;
    padding: 10px;
    background: #EEE;
    border: solid 1px #ccc;
    float: left;
    margin-left: 24px;
    margin-top: 24px;
    position: relative;
  }
}
@media (min-width: 240px) and (max-width: 640px){
  .goodslist-body {
    width: 645px;
    height: auto;
    padding: 0 0 30px;
    overflow: hidden;
    background: #EEE;
  }
  .goodslist-body li.goodslist-item {
    width: 202px;
    padding: 10px;
    background: #EEE;
    border: solid 1px #ccc;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
  }
  .ui-header-search {
    margin-right: 0;
    width: auto;
    max-width: 690px;
  }

}
@media (min-width: 240px) and (max-width: 1024px){
  #case-main{
    width: 101%;
  }
  #case-main .list .list-item {
    background: hsl(var(--my_color_d), 0%, 93%);
    width: 470px;
    position: relative;
    border: solid 1px #eee;
    border-bottom: solid 1px #eee;    
  }
  #case-main .list .list-body{
    padding: 10px;
  }    
}
@media (min-width: 240px) and (max-width: 320px){
  .header-search .search-input {
    width: 51.5%;
  }
}
@media (min-width: 321px) and (max-width: 375px){
  .header-search .search-input {
      width: 66.5%;
  }
}
@media (min-width: 981px) and (max-width: 1279px){
  #case-main {
    width: 960px;
    margin: 0 5px;
    background: #EEE;
  }
  #case .case-list .case-list-item {
    width: 262px;
    height: 222px;
    border: solid 1px hsl(var(--my_color_d), 0%, 90%);
    margin: 25px 0 0 41px;
  }
  #case .case-list .case-list-img {
    display: block;
    width: 260px;
    height: 180px;
    position: relative;
  }
  #case .case-list .case-list-img .case-pic {
      display: inline-block;
      width: 100%;
      height: 180px;
  }
  .case-list-detailBox {
      display: inline-block;
      display: none;
      width: 100%;
      padding: 10px;
      background: rgba(255, 254, 242, 1);
      position: absolute;
      left: 0;
      bottom: 0;
  }     
}




.wk_home{ display: none;margin-top:48px;  height: auto;  overflow: hidden;width: 100%; border-bottom:15px solid hsl(var(--my_color_d), 0%, 92%); padding-bottom:10px; float:left;}
.wk_home a { color: hsl(var(--my_color_d), 0%, var(--my_color_f5));  float: left;  
 height: auto;  margin-top: 10px;  text-align: center;  width:25%; overflow:hidden; }
.wk_home a img { width:50px; height:50px; }
.wk_home a span { display: block;height:30px;line-height:30px; overflow: hidden; text-align: center; width:100%; margin:5px auto 0;}
footer { 
  width:100%;
  bottom:0px;
  background-color:hsl(var(--my_color_d), 0%, 94%); 
  z-index:100;
  display: none;
}

footer > nav {  height: 65px; overflow: hidden;}
footer > nav > a{ color: #000; float: left; font-size: 12px;  text-align: center; letter-spacing:2px; width: 20%;}
footer > nav > a > img{  display:block; margin:5px auto 0px;  width:50%;}
footer > nav > a.active{ background-color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));} 
footer > nav > a:hover{ color:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50));}

@media (min-width: 240px) and (max-width: 640px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-top {
        display:none;
    }
    .header{
        margin:0;
    }
    .header-website {
    display:none;
  }
  .site-themeNav{
      margin:0;
      position: fixed;
      width:100%;
      z-index: 9;
  }
  .navbar-header{
    text-align: center;
  }
  .home-top{
      display:none;
  }
  .wk_home{display:block;}
  footer{display:block;}
  .site-themeNav-buttom{height:50px;}
  .header-function{right:50px;top:40px;z-index:10;}  
  .header-function:hover .header-search,.ui-header-search{padding-top:0;
                                                          height:40px;background:none;position:fixed;top:0px;left:0px;}
  .header-search .search-input{width:60%;}
  .search-selectBtn{height:40px;}
  .input-search{height:40px;}
  .btn-search, .btn-search:hover, .btn-search:focus, .btn-search:active{height:40px;}
}


/* ================================================================================= */
/* 新的手机版样式 2018-3-8 */

.footer-navbar-up{height:60px;}

.footer-navbar{height:50px;position: fixed;bottom: 0;width:100%;text-align: center;z-index:999999;
              border-top: solid 1px hsl(var(--my_color_d), 0%, 94%);background: #fff;font-size:12px;}
.footer-navbar li{width:20%;float:left;}
.footer-navbar li a{display: inline-block;padding-top: 30px;width: 100%;color:#999;}
.footer-navbar li.selected a{color:hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));}
.footer-navbar .index{ background: url(/static/skins/2018/images/icon_item_home_normal.png) no-repeat center 5px;background-size: 23px}
.footer-navbar .index.selected{background-image: url(/static/skins/2018/images/icon_item_home_selected.png);}
.footer-navbar .tasklist{ background: url(/static/skins/2018/images/icon_item_tasklist_normal.png) no-repeat center 5px;;background-size: 23px}
.footer-navbar .tasklist.selected{background-image: url(/static/skins/2018/images/icon_item_tasklist_selected.png);}
.footer-navbar .pubtask{ background: url(/static/skins/2018/images/icon_item_pubtask_normal.png) no-repeat center 5px;;background-size: 23px}
.footer-navbar .pubtask.selected{background-image: url(/static/skins/2018/images/icon_item_pubtask_selected.png);}
.footer-navbar .msg{ background: url(/static/skins/2018/images/icon_item_msg_normal.png) no-repeat center 5px;;background-size: 23px}
.footer-navbar .msg.selected{background-image: url(/static/skins/2018/images/icon_item_msg_selected.png);}
.footer-navbar .mine{ background: url(/static/skins/2018/images/icon_item_mine_normal.png) no-repeat center 7px;;background-size: 18px}
.footer-navbar .mine.selected{background-image: url(/static/skins/2018/images/icon_item_mine_selected.png);}




.type-items label{
    padding: 0 4px;
    height: 24px;
    line-height: 24px;
    transition: all .2s;
    cursor: pointer;
    margin-bottom: 6px;
    margin-right: 10px;
    font-size: 12px;
    width: 62px;
	display: inline-block;color:#000; text-align: center;  border-radius:30px; box-shadow:1px 1px 1px 1px rgba(0,0,0,.6) inset;cursor:pointer;
                      background: hsl(var(--my_color_d), 0%, 89%);
			          background: -moz-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), 0%, 97%)), to(hsl(var(--my_color_d), 0%, 89%)));
			          background: -webkit-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: -o-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			          background: linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
					  letter-spacing:1px;
}
.type-items label.selected{
    color:#fff;
    background:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.type-items input{
    display: none;
}
}

/*新增部分*/

.list {
  border: none;
}
.list.list-dl .list-item-footer {
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -10px;
}
.list.list-img {
  overflow: hidden;
}
.list.list-img:before,
.list.list-img:after {
  content: "";
  display: table;
}
.list.list-img:after {
  clear: both;
}
#ie6 .list.list-img,
#ie7 .list.list-img {
  zoom: 1;
}
.list.list-img:before,
.list.list-img:after {
  content: "";
  display: table;
}
.list.list-img:after {
  clear: both;
}
#ie6 .list.list-img,
#ie7 .list.list-img {
  zoom: 1;
}
.list.list-img .list-body {
  width: 105%;
}
.list.list-img .list-title {
  line-height: 35px;
}
.list.list-img .list-item {
  width: 179px;
  margin: 0 10px 10px 0;
  padding: 0 10px;
}
.list.list-img .list-item-img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.list.list-img .list-item-img img {
  max-width: 100%;
}
.list.list-img .list-item-img .action-collect {
  position: absolute;
  bottom: 0;
  right: 0;
  background: hsl(var(--my_color_d), 0%, 100%);
  padding: 2px 5px;
}
.list.list-img .list-item-img .marked-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.list.list-img .list-item-footer .poster {
  display: inline;
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list.list-img .list-item-footer .money {
  display: inline;
  float: left;
  width: 50%;
  float: right;
  text-align: right;
}
.list.list-img .poster {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  text-decoration: none;
}
.list.list-img .poster:hover {
  color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}
.list.list-img .avatar {
  display: inline-block;
  margin-right: 3px;
  width: 20px;
  height: 20px;
  line-height: 35px;
  vertical-align: middle;
}
.list.list-img .avatar img {
  width: 20px;
  height: 20px;
  display: block;
}
.list.list-img .list-item-type {
  display: inline-block;
  font-weight: normal;
}
.list .list-body:before,
.list .list-body:after {
  content: "";
  display: table;
}
.list .list-body:after {
  clear: both;
}
#ie6 .list .list-body,
#ie7 .list .list-body {
  zoom: 1;
}
.list .list-body:before,
.list .list-body:after {
  content: "";
  display: table;
}
.list .list-body:after {
  clear: both;
}
#ie6 .list .list-body,
#ie7 .list .list-body {
  zoom: 1;
}
.list .list-item-footer {
  line-height: 30px;
}
.list .list-item-footer:before,
.list .list-item-footer:after {
  content: "";
  display: table;
}
.list .list-item-footer:after {
  clear: both;
}
#ie6 .list .list-item-footer,
#ie7 .list .list-item-footer {
  zoom: 1;
}
.list .list-item-footer:before,
.list .list-item-footer:after {
  content: "";
  display: table;
}
.list .list-item-footer:after {
  clear: both;
}
#ie6 .list .list-item-footer,
#ie7 .list .list-item-footer {
  zoom: 1;
}
.list .list-label {
  background: hsl(var(--my_color_d), 0%, 98%);
  line-height: 30px;
  border: 1px solid hsl(var(--my_color_d), var(--my_color_e65), 71%);
  margin-bottom: -1px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  text-align: left;
  padding-left: 10px;
}
.list .list-label:before,
.list .list-label:after {
  content: "";
  display: table;
}
.list .list-label:after {
  clear: both;
}
#ie6 .list .list-label,
#ie7 .list .list-label {
  zoom: 1;
}
.list .list-label:before,
.list .list-label:after {
  content: "";
  display: table;
}
.list .list-label:after {
  clear: both;
}
#ie6 .list .list-label,
#ie7 .list .list-label {
  zoom: 1;
}
.list .list-item {
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  padding: 20px 15px 15px 15px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  font-size: 12px;
  line-height: 20px;
  border-radius:0px;
  background: #fff;
  width:89%;
  margin:25px auto;
  
}
.list .list-item:hover {
  background: #fff;
}
.list .list-item:hover .list-visible {
  display: block;
}
.list .list-item-body {
  display: block;
}
.list .list-item-body:before,
.list .list-item-body:after {
  content: "";
  display: table;
}
.list .list-item-body:after {
  clear: both;
}
#ie6 .list .list-item-body,
#ie7 .list .list-item-body {
  zoom: 1;
}
.list .list-item-body:before,
.list .list-item-body:after {
  content: "";
  display: table;
}
.list .list-item-body:after {
  clear: both;
}
#ie6 .list .list-item-body,
#ie7 .list .list-item-body {
  zoom: 1;
}
.list .list-item-min {
  border-bottom: 1px dashed hsl(var(--my_color_d), 0%, 84%);
  margin-left: -10px;
  padding-left: 10px;
  line-height: 30px;
}
.list .list-item-min .list-title {
  font-size: 12px;
  font-weight: normal;
}
.list .list-visible {
  display: none;
  margin-top: 10px;
}
.list .list-desc {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  min-height: 15px;

  word-wrap: break-word !important;
  word-break: normal !important;
}
.list .list-pic {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
  display: inline;
}
.list .list-pic img {
  width: 100px;
  height: 100px;
}
.list .list-obj {
  overflow: hidden;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
}
.list .list-obj-item {
  line-height: 25px;
}
.list .list-obj-item a {
  white-space: nowrap;
  display: inline-block;
  margin-right: 5px;
}
.list-page:before,
.list-page:after {
  content: "";
  display: table;
}
.list-page:after {
  clear: both;
}
#ie6 .list-page,
#ie7 .list-page {
  zoom: 1;
}
.list-page:before,
.list-page:after {
  content: "";
  display: table;
}
.list-page:after {
  clear: both;
}
#ie6 .list-page,
#ie7 .list-page {
  zoom: 1;
}
.list-page .page-tips {
  font-size: 12px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  line-height: 30px;
}
.list-page .pagination {
  margin-top: 0;
}
.action-collect {
  font-size:12px;
  color: rgba(102, 102, 102, 0.6);
}
.action-collect.on,
.action-collect:hover {
  color: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));
  text-decoration: none;
}
.category-list {
  position: relative;
  z-index: 10;
  float: left;
  margin-right: 2px;
}
.category-list > a {
  text-decoration: none;
}
.category-list a {
  display: inline-block;
  white-space: nowrap;
}
.category-list a.category-title {
  min-width: 100px;
  line-height: 35px;
  text-align: center;
  font-weight: bolder;
  padding: 0 15px;
  color: hsl(var(--my_color_d), 0%, 100%);
  background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}
.category-list a.action {
  color: hsl(var(--my_color_d), 0%, 100%);
  background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}
.category-list:hover {
  z-index: 11;
}
.category-list:hover .category-down {
  display: block;
}
.category-down {
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f40));
  top: 100%;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  background: hsl(var(--my_color_d), 0%, 98%);
  min-width: 230px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.category-down a {
  line-height: 30px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.category-down a.hot {
  color: hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f50));
}
.category-down .category-item {
  position: relative;
  z-index: 1;
  border: 1px solid hsl(var(--my_color_d), 0%, 93%);
  border-width: 0 0 1px;
}
.category-down .category-item:hover {
  background: #fff;
  border-right-color: hsl(var(--my_color_d), 0%, 100%);
}
.category-down .category-item:hover .category-inner {
  display: block;
}
.category-down .category-item:hover .category-top {
  background: hsl(var(--my_color_d), 0%, 100%);
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  border-right-color: hsl(var(--my_color_d), 0%, 100%);
  right: -1px;
}
.category-down .category-item .fa-angle-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  cursor: default;
  background: hsl(var(--my_color_d), 0%, 98%);
}
.category-down .category-item .category-top {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 228px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  line-height: 35px;
  border: 1px solid hsl(var(--my_color_d), 0%, 98%);
}
.category-down .category-item .category-top a {
  display: inline;
}
.category-inner {
  display: none;
  position: absolute;
  z-index: 2;
  background: hsl(var(--my_color_d), 0%, 100%);
  border: 1px solid hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  top: 0;
  left: 100%;
  min-width: 230px;
  padding-left: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.category-inner a {
  font-size: 12px;
  line-height: 18px;
  padding-right: 10px;
  border-right: 1px solid hsl(var(--my_color_d), 0%, 93%);
  margin: 5px 8px 5px 0;
}
.category-inner-title {
  font-size:12px;
  border-bottom: 1px dashed hsl(var(--my_color_d), 0%, 93%);
  line-height: 35px;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
  margin-bottom: 5px;
}

/*手机任务详情页面专用*/
.task .detail-header{background:#fff;border:solid 1px hsl(var(--my_color_d), 0%, 87%); padding:40px; position: relative;height:400px;box-shadow:0 0px 12px 1px rgba(0,0,0,.2);}
.task .detail-title{font-size:17px;padding:0px 0px 5px 0px;line-height:35px;font-weight:normal;}
.task .task-r{margin-top:0;}

.task .detail-header-pic{width: 230px;float:left;margin-right: 20px;}
.task .detail-header-pic img{width:200px;height:200px;display: inline-block;padding:15px; box-shadow:0 0px 12px 1px rgba(0,0,0,.2) ;border-radius:30px;}
.task .detail-header-pic .btn{background: hsl(var(--my_color_d), 0%, 95%);padding:5px 10px;display: inline-block;
                              width:50px;margin-top: 10px;text-align: center;color:#999;}
.task .detail-header-pic .action{height:50px;line-height: 50px;text-align: center;}
.task .detail-header-pic .action a{padding:0 10px;}
.task .detail-obj-item {margin-top: 10px;}
.task .detail-obj-item div{display: inline-block;}
.task .detail-obj-item .method,
.task .detail-obj-item .marked{height:25px;color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));border:solid 1px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));padding:0 20px;
                               line-height: 25px;margin-right: 20px;}
.task .detail-footer-meta{line-height: 38px;margin-top: 10px;width:100%;}
.task .detail-footer-meta li {color:hsl(var(--my_color_d), 0%, var(--my_color_f5));font-family:Arial;font-size:14px; border-bottom: 0px dotted hsl(var(--my_color_d), 0%, 79%);padding-left:0px;}
.task .detail-footer-meta li a{color:hsl(var(--my_color_d), 0%, var(--my_color_f5));}
.task .detail-footer-meta .rela a{color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))}
.task .detail-ctrl{padding-top:30px;padding-bottom:30px;}
.task .detail-ctrl .btn-group{display: inline-block;}
.task .detail-ctrl .btn{display: inline-block;margin-right: 10px;height: 30px;
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
           			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			          background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));padding:5px 20px;
                        line-height: 30px;border-radius: 30px;color:#fff;font-size:14px;font-weight: bold;}
.task .detail-ctrl .btn.action-collect{background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55));}
.task .detail-ctrl .on{color:#ff0;}
.task .detail-ctrl .bdshare-button-style1-16::after{display: inline-block;}
.task .detail-ctrl .bdshare-button-style1-16 a{margin:0;float:none;}
.layui-layer-tips .layui-layer-content{font-size:14px;padding:8px 13px;color:#f00;border:solid 1px #f00;background: #fff;}
.layui-layer-tips i.layui-layer-TipsB{border-right-color:transparent !important;top:-16px;border-bottom-color: #f00;left:15px;}

.task .detail-footer-meta.for-user{margin-left: 0;}



.body-lf{
    width: 100%;
}
@media (min-width:481px) and (max-width:768px){
    #task .modal-dialog{
        width: 740px;
        margin: auto;
    }

}
@media (min-width:320px) and (max-width:480px){
    #task .modal-dialog{
        width: 300px;
        margin: auto;
    }
}
@media (min-width:320px) and (max-width:480px){
    .media-body{width: auto;}
}
@media (min-width:320px) and (max-width:480px){
    .media-body_details .title_lf{width: 50%}
    .media-body_details .title_rg{width: 50%}
}
@media (min-width:320px) and (max-width:480px){
     #task .detail-progress{    
        word-wrap:break-word;
     }
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  width:96%;
  margin:0 auto;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 40px 0px 10px 0px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: hsl(var(--my_color_d), 0%, var(--my_color_f5));
}
.modal-beijing {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:rgba(0,0,0,.4);
  z-index:-2
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header .close {
  margin-top: 2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid hsl(var(--my_color_d), 0%, 90%);
  
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal .inner {
  min-height: 30px;
  /*background: url('@{img-path}loading.gif') no-repeat center;*/
}
.confirm_modal .inner {
  
}
.modal-header {
height:28px;
font-size:13px!important;
color:#fff!important;
padding: 5px 15px 5px;
letter-spacing:1px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));background: -ms-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
}
.modal-header h3 {
font-size:13px!important;
color:#fff!important;
letter-spacing:1px;
font-family:SimSun, SimSun,-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft YaHei","微软雅黑",arial,Tahoma,SimSun,sans-serif!important;
}
.modal-content {
  overflow: hidden;
  position: relative;
  background-clip: padding-box;
  outline: 0;
  font-size:13px!important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background:#fff;
  box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-webkit-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-moz-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-ms-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;-o-box-shadow:0px 3px 0px 0px rgba(255, 255, 255,.6), 0px 6px 15px #999;

}
.modal-body {
}
.modal-body .alert {
  margin: 0px;
}
.modal-body .media {
  overflow: hidden;
}
.modal-footer {
  padding: 10px 15px 0;
  margin-top: 10px;
}
.modal-backdrop {
  z-index: 1020;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.form-control {
  display: block;
  width: 96%;
  padding: 5px 5px 5px 10px;
  margin:0px 0px 10px;
  font-size: 12px;
  line-height: 1.42857143;
  color: hsl(var(--my_color_d), 0%, var(--my_color_f30));
  background: hsl(var(--my_color_d), 0%, 89%);
			     background: -moz-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			     background: -webkit-gradinet(linear, left top,left bottom, from(hsl(var(--my_color_d), 0%, 97%)), to(hsl(var(--my_color_d), 0%, 89%)));
			     background: -webkit-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			     background: -o-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			     background: linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  /* border-color: hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f65));
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); */
}
.form-control::-moz-placeholder {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.form-control::-webkit-input-placeholder {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f60));
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: hsl(var(--my_color_d), 0%, 93%);
  opacity: 1;
}
textarea.form-control {
  height: auto;
  background:#fff;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 30px;
  line-height: 1.5 \0;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
  line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
  line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
  line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
  line-height: 1.33;
}
.radio,
.checkbox {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm,
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.input-lg,
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg,
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35));
}
.has-success .form-control {
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35));
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f25));
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55));
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55));
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f55));
}
.has-success .input-group-addon {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35));
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35));
  background-color: hsl(var(--my_color_d), var(--my_color_e30), 89%);
}
.has-success .form-control-feedback {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f35));
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f35));
}
.has-warning .form-control {
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f35));
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f25));
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f55));
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f55));
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f55));
}
.has-warning .input-group-addon {
  color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f35));
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f35));
  background-color: hsl(var(--my_color_d), var(--my_color_e70), 94%);
}
.has-warning .form-control-feedback {
  color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f35));
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f50));
}
.has-error .form-control {
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f50));
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f35));
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f65));
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f65));
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f65));
}
.has-error .input-group-addon {
  color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f50));
  background-color: hsl(var(--my_color_d), var(--my_color_e30), 91%);
}
.has-error .form-control-feedback {
  color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f50));
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  font-size:12px;
  margin-bottom: 0px;
  margin-top:-5px;
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 5px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  /* vertical-align: middle; */
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 3px 12px;
  font-size: 11px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-default {display: inline-block;color:#fff; text-align: center; padding:3px 10px;line-height:12px;margin-bottom:15px;
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
           			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			          background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					  cursor:pointer;
                      border-radius:30px;
					  text-shadow: 1px 1px 2px rgba(0,0,0,.3);
					  letter-spacing:1px;
					  box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;}
.btn-default:active {top:3px;background-image: linear-gradient(bottom, hsl(var(--my_color_d), 15%, var(--my_color_f20)) 100%, hsl(var(--my_color_d), 13%, var(--my_color_f35)) 0%);
box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 12%, var(--my_color_f55)), 0px 2px 0px 0px hsl(var(--my_color_d), 22%, var(--my_color_f15)), 0px 5px 3px #999;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: hsl(var(--my_color_d), 0%, 90%);
  border-color: hsl(var(--my_color_d), 0%, var(--my_color_f65));
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: hsl(var(--my_color_d), 0%, 93%);
  border-color: hsl(var(--my_color_d), 0%, 80%);
}
.btn-default .badge {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), 0%, var(--my_color_f20));
}
.btn-primary {display: inline-block;color:#fff; text-align: center; 
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
           			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			          background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					  cursor:pointer;
                      border-radius:0px;
					  letter-spacing:1px;
					  box-shadow:1px 1px 1px 1px rgba(0,0,0,.6)}
.btn-primary:hover{display: inline-block;color:#000;
              text-align: center;
			  background: hsl(var(--my_color_d), 0%, 96%);
              border-radius:30px;
			  color:#666;
			  cursor:pointer;
			  box-shadow:0px 0px 8px 2px rgba(0,0,0,.3) inset;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f40));
}
.btn-primary .badge {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  background-color: hsl(var(--my_color_d), 0%, 93%);
}
.btn-success {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f40));
  border-color: hsl(var(--my_color_d), var(--my_color_e30), var(--my_color_f35));
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
}
.btn-success .badge {
  color: hsl(var(--my_color_d), var(--my_color_e25), var(--my_color_f50));
  background-color: hsl(var(--my_color_d), 0%, 93%);
}
.btn-info {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f60));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f55));
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f40));
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f60));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f55));
}
.btn-info .badge {
  color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f60));
  background-color: hsl(var(--my_color_d), 0%, 93%);
}
.btn-warning {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60));
  border-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f55));
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f50));
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60));
  border-color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f55));
}
.btn-warning .badge {
  color: hsl(var(--my_color_d), var(--my_color_e70), var(--my_color_f60));
  background-color: hsl(var(--my_color_d), 0%, 93%);
}
.btn-danger {
display: inline-block;color:#fff; text-align: center; padding:3px 10px;line-height:12px;
                      background: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
           			  background: -moz-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -webkit-gradinet(linear, left top, left bottom,from(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65))), to(hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50))));
			          background: -webkit-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: -o-linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
			          background: linear-gradient(hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)), hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)));
					  cursor:pointer;
                      border-radius:30px;
					  text-shadow: 1px 1px 2px rgba(0,0,0,.3);
					  letter-spacing:1px;
					  box-shadow:  0px 5px 0px 0px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f35)), 0px 10px 5px #999;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: hsl(var(--my_color_d), 0%, 93%);
  background-color: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f50));
  border-color: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f40));
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  border-color: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f50));
}
.btn-danger .badge {
  color: hsl(var(--my_color_d), var(--my_color_e50), var(--my_color_f55));
  background-color: hsl(var(--my_color_d), 0%, 93%);
}
.btn-link {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f30));
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: hsl(var(--my_color_d), 0%, var(--my_color_f50));
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 6px 10px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 3px 6px 2px;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.clearfix:before,
.clearfix:after,