/**Reset样式*/
*{margin: 0;padding: 0;}
ul{list-style: none;}
img{display: inline-block;}
h1,h2,h3{font-size: 0.16rem;font-weight:normal;}
a{text-decoration: none;color: #FFFFFF;cursor: pointer;}
p{font-size: 0.18rem;}
html,body{font-family:PingFangSC-Regular,PingFang SC;height: 100%;color:#FFFFFF ;}
.l{float: left;}
.r{float: right;}
.clear:after{content: '';display: block; clear: both;}
.not-select{-moz-user-select:none; -webkit-user-select:none; /*webkit浏览器*/-ms-user-select:none; /*IE10*/-khtml-user-select:none; /*早期浏览器*/user-select:none;}


html, body, div, header, section { padding: 0; margin: 0; }
a { text-decoration: none;  }
input { outline: none; }
.flex-c-c { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.flex-c-b { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.flex-c-a { display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
.flex-c-s { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.flex-c-e { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.flex-r-c { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.flex-r-b { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.flex-r-a { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.flex-r-s { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.flex-r-e { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }

.substring { text-overflow: ellipsis; /*width:100%;*/ overflow: hidden; white-space: nowrap; }  

/**
    * 单选框自定义样式
    **/
input[type=radio] { /*去除浏览器默认样式*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; /*自定义样式*/ position: relative; display: inline-block; vertical-align: middle; width: 0.4rem; height: 0.4rem; border: 1px solid #1AAD19; outline: none; cursor: pointer; /*设置为圆形，看起来是个单选框*/ -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; margin: 0.06rem 0.1rem 0.1rem 0.1rem; }

/**
    * 单选框 选中之后的样式
    **/
input[type=radio]:after { content: ''; position: absolute; width: 0.24rem; height: 0.24rem; display: block; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #1AAD19; -webkit-border-radius: 0.24rem; -moz-border-radius: 0.24rem; border-radius: 0.24rem; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); /*增加一些动画*/ -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms; }
input[type=radio]:checked:after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }

input[type=radio]:disabled { background-color: #AAAAAA; border: none; }
/**
    * 单选框自定义样式
    **/
input[type=checkbox] { /*去除浏览器默认样式*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; /*自定义样式*/ position: relative; display: inline-block; vertical-align: middle; width: 0.4rem; height: 0.4rem; border: 1px solid #1AAD19; outline: none; cursor: pointer; /*设置为圆形，看起来是个单选框*/ /*-webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        border-radius: 0.4rem;*/ margin: 0.06rem 0.1rem 0.1rem 0.1rem; }

/**
    * 单选框 选中之后的样式
    **/
input[type=checkbox]:after { content: ""; position: absolute; left: 0.1rem; top: 0px; /* 这里显示矩形的一半边框再旋转45度来实现对勾样式 */ width: 0.15rem; height: 0.25rem; border-right: 1px solid #000000; border-bottom: 1px solid #000000; transform: rotate(45deg); -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); /*增加一些动画*/ -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; }
input[type=checkbox]:checked:after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: rotate(45deg) scale(1); }
input[type=checkbox]:disabled { background-color: #AAAAAA; border: none; }

/*弹框*/
.showbox { width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: fixed; left: 0; top: 0; z-index: 9; }
.show-i-btn { width: 8.6rem; height: 1.6rem; line-height: 1.6rem; font-size: 0.6rem; text-align: center; cursor: pointer; background-color: #4258FF; border-radius: 0.1rem; margin-top: 0.5rem; }
.show-close { position: absolute; right: 0.5rem; top: 0.25rem; font-size: 1rem; width: 0.63rem; height: 0.6rem; cursor: pointer; }
.show-tit { height: 1rem; background-color: #4258FF; width: 100%; font-size: 0.5rem; text-align: center; line-height: 1rem; color: #fff; }
.show-close img { width: 100%; height: 100%; }

.show-msg .show-tit { text-align: center; }
.show-msg .show-close { background-image: url('../images/close.png'); background-position: center; background-size: cover; top: 0.6rem; }
.show-msg { width: 40%; border-radius: 0.2rem; background-color: #fff; overflow: hidden; position: relative; }
.show-msg-c { width: 100%; height: 100%; }
.show-msg-msg { font-size: 0.4rem; text-align: center; color: #333; padding: 0.3rem 0.2rem; }
.show-msg-btn { margin-bottom: 0.2rem; width: 80%; }
.show-msg-btn > span { cursor: pointer; width: 2rem; height: 1rem; line-height: 1rem; font-size: 0.4rem; text-align: center; background-color: #4258FF; border-radius: 0.1rem; color: #fff; }
.show-msg-cancel { background-color: #888 !important; }


/*loading弹框*/
.show-loading { width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 9; }
.show-loading-content { width:5rem;font-size:0.4rem;line-height:0.6rem;color:#fff;}
.show-loading-ico { width:0.5rem;height:0.5rem;}



/*自定义滚动条样式*/
/*滚动条整体样式*/
::-webkit-scrollbar {  width: 0.05rem; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }
/*滚动条里面小方块*/ 
::-webkit-scrollbar-thumb {border-radius: 0.1rem; -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.2); background: #4258FF; }
/*滚动条里面轨道*/
::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 0.025rem rgba(0,0,0,0.2); border-radius: 0.025rem; background: #444451; }



a:link { color: none; text-decoration: none; }
/* 未访问的链接 */
a:visited { color: none; text-decoration: none; } 
/* 已访问的链接 */
a:hover { color: none; text-decoration: none; }
/* 鼠标移动到链接上 */
a:active { color: none; }



/*layui分页   <div class="page"></div>*/
.page * { background-color: rgba(0,0,0,0) !important; color: #fff !important; font-size: 0.18rem !important; }
.page a, .layui-laypage-curr, .layui-laypage-spr {
    height: 0.3rem !important;
    line-height: 0.3rem !important;
    margin: 0.02rem !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 0px solid #fff !important;
    border-radius: 0.01rem !important;
    min-width: 0.3rem;
    text-align: center;
}
.layui-laypage-curr { background-color: #4258FF !important; }
.layui-laypage-count { margin: 0 0.2rem !important; }