﻿/*Copyright (c) 2013, MaMa.cn. All rights reserved.*/

/*reset*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
}

*html {
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

address,
caption,
cite,
code,
dfn,
em,
i,
th,
var {
    font-style: normal;
    font-weight: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls])display:none;
}

[hidden] {
    display: none;
}

figure {
    margin: 0;
}

body {
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    background: #f0efed;
}

fieldset,
img {
    border: 0;
}

img {
    vertical-align: bottom;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

fieldset legend {
    display: none;
}

button {
    cursor: pointer;
    _cursor: hand;
    border: none;
    overflow: visible;
}

input,
textarea {
    outline: none;
}

label {
    cursor: pointer;
    _cursor: hand;
}

input,
.checkbox {
    vertical-align: middle;
}

/*link*/

a:focus {
    outline: 0;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

a:hover {
    color: #cd0200;
    text-decoration: underline;
}

.searchWrap .tags a:link,
.searchWrap .tags a:visited {
    color: #777;
}

.nav li a:link,
.nav li a:visited {
    color: #fff;
}

.nav li a:hover,
.nav li a:active {
    background: #077cbf;
    text-decoration: none;
}

.headline a:link,
.headline a:visited {
    color: #65B420;
}

.headline a:hover,
.headline a:active {
    color: #cd0200;
    text-decoration: none;
}

/*float*/

.l {
    float: left;
}

.r {
    float: right;
}

/*clear float*/

.cl:after {
    content: '.';
    visibility: hidden;
    height: 0;
    display: block;
    clear: both;
}

.cl {
    zoom: 1;
}

/*compress*/

#channel .indx,
#channel li.sub,
.miniNav .settings li.sub,
.miniNav .login li,
.miniNav .partern a,
.logo a,
.nav li.sep,
.txtLink li,
.idxFs .main .mid .focus,
.hlLine,
.top10 li span.top,
.top10 li span,
.imgScroll a.next {
    background: transparent url(../images/compress.png) 0 0 no-repeat;
}

header .mama,
header .mama a {
    background: transparent url(../images/compress24.png) 0 0 no-repeat;
}

/*#slideBar .backTop{
	background: transparent url(../images/compress24.png) 0 0 no-repeat;
}*/

#slideBar .backTopBtn a,
#slideBar .scan a {
    background: transparent url(../images/compress.png) 0 0 no-repeat;
}

/*common HD*/

#commonHd {
    background: #f4f4f4;
    border-bottom: 1px solid #e5e5e5;
    height: 32px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    opacity: 0.95;
    _position: absolute;
    _top: expression(documentElement.scrollTop + 0 + "px")
}

.miniNav {
    width: 980px;
    margin: 0 auto;
}

.miniNav li {
    float: left;
    text-align: center;
    padding: 0 10px;
    height: 24px;
    padding-top: 8px;
    height: 22px\9;
    padding-top: 10px\9;
}

.miniNav .l {
    color: #666;
    padding-left: 5px;
}

#channel .indx {
    margin: 0 5px 0 0;
    background-position: 0 -108px;
    text-align: left;
    padding-left: 17px;
}

#channel .indxMama {
    background-position: 0 -497px;
}

#channel li.sub {
    background-position: right -1913px;
    text-align: left;
    padding-right: 22px;
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
}

#channel li.subCur {
    background-position: right -1913px;
    background-color: #fff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    position: relative;
}

#channel li .dropDown {
    display: none;
}

#channel li.subCur .dropDown {
    position: absolute;
    padding-top: 5px;
    left: -1px;
    top: 32px;
    width: 130px;
    background: #fff;
    border: 1px solid #dedede;
    border-top: none;
    line-height: 30px;
    text-indent: 20px;
}

.miniNav .login {
    margin-right: -1px;
}

.miniNav .login li {
    float: left;
    background-position: right -126px;
}

.miniNav .login li.none {
    background: none;
}

.miniNav .login li.partern {
    padding-top: 2px;
}

.miniNav .partern a {
    width: 27px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-indent: -9999em;
    margin: 5px 0 0 5px;
}

.miniNav a.qq {
    background-position: 5px -38px;
}

.miniNav a.weibo {
    background-position: 5px -80px;
}

.miniNav .settings li.msg {}

.miniNav .settings li.msg a {
    display: inline
}

.miniNav .settings li.msg em {
    display: inline-block;
    height: 13px;
    background: #ff8e0a;
    line-height: 13px;
    color: #fff;
    padding: 0 3px;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif
}

.miniNav .settings li.msg .dropDown {
    color: #999;
}

.miniNav .settings li.msg .dropDown a {
    padding: 0 5px;
}

.miniNav .settings li.msg.subCur .dropDown {
    width: 175px;
    padding-bottom: 10px;
}

.miniNav .settings li.name {
    font-family: verdana;
}

.miniNav .settings li.sub {
    background-position: right -1913px;
    text-align: left;
    padding-right: 22px;
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
}

.miniNav .settings li.subCur {
    background-position: right -1913px;
    background-color: #fff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    position: relative;
}

.miniNav .settings li .dropDown {
    display: none;
}

.miniNav .settings li.subCur .dropDown {
    position: absolute;
    padding-top: 5px;
    left: -1px;
    top: 32px;
    width: 130px;
    background: #fff;
    border: 1px solid #dedede;
    border-top: none;
    line-height: 30px;
    text-indent: 20px;
}

.dropDown a {
    display: block;
    width: 100%;
}

.dropDown a:hover {
    background: #f3f3f3;
}

/*font family*/

.headline,
.hlLine,
.idxFs .mainTt dt,
.sBlock1 .title,
.mBlock1 .imgFocus .desc,
.layer .commonTt,
.sepLayer .commonTt {
    font-family: "Microsoft YaHei", "SimHei";
}

/*mac*/

.mac .headline,
.mac .hlLine,
.mac .idxFs .mainTt dt,
.mac .sBlock1 .title,
.mac .mBlock1 .imgFocus .desc,
.mac .layer .commonTt,
.mac .sepLayer .commonTt {
    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3";
    font-weight: normal;
}

/*for modern browsers*/

    {
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    box-shadow: 0px 15px 20px #ccc;
    -moz-box-shadow: 0px 15px 20px #ccc;
    -webkit-box-shadow: 0px 15px 20px #ccc;
}

/*header*/

header {
    width: 980px;
    height: 99px;
    margin: 0 auto;
    background: #fff;
    top: 0;
    left: 0;
}

.logo {
    margin: 27px 0 0 15px;
    display: inline;
    width: 190px;
}

.logo a {
    display: block;
    text-indent: -999em;
    float: left;
}

.logo a.main {
    width: 118px;
    height: 42px;
    background-position: 0 -180px;
}

.logo a.sub {
    width: 64px;
    height: 42px;
    background-position: right -272px;
}

.topAd {
    margin: 19px 0 0 20px;
    display: inline;
}

/*old header*/

header .mama {
    width: 190px;
    height: 70px;
    background-position: 0 0;
    float: left;
}

header .mama a.index {
    width: 190px;
    height: 70px;
    display: block;
    background-position: right -2000px;
    text-indent: -9999em;
}

header .mama a.index:hover {
    background-position: right -2000px;
}

header .mama a {
    width: 190px;
    height: 70px;
    display: block;
    background-position: -375px -635px;
    text-indent: -9999em;
}

header .mama a:hover {
    background-position: -375px -698px;
}

/*Default search dropdown styles*/

.tzSelect {
    height: 25px;
    display: inline-block;
    min-width: 60px;
    position: relative;
    z-index: 997;
    margin: 1px 0 1px 1px;
}

.tzSelect .selectBox {
    position: absolute;
    height: 100%;
    width: 100%;
    font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    line-height: 26px\9;
    text-align: center;
    color: #666;
    cursor: pointer;
    background: #f3f3f3 url(../images/compress.png) right 8px no-repeat;
}

.tzSelect .selectBox:hover {
    color: #fff;
    background: #666 url(../images/compress.png) right -82px no-repeat;
}

