html, body { -webkit-text-size-adjust: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }
input[type="date"]:before { -moz-content: attr(placeholder); color: #f00; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
input, textarea, select, form, fieldset { vertical-align: top; }
img { vertical-align: top; border: 0; }
a { color: #333333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());
}
:focus { outline: none; }
.red, .red a { color: #F00; }
.left { float: left; }
.right { float: right; }
.autohei { overflow: hidden; zoom: 1; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.blank { font-size: 0; line-height: 0; height: 20px; clear: both; overflow: hidden; }
.yahei, .yahei * { font-family: Microsoft YaHei; }
.songti, .songti * { font-family: SimSun; }
.img { text-align: center; overflow: hidden; }
.img img { display: block; }
.aaaaaa { }
body { font-size: 12px; background: #fff; }
html { font-size: 10px; }
.blank { height: 1rem; }
img { max-width: 100%; }
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; font-size: 1.4rem; color: #333333; }
em, i { font-style: normal; }
input, textarea, button { color: #333333; text-decoration: none; border: none; }
html { background: #eee; }
.clr:after, .clr:before { content: ""; display: table; }
.clr:after { clear: both; }
.clr { zoom: 1; }
.icon { display: inline-block; background-color: transparent; background-repeat: no-repeat; }
section { margin: 0rem auto; background: #ffffff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; overflow: hidden; padding: 0 0 1.3rem 0; }
.mT10 { margin-top: 0.45rem!important; }
.mt0 { margin-top: 0!important; }
.mb0 { margin-bottom: 0!important; }
.p00 { padding: 0 0 0 0; }
.header { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 4.25rem; background: #c70c50; padding: 0 0.85rem; }
.index-logo { position: relative; padding-top: 0.75rem; padding-right: 0.35rem; }
.ico-index-logo { display: inline-block; width: 2.75rem; height: 2.5rem; background-image: url(../images/logo.png); -webkit-background-size: 100% 100%; background-size: 100%; }
.header-logo { position: relative; padding: 0.85rem 0.35rem 0.85rem 0; }
.header-logo:after { content: ''; position: absolute; right: -1.7rem; top: 0; width: 1.45rem; height: 4.25rem; background: url(../images/head_home.png) no-repeat; -webkit-background-size: 1.45rem 4.25rem; background-size: 1.45rem 4.25rem; }
.ico-header-logo { display: inline-block; width: 2.75rem; height: 2.55rem; background-image: url(../images/logo.png); -webkit-background-size: 100% 100%; background-size: 100%; }
.header-title { position: relative; display: inline-block; font-size: 1.9rem; line-height: 4.25rem; color: #fff; text-align: center; width: 100%; }
.header-nav { margin-top: 1.05rem; font-size: 0; }
.header-menu { width: 2.95rem; height: 2.2rem; background-image: url(../images/header-menu.png); -webkit-background-size: 2.95rem 2.2rem; background-size: 2.95rem 2.2rem; }
.crumb { line-height: 3.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #eee; padding-bottom: 0; }
.crumb a { display: inline-block; padding: 0 0.25rem; color: #666; font-size: 1.2rem; }
.crumb a.home { padding-left: 1.6rem; background: url(../images/mSubhome.png) no-repeat 0.5rem center; background-size: 0.95rem 1.2rem; }
.crumb a.active { color: #333 }
.index-nav { background: #eee; height: 5.7rem; }
.index-nav ul { padding: 0; }
.index-nav li { float: left; width: 20%; font-size: 1.35rem; line-height: 3.4rem; overflow: hidden; height: 2.75rem; text-align: center; }
.index-nav li:nth-child(6) { margin-right: 0; }
.index-nav li:nth-child(12) { margin-right: 0; }
.index-nav:after { clear: both; content: ""; display: table; }
.nav { padding: 0.85rem 0 0 0.85rem; background: #eee; }
.nav li:not(.nav-show-tab) { /*display: none;*/ }
.nav .spn { margin-right: 0.45rem; }
.nav-index { font-size: 0; overflow: hidden; }
.nav-index li { float: left; width: 20%; font-size: 1.45rem; line-height: 2.75rem; overflow: hidden; height: 2.75rem; /*padding-right: 0.85rem; padding-bottom: 0.85rem;*/ }
.nav-link { color: #333; background: #f5f5f5; width: 100%; display: inline-block; float: left; text-align: center; }
.nav-more { color: #c70c50; }
.ico-nav-more { display: inline-block; border-width: 0 0 0.1rem 0.1rem; width: 0.25rem; height: 0.25rem; border-style: solid; border-color: transparent transparent #c70c50 #c70c50; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -0.2rem; vertical-align: middle; }
.ico-nav-pack { display: inline-block; border-width: 0 0 0.1rem 0.1rem; width: 0.25rem; height: 0.25rem; border-style: solid; border-color: transparent transparent #c70c50 #c70c50; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: 0; }
.article-box { position: relative; padding: 0 0.85rem 0 0.85rem; background: #fff; border-top: none; }
.article-header { position: relative; padding: 1.5rem 0 1.05rem 0; margin-bottom: 1.3rem; }
.article-header:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom: 1px dashed #7a7a7a; }
.article-header h3 { font-size: 1.9rem; line-height: 2.75rem; color: #333; overflow: hidden; text-overflow: ellipsis; text-align: center;}
.article-header .header-date { padding-top: 0.75rem; font-size: 1rem; color: #999; position: relative; text-align: center;}
.article-header .header-date > span { padding-right: 1.5rem; }
.article-header .header-link { color: #999; }
.article-info { font-size: 1.5rem; text-align: justify; line-height: 2.75rem; /*text-indent: 2em;*/ color: #333; position: relative; }
.article-info:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; -webkit-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); transform: scale(1, 0.5); border-bottom: 1px dashed #dfdfdf; }
.article-info img { display: block; margin: 0 auto; width: 100%; }
.caption_right { width: 3.45rem; float: right; height: 1.3rem; position: absolute; right: 0.2rem; top: 0.85rem; }
.f_size { width: 1.5rem; height: 0.95rem; float: right; background: url(../images/size.png) center no-repeat; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; background-size: 1.5rem 0.95rem; cursor: pointer; }
.size_up { width: 0rem; height: 0rem; border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent; border-bottom: 0.25rem solid #ddd; position: absolute; z-index: 99; right: 0.5rem; top: 1.25rem; }
.size_box { width: 4.05rem; height: 1.75rem; background: #f5f5f5; border: 1px #ddd solid; position: absolute; z-index: 9; right: 0rem; top: 1.5rem; }
.size_small { width: 2rem; float: left; height: 1.75rem; background: url(../images/size2.png) center no-repeat; background-size: 0.75rem 0.55rem; display: block; cursor: pointer; }
.size_box span { float: left; width: 1px; height: 1.75rem; color: #ddd; font-size: 0.75em; line-height: 1.75rem; }
.size_add { width: 2rem; float: right; height: 1.75rem; background: url(../images/size1.png) center no-repeat; background-size: 0.75rem 0.55rem; display: block; cursor: pointer; }
.related { height: auto; background: #fff; }
.related_top { width: 100%; height: 3.4rem; border-bottom: 1px #f1f1f1 solid; }
.related_top h2 { background: url(../images/other_ico.png) 0.85rem 0.75rem no-repeat; background-size: 1.7rem; color: #333; float: left; font-size: 1.7rem; line-height: 3.4rem; font-weight: normal; text-indent: 3rem; }
.related_cont { height: auto; overflow: hidden; padding: 0 0.85rem; }
.related_cont li { width: 100%; height: 3.4rem; border-bottom: 1px #ddd dashed; background: url(../images/li.png) 0rem center no-repeat; display: block; overflow: hidden; text-indent: 0.85rem; }
.related_cont li a { color: #555; font-size: 1em; line-height: 3.4rem; }
footer { background: #dfdfdf; text-align: center; padding-top: 0.85rem; padding-bottom: 1.7rem; position: relative; margin-top: 0.85rem; border-top: 1px solid #dddddd; }
footer nav a { display: inline-block; height: 2.55rem; line-height: 2.55rem; position: relative; color: #333; text-decoration: none; font-size: 1.2rem; text-align: center; margin-left: 0.15rem; padding: 0 0.65rem; }
footer #f_menu:after { content: ""; background: #333; height: 1.3rem; width: 0.1rem; position: absolute; right: 0rem; top: 0.65rem; }
footer p { width: 100%; height: 2.4rem; text-align: center; color: #333; font-size: 1.2rem; line-height: 2.4rem; }
.tab-pic { position: relative; float: left; width: 100%; /*height: 17.05rem */}
.tab-pic img { border: 0; margin: 0; width: 100%; height: 100%; }
.list_pic_tab { position: relative; width: 100%; overflow: hidden; line-height: 0 }
.list_pic_tab .swiper-pagination-fraction { width: 2.75rem; font-size: 1.35rem; height: 3rem; right: 0.85rem; position: absolute; bottom: 0; color: #fff; line-height: 3rem; }
.list-hot { clear: both; margin-bottom: 0.6rem; background: #fff; padding: 1.3rem 0.85rem 1.3rem 0.85rem; border-top: none; }
.list-hot ul { clear: both; height: 2.4rem; line-height: 2.4rem; font-size: 1.55rem; overflow: hidden; text-align: center; }
.list-hot dd { clear: both; line-height: 2.4rem; overflow: hidden; text-align: left; font-size: 1.2rem; color: #444; height: 4.7rem; }
.list-hot dd a { font-size: 1.2rem; color: #444; }
.list-hot ul.list-hota { text-align: left; padding-left: 3.85rem; position: relative; }
.list-hot ul.list-hota p.p1 { position: absolute; left: 0; width: 3rem; height: 1.7rem; line-height: 1.9rem; color: #fff; background: #ff8a00; font-size: 1.2rem; text-align: center; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; border-radius: 0.15rem; top: 0.25rem; }
.list-hot ul.list-hota p.p2 { position: absolute; left: 0; width: 3rem; height: 1.7rem; line-height: 1.9rem; color: #fff; background: #c70c50; font-size: 1.2rem; text-align: center; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; border-radius: 0.15rem; top: 0.25rem; }
.height6 { clear: both; height: 0.5rem; line-height: 0.5rem; font-size: 1px; overflow: hidden; }
.list-parttop { padding: 0 0 1.3rem 0; }
.list-part { padding: 0 0 1.3rem 0; margin-top: 0.85rem; }
.li-tit { border-left: 0.1rem solid #c70c50; font-size: 1.55rem; line-height: 3.75rem; height: 3.75rem; border-bottom: 1px solid #dddddd; padding-left: 0.85rem; }
.li-tit .more { float: right; width: 0.95rem; height: 100%; background: url('../images/tit-more.png') left center no-repeat; background-size: 0.95rem 1.75rem; margin-right: 0.85rem; }
.picpre2 { clear: both; margin: 1.3rem 0.45rem; overflow: hidden; }
.picpre2 ul { float: left; width: 50%; overflow: hidden; }
.picpre2 ul a { display: block; clear: both; margin: 0 0.45rem; position: relative; }
.picpre2 ul a span { display: block; clear: both; width: 100%; max-height: 7.45rem; overflow: hidden; }
.picpre2 ul a span img { width: 100%; height: 9.8rem; vertical-align: top; max-height: 7.45rem; }
.picpre2 ul a p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 1.9rem; line-height: 1.9rem; text-align: center; color: #fff; overflow: hidden; font-size: 1rem; }
.picpre2 ul a i { display: block; background: #000; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1.9rem; }
.lv { border-left: 0.1rem solid #c70c50; color: #c70c50; }
.art-li { height: auto; overflow: hidden; padding: 0 0.85rem 0.2rem 0.85rem; }
.art-li li { width: 100%; height: 3.4rem; border-bottom: 1px #ddd dashed; background: url(../images/li.png) 0rem center no-repeat; display: block; overflow: hidden; text-indent: 0.85rem; }
.art-li li:last-of-type { border-bottom: none; }
.art-li li a { color: #333; font-size: 1.35rem; line-height: 3.4rem; }
.li_more { height: 3.4rem; background: #f5f5f5; margin: 0 0.85rem; }
.li_more a { width: 12.8rem; text-align: center; height: 3.4rem; display: block; color: #c70c50; font-size: 0.875em; line-height: 3.4rem; background-size: 1rem; margin: 0 auto; border-bottom: none; }
.art-li li.hot { padding: 0 0 0 1.3rem; position: relative; }
.art-li li.hot p { position: absolute; left: 0; top: 0.85rem; width: 1.55rem; height: 1.55rem; line-height: 1.55rem; color: #fff; background: #ff8a00; font-size: 1rem; text-align: center; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; border-radius: 0.15rem; text-indent: 0; }
.art-li li.j { padding: 0 0 0 1.3rem; position: relative; }
.art-li li.j p { position: absolute; left: 0; top: 0.85rem; width: 1.55rem; height: 1.55rem; line-height: 1.55rem; color: #fff; background: #c70c50; font-size: 1rem; text-align: center; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; border-radius: 0.15rem; text-indent: 0; }
.tuwen { overflow: hidden; padding: 0 0.85rem; }
.tuwen li { padding: 1.05rem 0 1.05rem 9.8rem; min-height: 3.5rem; border-bottom: 1px dashed #dddddd; position: relative; text-align: left; overflow: hidden; }
.tuwen li:last-child { border-bottom: none; }
.tuwen li span { display: block; position: absolute; left: 0rem; width: 8.95rem; overflow: hidden; }
.tuwen li span img { display: block; width: 8.95rem; height: 6.85rem; }
.tuwen li h3 { display: block; height: 4.9rem; line-height: 2.2rem; font-size: 1.45rem; overflow: hidden; }
.tuwen li p { display: block; width: 100%; line-height: 1.95rem; font-size: 1.2rem; color: #666; height: 1.7rem; overflow: hidden; }
.tuwen li i { font-size: 1.2rem; }
.tuwen li .mess { float: right; }
.tuwen li .time { }
.tuwen1 { height: auto; overflow: hidden; padding: 0 0.85rem 0.2rem 0.85rem; }
.tuwen1 a { width: 100%; height: auto; border-bottom: 1px #ddd dashed; display: block; }
.tuwen1 dl { padding: 0.85rem 0rem; height: auto; overflow: hidden; }
.tuwen1 dt { width: 35%; height: 6.85rem; float: left; }
.tuwen1 dt img { width: 100%; height: 6.85rem; }
.tuwen1 dd { width: 61%; height: 6.85rem; float: left; margin-left: 0.85rem; display: inline; }
.tuwen1 dd h3 { width: 100%; height: 2.4rem; overflow: hidden; color: #333; font-size: 1.45rem; line-height: 2.4rem; font-weight: normal; }
.tuwen1 dd p { width: 100%; height: 4.1rem; color: #666; font-size: 1.2rem; line-height: 1.95rem; overflow: hidden; margin-top: 0.45rem; }
.listtag { height: auto; overflow: hidden; padding: 0 0.85rem 0.2rem 0.85rem; }
.listtag li { width: 100%; height: 3.4rem; border-bottom: 1px #ddd dashed; display: block; overflow: hidden; }
.listtag li:last-of-type { border-bottom: none; }
.listtag li a.tags { color: #666 }
.listtag li a { color: #333; font-size: 1.35rem; line-height: 3.4rem; }
.art-li2 { height: auto; overflow: hidden; padding: 0 0.85rem 0.2rem 0.85rem; }
.art-li2 li { width: 14.1rem; height: 3.4rem; border-bottom: 1px #ddd dashed; background: url(../images/li.png) 0rem center no-repeat; display: block; overflow: hidden; text-indent: 0.85rem; float: left; padding-right: 0.85rem; }
.art-li2 li:last-of-type { border-bottom: none; }
.art-li2 li:nth-last-child(2) { border-bottom: none; }
.art-li2 li a { color: #333; font-size: 1.35rem; line-height: 3.4rem; }
.swt_pic{padding-top: 1.3rem;}
.list2 { height: auto; background: #fff; padding: 0; }
.list2-tit { }
.list2-tit { width: 100%; height: 3.4rem; border-bottom: 1px #f1f1f1 solid; }
.list2-tit h2 { background: url(../images/list2-tit.png) 0.85rem 0.65rem no-repeat; background-size: 1.7rem 1.7rem; color: #333; float: left; font-size: 1.7rem; line-height: 3.4rem; font-weight: normal; text-indent: 3rem; }
.list2-li { overflow: hidden; padding: 0 0.85rem; }
.list2-li li { padding: 0.5rem 0; border-bottom: 1px dashed #dddddd; position: relative; text-align: left; overflow: hidden; }
.list2-li li h3 { display: block; height: 3.4rem; line-height: 3.4rem; font-size: 1.45rem; overflow: hidden; }
.list2-li li h2 { display: block; width: 100%; height: 1.2rem; line-height: 1.2rem; background-size: 0.7rem !important; font-size: 0.7rem; font-weight: bolder; overflow: hidden; margin: 0.25rem 0; }
.list2-li li p { display: block; width: 100%; line-height: 1.95rem; font-size: 1.2rem; color: #666; height: 1.7rem; overflow: hidden; }
.list2-li li p a { color: #40b04a; }
.list2-li li p em { color: #333; font-style: normal }
.list2-li li i { font-size: 1.2rem; }
.list2-li li .mess { float: right; }
.list2-li li .time { }


.title-bar { line-height: 3.4rem; text-align: left; background-color: #fff; color: #333; margin-left: 0.9rem; border-bottom: 0.1rem solid #ccc; margin-right: 0.9rem; height: 3.4rem; }
.title-bar h3 { border-bottom: 0.3rem solid #296fc4; display: inline-block; font-size: 1.5rem; margin-right: 0.9rem; line-height: 3.4rem; height: 3.4rem; }
.title-bar span { font-size: 1rem; color: #a2a2a2; }
.title-bar .more { float: right; font-size: 1.2rem; color: #666; font-weight: normal; }
.Msg { padding: 0 0.4rem; }
.ys_list { /*width: 100%;*/ padding: 0.9rem 0.9rem 0.9rem 7.1rem; min-height: 7.7rem; border-bottom: 0.1rem dashed #dddddd; position: relative; text-align: left; overflow: hidden; }
.ys_list span { display: block; position: absolute; top: 0.9rem; left: 0; width: 6.8rem; height: 6.8rem; padding: 0.2rem; overflow: hidden; }
.ys_list span img { border: 0.1rem solid #e3e3e3; border-radius: 50%; padding: 0.2rem; width: 5.8rem; height: 5.8rem; min-width: 5.8rem; }
.ys_list h3 { display: block; width: 100%; height: 2.6rem; line-height: 2.6rem; font-size: 1.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-weight: bold; }
.ys_list h3 em { color: #a2a2a2; font-style: normal; font-size: 1.2rem; }
.ys_list p { display: block; width: 100%; line-height: 1.9rem; color: #333; overflow: hidden; height: 1.9rem; font-size: 1rem; }
.ys_list p a { color: #00b489; }
.ys_list .tag { height: 2rem!important; position: absolute; top: 0.9rem; right: 0.9rem; }
.ys_list .tag i { background: url(../images/icon4.png) no-repeat; background-size: 2rem 2rem; width: 2rem; height: 2rem; float: left; }
.ys_list .tag a { color: #333; line-height: 2rem; border-top: 0.1rem solid #f0b158; border-radius: 0.4rem; font-size: 1.2rem; margin-left: -1.5rem; height: 2rem; float: left; padding: 0 0.9rem 0 1.9rem; border-bottom: 0.1rem solid #f0b158; border-right: 0.1rem solid #f0b158; }
.other_more { height: 3.4rem; margin: 0.9rem 0; border: 0.1rem solid #dfdfdf; border-radius: 0.5rem; }
.other_more a { width: 12.8rem; text-align: center; height: 3.4rem; display: block; color: #333; font-size: 1.2rem; line-height: 3.4rem; background-size: 2rem; margin: 0 auto; border-bottom: none; }
.other_more a i { background: url(../images/other_morei.png) no-repeat; background-size: 1rem 0.6rem; width: 1rem; height: 0.6rem; display: inline-block; margin-left: 0.9rem; }
.swt1 { width: 100%; float: left; }
.swt1 ul { width: 100%; padding-bottom: 0.9rem; float: left; }
.swt1 ul li { width: 50%; float: left; height: 3.4rem; text-align: center; background: #f0b158 url(../images/swt1_icon2.png) 0.9rem no-repeat; background-size: 2.1rem 2.1rem; }
.swt1 ul li:nth-child(1) { background: #296fc4 url(../images/swt1_icon1.png) 0.9rem no-repeat; background-size: 2.1rem 2.1rem; }
.swt1 ul li a { color: #fff; line-height: 3.4rem; width: 100%; float: left; }

.unlion { padding: 0; border-bottom: 1px dashed #dddddd; }
.index_pic_tab { position: relative; width: 100%; overflow: hidden; line-height: 0 }
.index_pic_tab .swiper-pagination-fraction { width: 2.75rem; font-size: 1.35rem; height: 3rem; right: 0.85rem; position: absolute; bottom: 0; color: #fff; line-height: 3rem; }
.index_pic_tab .swiper-pagination-bullet { opacity: 0.7 }
.index_pic_tab .swiper-pagination-bullet-active { background: #c70c50; }
.index-nav1 { margin: 1.3rem 0; padding: 1.3rem 0; text-align: center; background: #fff; overflow: hidden; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.index-nav1 ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 0.85rem; }
.index-nav1 ul li { height: 7.25rem; width: 5.1rem; margin-right: 3.3rem; }
.index-nav1 ul li a { position: relative; display: block; height: 7.25rem; text-align: center; }
.index-nav1 ul li i { display: inline-block; width: 5.1rem; height: 5.1rem; background-position: 0 0; background-size: 5.1rem 5.1rem; }
.icon-index-nav1 { background: url(../images/index-nav1.png) no-repeat; }
.icon-index-nav2 { background: url(../images/index-nav2.png) no-repeat; }
.icon-index-nav3 { background: url(../images/index-nav3.png) no-repeat; }
.icon-index-nav4 { background: url(../images/index-nav4.png) no-repeat; }
.index-nav1 ul li p.index-nav1-txt { position: absolute; bottom: 0rem; width: 100%; color: #333; font-size: 1.2rem; }
.hot_index { height: auto; margin-top: 1.3rem; background: #fff; }
.hot_index_tit { width: 100%; height: 3.4rem; border-bottom: 1px #f1f1f1 solid; }
.hot_index_tit h2 { background: url(../images/index-light.png) 0.85rem 0.55rem no-repeat; background-size: 1.6rem 1.85rem; color: #333; font-size: 1.7rem; line-height: 3.4rem; font-weight: normal; text-indent: 3.4rem; }
.index-part { padding: 0; margin-top: 0.85rem; }
.index-part-top { height: 3.75rem; border-bottom: 1px #dfdfdf solid; }
.index-part-top h2 { color: #333; font-size: 1.7rem; line-height: 3.75rem; font-weight: normal; text-indent: 3rem; float: left; }
.index-part-top a { float: right; width: 0.95rem; font-size: 1.2rem; color: #c70c50; height: 100%; background: url('../images/tit-more.png') left center no-repeat; background-size: 0.95rem 1.75rem; margin-right: 0.85rem; }
.index-part-top a:nth-child(2n) { color: #ff8a00 }
.index-part-top span { float: right; height: 3.75rem; }
.index-part-top span a.s { float: left; width: 4.05rem; margin: 0; line-height: 3.75rem; background: none; margin-left: 0.35rem; }
.videoicon { background: url(../images/tit-video.png) 0.85rem 1rem no-repeat; background-size: 1.5rem 1.65rem; }
.tit_docicon { background: url(../images/tit-doc.png) 0.85rem 0.85rem no-repeat; background-size: 1.55rem 1.65rem; }
.vodicon { background: url(../images/tit-vod.png) 0.85rem 1rem no-repeat; background-size: 1.7rem 1.7rem; }
.womanicon { background: url(../images/woman.png) 0.85rem 1rem no-repeat; background-size: 1.6rem 1.7rem; }
.manicon { background: url(../images/man.png) 0.85rem 1rem no-repeat; background-size: 1.4rem 1.65rem; }
.lifeicon { background: url(../images/life.png) 0.85rem 0.85rem no-repeat; background-size: 1.8rem 1.8rem; padding-left: 0.45rem; }
.jbicon { background: url(../images/jb.png) 0.85rem 0.65rem no-repeat; background-size: 2.45rem 2.45rem; padding-left: 0.85rem; }
.linkicon { background: url(../images/link.png) 0.85rem 0.65rem no-repeat; background-size: 2.45rem 1.75rem; padding-left: 0.85rem; }
.tagli { height: auto; overflow: hidden; padding: 0 0.85rem 0.2rem 0.85rem; }
.tagli li { width: 100%; height: 3.4rem; border-bottom: 1px #ddd dashed; display: block; overflow: hidden; }
.tagli li:last-of-type { border-bottom: none; }
.tagli li a.taglilab { color: #c70c50 }
.tagli li a { color: #333; font-size: 1.35rem; line-height: 3.4rem; }
.index-tagli { height: auto; overflow: hidden; padding: 0 0.85rem 0.85rem 0.85rem; }
.index-tagli ul { overflow: hidden; }
.index-tagli ul li { background: #c70c50; width: 7.2rem; height: 3.4rem; line-height: 3.4rem; float: left; text-align: center; margin: 0 0.15rem; margin-bottom: 0.25rem; }
.index-tagli ul li:nth-child(4) { margin-right: 0; }
.index-tagli ul li:nth-child(8) { margin-right: 0; }
.index-tagli ul li a { color: #FFF; line-height: 3.4rem; width: 100%; float: left; }
.index_hos_tab { width: 100%; text-align: left; position: relative; }
.index_hos_tab .hd { height: 3.75rem; line-height: 3.75rem; background: #fff; padding: 0; border-bottom: 1px solid #ddd; position: absolute; top: -3.85rem; right: 0; }
.index_hos_tab .hd ul { float: left; height: 3.75rem; }
.index_hos_tab .hd ul li { float: left; padding: 0 0.65rem; cursor: pointer; }
.index_hos_tab .hd ul li.on { height: 3.6rem; background: #fff; border: 1px solid #ddd; border-bottom: 0.1rem solid #fff; border-top: 0.1rem solid #c70c50; }
.index_hos_tab .bd ul { padding: 0; zoom: 1; }
.picpre3 { clear: both; padding: 1.3rem 0.45rem 0.85rem 0.45rem; overflow: hidden; }
.picpre3 li { float: left; width: 33.33%; overflow: hidden; list-style: none; }
.picpre3 li a { display: block; clear: both; margin: 0 0.45rem; position: relative; }
.picpre3 li a span { display: block; clear: both; width: 100%; max-height: 7.45rem; overflow: hidden; }
.picpre3 li a span img { width: 100%; height: 5rem; vertical-align: top; max-height: 7.45rem; }
.picpre3 li a p { z-index: 2; width: 100%; height: 1.9rem; line-height: 1.9rem; text-align: center; color: #333; overflow: hidden; font-size: 1rem; margin-top: 0.45rem; }
.btop { border-top: 1px #ddd dashed; }
.links { height: auto; overflow: hidden; padding: 0.85rem 0 0.85rem 0.85rem; line-height: 2.4rem; }
.links a { float: left; margin-right: 1.3rem; font-size: 1.2rem; line-height: 2.4rem; }
.heabar { display: none; width: 100%; position: absolute; top: 4.25rem; z-index: 1000; font-size: 0.7rem; width: 32rem; margin: 0 auto; }
.heaber_be { background: #313131; overflow: hidden; }
.heabar a { color: #fff; }
.info { margin-top: 0.5rem; overflow: hidden; }
.heabar h3 { text-align: center; font-size: 1.4rem; color: #fff; letter-spacing: 1px; position: relative; margin: 0.45rem 0.85rem; }
.heabar h3 span { position: relative; background: #313131; font-weight: bold; z-index: 1; padding: 0 0.85rem; }
.info { width: 100%; margin: 0 auto; padding: 0 0.45rem; }
.info a { float: left; width: 5.2rem; text-align: center; font-size: 1.2rem; line-height: 2.55rem; border: 1px solid #e5e5e5; margin: 0 0.45rem 0.45rem 0.45rem; }
.info a:hover { background: #c70c50; color: #fff }
.login { width: 100%; padding: 0.85rem 0 1.7rem 0; text-align: center; }
.login a { display: inline-block; margin: 0rem 0.45rem; font-size: 1.55rem; color: #fff; padding: 0.45rem 3.4rem; }
.login a.loginicon { background: #ff8a00; }
.login a.regicon { background: #c70c50; }
.tj_bx1 ul { padding: 0rem 0.5rem; overflow: hidden; }
.tj_bx1 ul li { float: left; width: 20%; text-align: center; }
.tj_bx1 ul li a { display: block; position: relative; width: 100%; height: 6.4rem; color: #fff; text-align: center; }
.tj_bx1 ul li a span { display: inline-block; width: 4.25rem; position: absolute; bottom: 0rem; text-align: center; left: 50%; margin-left: -2.2rem; font-size: 1.2rem; }
.tj_bx1 ul li a i { position: absolute; width: 4.05rem; height: 4.05rem; position: absolute; left: 50%; margin-left: -2.05rem; }
.tj_bx1 ul li a i.tjd_ico01 { background: url(../images/tjd_icon01.png) no-repeat center center; background-size: 4.05rem 4.05rem; }
.tj_bx1 ul li a i.tjd_ico02 { background: url(../images/tjd_icon02.png) no-repeat center center; background-size: 4.05rem 4.05rem; }
.tj_bx1 ul li a i.tjd_ico03 { background: url(../images/tjd_icon03.png) no-repeat center center; background-size: 4.05rem 4.05rem; }
.tj_bx1 ul li a i.tjd_ico04 { background: url(../images/tjd_icon04.png) no-repeat center center; background-size: 4.05rem 4.05rem; }
.tj_bx1 ul li a i.tjd_ico05 { background: url(../images/tjd_icon05.png) no-repeat center center; background-size: 4.05rem 4.05rem; }
.heabar h3:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: 1px; width: 100%; height: 1px; margin-top: 0; background: #fff; z-index: 0; }
.heabar h3:after { content: ''; position: absolute; top: 50%; left: 0; margin-top: 1px; width: 100%; height: 1px; z-index: 0; }
.icon-header-up { position: absolute; width: 3.4rem; height: 3.4rem; background: #313131; left: 50%; margin-left: -1.7rem; bottom: -1.7rem; -webkit-border-radius: 50%; border-radius: 50%; z-index: 0; }
.icon-header-up:after { content: ''; position: absolute; width: 0.85rem; height: 0.85rem; left: 50%; top: 50%; margin: -0.05rem 0 0 -0.45rem; border-left: 0.15rem solid #ccc; border-bottom: 0.15rem solid #ccc; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.hd-srh { position: relative; padding: 0.45rem 0.85rem 0 0.85rem; border-bottom: none; }
.hd-srh p { height: 3rem; padding: 0 3.05rem 0 0; overflow: hidden; background: #fff; border: 1px solid #e6e6e6; border-radius: 0.85rem; }
.hd-srh .input { width: 100%; height: 3rem; font-size: 1.2rem; line-height: 3rem; padding: 0 0.85rem; -webkit-appearance: none; background: #fff; border: 0; }
.hd-srh .input::-webkit-input-placeholder {
color:#999;
}
.hd-srh .btn { position: absolute; top: 0.65rem; right: 0.85rem; width: 3rem; height: 2.55rem; border: 0; border-radius: 0 0.2rem 0.2rem 0; -webkit-appearance: none; color: white; background: url(../images/ss_icon.png) 0 0.6rem no-repeat; background-size: 1.4rem 1.4rem; text-indent: -499.95rem; cursor: pointer; }
.logout { width: 100%; line-height: 1.5rem; padding: 0.85rem 0 1.7rem 0; text-align: center; }
.logout a { display: inline-block; margin: 0rem 0.45rem; font-size: 1.2rem; color: #fff; padding: 0rem 1.7rem 0 1.7rem; border-radius: 0.1rem; letter-spacing: 1px; }
.logout a.logout_user { background: #c70c50; }
.logout a.logout_userout { background: #c70c50; }
a.lotal { display: block; overflow: hidden; color: #fff; text-align: center; }
a.lotal span { position: relative; text-indent: 2.35rem; }
a.lotal span:after { content: ""; position: absolute; left: -2.55rem; width: 1.7rem; height: 1.7rem; background: url(../images/logbg.png) no-repeat; background-size: 100% 100%; top: -0.15rem; }
#wrap { position: relative; padding: 0.5rem; overflow: hidden; }
.cons3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-right: -0.65rem; padding: 0.85rem; }
.cons3-item { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.65rem; max-width: 33.333333%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ededed; }
.cons3-item .focus-avator { margin: 1.3rem auto 0.65rem; width: 5.1rem; height: 5.1rem; -webkit-border-radius: 50%; border-radius: 50%; }
.cons3-item .focus-avator img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.cons3-item .online-leve { padding-bottom: 0.45rem; font-size: 1.3rem; color: #000; }
.cons3-item .online-name { font-size: 1.3rem; color: #fff; background-color: #c70c50; width: 60%; margin: 0 auto; line-height: 1.7rem; border-radius: 0.2rem; }
.cons3-item .online-depart { padding-bottom: 0.85rem; font-size: 1.2rem; color: #666; text-align: justify; padding: 0.45rem; }
.pic_all { width: 100%; }
.page5 { overflow: hidden; text-align: center; font-size: 24px; }
.page5 span, .page5 pre { padding: 0px 16px; line-height: 48px; cursor: pointer; }
.page5 span.hover { color: #fff; background: #666; }
.page5 select { height: 48px; }
html { font-size: 10px; font-size: calc(100vw / 32); }
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}



/* Popular recommendation */
.hot_read{height:auto;margin-top: 1.3rem;background:#fff;}
.hot_top{ width:100%; height:3.4rem; border-bottom:1px #f1f1f1 solid;}
.hot_top h2{background: url(../images/hot_ico.png) 1.4rem 1rem no-repeat;background-size: 1.4rem 1.5rem;color:#333;font-size: 1.7rem;line-height: 3.4rem;font-weight: normal;text-indent: 3.8rem;}
.hot_cont{height:auto;overflow:hidden;padding: 0 0.2rem;}
.hot_cont .vda{list-style: none;}
.hot_cont a{ width:100%; height:auto; border-bottom:1px #ddd dashed; display:block; }
.hot_cont a:last-of-type { border-bottom: none; }
.hot_cont dl{padding: 0.8rem 0.8rem;height:auto;overflow:hidden;}
.hot_cont dt{width:35%;height: 6.85rem;float:left;}
.hot_cont dt img{width:100%;height: 6.85rem;}
.hot_cont dd{width:61%;height: 1.6rem;float:left;margin-left:0.6rem;display:inline;}
.hot_cont dd h3{width:100%;height:2.5rem;overflow:hidden;color:#333;font-size: 1.45rem;line-height:2.2rem;font-weight:normal;}
.hot_cont dd p{width:100%;height: 4rem;color:#666;font-size: 1.2rem;line-height: 1.8rem;overflow:hidden;margin-top: 0.1rem;}
.hot_cont a:nth-child(8){ border-bottom:none;}
.hot_more{height:3.4rem;background: #f5f5f5;margin: 1rem 0.2rem 0;}
.hot_more a{width:12.8rem;text-align:center;height:3.4rem;display:block;color: #3cad4c;font-size:0.875em;line-height:3.4rem;background-size:20px;margin:0 auto;border-bottom:none;}