/*样式重置*/
html {
font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 62.5%;
}
body {
margin: 0;
height: 100%;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background-color: #fff;
color: #333;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary {
display: block;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],template {
display: none;
}
svg:not(:root) {
overflow: hidden;
}
a {
background: transparent;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a:active {
outline: 0;
}
a {
color: #333;
}
em {
font-style: normal;
color: #C0C0C0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
img {
border: 0;
vertical-align: middle;
max-width: 100%;
height: auto;
width: auto\9;
}
pre {
overflow: auto/*如果溢出框，则应该提供滚动机制*/;
white-space: pre/*空白符被保留*/;
white-space: pre-wrap/*空白符被保留，正常进行换行*/;
word-wrap: break-word/*在长单词或 URL 地址内部进行换行。*/;
}
code,kbd,pre,samp {
font-family: monospace/*字体与自身不成比例*/;
font-size: 1em;
}
button,input,optgroup,select,textarea {
color: inherit/*从父级继承颜色*/;
font: inherit/*从父级继承字体*/;
margin: 0;
border: 0;
}
button {
overflow: visible;
/*默认值,内容不会被修剪*/
}
button,select {
text-transform: none;
/*控制文本的大小写,标准文本*/
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
}
button[disabled],html input[disabled] {
cursor: default;
/*默认光标*/
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*定义火狐网页按钮*/
input {
line-height: normal;
}
input:focus,textarea:focus/*focus伪类在元素获得焦点时向元素添加特殊的样式*/
{
outline: none;
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
resize: none;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,th {
padding: 0;
}
html,button,input,select,textarea {
font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6,p,figure,form,blockquote {
margin: 0;
}
ul,ol,li,dl,dd {
margin: 0;
padding: 0;
}
ul,ol,li {
list-style: none outside none;
}
h1,h2,h3 {
line-height: 2;
font-weight: normal;
}
h1 {
font-size: 1.8rem;
}
h2 {
font-size: 1.4rem;
}
h3 {
font-size: 1.2rem;
}
body,html {
max-width: 750px;
margin: 0 auto;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,code, em,img,s,small,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,section,summary,audio,video,input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fl {
float: left;
}
.fr {
float: right;
}
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], button {
-webkit-appearance: none;
}
.content90 {
width: 90%;
margin: 2rem auto;
}
.content94 {
width: 92%;
margin: 0 auto;
}
.content98 {
width: 98%;
margin: 0 auto;
}
.padd3 {
padding: 0 3%;
}
.padd5 {
padding: 0 5%;
}
.last {
margin-right: 0!important;
border: none!important;
}
.oh {
overflow: hidden;
}
.tl {
text-align: left;
}
.ter {
text-align: right;
}
.tec {
text-align: center;
}
.pd {
padding: 0 3%;
display: block
}
.pdb {
padding-bottom: 1rem;
}
.mb1 {
margin-bottom: 1rem;
}
.mt {
margin-top: 2em;
}
.mt1 {
margin-top: 1rem;
}
.mb2 {
margin-bottom: 2rem;
}
.mr2 {
margin-right: 2rem;
}
.ovh {
overflow: hidden;
}
.fs16 {
font-size: 1.6rem;
}
.lh2 {
line-height: 2em;
}
.bb1 {
border-bottom: .1rem solid #cccccc;
}
.bb1e {
border-bottom: .1rem solid #eeeeee;
}
.orange {
color: #ff9000;
}
.gray {
color: #999999;
}
.w100 {
width: 100%;
}
select {
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
i,em,b {
font-style: normal;
}
.fix {
*zoom:1;}
.fix:after, .fix:before {
display: block;
content: ".";
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
/***头部定位****/
footer {
position: fixed;
bottom: 0;
width: 100%;
}
/*header start*/
header {
padding: 0 3%;
background-color: #00a67c;
overflow: hidden;
height: 60px;
line-height: 60px;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
}
.logo {
height: 60px;
width: 32%;
margin-right: 4%;
}
.logo a {
display: block;
}
.logo img {
max-width: 100%;
max-height: 50px;
}
.searchBox {
float: left;
position: relative;
width: 50%;
height: 25px;
margin-top: 20px;
position: relative
}
.search {
float: left;
background: #fff;
padding-left: 10px;
border-radius: 5px;
font-size: 1.4rem;
width: 100%;
height: 25px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.searchBtn {
background: url("../images/search_icon.jpg") no-repeat center;
background-size: 15px auto;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 25px;
}
.siteMenu {
width: 6%;
background: url("/images/menu_icon.png") no-repeat center;
float: right;
display: block;
height: 60px;
background-size: 100% auto;
}
nav {
margin-top: 60px;
background-color: #373740;
overflow: hidden;
padding: 0 2% .6em;
font-size: 1.5rem;
}
nav a {
color: #bdbdbd;
width: auto !important;
margin: .6em 3% 0;
float: left;
}
.wrapper {
position: relative;
height: 38px;
width: 100%;
overflow: hidden;
margin: 0 auto;
box-shadow: 0 0px 7px 1px rgba(0, 0, 0, .2);
z-index: 9;
}
.wrapper .scroller {
position: absolute
}
.wrapper .scroller li {
height: 38px;
color: #333;
float: left;
line-height: 38px;
font-size: 1.6rem;
text-align: center;
}
.wrapper .scroller li a {
color: #333;
display: block;
margin: 0 .5rem;
padding: 0 .4rem
}
.wrapper .scroller li.cur a {
color: #1cbb9b;
height: 38px;
border-bottom: .1rem solid #1cbb9b
}
/*底部导航*/
footer {
width: 100%;
background-color: #fff;
border-top: .1rem solid #ebebeb;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
}
footer ul {
padding: .5rem 0 0.1rem;
overflow: hidden;
}
footer li {
float: left;
width: 25%;
text-align: center;
font-size: 1.3rem;
line-height: 2rem;
}
footer li.active a {
color: #00a67c;
}
p[class^="img_icon"] {
background: url("/images/home_icon.png") no-repeat center;
width: 100%;
height: 24px;
background-size: 25px;
}
p.img_icon2 {
background-image: url("/images/shangji_icon.png")
}
p.img_icon3 {
background-image: url("/images/zhanhui_icon.png")
}
p.img_icon4 {
background-image: url("/images/my_icon.png")
}
footer li:nth-child(1).active p:nth-child(1) {
background-image: url("/images/icon_1.png")
}
footer li:nth-child(2).active p:nth-child(1) {
background-image: url("/images/icon_2.png")
}
footer li:nth-child(3).active p:nth-child(1) {
background-image: url("/images/icon_3.png")
}
footer li:nth-child(4).active p:nth-child(1) {
background-image: url("/images/icon_4.png")
}
/*侧面滑出导航*/
.childNav {
margin-bottom: 2em;
}
.childNav h5 {
font-size: 1.6rem;
border-bottom: 1px solid #ebebeb;
line-height: 2em;
}
.childList a {
text-align: center;
border: 1px solid #ebebeb;
border-radius: 20px;
display: inline-block;
line-height: 1.8em;
font-size: 1.4rem;
margin: 1rem 2% 0;
padding: 0 5%;
}
.navigation-is-open main {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-nav-trigger {
position: fixed;
z-index: 10000;
right: 0;
top: 10px;
height: 42px;
width: 42px;
border-radius: 50/* image replacement */overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 22px;
height: 2px;
background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: inherit;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
-moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-ms-transform: translateY(-6px);
-o-transform: translateY(-6px);
transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateY(6px);
-moz-transform: translateY(6px);
-ms-transform: translateY(6px);
-o-transform: translateY(6px);
transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
top: -2px;
}
.cd-nav-trigger svg {
position: absolute;
top: 0;
left: 0;
}
.navigation-is-open .cd-nav-trigger {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.navigation-is-open .cd-nav-icon {
background-color: #333;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after, .navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
width: 50%;
-webkit-transition: -webkit-transform 0.5s, width 0.5s;
-moz-transition: -moz-transform 0.5s, width 0.5s;
transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 0.4s 0.3s;
-moz-transition: stroke-dashoffset 0.4s 0.3s;
transition: stroke-dashoffset 0.4s 0.3s;
}
.cd-nav {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
visibility: hidden;
-webkit-transition: visibility 0s 0.7s;
-moz-transition: visibility 0s 0.7s;
transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 40px 20px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: -webkit-transform 0.7s;
-moz-transition: -moz-transform 0.7s;
transition: transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
/*返回顶部*/
.top,.home,.fanhui {
position: fixed;
right: 1em;
bottom: 170px;
width: 40px;
height: 40px;
z-index: 999;
}
.home {
bottom: 120px !important;
}
/*.fanhui{bottom: 170px !important;}*/
.top img {
width: 100%;
height: 100%;
}
/*列表页和详情页的头部*/
.goBack img {
width: 10px;
}
.pageTitle img {
max-height: 40px;
margin-top: -10px;
}
.pageTitle {
color: #fff;
font-weight: 700;
font-size: 1.6rem;
height: 50px;
margin-top: 5px;
text-align: center;
}
.pageTitle span {
padding-left: 5px;
}
/*栏目模块--首页和详情页会用到*/
.title {
line-height: 1rem;
padding-left: 0;
}
.title h3 {
border-left: 0.4rem solid #00a67c;
font-size: 1.6rem;
padding-left: .5rem;
line-height: 1.6rem;
}
.title .fr,.title .fr a {
font-size: 1.4rem;
color: #999;
line-height: 1.6rem;
}
.module {
margin-bottom: 4em;
}
@media (max-width: 321px) {
.searchBox {
width:53%;
}
.search {
height: 22px;
font-size: 1.4rem;
padding-left: 5px;
}
.searchBtn {
width: 30px;
}
nav {
font-size: 0.4rem;
}
.rightIcon {
width: 27%;
}
.commentIcon, .shareIcon {
width: 47%;
}
.xunjia {
width: 51%;
}
}
.marTop60 {
margin-top: 60px;
}
@charset "utf-8"; .article img {
margin: 0 auto;
display: block;
}
/*��������ҳ*/
.articleTitle {
/* border-bottom: 1px solid #e5e5e5; */
padding-top: 1em;
padding-bottom: 0.8em;
margin-bottom: 1.7em;
}
.articleTitle h1 {
font-size: 23px;
line-height: 33px;
margin-bottom: 15px;
/* font-weight: bold; */
color: #000;
font-family: PingFangSC-Regular, sans-serif;
}
.articleTitle p span {
margin-right: 5px;
/* float: right; */
font-size: 14px;
color: #999;
}
.articleTitle p span:nth-child(3) {
float: right;
color: #c1c1c1;
}
.article {
line-height: 2.3rem;
font-size: 1.6rem;
}
.article div,.article p,.article span {
font-size: 16px !important;
line-height: 2.8rem;
margin-bottom: 1em;
}
.article p {
/*text-indent: 2em;*/
line-height: 28px;
margin-bottom: 15px;
overflow-wrap: break-word;
word-wrap: break-word;
font-family: PingFangSC-Regular, sans-serif;
}
.article table {
width: 100%;
text-align: center;
}
.article table tr:first-child {
font-size: 1.4rem;
line-height: 1.5em;
}
.tag span {
/* padding: 3px 10px; */
/* background-color: #eaeef1; */
border-radius: 15px;
font-size: 1.4rem;
color: #666;
margin-right: 0.5em;
}
.tishi {
padding-top: .8em;
color: #a7a7a7;
line-height: 1.8em;
font-size: 1.2rem;
border-top: 1px solid #e8e8e8;
margin: 0 auto 35px;
width: 92%;
}
.tishi p {
margin-bottom: 0.5em;
}
.share {
/* background-color: #f8f8f8; */
/* height:2em; */
line-height: 2em;
margin-bottom: 20px;
font-size: 15px;
color: #c1c1c1;
padding: 0 4%;
}
.share img {
width: 1.6em;
}
/*����ҳ�ײ�*/
.footer {
position: fixed;
bottom: 0;
left: 0;
background: #ffffff;
border-top: 1px solid #f3f3f3;
width: 100%;
height: 56px;
}
.tx img {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #ccc;
margin-top: 6px;
}
.xunjia {
width: 57%;
text-align: center;
line-height: 3em;
height: 3em;
margin: 10px 15px 10px 0;
/* background: #040404; */
}
.xunjia a {
font-size: 1.6rem;
color: #666;
letter-spacing: 1px;
}
.xunjia .liuyan,.xunjia .xunjiaBtn {
display: block;
font-size: 16px;
text-align: left;
padding-left: 10px;
height: 100%;
border-radius: 33px;
/* padding-left: 5px; */
/* border-bottom: 1px solid #e8e8e8; */
background: #f5f5f5;
/* background-color: #fff; */
}
.xunjia .xunjiaBtn {
border-radius: 20px;
color: #fff;
background-color: #f87a1e;
border: none;
}
.rightIcon {
width: 38%;
height: 100%;
overflow: hidden;
}
.commentIcon, .shareIcon,.collect {
float: left;
width: 33%;
height: 100%;
background: url("/images/comment.png") no-repeat left center;
position: relative;
background-size: 22px auto;
/* max-width: 50px; */
}
.commentIcon span {
position: absolute;
top: 13px;
left: 25px;
/* background-color: #f87a1e; */
color: #ff8300;
/* padding: 1px 0; */
border-radius: 8px;
font-size: 14px;
}
.shareIcon {
background-image: url("/images/share.png");
background-position: center;
}
.commentIcon {
width: 38%;
}
.collect {
background-image: url("/images/collect.png");
width: 29%;
background-size: 25px;
}
/*���Է�����*/
.comment {
position: fixed;
bottom: -150px;
left: 0;
height: 150px;
width: 100%;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
background-color: #fff;
}
.comment .cancel,.comment .release {
float: left;
width: 20%;
text-align: left;
font-size: 16px;
color: #000;
line-height: 40px;
display: inline-block;
text-decoration: none;
}
.comment .release {
text-align: right;
}
.comment span {
float: left;
width: 60%;
text-align: center;
font-size: 16px;
color: #000;
line-height: 40px;
display: inline-block;
}
.comment textarea {
width: 100%;
height: 100px;
border: 0;
box-sizing: border-box;
font-size: 16px;
color: #888;
line-height: 24px;
text-align: left;
}
/*����ͷ����ɫ����*/
.NEV {
background-color: #00a94c;
}
.dz {
background: url("/images/dz.png") no-repeat left center;
background-size: 15px auto;
padding-left: 20px;
}
header {
background-color: #f5f5f5;
}
.pageTitle {
color: #369456;
text-align: left;
}
.cd-nav-trigger .cd-nav-icon {
background-color: #666;
}
.title h3 {
border-left-color: #00a646;
font-size: 16px;
font-weight: 700;
margin-left: 3%;
color: #696969;
}
.moreBtn {
color: #00a646;
border-bottom: 0;
}
.top,.home,.fanhui {
position: fixed;
right: 1em;
bottom: 220px;
width: 40px;
height: 40px;
z-index: 999;
}
.fanhui {
bottom: 170px !important;
}
/*统计付费页面*/
.fwqx_k {
background: #fefefe;
border: 1px solid #f0efef;
border-radius: 6px;
box-shadow: 2px 2px 5px #ededed;
width: 95%;
text-align: center;
font-size: 14px !important;
padding: 25px 0px;
color: #595959;
margin: 0 auto;
}
.fwqx_ke {
color: #807e7e;
}
.article .fwqx_k p {
margin-bottom: 0px;
line-height: 28px;
}
.fwqx_k p span {
font-size: 20px !important;
line-height: 22px;
margin: 0px;
}
.fwqx_ka {
text-decoration: line-through;
}
.fwqx_kb {
color: #f7613e;
}
.fwqx_kc,.fwqx_kd {
color: #fff;
background-image: linear-gradient(to right, #f78c3e , #f7603e);
width: 80%;
height: 38px;
line-height: 38px;
border-radius: 32px;
display: inline-block;
text-align: center;
text-decoration: none;
margin: 26px auto 0px;
}
.fwqx_kd {
color: #f7633e;
border: 1px solid #f7633e;
background: none;
margin-top: 15px;
}
.article {
line-height: 2.3rem;
font-size: 1.6rem;
}
.article div,.article p,.article span {
font-size: 16px !important;
line-height: 2.8rem;
margin-bottom: 1em;
font-family: "Microsoft YaHei", sans-serif !important;
}
.article p {
/*text-indent: 2em;*/
line-height: 28px;
margin-bottom: 15px;
overflow-wrap: break-word;
word-wrap: break-word;
font-family: PingFangSC-Regular, sans-serif;
}
.articleTitle {
margin: 0;
padding: 0;
}
.tag {
font-size: 14px;
line-height: 28px;
margin-bottom: 20px;
}
.bd-b {
font-size: 18px;
border-left: 5px solid #00a67c;
padding-left: 12px;
margin-bottom: 20px;
}
.contact {
font-size: 16px;
line-height: 2.8rem;
}
/*底部*/
footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 70px;
background: #fff;
border-top: 1px solid #f0f0f0;
z-index: 99;
}
footer a {
width: 19.2%;
display: inline-block;
margin: 0;
padding: 37px 0 0;
text-align: center;
font-size: 1.5rem;
color: #5f5f5f;
background: url("https://img.in-en.com/resfile/mobile/img/home-icon.png") no-repeat;
background-position: center 11px;
background-size: 29px;
}
footer a:nth-child(2) {
background-image: url("https://img.in-en.com/resfile/mobile/img/cp-icon.png")
}
footer a:nth-child(3) {
background-image: url("https://img.in-en.com/resfile/mobile/img/expo-icon.png")
}
footer a:nth-child(4) {
background-image: url("https://img.in-en.com/resfile/mobile/img/gs-icon.png")
}
footer a:nth-child(5) {
background-image: url("https://img.in-en.com/resfile/mobile/img/my-icon.png")
}
footer a.on {
background-position: center -95px;
color: #00a67c;
}
.date {
background: url(https://img.in-en.com/resfile/mobile/expo/img/time-icon.jpg) no-repeat left center;
padding-left: 15px;
background-size: 13px;
}
.addr {
background: url(https://img.in-en.com/resfile/mobile/expo/img/addr-icon.jpg) no-repeat left center;
padding-left: 15px;
background-size: 13px;
}
.zbdw {
background: url(https://img.in-en.com/resfile/mobile/expo/img/dw.jpg) no-repeat left center;
padding-left: 15px;
background-size: 13px;
}
.zg {
background: url(https://img.in-en.com/resfile/mobile/expo/img/zg.jpg) no-repeat left center;
padding-left: 15px;
background-size: 13px;
}