html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

.row{margin-right:-15px;margin-left:-15px}.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:15px;padding-left:15px}.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}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #60C4FD;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1FAEFF;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin: 20px 0;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  font-size: 12px;
}
.table tr{
  border-bottom: 1px solid #eee;
}
.table tr:nth-child(even){
  background-color: #fbfbfb;
}
.table th{
  background-color: #f6f6f6;
}
.table td, .table th{
  padding: 10px 10px;
 }
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-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: #66afe9;
  outline: 0;
  -webkit-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: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
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;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  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"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.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-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.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 {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-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: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-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: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-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: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@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 .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 {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
@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;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.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 {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default{
    border-color: #d6d6d6;
    color: #888;
}
.btn-default:hover,
.btn-default:focus{
    border-color: #bbb;
    color: #444;
}
.btn-white{
    border-color: #fff;
    color: #fff;
}
.btn-white:hover,
.btn-white:focus{
    border-color: #fff;
    color: #61B3E6;
    background-color: #fff;
}

.btn-primary{
    border-color: #61B3E6;
    background-color: #61B3E6;
    color: #fff;
    
}
.btn-primary:hover,
.btn-primary:focus{
    color: #fff;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.btn-danger{
    border-color: #FD8C84;
    background-color: #FD8C84;
    color: #fff;
}
.btn-danger:hover,
.btn-danger:focus{
    color: #fff;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.btn-info{
    border-color: #60C4FD;
    background-color: #60C4FD;
    color: #fff;
}
.btn-info:hover,
.btn-info:focus{
    color: #fff;
    opacity: 0.85;
    filter: alpha(opacity=85);
}


.btn-lg {
  padding: 12px 35px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 3px;
}
.btn-sm {
  padding: 5px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 2px;
}
.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%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.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: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-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: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.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: #777777;
  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;
  }
}

.label {
  display: inline;
  padding: 0 3px;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #6EC7C0;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #54BDB5;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-heading .badge {
  color: #428bca;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -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: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.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 #e5e5e5;
}
.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-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 4px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 2px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.container:before,
.container:after,
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.container:after,
.clearfix:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.nav:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.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;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

body{
	background-color: #f1f1f1;
	position: relative;
	margin-top: 79px;
}
.container{
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
}
.header{
	/*margin-left: -280px;*/
	/*margin-top: -99px;*/
	height: 64px;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	padding: 0 15px;
	border-bottom: 1px solid #e6e6e6;
	/*box-shadow: 0 1px 4px rgba(0,0,0,.05);*/
	border-color: rgba(0,0,0,.1);
	box-shadow: 0 1px 4px rgba(0,0,0,.04)

}


.content-wrap {
	width: 100%;
	float: left;
}
.content {
	position: relative;
	min-height: 500px;
	/*padding: 20px;*/
	margin-right: 375px;
	background-color: #fff;
	margin-bottom: 15px;
}
.sidebar {
	float: left;
	margin-left: -360px;
	width: 360px;
	position: relative;
}

.single .content{
	padding: 0 25px;
}
.single .content::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-top: 20px solid #ECF0F1;
	border-left: 20px solid transparent;
}