.tzSelect .selectBox.expanded {
    color: #fff;
    background: #666 url(../images/compress.png) right -38px no-repeat;
}

.tzSelect .dropDown {
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    list-style: none;
    line-height: 16px;
    font-size: 12px;
}

.tzSelect li {
    background: #fff;
    cursor: pointer;
    padding: 6px;
    text-align: center;
    border-bottom: 1px solid #f3f3f3;
}

.tzSelect li:hover {
    background-color: #f3f3f3;
}

.regularSelect {
    display: none;
}

/*search*/

.searchWrap {
    width: 395px;
    margin-top: 19px;
}

.search input {
    vertical-align: top;
}

.search {
    height: 27px;
    width: 320px;
    position: relative;
    z-index: 10;
    border: 1px solid #ddd;
}

.search .askQ {
    position: absolute;
    top: 0;
    right: -60px;
    display: block;
    height: 25px;
    width: 50px;
    border: 1px solid #ddd;
    background: #f0f0f0;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.search .key {
    position: absolute;
    top: 0;
    left: 63px;
    height: 23px;
    line-height: 20px;
    padding-left: 20px;
    width: 225px;
    border: none;
    color: #bcbcbc;
}

.search .okBtn {
    position: absolute;
    right: 0;
    top: 0;
}

.searchWrap .tags {
    line-height: 30px;
}

.searchWrap .tags a {
    margin-left: 13px;
}

/*nav*/

nav {
    background: #96d04e;
    margin: 0 auto;
    width: 980px;
    height: 34px;
    line-height: 34px;
    line-height: 36px\9;
    font-size: 14px;
    overflow: hidden;
}

.nav li {
    float: left;
}

.nav li a {
    display: inline-block;
    padding: 0 20px;
    vertical-align: top;
}

.nav li.now {
    background: #65b420;
    font-weight: 700;
}

.nav li.sep {
    margin-left: 5px;
    display: inline;
    padding-left: 5px;
    background-position: 0 -275px;
}

/*wrap*/

#wrap {
    width: 960px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    min-height: 500px;
    _height: 500px;
}

/*global module*/

.bannerWrap {
    margin-top: 20px;
}

.headline {
    border-top: 3px solid #65b420;
    border-bottom: 1px solid #ddedce;
    height: 56px;
    line-height: 56px;
    font-size: 26px;
    margin-top: 20px;
}

.headline a:hover {
    text-decoration: none;
}

.headlineN {
    border-bottom: none;
}

.headline span {
    float: right;
    font-size: 14px;
}

.headline span a {
    margin-right: 20px;
}

.hlLine {
    background-position: 0 -1702px;
    background-repeat: repeat-x;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    overflow: hidden;
}

.hlLine a:hover {
    text-decoration: none;
}

.hlLine .type {
    padding-right: 5px;
    background: #fff;
    font-weight: normal;
}

.hlLine span {
    font-family: verdana;
    font-size: 14px;
    color: #077cbf;
    font-style: italic;
    margin-left: 5px;
}

.idxFs .main {
    width: 720px;
    float: left;
    height: 400px;
    overflow: hidden;
}

.idxFs .side {
    width: 240px;
    float: right;
}

.idxFs .main .sub {
    width: 300px;
    float: left;
}

.idxFs .main .mid {
    width: 380px;
    margin-right: 25px;
    display: inline;
    float: right;
}

.idxFs .main .mid .focus {
    height: 30px;
    width: 60px;
    background-position: 0 -2040px;
    text-indent: -999em;
}

.idxFs .mainTt {
    border-bottom: 1px dotted #dadada;
    height: 166px;
    margin-bottom: 5px;
    padding: 0 20px 15px;
    overflow: hidden;
}

.idxFs .mainTt dt {
    text-align: center;
    font-size: 18px;
    line-height: 34px;
}

.idxFs .mainTt dd {
    color: #2d374b;
    line-height: 24px;
    margin-bottom: 8px;
}

.txtLink li {
    font-size: 14px;
    padding-left: 14px;
    background-position: 5px -1734px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}

.txtLink li span {
    float: right;
    color: #888;
    font-size: 12px;
}

.txtLink li span a {
    color: #888;
}

.txtLinkN li {
    font-size: 12px;
    padding-left: 10px;
    background-position: 0 -1735px;
    line-height: 24px;
    height: 24px;
}

.txtLink li.sep {
    margin-top: 20px;
}

/*common block*/

.imgLink {
    position: relative;
    height: 75px;
    overflow: hidden;
    margin-top: 20px;
}

.imgLinkMul {
    border-bottom: 1px solid #ddd;
}

.imgLink .img {
    position: absolute;
    left: 0;
}

.imgLink .txt,
.imgLink .link {
    margin-left: 110px;
}

.imgLink .txt {
    font-weight: 700;
    margin-bottom: 10px;
}

.imgLink .link {
    text-align: right;
}

.imgLink .link a {
    color: #888;
}

.sBlock1 {
    border: 1px solid #ddd;
    padding: 7px;
    margin: 30px 0 0 0;
}

.sBlock1Top {
    margin: 12px 0;
}

.sBlock1 .title {
    line-height: 32px;
    font-size: 16px;
    color: #333;
    background: #fff;
    text-align: center;
    width: 140px;
    padding: 0 5px;
    position: absolute;
    margin: -23px 0 0 36px;
}

.sBlock1 .titleN {
    width: 120px;
    margin-left: 46px;
}

.sBlock1 .title span {
    color: #077cbf;
    font-family: verdana;
    font-size: 14px;
    font-style: italic;
    margin-left: 5px;
}

.superTopicTt {
    border: none;
    border-top: 1px solid #ddd;
    padding: 3px 0 0;
    margin-top: 30px;
}

.superTopicTt .title {
    width: 96px;
    margin: -23px 0 0 58px;
}

.superTopicTt .titleN {
    width: 100px;
    margin-left: 60px;
}

.superTopicTt .imgPlan {
    height: auto;
    vertical-align: bottom;
    padding-bottom: 5px;
    margin-top: 13px;
}

.superTopicTt .imgPlan a {
    display: block;
    text-align: center;
}

.superTopicTt.imgPlan a.pcImg {
    width: 240px;
    height: 120px;
}

