@charset "UTF-8";
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
.breake-word{
word-wrap: break-word;
}
.ellipsis{
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
.p-limit4{
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
font-size: 12px;
}
.b600{
font-weight: 600;
}
.flex-bt{
display: flex;
justify-content: space-between;
}
.tab-active::before {
content: '';
position: absolute;
width: 20%;
height: 5px;
left: 39%;
bottom: 3px;
background: #000;
border-radius: 5px;
}
/* tab */
.tab--kk{
width: 100px;
position: relative;
}
.indent-10{
text-indent: 10px;
}
.indent-20{
text-indent: 20px;
}
.indent-30{
text-indent: 30px;
}
.radius50-100px{
height: 100px !important;
width: 100px !important;
border-radius: 50%;
}
.flex-center{
display: flex;
justify-content: center;
align-items: center;
}
.w-10 {
width: 10%;
}
.w-20 {
width: 20%;
}
.w-30 {
width: 30%;
}
.w-40 {
width: 40%;
}
.w-50 {
width: 50%;
}
.w-60 {
width: 60%;
}
.w-70 {
width: 70%;
}
.w-80 {
width: 80%;
}
.w-90 {
width: 90%;
}
.w-100 {
width: 100%;
}
.h-100 {
height: 100%;
}
html {
font-size: 13px;
}
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
background: #f1f1f1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: #999;
}
.w-100 {
width: 100%;
}
.h-100 {
height: 100%;
}
.text-info {
color: #4b67af;
}
.bg-info {
background: #4b67af;
}
.text-primary {
color: #db9e2f;
}
.bg-primary {
background: #db9e2f;
}
.text-white {
color: #fff;
}
.bg-white {
background: #fff;
}
.text-light {
color: #f9f9f9;
}
.bg-light {
background: #f9f9f9;
}
.text-light-1 {
color: #d4d9de;
}
.bg-light-1 {
background: #d4d9de;
}
.text-black {
color: #000;
}
.bg-black {
background: #000;
}
.text-dark-1 {
color: #343440;
}
.bg-dark-1 {
background: #343440;
}
.text-dark-2 {
color: #222;
}
.bg-dark-2 {
background: #222;
}
.text-gray {
color: #999;
}
.bg-gray {
background: #999;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.fs-xss {
font-size: 0.6154rem;
}
.fs-xs {
font-size: 0.7692rem;
}
.fs-sm {
font-size: 0.9231rem;
}
.fs-md {
font-size: 1rem;
}
.fs-lg {
font-size: 1.0769rem;
}
.fs-xl {
font-size: 1.2308rem;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.jc-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.jc-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.jc-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jc-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.jc-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.ai-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ai-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.ai-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ai-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.m-0 {
margin: 0rem;
}
.m-1 {
margin: 0.25rem;
}
.m-2 {
margin: 0.5rem;
}
.m-3 {
margin: 1rem;
}
.m-4 {
margin: 1.5rem;
}
.m-5 {
margin: 3rem;
}
.mx-0 {
margin-left: 0rem;
margin-right: 0rem;
}
.my-0 {
margin-top: 0rem;
margin-bottom: 0rem;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mx-3 {
margin-left: 1rem;
margin-right: 1rem;
}
.my-3 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mx-4 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.my-4 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mx-5 {
margin-left: 3rem;
margin-right: 3rem;
}
.my-5 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mt-0 {
margin-top: 0rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 1rem;
}
.mt-4 {
margin-top: 1.5rem;
}
.mt-5 {
margin-top: 3rem;
}
.mb-0 {
margin-bottom: 0rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 1rem;
}
.mb-4 {
margin-bottom: 1.5rem;
}
.mb-5 {
margin-bottom: 3rem;
}
.ml-0 {
margin-left: 0rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-3 {
margin-left: 1rem;
}
.ml-4 {
margin-left: 1.5rem;
}
.ml-5 {
margin-left: 3rem;
}
.mr-0 {
margin-right: 0rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 1rem;
}
.mr-4 {
margin-right: 1.5rem;
}
.mr-5 {
margin-right: 3rem;
}
.p-0 {
padding: 0rem;
}
.p-1 {
padding: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 1rem;
}
.p-4 {
padding: 1.5rem;
}
.p-5 {
padding: 3rem;
}
.px-0 {
padding-left: 0rem;
padding-right: 0rem;
}
.py-0 {
padding-top: 0rem;
padding-bottom: 0rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.py-3 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-4 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-4 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.px-5 {
padding-left: 3rem;
padding-right: 3rem;
}
.py-5 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pt-0 {
padding-top: 0rem;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-3 {
padding-top: 1rem;
}
.pt-4 {
padding-top: 1.5rem;
}
.pt-5 {
padding-top: 3rem;
}
.pb-0 {
padding-bottom: 0rem;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-3 {
padding-bottom: 1rem;
}
.pb-4 {
padding-bottom: 1.5rem;
}
.pb-5 {
padding-bottom: 3rem;
}
.pl-0 {
padding-left: 0rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-3 {
padding-left: 1rem;
}
.pl-4 {
padding-left: 1.5rem;
}
.pl-5 {
padding-left: 3rem;
}
.pr-0 {
padding-right: 0rem;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-3 {
padding-right: 1rem;
}
.pr-4 {
padding-right: 1.5rem;
}
.pr-5 {
padding-right: 3rem;
}
.btn {
border: none;
border-radius: 0.1538rem;
font-size: 0.9231rem;
padding: 0.2rem 0.6rem;
}
- 【JAVA集合框架之工具类】
一.概述 JAVA集合框架中有两个很重要的工具类,一个是Collections,另一个是Arrays.分别封装了对集合的操作方法和对数组的操作方法,这些操作方法使得程序员的开发更加高效. public ...
- JAVA基础学习之 Map集合、集合框架工具类Collections，Arrays、可变参数、List和Set集合框架什么时候使用等（4）
package com.itcast.test20140113; import java.util.ArrayList; import java.util.Arrays; import java.ut ...
- Java：集合框架的工具类
集合框架的工具类 Arrays:里面都是静态方法,直接用来对各种集合进行操作的公有方法. Collections:里面都是静态方法,直接用来对各种集合进行操作的公有方法. 包括: 1.asList将数 ...
- 为什么要用Hibernate框架? 把SessionFactory,Session,Transcational封装成包含crud的工具类并且处理了事务,那不是用不着spring了?
既然用Hibernate框架访问管理持久层,那为何又提到用Spring来管理以及整合Hibernate呢?把SessionFactory,Session,Transcational封装成包含crud的 ...
- [黑马程序员] 集合框架2——Map系 & 集合工具类(Collections、Arrays)
---------------------- ASP.Net+Android+IO开发..Net培训.期待与您交流! ---------------------- 0. 集合框架按其所实现的接口, 大 ...
- Java基础---泛型、集合框架工具类：collections和Arrays
第一讲 泛型(Generic) 一.概述 1.JDK1.5版本以后出现的新特性.用于解决安全问题,是一个类型安全机制. 2.JDK1.5的集合类希望在定义集合时,明确表明你要向集合中装入那种类 ...
- AQS 框架之 LockSupport 线程阻塞工具类
■ 前言 并发包一直是 JDK 里面比较难理解的,同时也是很精美的语言,膜拜下 Doug Li 大神.作者不敢长篇大论,只求循序渐进地把并发包通过理论和实战 (代码) 的方式介绍给大家. 其实做每一件 ...
- java内部类、接口、集合框架、泛型、工具类、实现类
.t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.内部类 1.成员内部类. (1)成员内部类的实例化: 外部类名.内部类 ...
- 自定义MVC框架之工具类-模型类
截止目前已经改造了5个类: ubuntu:通过封装验证码类库一步步安装php的gd扩展 自定义MVC框架之工具类-分页类的封装 自定义MVC框架之工具类-文件上传类 自定义MVC框架之工具类-图像处理 ...
- LaTeX 使用笔记
实现一个归类样式,如图: 代码: \left\{ \begin{aligned} 监督学习 \left\{ \begin{aligned} 回归 \\ 分类 \end{aligned} \right. ...
- Codeforces1301C. Ayoub's function
本题的收获是,要学会反向思维,正向找包含1的太多,我们就反向找,全排列-只有0的不满足题意的就是答案,一共有n-m个0,m个1,插空法,一共有m+1个地方可以插入0序列,总排列数为(n+1)*n/2, ...
- 「SCOI2005」王室联邦
「SCOI2005」王室联邦 传送门 树分块. 考虑把树,按照节点个数每 \(B\) 个分块,把块顶作为省会. 这是具体证明 参考代码: #include <cstdio> #define ...
- Java程序员常用工具类库
有人说当你开始学习Java的时候,你就走上了一条不归路,在Java世界里,包罗万象,从J2SE,J2ME,J2EE三大平台,到J2EE中的13中核心技术,再到Java世界中万紫千红的Framework ...
- 【快学springboot】5.全局异常捕获，异常流处理业务逻辑
前言 上一篇文章说到,参数校验,往往需要和全局的异常拦截器来配套使用,使得返回的数据结构永远是保持一致的.参数异常springboot默认的返回结构: { "timestamp": ...
- jwt 认证
目录 jwt 认证示意图 jwt 认证算法:签发与检验 drf 项目的 jwt 认证开发流程(重点) drf-jwt 框架基本使用 token 刷新机制(了解) jwt 认证示意图 jwt 优势 1 ...
- 十六、JSONObject与JSONArray使用-不刷新页面做回写显示
需要导入:json-lib-2.2.2-.jar包 1.json:就是一个键对应一个值,超级简单的一对一关系.对于json嵌套,只要记住符号“:”前是键,符号后是值大括号成对找. String arr ...
- 六、java基础-单例模式_继承_覆盖_多态
1.单例模式: 1)提出原因 是由gof 也就是四人组提出来的.为了保证jvm中某一类型的java对象永远只有一个,同时也是为了节省内存的开销.因为外面程序可以通过new的方法直接调用类里面的构造方法 ...
- 使用JavaScript和Canvas打造真实的雨滴效果
使用JavaScript和Canvas打造真实的雨滴效果 寸志 · 1 年前 我最近搞了一个有趣的项目——rainyday.js .我认为这个项目并不怎么样,而且,事实上这是我第一次尝试接触一些比弹窗 ...
- CSS-text-intent
text-indent:[ <length> | <percentage> ] && ? && ? 默认值:0 适用于:块容器 继承性:有 动画 ...