/* logo ======================================================================================================== */
.logo{
	overflow: hidden;
	float: left;
	width: 137px;
}
.logo a{
	height: 64px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* navbar ======================================================================================================== */

.navbar{
	float: left;
	margin: 16px 0 0 30px;
	font-size: 15px;
	line-height: 32px;
}
.navbar li{
	position: relative;
	float: left;
}
.navbar li:hover{z-index: 2}
.navbar a{
	display: block;
	padding: 0 12px;
	color: #666;
}
.navbar li:hover > a,
.navbar li.active a:hover,
.navbar a:hover{
	color: #fff;
	background-color: #61B3E6;
	border-radius: 2px;
}

.navbar li.active > a{
	color: #61B3E6;
}

.navbar .sub-menu{display: none;position: absolute;top: 100%;left: 0;background-color: #fff;font-size: 12px;font-weight: bold;padding: 4px 0;border: 1px solid #61B3E6;margin-top: -1px;width: 120px;box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7), -1px 1px 0 rgba(255, 255, 255, 0.7);border-radius: 0 2px 2px 2px;line-height: 27px;}
.navbar .sub-menu li{float: none;}
.navbar .sub-menu a:hover{border-radius: 0}
.navbar li:hover > .sub-menu{display: block;}

.navbar .caret{position: relative;top: -1px;}
.navbar .fa{width: 15px;}


/* user-welcome ======================================================================================================== */
.topbar-user{
	 float: right; 
	margin-top: 16px;
	
}
.user-welcome{
	padding: 2px 12px 2px 2px;
	color: #fff;
	display: block;
	background-color: #61B3E6;
	border-radius: 2px;
	font-size: 12px;
	max-width: 150px;
	overflow: hidden;
	height: 32px;
	margin-left: 10px;
}
.user-welcome .avatar{
	width: 28px;
	height: 28px;
	border-radius: 2px;
	margin-right: 8px;
}
.user-welcome:hover{
	color: #fff;
	opacity: 0.85;filter:alpha(opacity=85);
}
.user-welcome span{
	position: relative;
	top: 2px;
}

.user-signin{
	margin-left: 5px;
}
.user-signin a{
	min-width: 60px;
	margin-left: 5px;
}

.user-signin .btn-sm{padding: 6px 12px;}

.sign-info{font-size: 12px;clear: both;	margin-top: 10px;}


.searchform{float:right;margin: 16px 0 0 0;}
.search-input{float:left;color:#999;border:solid 1px #ddd;width:180px;height: 32px;padding: 4px 7px;border-right: none;font-size: 12px;border-radius: 2px 0 0 2px;outline: none}
.search-input:focus{border-color: #68B7E9;}
.search-btn{color:#fff;border: none;background: #61B3E6;height: 32px;font-size: 12px;padding: 0 12px;border-radius: 0 2px 2px 0;}
.search-btn:hover, .search-btn:focus{color:#fff;opacity: 0.85;filter:alpha(opacity=85);}
.search-btn .fa{font-size: 14px;width: 14px;}


/* branding ======================================================================================================== */
.branding{
	text-align: center;
	padding: 70px 20px;
}
.branding h1, .branding h2{
	margin: 0 0 20px;
	font-size: 33px;
}
.branding h1 .fa,
.branding h2 .fa{
	display: block;
	margin-bottom: 10px;
}

.branding-primary{
	background-color: #61B3E6;
	color: #fff;
}
.branding-primary p{
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	margin-bottom: 0;
}
.branding-primary p strong{
	color: #2C7EB3;
}

.branding-white{
	background-color: #fff;
}
.branding-white h1{
	color: #888;
}
.branding-mt0{
	margin-top: -15px;
}
.branding-sm{
	padding-top: 40px;
	padding-bottom: 40px;
}
.branding-mb{
	margin-bottom: 15px;
}


/* newmsgs ======================================================================================================== */
.newmsgs{
	margin-bottom: 15px;
	background-color: #55A5D8;
	padding: 7px 20px 8px;
}
.newmsgs ul{
	list-style: disc;
	padding-left: 18px;
	color: #eee;
	margin-right: -1%;
}
.newmsgs li{
	float: left;
	width: 24%;
	margin-right: 1%;
}
.newmsgs a{
	/*margin-right: 2%;*/
	font-size: 12px;
	color: #DDEDF7;
}
.newmsgs a:hover{
	color: #fff;
}
.newmsgs .ring{
	margin-bottom: -1px;
	/*margin-left: -26px;*/
}



.ring{
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid transparent;
	/*background-color: #fff;*/
	border-radius: 50%;
	box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff, inset 1px -1px 0 #fff, inset -1px 1px 0 #fff;
}
.ring-01{
	background-color: #FD8C84;
	border-color: #FD8C84;
}
.ring-02{
	background-color: #F2A571;
	border-color: #F2A571;
}
.ring-03{
	background-color: #61B3E6;
	border-color: #61B3E6;
}
.ring-04{
	background-color: #ADDA91;
	border-color: #ADDA91;
}

/* title ======================================================================================================== */
.title{
	border-bottom: 2px solid #eee;
}
.title h3{
	margin: 0;
	padding-bottom: 5px;
	font-size: 20px;
	color: #666D75;
	display: inline-block;
	border-bottom: 2px solid #61B3E6;
	margin-bottom: -2px;
}
.title .pull-right{
	font-size: 12px;
	position: relative;
	bottom: -4px;
}
.title .pull-right a{
	color: #bbb;
}
.title .pull-right a:hover{
	color: #999;
}

/* ads ======================================================================================================== */

.ads-large {
	margin-bottom: 30px;
}
.ads-large img{
	max-width: 100%
}

.ads-post {
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center;
}
.ads-post img{
	max-width: 100%
}

.ads-your{
	display: block;
	background-color: #FBFBFB;
	border: 2px dashed #BBB;
	color: #AAA;
	font-size: 15px;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.ads-your:hover{border-color: #FF5E52;color: #FF5E52;}




/* ebox ======================================================================================================== */
.ebox{
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
}
.ebox-i{
	position: relative;
	float: left;
	width: 50%;
	padding: 15px 15px 20px;
	background-color: #fff;
	color: #777;
	border-bottom: 1px dashed #ddd;
}
.ebox-01,
.ebox-03{border-right: 1px dashed #ddd;}

.ebox-i:hover{
	background-color: #F9F9F9;
}
.ebox-100{
	width: 100%;
	margin-bottom: 0;
	border-bottom: none;
}
/* .ebox-i::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-top: 20px solid #ECF0F1;
	border-left: 20px solid transparent;
} */
.ebox-i p{
	height: 36px;
	overflow: hidden;
	color: #bbb;
}


/* emo ======================================================================================================== */
.emo{
	margin-bottom: 15px;
}
.emo .title{
	/*margin-bottom: 20px;*/
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9;
	height: 48px;
}
.emo .title h3{
	font-size: 20px;
	padding: 13px 0 12px;
	color: #fff;
	background-color: #61B3E6;
	width: 160px;
	text-align: center;
	height: 48px;
}
.emo .title .pull-right{
	margin: 13px 20px 0 0;
}


.elist{
	position: relative;
	float: left;
	width: 60%;
	background-color: #fff;
	
	/*border-right: 1px dashed #ddd;*/
}
.elist ul{
	padding: 22px 20px 13px;
	
}
/* .elist ul::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-top: 20px solid #ECF0F1;
	border-left: 20px solid transparent;
} */
.elist time{
	margin-right: 10px;
	font-size: 12px;
	color: #999;
	position: relative;
	top: -1px;
}
.elist-i{
	overflow: hidden;
	margin-bottom: 10px;
}
.elist-i{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.elist-i a{
	color: #777;
}
.elist-i a:hover{
	color: #61B3E6;
}

.elist-first{
	padding-left: 235px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	height: 172px;
}
.elist-first .focus{
	float: left;
	margin-left: -235px;
}
.elist-first .thumb{
	width: 220px;
	height: 150px;
}
.elist-first h2{
	font-size: 21px;
	margin-top: 5px;
}
.elist-first .note{
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 80px;
	overflow: hidden;
}
.elist-first a{
	color: #666;
}
.elist-first a:hover{
	color: #61B3E6;
}





.eads{
	margin-bottom: 30px;
}
.eads ul{
	margin-right: -1%;
}
.eads li{
	float: left;
	width: 24%;
	margin-right: 1%;
}
.eads a{
	display: block;
	position: relative;
	padding: 23px 20px;
	height: 100px;
	color: #fff;
	opacity: 0.85;
	filter:alpha(opacity=85);
	font-size: 12px;
}
.eads a:hover{
	opacity: 1;
	filter:alpha(opacity=100);
}
.eads a h2{
	margin: 0 0 5px;
	font-size: 18px;
}
.eads a::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-top: 15px solid #F8CB00;
	border-left: 15px solid transparent;
}
.eads-01 a{
	background-color: #FD8C84;
}
.eads-02 a{
	background-color: #A48AD4;
}
.eads-03 a{
	background-color: #61B3E6;
}
.eads-04 a{
	background-color: #5ACFD9;
}







.excerpt{
	padding: 20px 20px 20px 255px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.excerpt:hover{
	background-color: #FBFBFB;
}
.excerpt .focus{
	float: left;
	margin-left: -235px;
	width: 220px;
}
.excerpt .thumb{
	width: 220px;
	height: 150px;
}
.excerpt header{
	margin-bottom: 10px;
}
.excerpt .cat{
	color: #fff;
	background-color: #61B3E6;
	padding: 3px 6px;
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 6px;
}
.excerpt .cat:hover{
	opacity: 0.85;
	filter:alpha(opacity=85);
}
.excerpt .cat i{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #61B3E6;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.excerpt h2{
	display: inline;
	font-size: 18px;
	line-height: 24px;
	margin-top: 0;
	font-weight: bold;
}
.excerpt h2 a{
	color: #555;
}
.excerpt h2 a:hover{
	color: #61B3E6;
}
.excerpt time, .excerpt .pv, .excerpt .pc{
	margin-right: 20px;
}
.excerpt .note{
	font-size: 12px;
	color: #999;
	word-wrap:break-word;
	line-height: 20px;
}
.excerpt .meta{
	color: #999;
	font-size: 12px;
	margin-bottom: 10px;
}
.excerpt .meta .fa{
	margin-right: 4px;
}
.excerpt .meta a{
	color: #999;
	text-decoration: underline;
}
.excerpt .meta a:hover{
	color: #61B3E6;
}

.post-tags{
	color: #ddd;
}
.post-tags a{
	color: #999;
	text-decoration: underline;
}
.post-tags a:hover{
	color: #61B3E6;
}


.excerpt h2 b,
.excerpt .note b{
	font-weight: normal;
	color: #FF5549;
}




.pagetitle{
	padding: 14px 20px 10px;
	border-bottom: 1px solid #e9e9e9;
	background-color: #F9F9F9;
}
.pagetitle h1, .pagetitle h2{
	font-size: 20px;
	margin: 0;
	display: inline-block;
	color: #666;
}
.pagetitle small{
	color: #999;
	margin-left: 20px;
	position: relative;
	top: -3px;
}




/* article content ======================================================================================================== */
.article-header{
	margin-bottom: 20px;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.article-title{margin-top: 0;font-size: 26px;}
.article-title a,
.article-title a:hover{
	color: #555;
	
}
.article-meta{
	font-size: 12px;
	color: #999;
}
.article-meta .item{
	margin-right: 20px;
}

.article-content{font-size:16px;line-height:27px;word-wrap:break-word;}
.article-content img{margin: 5px 0; display:block;max-width:100%;height:auto}
.article-content h3,.article-content h4， .article-content h5{padding-bottom:5px;margin-bottom:25px;font-weight:normal;color: #555;}
.article-content h2{font-size:20px;font-weight:;margin:25px -25px 25px -31px;padding:12px 0 12px 26px;line-height:24px;color: #555;border-left: 5px solid #61B3E6;background-color: #F6F6F6;}
.article-content h3{font-size:18px;padding-bottom: 0;font-weight:bold;}
.article-content h4{font-size:16px;font-weight:bold;}
.article-content h5{font-size:14px;font-weight:bold;}
.article-content ul, .article-content ol{margin:0 0 25px 46px}
.article-content ul{list-style: disc;}
.article-content ol{list-style: decimal;}
.article-content li{margin-bottom: 10px;}
.article-content p{margin-bottom:25px;}
.article-content pre{word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:25px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignnone{margin:0 auto;}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content .wp-caption{margin-bottom: 25px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.article-content .wp-caption img{margin: 0 0 5px;}
.article-content .wp-caption p{margin-bottom: 10px;text-indent: 0;}
.article-content .wp-caption.alignnone{text-align: center;}
.article-content .wp-caption-text{}
.article-content .wp-caption:hover{}
.article-content .wp-caption:hover .wp-caption-text{color: #61B3E6;}
.article-content a{text-decoration:underline;}
.article-content a:hover{}

.article-content pre,.comment pre{margin:20px 0;font:12px/20px 'courier new';background:#272822;padding:10px 15px;color:#F8F8D4;border:none}
.article-content blockquote{margin: 30px 30px;padding: 15px 20px 1px;font-size: 16px;color: #999;border-left: 5px solid #EEE;}
.article-content blockquote p{margin:0;padding:0;margin-bottom: 10px;}

.post-copyright {
	background-color: #eee;
	padding-right: 30px;
	font-size: 12px;
	padding: 3px 0;
	border-radius: 3px;
	color: #aaa;
	text-align: center;
}
.post-copyright a, .post-copyright a:hover {
	color: #aaa;
	text-decoration: none;
}
.post-copyright:hover {
	background-color: #61B3E6;
	color: #fff;
}
.post-copyright:hover a {
	color: #fff;
}

.ads-post-footer b{font-weight:normal;color:#41C282}
.ads-post-footer strong{font-weight:normal;color:#FD6A5E}
.ads-post-footer a{text-decoration:none;border-bottom:solid 2px #eee;}
.ads-post-footer a:hover{border-bottom-color:#1FAEFF;}


.pads{overflow: hidden;padding: 0;margin: 0 -2% 10px 0;}
.pads li{width: 23%;display:inline-block;vertical-align:top;margin-bottom:20px;margin-right: 2%;}
.pads img{max-width: 100%;margin-bottom: 5px;}
.pads h4{font-weight: bold;font-size: 14px;line-height: 18px;color: #666;margin: 0}
.pads time{color: #fff;background-color: #FF5E52;display: inline-block;padding: 2px 5px;font-size: 12px;position: absolute;top: 0;left: 0}
.pads a{display: block;position: relative;}
.pads a:hover h4{color: #FF5E52;}
.pads a:hover time{color: #fff;}


/* article tags
 * ====================================================
*/
.article-tags {
	margin: 30px 0;
	text-align: center;
}
.article-tags a {
	display: inline-block;
	padding: 4px 7px 3px;
	margin: 0 4px 4px 0;
	color: #fff;
	font-size: 12px;
	background-color: #61B3E6;
	opacity: 0.85;
	filter:alpha(opacity=85);
}
.article-tags a:hover {
	color: #fff;
	opacity: 1;
	filter:alpha(opacity=100);
}


.tag-clouds {
	overflow: hidden;
}
.tag-clouds a {
	display: inline-block;
	margin: 0 10px 10px 0;
	color: #999;
	background-color: #eee;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 2px;
}
.tag-clouds a small{
	margin-left: 5px;
}
.tag-clouds a:hover{
	color: #fff;
	background-color: #4DAAE6;
}



/* article nav
 * ====================================================
*/
.article-nav {
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 14px;
	color: #bbb;
}
.article-nav span {
	float: left;
	position: relative;
	width: 50%;
}
.article-nav span.article-nav-next {
	float: right;
	text-align: right
}
.article-nav span.article-nav-next::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: block;
	width: 1px;
	background-color: #eee;
}
.article-nav a {
	color: #999;
	margin-right: 10px;
	display: inline-block;
}
.article-nav span.article-nav-next a {
	margin-left: 10px;
	margin-right: 0;
}
.article-nav a:hover {
	color: #61B3E6;
}




/*  ======================================================================================================== */
.relates ul{
	list-style: disc;
	margin-left: 18px;
	color: #bbb;
	margin-bottom: 30px;
	padding-top: 5px;
}
.relates li{
	margin-top: 12px;
}
.relates a{
	color: #777;
}
.relates a:hover{
	color: #61B3E6;
	text-decoration: underline;
}

.action-share {
	margin-bottom: 30px;
	text-align: center;
	padding-top: 20px;
}



/*  ======================================================================================================== */

#respond{padding-bottom: 25px;}
#respond, #postcomments{position:relative;}
#postcomments{}
.comment{position: relative;}
.comment #respond{padding:10px 0 15px 46px}
.comment #commentform{margin-bottom:0}
.commentnew .comt-m{margin-bottom:5px}
.commentlist{padding:0;list-style:none;margin:0}
.comt-avatar{width:36px;height:36px;background-color:#FFF;float:left;display:inline;position:relative;margin-top: 19px;}
.comt-avatar .avatar{display:block;border-radius:50%;width:36px;height:36px}
.comt-main{margin-left:46px;margin-right:60px;color:#888;line-height:22px;position:relative;font-size: 14px;padding: 0 0 15px;word-wrap: break-word;max-height: 300px;overflow: hidden;}
.comt-main p{margin-top: 15px;margin-bottom: 0;}
.comt-author{margin-right: 5px;}
.url{color:#60c4fd;}
.url:hover{color:#1faeff;text-decoration:underline}
.comt-meta{font-size:12px;color:#bbb;}
.comment-reply-link{font-size:12px;color:#bbb;display:none}
.comment:hover>.comt-main .comment-reply-link{display:inline-block;margin-left: 5px;}
.comment pre{margin:3px 0 5px;padding:7px 10px;border-radius:1px}
.depth-1{border-bottom:#eee 1px solid}
.comment .children{list-style:none;padding:0;}
.comment .children .comment{margin:0;border-top:1px solid #eee}
.commentlist > .comment .children{margin-left: 46px;}
.comt-f{position: absolute;top:15px;right:0;font-size:16px;color:#ccc}
.comment:hover .comt-f{color:#666}
.comt-approved{border-radius:2px;font-size:12px;background-color:#eee;color:#999;display:inline-block;padding:1px 5px 0;margin-top:4px;line-height:20px;margin-left:5px}
.wp-smiley{margin-bottom:2px}

.sidebarfix .comt-main{padding: 6px 0 4px;line-height: 20px;font-size: 12px;}
.sidebarfix .depth-1{border-bottom-color: #eee;}
.sidebarfix .comment .children .comment{border-top-color: #eee;}


.hide{display: none;}





/* rollbar ======================================================================================================== */

.rollbar {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: none;
}
.rollbar ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50px;
}
.rollbar li{
	position: relative;
	margin-top: 5px;
	text-align: center;
	opacity: .4;
	filter: alpha(opacity=40);
}
.rollbar a {
	position: relative;
	z-index: 2;
	display: block;
	height: 50px;
	border-radius: 2px;
	background-color: #666;
	color: #fff;
}
.rollbar a:hover{
	color: #fff;
}
.rollbar .fa{
	line-height: 50px;
	font-size: 34px;
}
.rollbar .fa-comments{font-size: 24px;}

.rollbar li:hover, .rollbar li:hover h6 {
	opacity: .9;
	filter: alpha(opacity=90)
}
.rollbar li:hover h6{
	right: 100%;
}
.rollbar h6{
	position: absolute;
	z-index: 1;
	top: 50%;
	right: -15%;
	margin: -13px 10px 0 0;
	line-height: 26px;
	font-size: 12px;
	background-color: #666;
	color: #fff;
	width: 53px;
	border-radius: 2px;
	text-align: center;
	opacity: 0;
	filter:alpha(opacity=0);
}
.rollbar h6 i{
	position: absolute;
	right: -4px;
	top: 50%;
	margin-top: -4px;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid #666;
	border-top: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid rgba(0, 0, 0, 0);
}






/* f404 ======================================================================================================== */
.f404 {
	text-align: center;
	margin: 100px 0
}
.f404 h1 {
	font-size: 60px;
	margin: 40px 0 20px;
}
.f404 h2 {
	font-size: 16px;
	margin-bottom: 20px;
}


/* pagination ======================================================================================================== */
.pagination {
	padding: 20px;
	text-align: center;
	font-size: 12px;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}
.pagination ul > li {
	display: inline
}
.pagination ul > li > a,
.pagination ul > li > span {
	margin: 0 2px;
	float: left;
	padding: 5px 12px;
	background-color: #ddd;
	color: #666;
	border-radius: 2px;
	opacity: .88
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
	opacity: 1
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #61B3E6;
	color: #fff
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	cursor: default
}
.pagination ul > li > span,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999999;
	background-color: transparent;
	cursor: default
}


/* pagenav ======================================================================================================== */
.pagenav {
	overflow: hidden;
	text-align: center;
	padding: 20px
}
.pagenav a,
.pagenav .current,
.pagenav .page-numbers {
	padding: 6px 12px 5px;
	color: #666;
	display: inline-block;
	border-radius: 3px;
	background-color: #eee;
	margin: 0 1px;
	font-size: 12px;
}
.pagenav .current {
	background-color: #61B3E6;
	color: #fff
}
.pagenav a:hover {
	background-color: #ccc;
	color: #444;
}



/* widget ======================================================================================================== */

.widget {
	clear: both;
	margin-bottom: 15px;
	position: relative;
	background-color: #fff;
	/*border-radius: 5px;*/
	/*border-bottom: solid 2px #e6e6e6;*/
	overflow: hidden
}
.widget h3 {
	font-size: 20px;
	color: #666;
	border-bottom: 1px solid #e9e9e9;
	background-color: #F9F9F9;
	margin: 0;
	padding: 14px 15px 10px;
	/*background: url(../img/bg.png) 0 bottom repeat-x;*/
}
.widget.affix {
	position: fixed;
	width: 360px;
}
.widget .title strong {
	border-bottom-color: transparent
}
.widget .title .btn {
	position: absolute;
	top: 5px;
	right: 10px;
	font-weight: normal;
	padding: 2px 7px 1px
}

.widget ul {
	*zoom: 1;
	list-style: none;
	padding: 0;
	margin: 0;
}
.widget ul ul {
	border: none;
}
.widget ul:before, 
.widget ul:after {
	display: table;
	content: "";
	line-height: 0
}
.widget ul:after {
	clear: both
}

.widget-notip h3 {
	margin-bottom: 13px
}
.widget_views li, 
.widget_rss li, 
.widget_recent_entries li {
	border-bottom: solid 1px #eee;
	padding: 8px 15px;
	font-size: 14px;
}
.widget_links ul {
	padding: 10px 0 5px;
	color: #999;
	font-size: 12px;
}
.widget_links li {
	width: 50%;
	float: left;
	padding: 0;
	border-bottom: none;
	margin-bottom: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.widget_links li a {
	color: #777;
	margin: 0 10px;
}
.widget_links li a:hover {
	color: #61B3E6;
}
.widget_pages ul {
	padding: 10px 15px 5px;
	overflow: hidden
}
.widget_pages li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
.widget_recent_entries span {
	display: block;
	font-size: 12px;
	color: #999;
	margin-top: 2px;
}

/* widget_ui_textads ======================================================================================================== */
.widget_calendar {
	overflow: hidden
}
#calendar_wrap {
	margin: 0 0 10px;
}
.widget_calendar table {
	width: 100%;
	text-align: center;
}
.widget_calendar table caption {
	padding: 10px 0 5px;
	font-size: 15px;
}
.widget_calendar table #prev a,
.widget_calendar table #next a {
	display: block;
	padding: 0 10px
}
.widget_calendar table #prev {
	text-align: left
}
.widget_calendar table #next {
	text-align: right
}
.widget_calendar table tbody td,
.widget_calendar table tfoot td,
.widget_calendar table thead th {
	padding: 5px 3px;
	border: 1px solid #eee;
}
.widget_calendar table thead th {
	background-color: #fbfbfb
}
.widget_calendar table tbody td a {
	display: block;
	margin: 0 3px;
	background-color: #428BCA;
	color: #fff
}
.widget_calendar table tbody td a:hover {
	background-color: #357EBD;
}
.widget_categories {
}
.widget_categories ul {
	overflow: hidden;
	padding: 10px 0 5px;
	color: #bbb;
}
.widget_categories li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
}
.widget_categories li a {
	margin: 0 10px;
	color: #777;
}
.widget_categories li a:hover {
	color: #61B3E6;
}
.widget_categories li ul {
	padding: 0 0 0 15px
}
.widget_categories li li {
	float: none;
	width: auto
}

/* widget_ui_textads ======================================================================================================== */
.widget_nav_menu ul {
	padding: 10px 15px 5px;
	color: #999;
}
.widget_nav_menu ul li {
	margin-bottom: 8px;
}

/* widget_ui_textads ======================================================================================================== */
.widget_rss ul {
	color: #999;
}
.widget_meta ul {
	padding: 10px
}
.widget_meta ul li {
	margin-bottom: 5px;
}

/* widget_ui_textads ======================================================================================================== */
.widget_ui_ads {
	border: none;
}
.widget_ui_ads img {
	display: block
}
.widget_ui_ads .item {
	position: relative;
	overflow: hidden
}
.widget_ui_ads .sell {
	display: block;
	border: solid 1px #d6d6d6;
	color: #999;
	text-align: center;
	height: 123px;
	line-height: 123px;
	font-weight: bold
}
.widget_ui_ads .sell:hover {
	border-color: #bbb;
	color: #777777
}

/* widget_ui_textads ======================================================================================================== */
.widget_ui_readers ul {
	padding: 10px 0 15px 15px;
}
.widget_ui_readers li {
	width: 36px;
	height: 36px;
	float: left;
	margin: 6px 6px 0 0
}
.widget_ui_readers li a {
	display: block
}
.widget_ui_readers li a, .widget_ui_readers li a:hover {
	color: #fff
}
.widget_ui_readers li:hover {
	z-index: 20
}
.widget_ui_readers li:hover .avatar-popup {
	display: block
}
.widget_ui_readers .avatar {
	width: 100%;
	height: 100%
}

/* widget_ui_textads ======================================================================================================== */
.widget_ui_comments ul a {
	padding: 10px 15px 10px 61px;
	display: block;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	position: relative;
	font-size: 12px;
	color: #999;
	line-height: 20px;
}
.widget_ui_comments ul li:last-child a {
	border-bottom: none;
}
.widget_ui_comments ul a:hover {
	color: #999;
	background-color: #fbfbfb;
}
.widget_ui_comments strong {
	color: #61B3E6;
}
.widget_ui_comments .avatar {
	float: left;
	width: 36px;
	height: 36px;
	margin: 3px 0 0 -46px;
	border-radius: 50%
}

/* widget_ui_textads ======================================================================================================== */
.widget_ui_textads {
	border: none;
	border-radius: 0
}
.widget_ui_textads a {
	display: block;
	padding: 0 15px 15px;
	border: 1px solid #fff;
	background-color: #fbfbfb;
	font-size: 12px;
}
.widget_ui_textads a h2 {
	font-size: 20px;
	font-weight: normal;
}
.widget_ui_textads a p {
	color: #999;
	margin-bottom: 0;
}
.widget_ui_textads a strong {
	margin: -1px 0 0 -16px;
	display: inline-block;
	padding: 3px 15px 4px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.widget_ui_textads a:hover {
}

.widget_ui_textads a.style01{color: #428BCA;}
.widget_ui_textads a.style01:hover{border-color: #428BCA;}
.widget_ui_textads a.style01 strong{background-color: #428BCA;}

.widget_ui_textads a.style02{color: #D9534F;}
.widget_ui_textads a.style02:hover{border-color: #D9534F;}
.widget_ui_textads a.style02 strong{background-color: #D9534F;}

.widget_ui_textads a.style03{color: #5CB85C;}
.widget_ui_textads a.style03:hover{border-color: #5CB85C}
.widget_ui_textads a.style03 strong{background-color: #5CB85C;}

.widget_ui_textads a.style04{color: #C35BFF;}
.widget_ui_textads a.style04:hover{border-color: #C35BFF;}
.widget_ui_textads a.style04 strong{background-color: #C35BFF;}

.widget_ui_textads a.style05{color: #61B3E6;}
.widget_ui_textads a.style05:hover{border-color: #61B3E6;}
.widget_ui_textads a.style05 strong{background-color: #61B3E6;}


/* widget_ui_tags ======================================================================================================== */
.widget_ui_tags .items {
	overflow: hidden;
	padding: 15px 0 12px 15px;
}
.widget_ui_tags .items a {
	color: #999;
	background-color: #f6f6f6;
	float: left;
	width: 31.3333%;
	margin: 0 1% 1% 0;
	padding: 0 8px;
	font-size: 12px;
	height: 29px;
	line-height: 29px;
	overflow: hidden;
}
.widget_ui_tags .items a:hover {
	color: #fff;
	background-color: #61B3E6;
}

/* widget_ui_posts ======================================================================================================== */
.widget_ui_posts li:last-child a {
	border-bottom: none;
}
.widget_ui_posts li a {
	padding: 10px 15px 10px 150px;
	color: #888;
	border-bottom: solid 1px #eee;
	overflow: hidden;
	position: relative;
	display: block;
	font-size: 14px
}
.widget_ui_posts li a:hover {
	background-color: #fbfbfb;
}
.widget_ui_posts li a:hover .text {
	color: #61B3E6;
}
.widget_ui_posts .text {
	display: block;
}
.widget_ui_posts .thumbnail {
	float: left;
	margin-left: -135px
}
.widget_ui_posts .thumbnail img {
	width: 125px;
	height: 86px
}
.widget_ui_posts .muted {
	margin-right: 15px;
	font-size: 12px;
	color: #bbb;
}
.widget_ui_posts .nopic li a {
	padding: 10px 15px;
}
.widget_ui_posts .nopic .text {
	margin-top: 0;
	color: #888;
}
.widget_ui_posts .nopic .text:hover {
	color: #61B3E6;
}


/* widget_meta ======================================================================================================== */
.widget_meta .widget_tit {
	margin: 0 0 10px
}
.widget_meta ul {
	line-height: 24px
}
.widget_meta ul a {
	color: #777
}
.widget_meta ul a:hover {
	color: #61B3E6
}


/* widget_archive ======================================================================================================== */
.widget_archive ul {
	padding: 10px 0 5px;
	font-size: 12px;
	overflow: hidden;
	color: #999;
}
.widget_archive li {
	width: 50%;
	float: left;
	margin-bottom: 5px;
}
.widget_archive li a {
	margin: 0 10px;
}
.widget_archive select,
.widget_categories select {
	margin-top: 10px;
	width: 91%;
	margin-left: 15px;
	height: 32px;
	line-height: 32px;
	padding: 2px
}



/* tagcloud ======================================================================================================== */
.tagcloud {
	padding: 5px 0 10px 10px;
	border: 1px solid #e6e6e6;
}
.tagcloud a {
	display: inline-block;
	margin: 7px 7px 0 0;
	color: #777;
}
.tagcloud a:hover {
	color: #61B3E6;
}

/* textwidget ======================================================================================================== */
.textwidget {
	padding: 10px;
	color: #777;
}
.textwidget a {
	color: #777;
}
.textwidget a:hover {
	color: #61B3E6;
}


/*  ======================================================================================================== */

.sign {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background-color:rgba(48,58,65,0.9);*/
	z-index: 999;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	opacity: 0.0;
	visibility: hidden;
	overflow: auto;
}
.sign-mask{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #313B43;
	opacity: 0.90;
	filter:alpha(opacity=90);
}
.sign .container {
	background-color:#e7ebef;
	width:400px;
	position: absolute;
	height: 360px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 9;
	margin:auto;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	-moz-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	-ms-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	-o-transform: rotateX(-20deg) translateZ(200px) translateY(20%);
	transform: rotateX(-20deg) translateZ(200px) translateY(20%);
}
.sign .close-link {
	color:#fff;
	position: absolute;
	left: 100%;
	top:0;
	padding:22px 0;
	font-size: 18px;
	background-color: #61B3E6;
	display: block;
	opacity: 0.85;
	filter:alpha(opacity=85);
	width: 70px;
	text-align: center;
}
.sign .close-link:hover {
	color:#fff;
	opacity: 1;
	filter:alpha(opacity=100);
}

.sign form{
	padding: 0 50px;
}
.sign h3{
	margin: 0 -50px 20px;
	background-color: #fff;
	padding: 25px 50px;
	font-size: 18px;
	color: #61B3E6;
}
.sign h3 small{
	float: right;
	cursor: pointer;
	color: #bbb;
	font-size: 14px;
	margin-top: 4px;
}
.sign h6{
	margin-bottom: 15px;
}
.sign .sign-submit .btn{
	float: right;
}
.sign .sign-submit label{
	margin-top: 8px;
	font-weight: normal;
	font-size: 12px;
}
.sign .sign-submit label input{
	position: relative;
	top: 2px;
	margin-right: 4px;
}

.sign-tips{
	position: absolute;
	bottom: 0;
	background-color: #FD6E6E;
	left: 0;
	right: 0;
	height: 0;
	line-height: 29px;
	padding: 0 50px;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}


.sign-show .sign {
	opacity: 1.0;
	visibility: visible;
}
.sign-show .sign .container {
	-webkit-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	-moz-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	-ms-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	-o-transform: rotateX(-0deg) translateZ(0) translateY(0%);
	transform: rotateX(-0deg) translateZ(0) translateY(0%);
}
body.sign-show {
	height: 100%;
	width: 100%;
	overflow: hidden;
}


/*  ======================================================================================================== */

#footer{
	clear: both;
	padding: 40px 30px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: #888;
	background-color: #444;
	/*border-top: 1px solid #E2E3E4;*/
	/*box-shadow: 1px 0 4px rgba(0,0,0,0.04)*/
}

#footer a{
	color: #888;
}
#footer a:hover{
	color: #ddd;
}

.footer-menu{
	text-align: left;
	margin: 0 -2% 30px 0;
	padding-bottom: 30px;
	overflow: hidden;
	border-bottom: 1px solid #494949;
}
.footer-menu dl{
	width: 14.666666666%;
	margin: 0 2% 0 0;
	display: inline-block;
	vertical-align: top;
}
.footer-menu dt{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	height: 25px;
	overflow: hidden;
	text-overflow:ellipsis; white-space:nowrap;
}
.footer-menu dd a{
	display: block;
	line-height: 20px;
	padding: 0 5px 0 24px;
	margin: 5px 0;
}

.footer-menu .fa-weibo, 
.footer-menu .fa-tencent-weibo, 
.footer-menu .fa-envelope-o, 
.footer-menu .fa-rss{width: 12px;text-align: center;}


/*  ======================================================================================================== */
.container-page{padding-left: 215px;}
.container-page .article-header{padding: 0 0 10px;}
.container-page .content{margin-right: 0;padding: 25px;}
.container-page .content::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-top: 20px solid #ECF0F1;
	border-left: 20px solid transparent;
}

.pageside{position: absolute;top: 0;left: 0;width: 200px;}
/*.pagemenus{position: fixed;width: 200px;}*/

.pagemenu{list-style: none;margin: 0 0 15px;padding: 0; }
.pagemenu li a{display: block;padding: 12px 20px;font-size: 16px;color: #999;border-bottom: 1px solid #eee;background-color: #fff;}
.pagemenu li a:hover{color: #666;}
.pagemenu li.active a{color: #fff;background-color: #61B3E6;}
.pagemenu li:last-child a{border-bottom: none;}
.pagemenu li .glyphicon {font-size: 14px;}

.pagemenu h4{margin: 0;}
.pagemenu h4 a{color: #666;background-color: #F9F9F9;padding-top: 15px;cursor: default;border-bottom-color: #e6e6e6;}





.pageheader{overflow: hidden;background-color: #61B3E6;padding: 25px 20px;margin-bottom:15px;color: #fff;}
.pageheader h1{font-size: 30px;margin:0}
.pageheader h1 small{color: #fff;font-size: 12px;margin-left: 10px;position: relative;top: -4px;}
.pageheader .note{margin-top: 5px;margin-left: 50px;width: 300px;}
.pageheader p{margin-bottom: 0;}
.pageheader .share{float: right;height:28px;margin: 17px 0 0;color: #fff;}
.pageheader .share a{width: 28px;height: 28px;background-color: #FFF;border: solid 2px #FFF;border-radius: 4px;opacity: .9;top: 0}
.pageheader .share .bds_count{border-left-color: #fff;}

.pageheader-mini{padding: 15px 0 13px;}
.pageheader-mini h1{font-size: 18px;}
.pageheader-mini .share{margin: -5px 0;}

/*  ======================================================================================================== */









/*  ======================================================================================================== */

.page-template-pagesthemes-php .pageheader{margin-top: -15px}

#themes .item{
	background-color: #fff;
	margin-bottom: 15px;
	padding: 20px 300px 20px 260px;
	overflow: hidden;
}
#themes .item .focus{
	float: left;
	margin-left: -240px;
}
#themes .item .thumb{
	width: 220px;
	height: 150px;
}
#themes .item .buy{
	float: right;
	margin-right: -300px;
	width: 300px;
	text-align: center;
	border-left: 1px solid #eee;
	padding-bottom: 30px;
}
#themes .item .buy dfn{
	font-size: 24px;
	display: block;
	padding: 20px 0 10px;
	color: #000;
	font-style: normal;
	color: #FF5E52;
}
#themes .item .buy dfn small{
	font-size: 18px;
	margin-right: 2px;
}
#themes .item h2{
	font-size: 20px;
	margin: -20px -300px 20px -260px;
	padding: 12px 20px;
	border-bottom: 1px solid #E9E9E9;
	background-color: #F9F9F9;
}
#themes .item h2 small{
	font-size: 12px;
	color: #999;
	margin-left: 20px;
}

#themes .item .desc dl{
	overflow: hidden;
	margin: 0 0 4px;
	float: left;
	padding-left: 85px;
	font-size: 12px;
}
#themes .item .desc dt{
	float: left;
	margin-left: -85px;
	text-align: right;
	width: 80px;
	background-color: #f1f1f1;
	padding: 5px 6px;
	/*display: inline-block;*/
}
#themes .item .desc dd{
	padding: 5px 0;
	color: #888;
	/*float: left;*/
	/*display: inline;*/
	margin-right: 30px;
}
#themes .item .desc dd.wd{
	width: 100px;
}



/*  ======================================================================================================== */


.plinks{margin-bottom:20px;background-color: #fff;overflow:hidden;}
.plinks h2{border-bottom:solid 1px #eee;font-size: 20px;padding-bottom: 5px;}
.plinks ul{clear: both;overflow: hidden;}
.plinks ul li{width:20%;float:left;margin-bottom: 0;}
.plinks ul li a{display:inline-block;padding:5px 0;overflow:hidden}
.plinks ul li img{position:relative;top:-1px;margin-right:5px;*top:8px;_top:3px}


.readers{overflow: hidden;}
.readers a{width: 72px;margin: 0 5px 25px 5px;float: left;text-align: center;color: #999;font-size: 12px;height: 65px;overflow: hidden;text-decoration: none;}
.readers a:hover{color: #FF5E52;}
.readers .avatar{border-radius: 5px;margin: 0 auto;display: block;margin-bottom: 5px;}
.readers a.item-top{width: 31.222222%;margin:0 1% 30px;text-align: left;height: 100px;color: #bbb;background-color: #f6f6f6;border-radius:5px;padding: 10px;}
.readers a.item-top .avatar{float: left;margin-left: 10px;margin-right: 10px;}
.readers a.item-top h4{color: #FF5E52;font-size: 16px;}
.readers a.item-top strong{display: block;color: #666;}
.readers a.item-top:hover{background-color: #f1f1f1;}
.readers a.item-2 h4{color: #7CCD38;}
.readers a.item-3 h4{color: #52BAF5;}

.archives .item{overflow: hidden;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.archives h3{float: left;margin-bottom:10px;font-size: 20px;font-weight: normal;color: #F15A23;line-height: 20px;margin-top: 0;}
.archives-list{padding-left: 20px;margin: 0 0 20px 140px;}
.archives-list li{list-style: disc;margin-left: 20px;margin-bottom: 4px;}
.archives-list time{width: 40px;display: inline-block;}
.archives-list span{font-size: 12px;display: inline-block;margin-left: 10px;}


.page .content.resetpass{padding: 20px;text-align: center;margin-right: 0;}
.resetpass form{width: 300px;margin: 0 auto;text-align: left;}
.resetpass form p{margin-bottom: 20px;}
.resetpass h1{font-size: 24px;font-weight: normal;}
.resetpass h3{color: #777;}
.resetpass h3 .glyphicon{top: 4px;}
.resetpasssteps{margin-bottom: 50px;overflow: hidden;}
.resetpasssteps li{width: 33.33333%;float: left;background-color: #eee;color: #666;line-height: 33px;position: relative;}
.resetpasssteps li.active{background-color: #61B3E6;color: #fff;}
.resetpasssteps li .glyphicon{position: absolute;right: -17px;top:-10px;font-size: 46px;color: #fff;z-index: 2}
.errtip{background-color: #FCEAEA;color: #DB5353;padding: 8px 15px;font-size: 14px;border: 1px solid #FC9797;border-radius: 5px}




.prettyprint,
pre.prettyprint {
    background-color: #272822;
    border: none;
    overflow: hidden;
    padding: 10px 15px;
}
.prettyprint.linenums,
pre.prettyprint.linenums {
	-webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
	-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
	box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
}
.prettyprint.linenums ol,
pre.prettyprint.linenums ol {
    margin: 0 0 0 33px; 
}
.prettyprint.linenums ol li,
pre.prettyprint.linenums ol li {
    padding-left: 12px;
	color: #bebec5;
	line-height: 20px;
	margin-left: 0;
	list-style: decimal;
}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn, 
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str, 
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd, 
.prettyprint .tag { color: #F92659; }
.prettyprint .typ, 
.prettyprint .atn, 
.prettyprint .dec, 
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }


.wp-video, .mejs-layer, video, embed{max-width: 100%;margin-bottom: 16px;display: block;}



.m-icon-nav{display: none;} 
.m-mask{display: none;	}


.rollbar li
, .rollbar h6
, .btn
, .search-btn
, .pads h4
, a
{
	-webkit-transition:all 0.218s;
	-moz-transition:all 0.218s;
	-ms-transition:all 0.218s;
	-o-transition:all 0.218s;
	transition:all 0.218s;
}



/*  ======================================================================================================== */

@media (max-width: 1200px) {
	.newmsgs li{width: 32.3333333%;}
	.newmsgs li:nth-child(4){display: none;}
} 

@media (max-width: 1024px) {
	.header{margin-bottom: 1px;}
	.content{margin-right: 0;}
	.sidebar{display: none;}
	
	.searchform{display: none;}
	.user-signin{display: none;}
	.newmsgs li{width: 49%;}
	.newmsgs li:nth-child(3){display: none;}

	.navto-home, .navto-nav, .navto-ads{display: none;}
}

@media (max-width: 800px) {
	.footer-menu{display: none;}

	.navto-imooc{display: none;}

	.ads-large{display: none;}

	.topbar-user{position: absolute;top: 0;right: 0;}
}

@media (max-width: 640px) {
	body{
		-webkit-transition-duration:500ms;
		overflow-x: hidden;
		padding-top:41px;
		margin-top: 0;
	} 
	
	.home{padding-top:55px;}

	.single .content{padding: 0 10px;}
	.single .content::after{display: none;}
	.article-header{text-align: left;padding: 15px 0;}
	.article-title{font-size: 18px;font-weight: bold;margin-bottom: 5px;}
	.article-meta .item{margin-right: 10px;}
	.ads-post{margin-bottom: 15px;}
	.article-content img{border-radius: 5px;}
	.post-copyright{display: none;}
	.action-share{display: none;}
	.rollbar{right: -120px;}
	.article-content{font-size: 15px;line-height: 24px;}
	.article-content p,
	.article-content h2,
	.article-content h3,
	.article-content h4{margin-bottom: 15px;}
	.article-content h2{font-size: 16px;font-weight: bold;margin: 15px -10px 15px -10px;line-height: 18px;padding-left: 10px;border-left:none}
	.article-content ul, .article-content ol{margin-left:20px;}
	
	
	.pagetitle{padding: 10px 10px 6px;}
	.pagetitle h1{font-size: 16px;font-weight: bold;}

	.excerpt{padding: 10px 10px 10px 180px;}
	.excerpt .focus{width: 160px;margin-left: -170px;}
	.excerpt .thumb{width: 160px;height: 109px;}
	.excerpt .note{display: none;}
	.excerpt .cat{display: none;}
	.excerpt h2{font-size: 16px;line-height: 18px;}

	.page-template-pagesthemes-php .pageheader{margin-top: 0;}
	.pageheader{padding: 10px;margin-bottom: 0;}
	.pageheader h1{font-weight: bold;font-size: 18px;}
	.pageheader .note{font-size: 12px;}
	.pageheader .share{display: none;}

	#themes .item{padding: 10px;}
	#themes .item h2{font-size: 16px;font-weight: bold;	padding: 10px;margin: -10px -10px 10px -10px;}
	#themes .item .focus{margin-left: 0;}
	#themes .item .thumb{width: 100px;height: 68px;}
	#themes .item .buy{margin-left: 10px;width: auto;float: left;border-left: none;	margin-right: 0;padding-bottom: 0;}
	#themes .item .buy dfn{padding: 0;}
	#themes .item .desc{clear: both;}

	.container-page{padding-left: 100px;}
	.container-page .content{padding: 10px;}
	.container-page .content::after{display: none;}
	.pageside{width: 95px;}
	.pagemenu{margin-bottom: 5px;}
	.pagemenu li a{padding: 8px 10px;font-size: 14px;font-weight: bold;}


	.topbar-user{display: none;	}

	.nav-slide-show{overflow: hidden;-webkit-transform:translate3d(60%,0,0);}

	.m-mask{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,0);z-index: 9999;overflow: hidden;	}

	.m-icon-nav{display:block;position:absolute;top:0;left:100%;font-size: 19px;line-height: 40px;padding: 2px 10px 0;color: #999;}
	.header{height: auto;position:fixed;top:0;left:-60%;height:100%;/* overflow-y:auto; *//* overflow-x:hidden; */width:60%;background-color:#363636;padding:0;}

	.logo{float: none;width: auto;text-align:center;background-color:#fff;position:absolute;top:0;left:100%;width:170%;border-bottom: 1px solid #d6d6d6;}
	.logo a{background-size: 82px;display:inline-block;height:40px;width: 100px;}

	.navbar{float: none;margin-top: 0}
	.navbar{display: ;/* margin-top: 0; */margin: 0;line-height: 32px;}
    .navbar li{float: none;text-align: ; margin-left: 0;}
    .navbar li a{display: block;padding: 10px 20px;background-color:;margin: 0;}
    .navbar li.active a, .navbar li.active a:hover{background-color: #444;color: #fff;border-bottom:none}

    .navbar .sub-menu{display: none;position: relative;top: 0;box-shadow:none;background-color:transparent;border:none;border-radius:0;width: auto;margin-top: 0;}
    .navbar .sub-menu li a{padding-left: 40px;}

    .navto-home, .navto-nav, .navto-ads{display: block;}
	
	.topbar-user{position:relative;margin:20px 20px 0 10px;}

	.branding{padding: 50px 10px;}
	.branding h1, .branding h2{font-size: 24px;margin-bottom: 10px;}
	
	.newmsgs{display:none}
	
	.pagetitle h1, .pagetitle h2, .pagetitle h3{font-size:16px;font-weight:bold;}
	.title h3{font-size:16px;}

	.footer{padding: 30px 0 20px;}
	.footer nav{display: none;}
	
	.footer{padding:15px 10px;}
	.footer .container{height:32px;overflow:hidden;line-height:16px;}
	.footer a:first-child{display:block;}
}

@media (max-width: 480px) {
	.pads{margin-right:-3%;}
	.pads li{width: 47%;margin-right:3%;}
	.pads h4{font-size: 12px;}
	
	.excerpt{padding: 10px 10px 10px 120px;}
	.excerpt .focus{width: 100px;margin-left: -110px;}
	.excerpt .thumb{width: 100px;height: 68px;}
	.excerpt .note{display: none;}

	.excerpt h2 {
        overflow: hidden;
        display: block;	
        position: relative;
    }

    .excerpt h2:before {
        content:"";
        float: left;
        width: 5px; 
    }

    .excerpt h2, .excerpt h2:before{height: 36px;}

    .excerpt h2 > *:first-child {
        float: right;
        width: 100%;
        margin-left: -5px; 
    }        

    .excerpt h2:after {
        content: "\02026";  

        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;

        float: right; position: relative;
        top: -18px; left: 100%; 
        width: 3em; margin-left: -3em;
        padding-right: 5px;
        
        text-align: right;

        background: -webkit-gradient(linear, left top, right top,
            from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);            
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); 
    }
	
}
@media (max-width: 320px) {
	.article-header{padding: 10px 0;text-align: left;}
	.article-meta .item:nth-child(2){display: none;}
	.article-title{font-size: 16px;}
	
	/*.excerpt h2, .excerpt h2:before{height: 28px;}*/
	.excerpt h2{font-size:14px;line-height:18px;}
	.excerpt .pc{display:none}
	.excerpt .pv{margin-right:0;}
	
	.pagination ul > li{display:none}
	.pagination ul > li.prev-page, .pagination ul > li.next-page{display:inline}
	.pagination ul > li.next-page a{background-color:#61B3E6;color:#fff;}
	
	.btn-lg{padding:8px 20px;font-size:14px;}
	
	#commentform{padding-left: 0;}
    #respond{overflow: hidden;width: 100%}
    .comt{padding-left: 0;}
    .comt-title{width: auto;float: none;margin-left: 0;overflow: hidden;margin-bottom: 10px;}
    .comt-avatar{width: 30px;height: 30px;float: left;margin-right: 5px;}
    .comt-avatar .avatar{width: 30px;height: 30px;border-radius: 50%;}
    .comt-comterinfo{width: 100%;}
    .comt-comterinfo .text-muted{display: none;}
    .comt-comterinfo input{width: 100%;margin-right: 0;box-shadow: none;}
    .comment-reply-link, .comt-info{position: relative;top: 0;display: inline-block;margin-left: 10px;}
    .comt-main{margin-right: 0;margin-left:40px;}
    .comt-f{display: none;}
    .commentlist > .comment .children{margin-left: 0;}
    .commentlist > .comment.depth-1 > .children{margin-left: 46px;}
    .comt-author{display: inline-block;}

	.branding{padding: 30px 10px;}
	.branding h1, .branding h2{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
	.branding p{font-weight:normal}
}

body{margin-top: 0;}
.mianbao{font-weight: normal;color: #fff;background-color: #61B3E6;margin: 0;width:auto;padding: 11px 15px;margin: 0;font-size: 18px;}
.mianbao a{color: #fff;}
#navs{color: #aaa;}
#navs h2{font-size: 20px;font-weight: normal;color: #fff;padding: 10px;background-color: #61B3E6;margin: 0}
#navs .item{overflow: hidden;margin:20px 0 30px;}
#navs .item h2{width: 200px;padding: 11px 15px;margin: 0;font-size: 18px;}
#navs .item h2 a{width: 140px;padding: 11px 15px;margin: 0;font-size: 18px;color: #ffffff;}
#navs .item ul{margin-right: -1%;}
#navs .item li{float: left;width: 19%;margin-right: 1%;margin-top: 1%;padding: 18px;font-size: 10px;height: 8px;overflow: hidden;background-color: #fff;b;border-bottom: 18px solid #fff;}
#navs .item li a{margin-bottom: 5px;display: inline-block;font-size: 15px;font-weight: bold;color: #c100d6;border-bottom: 2px solid transparent;}
#navs .item li a:hover{color: #FD8C84;border-bottom-color: #FD8C84;}

#navs .items{margin-left: 160px;}
#navs nav{width: 140px;position: absolute;top: 0;left: 0;background-color: #61B3E6;}

#navs nav ul{width: 140px;}
#navs nav a{display: block;padding: 10px 20px;color: #fff;border-bottom: 1px solid #55A5D8;}
#navs nav a:hover, #navs nav .active a{background-color: #55A5D8;color: #fff;}
#navs nav ul.affix{position: fixed;}
#navs nav ul.affix-bottom{position: fixed;}

.pageheader{margin: 0;}

@media (max-width:1280px){
	#navs .items{margin-right: 10px;}
}
@media (max-width:1024px){
	.pageheader{margin-top: 0;}
	#navs .item{margin-top: 10px;}
	#navs .items{margin: 0 10px;}
	#navs nav{display: none;}
	#navs .item li{width: 24%;}
}
@media (max-width:640px){
	#navs .item li{width: 32.333333%;}
	#navs .item h2{width: auto;text-align: center;	}
}
@media (max-width:320px){
	#navs .item li{width: 49%;}
}
/* Li css*/
li{list-style:none;} 


/* Comment */
#comments{margin-top: 15px;}
#comments h3,#comments h4,#guan h3{font-size: 1.125em;line-height: 40px;font-weight: normal;margin-bottom: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dddddd;}
#comments h4{margin-top: 15px;}
#frmSumbit #inpName,#frmSumbit #inpEmail,#frmSumbit #inpHomePage,#frmSumbit #inpVerify{padding-left: 5px;border: 1px solid #ddd;height: 30px;padding-top: 0px;padding-right: 5%;padding-bottom: 0px;line-height: 30px;float: left;margin-right: 10px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;}
.commentpost label{height:30px;overflow:hidden;float:left;line-height:30px;margin:0px;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;border-top-width: 1px;border-right-width: 0;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dddddd;border-right-color: #dddddd;border-bottom-color: #dddddd;border-left-color: #dddddd;clear: left;}
#txaArticle{width:96%;height:120px;border:1px solid #ddd;padding:2%;}
#frmSumbit p{padding:0px;margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;line-height: 30px;}
#frmSumbit .button{color: #FFFFFF;background-color: #61B3E6;height: 30px;width: 100px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;margin-right: 15px;border-radius: 3px;}
.msg .msgarticle .msg .msgname .dot{font-size: 1.875em;color: #f4f4f4;float: right;margin-left: 15px;font-weight: 700;}
.msgname .dot{font-size: 1.875em;color: #edecec;float: right;margin-left: 15px;font-weight: 700;}
.msg .msgimg{clear: left;float: left;margin-right: 15px;padding: 2px;border: 1px solid #ddd;background-color: #f1f1f1;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;}
.msgtxt .msgarticle{line-height: 16px;padding-top: 4px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;font-size: 1em;}
#comments .msg{font-size: 1em;border: 1px solid #dddddd;margin-top: 15px;padding: 9px;}
.msg .msgarticle{line-height: 20px;color: #666666;font-size: 1em;}
.msg .msgarticle .msg{background-color:#f4f4f4;border: 1px solid #eeeeee;font-size: 1em;}

/* 内容页分栏 */
.page_content{background-color: #FFFFFF;margin-top: 20px;height:auto; padding: 20px;line-height: 30px;overflow: auto;}
.page_left{width: 60%;float:left;height: 100%;padding-right: 30px}
.page_right{float: left;height: 100%;text-align: center;width: 30%;vertical-align: middle;}
.suiji{margin-top: 15px;}
/* Pagebar */
.pagebar{ width:100%; height:24px; margin:0; padding:10px 0 25px 0; word-break:break-all; clear:both; margin-bottom: 15px;}
.pagebar .page{ margin:5px; margin-left:0; padding:5px 10px; color:#666; font-weight:bolder; border:1px solid #61B3E6; }
.pagebar .now-page{ margin:5px; margin-left:0; padding:5px 10px; color:#666; font-weight:bolder; border:1px solid #61B3E6; }
.pagebar a:hover span.page{ color:#fff; border:1px solid #61B3E6; background:#61B3E6; }









html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-family: "Microsoft YaHei", Verdana, sans-serif; outline: 0; font-size:14px;color:#333333;}
ol, ul { list-style: none; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
* { border: none; margin: 0; padding: 0; vertical-align: baseline; }

ins, a { text-decoration: none;color:#444444; }
a:hover { text-decoration: none; color:#970202;  }
video{height:auto;width:100%}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
input, textarea { -webkit-appearance: none; }
html, body { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #eae9e6; background-repeat:no-repeat;background-position:top;background-attachment:fixed;background-size:cover;}
.class { -webkit-tap-highlight-color: transparent; }

.left {float:left}
.right { float:right; }
.center { text-align: center; }
.clear { display: block; height: 0px; clear: both; }
.red { color: #c00; }
.c888 {color:#888888;}
.onlywap{display:none; }
.pc{display:block;}
.wap{display:none;}
.main {background: #fcfcfc;margin: 0 auto;}
.logo { margin: 15px 15px 15px 20px; width: 60px; display: block; overflow: hidden; height: 60px; float: left;vertical-align: middle; }
.logo img { width: 60px; height: 60px; vertical-align: middle; }
.website { padding: 15px 0 ; padding-left: 20px; }
.website h1 , .website .name{ font-size: 24px; color: #555555; font-weight: bold; line-height: 38px;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.website h3 { font-size: 14px; color: #b3b3b3; line-height: 22px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
/*æœç´¢æ¡†æ ·å¼*/
.search { margin-top:28px; display: block; overflow: hidden; float: right; margin-right:20px;}
.search input { border: 1px solid #dddddd;  background: transparent;width: 250px; height: 36px; line-height:36px; vertical-align: bottom; padding-left: 5px; color: #555555; margin-right: -1px;outline:none; float: left;  box-sizing: border-box;}
.search input:focus{border:1px solid #b10202}
.search button { width: 65px;line-height: 36px;background-color: #b10202; color: #fff; float: right; }
.search button:hover { background: #ca0202; }
.wapsearch{display:none;}
.shopsign { display: block; overflow: hidden; height: 100%; text-align: center; vertical-align: middle; }
.shopsign img { width: 100%; height: 100%; vertical-align: middle; }
/**å¸¦æ›´å¤šå¯¼èˆªæ æ ·å¼**/
.pgwMenu a { display: block; color: #fff; line-height: 50px; padding: 0 25px; text-decoration: none; font-size: 16px; }
.pgwMenu .pm-links.mobile, .pgwMenu .pm-viewMore > ul { background: #b10202; box-shadow: 2px 2px 4px #777; position: absolute; left: 0; top: 100%; z-index: 1000; }
.pgwMenu .pm-viewMore { display: none; position: relative; }
.pgwMenu .pm-viewMore > a { display: inline-block; }
.pgwMenu .pm-viewMore > ul { left: auto; right: 0; }
.pgwMenu .pm-viewMore li { float: none; }
.pgwMenu .pm-viewMore span.icon, .pgwMenu .pm-viewMore span.white { border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block; }
.pgwMenu .pm-links.mobile li, .pgwMenu .pm-viewMore > ul > li { display: block; clear: both;  }
.pgwMenu .pm-dropDown, .pgwMenu .pm-viewMore, .pgwMenu .pm-viewMore > ul { display: none; }
.pgwMenu .pm-dropDown a { display: inline-block; background: #b10202; }
.pgwMenu .pm-dropDown a.active, .pgwMenu .pm-viewMore a.active { background: #ca0202; }
.pgwMenu { background: #b10202; height: 50px; position: relative; list-style: none; }
.pgwMenu ul { list-style: none; white-space: nowrap; margin: 0; padding: 0; }
.pgwMenu li { float: left; }
.pgwMenu li a:hover { background: #ca0202; text-decoration: none; }
.pgwMenu li a.cur { background: #ca0202; }
/*å¸¦äºŒçº§å¯¼èˆªæ æ ·å¼*/
#cssmenu { background: #b10202; }
#cssmenu ul ul li a { background: #ca0202; }
#cssmenu ul li a:hover { background: #ca0202; text-decoration: none; }

.banner {width: 100%;height: 380px;text-align: center;}
.carousel-item img { width: 100%; height: 380px;vertical-align: middle;    object-fit: cover; }
/**è½®æ’­å›¾**/
.ft-carousel{position:relative;width:100%;height:100%;overflow:hidden}
.ft-carousel .carousel-inner{position:absolute;left:0;top:0;height:100%}
.ft-carousel .carousel-inner .carousel-item{float:left;height:100%}
.ft-carousel .carousel-item img{width:100%}
.ft-carousel .carousel-indicators{position:absolute;left:0;bottom:10px;width:100%;text-align:center;font-size:0}
.ft-carousel .carousel-indicators span{display:inline-block;width:12px;height:12px;background-color:#fff;margin:0 4px;border-radius:50%;cursor:pointer}
.ft-carousel .carousel-indicators span.active{background-color:#b10202;-moz-opacity:0.7;opacity: 0.7;}
.ft-carousel .carousel-btn{position:absolute;top:50%;width:50px;height:45px;margin-top:-25px;cursor:pointer}
.ft-carousel .carousel-prev-btn{left:0;background:url(img/prev.png) no-repeat}
.ft-carousel .carousel-next-btn{right:0;background:url(img/next.png) no-repeat}

/**ä¸»ä½“*/
.content { display: block; overflow: hidden; padding: 10px 20px 5px 20px;  list-style: decimal; }
.content h3 {font-size: 16px;line-height: 40px;border-bottom: 1px solid #dddddd;}
.content h3 i{ float:right;font-size:12px;color: #888888;}
.content p {line-height:150%;margin-bottom: 1px;}
.article{padding:10px 0;overflow: hidden;}
.article .info { color: #888888; line-height: 24px; margin-bottom: 10px;text-align:center; }
.article .info a{color:#2463a2;}
.article .info a:hover{ color:#23619f; }
.article .info i{ margin-right:5px;color: #888888;}
.article img { max-width: 100%; height: auto; }
.article table {border-top: solid 1px #ddd;border-left: solid 1px #ddd; width: 100%;margin-bottom: 15px; box-sizing: border-box;}
.article table td{border-bottom: solid 1px #ddd;border-right: solid 1px #ddd;padding: 5px 10px;    box-sizing: border-box;}
.article h1 {font-size: 22px; line-height: 36px;margin: 5px 0;text-align:center; }
.article h2,.article h3,.article h4,.article h5{border-bottom:0;font-weight:400;border-left:3px #b10202 solid;background: #efe3e3;line-height:150%;padding:5px 5px 5px 8px;margin:0 0 10px 0;}
.tags{color: #888888; }
.tags a{margin-right:10px;color:#2463a2;}
.tags a:hover{ color:#23619f; }
.tags i{margin-right:10px; }
.tag a{color:#2463a2;}
.tag a:hover{ color:#23619f; }
.left{float:left;}

.right{float:right;}
.w49 {width:49%;}
.about img{width:100%;height:100%;vertical-align: middle;margin:20px 0 10px 0;}
.content .about p{color:#666666;}
/*---------------------------æ–‡ç« åˆ—è¡¨-----------------------*/
.qiyenews { margin: 10px 0; overflow: hidden; height: auto; }
.qiyenews li { line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.post-ab { margin: 10px 0; overflow: hidden; height: auto;margin-right:-2%; }
.post-ab li { line-height: 32px;margin-right:2%;width:48%; float:left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.breadcrumb{line-height: 36px; border-bottom: 1px solid #dddddd;color:#888888;}
.breadcrumb a{color:#888888; }
.breadcrumb i{margin:0 5px;color:#888888; }
/*---------------------------æ–‡ç« å†…å®¹------------------------*/



.list-news li{padding: 15px 0; border-bottom: dashed 1px #dddddd;overflow: hidden;}
.list-news li h2 { font-size:16px;line-height: 24px;  max-height: 48px; overflow: hidden; display: block; }

.list-shop{margin-right:-2%;padding-top:15px;overflow: hidden;}
.list-shop li{margin-right:2%;width:23%;float:left;}
.list-shop li img{width:100%;height:170px; object-fit: cover;}
.list-shop li h2{font-size:14px;font-weight: normal; line-height:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;    border-bottom: 1px solid #e6e6e6;}
.list-shop li .info{text-align:left;font-size: 14px;line-height: 24px;margin:5px 0 15px 0;color: #888888;}
.list-shop li .info i{margin-right:5px;color:#888888}
.list-shop li .info span{float:right;color: #888888;font-size: 14px;}

/*---------------------------æ–‡ç« ç¿»é¡µ------------------------*/
.pagebar { display: block;overflow:hidden; padding: 35px 0; margin: 35px 0; }
.pagebar .page { float:left;color: #888888; width:24px;line-height:24px;text-align:center; margin:0 5px; overflow:hidden;border-radius: 3px;display:block; }
.pagebar .now-page { color: #fff; background: #b10202;   }
a:hover .page { color: #fff; background: #b10202; }
/*---------------------------æ–‡ç« ä¸Šä¸‹ç¿»æ¡------------------------*/
.post-nav p {line-height: 30px;padding-top: 10px;}
.post-nav a {border: 1px solid #d9d9d9;padding:0 10px;border-radius: 3px;color:#888888;box-sizing: border-box;}
.post-nav a i{color:#888888;font-size:14px;}

/*===========comment=================*/
/**è¯„è®ºæ ·å¼**/
#comments h3 span { color: #FF9933; margin: 0 5px; font-style: normal }
#comments { overflow: hidden;margin-bottom:20px; }
#comments .ping { padding-bottom: 10px; border-bottom: 1px dashed #ededed; height: 24px; line-height: 24px; font-size: 20px;  }
.compost .com_name { overflow: hidden; color: #b10202 }
.compost .com_name a { color: #b10202 }
.compost .com_box { margin-bottom: 15px; }
.compost .com_box textarea { width: 100%; border: 1px solid #dddddd; display: block;  box-sizing: border-box; padding: 10px ;border-radius: 4px; background: transparent;}
.compost .com_info { margin-top: 10px; overflow: hidden }
.compost .com_info ul { float: left; list-style: none; display: inline-block }
.compost .com_info li { float: left; margin-right: 15px }
.compost .com_info li input { width: 160px; height: 30px; line-height: 30px; padding-left: 4px; border: 1px solid #dddddd; margin-bottom: 15px; border-radius: 4px;}
.compost .com_info li span { margin-left: 4px }
.compost .com_info li span img { height: 30px; line-height: 30px; vertical-align: top }
.compost .com_info button { background-color: #b10202; border: 0; border-radius: 3px; padding: 0 20px; line-height: 36px; color: #fff; font-size: 14px }
.compost .com_info button:hover { background: #ca0202 }
#comments .comlist { margin-bottom: 10px; border-bottom: 1px solid #ededed }
.comlist .title { margin: 10px 0; overflow: hidden }
.comlist .title span {  }
.comlist .title i { width: 93%; height: 1px; background-color: #ededed; vertical-align: middle; display: inline-block }
.comlist ul { list-style: none; border-top: 1px solid #ededed }
.comlist ul.bordertop { border-top: 0 }
.comlist ul:hover { background-color: #fafafa }
.comlist ul ul { margin-left: 5% }
.comlist li { overflow: hidden; padding: 15px 0 }
.comlist li img { float: left; width: 40px; height: 40px; border-radius: 50%; margin-left: 12px }
.comlist li .clbody { margin-left: 64px }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left; height: 18px; line-height: 18px; color: #b10202;   }
.clbody .cinfo span { float: right; margin-right: 10px }
.clbody .cinfo span a { color: #b10202 }
.clbody .cinfo span i { margin-right: 4px }
.clbody em { color: #888888; height: 24px; line-height: 24px; font-size: 12px; font-style: normal; display: block }
.clbody p { line-height: 24px; color: #555555; overflow: hidden;margin:0; }
.clbody p a { color: #b10202 }
.hottags , .links{ overflow: hidden; padding: 10px 0; height: auto; margin-right:-20px; }
.hottags li , .links li{ margin-right:20px; float: left;  line-height: 32px; }
.hottags li a , .links li a { line-height: 32px; }
footer { padding: 15px 0; border-top: 4px solid #dddddd; text-align: center;}
footer p {line-height: 28px; }

@media screen and (max-width:721px){
.bmwap{display:block;}
.banner {height: 285px;}
.carousel-item img { height: 285px;}
.left , .right{width:auto;}
.w49{width:100%;}
.list-shop li{width:48%;}
.list-shop li img{height:242px; }
}
@media screen and (max-width:481px) {
.onlywap , .wap{display:block; }
.pc , .newspic li p , .newspic li .tag{display:none;}
.logo { width: 50px; height: 50px; margin:10px; }
.logo img { width: 50px; height: 50px; }
.website { padding: 10px 0;padding-left: 10px;}
.website h1 , .website .name { font-size: 18px; line-height: 30px;height: 30px;overflow:hidden;}
.website h3 { font-size: 12px; max-height:36px;overflow:hidden;}
.search { padding:5px 0; float: none;border-bottom:1px solid #e6e6e6;width:100%;display: none}
.search form{width:95%;margin:0 auto;}
.search input{ width:80%; padding:0 5px;}
.search button{width:20%;float:none;}
.wapsearch{display:block;float:right;width:50px;overflow: hidden;height:70px;line-height:70px;text-align: center;}
.wapsearch i{font-size:20px;color:#888888;font-weight: bold}
.pgwMenu{height:40px;}
.pgwMenu a{line-height:40px;padding: 0 15px;}
.content { padding: 5px 10px; }
.banner , .carousel-item img{height: 190px;}
.post-ab , .list-shop{margin-right:0;}
.post-ab li , .list-shop li{ width: 100%;margin-right:0; }
.list-shop li img{height:240px; }
footer { padding: 15px 10px; }
}
@media screen and (max-width:361px) {.banner {height: 145px;}
.carousel-item img { height: 145px;}}
@charset "utf-8";
/*-------------------
*Description:        By www.ixxz.cn
*Website:            http://www.ixxz.cn
*Author:             3455768911@qq.com
**update:             2016-10-08(Last:2018-07-09)




-------------------*/


*{border-radius: 5px 5px 5px 5px;padding:0;margin:0}
ul{list-style:none}
img{border:0;vertical-align:middle}
em,i{font-style:normal}
input[type=button]{-webkit-appearance:none;outline:none}, select, textarea, button{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma, arial, '\5b8b\4f53';}

/*body{color:#000;font-family:'\5FAE\8F6F\96C5\9ED1',Arial,Helvetica,sans-serif;font-size:14px;background-color:#F3F2F1;}- */

/*body{margin:auto;font-size:12px;color:#00cd66;font-family:微软雅黑;background:url(https://www.ixxz.cn/zb_users/theme/SiteNav/images/bg.png) top center #feeae9;background-repeat: no-repeat;background-position-y:0;background-size:100%;background-attachment:fixed;margin:auto;} */




a{color: #121312;text-decoration:none;transition:all .2s linear;}
a:hover{color: #1b00ff;}
table{border-collapse:collapse;border-spacing:0;}
td{border:1px #ddd solid;padding:0 .5em;}
.wrap{width:1280px;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ascbg{background: #de20a2;}
.red{color:#f000;}
.tongji{width:1280px;margin:0 auto;}
/* Header */
#top-box{font-size:12px;background:#03364900;}
#top-box .header .logo{float:left;max-width:260px;max-height:80px;overflow:hidden;margin:35px 0 30px;}
#top-box .serch-box{position:relative;float:left;width:450px;padding:37px 0 30px 40px;}
#top-box .serch-box .sint{float:left;width:380px;height:40px;line-height:40px;outline:none;border:0;font-size:15px;padding:0 10px;box-sizing:border-box;border-radius:10px 10px 10px 10px; border: 1px solid #9400d3;}
#top-box .serch-box .btns{margin-right:-10px;clear:both;}
#top-box .serch-box .btns button{float:left;width:66px;height:30px;line-height:100%;text-align:center;outline:none;color:#fcfcfc;font-size:14px;cursor:pointer;margin-right:6px;border:2px rgba(255, 0, 0, 0) dashed;border-bottom:0;border-radius:10px 10px 10px 10px;opacity:.8;background:#000000;}
#top-box .serch-box .btns button i{display:none;margin-right:5px;}
#top-box .serch-box .btns button.ascbg{width:90px;height:32px;margin-top:-2px;color:#fff;font-weight:bold;border:none;box-sizing:border-box;opacity:1}
#top-box .serch-box .btns button.ascbg i{display:inline-block;}
#top-box .serch-box .btns button:hover{color:#fff;}
#top-box .serch-box .sbtn{float:right;width:70px;height:40px;line-height:40px;color:#fff;text-align:center;outline:none;border:0;font-size:15px;cursor:pointer;border-radius:10px 10px 10px 10px;}
#top-box .serch-box .sbtn:hover{color:#ddd;}
#top-box .mbanner{width:470px;height:60px;margin:47px 0 30px 25px;padding:0;overflow:hidden;}
#top-box .header_rt{float:right;text-align:right;color:#fcfcfc;}
#top-box .header_rt a{color:#fcfcfc;}
#top-box .header_rt a:hover{color:#fff;}
#top-box .header_rt .ftip{height:33px;color:#9400d3;font-family:'\5B8B\4F53'}
#top-box .header_rt .ftip>span{display:inline-block;height:14px;margin-left:1em;cursor:pointer;overflow:hidden;}
#sitenav_from span{display:block;}
#top-box .header_rt .rtdiy{height:45px;}
#top-box .header_rt .rtdiy a{display:inline-block;margin:0 0 0 9px;background:#222;padding:3px 7px;border-radius:0 0 5px 5px}

#top-box .header_rt .htt{position:relative;display:inline-block;height:30px;line-height:30px;text-align:center;padding:0 12px 0 30px;overflow:hidden; background: #333;}
#top-box .header_rt .htt .ico{position:absolute;top:1px;left:6px;}
#top-box .header_rt .htt .ico .fa{font-size:16px}
#top-box .header_rt .htt li{max-width:238px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main-nav{height:42px;background:#1c78ba;clear:both;border-radius:15px 15px 15px 15px;}
.main-nav>ul>li{position:relative;float:left;width:10%;z-index:9990}
.main-nav>ul>li:nth-child(n+11){display:none;}
.main-nav>ul>li a{display:block;width:100%;text-align:center;color:#ddd;}
.main-nav>ul>li>a{line-height:42px;font-size:15px;box-sizing:border-box;padding:0 5px;white-space:nowrap;overflow:hidden}
.main-nav>ul>li>a:hover,.main-nav>ul>li>a.cu{color:#fff;}
.main-nav>ul>li>a .fa{margin-right:4px}
.main-nav>ul>li i.dot{position:absolute;top:50%;right:0;display:block;width:0;height:10px;margin:-5px -1px 0;border-left:2px rgba(255,255,255,.2) dotted;}
.main-nav>ul>li:last-child i.dot,.main-nav>ul>li:nth-child(10) i.dot,.main-nav>ul>li ul{display:none;}
.main-nav>ul>li ul{position:absolute;top:100%;width:100%;line-height:32px;border-radius:0 0 5px 5px;overflow:hidden;}
.main-nav>ul>li li a{border-top:1px rgba(255,255,255,.3) dotted;background:rgba(0,0,0,.7)}
.main-nav>ul>li li:first-child a{border-top:0;}
.main-nav>ul>li li a:hover{font-weight:bold;background:rgba(200,110,3,.85)}
/* TopShow */
.top-show{max-height:296px;margin-top:0px;overflow:hidden;}
.top-show .leftp{float:left;margin:10px 4px 0 0;}
.focus-box{position:relative;width:326px;height:266px;border:1px rgba(255, 255, 255, 0) solid;background:rgba(255, 255, 255, 0);padding:6px;overflow:hidden;}
#myFocus,#myFocus img{width:326px;height:266px;border-radius: 15px 15px 15px 15px;}
.top-show .rtp{position:relative;float:left;width:171px;height:133px;margin:10px 0 0 14px;border:1px solid rgba(255, 255, 255, 0);background:rgba(255, 255, 255, 0);}
.top-show .rtp:hover{border-color:#bbb}
.top-show .rtp a{display:block;width:162px;height:124px;margin:3px auto;overflow:hidden;border-radius: 8px 8px 8px 8px;}
.top-show .rtp img{width:100%;height:100%;transition:all .3s linear;}
.top-show .rtp img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
.top-show .rtp .bg{position:absolute;bottom:3px;left:3px;right:3px;width:calc(100% - 6px);height:24px;background:#000;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}
.top-show .rtp.d .bg{background:#f80}
.top-show .rtp p{position:absolute;bottom:3px;left:12px;max-width:94%;line-height:24px;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.top-show .rtp.d p{font-weight:bold;}
.wvshow{margin-top:10px;overflow:hidden;clear:both;}
.logtshow{margin-bottom:20px;margin-top:0px;}
.adshow{margin-top:0px;overflow:hidden;clear:both;}
/* List */
.sn_navico,.sn_cmstii{display:none;}
.index-hot{border-top:1px solid rgba(0, 205, 102, 0);}
.list-box{width:1279px;margin:10px auto 0;clear:both;}
.list-box .hat,.news-box .hat{border-radius: 15px 15px 5px 5px;position:relative;height:43px;line-height:43px;border: 1px solid #dfe7ff;background: #fcfcfc;overflow:hidden;}
.list-box .hat .ti,.news-box .hat .ti{float:left;min-width:80px;font-size:15px;color: #e5e8f1;padding:0 15px;}
.list-box .hat .ti i,.news-box .hat .ti i{margin-right:5px;}
.list-box .hat .ti a,.news-box .hat .ti a{color: #e1eaea;}
.list-box .hat .ti a:hover,.news-box .hat .ti a:hover{color:#a23f3f;}
.list-box .hat li{float:left;padding:0 0 0 30px;overflow:hidden;}
.list-box .hat li .fa{margin-right:4px;color:#999;font-size:13px;}
.list-box .hat .tip,.news-box .hat .tip{float:right;margin-right:40px;color:#696262;font-size:12px;}
.list-box .hat .arr{display:block;position:absolute;top:0;right:0;width:32px;height:100%;text-align:center;}
.list-box .hat .arr:hover,.list-box .hat .arr.cu{background:#3bce60;}
.list-box .hat .arr i{transition:all .2s linear;}
.list-box .hat .arr .rot{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.list-box .item{border-left:1px solid #dfe7ff;}
.list-box .item li{position:relative;float:left;width:16.66666667%;border-right: 1px solid #dfffe5;border-bottom: 1px solid #f1f1f1;background: #ffffff;box-sizing:border-box;}
.list-box .item li a{display:block;height:40px;line-height:38px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5px;}
.list-box .item li a:hover{text-decoration:underline;background:#111;}
.list-box .item li .io .fa{position:absolute;top:14px;right:6px;font-size:10px;color:#bbb;}
.list-box .item li a img{max-width:100%;max-height:40px;margin-top:-1px;}
.list-box .item li div{display:none;position:absolute;top:40px;left:0;width:100%;height:42px;line-height:16px;color:#999;font-size:12px;background:#fff;overflow:hidden;padding:5px 10px;box-sizing:border-box;z-index:999}
.list-box .item li.cu a{color:#111 !important;background:#45494F;}
.list-box .item li.cu div{border:1px #45494F solid;box-shadow:2px 3px 3px #aaa}
.list-box .item li.d{background:#f8f8f8;}
.list-box.nocms{text-align:center;padding:100px 0;}
.list-box.nocms a{color:#f60;}
.list-box.nocms p{color:#ccc;padding:30px 0;}
.list-box.nocms p a{color:#ccc;}
/* Footer */
.fixside{position:fixed;top:50%;right:0;width:28px;margin-top:-110px;padding:20px 0 0;z-index:9990}
.fixside>.fa{display:none;position:absolute;top:0;left:2px;color:#aaa;cursor:pointer;}
.fixside li a{display:block;height:30px;line-height:30px;margin:2px 0 0;font-size:12px;background:#45494F;text-align:center;}
.fixside li a:hover{color:#fff;}
.fixside li a i{margin-right:0;color:#fff;font-size:16px;}
.fixside li a span{display:none;}
.fixside.normal{right:50%;width:82px;margin-right:-638px;}
.fixside.normal li a{background:#fff;}
.fixside.normal li a span{display:inline;}
.fixside.normal li a i{margin-right:5px;color:#333;font-size:14px;}
.fixside.normal li a:hover i{color:#fff;}
.fixside.normal>.fa{left:auto;right:2px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.sn-over-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);opacity:0.6;z-index:9998}
.sn-box{position:fixed;top:100%;left:50%;width:36%;min-height:20%;margin:10% 0 0 -20%;background:#fff;padding:15px 2% 20px;border-radius:12px;filter:alpha(opacity=0);opacity:0;z-index:9999}
.sn-box-ti{height:40px;line-height:40px;border-bottom:1px #ddd solid;font-size:16px;font-weight:bold;}
.sn-box .fa{position:absolute;top:12px;right:12px;color:#aaa;font-size:30px;cursor:pointer;transition:all .2s linear;}
.sn-box .fa:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.sn-box-con{text-align:center;padding:30px 5px 15px;}
.sn-box-nav .foot-tags a{display:inline-block;margin:2px 6px;white-space:nowrap;}
.sn-box-nav .sbox{margin-bottom:20px;border:1px #eee dashed;padding:10px 0;border-radius:5px;}
.sn-box-nav .sbox>ul{display:inline-block;overflow:hidden;clear:both;}
.sn-box-nav .sbox>ul.nav{display:none;}
.sn-box-nav li{float:left;padding:0 1px 3px;}
.sn-box-nav li a{float:left;display:block;width:16px;letter-spacing:1px;text-align:center;color:#fff;background:#555;padding:9px 6px;overflow:hidden;writing-mode:tb-rl;}
.sn-box-nav li a:hover{color:#111;font-weight:bold;background:#eee}
.sn-box-nav li ul{float:left;}
.sn-box-nav li li a{background:#aaa}
.sn-box-share .page-info{color:#888;padding:30px 0;}
.sn-box-share .copyurl{cursor:pointer;}
.sn-box-share #pageurl{width:180px;margin-left:5px;color:#393;background:#f8f8f8;border:0;text-align:center;outline:none;}
.sn-box-admin{line-height:1.8;text-align:left;padding:30px}
.sn-box-admin p{margin:10px 0;}
.sn-box-admin p a{font-size:16px;margin-right:1em}
.sn-box-admin .red{font-size:18px;font-weight:bold;margin:0 3px;}
.wetlist{display:inline-block;width:33.333333%;padding:0 1em;box-sizing:border-box;}
.wetlist p{padding:3px 0 0;}
.sn-box-date .d1{line-height:1.8;font-size:16px;font-weight:bold;}
.sn-box-date .d2 table{margin:15px auto 7px;}
.sn-box-date .d2 tbody td{font-size:12px;padding:3px 9px;}
.sn-box-date .d2 tbody td a{color:#00f;}
.sn-box-date .d2 .tip{color:#ccc;font-size:12px;}
.wetoday{line-height:22px;padding:0 0 15px;}
#footer{width:100%;margin-top:10px;background: #ffffff;padding:0;}
#footer.fixbt{position:absolute;bottom:0;left:0;z-index:999}
#footer .foot-wrap{text-align:center;color: #000000;font-size:12px;line-height:2;}
#footer .foot-wrap ul{margin:0 0 10px;}
#footer .foot-wrap li{display:inline-block;}
#footer p{color: #e8e4e4;font-family:'Verdana';background: #1593ed;padding:7px 1em;}
#footer a{color: #040404;margin-left:5px;}
#footer a:hover{color: #e42626;}
#footer p a{color: rgb(226, 232, 232);margin-left:0;}
/* site-info */
#siteinfo{max-width:100%;margin-top:0px;background:#2c2c2c;}
#siteinfo.fixbt{position:absolute;bottom:0;left:0;z-index:999}
#siteinfo .web-tongji{text-align:center;color:#C3C3C3;font-size:11px;line-height:2;}
#siteinfo .web-tongji ul{margin:0 0 10px;}
#siteinfo .web-tongji li{display:inline-block;}
#siteinfo p{color:#AAA;font-family:'Verdana';background:rgba(255,255,255,.03);padding:7px 1em;}
/* flink */
.flink{padding-bottom:10px;line-height:23px;font-size:12px;overflow:hidden}
.flink span{line-height:30px;height:30px;font-size:14px;margin-bottom:0px;color:#999;display:block}
.flink ul{padding:0px 0px;background:#424242}
.flink ul li{float:left;line-height:30px;height:30px;font-size:14px;margin:0 20px 0 0}
.flink ul li:nth-child(1){margin-left:0}


/* index-tuijian */
.tujian{
	float:right;
	padding-right:30px;
	color:#f70505;
}
/* index-ad */
.index-slide{
    padding:5px;
    background-color: rgba(255, 255, 255, 0.01);
    border-radius: 2px;
    float: left;
    width: 24%;
}
.index-slide .index-slide-content a:hover{
	background: #000;opacity: 0.6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);transition: opacity 300ms linear 0s;
}
.index-slide .index-slide-content img{
	width: 310px;
	height: 230px;
	border-radius: 2px;
}
.index-slide .index-slide-content a p{
	position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.3125rem 0;
    text-align: center;
    color: #fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    /*background-image: linear-gradient(transparent, #000);*/
    background: #000;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.index-links-recommend{
    width: 74%;
    float: right;
    padding: 5px;
    overflow: hidden;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}

.index-links-recommend a{
    width: 16.1333%;
    float: left;
    border-radius: 2px;
    line-height: 35.35px;
    height: 35.35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background-color: rgb(255, 153, 159);
    margin: 2.5px;
    /*word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    transition-duration: .3s;
}

.index-links-recommend a:nth-child(1) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(2) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(3) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(4) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(5) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(6) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(7) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(8) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(9) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(10) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(11) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(12) {
    background-color: #9400D3;
}
.index-links-recommend a:nth-child(13) {
    background-color: #d35900;
}
.index-links-recommend a:nth-child(14) {
    background-color: #d35900;
}
.index-links-recommend a:nth-child(15) {
    background-color: #d35900;
}
.index-links-recommend a:nth-child(16) {
    background-color: #d35900;
}

.index-links-recommend a:nth-child(17) {
    background-color: #d35900;
}
.index-links-recommend a:nth-child(18) {
    background-color: #d35900;
}
.index-links-recommend a:nth-child(19) {
    background-color: #d35900;
}

.index-links-recommend a:nth-child(20) {
    background-color: #d35900;
}

.index-links-recommend a:nth-child(21) {
    background-color: #d35900;
}
.index-links-recommend a:nth-child(22) {
    background-color: #d35900;
}
.index-links-recommend a:nth-child(23) {
    background-color: #d35900;
}

.index-links-recommend a:nth-child(24) {
    background-color: #d35900;
}

/*
.index-links-recommend a:nth-child(1) {
    background-color: #5fb878;
}
.index-links-recommend a:nth-child(5n){
    background-color: #5f48bb;
}
.index-links-recommend a:nth-child(2n){
    background-color: #01AAED;
}
.index-links-recommend a:nth-child(9n){
    background-color: #ec2d85;
}
.index-links-recommend a:nth-child(10){
    background-color: #2F4056;
}*/
.index-links-recommend a:hover{
	background:#FF2805;color:#FFF
}
.index-links-recommend-adds {
	border-radius: 15px 15px 15px 15px ;
    background: #fff;
    overflow: hidden;
    height: 58px;
    width: 73.5%;
    float: right;
    padding: 0px 10px 10px 5px;
}
.index-links-recommend-adds a{
	
}
.index-links-recommend-adds a img{
	width: 100%;
	height: 100%;
}



/**最新加入*/

.zuixinwz {
    background: #9400d3
    margin-right: 0;
    margin-left: 0;
    border: 1px solid rgba(0, 0, 0, .125);
}

.zuixinwz ul {
    padding-left: 0px;
    overflow: hidden;
}

.zuixinwz ul li {
    padding: 3px 2% 3px 2%;
    float: left;
    width: 98.5%;
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 0px;
}

.zuixinwz ul li p {
    overflow: hidden;
    height: 22px;
}

.zuixinwz .tuijian {
    color: #ff0000;
    float:right
}

.zuixinwz a {
    color: #fff;
    overflow: hidden;
}


/* List-page */
.pagenow{color:#fcfcfc;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:20px 0 0;}
.pagenow i{margin:0 5px 0 0}
.pagenow span{color:#00ff1f;margin:0 5px;}
.sort-list{margin-top:20px;overflow:hidden;}
.sort-list li{float:left;width:12.5%;box-sizing:border-box;padding:1px 2px 1px 1px;}
.sort-list li a{display:block;height:36px;line-height:36px;text-align:center;color:#fbfbfb;border:1px #fbfbfb dashed;background: rgb(15, 144, 222);padding:0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sort-list li a:hover{color:#fff;border-style:solid;background:#333D46}
.sort-list li a i{margin-right:5px;font-size:12px;}
.list-page .item li>a{height:108px;line-height:40px;text-align:left;}
.list-page .item li>div{top:40px;display:block;height:57px;line-height:18px;border-top: 1px #00cd66 dashed;background:none;}
.list-page .hat .tip{margin-right:15px;max-width:86%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/* News */
.news-box,.single-content{margin-top:20px;border:1px solid #1fc73d00;background: #fcfcfc;padding:30px;overflow:hidden;}
.news-box .item{padding:5px 0;}
.news-box .item li{position:relative;border-bottom:1px #ffffff dotted;padding:20px 0 20px 75px;clear:both;}
.news-box .item li>a{font-size:16px;font-weight:bold;height:auto;line-height:35px;}
.news-box .item li.d:first-letter{font-size:24px;}
.news-box .item li.p{padding-right:120px;}
.news-box .item li:last-child{border-bottom:0;padding-bottom:0;}
.news-box .item li>div{top:auto;height:auto;line-height:1.5;color: #111;border-top:0;}
.news-box .item li>div a{margin-left:8px;}
.news-box .item li .date{position:absolute;top:24px;left:0;display:block;width:54px;height:54px;line-height:1;color:#fff;font-size:16px;font-family:Arial;text-align:center;background:#ccc;border-radius:6px;}
.news-box .item li .date u{display:block;font-size:24px;text-decoration:none;padding:5px 0 2px;}
.news-box .item li .ap{display:block;position:absolute;top:24px;right:0;width:100px;height:76px;overflow:hidden;}
.news-box li.p img{width:100%;height:auto;transition:all .3s linear;opacity:.6}
.news-box li.p img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);opacity:1;}
/* PageNav */
.pager{text-align:center;padding:25px 0 15px;}
.pager a,.pager>span{display:inline-block;font:14px/18px Arial;padding:7px 12px;margin:2px;height:18px;border:1px #ddd solid;background:#FFF}
.pager a:hover,.pager>span{color:#fff;border-color:#036564;background:#036564}
/* Log */
.single-content>h1{font-size:24px;padding:0 0 20px;}
.post-meta{margin:0 0 20px;background:#f6f6f6;padding:10px 10px;}
.post-meta span{margin-right:10px;color:#666;font-size:13px;}
.post-meta .url .fa{cursor:pointer;}
.post-content{line-height:1.9;font-size:16px;}
.post-content p{margin:9px 0;}
.post-content *{max-width:100%;}
.post-content img{max-width:100% !important;height:auto !important;}
.post-content .ma{display:block;width:32%;height:48px;line-height:48px;margin:30px auto;text-align:center;color:#fff;font-size:18px;border-radius:24px 0 24px 0}
.post-content .ma:hover{background:#399}
.post-content .tags a{color:#399;margin-right:1em;}
.post-content .tags a:hover{color:#f80}
.relist-box{margin:20px 0;background:#f6f6f6;overflow:hidden;padding:10px 0;}
.relist-box li{float:left;width:16.6666667%;margin:8px 0;}
.relist-box li a{display:block;height:16px;line-height:16px;border-left:1px #E9E9E9 solid;margin:0 0 0 -1px;padding:0 12px 0 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-shadow:1px 0 0 #fff;}
.relist-box li:last-child a{box-shadow:none;}
.post-PrevNext{margin:20px 0 0;border-top:1px solid #E9E9E9;font-size:18px;font-weight:bold;padding:20px 0 0;overflow:hidden;}
.post-PrevNext p.lt{float:left;padding-right:1em}
.post-PrevNext p.lt i{margin-right:10px;}
.post-PrevNext p.rt{float:right;padding-left:1em}
.post-PrevNext p.rt i{margin-left:10px;}
.searchbox p{line-height:1.8;margin:15px 0}
.searchbox p a{color:#399;}
.searchbox p a:first-child{color:#06C;font-size:16px;text-decoration:underline}
.searchbox p strong{color: #f50000;}
/* Turn */
.turn{background-color: #0e9994;border: none;color: white;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;border-radius: 5px;margin: 20px 5px;}
/* Comment */
.ocmt-box{margin:25px 0 0;overflow:hidden;clear:both;}
ul.msg{margin:10px 0;padding:5px 0;text-align:left;word-wrap:break-word;clear:both}
li.tbname{font-size:18px;height:48px;line-height:48px;border-bottom:solid 1px #E9E9E9;position:relative;margin-top:5px;font-weight:bold}
li.tbname span{font-weight:normal;margin-right:2px;}
li.msgname{padding:0 0 5px 5px;}
li.msgarticle{color:#666;font-size:14px;padding:0 0 15px;line-height:160%;padding-left:55px;border-bottom:1px #E9E9E9 solid;}
li.msgtime{padding:5px 0 0 0;}
img.avatar{width:40px;height:40px;float:left;margin:0 15px 0 0;border-radius:5px}
ul.msg ul.msg{margin:10px 0 0 20px;clear:both;border:1px #eee solid;padding:10px 5px 0 10px}
ul.msg ul.msg li.msgarticle{padding-bottom:5px;border-bottom:0}
ul.msg ul.msg li.msgname{padding:0}
.nomsg{color:#999;margin:20px 0 0;text-align:center;border:0 #eee solid;border-width:1px 0;padding:30px 0;}
.msgname small{color:#999;font-size:12px;margin:0 10px}
.commentname{font-size:12px;}
.revertcomment a{color:#399;font-size:10px;}
.posttop{font-size:18px;font-weight:bold;padding:20px 0 0;clear:both}
.post{padding:0 0 10px;overflow:hidden;clear:both}
.post .posttop{height:20px;padding:5px 0 15px}
.post p{position:relative;float:left;width:20%;height:28px;line-height:28px;margin:0 2% 10px 0;border:1px #ccc solid;background:#eee;padding:0 1px 0 30px;border-radius:5px}
.post p i.fa{position:absolute;top:6px;left:6px;font-size:16px}
.post p input{width:100%;height:28px;line-height:normal;vertical-align:top;text-indent:8px;border:none;border-left:1px #ccc solid;outline:none;border-radius:0 5px 5px 0}
.post p.vcode{background:none;margin-right:0;padding-left:3px}
.post p.vcode input{border:0}
.post p.vcode img{position:absolute;top:0;right:0;height:100%;vertical-align:top}
#cancel-reply{float:right;cursor:pointer;font-size:12px;font-weight:normal;padding:0 0 7px}
div.reply-frm{background:#f0f0f0;box-shadow:0 0 15px #999;margin:1em 0 !important;padding:10px !important;min-width:0px;}
#txaArticle{display:block;width:98%;width:calc(98% - 2px);height:80px;font-size:14px;border: solid 1px #ccc;padding:1%;resize:none;outline:none;overflow:hidden;
background-image: -webkit-linear-gradient(top,#f9f9f9,#fff);background-image:linear-gradient(to bottom,#f9f9f9,#fff);background-repeat:repeat-x;border-radius:5px 5px 0 0;clear:both}
.post .cpost{position:relative;width:calc(98% - 2px);border:1px solid #ccc;border-top:0;overflow:hidden;padding-right:2%;background-image:linear-gradient(to bottom,#fff,#f9f9f9);clear:both}
.post .cpost i.fa{width:50px;height:30px;line-height:30px;color:#666;font-size:16px;border-right:1px #ccc solid;background:#eee;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);cursor:pointer}
.post .button{position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;text-align:center;text-shadow:0 1px 0 #fff;font-weight:bold;background:#eee;border:0;border-left:1px #ccc solid;cursor:pointer;background-image:linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);outline:none}
.post .cpost i.fa:hover,.button:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);background-image:-webkit-linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}
.post .cpost .keytip{position:absolute;top:8px;right:100px;color:#ccc;font-size:12px;font-family:"Microsoft Yahei";text-shadow:1px 1px 0 #fff;}
@media only screen and (max-width:1080px) {
	.wrap{width:97%;}
	.tongji{width:97%;}
	.sn-box{width:90%;margin:20% 0 0 -47%;}
	.serch-box,.leftp{display:none;}
	.main-nav>ul>li{width:20%;}
	.main-nav>ul>li:nth-child(n+6),.main-nav>ul>li:nth-child(5n) i.dot{display:none}
	.top-show .rtp{width:23%;margin-left:0;margin-right:2.62%;border:0;}
	.top-show .rtp:nth-child(4n+1){margin-right:0}
	.top-show .rtp a{width:100%;height:100%;margin:0;}
	.top-show .rtp .bg{bottom:0;left:0;width:100%;}
	.top-show .rtp p{bottom:0}
	.wvshow img,.list-box{width:100%}
    .wvshow img{height:48px;}
	.sort-list li{width:25%;}
	.list-page .hat .tip{max-width:70%}
	.adshow img,.list-box{width:100%}
	.flink ul{padding:0}
    .flink ul li{width:25%;margin:0;text-align:center}
    .flink{padding-bottom:1%}
	.index-slide {display: none;}
	.layui-col-md12 {width: 100%;}
	.index-links-recommend {width: auto;padding: 1%;float: none;}
	.index-links-recommend a{width: 24%;margin: 0.5%;}
	.index-links-recommend-adds {background: #fff;overflow: hidden;height: 48px;width: auto;float: none;padding: 0 1.5% 1.5%;}
}
@media only screen and (max-width:480px) {
	#top-box .header .logo{width:40%;margin:7px 0 7px 3px;}
	#top-box .header .logo img{max-width:100%}
	.serch-box,.ftip,#top-box .header_rt .htt,.leftp,.pagenow i,.main-nav,.cpost .keytip{display:none;}
	#top-box .header_rt .rtdiy{height:auto;padding-top:16px}
	#top-box .header_rt .rtdiy a{font-size:12px;margin-left:6px}
	.top-show{max-height:584px;}
	.top-show .rtp{width:49%;margin-right:0}
	.top-show .rtp:nth-child(2n-1){float:right;}
	.list-box .hat{height:38px;line-height:38px;}
	.list-page .hat .tip{max-width:60%}
	.listbtshow{margin-top:10px;}
	.list-box .item li,.relist-box li{width:33.33% !important;}
	.list-page .item li a{height:90px;}
	.list-page .item li div{height:40px;}
	.news-box{padding:10px;}
	.news-box .item li>div{height:auto;}
	.sort-list{margin:15px auto;}
	.sort-list li{width:33.33333333%;}
	.single-content{padding:20px 15px;}
	.single-content>h1{font-size:18px}
	.post-content .ma{width:38%;}
	.post-PrevNext{font-size:16px}
	ul.msg ul.msg{border-style:dotted}
	li.msgarticle{padding-left:0;}
	.news-box .item li{padding-left:58px;}
	.news-box .item li.p{padding-right:0;}
	.news-box .item li .date{width:46px;}
	.news-box .item li .ap{position:static;width:100%;height:auto;max-height:200px;margin-top:8px;}
	.sn-box-nav .foot-tags{height:160px;overflow:hidden;}
	.sn-box-nav .sbox{overflow-x:auto;}
	.sn-box-nav .sbox>ul.nav{display:inline-block;width:200%;margin-bottom:10px;}
	.sn-box-nav .sbox>ul.sort{display:none;}
	#top-box .wrap{width:100%;}
	#top-box .serch-box{display:block;width:100%;background: rgba(214, 107, 30, 0);padding:10px 5px 5px;box-sizing:border-box;}
	#top-box .serch-box .btns button{width:14%;height:24px;margin-right:1%;border-radius:0;border-width:1px;}
	#top-box .serch-box .btns button.ascbg{width:80px;height:26px;}
	#top-box .serch-box .sint{width:100%;height:32px;line-height:32px;border-radius:0;}
	#top-box .serch-box .sbtn{height:32px;line-height:32px;margin-left:-70px;border-radius:0;}
	#top-box .header_rt{position:absolute;top:3px;right:9px;}
}

	
/**新版收录站内页**/
.xs-1, .sm-1, .md-1, .lg-1, .xs-2, .sm-2, .md-2, .lg-2, .xs-3, .sm-3, .md-3, .lg-3, .xs-4, .sm-4, .md-4, .lg-4, .xs-5, .sm-5, .md-5, .lg-5, .xs-6, .sm-6, .md-6, .lg-6, .xs-7, .sm-7, .md-7, .lg-7, .xs-8, .sm-8, .md-8, .lg-8, .xs-9, .sm-9, .md-9, .lg-9, .xs-10, .sm-10, .md-10, .lg-10, .xs-11, .sm-11, .md-11, .lg-11, .xs-12, .sm-12, .md-12, .lg-12 {
    position: relative;
    min-height: 1px;
    padding: 8px;
}

@media screen and (max-width: 767px) {
    .xs-1, .sm-1, .md-1, .lg-1, .xs-2, .sm-2, .md-2, .lg-2, .xs-3, .sm-3, .md-3, .lg-3, .xs-4, .sm-4, .md-4, .lg-4, .xs-5, .sm-5, .md-5, .lg-5, .xs-6, .sm-6, .md-6, .lg-6, .xs-7, .sm-7, .md-7, .lg-7, .xs-8, .sm-8, .md-8, .lg-8, .xs-9, .sm-9, .md-9, .lg-9, .xs-10, .sm-10, .md-10, .lg-10, .xs-11, .sm-11, .md-11, .lg-11, .xs-12, .sm-12, .md-12, .lg-12 {
        padding: 4px;
    }
}
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 {
    float: left;
}
.xs-12 {
    width: 100%;
}
.xs-11 {
    width: 91.66666667%;
}
.xs-10 {
    width: 83.33333333%;
}
.xs-9 {
    width: 75%;
}
.xs-8 {
    width: 66.66666667%;
}
.xs-7 {
    width: 58.33333333%;
}
.xs-6 {
    width: 47%;
}
.xs-5 {
    width: 41.66666667%;
}
.xs-4 {
    width: 33.33333333%;
}
.xs-3 {
    width: 25%;
}
.xs-2 {
    width: 16.66666667%;
}
.xs-1 {
    width: 8.33333333%;
}
@media (min-width: 767px) {
    .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 {
        float: left;
    }
    .sm-12 {
        width: 100%;
    }
    .sm-11 {
        width: 91.66666667%;
    }
    .sm-10 {
        width: 83.33333333%;
    }
    .sm-9 {
        width: 75%;
    }
    .sm-8 {
        width: 66.66666667%;
    }
    .sm-7 {
        width: 58.33333333%;
    }
    .sm-6 {
        width: 50%;
    }
    .sm-5 {
        width: 41.66666667%;
    }
    .sm-4 {
        width: 33.33333333%;
    }
    .sm-3 {
        width: 25%;
    }
    .sm-2 {
        width: 16.66666667%;
    }
    .sm-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 991px) {
    .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12 {
        float: left;
    }
    .md-12 {
        width: 100%;
    }
    .md-11 {
        width: 91.66666667%;
    }
    .md-10 {
        width: 83.33333333%;
    }
    .md-9 {
        width: 75%;
    }
    .md-8 {
        width: 66.66666667%;
    }
    .md-7 {
        width: 58.33333333%;
    }
    .md-6 {
        width: 50%;
    }
    .md-5 {
        width: 41.66666667%;
    }
    .md-4 {
        width: 33.33333333%;
    }
    .md-3 {
        width: 25%;
    }
    .md-2 {
        width: 16.66666667%;
    }
    .md-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 1300px) {
    .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12 {
        float: left;
    }
    .lg-12 {
        width: 100%;
    }
    .lg-11 {
        width: 91.66666667%;
    }
    .lg-10 {
        width: 83.33333333%;
    }
    .lg-9 {
        width: 75%;
    }
    .lg-8 {
        width: 66.66666667%;
    }
    .lg-7 {
        width: 58.33333333%;
    }
    .lg-6 {
        width: 50%;
    }
    .lg-5 {
        width: 41.66666667%;
    }
    .lg-4 {
        width: 33.33333333%;
    }
    .lg-3 {
        width: 30%;
    }
    .lg-2 {
        width: 16.66666667%;
    }
    .lg-1 {
        width: 8.33333333%;
    }
}
.lianmeng {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .lianmeng {
        width: 100%;
    }
}
.lianmeng-neiye {
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 0px 1px #ddd;
    border-radius: 2px;
}
.lianmeng-neiye .lianmeng-neiye-heading {
    color: #666;
    font-size: 16px;
    font-weight: 900;
    padding: 12px;
    border-left: 3px solid #0e9994;
    border-bottom: 1px solid #eee;
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye .lianmeng-neiye-heading {
        font-size: 14px;
        padding: 8px;
    }
}
.lianmeng-neiye .lianmeng-neiye-heading .more {
    float: right;
    font-size: 14px;
    line-height: 21px;
    margin-right: 5px;
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye .lianmeng-neiye-heading .more {
        font-size: 13px;
    }
}
.lianmeng-neiye .lianmeng-neiye-body {
    padding: 10px;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye .lianmeng-neiye-body {
        padding: 5px;
    }
}
.lianmeng-neiye .lianmeng-neiye-body .content {
    font-size: 14px;
    line-height: 22px;
    padding: 8px;
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye .lianmeng-neiye-body .content {
        font-size: 13px;
    }
	.lianmeng-neiye .lianmeng-neiye-body .content img {
    width:100%;}
}
.lianmeng-neiye .lianmeng-neiye-body p {
    margin: 6px auto;
}
.lianmeng-neiye-logo {
    width: 280px;
    padding: 20px 20px 0;
    float: left;
    text-align: center;
}
@media screen and (max-width: 1300px) {
    .lianmeng-neiye-logo {
        width: 240px;
    }
}
@media screen and (max-width: 991px) {
    .lianmeng-neiye-logo {
        position: absolute;
        right: 0;
        width: 65%;
        padding: 35px 75px;
    }
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye-logo {
        padding: 35px 20px;
    }
}
.lianmeng-neiye-logo .logo-box {
    width: 240px;
    height: 80px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 991px) {
    .lianmeng-neiye-logo .logo-box {
        width: 40%;
        height: 100px;
    }
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye-logo .logo-box {
        height: 60px;
    }
}
.lianmeng-neiye-logo .logo-box img {
	padding: 5px;
    border: 1px solid #32a253;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0 6px #ec1212;
    border-radius: 2px;
}
.lianmeng-neiye-main {
    width: calc(100% - 340px);
    float: right;
    padding: 5px;
}
@media screen and (max-width: 1300px) {
    .lianmeng-neiye-main {
        width: calc(100% - 240px);
    }
}
@media screen and (max-width: 991px) {
    .lianmeng-neiye-main {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye-main {
        font-size: 13px;
    }
}

.lianmeng-neiye-main span {
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 1300px) {
    .lianmeng-neiye-main span {
        line-height: 24px;
    }
}

.lianmeng-neiye-main .rank {
    margin-bottom: 2px;
    width: 55px;
    height: 22px;
}
.lianmeng-neiye-main .star {
    margin-bottom: -2px;
}
.lianmeng-neiye-btns {
    float: left;
    padding: 0 0px;
    width: 280px;
}
@media screen and (max-width: 1300px) {
    .lianmeng-neiye-btns {
        width: 240px;
    }
}
@media screen and (max-width: 991px) {
    .lianmeng-neiye-btns {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}
.lianmeng-neiye-btns .btn {
    width: 100%;
    margin: 20px 0 0;
}
@media screen and (max-width: 991px) {
    .lianmeng-neiye-btns .btn {
        width: 120px;
        margin: 5px;
    }
}
@media screen and (max-width: 767px) {
    .lianmeng-neiye-btns .btn {
        width: 105px;
    }
}
.btn {
    width: 120px;
    height: 40px;
    margin: 5px;
    color: #fff;
    font-size: 15px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    outline: none;
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: opacity .3s;
    -moz- transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
@media screen and (max-width: 767px) {
    .btn {
        width: 105px;
        height: 35px;
        font-size: 13px;
    }
}
.btn:hover {
    color: #fff;
    opacity: 0.8;
}
.btn:active {
    opacity: 1;
}
.btn-orange {
    background: #ff7f00;
}
.btn-black {
    background: #000;
}
.btn-red {
    background: #ff5722;
}
.btn-yellow {
    background: #ffb800;
}
.btn-blue {
    background: #1e9fff;
}

.btn-green {
    background: #5cb85c;
}
.btn-block {
    width: 100%;
}
/**收录站内页网站信息**/
.lianmeng-content {
    float:left;
	width: 75%;
}

@media screen and (max-width: 767px) {
    .lianmeng-content {
        width: 100%;
    }
  .lianmeng-neiye-logo .logo-box img {
	padding: 5px;
    border: 1px solid #ddd;
    margin-left: 50px;
    max-width: 50%;
    max-height: 100%;
    box-shadow: 0 0 6px #ccc;
    border-radius: 2px;
}
}
.lianmeng-content-img {
    float:right;
	width: 15%;
	margin-right: 50px;
}

.dnwu {
    display: none;
}

@media screen and (max-width: 1100px) {
    .sjwu {
        display: none;
    }
    .dnwu {
        display: block;
    }
}










