@CHARSET "UTF-8";
* { margin: 0px; padding: 0px;}
body{font-family: "微软雅黑","宋体",Verdana,Arial,Helvetica,sans-serif;text-align:left; color:#333333; font-size:12px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "微软雅黑","宋体",Verdana,Arial,Helvetica,sans-serif;}
img { border:none; vertical-align: middle; }
ol,ul{ list-style-type: none; }
a { color:#333; text-decoration:none; transition: all .4s linear; -moz-transition: all .4s linear;-webkit-transition:all .4s linear;-o-transition: all .4s linear;}
a:hover{ color:#ee4236; text-decoration:none;}
table { border-collapse:collapse; }
p { margin-bottom:0px; word-wrap: break-word;} 
cite, code, dfn,  var { font-style:normal;}
i { font-style:normal;} 

.ft18 { font-size:18px;}
.ft12 { font-size:12px;}
.pd0 { padding:0px;}
.pdl10 { padding-left:10px;}
.pd10 { padding-right:10px;}
.mg8{ margin:0px 8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.radius10 { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.circle { width:20px; height:20px;line-height:20px; border:1px solid #FF3366; color:#FF3366; text-align:center;font-size:13px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.line { height:1px; border-bottom:1px solid #eaeaea;  padding:0px 10px;}
.red{ color:#ee4236;}
.blue { color:blue;}
.green { color:green;}
.more-btn { color:#EE4236}
a.more-btn:focus{color:#ee4236; text-decoration:none;}

a.imglink { position:relative; display:block; overflow:hidden}
ul li a i.top { width:30px; height:30px; display:block; position:absolute; left:0; top:0; background:url('../images/top.png') 0px 0px no-repeat; }
ul li a i.hot { width:30px; height:30px; display:block; position:absolute; left:0; top:0; background:url('../images/hot.png') 0px 0px no-repeat; }
ul li a i.txt { width:100px; text-align:center;transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); box-shadow:1px 1px 2px rgba(0,0,0,0.3);line-height: 18px; padding:3px 6px; z-index:100; position:absolute; left:-30px; top:8px; background:#EE4236;background-image: linear-gradient(to bottom,#EE4236,#AA3125); color:#FFFFFF;}
ul li a i.txt2 {  width:100px; text-align:center; transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); box-shadow:1px 1px 2px rgba(0,0,0,0.3);line-height: 18px; padding:3px 6px; z-index:100; position:absolute; left:-30px; top:8px; background:#017FC1; background-image: linear-gradient(to bottom,#017FC1,#0172A1);  color:#FFFFFF;}
ul li a i.txt3 {  width:100px; text-align:center; transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); box-shadow:1px 1px 2px rgba(0,0,0,0.3);line-height: 18px; padding:3px 6px; z-index:100; position:absolute; left:-30px; top:8px; background:#555555; background-image: linear-gradient(to bottom,#333333,#000000); color:#FFFFFF;}

a.map { color:#FFFFFF;} 
a.map:hover { color:#FFFF11;}
 
header { padding-bottom:15px; background:#ee4236}
.logo { margin-top:11px;}
.city {
background: url(../images/arrow.png) right center no-repeat;
margin-top: 20px;
margin-left: 15px;
position: relative;
padding-right:15px;
cursor:pointer;
}
.city:hover .city-list{ display:block;}
.city  span { color:white; font-size:16px;}
.city-list {
position: absolute;
left: 0;
top: 23px;
width: 310px;
border: 1px solid #ee4236;
padding: 5px 10px;
border-radius: 2px;
display: none;
background: #fff;
z-index: 1998;
}
.city-list dl{ width:100%; overflow:hidden; border-bottom:1px solid #eee; padding:10px 0;}
.city-list dd{ }
.city-list dd a{ display:block; float:left; padding:2px 7px; white-space:nowrap; margin-right:10px; font-size:14px;}
.city-list dd a:hover{ background:#ee4236; color:#fff; text-decoration:none; border-radius:2px;}

.userinfo { color:white; margin-top:20px; text-align:right}
.userinfo p { line-height:20px;}
.userinfo a { color:white; padding:2px 5px;}
.navbar-collapse{padding: inherit 0;}
@media (min-width: 768px){
.navbar {border-radius: 0;}}
.navbar{border:none;border-radius:0;}
.navbar-nav > li { margin-left:2px;}
.navbar-nav > li > a{ font-size:18px;}
.navbar-nav li a { position: relative; padding:15px 22px;}
.navbar-nav li ul li a { padding:10px;}
.navbar-nav li a .tip ,.nav-tabs > li a .tip{ position: absolute;left: 66%;top: -10px;font-weight: normal;font-style: normal; color: #fff;background-color: #ff811b;display: block;font-size: 12px;height: 20px;line-height: 15px;padding: 3px;border-radius: 5px;white-space: nowrap;z-index: 1000;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;transition: all .5s ease-out;}
.navbar-nav li a:hover .tip{	font-size:13px;}

.navbar-nav li a .tip:after,.nav-tabs > li a .tip:after {  content: "";	  display: block;  position: absolute;  left: 10%;  font-size:15px;  bottom: -0.5em;  border: 0.3em solid #ff811b;  border-right-color: transparent; border-bottom-color: transparent;}
.navbar-inverse {  background-color:#333;  box-shadow:0 2px 3px rgba(0,0,0,.5);margin-bottom: 0;}
.navbar-inverse .navbar-nav > li:hover .dropdown-menu {display: block;}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav > li > a {  text-shadow: 0px -1px 0px rgba(0, 0, 0, .15);}
.navbar-header .navbar-brand:hover,.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus { color: #fff;  background-color:#080808; }
.nav-tabs li a { font-size:14px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color:#EE4236}
ul.dropdown-menu li a:hover { color:#EE4236; padding-left:15px;}
.btn:hover { text-shadow:1px 1px 1px #999999;} 
.member a.user2 img { width:40px; height:40px; -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;box-shadow: 1px 1px 3px #666666; border-radius:10px;-webkit-border-redius:10px;-moz-border-redius:10px;}
.member a.user2:hover img {box-shadow:1px 1px 5px #666666;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);border-radius:20px;-webkit-border-redius:20px;-moz-border-redius:20px;}

a.user img { width:40px; height:40px; -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;border-radius:10px;-webkit-border-redius:10px;-moz-border-redius:10px;}
a.user:hover img {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);border-radius:20px;-webkit-border-redius:20px;-moz-border-redius:20px;}

.panel-default .panel-heading{ font-size:15px; color:#EE4236}
.panel-default .panel-heading .more { font-size:13px;}
@media (min-width: 1200px){
.navbar .container {width: 1200px;}
}
.navbar-form{padding: inherit 0;}
.length3 { width:300px; display:inline;}
.length2 {width:200px; display:inline;}
.length1 { width:150px; display:inline;}
.lengtha { width:60px; display:inline;}
/**
* 警告提示
*/
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;
}
.alert:hover {box-shadow:1px 1px 4px #999999; }
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}

/**
* 分页
*/
.pages { text-align:center; height:35px; line-height:35px; margin:15px 0px;}
.pages a, .pages span { display: inline-block; line-height: 28px; padding: 0 10px; border: 1px solid #d9d9d9; background-color: #ffffff; text-decoration: none; color: #666;  -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -o-transition: all 0.2s linear; margin-right: 3px; }
.pages .rows { padding: 0 10px; color: #666; border: 1px solid #F3F3F3; background-color: #F3F3F3; }
.pages span.current {display: inline-block; line-height:28px; padding: 0 10px; border: 1px solid #EE4236; margin-right: 3px; color: #fff; background-color:#EE4236; background: -webkit-linear-gradient(90deg,#B11200 0,#EE4236 100%);
background: -o-linear-gradient(45deg,#B11200 0,#EE4236 100%);
background: -ms-linear-gradient(45deg,#B11200 0,#EE4236 100%);
background: linear-gradient(0deg,#B11200 0,#EE4236 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B11200', endColorstr='#EE4236', GradientType=1);}
.pages a:hover { color: #fff; background-color:#EE4236; border-color: #EE4236; text-decoration: none;
background: -webkit-linear-gradient(90deg,#B11200 0,#EE4236 100%);
background: -o-linear-gradient(45deg,#B11200 0,#EE4236 100%);
background: -ms-linear-gradient(45deg,#B11200 0,#EE4236 100%);
background: linear-gradient(0deg,#B11200 0,#EE4236 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B11200', endColorstr='#EE4236', GradientType=1);}
.pages strong { color: #fff; background-color:#EE4236; border-color: #EE4236; }
 
 
 
.ui-autocomplete .ui-menu-item a { transition:none; -webkit-transition:none; -moz-transition:none;} 
 
#tbox{width:47px; height:73px; float:right; position:fixed;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:30px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#dianp{ width:60px; height:60px; line-height: 60px; text-align:center; color: #fff; font-size: 16px; background:#f63756; position:absolute; bottom:70px; cursor:pointer}
#jianyi1{ width:60px; height:60px; line-height: 60px; text-align:center; color: #fff; font-size: 16px; background:#3ca5f6; position:absolute; bottom:135px; cursor:pointer}
#gotop{ width:60px; height:60px;  background:#E8E8E8 url('../images/top-hover2.png') no-repeat center; position:absolute; bottom:5px; display:none; cursor:pointer} 
#gotop:hover{ background-color: #ddd;}
#jianyi1:hover{background-color:#2f99ea}
#dianp:hover{background-color:#ee4236}
 
 #toTop {background: url("../images/top-hover.png") no-repeat scroll 0 0 transparent;bottom: 40px;cursor: pointer;display: none;height: 55px;position: fixed;right: 50px;text-indent: -999em;width: 55px;z-index: 999;}
.areabox { width:1170px; margin:0 auto; margin-bottom:8px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.areabox:hover { background:#F1F1F1}
.areabox:after {clear:both; content:" "; display:block;}
.areabox .ahead { width:100px; float:left; line-height:30px; padding-left:8px;}
.areabox .ahead a { word-break:3px;}
.areabox .ahead a:hover { color:red}
.areabox .acont { width:1050px; float:right;}
.areabox .acont a{ margin-left:10px; display:inline-block; white-space:nowrap; color:#333333; line-height:25px; padding:2px 6px;}
.areabox .acont a:hover {color:#EE4236}
.footer { background:#FFFFFF; border-top:1px solid #EEEEEE; padding:15px 0px;}
.footer .footlink { text-align:center; line-height:30px;}	
.footer .footlink a { padding:0px 8px;}
.footer .copyright { text-align:center}

#headroom {  z-index:999; text-align:center; width:100%;}
.headroom--top { position:relative;}
.headroom--not-top {  position: fixed; top:0px; left:0px;}
 
.animated {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animated.hinge {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

#dpimgs a img { opacity:0.7; border-radius:5px; margin-right:3px; margin-top:3px; -webkit-border-radius:5px; -moz-border-radius:5px; transition:all 0.3s linear; width:200px;height:144px;}
#dpimgs a:hover img { opacity:1;}


.qqFace{margin-top:4px;background:#fff;padding:4px;border:1px #dfe6f6 solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;box-shadow:1px 1px 8px #AAAAAA} 
.qqFace table td{padding:0px;} 
.qqFace table td img{cursor:pointer;border:1px #fff solid;} 
.qqFace table td img:hover{border:1px #0066cc solid;} 


.reinfo { padding:10px 5px; }
.reinfo .nologin { padding:8px;margin-bottom:10px; text-align:center; font-size:13px; background:#FFF7D0;border:1px solid #F9E5B7;}
.reinfo .nologin a { color:#EE4236}

.comment-input { border-bottom:1px solid #EEEEEE;}
.post-user { float:left; width:100px; text-align:center;}
.post-user a img { width:60px; height:60px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.post-user a b { display:block; padding:5px 0px;}
 

.post-text { width:100%; padding-left:110px;}
.post-text .form-control { height:80px;}

.post-btn { padding-left:100px; padding-top:8px; padding-bottom:12px;}
.post-btn label.emotion{width:68px; height:20px; background:url(../images/icon.gif) no-repeat 2px 2px; padding-left:25px; cursor:pointer;}
.post-btn label.emotion:hover{background-position:2px -28px}

.replylist { border-top:2px solid #D7CEBE}
.replylist .noreply { text-align:center; padding:8px;}

.comment-item { border-bottom:1px dotted #b8b8b8; padding: 10px 8px 11px;}
 
.comment-item .comment-header { line-height:30px;}
.msg-wrap:after,almore:after,.rebox:after,.btns:after {clear:both; content:" "; display:block; }
 
.comment-item .comment-content { padding-left:30px; line-height:23px;}
.comment-header {position: relative; z-index:1000; float:left; width:42px; padding-top:10px;} 
.comment-header a img{ border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.cont-msg { position:relative; padding:0 0 0 50px;}
.cont-msg .wrap-user { height:24px; line-height:22px; padding:1px 0 0;  }
.cont-msg .wrap-user a { color:#44708e}
.cont-msg .wrap-user .user-time-gw { padding:5px 0 0;color:#b8b8b8; letter-spacing:normal;}
.cont-msg .wrap-user .user-name-gw { display:inline-block; padding:5px 7px 0 0; cursor:default;}
.msg-wrap .comment-content {padding: 6px 0 0;line-height: 22px;font-size: 14px;word-wrap: break-word;}

.rebox { position:relative;  padding:5px 2px; margin-top:4px; border-top:1px dotted #d9d9d9}
.rebox .chead { float:left; padding-top:3px;}
.rebox .chead a img { width:42px; height:42px;border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.rebox .ctext { padding-left:43px;}
.rebox .ctext .cuser a {color:#44708e}
.rebox .ctext .cuser a:hover { text-decoration:underline} 
.rebox .ctext .ccont { padding:4px; line-height:22px; font-size:13px;}
.rebox .ctext .btns .user-time-gw{ color:#b8b8b8}
.rebox .ctext .btns .bright { float:right; }
.rebox .ctext .btns .bright .jubao { display:none;}
.almore { line-height:25px; padding:5px 10px;}
.almore a.pull-left { font-size:13px; color:red}


.sidebar2{position:fixed; bottom:100px; height:275px; width:62px; right:15px; z-index:11;}
.sidebar2 .icon{width:60px; height:60px; margin-bottom:10px; position:relative;}
.sidebar2 .icon span{display:block; width:60px; height:60px;}
.sidebar2 .icon .app{background:url(http://cdna.mizhai.com/xuanfu/kefu1.jpg) no-repeat center;}
.sidebar2 .icon .wechat{background:url(http://cdna.mizhai.com/xuanfu/weixin1.jpg) no-repeat center;}
.sidebar2 .icon .appdown{background:url(http://cdna.mizhai.com/xuanfu/app1.png) no-repeat center;}
.sidebar2 .icon .app:hover{background:url(http://cdna.mizhai.com/xuanfu/kefu2.jpg) no-repeat center;}
.sidebar2 .icon .wechat:hover{background:url(http://cdna.mizhai.com/xuanfu/weixin2.jpg) no-repeat center;}
.sidebar2 .icon .appdown:hover{background:url(http://cdna.mizhai.com/xuanfu/app2.png) no-repeat center;}
.appcode,.wechatcode,.appdowncode{position:absolute; right:70px; top:0px; display:none; border:1px solid #AAAAAA}
.wechatcode{top:-70px;}
.appdowncode { top:-80px;}

.videourl { position:relative; display:block; width:200px;}
.videourl::after { content:''; background-size:50px 50px; z-index:100; position:absolute; width:100%; height:100%; top:0; left:0;background:url('http://imga.mizhai.com/android/vedio/video_icon2.png') no-repeat center center;}

.label{padding: 0 .2em;font-weight: normal;}
.badge{font-weight: normal;padding:1px 3px;font-size: 10px;border-radius: 3px;font-size: 10px;}
.breadcrumb{background: none;padding:0;}

.container {
  width: 1170px !important;
  margin: 0 auto;
}


.new-htop { background: #292C33; height: 44px; box-shadow: 0 2px 3px #909090; }
.top-flex { display: flex;}
.top-flex .menu { flex: 1;}
.top-flex .slogan { padding-top: 7px; padding-left: 15px; }
.header { padding: 15px 0; background: #FAFAFA; margin-bottom: 15px;}
.left-logo { display:flex; align-items: flex-end; padding-bottom: 6px; }
.left-logo .line2 { width: 1px; height:26px; display: inline-block; padding-right: 15px; border-right: 1px solid #CCCCCC;}
.left-logo .img-login { }
.left-logo .city { display: inline-block; margin-top:0px; font-size: 22px; color: #666666 !important; background: url('http://imga.mizhai.com/newimg/arrow.png') right center no-repeat}
.left-logo .city .city-list { font-size: 13px; top:32px;border-radius: 4px; box-shadow: 0px 0px 3px #999999;}

.center-search {flex: 1; align-content: center;}
.navbar-form .input-group { width: 484px; padding-top: 5px; padding-left: 60px;}
.navbar-form .form-control {border: 1px solid #E04136; }
.navbar-form .form-control:focus { border-color: #E04136;}
.navbar-form .input-group-lg>.form-control,.input-group-lg>.input-group-btn>.btn {border-radius: 0px; }
.navbar-form .input-group-lg>.input-group-btn>.btn {padding: 10px 25px; }
.navbar-form .btn-map { color:#E04136; padding: 12px 25px; margin-top: 5px; border: 1px solid #F3F3F3; background: #FFFFFF; border-radius: 0px;}
.navbar-form .btn-map:hover { border-color:#E04136; }

.right-member .userinfo {color: #666666; margin-top: 13px;}
.right-member .userinfo a { color: #E93E3C;}

/*---  footer    ---*/
.new-foot { background:url('http://imga.mizhai.com/newimg/booter_bg.png') bottom center no-repeat #1A1C2A; padding-top: 35px; padding-bottom: 15px; color: #999999;}
.new-foot .footlink { border-bottom: 1px solid #777777; padding-bottom: 25px; color: #F8F8FF; line-height: 30px; margin: 0px -15px;}
.new-foot .footlink a { font-size:16px; color:#EEEEEE; padding: 0px 10px; position: relative;}
.new-foot .footlink a:hover { top: 1px; color: #E93E3C; }
.main-ul {  padding: 20px 0px; }
.main-ul:after { display: block; content: '';clear: both; }
.main-ul ul li { list-style: none; cursor: pointer; display: flex; margin-right: 10px; padding: 8px; background: #000000; float: left; font-size: 14px; }
.main-ul ul li.on { color: #AAAAAA; background: #111111; }
.main-content { width: 85%; min-height: 75px;}
.main-content a { color: #999999; padding-right: 8px; line-height: 25px;}
.main-content a:hover { color:#CCCCCC; }

.new-foot .row .col-md-8 { padding-left:0px; }
.new-foot .row .col-md-4 { padding-right:0px; }

.beian { padding-top: 30px; line-height:45px; }
.beian a { color: #999999;}
.beian a:hover { color: #D0D0D0;}
.falv { padding-top: 10px; line-height:30px; width: 88%;}

.kefu-ef { padding:20px 0px; }
.kefu-ef:after {display: block; content: '';clear: both;}
.kefu-ef ul { margin:0px;}
.kefu-ef ul li { float: left; text-align: center; font-size:14px; line-height: 30px; padding-left:28px;}
.kefu-ef ul li img { width: 96px; height:96px;}

.dizhi { font-size: 13px; line-height: 30px; padding-left: 32px; }
.dizhi .email { text-indent:20px; background:url('http://imga.mizhai.com/newimg/emial.png') left 11px no-repeat; }
.dizhi .phone { text-indent:20px; background:url('http://imga.mizhai.com/newimg/phone.png') left 11px no-repeat; }
.dizhi .address { text-indent:20px; background:url('http://imga.mizhai.com/newimg/sition.png') left center no-repeat; }

/*  右边栏目  */
.sidebar3 { position:fixed; top:240px; width:56px; right:20px; z-index:11;}
.kefu-box {background: #FFFFFF; box-shadow: 0 0 5px #999999; border-radius: 4px; overflow: hidden;}
.kefu-box .red-line { height:4px; background: #E04136;}

.sidebar3 .icon-box { position: relative; }
.sidebar3 .icon-box .ibox {
  display: none;
  text-align: center;
  background: #FFFFFF; position: absolute;
  top: 0px; left: -135px; padding: 10px;
  box-shadow: 0 0 5px #999999; border-radius: 4px;
}
.sidebar3 .icon-box .ibox:after {content:''; position: absolute; top: 13px; right:-11px; height:20px; width:12px; display: inline-block; background: url('http://imga.mizhai.com/newimg/box-san.png') no-repeat;}
.sidebar3 .icon-box .ibox img { width: 100px;}
.sidebar3 .icon-box .box0 { top: 5px; }
.sidebar3 .icon-box .box1 { top: 65px; }
.sidebar3 .icon-box .box2 { top: 120px; }
.kefu-box ul li a { color: #666666; display:block; text-align: center; padding-top: 30px; padding-bottom: 5px; }
.kefu-box ul li:not(:last-child) a:after { display: block; clear: both; padding-top: 6px; content: ''; width: 30px; margin-left: 13px; border-bottom: 1px solid #E6E6E6; }
.kefu-box ul li a:hover { color: #E04136; }

.kefu-box ul li a.b-icon1 { background: url('http://imga.mizhai.com/newimg/kf.png') center 10px no-repeat; }
.kefu-box ul li a:hover.b-icon1 { background: url('http://imga.mizhai.com/newimg/kfactive.png') center 10px no-repeat; }
.kefu-box ul li a.b-icon2 { background: url('http://imga.mizhai.com/newimg/wx.png') center 10px no-repeat; }
.kefu-box ul li a:hover.b-icon2 { background: url('http://imga.mizhai.com/newimg/wxactive.png') center 10px no-repeat; }
.kefu-box ul li a.b-icon3 { background: url('http://imga.mizhai.com/newimg/app.png') center 10px no-repeat; }
.kefu-box ul li a:hover.b-icon3 { background: url('http://imga.mizhai.com/newimg/appactive.png') center 10px no-repeat; }
.kefu-box ul li a.b-icon4 { background: url('http://imga.mizhai.com/newimg/jsqincon.png') center 10px no-repeat; }
.kefu-box ul li a:hover.b-icon4 { background: url('http://imga.mizhai.com/newimg/jsqactive.png') center 10px no-repeat; }

.totop { display: none; background: #FFFFFF; margin-top:15px; text-align: center; padding: 15px 0px; border-radius: 4px; border:1px solid #E6E6E6; cursor:pointer; }
.totop:hover {  box-shadow: 0 0 3px #999999; }

/* 顶部菜单  */
.new-nav:after { display: block;}
.new-nav li { float: left; line-height: 42px;}
.new-nav li a { color: #aaaaaa; padding: 0px 15px; font-size:16px; display: inline-block;}
.new-nav li a:hover,.new-nav li.active a { color: #ffffff;}
.new-nav > li .dropmenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  font-size: 13px;
  text-align: left;
  list-style: none;
  background-color: #292C33;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.new-nav > li .dropmenu li a { font-size: 14px; color: #eeeeee; }
.new-nav > li .dropmenu li a:hover { color: #ffffff; position:relative; top: 1px;}
.new-nav > li:hover .dropmenu {display: block;}