/*text-overflow: ellipsis;white-space: nowrap;*/

/*word-break: break-all;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden; */

/*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;*/
	
/* 全局  */
@charset "UTF-8";
*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }
html{overflow-x: hidden;font-size:20px;height: 100%;overflow: hidden;}
@media screen and (max-width: 360px){
    html{
        font-size: 20px;
    }
}
@media screen and (min-width: 361px) and (max-width: 539px){
    html{
        font-size: calc(100vw/360*20);
    }
}
@media screen and (min-width: 540px){
    html{
        font-size: 28px;
    }
}
body{ height: 100%; overflow: hidden;display:flex;flex-direction:column;font-family:Helvetica;background:#f2f2f2;font-size:1.2rem;color:#666; overflow:hidden;}
table {
    border-collapse: collapse;
}/*细线表格*/
input, textarea{-webkit-tap-highlight-color: rgba(255,255,255,0);outline:none}
a{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,255,255,0);font-family: "microsoft yahei";text-decoration: none;color: #666;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
a:visited{color: #666;outline: none;}
a:hover{color: #fc8b1c;outline: none;}
a:active{color: #666;outline: none;}
ul, ol{list-style: none;vertical-align: middle;}
img{border: none;vertical-align:middle}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.clear{ clear:both; overflow:hidden; height:0;}
.h5{clear:both;height:0.25rem;}
.h10{clear:both;height:0.5rem;}
.h15{clear:both;height:0.75rem;}
.h20{clear:both;height:1rem;}
.h25{clear:both;height:1.25rem;}
.h30{clear:both;height:1.5rem;}

/*浏览器滚动条*/
::-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;}

.flex{ display: flex;}
.flexC{ flex: 1;}

/*截字数*/
.clamp1{
    white-space: nowrap;
    text-overflow: ellipsis;
    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;}
/*边框*/
.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:after{ display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:0; border-bottom:1px solid #e7e7e7;  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:after{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/default.png) 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: #03366d; color: #FFF; font-size: .7rem; border-radius: 3px; text-align: center;}
/*图片*/
.pic{ position: relative;}
.pic:before{ display: block; content: ''; padding-top: 75%;}
.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: #f5f5f5; flex-basis: 0; overflow: hidden; overflow-y: auto;-webkit-overflow-scrolling: touch;transition-duration: 0.5s;transition-timing-function: linear}
.mobileBody.bai{ background: #FFF;}
.mobileBodyC{min-height:calc(100% - 5rem);}
.mobileBody.active{
	transform:translateX(-70%);
}
/*网页内容区end*/
/*网页顶部and底部start*/
.mobileTop{ overflow: hidden; position: relative; z-index: 5;transition-duration:0.5s;transition-timing-function: linear}
.mobileTop.active{transform:translateX(-70%);}
.mobileFooter{overflow: hidden; position:relative;box-shadow: 0px 0px 5px rgba(0,0,0,0.1); z-index: 1;transition-duration:0.5s;transition-timing-function: linear}
.mobileFooter.active{transform: translateX(-70%);}
/*网页顶部and底部end*/
.leftMove{
    overflow: hidden;
    position: fixed;
    left: 0px;
    top:0px;
    bottom: 0px;
    width: 100%;
    z-index: 9;
    background: #fff;
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%);
    -webkit-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
}
.leftMove.show{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.rightMove{
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0px;
    top:0px;
    overflow: hidden;
    background: #f3f3f3;
    z-index: 9;
    -webkit-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
}
.rightMove.show{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.bottomMove{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    bottom:0px;
    background: #fff;
    z-index: 9;
    -webkit-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    -o-transform: translateY(110%);
    transform: translateY(110%);
}
.bottomMove.show{
    transform: translateY(0);
}
#mobileBg{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.3);z-index:50;left:0;top:0px; z-index:8; display: none;}
#mobileBg.show{
    display: block;
}
.mobileBodyCH{
	overflow:hidden;
	min-height:calc(100vh - 2.25rem);
}
/***********框架部分end***********/