.superTopicTt .imgPlan a.pcTi {
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.sBlock2 {
    border: 1px solid #dfdfdf;
    border-top: 3px solid #b0c5d1;
    padding: 10px;
    margin-top: 14px;
}

.sBlock2Top {
    margin-top: 0;
    padding: 0;
}

.sBlock2Top .mainZone {
    padding: 10px;
}

.mBlock1 {
    width: 720px;
    height: 730px;
    overflow: hidden;
}

.mBlock1 .con {
    float: left;
    width: 300px;
    height: 360px;
    margin: 15px 45px 0 15px;
    display: inline;
}

.mBlock1 .imgFocus {
    width: 280px;
    height: 140px;
    position: relative;
    margin: 20px 10px;
}

.mBlock1 .imgFocus .desc {
    width: 280px;
    height: 28px;
    background: rgba(0, 0, 0, 0.7);
    filter: alpha(opacity=80);
    background: #000\9;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}

.mBlock1 .imgFocus a {
    color: #fff;
}

.top10 {
    margin-top: 15px;
}

.top10 li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.top10 li span {
    text-align: center;
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    line-height: 16px;
    background: none;
    font-size: 10px;
    margin-top: 6px;
    *margin-top: 4px;
    color: #333;
    margin-right: 10px;
}

.top10 li span.top {
    background-position: right -2887px;
    color: #fff;
}

.layer {
    margin-top: 20px;
}

.layer .main {
    width: 700px;
    float: left;
    overflow: hidden;
}

.layer .main .sub {
    width: 286px;
    float: left;
}

.layer .main .mid {
    width: 340px;
    float: right;
    margin-right: 48px;
    display: inline;
}

.layer .side {
    width: 240px;
    float: right;
}

.layer .commonTt {
    text-align: center;
    font-size: 18px;
    line-height: 36px;
}

.layer .commonTtDesc {
    color: #2D374B;
    line-height: 24px;
    margin-bottom: 8px;
}

.layer .side .txtLink {
    margin-top: 10px;
}

.sepLayer {
    margin-top: 10px;
}

.sepLayer .main {
    width: 720px;
    float: left;
    height: 400px;
    overflow: hidden;
}

.sepLayer .side {
    width: 240px;
    float: right;
}

.sepLayer .main .sub {
    width: 300px;
    float: left;
}

.sepLayer .main .mid {
    width: 350px;
    margin-right: 40px;
    display: inline;
    float: right;
}

.sepLayer .commonTt {
    text-align: center;
    font-size: 18px;
    line-height: 44px;
}

/*images scroll*/

.imgScroll {
    overflow: hidden;
    width: 300px;
    height: 400px;
    position: relative;
}

.imgScroll ul {
    width: 300px;
    height: 400px;
    background: #fff;
}

.imgScroll ul li {
    width: 300px;
    height: 400px;
    overflow: hidden;
    position: relative;
    display: block;
    background: #fff;
    text-align: center;
}

.imgScroll ul li a {
    display: table-cell;
    vertical-align: middle;
    font-family: Arial;
    height: 400px;
    width: 300px;
}

.imgScroll ul li a img {
    vertical-align: middle;
}

.imgScroll .switch {
    position: absolute;
    z-index: 20;
    right: 10px;
    top: 370px;
}

.imgScroll .switch span {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    text-align: center;
    float: left;
    color: #333;
    font: normal 11px/20px Arial;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    margin-left: 3px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.imgScroll .switch span.curr {
    background: #077cbf;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.imgScroll a.next {
    width: 40px;
    height: 84px;
    background-position: 0 -364px;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    position: absolute;
    top: 130px;
    right: 0px;
    z-index: 50;
}

.imgScroll a.next:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* pagination */

.pagination {
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.pagination a {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 34px;
    font-size: 14px;
    margin: 4px;
    padding: 6px 11px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #d1d4d1;
}

.pagination b {
    margin: 4px;
}

.pagination a:link,
.pagination a:visited {
    color: #4a4a4a;
}

.pagination a:hover,
.pagination a:active {
    background: #D1D4D1;
    color: #fff;
}

.pagination span.current {
    background-color: #72c329;
    border: 1px solid #72c329;
    color: #FFFFFF;
    font-weight: bold;
    margin: 4px;
    padding: 6px 12px;
    font-size: 14px;
}

.pagination span.disabled {
    border: 1px solid #eee;
    color: #ddd;
    margin: 4px;
    padding: 6px 12px;
    font-size: 14px;
}

.pagination a:hover {
    text-decoration: none;
}

/*return top
#slideBar {
	margin: 0 auto;
    padding-left: 960px;
    width:0px;
}
#slideBar .backTop{
    background-position:-502px -942px; 
    position:fixed;
    _position:absolute;
    width:57px;
    height:57px;
    overflow:hidden!important;
    outline:0;
    text-indent:-9999px;
    opacity:.7;
    z-index:1;
    bottom: 60px;
    margin-left: 20px;
    display: none;
}
#slideBar .backTop:hover{
    opacity:1;
}*/

/*return top*/

#slideBar {
    margin: 0 auto;
    padding-left: 1000px;
    width: 0px;
}

#slideBar .backTop {
    position: fixed;
    _position: absolute;
    opacity: .7;
    z-index: 10;
    bottom: 60px;
    margin-left: 20px;
    display: none;
    width: 53px;
    height: 120px;
}

#slideBar .title {
    color: #fff;
    background: #000;
    text-align: center;
    line-height: 20px;
}

#slideBar .scan a {
    display: block;
    height: 50px;
    background-position: 7px -470px;
    background-color: #e1e1e1;
    text-indent: -999em;
}

#slideBar .backTopBtn a {
    display: block;
    background-position: 11px -525px;
    background-color: #fd5b78;
    width: 53px;
    height: 53px;
    overflow: hidden !important;
    outline: 0;
    text-indent: -999em;
}

#slideBar .backTop:hover {
    opacity: 1;
}

#slideBar .scanCode {
    position: absolute;
    top: -44px;
    left: -146px;
    display: none;
}

/*linkTab*/

.links {
    padding: 1px;
    width: 978px;
}

.links .linkTabs {
    padding-left: 15px;
    height: 36px;
    background-color: #f6f6f6;
    background-repeat: repeat-x;
    background-position: 0 -1965px;
    cursor: pointer;
    _cursor: hand;
}

.links .linkTabs li.now {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    color: #97d04f;
    font-weight: 700;
}

.links .linkTabs li {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    margin-right: 10px;
    display: inline;
    text-align: center;
    margin-top: 5px;
}

.links .linkZone {
    padding: 10px 20px;
    display: none;
}

.links .linkZone a {
    margin-right: 15px;
    display: block;
    float: left;
    white-space: nowrap;
    line-height: 22px;
}

/*topic*/

.superTopic {
    width: 980px;
    margin: 0 auto;
}

/*footer*/

#hotLink {
    border-top: 3px solid #226f9b;
    background: #f7f7f7;
    margin-top: 20px;
}

#hotLink .city {
    padding: 15px 0 5px 15px;
    border-bottom: 1px solid #aeaeae;
}

#hotLink .city li {
    width: 60px;
    height: 26px;
    float: left;
    text-indent: 5px;
}

#hotLink .fLink {
    padding: 5px 0 10px 15px;
}

#hotLink .fLink li {
    width: 90px;
    height: 26px;
    float: left;
    text-indent: 5px;
}

#hotLink .fLinkTt {
    font-weight: 700;
    line-height: 24px;
    margin-left: 20px;
    margin-top: 5px;
}

#hotLink .fLinkTt span {
    color: #666;
}

footer {
    width: 100%;
    line-height: 22px;
    text-align: center;
    margin: 10px 0;
    color: #666;
}

#footer {
    width: 100%;
    position: relative;
    padding: 10px 0;
}

/*footer .gongshang{
	position: absolute; 
	right: 265px;
	width: 40px;
	height: 48px;
	background-position: 0 -2455px;
	text-indent: -999em;
}*/

.authentication {
    padding: 10px 0 0;
}

.authentication a {
    margin-right: 10px;
}

.update {
    background: #ffff9b;
    border-top: 1px solid #fce4b5;
    border-bottom: 1px solid #fce4b5;
    text-align: center;
    color: #e27839;
    padding: 10px
}

header,
#nav,
footer {
    font-family: "Microsoft YaHei", "Simsun", "SimHei", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.searchWrap .timeLine {
    font-family: "Simsun", "Microsoft YaHei", "SimHei", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.searchWrap .tags a:link,
.searchWrap .tags a:visited {
    color: #777
}

.nav li a:link,
.nav li a:visited {
    color: #fff
}

.nav li a:hover,
.nav li a:active {
    background: #077cbf;
    text-decoration: none
}

.headline a:link,
.headline a:visited {
    color: #65b420
}

.headline a:hover,
.headline a:active {
    color: #cd0200;
    text-decoration: none
}

.searchWrap .timeLine {
    margin-top: 3px
}

.searchWrap .timeLine a {
    color: #999;
    margin: 0 10px
}

#nav .menu li,
#nav .menu li.drop .arrow,
#nav .login li a.qq,
#nav .login li a.weibo,
#nav .login li a.reg,
#nav .settings li.sub,
.footer .maps .block,
.footer .links li,
.comment,
#nav .menu li.profile span {
    background: transparent url(../images/compress.png) 0 0 no-repeat
}

#header a.logo,
#header a.app,
#nav .menu li.home {
    background: transparent url(../images/compress24.png) 0 0 no-repeat
}

.footer .sns li,
.footer .app li a {
    background: transparent url(../images/compress24_footer.png) 0 0 no-repeat
}

    {
    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3";
    font-weight: normal
}

    {
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    box-shadow: 0 15px 20px #ccc;
    -moz-box-shadow: 0 15px 20px #ccc;
    -webkit-box-shadow: 0 15px 20px #ccc
}

