*{font-family:"Microsoft YaHei"; font-size:14px}
body { background-color:#ffffff; color: #555; }
a { text-decoration: none; border: 0; background-color: transparent; }
a:hover { color: #0095d9; text-decoration: none; }
a:active { color: red; outline:0; text-decoration: none; }
body, div, q, iframe, form, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul, dl, li { list-style: none; }
img, fieldset { border: none 0; }
body, td, textarea { word-break: break-all; word-wrap: break-word; line-height:1.5; }
body, input, textarea, select, button { margin: 0; font-size: 12px; font-family: Tahoma, SimSun, sans-serif; }
div, p, table, th, td { font-size:1em; font-family:"Microsoft YaHei"; line-height:inherit; font-size:14px}
em, i { color:#999 }
h1, h2, h3, h4, h5, h6 { color:#444 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#222 }
hr { clear:both; margin:7px 0; +margin: 0;
border:0 none; font-size: 1px; line-height:1px; color: #ddd; background-color:#ddd; height: 1px; }
h1 { font-size: 24px; font-family:"Microsoft YaHei", SIMHEI, sans-serif; font-weight: normal; }
h2 { font-size: 20px; font-family:"Microsoft YaHei", SIMHEI, sans-serif; font-weight: 700; }
h3 { font-size: 16px; font-family:"Microsoft YaHei", Arial, sans-serif; font-weight: bold; }
h4 { font-size: 14px; font-family:"Microsoft YaHei", Arial, sans-serif; }
h5 { font-size: 13px; font-family:"Microsoft YaHei", SIMSUN, sans-serif; font-weight: bold;}
h5 a{color:#004276; }
h6 { font-size: 12px; font-family:"Microsoft YaHei", SIMSUN, sans-serif; font-weight: bold; }
option { padding-left:0.5em }
.gb-content{font-size:16px;}


.text-shd{ display: block;  font-family:"微软雅黑";  font-size: 16px;  color: #fff;  text-shadow:0 1px 4px rgba(0,0,0,0.6);  font-weight: bold;} 
.nav{z-index:999; background-image:url(../images/navbg.png); color:#FFFFFF; border:#3366CC 1px solid; border-radius:3px}
.nav li{height:28px; line-height:28px;}
.nav a{ color:#FFFFFF}
.hr{height:3px; display:block; *width:100%}
.bc-gray-l{background-color:#F4F4F4}
.bc-gray-d{background-color:#9E9E9E}
.bc-gray{background-color:#C8C8C8}
.bc-blue{background-color:#738AE8}
.bc-blue-l{background-color:#D1DBF5}
.bc-blue-d{background-color:#111171}

.fc-gray-l{color:#F4F4F4}
.fc-gray-d{color:#9E9E9E}
.fc-gray{color:#C8C8C8}
.fc-blue{color:#738AE8}
.fc-blue-l{color:#D1DBF5}
.fc-blue-d{color:#111171}
.overfl{overflow:hidden;text-overflow:ellipsis;} 
.line {
  *width: 100%;
  height: 2px;
  margin: 10px 0;
  font-size: 0;
  overflow: hidden;
  background-color: transparent;
  border-width: 0;
  border-top: 1px solid #e8e8e8;
}
.line-xs {
  margin: 0;
}
.line-lg {
  margin-top: 15px;
  margin-bottom: 15px;
}
.line-dashed {
  border-style: dashed;
  background: transparent;
}
.no-line {
  border-width: 0;
}
.no-border,
.no-borders {
  border-color: transparent;
  border-width: 0;
}
.no-radius {
  border-radius: 0;
}
.block {
  display: block;
}
.block.hide {
  display: none;
}
.inline {
  display: inline-block !important;
}
.pull-none {
  float: none;
}
.rounded {
  border-radius: 500px;
}
.bold {
  font-weight: bold;
}
.l-h1{
	line-height:100%;
}
.l-h15{
	line-height:150%;
}
.l-h20{
	line-height:200%;
}
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.yahei {
  font-family: "Microsoft YaHei";
}
.opensans {
  font-family: "Open Sans";
}
.lh16 {
  line-height: 1.6;
}
.lh18 {
  line-height: 1.8;
}
.lh20 {
  line-height: 2.0;
}
.btn-s-xs {
  min-width: 90px;
}
.btn-s-sm {
  min-width: 100px;
}
.btn-s-md {
  min-width: 120px;
}
.btn-s-lg {
  min-width: 150px;
}
.btn-s-xl {
  min-width: 200px;
}
.l-h-2x {
  line-height: 2em;
}
.l-h-1x {
  line-height: 1.2;
}
.l-h {
  line-height: 1.5;
}
.v-middle {
  vertical-align: middle !important;
}
.v-top {
  vertical-align: top !important;
}
.v-bottom {
  vertical-align: bottom !important;
}
.font-thin {
  font-weight: 300;
}
.font-normal {
  font-weight: normal;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.text-md {
  font-size: 0.85em;
}
.text-sm {
  font-size: 12px;
}
.text-xs {
  font-size: 10px;
}
.text-ellipsis {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-uc {
  text-transform: uppercase;
}
.text-lt {
  text-decoration: line-through;
}
.text-ul {
  text-decoration: underline;
}
.box-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.avatar {
  border: 1px solid rgba(255, 255, 255, 0.35);
  display: block;
  border-radius: 500px;
  white-space: nowrap;
}
.avatar img {
  border-radius: 500px;
}
.wrapper-sm {
  padding: 10px;
}
.wrapper {
  padding: 15px;
}
.wrapper-md {
  padding: 20px;
}
.wrapper-lg {
  padding: 30px;
}
.wrapper-xl {
  padding: 50px;
}
.padder {
  padding-left: 15px;
  padding-right: 15px;
}

.padder-sm {
  padding-left: 5px;
  padding-right: 5px;
}
.padder-v {
  padding-top: 15px;
  padding-bottom: 15px;
}
.no-padder {
  padding: 0 !important;
}
.pull-in {
  margin-left: -15px;
  margin-right: -15px;
}
.pull-out {
  margin: -10px -15px;
}
.b-a {
  border: 1px solid #cfcfcf;
}
.b-t {
  border-top: 1px solid #333399;
}
.b-r {
  border-right: 1px solid #333399;
}
.b-b {
  border-bottom: 1px solid #333399;
}
.b-l {
  border-left: 1px solid #333399;
}
.margin-t{margin-top:10px}
.margin-l{margin-left:10px}
.margin-r{margin-right:10px}
.margin-b{ margin-bottom:10px}
.margin{margin:10px}
.text-indent{text-indent:2em}
.hide{display:none}

/* 分页 */
* { margin:0; padding:0;}
.pagebox{overflow:hidden; zoom:1; font-size:12px; font-family:"宋体",sans-serif;}
.pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}
.pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;}
.pagebox span.pagebox_pre_nolink{border:1px #ddd solid;  line-height:21px; text-align:center; color:#999; cursor:default; padding:0 8px;}
.pagebox span.pagebox_pre{color:#3568b9;}
.pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #b8b8b8 solid; color:#b8b8b8; text-decoration:none; text-align:center; width:53px; cursor:pointer;line-height:21px;}
.pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #363636 solid;}
.pagebox span.pagebox_num_nonce{border:1px #0095d9 solid; padding:0 8px; line-height:21px; color:#fff; cursor:default; background:#0095d9;}
.pagebox span.pagebox_num{color:#3568b9; height:23px;}
.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #b8b8b8 solid; color:#8a8a8a; text-decoration:none; padding:0 8px; cursor:pointer; line-height:21px;}
.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #363636 solid;color:#363636;}
.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;}
.pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; line-height:21px; text-align:center; color:#999; cursor:default;}
.pagebox .pagebox_jump{line-height:21px; font-style:normal}
.pagebox .pagebox_button{padding:0 8px; line-height:21px; margin-left:10px}
.pagebox .pagebox_input{margin:0 5px; width:40px}
.mobile-page{position:relative; height:60px}
.mobile-page .pagebox_jump{ position:absolute; top:30px; right:10px}
.mobile-page .pagebox_pre_nolink{position:absolute; top:30px}

.needinput{color:#F00; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px}

label{font-weight:normal; font-size:12px;}

.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}

.vote-index{background-color:#FF9900; color:#FFFFFF; padding:2px 7px 2px 7px;} 


/* === Grid === */

.row > [class*="col-"],
.row > [class*="tablet-"] {
  box-sizing: border-box;
  float: left;
}
.row .first {
  margin-left: -4%;
}
.row.no-gutter {
  margin-left: 0;
}
.row .col-100 {
  width: 96%;
  margin-left: 4%;
}
.row.no-gutter .col-100 {
  width: 100%;
  margin: 0;
}
.row .col-95 {
  width: 91%;
  margin-left: 4%;
}
.row.no-gutter .col-95 {
  width: 95%;
  margin: 0;
}
.row .col-90 {
  width: 86%;
  margin-left: 4%;
}
.row.no-gutter .col-90 {
  width: 90%;
  margin: 0;
}
.row .col-85 {
  width: 81%;
  margin-left: 4%;
}
.row.no-gutter .col-85 {
  width: 85%;
  margin: 0;
}
.row .col-80 {
  width: 76%;
  margin-left: 4%;
}
.row.no-gutter .col-80 {
  width: 80%;
  margin: 0;
}
.row .col-75 {
  width: 71.00000000000001%;
  margin-left: 4%;
}
.row.no-gutter .col-75 {
  width: 75%;
  margin: 0;
}
.row .col-66 {
  width: 62.66666666666666%;
  margin-left: 4%;
}
.row.no-gutter .col-66 {
  width: 66.66666666666666%;
  margin: 0;
}
.row .col-60 {
  width: 55.99999999999999%;
  margin-left: 4%;
}
.row.no-gutter .col-60 {
  width: 60%;
  margin: 0;
}
.row .col-50 {
  width: 46%;
  margin-left: 4%;
}
.row.no-gutter .col-50 {
  width: 50%;
  margin: 0;
}
.row .col-40 {
  width: 36%;
  margin-left: 4%;
}
.row.no-gutter .col-40 {
  width: 40%;
  margin: 0;
}
.row .col-33 {
  width: 29.333333333333332%;
  margin-left: 4%;
}
.row.no-gutter .col-33 {
  width: 33.333333333333336%;
  margin: 0;
}
.row .col-25 {
  width: 21%;
  margin-left: 4%;
}
.row.no-gutter .col-25 {
  width: 25%;
  margin: 0;
}
.row .col-20 {
  width: 16%;
  margin-left: 4%;
}
.row.no-gutter .col-20 {
  width: 20%;
  margin: 0;
}
.row .col-15 {
  width: 10.999999999999998%;
  margin-left: 4%;
}
.row.no-gutter .col-15 {
  width: 15%;
  margin: 0;
}
.row .col-10 {
  width: 6%;
  margin-left: 4%;
}
.row.no-gutter .col-10 {
  width: 10%;
  margin: 0;
}
.row .col-5 {
  width: 1%;
  margin-left: 4%;
}
.row.no-gutter .col-5 {
  width: 5%;
  margin: 0;
}
@media all and (min-width: 768px) {

  .row .col-100 {
    width: 98%;
    margin-left: 2%;
  }
  .row.no-gutter .col-100 {
    width: 100%;
    margin: 0;
  }
  .row .col-95 {
    width: 93%;
    margin-left: 2%;
  }
  .row.no-gutter .col-95 {
    width: 95%;
    margin: 0;
  }
  .row .col-90 {
    width: 87.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .col-90 {
    width: 90%;
    margin: 0;
  }
  .row .col-85 {
    width: 82.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .col-85 {
    width: 85%;
    margin: 0;
  }
  .row .col-80 {
    width: 78%;
    margin-left: 2%;
  }
  .row.no-gutter .col-80 {
    width: 80%;
    margin: 0;
  }
  .row .col-75 {
    width: 73%;
    margin-left: 2%;
  }
  .row.no-gutter .col-75 {
    width: 75%;
    margin: 0;
  }
  .row .col-66 {
    width: 64.66666666666666%;
    margin-left: 2%;
  }
  .row.no-gutter .col-66 {
    width: 66.66666666666666%;
    margin: 0;
  }
  .row .col-60 {
    width: 58%;
    margin-left: 2%;
  }
  .row.no-gutter .col-60 {
    width: 60%;
    margin: 0;
  }
  .row .col-50 {
    width: 48%;
    margin-left: 2%;
  }
  .row.no-gutter .col-50 {
    width: 50%;
    margin: 0;
  }
  .row .col-40 {
    width: 38%;
    margin-left: 2%;
  }
  .row.no-gutter .col-40 {
    width: 40%;
    margin: 0;
  }
  .row .col-33 {
    width: 31.333333333333332%;
    margin-left: 2%;
  }
  .row.no-gutter .col-33 {
    width: 33.333333333333336%;
    margin: 0;
  }
  .row .col-25 {
    width: 23%;
    margin-left: 2%;
  }
  .row.no-gutter .col-25 {
    width: 25%;
    margin: 0;
  }
  .row .col-20 {
    width: 18%;
    margin-left: 2%;
  }
  .row.no-gutter .col-20 {
    width: 20%;
    margin: 0;
  }
  .row .col-15 {
    width: 13%;
    margin-left: 2%;
  }
  .row.no-gutter .col-15 {
    width: 15%;
    margin: 0;
  }
  .row .col-10 {
    width: 8%;
    margin-left: 2%;
  }
  .row.no-gutter .col-10 {
    width: 10%;
    margin: 0;
  }
  .row .col-5 {
    width: 3%;
    margin-left: 2%;
  }
  .row.no-gutter .col-5 {
    width: 5%;
    margin: 0;
  }
  .row .tablet-100 {
    width: 98%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-100 {
    width: 100%;
    margin: 0;
  }
  .row .tablet-95 {
    width: 93%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-95 {
    width: 95%;
    margin: 0;
  }
  .row .tablet-90 {
    width: 87.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-90 {
    width: 90%;
    margin: 0;
  }
  .row .tablet-85 {
    width: 82.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-85 {
    width: 85%;
    margin: 0;
  }
  .row .tablet-80 {
    width: 78%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-80 {
    width: 80%;
    margin: 0;
  }
  .row .tablet-75 {
    width: 73%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-75 {
    width: 75%;
    margin: 0;
  }
  .row .tablet-66 {
    width: 64.66666666666666%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-66 {
    width: 66.66666666666666%;
    margin: 0;
  }
  .row .tablet-60 {
    width: 58%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-60 {
    width: 60%;
    margin: 0;
  }
  .row .tablet-50 {
    width: 48%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-50 {
    width: 50%;
    margin: 0;
  }
  .row .tablet-40 {
    width: 38%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-40 {
    width: 40%;
    margin: 0;
  }
  .row .tablet-33 {
    width: 31.333333333333332%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-33 {
    width: 33.333333333333336%;
    margin: 0;
  }
  .row .tablet-25 {
    width: 23%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-25 {
    width: 25%;
    margin: 0;
  }
  .row .tablet-20 {
    width: 18%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-20 {
    width: 20%;
    margin: 0;
  }
  .row .tablet-15 {
    width: 13%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-15 {
    width: 15%;
    margin: 0;
  }
  .row .tablet-10 {
    width: 8%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-10 {
    width: 10%;
    margin: 0;
  }
  .row .tablet-5 {
    width: 3%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-5 {
    width: 5%;
    margin: 0;
  }
}

.ma-40{ margin:40px}
.ma-to-40{margin-top:40px}

.ma-bo-40{margin-bottom:40px}
.ma-lr-40{margin-right:40px; margin-left:40px}
.ma-lt-40{ margin-left:40px}
.ma-rt-40{ margin-right:40px}
.ma-30{ margin:30px}
.ma-to-30{margin-top:30px}
.ma-bo-30{margin-bottom:30px}
.ma-lr-30{margin-right:30px; margin-left:30px}
.ma-lt-30{ margin-left:30px}
.ma-rt-30{ margin-right:30px}


.ma-to-14{margin-top:14px}
.ma-bo-14{margin-bottom:14px}
.ma-lr-14{margin-right:14px; margin-left:14px}
.ma-lt-14{ margin-left:14px}
.ma-rt-14{ margin-right:14px}

.ma-to-15{margin-top:15px}
.ma-bo-15{margin-bottom:15px}
.ma-lr-15{margin-right:15px; margin-left:15px}
.ma-lt-15{ margin-left:15px}
.ma-rt-15{ margin-right:15px}

.ma-to-20{margin-top:20px}
.ma-bo-20{margin-bottom:20px}
.ma-lr-20{margin-right:20px; margin-left:20px}
.ma-lt-20{ margin-left:20px}
.ma-rt-20{ margin-right:20px}

.ma-bo-100{margin-bottom:100px}
.ma-lr-100{margin-right:100px; margin-left:100px}
.ma-lt-100{ margin-left:100px}
.ma-rt-100{ margin-right:100px}
.ma-to-100{ margin-top:100px}
.ma-100{ margin:20px}

.ma-to-10{ margin-top:10px}
.ma-bo-10{margin-bottom:10px}
.ma-lr-10{margin-right:10px; margin-left:10px}
.ma-lt-10{ margin-left:10px}
.ma-rt-10{ margin-right:10px}
.ma-10{ margin:10px}

.ma-to-8{ margin-top:8px}
.ma-bo-8{margin-bottom:8px}
.ma-lr-8{margin-right:8px; margin-left:8px}
.ma-lt-8{ margin-left:8px}
.ma-rt-8{ margin-right:8px}
.ma-8{ margin:8px}

.ma-to-5{ margin-top:5px}
.ma-bo-5{margin-bottom:5px}
.ma-lr-5{margin-right:5px; margin-left:5px}
.ma-lt-5{ margin-left:5px}
.ma-rt-5{ margin-right:5px}
.ma-5{ margin:5px}

.pa-bo-20{padding-bottom:20px}
.pa-lr-20{padding-right:20px; padding-left:20px}
.pa-lt-20{ padding-left:20px}
.pa-rt-20{ padding-right:20px}

.pa-20{ padding:20px}

.pa-bo-40{padding-bottom:40px}
.pa-lr-40{padding-right:40px; padding-left:40px}
.pa-lt-40{ padding-left:40px}
.pa-rt-40{ padding-right:40px}

.pa-40{ padding:40px}

.pa-bo-10{padding-bottom:10px}
.pa-to-10{padding-top:10px}
.pa-lr-10{padding-right:10px; padding-left:10px}
.pa-lt-10{ padding-left:10px}
.pa-rt-10{ padding-right:10px}

.pa-bo-5{padding-bottom:5px}
.pa-to-5{padding-top:5px}
.pa-lr-5{padding-right:5px; padding-left:5px}
.pa-lt-5{ padding-left:5px}
.pa-rt-5{ padding-right:5px}
.pa-5{ padding:5px}

.pa-2{ padding:2px}

.pa-bo-2{padding-bottom:2px}
.pa-to-2{padding-top:2px}
.pa-lr-2{padding-right:2px; padding-left:2px}
.pa-lt-2{ padding-left:2px}
.pa-rt-2{ padding-right:2px}

.pa-3{ padding:3px}

.pa-bo-3{padding-bottom:3px}
.pa-to-3{padding-top:3px}
.pa-lr-3{padding-right:3px; padding-left:3px}
.pa-lt-3{ padding-left:3px}
.pa-rt-3{ padding-right:3px}

.pa-10{ padding:10px}

.ma-le-6 {margin-left: 6px;}
.ma-20{margin:20px;}
.ma20{margin:20px;}
.ma10{margin:10px;}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h48{height:48px}
.h10{height:10px}
.h20{height:20px}
.h5{height:5px}
.h30{height:30px}
.lh50{ line-height:50px}
.lh40{ line-height:40px}
.lh48{ line-height:48px}
.lh30{ line-height:30px}
.line{height:3px; display:block; width:100%;}
.bg-blue{background-color:#0095d9}
.bg-gray{background-color:#F4F4F4}
.bg-white{background-color:#ffffff}
.bg-pink{background-color:#ef5b9c}
.bg-green{background:#339933}
.bg-orange{background-color:#e77817}
.bg-pinkblue{background-color:#3399FF}
.bg-darkblue{background-color:#262e42}
.bg-migan{background-color:#f58220}
.bg-taise{background-color:#5c7a29}
.bg-yanlv{background-color:#7fb80e}
.bg-jugeng{background-color:#585eaa}
.bg-qingzi{background-color:#6950a1}
.bg-bolv{background-color:#1d953f}
.bg-zhuse{background-color:#f26522}
.bg-zise{background-color:#8552a1}
.bg-jinse{background-color:#c37e00}
.bg-jinci{background-color:#f15a22 }
.bg-nonglan-{background-color:#11264f}
.bg-qinglv{background-color:#00ae9d}
.bg-caose{background-color:#225a1f}
.bg-guofang{background-color:#69541b}
.bg-mocha{background-color:#b7ba6b}
.bg-zhizhu{background-color:#ef5b9c}
.bg-liuli{background-color:#2a5caa}
.bg-jincha{background-color:#e0861a}

.bd-bo-gray{border-bottom:#CCCCCC 1px solid}
.bd-lt-gray{border-left:#CCCCCC 1px solid}
.bd-rt-gray{border-right:#CCCCCC 1px solid}
.bd-to-gray{border-top:#CCCCCC 1px solid}
.bd-gray{border:#CCCCCC 1px solid}]

.bd-bo-lightgray{border-bottom:#E8E8E8 1px solid}
.bd-lt-lightgray{border-left:#E8E8E8 1px solid}
.bd-rt-lightgray{border-right:#E8E8E8 1px solid}
.bd-to-lightgray{border-top:#E8E8E8 1px solid}
.bd-lightgray{border:#E8E8E8 1px solid}]

.bd-bo-white{border-bottom:#efefef 1px solid}
.bd-blue{ border: 1px solid #0097d2;}
.bd-red{ border: 1px solid #CC2222;}
.bd-green{ border: 1px solid #008000;}
.maxw80{max-width:80px}
.maxh80{max-height:80px}
.maxw150{max-width:150px}
.maxh150{max-height:150px}
.maxw120{max-width:120px}
.maxh120{max-height:120px}
.maxw100{max-width:100px}
.maxh100{max-height:100px}

.maxw50{max-width:50px}
.maxh50{max-height:50px}
.maxw25{max-width:25px}
.maxh25{max-height:25px}
.maxh30{max-height:30px}
.maxw30{max-width:30px}
.tdmiddle{vertical-align:middle}
.vbottom{ vertical-align:bottom}
.div_center{margin:0px auto}
.fl {float: left;}
.fr {float: right;}
.mw1226{ min-width:1226px}
.mah230{ max-height:230px}
.maw230{ max-width:230px}
.mah200{ max-height:200px}
.maw200{ max-width:200px}
.maxh160{ max-width:160px}
.maw20{ max-width:20px}
.mah20{ max-height:20px}
.maw250{ max-width:250px}
.mah250{ max-height:250px}
.maw350{ max-width:350px}
.mah350{ max-height:350px}
.maw30{ max-width:30px}
.mah30{ max-height:30px}
.lh220{height:220px; overflow:hidden}

.f28{font-size:28px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f53{font-size:53px;}
.f12{font-size:12px}
.f10{font-size:10px}
.f14{font-size:14px}

.f28-x,.f28-x *{font-size:28px;}
.f16-x,.f16-x *{font-size:16px;}
.f18-x,.f18-x *{font-size:18px;}
.f20-x,.f20-x *{font-size:20px;}
.f24-x,.f24-x *{font-size:24px;}
.f53-x,.f53-x *{font-size:53px;}
.f12-x,.f12-x *{font-size:12px}
.f10-x,.f10-x *{font-size:10px}
.f14-x,.f14-x *{font-size:14px} 

.fb{ font-weight:bold}
.white{color:#FFFFFF}
.white a:hover{color:#FFFFFF}
.orange,.orange a:hover{color:#e67817}
.blue,.blue a:hover{color:#007cc4}
.gray{color:#cccccc}
.black{color:#333333}
.red{color:#FF3300}
.pink{color:#FF3399}

.green{color:#339933}
.fc-orange{color:#e77817}
.fc-pinkblue{color:#3399FF}
.fc-darkblue{color:#262e42}
.fc-migan{color:#f58220}
.fc-taise{color:#5c7a29}
.fc-yanlv{color:#7fb80e}
.fc-jugeng{color:#585eaa}
.fc-qingzi{color:#6950a1}
.fc-bolv{color:#1d953f}
.fc-zhuse{color:#f26522}
.fc-zise{color:#8552a1}
.fc-jinse{color:#c37e00}
.fc-jinci{color:#f15a22 }
.fc-nonglan-{color:#11264f}
.fc-qinglv{color:#00ae9d}
.fc-caose{color:#225a1f}
.fc-guofang{color:#69541b}
.fc-mocha{color:#b7ba6b}
.fc-zhizhu{color:#ef5b9c}
.fc-liuli{color:#2a5caa}
.fc-jincha{color:#e0861a}

.p-button{ padding:5px 0}
.p-link{ padding:4px 0}
.p-link a{ color:#36c;cursor: pointer;}
.di-in-bl{display:inline-block}
.wi43 {width: 43px;height: 24px;float: left;text-align: center;margin: 0 5px;border: 1px solid #b2b2b2;}
.wi15{width:15px}
.wi30{width:30px}
.wi25{width:25px}
.gray-img { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); filter: gray;}
.ba-danhui{background-color:#F4F4F4}
.ba-danhui li{ margin-left:0px}
.ba-danhui ol,.ba-danhui ul,.ba-danhui menu{ padding:0px}
.xh{color:#FF0000}

.white{color:#ffffff;}
.bold{ font-weight:bold}

.relative{position:relative}

.fix120{width:120px; height:120px; overflow:hidden}
.fix150{width:150px; height:150px; overflow:hidden}
.fix200{width:200px; height:200px; overflow:hidden}
.fix250{width:250px; height:250px; overflow:hidden}
.fix230{width:230px; height:230px; overflow:hidden}
.fix350{width:350px; height:350px; overflow:hidden}
.fix200-160{width:200px; height:160px; overflow:hidden}
.fix150-120{width:150px; height:120px; overflow:hidden}
.fix150-100{width:150px; height:100px; overflow:hidden}

.container1{width:1226px;*zoom:1;margin-right:auto;margin-left:auto}
.container1:before,.container1:after{content:" ";display:table}
.container1:after{clear:both}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13,.span14,.span15,.span16,.span17,.span18,.span19,.span20{float:left;margin-left:14px;min-height:1px}
.block1,.block2,.block3,.block4,.block5,.block6,.block7,.block8,.block9,.block10,.block11,.block12,.block13,.block14,.block15,.block16,.block17,.block18,.block19,.block20{float:left;margin-left:-1px;min-height:1px; border:#CCCCCC 3px solid}
.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,.span_7,.span_8,.span_9,.span_10,.span_11,.span_12,.span_13,.span_14,.span_15,.span_16,.span_17,.span_18,.span_19,.span_20,.span_21{float:left;margin-left:14px;min-height:1px}


.span1{width:48px}
.span-first{margin-left:0}
.span2{width:110px}

.span3{width:172px}

.span4{width:234px}

.span5{width:296px}

.span6{width:358px}

.span7{width:420px}

.span8{width:482px}

.span9{width:544px}

.span10{width:606px}

.span11{width:668px}

.span12{width:730px}

.span13{width:792px}

.span14{width:854px}

.span15{width:916px}

.span16{width:978px}

.span17{width:1040px}

.span18{width:1102px}

.span19{width:1164px}

.span20{width:1226px}

.span_1{width:45px}

.span_2{width:104px}

.span_3{width:163px}

.span_4{width:222px}

.span_5{width:281px}

.span_6{width:340px}

.span_7{width:399px}

.span_8{width:458px}

.span_9{width:517px}

.span_10{width:576px}

.span_11{width:635px}

.span_12{width:694px}

.span_13{width:753px}

.span_14{width:812px}

.span_15{width:871px}

.span_16{width:930px}

.span_17{width:989px}

.span_18{width:1048px}

.span_19{width:1107px}

.span_20{width:1166px}

.span_21{width:1226px}

.offset1{margin-left:48px}
.offset2{margin-left:110px}
.offset3{margin-left:172px}
.offset4{margin-left:234px}
.offset5{margin-left:296px}
.offset6{margin-left:358px}
.offset7{margin-left:420px}
.offset8{margin-left:482px}
.offset9{margin-left:544px}
.offset10{margin-left:606px}
.offset11{margin-left:668px}
.offset12{margin-left:730px}
.offset13{margin-left:792px}
.offset14{margin-left:854px}
.offset15{margin-left:916px}
.offset16{margin-left:978px}
.offset17{margin-left:1040px}
.offset18{margin-left:1102px}
.offset19{margin-left:1164px}
.offset20{margin-left:1226px}
.offset_1{margin-left:45px}
.offset_2{margin-left:104px}
.offset_3{margin-left:163px}
.offset_4{margin-left:222px}
.offset_5{margin-left:281px}
.offset_6{margin-left:340px}
.offset_7{margin-left:399px}
.offset_8{margin-left:458px}
.offset_9{margin-left:517px}
.offset_10{margin-left:576px}
.offset_11{margin-left:635px}
.offset_12{margin-left:694px}
.offset_13{margin-left:753px}
.offset_14{margin-left:812px}
.offset_15{margin-left:871px}
.offset_16{margin-left:930px}
.offset_17{margin-left:989px}
.offset_18{margin-left:1048px}
.offset_19{margin-left:1107px}
.offset_20{margin-left:1166px}
.offset_21{margin-left:1226px}
.block1{width:61px}
.block-first{margin-left:0}
.block2{width:123px}
.block3{width:184px}
.block4{width:240px}
.block5{width:300px}
.block6{width:360px}
.block7{width:420px}
.block8{width:480px}
.block9{width:540px}
.block10{width:600px}
.block11{width:660px}
.block12{width:720px}
.block13{width:780px}
.block14{width:840px}
.block15{width:900px}
.block16{width:960px}
.block17{width:1020px}
.block18{width:1080px}
.block19{width:1160px}
.block20{width:1226px}

.grid-row-two{height:400px}
.grid-row-one{height:240px}
.grid-row-one-in-two{height:193px}

/* toggle switch css start */
.switch-btn {position: relative; display: block; vertical-align: top; width: 80px; height: 30px; border-radius: 18px; cursor: pointer;}
.checked-switch {position: absolute; top: 0; left: 0; opacity: 0;}
.text-switch {background-color: #ed5b49; border: 1px solid #d2402e; border-radius: inherit; color: #fff; display: block; font-size: 15px; height: inherit; position: relative; text-transform: uppercase;}
.text-switch:before, .text-switch:after {position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit;}
.text-switch:before {content: attr(data-no); right: 11px;}
.text-switch:after {content: attr(data-yes); left: 11px; color: #FFFFFF; opacity: 0;}
.checked-switch:checked ~ .text-switch {background-color: #00af2c; border: 1px solid #068506;}
.checked-switch:checked ~ .text-switch:before {opacity: 0;}
.checked-switch:checked ~ .text-switch:after {opacity: 1;}
.toggle-btn {background: linear-gradient(#eee, #fafafa); border-radius: 100%; height: 28px; left: 1px; position: absolute; top: 1px; width: 28px;}
.toggle-btn::before {color: #aaaaaa; content: ""; display: inline-block; font-size: 12px; letter-spacing: -2px; padding: 4px 0; vertical-align: middle;}
.checked-switch:checked ~ .toggle-btn {left: 51px;}
 .text-switch, .toggle-btn {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

/*= add for "no-radius" =*/
.no-radius, .no-radius .toggle-btn{border-radius: 0;}
/*= add for "no-radius" end =*/

/*= add for "top-to-bottom" =*/
.circle-style .toggle-btn::before{background: linear-gradient(#dedede, #cacaca); border-radius: 50%; content: ""; height: 14px; margin-top: 6px; padding: 0; width: 14px;}
/* add for "top-to-bottom" end */

/* toggle switch css end */


.leftFly{
      animation-name: leftFly;
      animation: leftFly 2s alternate;
 } 
 @keyframes leftFly{
    from{ margin-left: -1000px;}
    to{ margin-left: 100px;}
 }
 
 .rightFly{
      animation-name: rightFly;
      animation: rightFly 2s alternate;
 } 
 @keyframes rightFly{
    from{ margin-left: 1000px;}
    to{ margin-left: 0px;}
 }
 
 .topFly{
      animation-name: topFly;
      animation: topFly 2s alternate;
 } 
 @keyframes topFly{
    from{margin-top: -1000px;}
    to{ margin-top: 0px;}
 }
 
 .showAnimation{
      animation-name: showAnimation;
      animation: showAnimation 2s alternate;
 } 
 @keyframes showAnimation{
    from{opacity:0}
    to{opacity:1}
 }
 

.btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px;
}

button.dim {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px !important;
}

button.dim:active {
    top: 3px;
}

button.btn-success.dim {
    box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
}

button.btn-success.dim:active {
    box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
}

button.btn-default.dim {
    box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
}

button.btn-default.dim:active {
    box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
}

button.btn-warning.dim {
    box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
}

button.btn-warning.dim:active {
    box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
}

button.btn-info.dim {
    box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
}

button.btn-info.dim:active {
    box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
}

button.btn-primary.dim {
    box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
}

button.btn-primary.dim:active {
    box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
}

button.btn-danger.dim {
    box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
}

button.btn-danger.dim:active {
    box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
}

button.dim:before {
    font-size: 50px;
    line-height: 1em;
    font-weight: normal;
    color: #fff;
    display: block;
    padding-top: 10px;
}

button.dim:active:before {
    top: 7px;
    font-size: 50px;
}