@media only screen and (max-width:750px){html{font-size:90px}}
@media only screen and (min-width:750px){html{font-size:95px}}
@media only screen and (min-width:1000px){html{font-size:100px}}
@media only screen and (min-width:1300px){html{font-size:105px}}

html,body{width: 100%; height: 100%; font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
*,:after,:before{-webkit-tap-highlight-color:transparent; outline: none}
body{margin: 0; padding: 0; font-size: .14rem; line-height: 1.6; word-break: break-all; color: #444;}
img{max-width: 100%}
a{text-decoration: none; color: #444; outline: none}
ul,li{margin:0; padding: 0}

::-webkit-scrollbar{width:6px; height:6px}
::-webkit-scrollbar-thumb{border-radius:1em;background-color:rgba(50,50,50,0.5)}
::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.8)}
::-webkit-scrollbar-track {border-radius: 1em;background-color:rgba(50,50,50,0.2)}
::-webkit-scrollbar-track:hover{background-color: rgba(50,50,50,0.3)}
::selection{background:#444;/* Safari */color:#FFF;text-shadow:1px 1px 0px rgba(0,0,0,0.5)}
::-moz-selection{background: #444;/* Mozilla */color:#FFF;text-shadow:1px 1px 0px rgba(0,0,0,0.5)}

/* 弹性布局 */
.j-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.j-flex-vtc{-webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-flow: column; flex-flow: column}
.j-flex .flex .fc{position: absolute}
.j-flex .flex{-webkit-box-flex:1; box-flex:1; -webkit-flex:1; flex: 1; position: relative}
.j-flex .flex-2{-webkit-box-flex:2; box-flex:2; -webkit-flex:2; flex: 2; position: relative}
.j-flex .flex-3{-webkit-box-flex:3; box-flex:3; -webkit-flex:3; flex: 3; position: relative}
.j-flex .fix{width: 1px}
.j-flex-center{-webkit-box-align: center; -webkit-align-items: center; align-items: center}

/* 通用样式 */
.j-m,
.j-clear{margin: 0; padding: 0; clear: both;}
.j-mm{margin: 0 auto; padding: 0 .1rem; max-width: 13rem; clear: both;}
/* 单行隐藏内容... */
.j-common-txtoverflow{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;line-clamp: 1;}
/* 默认两行隐藏 更多重置 line-clamp */
.j-common-txtoverflown{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;line-clamp: 2;}

/* 隐藏菜单 */
.GLOBAL-hiddenlist{position: relative}
.GLOBAL-hiddenlist .GLOBAL-hiddenlistitem{display: none}
.GLOBAL-hiddenlist:hover .GLOBAL-hiddenlistitem{display: block}
.GLOBAL-hiddenlistitem{position: absolute; min-width: 100%}
.GLOBAL-hiddenlistitem.right{right: 0}
.GLOBAL-hiddenlistitem.bottom{bottom: 0; transform: translateY(100%)}
.GLOBAL-hiddenlistitem.top{top:0; transform: translateY(-100%)}
.GLOBAL-hiddenlistitem.left{left: 0}

/** 文字颜色配置 **/
.j-fc-blue{color: #1f66a8;}
.j-fc-green{color: #63a364;}
.j-fc-red{color: #F00;}
.j-fc-gray{color: #CCC;}
.j-fc-deepgray{color: #4f4f4f;}

/* 表格样式 */
.j-table{border:0; margin: 0; padding: 0; border-spacing: 0; width: 100%}
.j-table td{vertical-align: middle; border: none; padding: 0}
.j-table-form{border-spacing: 0 .15rem; border-collapse: separate;}


/* 按钮样式 */
.j-btn{display: inline-block; background: #FFF; margin: 0; padding: .08rem  .2rem; cursor: pointer; transition: all .6s; user-select: none}
.j-btn.disable{opacity: .5; pointer-events: none; cursor: no-drop}
.j-btn-group .j-btn{margin: .15rem .15rem .15rem 0;}
.j-btn-default:hover{color: #1f66a8; box-shadow: 0 .02rem .08rem rgba(7,133,253,.4);}
.j-btn-red{color: #FFF; background: linear-gradient(to right, #ff4f81 0%,#ff606e 100%); box-shadow: 0 .02rem .08rem rgba(255,79,129,.4)}
.j-btn-blue{color: #FFF; background: #1f66a8;}
.j-btn-deep{color: #FFF; background: linear-gradient(to right, #221e3b 0%,#3e396b 100%); box-shadow: 0 .02rem .08rem rgba(34,30,59,.4)}
.j-btn-green{color: #FFF; background: linear-gradient(to right, #04deea 0%,#06e5c8 100%); box-shadow: 0 .02rem .08rem rgba(5,214,209,.4)}
.j-btn-o{background: none; box-shadow: none; border:1px solid rgba(0,0,0,.3); box-sizing: border-box}
.j-btn-o.j-btn-red{color: #ff4f81; border: 1px solid #ff4f81;}
.j-btn-o.j-btn-blue{color: #1f66a8; border: 1px solid #1f66a8;}
.j-btn-o.j-btn-oo.j-btn-blue:hover{color: #FFF; background: #1f66a8; opacity: 1;}
.j-btn-o.j-btn-deep{color: #221e3b; border: 1px solid #221e3b}
.j-btn-o.j-btn-green{color: #04deea; border: 1px solid #04deea}
.j-btn-deep:hover,
.j-btn-red:hover,
.j-btn-blue:hover,
.j-btn-green:hover{opacity: .5}
.j-btn-sm{font-size: .12rem; padding: .04rem .1rem}
.j-btn-smx{transform: scale(.8); transform-origin: 50% 0;}
.j-btn-lg{font-size: .16rem; padding: .09rem .25rem}
.j-btn-group .j-btn.j-btn-full,
.j-btn.j-btn-full{display: block; margin: 0 auto; text-align: center}

/************** 响应式模块 *************/
.j-Mod-2{width: 50%; float: left}
.j-Mod-2-2{width: 50%; float: left}
.j-Mod-4{width: 25%; float: left}
.j-Mod-3{width: 32%; margin-right: 2%; float: left}
.j-Mod-3:nth-child(3n){margin-right: 0}
.j-Mod-5{width: 20%; float: left}

.j-Mod-3-2-1{width: 25%;float: left;}
.j-Mod-3-2-2{width: 75%;float: left}

.j-Mod-3p2-1{width: 60%;float: left}
.j-Mod-3p2-2{width: 40%;float: left}

.j-Mod-flex{float: none;}

@media only screen and (max-width:1050px) {
  .j-Mod-5{width: 25%}
}

@media only screen and (max-width:1000px) {
  .j-Mod-4{width: 50%; margin-bottom: .15rem}

  .j-Mod-3-2-1{width: 50%;}
  .j-Mod-3-2-2{width: 50%;}
}

@media only screen and (max-width:850px) {
  .j-Mod-3p2-1{width: 100%;}
  .j-Mod-3p2-2{width: 100%;}
  
  .j-Mod-5{width: 50%}
}

@media only screen and (max-width:650px) {
  ::-webkit-scrollbar{width:0px; height:0px}

  .j-Mod-3{width: 100%; margin-bottom: .15rem}

  .j-Mod-2{width: 100%; margin-bottom: .15rem}

  .j-Mod-2-2{width: 100%; margin-bottom: .15rem}

  .j-Mod-4{width: 100%}

  .j-Mod-3-2-1{width: 100%}
  .j-Mod-3-2-2{width: 100%}
}

@media only screen and (max-width:450px) {
  
}

@media only screen and (max-width:350px) {
  .j-Mod-5{width: 100%}
}

@media only screen and (max-width:300px) {

}