.update {
    background: #ffff9b;
    border-top: 1px solid #fce4b5;
    border-bottom: 1px solid #fce4b5;
    text-align: center;
    color: #e27839;
    padding: 10px
}

.tzSelect {
    height: 25px;
    display: inline-block;
    min-width: 60px;
    position: relative;
    z-index: 999;
    margin: 1px 0 1px 1px
}

.tzSelect .selectBox {
    position: absolute;
    height: 100%;
    width: 100%;
    font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    line-height: 26px\9;
    text-align: center;
    color: #666;
    cursor: pointer;
    background: #f3f3f3 url(../images/compress.png) right 8px no-repeat
}

.tzSelect .selectBox:hover {
    color: #fff;
    background: #666 url(../images/compress.png) right -82px no-repeat
}

.tzSelect .selectBox.expanded {
    color: #fff;
    background: #666 url(../images/compress.png) right -38px no-repeat
}

.tzSelect .dropDown {
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    list-style: none;
    line-height: 16px;
    font-size: 12px
}

.tzSelect li {
    background: #fff;
    cursor: pointer;
    padding: 6px;
    text-align: center;
    border-bottom: 1px solid #f3f3f3
}

.tzSelect li:hover {
    background-color: #f3f3f3
}

.regularSelect {
    display: none
}

.searchWrap {
    width: 395px;
    margin-top: 20px
}

.search input {
    vertical-align: top
}

.search {
    height: 27px;
    width: 320px;
    position: relative;
    z-index: 998;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px
}

.search .askQ {
    position: absolute;
    top: 0;
    right: -60px;
    display: block;
    height: 25px;
    width: 50px;
    border: 1px solid #ddd;
    background: #f0f0f0;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #4b4f46;
    border-radius: 4px
}

.search .key {
    position: absolute;
    top: 0;
    left: 63px;
    height: 16px;
    height: 20px\0;
    padding-top: 5px;
    padding-left: 20px;
    width: 203px;
    border: 0;
    color: #bcbcbc
}

.search .okBtn {
    position: absolute;
    right: -1px;
    top: -1px
}

.searchWrap .tags {
    line-height: 30px
}

.searchWrap .tags a {
    margin-left: 13px
}

.navWrap {
    height: 41px
}

#allNav {
    width: 100%;
    height: 41px;
    background: transparent url(../images/nav_bg.png) 0 0 repeat-x
}

#nav {
    width: 1000px;
    margin: 0 auto
}

#nav a:hover {
    color: #ff7398
}

#nav .menu {
    float: left
}

#nav .menu li {
    float: left;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    position: relative;
    background-position: -195px -145px;
    display: inline;
    margin-left: 8px;
    padding: 0 2px 0 7px
}

#nav .menu li.noDot {
    background: 0;
    margin-left: 0;
    padding-left: 0
}

#nav .menu li a {
    display: block;
    padding: 0 10px
}

#nav .menu li.home {
    width: 84px;
    height: 42px;
    background-position: -476px 0;
    display: none;
    margin-left: 0
}

#nav .menu li.home a {
    background: 0;
    text-indent: -999em
}

#nav .menu li a.now {
    color: #ff7398;
    border-bottom: 3px solid #ff7398
}

#nav .menu li.dropOn a.now {
    border: 0
}

#nav .menu li.drop a {
    padding: 0 37px 0 10px
}

#nav .menu li.drop span.noLink {
    padding: 0 37px 0 10px;
    display: block
}

#nav .menu li.profile span {
    display: block;
    width: 15px;
    height: 9px;
    background-position: -185px -1111px;
    position: absolute;
    top: 8px;
    left: 80px;
    text-indent: -999em
}

#nav .menu li.profile a {
    padding: 0 30px 0 10px
}

#nav .menu li.noDot a {
    background: 0
}

#nav .menu li.drop .arrow {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 9px;
    height: 6px;
    background-position: 0 -234px;
    display: block;
    overflow: hidden;
    -moz-transition: -moz-transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in
}

#nav .menu li.dropOn .arrow {
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 50%;
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

#nav .menu li.drop .subNav {
    position: absolute;
    top: 36px;
    width: 120px;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    background: #f8f8f8;
    padding: 0 10px 10px;
    box-shadow: 0 1px 3px 0 #eee;
    opacity: .9;
    display: none;
    z-index: 999
}

#nav .menu li.drop .subNav a {
    background: 0;
    padding: 0 10px;
    text-align: center;
    border-bottom: 1px solid #eee
}

#nav .menu li.drop .subNav a.bottom {
    border-bottom: 0
}

#nav .login {
    float: right
}

#nav .login li {
    float: left;
    line-height: 36px
}

#nav .login li a {
    display: block;
    padding: 0 10px
}

#nav .login li a.qq,
#nav .login li a.weibo {
    text-indent: -999em;
    width: 25px;
    height: 25px;
    padding: 0 0 0 10px;
    margin-top: 6px
}

#nav .login li a.qq {
    background-position: 0 -34px
}

#nav .login li a.weibo {
    background-position: 0 -79px
}

#nav .login li a.reg {
    background-position: -198px -218px;
    margin-right: 5px
}

#nav .settings li {
    float: left;
    text-align: center;
    padding: 0 10px;
    height: 28px;
    padding-top: 8px;
    height: 26px\9;
    padding-top: 10px\9
}

#nav .settings li.name {
    font-family: verdana
}

#nav .settings li.sub {
    background-position: right -269px;
    text-align: left;
    padding-right: 22px;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8
}

#nav .settings li.subCur {
    background-position: right -319px;
    background-color: #fff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    position: relative;
    z-index: 999
}

#nav .settings li .dropDown {
    display: none
}

#nav .settings li.subCur .dropDown {
    position: absolute;
    padding: 5px 10px 0 10px;
    left: -1px;
    top: 36px;
    width: 100px;
    background: #fff;
    border: 1px solid #dedede;
    border-top: 0;
    line-height: 30px;
    text-indent: 1em
}

#nav .settings li.subCur .dropDown p {
    border-bottom: 1px solid #f3f3f3;
    line-height: 30px;
    margin-bottom: 5px
}

#nav .settings li.subCur .dropDown p.end {
    border: 0
}

footer {
    background: #f0f0f0 url('../images/footer_shadow.png') 0 0 repeat-x;
    padding-top: 5px;
    margin-top: 20px;
    text-align: left
}

.footerWrap {
    background: #f0f0f0 url('../images/footer_bg.png') 0 0 repeat;
	/* height: 295px */
	padding: 10px 0;
}

.footer {
    width: 1200px;
    margin: 0 auto;
    color: #333
}

.footer .maps h4 {
    font-size: 16px;
    margin-top: 10px;
    height: 40px;
    font-weight: normal
}

.footer .maps .block {
    width: 170px;
    float: left;
    padding: 10px 40px;
    background-position: 0 -600px;
    height: 200px;
    overflow: hidden
}

.footer .maps .block2 {
    width: 220px;
    padding-right: 20px
}

.footer .maps .blockNo {
    background: 0;
    width: 120px;
    position: relative;
    overflow: visible
}

.footer .sns li {
    line-height: 40px;
    padding-left: 35px;
    background-position: -30px 8px
}

.footer .sns li.no2 {
    background-position: -30px -66px
}

.footer .sns li.no3 {
    background-position: -30px -140px
}

.footer .app li {
    float: left;
    margin: 0 20px 15px 0
}

.footer .app li a {
    display: block;
    width: 52px;
    height: 52px;
    text-indent: -999em;
    background-position: -3px -224px
}

.footer .app li.no2 a {
    background-position: -3px -286px
}

.footer .app li.no3 a {
    background-position: -3px -347px
}

.footer .app li.no4 a {
    background-position: -3px -408px
}

.footer .app li.no5 a {
    background-position: -3px -591px
}

.footer .app li.no6 a {
    background-position: -3px -530px
}

