/* 全局  */
@charset "UTF-8";
*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; outline: none;}
html{overflow: hidden;height: 100%;}
@media screen and (max-width: 360px){
    html{
        font-size: 20px;
    }
}
@media screen and (min-width: 361px) and (max-width: 750px){
    html{
        font-size: calc(40*(100vw/750));
    }
}
@media screen and (min-width: 751px){
    html{
        font-size: 40px;
    }
}
body{ width: 100%; height: 100%;display:flex;flex-direction:column;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;background:#f2f2f2;font-size:0.6rem;color:#666; overflow:hidden;}
table {border-collapse: collapse;}/*细线表格*/
input, textarea{ font-family: "microsoft yahei"; -webkit-tap-highlight-color: rgba(255,255,255,0); font-size: .65rem;}
a{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,255,255,0);text-decoration: none;color: #666;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #ccc; /* placeholder颜色  */font-size:0.65rem; /* placeholder字体大小  */text-align: left; /* placeholder位置  */}
a:visited{color: #666;outline: none;}
a:hover{color: #125fc8;outline: none;}
a:active{color: #666;outline: none;}
ul, ol{list-style: none;vertical-align: middle;}
img{border: none;vertical-align:middle;image-rendering: -webkit-optimize-contrast;}
img[src='']{opacity: 0;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.clear{ clear:both; overflow:hidden; height:0;}
/* 自定义页面间距 */
.h5{ height:0.25rem; clear: both;}
.h10{ height:0.5rem; clear: both;}
.h15{ height:0.75rem; clear: both;}
.h20{ height:1rem; clear: both;}
.h25{ height:1.25rem; clear: both;}
.h30{ height:1.5rem; clear: both;}
.h40{ height:2rem; clear: both;}
.h40{ height:2.5rem; clear: both;}


/* 字体大小 */
.f1 {font-size: 1rem;line-height: 2rem;}
.f9 {font-size: .9rem;line-height: 1.8rem;}
.f85 {font-size: .85rem;line-height: 1.7rem;}
.f8 {font-size: .8rem;line-height: 1.6rem;}
.f75 {font-size: .75rem;line-height: 1.5rem;}
.f7 {font-size: .7rem;line-height: 1.4rem;}
.f65 {font-size: .65rem;line-height: 1.3rem;}
.f6 {font-size: .6rem;line-height: 1.2rem;}



/* flex */
.flexC {display: flex;justify-content: center;}
/*浏览器滚动条*/
::-webkit-scrollbar {width:0px;background-color:#fff;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {border:solid 0px #5d5d5d;width:0px;background-color:#fff;}
::-webkit-scrollbar-corner {background-color:#5d5d5d;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:0px;}


/*截字数*/
.clamp1{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 1 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp2{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 3 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 5 !important;-webkit-box-orient: vertical;overflow: hidden;}
.clamp6{word-break: break-all;display: -webkit-box !important;-webkit-line-clamp: 6 !important;-webkit-box-orient: vertical;overflow: hidden;}
/*颜色*/
.bai{ background: #FFF;}
.hui{ background: #f3f3f3;}
/* 主题背景 */
.ztBg {background-image: url(/subsiteSrc/cnMb/test/images/ztbg.png) !important;background-position: center;background-repeat: no-repeat;background-size: cover;}
.djBg {background: #fff9f1 !important;}
.ftB {font-weight: bold;}
/*边框*/
.pd10{ padding: .5rem;}
.boxSize{ box-sizing: border-box;-webkit-box-sizing: border-box;}
.bdAll{position:relative;z-index: 1}
.bdAll:before{content: " ";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #e6e6e6;box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;z-index: -1}
.bdBottom{ position: relative;}
.bdBottom:before{display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:0; border-bottom:1px solid #e6e6e6;  transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}
.bdLeft{ position: relative;}
.bdLeft:before{display:block; content:''; position:absolute; left:0px; top:0px; width:0; height:100%; border-left:1px solid #e6e6e6; transform:scaleX(0.5); -webkit-transform:scaleX(0.5);}
.bdRight{ position: relative;}
.bdRight:before{display:block; content:''; position:absolute; right:0px; top:0px; width:0; height:100%; border-right:1px solid #e6e6e6; transform:scaleX(0.5); -webkit-transform:scaleX(0.5);}
.bdTop{ position: relative;}
.bdTop:before{ display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:0; border-top:1px solid #e6e6e6; transform:scaleY(0.5); -webkit-transform:scaleY(0.5);}
/*默认图*/
.default{ background: #f5f5f5 url(../images/common/loading.gif) no-repeat center center;/* background-size:auto 1.5rem;*/}
/*按钮*/
a.myBtn{ display: inline-block; height: 1.75rem; line-height: 1.75rem; padding: 0 1rem; background: #cb0d1c; color: #FFF; font-size: .7rem; border-radius: 3px; text-align: center;}
/*图片*/
.pic{ position: relative;}
.pic:before{ display: block; content: ''; padding-top: 66.66667%;}
.pic img{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
/*垂直居中*/
.table{ display: table; width: 100%; height: 100%;}
.tableCell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
/***********框架部分start***********/
/*网页内容区start*/
.mobileBody{  flex-grow: 1; background: green; overflow: hidden; position: relative; z-index: 1; background: #FFF; flex-basis: 0; overflow: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch; transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;}
.mobileBody.hui{ background: #efeff4;}
.mobileBodyC{min-height:calc(100% - 4.2rem);}

/*网页内容区end*/
/*网页顶部and底部start*/
.mobileTop{ overflow: hidden; position: relative; z-index: 4; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;}
.mobileFooter{ overflow: hidden; position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); z-index: 3; transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;}
/*网页顶部and底部end*/
/***********框架部分end***********/
/*框架动画区域start*/
/*动画一 start*/
.mobileBody.active{  transform: translateX(-2.25rem);-webkit-transform: translateX(-2.25rem);}
.mobileTop.active,.mobileFooter.active{ transform: translateX(-2.25rem);-webkit-transform: translateX(-2.25rem);}
/*动画一 end*/
/*框架动画区域end*/
/* 主题颜色  */
:root {
    --primary-color: #0f7867;   /* 自定义变量，定义颜色 */ 
}
/* 白色 */
:root {
    --bai-color: #fff;   /* 自定义变量，定义颜色 */ 
}
/* #999 */
:root {
    --c999-color: #999;   /* 自定义变量，定义颜色 */ 
}
/* #666 */
:root {
    --c666-color: #666;   /* 自定义变量，定义颜色 */ 
}
/* #333 */
:root {
    --c333-color: #333;   /* 自定义变量，定义颜色 */ 
}
/* 首页第一栏背景遮罩层 颜色 （#e0ecec） */
:root {
    --inClBg-color: #e0ecec;   /* 自定义变量，定义颜色 */ 
}
/* 首页第四栏背景颜色 */
:root {
    --inC4Bg-color: #e5f1f0;   /* 自定义变量，定义颜色 */ 
}
/* 新闻动态 时间背景颜色 */
:root {
    --cfff7e9-color: #fff7e9;   /* 自定义变量，定义颜色 */ 
}
/* 字体颜色 */
.c333 {color: var(--c333-color);}
.c666 {color: var(--c666-color);}
.c999 {color: var(--c999-color);}
.zts {color: var(--primary-color);}