.footer .links {
    /* height: 120px; */
	/* width: 200px; */
	margin-bottom: 20px;
    overflow-y: hidden;
    scrollbar-base-color: #eee;
    scrollbar-arrow-color: #ee7c8c
}

.footer .links li {
    float: left;
    height: 30px;
    width: 80px;
    background-position: -197px -874px;
    padding-left: 10px
}

.footer .copyright {
    text-align: center
}

.footer .copyright img {
    vertical-align: middle;
    margin-right: 10px
}

.mamaWx {
    position: absolute;
    top: 0;
    left: 140px;
    display: none
}

/* Common/header  样式修正 */

.navWrap,
#allNav,
#nav {
    height: 36px;
    background: #f8f8f8;
}

#nav {
    width: 990px;
    margin: 0 auto;
}

/*样式修正*/

body {
    font-family: "microsoft yahei";
    background: #fafafa;
    font-size: 14px;
    color: #3d464d;
}

footer {
    margin: 0;
}

a {
    transition: none;
    color: inherit;
}

a:hover {
    color: inherit;
}

/*正文*/

.g-main {
    min-height: 680px;
    overflow: hidden;
  text-align: left;
}

.g-area {
    width:1200px;
    margin: 0 auto;
}

.g-container {
    overflow: hidden;
    padding-bottom: 50px;
}

.g-left {
    width: 930px;
    float: left;
}

.g-right {
    width: 250px;
    float: right;
}

.g-ctnBar {
    margin-top: 25px;
    margin-bottom: 15px;
    overflow: hidden;
}

.img-wrap img {
    width: 100%;
    height: 100%;
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {}

.i {
    background-image: url('../images/sprite.png');
}

.i-apple {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
}

.i-chat {
    width: 16px;
    height: 16px;
    background-position: 0px -18px;
}

.i-dao {
    width: 18px;
    height: 18px;
    background-position: 0px -34px;
}

.i-ques {
    width: 16px;
    height: 16px;
    background-position: 0px -52px;
}

.i-women {
    width: 18px;
    height: 18px;
    background-position: 0px -68px;
}

/*禁用 历史头 悬浮*/

#allNav {
    position: relative !important;
}

#nav .menu li.home {
    display: none !important;
}

#nav .menu li.noDot {
    display: block !important;
}

/*公用头*/

.m-header {
    background: #fff;
    height: 80px;
    position: relative;
    z-index: 200;
}

.m-header .logo-wrap {
    float: left;
    margin-top: 20px;
    width: 190px;
}

.m-header .logo-wrap .sub,
.m-header .logo-wrap .main {
    display: block;
    text-indent: -999em;
    float: left;
    background: transparent url(../images/compress.png) 0 0 no-repeat
}

.m-header .logo-wrap .main {
    width: 118px;
    height: 42px;
    background-position: 0 -180px
}

.m-header .logo-wrap .sub {
    width: 64px;
    height: 42px;
    background-position: right -681px
}

.m-header .search-wrap {
    height: 32px;
    line-height: 32px;
    float: right;
    border-radius: 2px;
    margin-top: 26px;
    border: 1px solid #c2ecce;
}

.m-header .slc-wrap {
    float: left;
    position: relative;
    width: 50px;
    border-right: 1px solid #e9ffef;
    text-align: center;
    font-size: 12px;
}

.m-header .slc-cur {
    background: #f2fff6;
    color: #7ac890;
    cursor: pointer;
}

.m-header .slc-cur .arr {
    display: inline-block;
    _zoom: 1;
    border-style: solid;
    border-color: #85da9d transparent transparent;
    border-width: 3px 3px 0;
    vertical-align: middle;
    height: 1px;
}

.m-header .slc-cur:hover {
    color: #7ac890;
}

.m-header .slc-group {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
}

.m-header .slc-item {
    cursor: pointer;
    color: #7ac890;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.m-header .slc-item:hover {
    background: #f2fff6;
}

.m-header .slc-wrap.active .slc-group {
    display: block;
    border: 1px solid #c2ecce;
}

.m-header .slc-wrap.active .arr {
    border-color: transparent transparent #85da9d;
    border-width: 0 3px 3px;
    margin-top: -2px;
}

.m-header .ipt-text {
    border: none;
    padding: 0 5px;
    height: 32px;
    float: left;
}

.m-header .ipt-btn {
    float: left;
    width: 70px;
    text-align: center;
    color: #fff;
    background: #85da9d;
    height: 100%;
    font-family: "microsoft yahei";
    border-radius: 0 2px 2px 0;
}

.m-header .ipt-btn:hover {
    background: #7ecf95;
}

/*公用导航栏*/

.m-siteNav {
    height: 40px;
    background: #be1735;
    position: relative;
    z-index: 100;
}

.m-siteNav .g-area {
    overflow: hidden;
}

.m-siteNav .nav-item {
    float: left;
	/* width: 140px; */
	padding: 0 10px;
    text-align: center;
    color: #666;
}

.m-siteNav .nav-main {
	line-height: 40px;
	color: #000;
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    overflow: hidden;
}

.m-siteNav .nav-main .nav-item {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.m-siteNav .nav-main .nav-item.active {
	background: #be1735;
	color: #fff;
    text-decoration: none;
}

.m-siteNav .nav-sub {
    visibility: hidden;
    overflow: hidden;
    background: #2ab8ba;
    background: rgba(42, 184, 186, .9);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.m-siteNav.active .nav-sub {
    visibility: visible;
    opacity: 1;
}

.m-siteNav .nav-sub .g-area {
    height: 180px;
}

.m-siteNav .nav-sub .nav-item {
    overflow: hidden;
    padding-top: 14px;
    height: 165px;
    border-left: 1px solid #62c8c9;
    width: 139px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.m-siteNav .nav-sub .nav-item:first-child {
    border-color: transparent;
}

.m-siteNav .nav-sub .nav-item li {
    margin-bottom: 9px;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.m-siteNav .nav-sub .nav-item.sp {
    width: 119px;
    padding-left: 10px;
    padding-right: 10px;
}

.m-siteNav .nav-sub .nav-item.sp li {
    float: left;
    width: 50%;
    padding: 0;
}

.m-siteNav .nav-sub .nav-item a {
    font-size: 14px;
    color: #fff;
}

.m-siteNav .nav-sub .nav-item.active {
    position: relative;
    z-index: 1;
    background: #259fa1;
    border-color: transparent
}

.m-siteNav .nav-sub .nav-item.active+.nav-item {
    border-color: transparent
}

/*公用面包屑*/

.m-crumbs {
    color: #8094a1;
    float: left;
}

.m-crumbs span {
    font-family: "宋体";
    font-weight: bold;
    margin: 0 2px;
}

/*公用右栏*/

.m-sideBar .mod {
    background: #fff;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.m-sideBar .mod-title {
    font-weight: normal;
    height: 34px;
    line-height: 34px;
    margin-bottom: 12px;
    font-size: 16px;
    border-bottom: 1px solid #e8e8e8;
}

.m-sideBar .img-adv {
    width: 250px;
    height: 126px;
    display: block;
    background: #fff;
    margin-bottom: 10px;
    position: relative;
}

.m-sideBar .img-adv p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.m-sideBar .filter-form form {}

.m-sideBar .filter-form dl {
    width: 190px;
    margin: 0 auto 10px;
    height: 32px;
    _overflow: hidden;
    position: relative;
}

.m-sideBar .filter-form dt {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 7px;
    left: 6px;
    text-indent: 1000px;
    overflow: hidden;
}

.m-sideBar .filter-form dd {
    background: #f4f8fb;
}

.m-sideBar .filter-form dl.active dd,
.m-sideBar .filter-form dd:hover {
    background: #e8ecef;
}

.m-sideBar .filter-form dd .sub-btn {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #85da9d;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    border-radius: 2px;
    border-bottom: 1px solid #75bf8a;
}

.m-sideBar .filter-form dd .sub-btn:hover {
    text-decoration: none;
    background: #7ecf95;
}

.m-sideBar .filter-form .ipt-slc {
    position: relative;
    width: 100%;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    border-radius: 3px;
}

.m-sideBar .filter-form .ipt-slc li {
    padding-left: 10px;
    cursor: pointer;
    background: #f4f8fb;
}

.m-sideBar .filter-form .ipt-slc .cur {
    background: transparent !important;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
}

.m-sideBar .filter-form dl.active {
    z-index: 20;
}

.m-sideBar .filter-form dl.active .ipt-slc {
    height: auto;
    z-index: 20;
}

.m-sideBar .filter-form dl.active li:hover {
    background-color: #e4e8eb;
}

.m-sideBar .filter-form .ipt-slc .arrow-wrap {
    padding-left: 0;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-family: "Lucida Sans Unicode";
    border-left: 1px solid #e1e5e8;
    background: transparent !important;
}

.m-sideBar .filter-form .ipt-slc .arrow {
    position: absolute;
    font-size: 16px;
    color: #8f9ca4;
    left: 8px;
}

.m-sideBar .filter-form .ipt-slc .arrow span {
    top: -2px;
    left: 0;
    position: absolute;
    z-index: 1;
    color: #f4f8fb;
}

.m-sideBar .filter-form dl.active dd .arrow span,
.m-sideBar .filter-form dd:hover .arrow span {
    color: #e8ecef;
}

.m-sideBar .filter-form dd {
    height: 32px;
    line-height: 32px;
}

.m-sideBar .ctn-list .list-item {
    padding-left: 22px;
    margin: 0 0 12px;
    position: relative;
}

.m-sideBar .ctn-list h3 {
    color: #737d80;
    font-size: 12px;
    font-weight: bold;
    max-height: 3em;
    line-height: 1.5em;
    overflow: hidden;
}

.m-sideBar .ctn-list.sp h3 {
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.m-sideBar .ctn-list .ext-info {
    font-size: 12px;
    color: #abb8c0;
    margin-top: 3px;
}

.m-sideBar .ctn-list .label {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 2px;
    top: 2px;
}

/* 分用分页 */

.m-pagination {
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.m-pagination a {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 34px;
    font-size: 14px;
    margin: 4px;
    padding: 6px 11px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #d1d4d1;
}

.m-pagination b {
    margin: 4px;
}

.m-pagination a:link,
.m-pagination a:visited {
    color: #4a4a4a;
}

.m-pagination a:hover,
.m-pagination a:active {
    background: #d1d4d1;
    color: #fff;
}

.m-pagination span.current {
    background-color: #72c329;
    border: 1px solid #72c329;
    color: #fff;
    font-weight: bold;
    margin: 4px;
    padding: 6px 12px;
    font-size: 14px;
}

.m-pagination span.disabled {
    border: 1px solid #eee;
    color: #ddd;
    margin: 4px;
    padding: 6px 12px;
    font-size: 14px;
}

.m-pagination a:hover {
    text-decoration: none;
}

/*专区 样式*/

.detail-main {
    background: #fff;
    padding: 26px 40px;
}

.detail-title {
    height: 64px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    position: relative;
}

.detail-title h1 {
    font-size: 22px;
    line-height: 64px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.detail-title .share-wrap {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 0;
}

.detail-summary {
    background: #f4f8fb;
    line-height: 26px;
    padding: 16px;
}

.detail-mainImg {
    max-height: 360px;
    margin: 28px 0;
}

.detail-mainImg img {
    max-height: 362px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid #ccc;
}

.detail-mod .mod-title {
    font-size: 22px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    position: relative;
    margin: 30px 0 10px;
    color: #000;
}

.detail-mod .mod-title.sp {
    font-size: 18px;
}

.detail-mod .mod-title span {
    position: absolute;
    width: 30px;
    height: 100%;
    left: -50px;
    top: 0;
    background: #be1735;
}

.detail-mod .mod-ctn p {
    line-height: 30px;
    color: #3d464d;
    margin-bottom: 20px;
    font-size: 15px;
    text-indent: 30px;
}

.extend-bar {
    overflow: hidden;
}

.extend-label {
    float: left;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: #e5eaed;
    color: #81898c;
    position: relative;
}

.extend-label:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-width: 15px 10px;
    border-color: transparent transparent transparent #e5eaed;
    top: 0;
    right: -20px;
}

.extend-ctn {
    margin-top: 10px;
    margin-right: -10px;
    overflow: hidden;
}

.extend-ctn li {
    color: #666;
    width: 200px;
    height: 26px;
    line-height: 26px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-right: 10px;
    text-indent: 17px;
}

.extend-ctn li:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    left: 6px;
    top: 12px;
    background: #76c7c0;
}

.video-list {
    overflow: hidden;
}

.video-list li {
    float: left;
    display: inline;
    width: 180px;
    margin-right: 20px;
    font-size: 14px;
}

.video-list li img {
    display: block;
    width: 180px;
    height: 120px;
}

.video-list li p {
    line-height: 22px;
    height: 22px;
    overflow: hidden;
}

.video-list li span {
    display: block;
    background: url(../images/icons_01.png) no-repeat 0 -393px;
    padding-left: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #909090;
}

.video-list li .tit {
    display: block;
    background: #f2f2f2;
    padding: 4px 6px;
    height: 42px;
}

.video-list li .pbtn {
    position: relative;
    display: block;
}

.video-list li .playbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 120px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');
    background: rgba(0, 0, 0, 0.5);
    _background: #000;
    _filter: alpha(opacity=50);
    display: none;
}

.video-list li .pbtn:hover .playbox {
    display: block;
}

.video-list li .playbox span {
    background: url(../images/icons_play.png) no-repeat 0 0;
    _background: url(../images/icons_play_ie6.png) no-repeat 0 0;
    width: 55px;
    height: 55px;
    padding: 0;
    margin: 32px auto 0;
    display: block;
}

.pin-wrap {
    padding-top: 70px;
}

.detail-floorNav {
    padding-left: 28px;
    position: relative;
}

.detail-floorNav li {
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 10px;
    cursor: pointer;
    color: #be1735;
    font-weight: bold;
}

.detail-floorNav li span {
    display: block;
    position: absolute;
    top: 8px;
    left: -24px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #76c7c0;
    border: 3px solid #d0edf0;
}

.detail-floorNav li em {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bolder;
}

.detail-floorNav li:before {
    content: "";
    display: block;
    top: 15px;
    left: -18px;
    width: 1px;
    height: 100%;
    background: #a3dad8;
    position: absolute;
}

.detail-floorNav li:last-child:before {
    display: none;
}

.detail-floorNav li:hover,
.detail-floorNav li.active {
    color: #fff;
    background: #be1735;
}

.detail-floorNav li:hover span,
.detail-floorNav li.active span {
    background: #fff;
    border-color: #76c7c0;
}

.detail-hotList {
    margin-top: 20px;
}

.detail-hotList .title {
    font-size: 18px;
    font-weight: bold;
    color: #be1735;
    margin-bottom: 12px;
}

.detail-hotList ul {
    height: 150px;
    overflow: hidden;
}

.detail-hotList li {
    height: 30px;
    line-height: 30px;
    position: relative;
    color: #be1735;
    font-size: 12px;
    font-weight: bold;
    text-indent: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.detail-hotList li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    left: 6px;
    top: 14px;
    background: #be1735
}

.detail-tips-box {
    border: 1px solid #ffdfe0;
    border-radius: 3px;
    background: #fffafa;
    padding: 10px 18px;
    overflow: hidden;
}

.detail-tips-box .title {
    height: 28px;
    line-height: 28px;
    margin: 10px 0;
}

.detail-tips-box .title span {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    padding: 0 8px;
    background: #fe7e41;
    font-size: 14px;
}

.detail-tips-box .box-l {
    float: left;
    width: 410px;
}

.detail-tips-box .box-l p {
    color: #62494c;
    font-size: 12px;
    line-height: 30px;
}

.detail-tips-box .box-r {
    float: right;
    width: 160px;
}

.detail-tips-box .box-r .img-wrap {
    width: 160px;
    height: 160px;
    margin-bottom: 5px;
    background: #fff;
}

.detail-tips-box .box-r .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
}

.detail-tips-box .box-r p {
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

/*分类列表 样式*/

.list-count {
    float: right;
    color: #8094a1;
}

.common-list {
    margin-top: 10px;
    margin-right: -10px;
    overflow: hidden;
}

.common-list li {
    width: 220px;
    height: 26px;
    line-height: 26px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-right: 10px;
    text-indent: 17px;
}

.common-list a {
    color: #3d464d;
}

.common-list li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    left: 6px;
    top: 50%;
    margin-top: -1px;
    background: #d2d2d2;
}

/*分类头*/

.list-cate {
    overflow: hidden;
    border: 1px solid #f2f5f7;
    background: #fff;
}

.list-cate .cate-item {
    float: left;
    width: 20%;
    text-align: center;
    padding: 20px 0;
    position: relative;
}

.list-cate .cate-item:before {
    content: "";
    width: 2px;
    background: #f4f8fb;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.list-cate .cate-item:last-child:before {
    display: none;
}

.list-cate .cate-item .img-wrap {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.list-cate .cate-item h5 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 15px;
}

.list-cate .cate-item a {
    color: #3d464d;
}

.list-cate .common-list {
    margin: 16px 0 0 0;
    height: 114px;
}

.list-cate .common-list li {
    width: 180px;
    line-height: 30px;
    height: 30px;
}

.list-cate .common-list li a {
    color: #3d464d;
    font-size: 15px;
}

.list-cate .cate-ctn {
    width: 100%;
    float: left;
}

/*三级分类头*/

.list-cate.sp {
    border: 2px solid #be1735;
    position: relative;
}

.list-cate.sp .cate-item {
    background: #be1735;
}

.list-cate.sp .cate-item .img-wrap {
    border: 3px solid #fff;
}

.list-cate.sp .cate-item a {
    color: #fff;
}

.list-cate.sp .back-btn {
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 25px;
}

.list-cate.sp .back-btn:hover span {
    border-color: #fff #5ccacc #fff #fff;
}

.list-cate.sp .back-btn em {
    position: absolute;
    bottom: 4px;
    right: 10px;
    font-weight: bold;
}

.list-cate.sp .back-btn span {
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
    border-style: solid;
    border-width: 50px 90px 50px 0;
    border-color: #fff #be1735 #fff #fff;
}

.list-cate.sp .common-list {
    display: none;
    ;
    margin: 14px 0 0 0;
    max-height: 114px;
}

.list-cate.sp .common-list.J_ctns {
    max-height: 104px;
}

.list-cate.sp .common-list.active {
    display: block;
}

/*亲子*/

.tab-list {
    margin-top: 10px;
}

.tab-list .tab-item {
    cursor: pointer;
    background: #d8f6f6;
    height: 30px;
    line-height: 30px;
    position: relative;
    float: left;
    text-align: center;
    padding: 0 13px;
    color: #3cb4c2;
    font-weight: bold;
}

.tab-list .tab-item:before {
    content: "";
    position: absolute;
    display: none;
    border-style: solid;
    border-width: 6px;
    border-color: #62dad9 transparent transparent transparent;
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
}

.tab-list .tab-item:hover,
.tab-list .tab-item.active {
    color: #fff;
    background: #62dad9;
}

.tab-list .tab-item:hover:before,
.tab-list .tab-item.active:before {
    display: block;
}

.list-title {
    color: #8094a1;
}

/*二级分类页 分类列表*/

.list-left {
    border: 1px solid #f2f5f7;
    background: #fff;
    min-height: 1000px;
    padding-bottom: 50px;
}

.list-mod {
    padding: 10px 20px;
}

.list-mod .mod-title {
    color: #be1735;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #f2f5f7;
    overflow: hidden;
}

.list-mod .mod-title h4 {
    float: left;
    font-weight: bold;
    font-size: 18px;
}

.list-mod .mod-title a {
    float: right;
    font-size: 12px;
}

.list-mod .mod-ctn {
    width: 680px;
    overflow: hidden;
}

.list-mod .hot-list {
    margin-top: 10px;
    margin-right: -40px;
    border-bottom: 1px solid #f2f5f7;
    padding-bottom: 16px;
    overflow: hidden;
}

.list-mod .hot-list .list-item {
    float: left;
    width: 320px;
    padding-right: 20px;
}

.list-mod .hot-list .img-wrap {
    float: left;
    width: 120px;
    height: 102px;
    margin-right: 10px;
}

.list-mod .hot-list h4 {
    font-size: 16px;
    line-height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-mod .hot-list p {
    font-size: 12px;
    color: #8f9ca4;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
}

/*三级分类页 分类列表*/

.cate-itemList {
    border-top: 1px solid #ecf1f4;
    padding-bottom: 10px;
    margin-top: -1px;
}

.cate-itemList h5 {
    color: #3d464d;
    font-weight: bold;
    font-size: 15px;
    padding-left: 17px;
    position: relative;
    font-size: 15px;
    margin-top: 15px;
}

.cate-itemList h5:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #be1735;
    border-radius: 50%;
    top: 6px;
    left: 5px;
}

/*营养页 - 能不能吃*/

.list-eat-wrap {
    padding: 10px 0;
}

.list-eat {
    overflow: hidden;
    position: relative;
    padding-left: 90px;
}

.list-eat dt,
.list-eat dd {
    font-size: 14px;
    float: left;
    *float: none;
    *display: inline;
    *zoom: 1;
    height: 25px;
    line-height: 25px;
    margin: 0 8px 6px 0;
    cursor: pointer;
}

.list-eat dt {
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 10px;
    _left: -80px;
    text-align: right;
    width: 76px;
    color: #000;
}

.list-eat dd {
    color: #676767;
    padding: 0 8px;
}

.list-eat dd:hover,
.list-eat dd:hover a,
.list-eat dd a:hover {
    transition: none;
    background-color: #3bc8d4;
    color: #fff;
    text-decoration: none;
}

.list-eat .active {
    background-color: #3bc8d4;
    color: #fff;
}

.list-eat .active a {
    color: #fff;
}

.can-eat-result .mod-title {
    padding-bottom: 8px;
}

.search-bar {
    height: 28px;
    line-height: 28px;
    float: right;
    margin-top: 5px;
    border-radius: 2px;
    border: 1px solid #c6e6e4;
}

.search-bar .ipt-text {
    border: none;
    padding: 0 5px;
    height: 28px;
    float: left;
}

.search-bar .ipt-text::-webkit-input-placeholder {
    color: #a2c7c7;
}

.search-bar .ipt-btn {
    float: left;
    width: 70px;
    text-align: center;
    color: #fff;
    background: #b0d0ce;
    height: 100%;
    font-family: "microsoft yahei";
    border-radius: 0 2px 2px 0;
}

.search-bar .ipt-btn:hover {
    background: #a7c2c2
}

.result-list {
    margin-top: 20px;
    overflow: hidden;
    margin-right: -50px;
}

.result-list li {
    float: left;
    margin: 0 45px 18px 0;
    width: 100px;
}

.result-list li.loading {
    float: none;
    margin: 0 auto;
    width: 200px;
    height: 32px;
    line-height: 32px;
    color: #666;
    text-align: center;
}

.result-list .img-wrap {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    overflow: hidden;
}

.result-list .img-wrap img {
    max-width: 100px;
    max-height: 100px;
}

.result-list li a {
    display: block;
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #737d80;
}

.list-left .list-eat-wrap {
    border-bottom: 1px solid #f2f5f7;
}

.list-cate .list-eat-wrap {
    width: 790px;
    margin-top: 10px;
    height: 124px;
    overflow: hidden;
}

.rank .top {
    overflow: hidden;
}

.rank .top span {
    padding: 10px 0;
 
    float: left;

    display: inline-block;
}
.rank .top span.active{
	border-bottom: 3px solid #be1735;
	color: #be1735

}
.rank .main p {
    padding: 8px 0;
}


.u-top {
	overflow: hidden;
width: 1000px;
margin: 0 auto 20px;
}

.u-top .logos {
	margin-top: 20px;
	margin-right: 50px;
	float: left;
}


.input-container{
	margin-top: 20px;
	
	float: left;
	position: relative;
	overflow: hidden;
	width: 300px;
	border: 1px solid #be1735;
height:30px;
}
.input-container input{
	width: 80%;
	box-sizing: border-box;
	padding-left: 20px;
	height: 100%;
}
.input-container a{
	line-height: 30px;
	position: absolute;
	right: 0;top: 0;
	display: block;
	width: 20%;
	height: 100%;
	color: #fff;
	text-align: center;
	background: #be1735;
	/* padding: 0 20px; */
}


.one-li{
	width: 1200px;margin: 0 auto 10px;background: #f6f6f6;
	padding: 10px ;box-sizing: border-box;
}
.one-li a{
	display: inline-block;
	padding:  5px;
	border-right: 1px solid #ccc;
}

.fixp{
	background: #f7f7f7;
	padding: 5px 0;
}
.cont{
	width: 1000px;margin:  0 auto;
	text-align: right

}


.tuijian-container{
overflow: hidden;
margin-bottom: 20px;
width: 100%;
}

.tuijian-container >div{
  width: 25%;float: left;    margin-top: 10px;
}

.tuijian-container >div img{
    width: 88%;

}
.tuijian-container >div p{
 
text-align: center;margin: 10px 0 10px;
overflow:hidden;
height:38px;
    padding: 0 5px;

}

.tuijian-container .money{
    color: #be1735;text-align: center;
}



.tuijian-container >.big{
    width: 100%;float: left;font-size: 14px;margin-top: 25px;
  }
  .tuijian-container >.big .title{
  font-size: 16px;
  }
  .tuijian-container >.big .desc{color: #c03;font-size: 14px;
  }
  .tuijian-container >.big img{float: left;
      width: 40%;
  }
  .tuijian-container >.big p{
   text-align: left;
 margin: 10px 0 10px;
  
  }
  .big .cha{
      text-align: center;padding: 8px 35px;border-radius: 10px;
      color: #fff;margin-top: 100px;display: inline-block;
      background:crimson;float: right;;
  }
  .tuijian-container  .big .money{
      color: #be1735;text-align: left;
  }
  







.chakan{
    font-size: 15px;text-align:right;margin: 0 auto;color: #be1735;display: block;margin-bottom: 10px
}




.page-panel .p-wrap {
    height: 40px;
    margin-top: 26px;
    font-family: Microsoft YaHei;
    text-align: center
}

.page-panel .p-prev:hover {
    color: #c9033b !important;
    text-decoration: none
}

.page-panel .p-next:hover {
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    border: 2px solid #c9033b;
    color: #c9033b !important;
    text-decoration: none
}

.page-panel .p-item {
    height: 36px;
    padding: 0 15px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #ddd;
    font-size: 15px;
    transition: box-shadow .15s ease-out;
    -webkit-transition: box-shadow .15s ease-out;
    -moz-transition: box-shadow .15s ease-out;
    -o-transition: box-shadow .15s ease-out
}

.page-panel .p-next {
    margin-right: 17px;
    height: 34px;
    line-height: 34px;
    padding: 0 14px;
    border: 2px solid #c9033b
}

.page-panel .p-item:hover {
    box-shadow: 0 0 4px #ddd
}

.page-panel .p-num:hover {
    color: #c9033b !important
}

.page-panel .p-cur {
    color: #fff;
    background: #c03
}

.page-panel .p-cur:hover {
    color: #fff;
    box-shadow: none
}

.page-panel .p-ellipsis {
    margin: 0 15px;
    color: #dfdfdf
}

.page-panel .p-info {
    color: #b5b5b5;
    font-size: 14px;
    font-family: 宋体
}

.page-panel .p-info .i-num {
    margin: 0 5px;
    font-family: Microsoft YaHei
}

.page-panel .p-input {
    width: 32px;
    height: 20px;
    line-height: 20px;
    padding: 7px 0;
    border: 1px solid #ddd;
    text-align: center;
    margin: 0;
    outline: 0
}

.page-panel .p-enter {
    height: 34px;
    line-height: 32px;
    width: 64px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #f5f5f5;
    font-size: 14px;
    font-family: 宋体;
    color: #63544f
}

.page-panel .p-enter:hover {
    text-decoration: none;
    color: #333 !important
}

.page-panel .p-arrow {
    font-family: 宋体
}

.page-panel .p-disabled {
    color: #999 !important;
    cursor: default;
    height: 36px;
    padding: 0 15px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #ddd;
    font-size: 15px
}

.page-panel .p-disabled:hover {
    color: #999 !important;
    text-decoration: none;
    box-shadow: none;
    height: 36px;
    padding: 0 15px;
    line-height: 36px;
    border: 1px solid #ddd
}

.page-ellipsis .p-info,
.page-panel .p-enter,
.page-panel .p-input,
.page-panel .p-item {
    vertical-align: middle
}


	.bgleft {background:#ffffff; overflow:hidden;}
.listbox {width: 850px;padding: 0px 0px 10px 0px;margin: 0px 10px 20px;overflow: hidden}
.listbox ul.tw_list li {float: left;height: 160px;margin-top: 15px;border-bottom: 1px dashed #e5e5e5}
 .listbox ul.tw_list li img {width: 200px;height: 130px;display: block; border:2px #ededed solid; float: left; overflow: hidden}
 .listbox ul.tw_list li span.art_title {display: block;height: 25px;line-height: 25px;font-size: 16px;overflow: hidden;margin-bottom: 5px;}
 .ll {width: 205px;overflow: hidden;float: left;margin-left: 10px;margin-right: 20px;_margin-left: 7px}
 .ll img {border:0;
margin:0;
padding:0;
max-width:590px;
width:e­xpression(this.width>590?"590px":this.width);
max-height:590px;
height:e­xpression(this.height>590?"590px":this.height);}
.lr {width: 600px;overflow: hidden;float: left}
 .listbox ul.tw_list li span.art_title a {color: #333;}
 .listbox ul.tw_list li span.art_title a:hover {color: #cc0066;}
 .listbox ul.tw_list li p.art_intro {display: block;height: 66px;line-height: 22px;color: #999;overflow: hidden;margin-bottom: 10px}
 .listbox ul.tw_list li .art_time {display: block;height: 24px;line-height: 24px;padding-left: 15px;background: #eee;overflow: hidden;padding: 0 10px}
 .listbox ul.tw_list li .art_time .all_art {float: left}
 .listbox ul.tw_list li .art_time .all_art a {color: #cc0066;}
 .listbox ul.tw_list li .art_time .all_art a:hover {color: #666}
 .listbox ul.tw_list li .art_time .times {float: right;}
 
 
 /*page*/
.pages .prev,.pages .next{background:url(../images/page-icon.png) no-repeat}
.page-bar {padding:20px 0 10px; }
.result-total {color:#e60000; font-weight:bold; line-height:29px; float:left; margin-left:30px;}
.pages { margin-top:-29px; font-size:14px}
.pages span,.pages a {display:inline-block; vertical-align:top; height:27px;min-width:20px;_width:20px; white-space:nowrap; text-align:center;line-height:27px;padding:0 4px;margin-left:5px;}
.pages a {border:1px solid #d6d6d6;background-color:#fff;}
.pages a:hover {background-color:#8d794d;border:1px solid #61563f; color:#FFFFFF;}
.pages span {padding:0;}
.pages .act {padding:0 4px; border:1px solid #61563f; background:#8d794d; color:#fff; font-weight:bold}
.pages .prev,.pages .next {font-family:\5B8B\4F53}
.pages .prev {padding-left:16px; background-position:0 0}
.pages .next {padding-right:16px; background-position:100% -18px}
.pages .prev:hover {background-position:0 -37px}
.pages .next:hover {background-position:100% -56px}